/* V1.51 — guided porting, verified tracking, device history and richer status UI. */
.porting-wizard-backdrop{z-index:170;place-items:center;padding:12px}
.porting-wizard-sheet{width:min(880px,100%);max-height:94vh;padding:28px;border-radius:34px;background:radial-gradient(circle at 95% 0,rgba(255,175,59,.16),transparent 26%),#fff}
.porting-wizard-head{padding-inline-end:45px}.porting-wizard-head h2{margin:7px 0 5px;font-size:clamp(28px,5vw,42px)}.porting-wizard-head p{margin:0;color:var(--muted);font-size:12px}
.porting-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0}.porting-progress i{height:5px;border-radius:999px;background:#e7ebf1;transition:.3s}.porting-progress i.active{background:linear-gradient(90deg,#ff9417,#ffc462);box-shadow:0 5px 15px rgba(255,158,25,.25)}
.porting-step{animation:portingStepIn .3s ease}.porting-step[hidden]{display:none}@keyframes portingStepIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.porting-step-title{display:flex;align-items:center;gap:12px;margin-bottom:17px}.porting-step-title>span{display:grid;place-items:center;width:43px;height:43px;border-radius:15px;background:#111b3b;color:#ffbd57;font-weight:950}.porting-step-title strong,.porting-step-title small{display:block}.porting-step-title strong{color:#121e40;font-size:18px}.porting-step-title small{margin-top:3px;color:#858fa0;font-size:10px}
.porting-form{display:grid;gap:11px}.porting-form label{display:grid;gap:6px;color:#202b4b;font-size:11px;font-weight:900}.porting-form input{width:100%;min-height:49px;padding:11px 13px;border:1px solid #dfe4ec;border-radius:15px;background:#fafbfd;color:#142040;outline:0;font:inherit;font-size:15px}.porting-form input:focus{border-color:#ffad34;background:#fff;box-shadow:0 0 0 4px rgba(255,158,25,.1)}
.porting-form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.porting-primary,.porting-back{min-height:49px;padding:11px 16px;border:0;border-radius:15px;font-weight:950}.porting-primary{display:flex;align-items:center;justify-content:center;gap:11px;background:linear-gradient(135deg,#f49316,#ffbd55);color:#fff;box-shadow:0 13px 28px rgba(242,150,22,.24)}.porting-primary:disabled{opacity:.45;box-shadow:none}.porting-back{background:#eef1f6;color:#152142}.porting-step-actions{display:grid;grid-template-columns:130px 1fr;gap:9px;margin-top:16px}
.porting-company-grid{display:flex;gap:10px;overflow-x:auto;padding:3px 2px 11px;scrollbar-width:none}.porting-company-grid::-webkit-scrollbar{display:none}.porting-company{flex:0 0 140px;display:grid;place-items:center;gap:6px;min-height:142px;padding:10px;border:1px solid #dfe5ee;border-radius:22px;background:#fff;color:#142041;box-shadow:0 8px 22px rgba(19,30,67,.07)}.porting-company.active{border-color:#ffa82f;background:#fff7e9;box-shadow:0 0 0 4px rgba(255,164,35,.1)}.porting-company img,.porting-company .porting-logo-fallback{width:92px;height:72px;object-fit:contain;border-radius:16px}.porting-logo-fallback{display:grid;place-items:center;background:#eef2f7;font-size:22px;font-weight:950}.porting-company strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.porting-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:330px;overflow:auto;padding:4px 2px}.porting-plan-choice{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;padding:13px;border:1px solid #e1e6ed;border-radius:18px;background:#fafbfd;text-align:start;color:#172342}.porting-plan-choice.active{border-color:#ffad36;background:#fff8ed;box-shadow:0 0 0 3px rgba(255,158,25,.1)}.porting-plan-choice strong,.porting-plan-choice small{display:block}.porting-plan-choice strong{font-size:14px}.porting-plan-choice small{margin-top:3px;color:#7c8798;font-size:9px}.porting-plan-choice>b{direction:ltr;color:#111d40;font-size:24px}.porting-plan-choice>b sup{font-size:11px}

.tracking-prefixed-field{direction:ltr!important}.tracking-prefixed-field b{order:0!important}.tracking-prefixed-field input{order:1!important;text-align:left!important}
.tracking-main-submit{position:relative;overflow:hidden}.tracking-main-submit.is-busy{pointer-events:none;color:transparent}.tracking-main-submit.is-busy:before{content:none!important;display:none!important}.tracking-main-submit.is-busy:after{content:"";position:absolute;width:22px;height:22px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:trackingSpin .7s linear infinite}@keyframes trackingSpin{to{transform:rotate(360deg)}}
.tracking-verification-card{display:grid;gap:14px;margin-top:15px;padding:20px;border:1px solid #dfe5ee;border-radius:22px;background:linear-gradient(145deg,#fff,#f6f8fc);box-shadow:0 16px 40px rgba(18,29,64,.09);animation:verifyCardIn .32s ease}@keyframes verifyCardIn{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none}}
.tracking-verification-head{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center}.tracking-verification-head>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#e9f8f2;color:#087b5c}.tracking-verification-head svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.tracking-verification-head strong,.tracking-verification-head small{display:block}.tracking-verification-head strong{color:#132041;font-size:16px}.tracking-verification-head small{margin-top:3px;color:#7b8596;font-size:10px;line-height:1.6}.tracking-code-form{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:8px}.tracking-code-form input{min-width:0;padding:13px;border:1px solid #dfe4ec;border-radius:14px;direction:ltr;text-align:center;font-size:20px;font-weight:950;letter-spacing:.22em}.tracking-code-form button{border:0;border-radius:14px;background:#111c3d;color:#fff;font-weight:950}.tracking-verification-status{min-height:18px;margin:0;color:#6f7a8c;font-size:10px}.tracking-verification-status.success{color:#087b5c}.tracking-verification-status.error{color:#bd3049}
.tracking-alert{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;margin:11px 0;padding:12px;border:1px solid #ffd18b;border-radius:16px;background:#fff8ed;color:#774600}.tracking-alert>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff0d8}.tracking-alert svg{width:23px;height:23px;fill:none;stroke:#c57400;stroke-width:1.8}.tracking-alert strong,.tracking-alert small{display:block}.tracking-alert strong{font-size:12px}.tracking-alert small{margin-top:3px;font-size:9px;line-height:1.55}.tracking-workspace-tabs button{display:flex;align-items:center;justify-content:center;gap:6px}.tracking-workspace-tabs svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pro-timeline-step.current i:after{content:"";position:absolute;inset:-8px;border:2px solid rgba(255,158,25,.28);border-radius:50%;animation:timelinePulse 1.6s ease-out infinite}@keyframes timelinePulse{to{transform:scale(1.35);opacity:0}}
.tracking-doc-instruction{display:grid;grid-template-columns:48px 1fr;gap:11px;align-items:center;min-height:110px;padding:15px;border:1px dashed #ccd5e1;border-radius:18px;background:#f8fafc}.tracking-doc-instruction>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#eef2f7;color:#172342;font-size:22px}.tracking-doc-instruction strong,.tracking-doc-instruction small{display:block}.tracking-doc-instruction strong{color:#172342;font-size:13px}.tracking-doc-instruction small{margin-top:5px;color:#778294;font-size:10px;line-height:1.7}
.tracking-doc-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.recent-orders-v151{margin-top:14px}.recent-orders-entry{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;width:100%;padding:13px 14px;border:1px solid #e1e6ed;border-radius:16px;background:#fff;color:#162242;text-align:start;box-shadow:0 8px 22px rgba(20,31,66,.06)}.recent-orders-entry>span{display:flex;align-items:center;gap:9px}.recent-orders-entry i{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#fff0da;color:#aa6100;font-style:normal;font-size:17px}.recent-orders-entry b{font-size:11px}.recent-orders-entry small{padding:5px 8px;border-radius:999px;background:#edf1f6;color:#697487;font-size:9px}.recent-orders-entry>strong{color:#f09a1b}
.device-order-history{margin-top:9px;padding:15px;border:1px solid #e0e5ed;border-radius:21px;background:#f7f9fc;animation:historyIn .25s ease}@keyframes historyIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.device-order-history>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.device-order-history>header span{color:#a26208;font-size:8px;font-weight:950;letter-spacing:.13em}.device-order-history>header h3{margin:3px 0 0;color:#152141;font-size:17px}.device-order-history>header button{width:34px;height:34px;border:0;border-radius:11px;background:#e8ecf2;color:#172342;font-size:22px}.recent-order-item-v151{display:grid;grid-template-columns:1fr auto;gap:9px;width:100%;margin-top:8px;padding:13px;border:1px solid #e2e7ee;border-radius:16px;background:#fff;color:#172342;text-align:start}.recent-order-item-v151 header{display:flex;justify-content:space-between;gap:8px;align-items:center}.recent-order-item-v151 header strong{direction:ltr;font-size:12px}.recent-order-item-v151 .device-status{padding:5px 7px;border-radius:999px;background:#fff0da;color:#a45c00;font-size:8px}.recent-order-item-v151 p{margin:7px 0 0;color:#596579;font-size:10px}.recent-order-item-v151 small{display:block;margin-top:4px;color:#9099a8;font-size:8px}.recent-order-item-v151>i{align-self:center;color:#f09a1b;font-style:normal;font-size:18px}

.catalog-plan-card{position:relative}.catalog-5g-mark{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:5px;box-sizing:border-box;flex:0 0 82px;width:82px;height:36px;padding:0 9px;overflow:hidden;border:1px solid rgba(255,255,255,.5);border-radius:12px;background:linear-gradient(135deg,#8255ed 0%,#3e64e8 49%,#08b8c7 100%);box-shadow:inset 0 0 0 3px rgba(255,255,255,.13),0 8px 18px rgba(62,91,221,.27);direction:ltr!important;color:#fff;transform:translateY(1px)}.catalog-5g-mark:after{content:"";position:absolute;z-index:0;top:-20px;left:-7px;width:45px;height:60px;background:linear-gradient(105deg,transparent,rgba(255,255,255,.32),transparent);transform:rotate(15deg)}.catalog-5g-mark strong{position:relative;z-index:1;display:block;flex:0 0 auto;max-width:43px;margin:0;overflow:hidden;color:#fff;font-family:Arial,sans-serif;font-size:20px;font-style:italic;font-weight:950;line-height:1;letter-spacing:-1px;white-space:nowrap}.catalog-5g-mark svg{position:relative;z-index:1;display:block;flex:0 0 20px;width:20px;height:22px;overflow:hidden;fill:#fff;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgba(255,255,255,.55))}

@media(max-width:620px){
  .porting-wizard-backdrop{padding:0;place-items:end center}.porting-wizard-sheet{width:100%;max-height:95vh;padding:23px 14px 27px;border-radius:28px 28px 0 0}
  .porting-form-two,.porting-plan-grid{grid-template-columns:1fr}.porting-step-actions{grid-template-columns:92px 1fr}.porting-company{flex-basis:122px;min-height:126px}.porting-company img,.porting-company .porting-logo-fallback{width:78px;height:62px}
  .tracking-code-form{grid-template-columns:1fr}.tracking-code-form button{min-height:47px}
  .recent-orders-entry{grid-template-columns:1fr auto}.recent-orders-entry>strong{display:none}
}
@media(prefers-reduced-motion:reduce){.porting-step,.tracking-verification-card,.device-order-history,.pro-timeline-step.current i:after,.phone-offer-5g:after{animation:none!important}}

/* V1.55 — live promotional card and the secure three-step customer order. */
.phone-offer{position:relative;overflow:hidden}
.phone-offer .price-shine{display:flex;align-items:flex-start;justify-content:center;gap:3px;direction:ltr}
.phone-offer .price-shine b{font:900 clamp(32px,4vw,48px)/1 "Inter",system-ui,sans-serif;letter-spacing:-2px}
.phone-offer .price-shine sup{font-size:15px;margin-top:5px}
.phone-offer-brand{display:flex;align-items:center;justify-content:center;gap:7px;margin:5px 0 9px}
.phone-offer-brand img{width:25px;height:25px;object-fit:contain;border-radius:8px;background:#fff;padding:3px;box-shadow:0 5px 13px rgba(15,23,42,.12)}
.phone-offer-brand span{font-size:12px;font-weight:900;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.phone-offer-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;direction:ltr}
.phone-offer-specs>span{min-width:0;padding:7px 3px 6px;border:1px solid rgba(255,255,255,.38);border-radius:10px;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);text-align:center}
.phone-offer-specs b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phone-offer-specs small{display:block;margin-top:2px;font-size:7px;font-weight:800;opacity:.76;text-transform:uppercase}
.phone-offer>.phone-offer-5g{position:absolute;z-index:3;left:10px;top:10px;bottom:auto;display:flex;align-items:center;justify-content:center;gap:3px;width:52px;min-width:52px;height:26px;padding:0 6px;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:9px;background:linear-gradient(135deg,#101a42 0%,#5b36f2 54%,#08b7da 100%);color:#fff;box-sizing:border-box;direction:ltr!important;line-height:1!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.14),0 0 0 2px rgba(255,255,255,.9),0 7px 16px rgba(67,56,202,.38);isolation:isolate;pointer-events:none}
.phone-offer>.phone-offer-5g:before{content:"";position:absolute;z-index:0;inset:1px;border-radius:7px;background:linear-gradient(120deg,rgba(255,255,255,.34),transparent 52%)}
.phone-offer>.phone-offer-5g:after{content:"";position:absolute;z-index:1;top:-12px;left:-18px;width:16px;height:52px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);transform:rotate(18deg);animation:phone5gSweep 4.8s ease-in-out infinite}
.phone-offer>.phone-offer-5g strong{position:relative;z-index:2;display:block;flex:0 0 auto;margin:0!important;padding:0;color:#fff;font:950 italic 13px/1 Arial,sans-serif!important;letter-spacing:-.65px;white-space:nowrap;text-rendering:geometricPrecision}
.phone-offer>.phone-offer-5g svg{position:relative;z-index:2;display:block;flex:0 0 14px;width:14px;height:14px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;shape-rendering:geometricPrecision;filter:drop-shadow(0 0 2px rgba(255,255,255,.58))}
.phone-offer>.phone-offer-5g svg circle{fill:currentColor;stroke:none}
@keyframes phone5gSweep{0%,62%{transform:translateX(0) rotate(18deg);opacity:0}70%{opacity:.9}90%,100%{transform:translateX(92px) rotate(18deg);opacity:0}}
.phone-offer-5g[hidden]{display:none}

/* V1.56 secure SMS feedback */
.my-orders-form[hidden],.tracking-code-form[hidden],#planPortingField[hidden]{display:none!important}
.tracking-code-form{transform-origin:top center}
.tracking-code-form:not([hidden]){animation:v156CodeReveal .46s cubic-bezier(.2,.9,.2,1) both}
.tracking-code-form.is-checking{pointer-events:none;opacity:.92}
.tracking-code-form.is-checking button{position:relative;color:transparent!important}
.tracking-code-form.is-checking button:after{content:"";position:absolute;left:50%;top:50%;width:21px;height:21px;margin:-12px;border:3px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:v156Spin .72s linear infinite}
.tracking-verification-status.is-loading,.my-orders-status.is-loading{display:flex;align-items:center;justify-content:center;gap:9px;color:#33466b}
.tracking-verification-status.is-loading:before,.my-orders-status.is-loading:before{content:"";flex:0 0 18px;width:18px;height:18px;border:3px solid rgba(42,67,115,.16);border-top-color:#ff9818;border-radius:50%;animation:v156Spin .72s linear infinite}
.my-orders-form:not([hidden]).is-revealed{animation:v156CodeReveal .5s cubic-bezier(.2,.9,.2,1) both}
.my-orders-form.is-busy{pointer-events:none}
.my-orders-form.is-busy .submit-button{position:relative;color:transparent!important}
.my-orders-form.is-busy .submit-button:after{content:"";position:absolute;left:50%;top:50%;width:21px;height:21px;margin:-12px;border:3px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:v156Spin .72s linear infinite}
@keyframes v156Spin{to{transform:rotate(360deg)}}
@keyframes v156CodeReveal{from{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:none}}
.customer-order-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wizard-sheet select,.porting-wizard-sheet select{width:100%;min-height:50px;border:1px solid #dbe3f1;border-radius:14px;background:#fff;color:#111b43;padding:0 13px;font:inherit;font-weight:750}
.success-whatsapp{color:#087f5b!important;border-color:rgba(8,127,91,.2)!important}
.success-sheet.success-celebrate{animation:v155SuccessPop .7s cubic-bezier(.2,.9,.2,1)}
.success-sheet.success-celebrate:after{content:"✦  ✧  ✦";position:absolute;inset:18px 0 auto;text-align:center;color:#ff9f1a;font-size:22px;letter-spacing:28px;animation:v155Spark 1.5s ease-out both;pointer-events:none}
@keyframes v155SuccessPop{0%{transform:translateY(20px) scale(.92);opacity:.2}65%{transform:translateY(-3px) scale(1.015)}100%{transform:none;opacity:1}}
@keyframes v155Spark{0%{transform:translateY(16px) scale(.5);opacity:0}35%{opacity:1}100%{transform:translateY(-25px) scale(1.25);opacity:0}}
@media(max-width:560px){.customer-order-two{grid-template-columns:1fr}.phone-offer-specs{gap:3px}.phone-offer-specs>span{padding-inline:2px}.success-actions{grid-template-columns:1fr}}
.customer-esim-ready{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin:15px 0;padding:15px;border:1px solid #cdeee7;border-radius:19px;background:linear-gradient(135deg,#effcf8,#f5f7ff);box-shadow:0 14px 34px rgba(20,91,78,.08)}
.customer-esim-ready>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#008b78,#4758d7);color:#fff;font-size:12px;font-weight:950}
.customer-esim-ready strong,.customer-esim-ready small{display:block}.customer-esim-ready strong{color:#102047}.customer-esim-ready small{margin-top:4px;color:#667085;line-height:1.55}.customer-esim-ready a,.customer-esim-ready button{padding:9px 12px;border:0;border-radius:11px;background:#102047;color:#fff;font-family:inherit;font-size:11px;font-weight:900;text-decoration:none;cursor:pointer}.customer-esim-ready.protected{border-color:#d9dcff;background:linear-gradient(135deg,#f2f3ff,#f8fbff)}
@media(max-width:540px){.customer-esim-ready{grid-template-columns:auto 1fr}.customer-esim-ready a,.customer-esim-ready button{grid-column:1/-1;text-align:center}}
.official-order-verification .official-tracking-destination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:14px 0 4px;
  padding:12px 14px;
  border:1px solid rgba(33,72,142,.14);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(244,248,255,.96),rgba(255,255,255,.98));
  color:#52617a;
  box-shadow:0 12px 30px rgba(21,38,76,.07);
}
.official-order-verification .official-tracking-destination[hidden]{display:none}
.official-order-verification .official-tracking-destination b{
  color:#172a53;
  letter-spacing:.08em;
  font-size:1rem;
}
.official-order-verification .tracking-code-form.is-checking button{
  position:relative;
  color:transparent;
  pointer-events:none;
}
.official-order-verification .tracking-code-form.is-checking button::after{
  content:"";
  position:absolute;
  inset:50% auto auto 50%;
  width:20px;
  height:20px;
  margin:-11px 0 0 -11px;
  border:2px solid rgba(255,255,255,.42);
  border-top-color:#fff;
  border-radius:50%;
  animation:tgoOfficialOtpSpin .72s linear infinite;
}
@keyframes tgoOfficialOtpSpin{to{transform:rotate(360deg)}}