:root{--bg:#090d13;--panel:rgba(255,255,255,.055);--line:rgba(255,255,255,.1);--text:#f4f7f8;--muted:#82909f;--air:#a9d9e8;--cloud:#e9f1ec}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 75% 0,rgba(122,170,198,.18),transparent 34%),linear-gradient(160deg,#080b10,#0d151f 55%,#091017)!important;color:var(--text)}.shell{max-width:500px;margin:auto;padding:0 18px 110px;min-height:100vh}.header{height:76px;display:flex;align-items:center;gap:14px}.wordmark{font-size:19px;letter-spacing:-.4px}.back{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:white;font-size:24px}.signal-card{min-height:370px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.022));position:relative;overflow:hidden;padding:22px;box-shadow:0 28px 80px rgba(0,0,0,.25)}.signal-card:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 65% 35%,rgba(169,217,232,.16),transparent 31%);filter:blur(10px)}.air-network{height:235px;position:relative}.plane-placeholder{position:absolute;right:17%;top:35px;color:var(--cloud);font-size:52px;transform:rotate(-10deg);filter:drop-shadow(0 12px 20px rgba(169,217,232,.24));z-index:3}.sim-art{position:absolute;left:16%;top:104px;width:125px;height:90px;background:linear-gradient(145deg,#f4f6f0,#b9d7d9);clip-path:polygon(0 0,78% 0,100% 28%,100% 100%,0 100%);border-radius:20px;transform:rotate(-7deg);box-shadow:0 25px 45px rgba(0,0,0,.3);z-index:2}.sim-chip{position:absolute;left:34px;top:30px;width:55px;height:42px;border:1px solid rgba(39,69,78,.4);border-radius:11px}.sim-chip:before,.sim-chip:after{content:"";position:absolute;background:rgba(39,69,78,.3)}.sim-chip:before{width:1px;height:100%;left:50%}.sim-chip:after{height:1px;width:100%;top:50%}.airline{position:absolute;width:250px;height:120px;left:17%;top:64px;border-top:1px solid rgba(169,217,232,.3);border-radius:50%;transform:rotate(-12deg)}.signal-card h1{position:relative;margin:27px 0 0;font-size:34px;line-height:1.05;letter-spacing:-1.2px;font-weight:570}.search{display:flex;gap:10px;align-items:center;margin:18px 0 13px;padding:16px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035)}.search input{width:100%;border:0;background:none;outline:0;color:white;font-size:14px}.search input::placeholder{color:#697786}.chips{display:flex;gap:8px;overflow:auto;margin:18px 0;scrollbar-width:none}.chip{border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.025);color:var(--muted);padding:10px 16px;white-space:nowrap}.chip.active{background:var(--cloud);color:#17232a;border-color:transparent}.label{display:flex;justify-content:space-between;align-items:center;margin:27px 2px 12px}.label b{font-size:17px}.label span{font-size:10px;color:var(--muted)}.destinations,.plan-stack{display:grid;gap:9px}.destination,.plan{width:100%;border:1px solid var(--line);border-radius:22px;background:var(--panel);color:white;padding:15px;text-align:left;display:flex;align-items:center;gap:13px}.destination img{width:38px;height:38px;border-radius:50%;object-fit:cover}.destination span{flex:1}.destination strong{display:block;font-size:15px}.destination small,.plan small,.plan em{display:block;color:var(--muted);font-size:10px;margin-top:4px}.destination i{font-style:normal;color:var(--air)}.plan{justify-content:space-between;align-items:flex-start}.plan h3{margin:0;font-size:18px}.plan em{max-width:270px;font-style:normal}.plan>b{color:#d7edf2}.state{padding:50px 10px;text-align:center;color:var(--muted)}.error{color:#f0a9a9}.country-title,.simple-title{padding:10px 0 20px}.country-title h1,.simple-title h1{font-size:34px;margin:10px 0}.country-title p{color:var(--muted);line-height:1.5}.esim-card{border:1px solid var(--line);border-radius:25px;background:var(--panel);padding:20px}.esim-card span{float:right;color:#a9e4ca}.esim-card h2{font-size:20px;margin:28px 0 5px}.language{display:grid;grid-template-columns:1fr 1fr;gap:10px}.language button{border:1px solid var(--line);border-radius:20px;padding:18px;background:var(--panel);color:var(--muted)}.language button.active{background:var(--cloud);color:#162228}.nav{position:fixed;z-index:20;left:50%;bottom:12px;transform:translateX(-50%);width:min(calc(100% - 36px),464px);display:grid;grid-template-columns:repeat(3,1fr);padding:7px;border:1px solid var(--line);border-radius:25px;background:rgba(9,13,19,.9);backdrop-filter:blur(22px)}.nav button{border:0;border-radius:19px;background:none;color:#65717d;padding:9px 4px;font-size:10px}.nav i{display:block;font-style:normal;font-size:18px;margin-bottom:4px}.nav button.active{background:rgba(233,241,236,.11);color:var(--cloud)}@media(max-width:380px){.signal-card{min-height:340px}.air-network{height:210px}.signal-card h1{font-size:30px}}

/* Matte black + restrained gold interaction layer */
:root{--gold:#d7b35b;--gold2:#f3d98a;--bg:#070707;--panel:rgba(255,255,255,.035);--line:rgba(215,179,91,.16);--air:#d7b35b;--cloud:#f2eee4}
body{background:radial-gradient(ellipse at 50% -12%,rgba(215,179,91,.08),transparent 38%),linear-gradient(160deg,#050505,#0a0a0a 58%,#050505)!important}
.flight-stage{position:relative;height:300px;margin:0 0 17px;overflow:hidden}
.hero-aircraft{position:absolute;z-index:3;width:112%;max-width:none;left:50%;top:-22px;transform:translateX(-50%);filter:drop-shadow(0 20px 32px rgba(0,0,0,.9)) drop-shadow(0 0 15px rgba(215,179,91,.12))}
.gold-sim{position:absolute;z-index:4;width:104px;height:74px;left:50%;bottom:18px;transform:translateX(-50%) rotate(-5deg);clip-path:polygon(0 0,77% 0,100% 30%,100% 100%,0 100%);border-radius:16px;background:linear-gradient(145deg,#80652c,#f4dc91 43%,#9e7b31 100%);box-shadow:0 14px 35px rgba(0,0,0,.7),0 0 22px rgba(226,190,92,.24)}
.gold-chip{position:absolute;width:48px;height:36px;left:27px;top:25px;border:1px solid rgba(45,32,8,.6);border-radius:9px}.gold-chip:before,.gold-chip:after{content:"";position:absolute;background:rgba(45,32,8,.45)}.gold-chip:before{width:1px;height:100%;left:50%}.gold-chip:after{height:1px;width:100%;top:50%}
.flight-line{position:absolute;left:8%;right:8%;bottom:5px;height:70px;border-bottom:1px solid rgba(215,179,91,.18);border-radius:50%}
.destination,.plan,.chip,.search,.language button,.nav button,.back{transition:border-color .2s,background .2s,color .2s,box-shadow .2s,transform .2s}
.destination:hover,.destination:focus-visible,.plan:hover,.plan:focus-visible,.language button:hover,.language button:focus-visible{border-color:rgba(215,179,91,.72);background:rgba(215,179,91,.09);box-shadow:0 0 0 1px rgba(215,179,91,.08),0 12px 35px rgba(0,0,0,.28)}
.chip:hover,.chip:focus-visible,.nav button:hover,.nav button:focus-visible{color:var(--gold2);border-color:rgba(215,179,91,.55);background:rgba(215,179,91,.1)}
.chip.active,.language button.active{background:linear-gradient(145deg,#e6c66f,#a47d2e);color:#090806}.nav button.active{color:var(--gold2);background:rgba(215,179,91,.11)}
.plan{padding:17px}.plan-main{min-width:0}.plan-type{color:var(--gold);font-size:8px;letter-spacing:1.2px;font-weight:750}.plan-price{text-align:right;flex:0 0 auto}.plan-price b{display:block;color:var(--gold2);font-size:17px}.plan-price small{display:block;color:#786c52;font-size:8px;margin-top:4px}.destination small{color:#a68b51}.destination i{color:var(--gold2)}
@media(max-width:380px){.flight-stage{height:260px}.hero-aircraft{top:-5px}.gold-sim{bottom:8px}}

.gold-sim,.gold-chip{display:none!important}
.hero-slogan{position:absolute;z-index:5;left:50%;bottom:25px;transform:translateX(-50%);white-space:nowrap;color:#ead18a;font-size:20px;font-weight:570;letter-spacing:-.35px;text-shadow:0 0 24px rgba(215,179,91,.34)}
@media(max-width:380px){.hero-slogan{bottom:15px;font-size:18px}}

.gold-sim,.gold-chip{display:none!important}
.hero-slogan{position:absolute;z-index:5;left:50%;bottom:25px;transform:translateX(-50%);white-space:nowrap;color:#ead18a;font-size:20px;font-weight:570;letter-spacing:-.35px;text-shadow:0 0 24px rgba(215,179,91,.34)}
@media(max-width:380px){.hero-slogan{bottom:15px;font-size:18px}}

.gold-sim,.gold-chip{display:none!important}
.hero-slogan{position:absolute;z-index:5;left:50%;bottom:25px;transform:translateX(-50%);white-space:nowrap;color:#ead18a;font-size:20px;font-weight:570;letter-spacing:-.35px;text-shadow:0 0 24px rgba(215,179,91,.34)}
@media(max-width:380px){.hero-slogan{bottom:15px;font-size:18px}}

.search-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px;color:var(--gold2)}
.search-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}

.search-placeholder{height:54px;margin:18px 0 13px;pointer-events:none}
.destinations,.plan-stack{overflow-anchor:none}

/* Gold eSIM hero */
.hero-aircraft,.flight-line{display:none!important}
.esim-stage{height:286px;overflow:hidden;isolation:isolate}
.esim-stage::before{content:"";position:absolute;left:-70px;top:30px;width:285px;height:215px;border-radius:50%;background:radial-gradient(circle,rgba(220,175,67,.16),transparent 66%);filter:blur(18px)}
.hero-esim{position:absolute;z-index:2;width:255px;height:255px;object-fit:cover;left:-27px;top:6px;mix-blend-mode:screen;filter:drop-shadow(0 22px 35px rgba(0,0,0,.72)) drop-shadow(0 0 18px rgba(215,179,91,.2));-webkit-mask-image:radial-gradient(ellipse at 48% 48%,#000 57%,transparent 78%);mask-image:radial-gradient(ellipse at 48% 48%,#000 57%,transparent 78%)}
.settings-title:has(+.language){margin-bottom:14px}
@media(max-width:380px){.esim-stage{height:250px}.hero-esim{width:225px;height:225px;left:-24px;top:4px}}

/* Transparent eSIM below country search */
.flight-stage,.esim-stage{display:none!important}
.catalog-esim-mark{position:relative;height:122px;margin:-4px 0 2px;overflow:visible;pointer-events:none}
.catalog-esim-mark::before{content:"";position:absolute;left:-38px;top:8px;width:180px;height:105px;border-radius:50%;background:radial-gradient(circle,rgba(215,179,91,.14),transparent 68%);filter:blur(14px)}
.catalog-esim-mark img{position:absolute;z-index:2;width:138px;height:138px;object-fit:contain;left:-18px;top:-8px;filter:drop-shadow(0 15px 25px rgba(0,0,0,.48)) drop-shadow(0 0 10px rgba(215,179,91,.18))}
@media(max-width:380px){.catalog-esim-mark{height:108px}.catalog-esim-mark img{width:124px;height:124px;left:-16px;top:-7px}}

/* eSIM above country search — larger presentation */
.catalog-esim-mark{height:166px;margin:8px 0 4px;overflow:visible}
.catalog-esim-mark::before{left:-44px;top:13px;width:225px;height:135px;background:radial-gradient(circle,rgba(215,179,91,.17),transparent 69%);filter:blur(16px)}
.catalog-esim-mark img{width:180px;height:180px;left:-20px;top:-7px;object-fit:contain}
@media(max-width:380px){.catalog-esim-mark{height:150px;margin-top:5px}.catalog-esim-mark img{width:164px;height:164px;left:-18px;top:-6px}}

/* Living eSIM connection field */
.catalog-esim-mark{isolation:isolate;overflow:hidden;border-radius:28px}
.catalog-esim-mark::after{content:"";position:absolute;inset:7px 0 5px;background:linear-gradient(100deg,rgba(215,179,91,.035),transparent 38%,rgba(119,227,210,.035) 75%,transparent);border:1px solid rgba(215,179,91,.075);border-radius:26px;z-index:0}
.catalog-esim-mark img{z-index:5;animation:esim-float 5.8s ease-in-out infinite}
.signal-wave{position:absolute;z-index:2;left:61px;top:71px;width:46px;height:46px;border:1px solid rgba(234,204,121,.28);border-radius:50%;transform:translate(-50%,-50%);animation:signal-breathe 3.6s ease-out infinite}
.signal-wave-two{animation-delay:1.8s}
.connection-route{position:absolute;z-index:1;left:74px;top:5px;width:calc(100% - 76px);height:150px;overflow:visible}
.connection-route path{fill:none;stroke:rgba(215,179,91,.25);stroke-width:1;stroke-dasharray:4 8;vector-effect:non-scaling-stroke;animation:route-flow 11s linear infinite}
.data-pulse{position:absolute;z-index:3;width:5px;height:5px;border-radius:50%;background:#f3d77e;box-shadow:0 0 7px #e8bd58,0 0 16px rgba(232,189,88,.55);left:160px;top:72px;animation:data-travel 7s ease-in-out infinite}
.data-pulse-two{animation-delay:-3.5s;opacity:.72}
.route-node{position:absolute;z-index:2;width:4px;height:4px;border-radius:50%;background:rgba(126,231,215,.72);box-shadow:0 0 10px rgba(126,231,215,.45)}
.route-node-one{left:52%;top:89px}.route-node-two{right:7%;top:48px}
@keyframes esim-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes signal-breathe{0%{width:34px;height:34px;opacity:.65}75%,100%{width:155px;height:155px;opacity:0}}
@keyframes route-flow{to{stroke-dashoffset:-120}}
@keyframes data-travel{0%{transform:translate(0,0);opacity:0}12%{opacity:1}48%{transform:translate(225px,25px)}78%{opacity:1}100%{transform:translate(455px,-25px);opacity:0}}
@media(max-width:520px){.data-pulse{left:132px}@keyframes data-travel{0%{transform:translate(0,0);opacity:0}12%{opacity:1}48%{transform:translate(130px,22px)}78%{opacity:1}100%{transform:translate(275px,-20px);opacity:0}}}
@media(prefers-reduced-motion:reduce){.catalog-esim-mark img,.signal-wave,.connection-route path,.data-pulse{animation:none!important}.signal-wave{opacity:.18;width:112px;height:112px}.data-pulse{display:none}}

/* Centered back arrow and safe empty My eSIM state */
.back{display:grid!important;place-items:center!important;padding:0!important;line-height:1!important;flex:0 0 38px}
.back svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.esim-empty{position:relative;overflow:hidden;min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(215,179,91,.025));padding:30px 24px}
.esim-empty::before{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(215,179,91,.08);border-radius:50%;top:-105px;right:-65px;box-shadow:0 0 55px rgba(215,179,91,.05)}
.esim-empty-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(215,179,91,.32);border-radius:17px;color:var(--gold2);background:rgba(215,179,91,.07);font-size:23px;box-shadow:0 12px 35px rgba(0,0,0,.25)}
.esim-empty h2{margin:17px 0 8px;font-size:18px;font-weight:600}
.esim-empty p{max-width:310px;margin:0;color:var(--muted);font-size:11px;line-height:1.6}

/* Digital SCMD69 light-written signature */
.connection-route,.data-pulse,.route-node{display:none!important}
.digital-signature{position:absolute;z-index:3;left:145px;right:12px;top:19px;width:calc(100% - 157px);height:128px;overflow:visible}
.signature-grid path{fill:none;stroke:rgba(215,179,91,.075);stroke-width:1;stroke-dasharray:2 12}
.signature-text,.signature-trail{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:57px;font-weight:700;letter-spacing:5px;dominant-baseline:auto}
.signature-text{fill:rgba(255,224,139,.06);stroke:url(#scmd69-gold);stroke-width:1.25;paint-order:stroke;filter:drop-shadow(0 0 5px rgba(239,194,85,.38))}
.signature-trail{fill:none;stroke:rgba(255,214,105,.24);stroke-width:5;filter:blur(5px)}
.signature-reveal{animation:signature-reveal 8.4s cubic-bezier(.32,.02,.18,1) infinite}
.signature-scanner{color:#ffe6a0;animation:signature-scan 8.4s cubic-bezier(.32,.02,.18,1) infinite}
.signature-scanner rect{fill:rgba(255,225,145,.55)}
.signature-scanner circle{fill:#fff1bc;stroke:#d8a840;stroke-width:1}
.signature-scanner path{stroke:rgba(232,185,72,.4);stroke-width:2;stroke-linecap:round;stroke-dasharray:2 4}
.signature-bits{fill:rgba(215,179,91,.42);animation:signature-bits 8.4s ease infinite}
@keyframes signature-reveal{0%,8%{width:0;opacity:1}62%,84%{width:414px;opacity:1}96%,100%{width:414px;opacity:0}}
@keyframes signature-scan{0%,8%{transform:translateX(18px);opacity:0}11%{opacity:1}62%{transform:translateX(394px);opacity:1}66%,100%{transform:translateX(394px);opacity:0}}
@keyframes signature-bits{0%,14%{transform:translateX(0);opacity:.15}62%,84%{transform:translateX(295px);opacity:.65}96%,100%{transform:translateX(295px);opacity:0}}
@media(max-width:420px){.digital-signature{left:129px;width:calc(100% - 138px);top:25px;height:115px}.signature-text,.signature-trail{font-size:49px;letter-spacing:3px}}
@media(prefers-reduced-motion:reduce){.signature-reveal{animation:none;width:414px}.signature-scanner,.signature-bits{display:none}.signature-text{filter:none}}

/* Digital SCMD69 signature disabled */
.digital-signature{display:none!important}
.catalog-esim-mark::after{background:radial-gradient(circle at 18% 50%,rgba(215,179,91,.075),transparent 34%),linear-gradient(100deg,rgba(215,179,91,.025),transparent 54%)}

/* Real owner-only eSIM inventory */
.esim-title{display:flex;align-items:center;justify-content:space-between}.esim-title>div{display:flex;align-items:baseline;gap:10px}.esim-title small{color:var(--muted);font-size:10px}
.refresh-esims{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--gold2);font-size:19px}
.owned-esim-list{display:grid;gap:13px}.owned-esim-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:27px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(215,179,91,.025));padding:20px;box-shadow:0 22px 50px rgba(0,0,0,.2)}
.owned-esim-card::before{content:"";position:absolute;right:-75px;top:-100px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(215,179,91,.11),transparent 67%)}
.owned-esim-head{position:relative;display:flex;justify-content:space-between;gap:12px}.owned-esim-head small{color:var(--gold);font-size:8px;letter-spacing:1.3px}.owned-esim-head h2{margin:7px 0 3px;font-size:22px}.owned-esim-head p{margin:0;color:var(--muted);font-size:11px}
.owned-status{align-self:flex-start;border:1px solid var(--line);border-radius:99px;padding:7px 9px;color:var(--muted);font-size:9px}.owned-status.active{color:#9de6c2;border-color:rgba(86,207,143,.25);background:rgba(48,173,109,.09)}
.owned-iccid{margin:17px 0;color:var(--muted);font-size:9px;letter-spacing:.8px}.owned-iccid b{display:block;margin-top:4px;color:#d9d9d3;font-size:11px;letter-spacing:.4px}
.usage-grid{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:17px;margin:17px 0}.usage-dial{--progress:0;position:relative;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold2) calc(var(--progress)*1%),rgba(255,255,255,.075) 0);box-shadow:0 0 24px rgba(215,179,91,.06)}.usage-dial::before{content:"";position:absolute;inset:8px;border-radius:50%;background:#10151d}.usage-dial>div{position:relative;text-align:center}.usage-dial b{display:block;font-size:17px}.usage-dial small{color:var(--muted);font-size:8px}.usage-copy span,.usage-copy small{display:block;color:var(--muted);font-size:9px}.usage-copy b{display:block;margin:6px 0;font-size:17px}.usage-unavailable{margin:18px 0;padding:14px;border:1px dashed var(--line);border-radius:17px;color:var(--muted);font-size:10px;text-align:center}
.days-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;margin-top:13px}.days-meter{height:5px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.days-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a47d2e,#f3d98a)}.days-row>div:last-child{text-align:right}.days-row b{display:block;font-size:13px}.days-row small{color:var(--muted);font-size:8px}.owned-esim-card footer{display:flex;justify-content:space-between;gap:10px;margin-top:17px;padding-top:13px;border-top:1px solid rgba(255,255,255,.07);color:var(--muted);font-size:8px}

.payment-sheet-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:rgba(3,7,13,.72);backdrop-filter:blur(14px)}
.payment-sheet{position:relative;width:min(100%,520px);padding:26px 22px calc(22px + env(safe-area-inset-bottom));border:1px solid rgba(213,177,79,.24);border-radius:28px;background:linear-gradient(160deg,rgba(24,31,43,.98),rgba(9,14,23,.99));box-shadow:0 -20px 70px rgba(0,0,0,.5);color:#f4f6f8}
.payment-sheet-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.05);color:#fff;font-size:24px;line-height:1}
.payment-sheet>small{color:#c9a94f;letter-spacing:.14em}.payment-sheet h2{margin:12px 42px 6px 0;font-size:28px}.payment-sheet>p{margin:0 0 20px;color:#9ba7b7}
html.payment-modal-open,
html.payment-modal-open body {
  overflow: hidden !important;
  overscroll-behavior: none;
  touch-action: none;
}
.payment-sheet-backdrop {
  overscroll-behavior: contain;
}
.payment-sheet {
  max-height: calc(100dvh - 36px);
  overflow-y: auto;
  overscroll-behavior: contain;
  touch-action: pan-y;
}
/* Four payment method selector */
.payment-method-heading{margin:20px 0 11px;font-size:14px;color:#aab3c0;font-weight:650}
.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.payment-method-option{display:flex;align-items:center;gap:11px;min-height:62px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.035);color:#c5ccd6;text-align:left}
.payment-method-option i{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.07);color:#d9b95f;font-size:15px;font-style:normal;font-weight:800}
.payment-method-option span{font-size:14px;font-weight:750}.payment-method-option.active{border-color:rgba(219,183,83,.62);background:linear-gradient(145deg,rgba(219,183,83,.15),rgba(219,183,83,.055));color:#fff;box-shadow:0 0 0 1px rgba(219,183,83,.08) inset}
.payment-method-option.active i{background:#d5b557;color:#111722}
.instant-payment-note{margin-top:14px;padding:15px 17px;border:1px solid rgba(100,210,174,.28);border-radius:18px;background:rgba(31,116,92,.12)}
.instant-payment-note strong{color:#83ddbf}.instant-payment-note p{margin:7px 0 0;color:#c4d7d1;line-height:1.45}
@media(max-width:390px){.payment-method-grid{grid-template-columns:1fr}.payment-method-option{min-height:54px}}
/* Centered minimal payment carousel */
.payment-sheet-backdrop{align-items:center!important;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom))!important}
.payment-sheet{width:min(100%,560px)!important;max-height:min(760px,calc(100dvh - 36px))!important;border-radius:30px!important}
.payment-carousel{display:flex;gap:10px;margin:0 -4px;padding:4px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.payment-carousel::-webkit-scrollbar{display:none}
.payment-carousel .payment-method-option{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;flex:0 0 154px;min-width:154px;min-height:72px;padding:11px 12px;scroll-snap-align:center}
.payment-carousel .payment-method-option i{grid-row:1/3;width:42px;height:42px}
.payment-carousel .payment-method-option span{align-self:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.payment-carousel .payment-method-option small{align-self:start;color:#758093;font-size:10px;letter-spacing:.08em}
.payment-carousel .payment-method-option.active small{color:#d6bd78}
.instant-payment-note{display:none!important}
@media(max-width:390px){.payment-carousel .payment-method-option{flex-basis:142px;min-width:142px}.payment-sheet{border-radius:25px!important}}
.checkout-error{margin-top:14px;padding:12px 14px;border:1px solid rgba(255,85,85,.35);border-radius:14px;background:rgba(130,20,26,.18);color:#ffb9bc;font-size:14px}

/* Minimal payment dropdown */
.payment-carousel{display:none!important}
.payment-picker{position:relative;margin-top:2px}
.payment-picker-trigger{display:grid;grid-template-columns:44px 1fr auto 20px;align-items:center;gap:11px;width:100%;min-height:70px;padding:11px 14px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.04);color:#f5f7fa;text-align:left}
.payment-picker-trigger>i,.payment-dropdown-option>i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(213,181,87,.12);color:#dabc62;font-style:normal;font-weight:800}
.payment-picker-trigger span{display:flex;min-width:0;flex-direction:column;gap:3px}.payment-picker-trigger span small{color:#778294;font-size:10px;letter-spacing:.08em}.payment-picker-trigger span b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.payment-picker-trigger>em{color:#a58f58;font-size:11px;font-style:normal;letter-spacing:.08em}.payment-picker-trigger>svg{width:20px;height:20px;fill:none;stroke:#9aa4b2;stroke-width:1.8;transition:transform .2s ease}.payment-picker.open .payment-picker-trigger>svg{transform:rotate(180deg)}
.payment-dropdown{position:relative;z-index:5;display:flex;max-height:218px;flex-direction:column;gap:7px;margin-top:9px;padding:8px;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(213,181,87,.2);border-radius:18px;background:rgba(11,17,27,.98);box-shadow:0 18px 45px rgba(0,0,0,.38);scrollbar-width:thin;scrollbar-color:rgba(213,181,87,.4) transparent}
.payment-dropdown-option{display:grid;grid-template-columns:42px 1fr 22px;align-items:center;gap:11px;min-height:58px;padding:8px 10px;border:1px solid transparent;border-radius:14px;background:transparent;color:#dce1e8;text-align:left}.payment-dropdown-option:hover,.payment-dropdown-option.active{border-color:rgba(213,181,87,.28);background:rgba(213,181,87,.08)}
.payment-dropdown-option span{display:flex;flex-direction:column;gap:3px}.payment-dropdown-option span small{color:#758092;font-size:10px;letter-spacing:.08em}.payment-dropdown-option>em{color:#e3c76e;font-style:normal}
.payment-sheet-close{display:grid!important;place-items:center!important;padding:0!important;line-height:0!important}
.payment-sheet-close svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
/* Single-window payment layout */
.payment-picker,.payment-dropdown{display:none!important}
.simple-payment-sheet{width:min(100%,520px)!important;padding:24px!important}
.package-checkout-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:2px 46px 18px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.package-checkout-summary>div{min-width:0}.package-checkout-summary small{color:#8d97a6;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.package-checkout-summary h2{margin:7px 0 4px!important;font-size:25px!important}.package-checkout-summary p{margin:0!important;color:#8994a4!important}.package-checkout-summary>strong{flex:0 0 auto;color:#dfc36c;font-size:20px}
.payment-method-heading{margin:18px 0 10px!important}
.payment-method-list{display:flex;flex-direction:column;gap:7px}
.payment-method-row{display:grid;grid-template-columns:38px 1fr 22px;align-items:center;gap:11px;width:100%;min-height:54px;padding:8px 11px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025);color:#d8dee7;text-align:left;transition:border-color .16s ease,background .16s ease}
.payment-method-row.active{border-color:rgba(214,181,82,.38);background:rgba(214,181,82,.075)}@media(hover:hover) and (pointer:fine){.payment-method-row:hover{border-color:rgba(214,181,82,.38);background:rgba(214,181,82,.075)}}
.payment-method-row>i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(214,181,82,.1);color:#dabc62;font-style:normal;font-weight:800}.payment-method-row.active>i{background:#d4b65d;color:#111722}
.payment-method-row span{display:flex;flex-direction:column;gap:2px}.payment-method-row span b{font-size:14px}.payment-method-row span small{color:#778292;font-size:10px;letter-spacing:.08em}.payment-method-row>em{color:#e2c66e;font-style:normal}
/* Compact home header and real payment icons */
.catalog-esim-mark{display:none!important}
.home-header{position:relative;display:flex;align-items:center;min-height:88px;padding-right:92px!important}
.home-header .wordmark{position:relative;z-index:2}
.header-esim{position:absolute;z-index:1;top:4px;right:14px;width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(207,164,44,.18));pointer-events:none}
.home-header+.search{margin-top:4px!important}
.payment-method-row>i{overflow:hidden}
.payment-method-row>i img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.08)}
@media(max-width:390px){.home-header{min-height:78px;padding-right:78px!important}.header-esim{right:10px;width:68px;height:68px}}
/* Header placement and payment icon polish */
.home-header{justify-content:flex-start!important;gap:10px!important;min-height:72px!important;padding:8px 0!important}
.home-header .header-esim{position:static!important;display:block!important;flex:0 0 54px!important;width:54px!important;height:54px!important;object-fit:contain!important;filter:drop-shadow(0 7px 14px rgba(207,164,44,.2))!important}
.home-header .wordmark{display:block!important;line-height:1!important}
.home-header+.search{margin-top:10px!important}
.payment-method-row{grid-template-columns:46px 1fr 24px!important;min-height:62px!important;padding:8px 13px!important;border-radius:17px!important}
.payment-method-row>i{width:46px!important;height:46px!important;border-radius:15px!important;background:rgba(255,255,255,.045)!important}
.payment-method-row>i img{width:46px!important;height:46px!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
.payment-method-row.method-usdt>i img{transform:scale(1.48)!important}
.payment-method-row.method-scmd69>i img{transform:scale(1.42)!important}
.payment-method-row.method-gram>i img{transform:scale(1.82)!important}
.payment-method-row span b{font-size:15px!important}.payment-method-row span small{margin-top:2px}
.payment-method-row.active{box-shadow:inset 0 0 0 1px rgba(224,194,105,.08),0 8px 22px rgba(0,0,0,.12)}
/* Payment amounts replace duplicate token subtitles */
.payment-method-row{grid-template-columns:46px minmax(90px,1fr) auto 20px!important}
.payment-method-row span{display:block!important}.payment-method-row span small{display:none!important}
.payment-token-amount{max-width:190px;color:#e0c56f;font-size:13px;text-align:right;white-space:nowrap}
.payment-token-amount.unavailable{color:#727d8d;font-size:11px;font-weight:500}
.payment-method-row>em{width:20px;text-align:center}
@media(max-width:430px){.payment-method-row{grid-template-columns:42px minmax(72px,1fr) auto 18px!important}.payment-token-amount{max-width:135px;font-size:12px}.payment-token-amount.unavailable{max-width:110px;white-space:normal;line-height:1.15}}
.selected-rate-note{margin:12px 2px 0;color:#96a1b1;font-size:12px;text-align:right}.payment-method-list+.selected-rate-note{margin-top:14px}

/* Multi-currency catalog prices */
.all-currency-prices{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:7px}.all-currency-prices span{display:inline-flex;align-items:center;min-height:20px;padding:3px 7px;border:1px solid rgba(218,188,100,.15);border-radius:999px;background:rgba(255,255,255,.025);color:#9fa9b7;font-size:9px;white-space:nowrap}.all-currency-prices small{font-size:8px;color:#778392}.all-currency-prices .currency-usdt{color:#68d6bd}.all-currency-prices .currency-scmd69{color:#d7b85d}.all-currency-prices .currency-gram{color:#76b8ff}.all-currency-prices .currency-stars{color:#a894ff}.destination{min-height:154px!important}.destination>span{min-width:0}.plan-price{min-width:150px}.plan-price .all-currency-prices{justify-content:flex-end;max-width:175px}@media(max-width:430px){.destination{min-height:164px!important}.plan{grid-template-columns:minmax(0,1fr)!important}.plan-price{text-align:left!important;margin-top:13px;min-width:0}.plan-price .all-currency-prices{justify-content:flex-start;max-width:none}}

/* Unified currency labels */
.all-currency-prices span,.all-currency-prices .currency-usdt,.all-currency-prices .currency-scmd69,.all-currency-prices .currency-gram,.all-currency-prices .currency-stars{color:#aeb7c3!important;border-color:rgba(218,188,100,.14)!important;background:rgba(255,255,255,.025)!important}.all-currency-prices small{color:#7f8996!important}

/* Minimal currency line */
.all-currency-prices.compact-currency-line{display:flex;align-items:center;flex-wrap:wrap;gap:3px 6px;margin-top:6px;color:#8f99a7;font-size:10px;line-height:1.35}
.all-currency-prices.compact-currency-line span{display:inline;padding:0!important;min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#8f99a7!important;font-size:10px;letter-spacing:.01em}
.all-currency-prices.compact-currency-line span b{color:#aeb7c3;font-size:10px;font-weight:600}
.all-currency-prices.compact-currency-line>small{padding:0;color:#707a87!important;font-size:9px}
.all-currency-prices.compact-currency-line i{color:rgba(211,184,103,.38);font-style:normal;font-size:9px}
.destination{min-height:118px!important}
.plan-price{min-width:185px}
.plan-price .compact-currency-line{justify-content:flex-end;max-width:210px}
@media(max-width:430px){.destination{min-height:124px!important}.plan-price{min-width:0}.plan-price .compact-currency-line{justify-content:flex-start;max-width:none}}
/* TON Connect: connection only, no transaction controls. */
.ton-wallet-panel{margin-top:14px}.ton-wallet-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px;border:1px solid rgba(211,177,86,.22);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(211,177,86,.035))}.ton-wallet-orbit{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(226,194,104,.38);border-radius:50%;color:#e4c76f;font-size:25px;background:rgba(226,194,104,.055)}.ton-wallet-card div{min-width:0}.ton-wallet-card strong,.ton-wallet-card small,.ton-wallet-card em{display:block}.ton-wallet-card strong{font-size:15px;color:#f2f3f6}.ton-wallet-card small{margin-top:4px;color:#8993a6;overflow:hidden;text-overflow:ellipsis}.ton-wallet-card em{margin-top:5px;color:#ff7d83;font-size:11px;font-style:normal}.ton-wallet-card button{min-width:94px;padding:10px 13px;border:1px solid rgba(226,194,104,.42);border-radius:14px;background:rgba(226,194,104,.1);color:#ead17d;font-weight:700}.ton-wallet-card button:disabled{opacity:.5}@media(max-width:440px){.ton-wallet-card{grid-template-columns:42px minmax(0,1fr)}.ton-wallet-orbit{width:40px;height:40px}.ton-wallet-card button{grid-column:1/-1;width:100%}}
.ton-wallet-orbit svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}

/* Fast catalog rendering: visual appearance is retained. */
.destination,.plan{content-visibility:auto;contain-intrinsic-size:124px}.country-more-trigger{height:2px;width:100%}.destinations{contain:layout style}.plan-stack{contain:layout style}@media(hover:none),(pointer:coarse){.destination,.plan,.chip,.search,.language button,.nav button,.back{transition:none!important}.destination:hover,.plan:hover,.language button:hover{box-shadow:none}.nav{backdrop-filter:blur(10px)}}
/* Stable rendering for Telegram WebView and desktop WebView. */
.nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.header-esim{will-change:auto!important}.destination,.plan{transform:translateZ(0)}@media(max-width:700px){body::after{display:none!important}.catalog-esim-mark img,.signal-wave,.connection-route path,.data-pulse{animation:none!important}.signal-wave{opacity:.16}.data-pulse{display:none}}
/* SCMD RESPONSIVE ALL SCREENS V1 */
html{width:100%;min-height:100%;background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;min-width:280px;min-height:100vh;min-height:100svh;margin:0;overscroll-behavior-y:none}
button,input{max-width:100%}
button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.shell{width:100%;max-width:1120px;min-height:100vh;min-height:var(--tg-viewport-stable-height,100svh);padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:calc(104px + env(safe-area-inset-bottom));overflow:clip}
.header{min-width:0;padding-top:max(16px,env(safe-area-inset-top));height:auto;min-height:76px}
.wordmark{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search{width:100%;min-width:0}.search input{min-width:0;font-size:16px}
.chips{width:100%;padding-bottom:2px;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.chip{min-height:44px;scroll-snap-align:start}
.destinations{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.destination,.plan{min-width:0;max-width:100%;overflow:hidden}
.destination>span,.plan-main{min-width:0}.destination strong,.destination small,.plan h3,.plan small,.plan em{overflow-wrap:anywhere}
.plan-stack{grid-template-columns:1fr}.plan{height:100%}
.all-currency-prices{max-width:100%}.compact-currency-line{overflow-wrap:anywhere}
.nav{width:min(calc(100% - max(22px,env(safe-area-inset-left) + env(safe-area-inset-right))),680px);bottom:max(10px,env(safe-area-inset-bottom));z-index:70}
.nav button{min-width:0;min-height:52px;overflow:hidden;text-overflow:ellipsis}
.payment-sheet-backdrop{min-height:100vh;min-height:var(--tg-viewport-stable-height,100dvh);padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;overscroll-behavior:contain}
.payment-sheet{width:min(100%,620px)!important;max-height:calc(var(--tg-viewport-stable-height,100dvh) - max(24px,env(safe-area-inset-top) + env(safe-area-inset-bottom)))!important;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.payment-method-row{min-width:0}.payment-method-row>span{min-width:0}.payment-token-amount{min-width:0;overflow:hidden;text-overflow:ellipsis}
.owned-esim-card,.settings-group,.ton-wallet-card{max-width:100%;min-width:0}

@media(max-width:420px){
  .shell{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .header{min-height:68px}.wordmark{font-size:18px}
  .destinations{grid-template-columns:1fr}
  .destination{min-height:112px!important}
  .country-title h1,.simple-title h1{font-size:clamp(27px,9vw,34px)}
  .plan{padding:14px!important}.plan h3{font-size:17px}
  .simple-payment-sheet{padding:18px 14px!important;border-radius:23px!important}
  .package-checkout-summary{gap:10px}.package-checkout-summary h2{font-size:22px!important}.package-checkout-summary>strong{font-size:17px}
  .payment-method-row{grid-template-columns:38px minmax(64px,1fr) minmax(76px,auto) 16px!important;padding:7px 9px!important;gap:8px!important;min-height:56px!important}
  .payment-token-amount{max-width:112px;font-size:11px}
  .usage-grid{grid-template-columns:76px minmax(0,1fr);gap:12px}.usage-dial{width:74px;height:74px}
}

@media(min-width:421px) and (max-width:719px){
  .shell{max-width:620px}
  .destinations{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(min-width:720px){
  .shell{max-width:920px;padding-left:28px;padding-right:28px}
  .header{min-height:86px}.wordmark{font-size:22px}
  .destinations{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .plan-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .destination{min-height:142px!important}
  .search{max-width:none}
  .simple-title,.country-title{max-width:760px}
  .settings-group,.ton-wallet-panel{max-width:720px}
  .nav{width:min(680px,calc(100% - 56px))}
}

@media(min-width:1024px){
  .shell{max-width:1120px;padding-left:34px;padding-right:34px}
  .destinations{grid-template-columns:repeat(4,minmax(0,1fr))}
  .plan-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
  .destination{min-height:150px!important}
}

@media(max-height:620px) and (orientation:landscape){
  .header{min-height:58px;padding-top:8px;padding-bottom:8px}
  .payment-sheet-backdrop{align-items:center!important;padding:8px!important}
  .payment-sheet{max-height:calc(100dvh - 16px)!important;padding-top:16px!important;padding-bottom:16px!important}
  .nav{bottom:6px}.nav button{min-height:42px}.nav i{display:none}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.token-payment-action{width:100%;margin-top:22px;padding:17px 20px;border:1px solid rgba(238,203,103,.72);border-radius:17px;background:linear-gradient(135deg,#e8c867 0%,#b98a2f 100%);color:#111722;font-size:16px;font-weight:800;box-shadow:0 10px 28px rgba(190,143,43,.22),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}
.token-payment-action:active{transform:scale(.985);filter:brightness(.94)}
.token-payment-action:disabled{background:rgba(255,255,255,.07);border-color:transparent;color:#77808d;box-shadow:none}
@media(hover:hover) and (pointer:fine){.token-payment-action:hover{filter:brightness(1.06);box-shadow:0 13px 32px rgba(190,143,43,.3),inset 0 1px 0 rgba(255,255,255,.4)}}
@media(prefers-reduced-motion:reduce){.token-payment-action{transition:none}}
/* PROFESSIONAL MY ESIM V1 */
.esim-title{align-items:center}.esim-filter-bar{display:flex;gap:8px;overflow-x:auto;margin:2px 0 16px;padding:2px 0 5px;scrollbar-width:none}.esim-filter-bar::-webkit-scrollbar{display:none}.esim-filter-bar button{flex:0 0 auto;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#929baa;font-size:12px;font-weight:700}.esim-filter-bar button.active{border-color:rgba(226,194,104,.48);background:rgba(226,194,104,.11);color:#efd47e}.pro-esim-list{display:grid;gap:14px}.pro-esim-card{padding:16px;border:1px solid rgba(216,188,105,.2);border-radius:24px;background:linear-gradient(150deg,rgba(25,32,44,.98),rgba(12,18,27,.98));box-shadow:0 12px 34px rgba(0,0,0,.18)}.pro-esim-card>header{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center}.esim-product-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(232,202,112,.32);border-radius:16px;background:linear-gradient(145deg,rgba(231,199,103,.17),rgba(117,89,29,.07));color:#e8cd77;font-size:11px;font-weight:900}.esim-product-title{min-width:0}.esim-product-title small{color:#7f8998;font-size:9px;letter-spacing:.14em}.esim-product-title h2{margin:3px 0 1px;color:#f4f5f7;font-size:19px;overflow-wrap:anywhere}.esim-product-title p{margin:0;color:#9ca6b4;font-size:12px}.pro-status{align-self:start;padding:7px 9px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.pro-status.ready{background:rgba(104,161,255,.12);color:#82b4ff}.pro-status.active{background:rgba(66,211,147,.12);color:#59dba0}.pro-status.finished{background:rgba(145,153,167,.12);color:#a4acb8}.pro-status.attention{background:rgba(255,101,112,.12);color:#ff858e}.esim-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.esim-facts>div{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:rgba(255,255,255,.022)}.esim-facts small,.esim-facts b{display:block}.esim-facts small{color:#7f8997;font-size:10px}.esim-facts b{margin-top:5px;color:#e7e9ed;font-size:13px;overflow-wrap:anywhere}.esim-meta{display:flex;justify-content:space-between;gap:10px;margin-top:13px;color:#7f8997;font-size:10px}.esim-meta b{color:#adb5c0}.esim-details{margin-top:14px;border-top:1px solid rgba(255,255,255,.06)}.esim-details summary{padding:14px 2px 2px;color:#e1c56e;font-size:12px;font-weight:800;cursor:pointer;list-style:none}.esim-details summary::-webkit-details-marker{display:none}.esim-details summary::after{content:'+';float:right;font-size:17px}.esim-details[open] summary::after{content:'−'}.esim-detail-body{display:grid;gap:10px;padding-top:12px}.esim-notice,.esim-instructions{padding:12px;border-radius:15px;background:rgba(255,255,255,.028)}.esim-notice b,.esim-instructions b{font-size:12px}.esim-notice p{margin:5px 0 0;color:#939dac;font-size:11px;line-height:1.45}.esim-instructions ol{margin:8px 0 0;padding-left:19px;color:#939dac;font-size:11px;line-height:1.55}.esim-secret-row,.esim-qr-secret{display:grid;grid-template-columns:minmax(74px,.7fr) minmax(0,1.5fr) auto;align-items:center;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:13px}.esim-secret-row span,.esim-qr-secret span{color:#7f8997;font-size:9px}.esim-secret-row code,.esim-qr-secret code{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#cbd0d8;font-size:10px}.esim-secret-row button,.esim-qr-secret button{padding:7px 8px;border:1px solid rgba(226,194,104,.25);border-radius:9px;background:rgba(226,194,104,.07);color:#e3c873;font-size:9px}.esim-qr-secret{grid-template-columns:1fr}.esim-qr-secret code{white-space:normal;overflow-wrap:anywhere}.esim-qr-secret button{justify-self:start}.esim-updated{color:#697381;font-size:9px}.pro-empty{padding:32px 20px}.pro-empty .esim-empty-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 18px;border:1px solid rgba(226,194,104,.3);border-radius:22px;background:rgba(226,194,104,.07);color:#e2c66e;font-size:14px;font-weight:900}.pro-empty button{margin-top:16px;padding:12px 18px;border:1px solid rgba(226,194,104,.5);border-radius:14px;background:rgba(226,194,104,.1);color:#e8cd77;font-weight:800}.esim-empty.compact{padding:24px}.esim-empty.compact h2{font-size:16px}@media(min-width:720px){.pro-esim-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.pro-esim-card>header{grid-template-columns:42px minmax(0,1fr)}.esim-product-mark{width:42px;height:42px}.pro-status{grid-column:1/-1;justify-self:start}.esim-meta{flex-direction:column}.esim-secret-row{grid-template-columns:1fr auto}.esim-secret-row span{grid-column:1/-1}}
.esim-qr-visual{display:grid;justify-items:center;gap:9px;padding:16px;border:1px solid rgba(226,194,104,.2);border-radius:18px;background:rgba(255,255,255,.025);text-align:center}.esim-qr-image{width:min(100%,240px);padding:12px;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.28)}.esim-qr-image svg{display:block;width:100%;height:auto}.esim-qr-visual b{color:#f1f3f6;font-size:13px}.esim-qr-visual small,.esim-qr-fallback{color:#929dab;font-size:10px;line-height:1.45}.esim-qr-visual button{padding:9px 12px;border:1px solid rgba(226,194,104,.3);border-radius:10px;background:rgba(226,194,104,.09);color:#e7cc78;font-size:10px;font-weight:800}

.esim-filter-bar button span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.07);font-size:9px}.esim-filter-bar button.active span{background:rgba(226,194,104,.2)}

.delivery-progress{margin:10px 16px 14px;padding:14px 16px;border-radius:16px;background:rgba(39,174,96,.12);border:1px solid rgba(39,174,96,.35);display:grid;gap:4px}
.delivery-progress b{font-size:15px}.delivery-progress span{font-size:13px;line-height:1.35;opacity:.82}
.delivery-progress.processing:before{content:"";width:18px;height:18px;border:2px solid rgba(39,174,96,.28);border-top-color:#27ae60;border-radius:50%;animation:delivery-spin .8s linear infinite}
.delivery-progress.attention{background:rgba(242,153,74,.12);border-color:rgba(242,153,74,.4)}
.pro-esim-card.newly-issued{outline:2px solid #27ae60;box-shadow:0 0 0 5px rgba(39,174,96,.12)}
@keyframes delivery-spin{to{transform:rotate(360deg)}}
/* Local preview-approved active eSIM card. */
.pro-esim-card.active-live{background:linear-gradient(150deg,rgba(29,37,50,.99),rgba(12,18,27,.99));box-shadow:0 18px 42px rgba(0,0,0,.27)}
.active-plan-line{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:19px 1px 11px}.active-plan-line b{font-size:17px}.active-plan-line small{color:#8791a0;font-size:10px}
.active-esim-meters{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px;border-radius:19px;background:rgba(255,255,255,.055)}
.active-meter{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:9px}.active-meter small,.active-meter b{display:block}.active-meter small{color:#8993a2;font-size:9px}.active-meter b{margin-top:4px;color:#f0f2f5;font-size:14px;overflow-wrap:anywhere}
.active-dial{--progress:0;position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--dial-color) calc(var(--progress)*1%),rgba(255,255,255,.1) 0)}.active-dial::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#202733}.active-dial span{position:relative;font-size:17px}.active-dial.data{--dial-color:#35a5ff}.active-dial.days{--dial-color:#43d68f}
.active-esim-dates{display:flex;justify-content:space-between;gap:10px;margin-top:12px;color:#7f8997;font-size:9px}.active-esim-dates b{color:#b9c1cc}
@media(max-width:380px){.active-esim-meters{grid-template-columns:1fr}.active-esim-dates{flex-direction:column}}
/* video9403-safe-ui-fixes-v1 */
.checkout-destination{margin-top:7px;color:#efd47e;font-size:14px;font-weight:800;overflow-wrap:anywhere}
.checkout-plan-name{max-width:440px;margin-top:7px;color:#7f8997;font-size:10px;line-height:1.35;overflow-wrap:anywhere}
.payment-token-amount{max-width:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:right;overflow-wrap:anywhere;word-break:break-word;font-variant-numeric:tabular-nums}
.pro-esim-list{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
@media(max-width:520px){.esim-filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:8px}.esim-filter-bar button{width:100%;min-width:0;padding:10px 8px;white-space:normal;line-height:1.15}.payment-method-row{grid-template-columns:42px minmax(62px,.75fr) minmax(0,1.25fr) 18px!important}.payment-token-amount{font-size:11px!important;line-height:1.2}.package-checkout-summary{align-items:flex-start;padding-right:38px}}