:root{
  color-scheme:dark;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI",sans-serif;
  font-synthesis:none;
  --bg-primary:#050d1b;
  --bg-secondary:#081426;
  --surface:rgba(17,29,49,.72);
  --surface-strong:rgba(22,34,58,.9);
  --surface-soft:rgba(255,255,255,.045);
  --text-primary:#f7f8fc;
  --text-secondary:rgba(224,229,240,.7);
  --text-tertiary:rgba(214,221,235,.62);
  --border:rgba(211,220,255,.13);
  --border-strong:rgba(223,228,255,.24);
  --violet:#8257ff;
  --violet-light:#a36dff;
  --violet-dark:#5b2ce6;
  --cyan:#20cfea;
  --indigo:#4d67d8;
  --plum:#b22b88;
  --lime:#a8ed27;
  --error:#ff4f82;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --screen-pad:16px;
  --safe-top:max(env(safe-area-inset-top),var(--tg-safe-area-inset-top,0px));
  --safe-bottom:max(env(safe-area-inset-bottom),var(--tg-safe-area-inset-bottom,0px));
  --safe-left:max(env(safe-area-inset-left),var(--tg-safe-area-inset-left,0px));
  --safe-right:max(env(safe-area-inset-right),var(--tg-safe-area-inset-right,0px));
  --content-safe-top:var(--tg-content-safe-area-inset-top,0px);
  --content-safe-bottom:var(--tg-content-safe-area-inset-bottom,0px);
  background:var(--bg-primary);
  color:var(--text-primary);
}

/* Unified Apple Gift Card flow: compact selection and review. */
.apple-nominal-flow .apple-selection-head{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  align-items:center;
  gap:12px;
  margin-bottom:16px;
  border:1px solid rgba(211,220,240,.14);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(28,31,40,.96),rgba(15,19,29,.98));
  padding:10px;
}
.apple-nominal-flow .apple-selection-thumbnail{width:64px;aspect-ratio:1;border-radius:14px;object-fit:cover}
.apple-nominal-flow .apple-selection-head>span{display:grid;min-width:0;gap:3px}
.apple-nominal-flow .apple-selection-head .step-badge{justify-self:start;margin:0 0 2px;padding:4px 8px;font-size:9px}
.apple-nominal-flow .apple-selection-head strong{color:#fafbff;font-size:17px;font-weight:670;letter-spacing:-.02em}
.apple-nominal-flow .apple-selection-head small{color:rgba(220,226,239,.66);font-size:12px}
.apple-nominal-flow .apple-selection-section,.apple-nominal-flow .nominal-section{margin-top:14px}
.apple-nominal-flow .apple-selection-title{display:flex;min-width:0;align-items:end;justify-content:space-between;gap:12px;margin:0 2px 9px}
.apple-nominal-flow .apple-selection-title>span{min-width:0}
.apple-nominal-flow .apple-selection-title small{display:block;margin-bottom:2px;color:#9a89d7;font-size:9px;font-style:normal;font-weight:720;letter-spacing:.1em;text-transform:uppercase}
.apple-nominal-flow .apple-selection-title :where(h1,h2){margin:0;color:#f8f9ff;font-size:19px;font-weight:660;line-height:1.2;letter-spacing:-.025em}
.apple-nominal-flow .apple-selection-title em{max-width:46%;color:rgba(213,220,235,.66);font-size:10px;font-style:normal;line-height:1.3;text-align:right}
.apple-nominal-flow .apple-region-grid{gap:7px}
.apple-nominal-flow .apple-region-grid .region-option{
  min-height:58px;
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:9px;
  border:1px solid rgba(218,225,240,.13);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(27,30,39,.96),rgba(16,20,29,.98));
  padding:8px 10px;
  box-shadow:none;
}
.apple-nominal-flow .apple-region-grid .region-option.selected,
.apple-nominal-flow .apple-region-grid .region-option[aria-pressed="true"]{border-color:rgba(167,142,255,.62);background:linear-gradient(135deg,rgba(61,48,96,.76),rgba(22,25,38,.98));box-shadow:0 0 0 1px rgba(141,113,255,.13),0 9px 24px rgba(34,23,72,.2)}
.apple-nominal-flow .apple-region-grid .region-option.coming-soon{border-style:solid;opacity:.72}
.apple-nominal-flow .apple-region-grid .flag-icon{width:32px}
.apple-nominal-flow .apple-region-grid .choice-copy strong{font-size:14px}
.apple-nominal-flow .apple-region-grid .choice-copy small{margin-top:2px;font-size:11px}
.apple-nominal-flow .apple-region-grid .coming-soon-pill{min-height:24px;padding:3px 6px;font-size:9px}
.apple-nominal-flow .apple-region-guidance{display:flex;align-items:flex-start;gap:7px;margin:8px 3px 0;color:rgba(207,215,232,.62);font-size:10px;line-height:1.4}
.apple-nominal-flow .apple-region-guidance .ui-icon{width:14px;height:14px;flex:0 0 auto;color:#a994ef}
.apple-nominal-flow .nominal-grid{gap:7px}
.apple-nominal-flow .nominal-grid .amount-card{
  min-height:76px;
  border:1px solid rgba(218,225,240,.13);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(27,30,39,.96),rgba(16,20,29,.98));
  padding:12px;
  box-shadow:none;
}
.apple-nominal-flow .nominal-grid .amount-card::before{display:none}
.apple-nominal-flow .nominal-grid .amount-card strong{font-size:17px}
.apple-nominal-flow .nominal-grid .amount-card>span:not(.selected-check){margin-top:5px;font-size:12px}
.apple-nominal-flow .nominal-grid .amount-card.selected{border-color:rgba(167,142,255,.64);background:linear-gradient(135deg,rgba(65,49,102,.8),rgba(22,25,38,.98));padding:11px;transform:none;box-shadow:0 0 0 1px rgba(141,113,255,.14),0 10px 26px rgba(34,23,72,.22)}
.apple-nominal-flow .nominal-grid.single-nominal{grid-template-columns:minmax(0,1fr)}
.apple-nominal-flow .nominal-grid.single-nominal .amount-card{min-height:104px}
.payment-screen .region-confirmation{margin:12px 0 16px}
.payment-screen .order-summary-card{border-color:rgba(218,225,240,.14);border-radius:18px;background:linear-gradient(135deg,rgba(27,30,39,.97),rgba(15,19,28,.99));box-shadow:0 14px 34px rgba(0,0,0,.2)}
.payment-screen .order-summary-card::before,.payment-screen .order-summary-card::after{display:none}
.payment-screen .order-product-head{min-height:88px;grid-template-columns:82px minmax(0,1fr);gap:12px;padding:10px 12px}
.payment-screen .checkout-product-thumbnail{width:82px;border-radius:13px}
.payment-screen .order-details{background:rgba(5,9,16,.34)}
.payment-screen .payment-list{gap:7px}
.payment-screen .payment-list .payment-method{min-height:72px;grid-template-columns:42px minmax(0,1fr) 25px;gap:10px;border-color:rgba(218,225,240,.13);border-radius:14px;background:linear-gradient(135deg,rgba(27,30,39,.96),rgba(16,20,29,.98));padding:9px 11px;box-shadow:none}
.payment-screen .payment-list .payment-method::before,.payment-screen .payment-list .payment-method::after{display:none}
.payment-screen .payment-list .payment-method.selected{border-color:rgba(167,142,255,.62);background:linear-gradient(135deg,rgba(61,48,96,.76),rgba(22,25,38,.98));padding:8px 10px;box-shadow:0 0 0 1px rgba(141,113,255,.12),0 9px 24px rgba(34,23,72,.2)}
.payment-screen .payment-list .payment-method-icon{width:40px;height:40px;border-radius:12px}
.payment-screen .payment-list .payment-method-icon .ui-icon{width:25px;height:25px}
.payment-screen .payment-list .payment-method .choice-copy strong{font-size:14px}
.payment-screen .payment-list .payment-method .choice-copy small{margin-top:3px;font-size:11px}
.confirm-screen .order-summary-card{border-color:rgba(218,225,240,.14);border-radius:18px;background:linear-gradient(135deg,rgba(27,30,39,.97),rgba(15,19,28,.99));box-shadow:0 14px 34px rgba(0,0,0,.2)}
.confirm-screen .order-summary-card::before,.confirm-screen .order-summary-card::after{display:none}
.confirm-screen .order-product-head{min-height:88px;grid-template-columns:82px minmax(0,1fr);gap:12px;padding:10px 12px}
.confirm-screen .checkout-product-thumbnail{width:82px;border-radius:13px}
.confirm-screen .order-details{background:rgba(5,9,16,.34)}
.confirm-screen .confirmed-region-row,.confirm-screen .contact-method,.confirm-screen .product-price-summary{border-color:rgba(218,225,240,.13);border-radius:14px;background:linear-gradient(135deg,rgba(27,30,39,.96),rgba(16,20,29,.98));box-shadow:none}
.payment-screen .region-confirmation-check>span:last-child{display:grid;gap:4px}
.payment-screen .region-confirmation-check strong{color:#f7f5ff;font-size:13px;font-weight:650;line-height:1.4}
.payment-screen .region-confirmation-check small{color:rgba(213,220,235,.68);font-size:10px;line-height:1.4}
.payment-screen .region-confirmation-check input:not(:checked)~span{opacity:1}
.payment-screen .sticky-checkout-bar .action-button:disabled{cursor:not-allowed;filter:saturate(.55);opacity:.48;box-shadow:none}
@media(max-width:360px){
  .apple-nominal-flow .apple-selection-head{grid-template-columns:54px minmax(0,1fr);gap:9px;padding:8px}
  .apple-nominal-flow .apple-selection-thumbnail{width:54px;border-radius:12px}
  .apple-nominal-flow .apple-selection-title{align-items:start;flex-direction:column;gap:3px}
  .apple-nominal-flow .apple-selection-title em{max-width:none;text-align:left}
  .apple-nominal-flow .apple-region-grid .region-option{grid-template-columns:32px minmax(0,1fr) auto;min-height:56px;padding:7px 9px}
  .apple-nominal-flow .apple-region-grid .region-option>.selected-check,.apple-nominal-flow .apple-region-grid .region-option>.coming-soon-pill{grid-column:auto;justify-self:end}
  .apple-nominal-flow .nominal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .apple-nominal-flow .nominal-grid .amount-card{min-height:72px;padding:10px}
  .apple-nominal-flow .nominal-grid .amount-card.selected{padding:9px}
}

*{box-sizing:border-box}
html,body{margin:0;min-width:0;min-height:100%;background:var(--bg-primary)}
body{
  min-height:100vh;
  min-height:var(--tg-viewport-stable-height,100dvh);
  overflow-x:hidden;
  color:var(--text-primary);
  background:
    radial-gradient(circle at 80% 8%,rgba(44,82,170,.12),transparent 35%),
    radial-gradient(circle at 50% 100%,rgba(105,54,220,.15),transparent 42%),
    var(--bg-primary);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

button,input,select,textarea{font:inherit}
button{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit}
img,svg{display:block;max-width:100%}

.app-bg{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 18% 0%,rgba(32,207,234,.055),transparent 35%),
    radial-gradient(ellipse at 100% 75%,rgba(82,57,204,.085),transparent 42%);
}

.shell{
  position:relative;
  z-index:1;
  width:min(100%,430px);
  min-width:0;
  min-height:100dvh;
  min-height:var(--tg-viewport-stable-height,100dvh);
  margin:0 auto;
  padding:calc(var(--safe-top) + var(--content-safe-top)) var(--screen-pad) calc(20px + var(--safe-bottom) + var(--content-safe-bottom));
}

.screen-content{min-width:0}
.has-sticky .screen-content{padding-bottom:120px}
.app-header{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  align-items:center;
  min-height:60px;
  margin-bottom:8px;
}
.app-header-title{overflow:hidden;font-size:17px;font-weight:590;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.header-spacer{width:44px;height:44px}
.icon-button{
  display:grid;
  width:44px;
  height:44px;
  place-items:center;
  border:0;
  border-radius:14px;
  background:transparent;
  color:var(--text-primary);
  cursor:pointer;
}
.icon-button:active{background:rgba(255,255,255,.06)}

.ui-icon{width:24px;height:24px;flex:0 0 auto}
.flag-icon{width:40px;height:auto;flex:0 0 auto;border:1px solid rgba(255,255,255,.16);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.24)}

.glass-surface,.colored-glass,.colored-surface{
  border:1px solid var(--border);
  background:var(--surface);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 40px rgba(0,0,0,.22);
  -webkit-backdrop-filter:blur(22px) saturate(125%);
  backdrop-filter:blur(22px) saturate(125%);
}
.colored-glass,.colored-surface{position:relative;overflow:hidden}
.colored-glass::before,.colored-surface::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(135deg,var(--tone-a,rgba(130,87,255,.25)),var(--tone-b,rgba(32,207,234,.08)));
}
.tone-crimson{--tone-a:rgba(143,18,50,.55);--tone-b:rgba(79,21,43,.4)}
.tone-violet{--tone-a:rgba(92,45,184,.52);--tone-b:rgba(41,68,157,.48)}
.tone-saffron{--tone-a:rgba(164,81,20,.48);--tone-b:rgba(47,113,60,.34)}
.tone-berry{--tone-a:rgba(128,24,75,.5);--tone-b:rgba(78,24,61,.4)}
.tone-blue{--tone-a:rgba(33,69,135,.52);--tone-b:rgba(17,43,83,.5)}
.tone-cyan{--tone-a:rgba(16,93,123,.56);--tone-b:rgba(15,57,84,.52)}
.tone-indigo{--tone-a:rgba(41,59,144,.58);--tone-b:rgba(19,43,91,.5)}
.tone-plum{--tone-a:rgba(130,24,100,.53);--tone-b:rgba(72,19,73,.48)}

h1,h2,h3,p{margin:0}
.screen-heading{margin:8px 0 18px}
.screen-heading h1{margin-top:16px;font-size:25px;font-weight:690;line-height:1.15;letter-spacing:-.022em}
.screen-heading p{margin-top:8px;color:var(--text-secondary);font-size:15px;line-height:1.45}
.compact-heading{margin-bottom:12px}
.step-badge{
  display:inline-flex;
  min-height:26px;
  align-items:center;
  border:1px solid rgba(163,109,255,.28);
  border-radius:999px;
  background:rgba(91,44,230,.14);
  padding:3px 12px;
  color:#d9c4ff;
  font-size:12px;
  font-weight:550;
}
.heading-hint{display:flex;align-items:flex-start;gap:11px}
.heading-hint .ui-icon{width:23px;height:23px;margin-top:1px;color:var(--text-secondary)}

.primary,.secondary,.text-action{
  display:inline-flex;
  min-height:52px;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:16px;
  padding:12px 18px;
  color:#fff;
  font-weight:560;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,box-shadow .22s,background .22s;
}
.primary{
  border:1px solid rgba(211,185,255,.44);
  background:linear-gradient(135deg,#7e38fa 0%,#6325e8 55%,#7b2bf0 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 10px 26px rgba(91,44,230,.35);
}
.primary .ui-icon{width:20px;height:20px;margin-left:auto}
.secondary{border:1px solid var(--border-strong);background:rgba(8,20,38,.54)}
.primary:active,.secondary:active{transform:scale(.985)}
.primary:disabled{border-color:rgba(213,221,255,.1);background:rgba(119,130,151,.35);color:rgba(235,239,248,.52);opacity:1;cursor:not-allowed;box-shadow:none}
.full-action{width:100%;margin-top:12px}

.home-screen{padding-top:calc(var(--safe-top) + var(--content-safe-top) + 2px)}
.home-screen .app-header{margin-bottom:6px}
.home-hero{
  position:relative;
  display:grid;
  min-height:394px;
  grid-template-columns:minmax(0,43%) minmax(0,57%);
  overflow:hidden;
  border-radius:24px;
  background:
    radial-gradient(circle at 83% 15%,rgba(69,234,255,.3),transparent 35%),
    radial-gradient(circle at 66% 86%,rgba(130,87,255,.34),transparent 40%),
    linear-gradient(145deg,#2b0f5a 0%,#1f174f 47%,#042f52 100%);
  isolation:isolate;
}
.home-hero::after{
  content:"";
  position:absolute;
  left:25%;
  right:-10%;
  bottom:20px;
  height:36px;
  z-index:0;
  border:1px solid rgba(164,132,255,.55);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(98,51,219,.52),rgba(3,15,34,.26) 60%,transparent 72%);
  box-shadow:0 0 24px rgba(130,87,255,.42),0 0 28px rgba(32,207,234,.24) inset;
}
.home-hero-copy{position:relative;z-index:4;display:flex;min-width:0;align-items:flex-start;flex-direction:column;padding:32px 0 18px 24px}
.home-hero-copy::after{content:"";position:absolute;inset:-8px -18px 60px -12px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(17,13,57,.38),rgba(17,13,57,.08) 72%,transparent)}
.home-hero h1{font-size:38px;font-weight:690;line-height:1.02;letter-spacing:-.04em}
.home-hero p{max-width:125px;margin-top:12px;color:rgba(244,247,255,.82);font-size:15px;line-height:1.48}
.hero-cta{z-index:5;width:calc(100% - 12px);max-width:174px;min-height:52px;margin-top:auto;margin-right:12px;padding-inline:13px}
.home-hero-art{position:relative;z-index:2;min-width:0;pointer-events:none}
.hero-mascot{position:absolute;right:0;bottom:0;width:100%;filter:drop-shadow(0 18px 18px rgba(0,0,0,.34));pointer-events:none}
.platix-mascot,.platix-mascot img{display:block}
.platix-mascot img{width:100%;height:auto;object-fit:contain}
.hero-light{position:absolute;z-index:1;border-radius:50%;filter:blur(16px);opacity:.7}
.hero-light-one{width:105px;height:105px;right:0;top:-22px;background:rgba(32,207,234,.28)}
.hero-light-two{width:86px;height:86px;left:42%;bottom:2px;background:rgba(130,87,255,.28)}

.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px;border-radius:18px;padding:16px 8px}
.benefits article{display:flex;min-width:0;align-items:center;flex-direction:column;text-align:center}
.benefits .ui-icon{width:30px;height:30px;margin-bottom:10px;color:#d4c9ed}
.benefits strong{font-size:13px;font-weight:580}
.benefits span{margin-top:5px;color:var(--text-secondary);font-size:11px;line-height:1.45}
.menu-panel{margin-top:10px;overflow:hidden;border-radius:18px}
.menu-panel button,.menu-panel a{
  display:grid;
  width:100%;
  min-height:60px;
  grid-template-columns:32px minmax(0,1fr) 24px;
  align-items:center;
  gap:12px;
  border:0;
  background:transparent;
  padding:10px 16px;
  font-size:15px;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
}
.menu-panel button+*,.menu-panel a+*{border-top:1px solid rgba(211,220,255,.09)}
.menu-panel .ui-icon:first-child{width:28px;height:28px;color:#dce4f4}
.menu-panel .ui-icon:last-child{width:20px;height:20px;color:var(--text-secondary)}

.region-list{display:grid;gap:8px}
.region-option{
  position:relative;
  display:grid;
  width:100%;
  min-height:78px;
  grid-template-columns:54px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  border-radius:16px;
  padding:12px 16px;
  text-align:left;
  cursor:pointer;
  transition:transform .22s,border-color .22s,box-shadow .22s;
}
.coming-soon-banner{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  align-items:start;
  gap:11px;
  margin:0 0 12px;
  border-color:rgba(241,214,122,.34);
  border-radius:16px;
  padding:13px 14px;
}
.coming-soon-banner .ui-icon{width:24px;height:24px;color:#f1d67a}
.coming-soon-banner span{display:grid;gap:4px;min-width:0}
.coming-soon-banner strong{font-size:16px;font-weight:650}
.coming-soon-banner small{color:var(--text-secondary);font-size:13px;line-height:1.45}
.region-option.coming-soon{border-style:dashed;border-color:rgba(241,214,122,.24)}
.region-option.coming-soon .flag-icon,.region-option.coming-soon .choice-copy{opacity:.72}
.coming-soon-pill{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(241,214,122,.3);
  border-radius:999px;
  padding:4px 9px;
  color:#f1d67a;
  background:rgba(241,214,122,.08);
  font-size:11px;
  font-weight:650;
  white-space:nowrap;
}
.region-option[aria-pressed="true"]{
  border-color:#9d69ff;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 0 1px rgba(130,87,255,.46),0 0 24px rgba(91,44,230,.34);
  transform:translateY(-1px);
}
.choice-copy{display:block;min-width:0}
.choice-copy strong{display:block;font-size:17px;font-weight:580}
.choice-copy small{display:block;margin-top:3px;color:var(--text-secondary);font-size:14px;line-height:1.35}
.selected-check{
  display:grid;
  width:27px;
  height:27px;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#9e6bff,#6131e8);
  box-shadow:0 0 17px rgba(130,87,255,.72);
}
.selected-check .ui-icon{width:17px;height:17px;stroke-width:2.4}

.selected-region-row{
  display:grid;
  width:100%;
  min-height:78px;
  grid-template-columns:44px minmax(0,1fr) 24px;
  align-items:center;
  gap:12px;
  border-radius:17px;
  padding:12px 16px;
  text-align:left;
  cursor:pointer;
}
.selected-region-row>span{min-width:0}
.selected-region-row strong{display:block;font-size:15px;font-weight:590}
.selected-region-row small{display:block;margin-top:5px;color:var(--text-secondary);font-size:13px}
.selected-region-row>.ui-icon{width:20px;height:20px;color:var(--text-secondary)}
.nominal-section h1{margin:30px 4px 18px;font-size:24px;font-weight:680;letter-spacing:-.025em}
.nominal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.amount-card{
  position:relative;
  display:flex;
  min-width:0;
  min-height:145px;
  align-items:flex-start;
  flex-direction:column;
  justify-content:center;
  border-radius:17px;
  padding:18px;
  text-align:left;
  cursor:pointer;
  transition:transform .22s,border-color .22s,box-shadow .22s;
}
.amount-card strong{font-size:21px;font-weight:620;line-height:1.15}
.amount-card>span:not(.selected-check){margin-top:9px;color:var(--text-secondary);font-size:15px}
.amount-card .selected-check{position:absolute;right:12px;top:12px}
.amount-card.selected{border-color:#a36dff;box-shadow:0 0 0 1px rgba(130,87,255,.4),0 12px 34px rgba(63,36,155,.36);transform:translateY(-2px)}
.amount-card:disabled{opacity:.45;cursor:not-allowed}
.unavailable-label{position:absolute;right:10px;bottom:10px;color:var(--text-secondary);font-size:11px}

.sticky-checkout-bar{
  position:fixed;
  right:0;
  bottom:0;
  left:0;
  z-index:20;
  display:grid;
  width:min(100%,430px);
  min-height:102px;
  grid-template-columns:minmax(100px,.75fr) minmax(168px,1.25fr);
  align-items:center;
  gap:12px;
  margin:auto;
  border:1px solid var(--border-strong);
  border-bottom:0;
  border-radius:20px 20px 0 0;
  background:rgba(16,26,47,.92);
  box-shadow:0 -16px 42px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.06);
  padding:12px 12px calc(12px + var(--safe-bottom) + var(--content-safe-bottom));
  -webkit-backdrop-filter:blur(24px) saturate(135%);
  backdrop-filter:blur(24px) saturate(135%);
}
.sticky-total{display:flex;min-width:0;flex-direction:column;gap:5px;padding-left:4px}
.sticky-total span{color:var(--text-secondary);font-size:12px}
.sticky-total strong{font-size:24px;font-weight:620;line-height:1;white-space:nowrap}
.sticky-checkout-bar .action-button{width:100%;min-width:0;min-height:58px;font-size:16px;line-height:1.25}

.review-heading{margin-bottom:16px}
.review-heading h1{margin-top:18px}
.order-summary-card{
  display:block;
  border-radius:18px;
  padding:0;
  background:
    radial-gradient(circle at 25% 20%,rgba(32,207,234,.23),transparent 29%),
    radial-gradient(circle at 76% 15%,rgba(130,87,255,.29),transparent 45%),
    linear-gradient(145deg,rgba(38,12,95,.92),rgba(13,27,73,.91));
}
.order-product-head{display:grid;min-height:122px;grid-template-columns:minmax(108px,126px) minmax(0,1fr);align-items:center;gap:16px;padding:12px 18px}
.apple-gift-card-mark,.apple-gift-card-mark img{display:block}
.apple-gift-card-mark img{width:100%;height:100%;object-fit:contain}
.checkout-product-thumbnail{width:100%;border-radius:16px}
.order-product-copy{min-width:0}
.product-title{font-size:18px;font-weight:590}
.glass-inset{border:0;border-top:1px solid rgba(211,220,255,.12);border-radius:0;background:rgba(7,16,39,.22);padding:4px 18px 12px}
.region-line{display:flex;align-items:center;gap:10px;margin-top:10px}
.region-line .flag-icon{width:32px}
.region-line span{font-size:15px}
.glass-inset dl{margin:0}
.glass-inset dl>div{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(211,220,255,.1);padding:10px 0}
.glass-inset dl>div:first-child{border-top:0}
.glass-inset dl>div:last-child{padding-bottom:0}
.glass-inset dt{color:var(--text-secondary);font-size:13px}
.glass-inset dd{margin:0;font-size:14px;text-align:right}
.region-confirmation{margin-top:12px;border-color:rgba(151,103,255,.34);border-radius:18px;background:linear-gradient(145deg,rgba(42,21,82,.72),rgba(14,28,52,.8));padding:16px}
.region-confirmation.confirmed{border-color:rgba(137,108,255,.52);box-shadow:inset 0 1px rgba(255,255,255,.06),0 0 24px rgba(91,44,230,.15)}
.region-confirmation h2{font-size:16px;font-weight:620;line-height:1.3}
.region-confirmation>p{margin-top:7px;color:var(--text-secondary);font-size:13px;line-height:1.45}
.region-confirmation>p strong{color:var(--text-primary);font-weight:560}
.region-change-link{min-height:44px;margin-left:-10px;border:0;background:transparent;padding:8px 10px;color:#b997ff;font-size:13px;text-align:left;cursor:pointer}
.region-confirmation-check{margin-top:5px}
.region-warning{display:flex;align-items:flex-start;gap:9px;color:#f1b957!important}
.region-warning .ui-icon{width:22px;height:22px;flex:0 0 auto}
.region-confirmation-error,.consent-error{min-height:18px;margin:7px 0 0!important;color:#ff8cab!important;font-size:12px!important;opacity:0}
.region-confirmation-error.visible,.consent-error.visible{opacity:1}
.review-total-action{display:grid;grid-template-columns:minmax(92px,.72fr) minmax(172px,1.28fr);align-items:center;gap:12px;margin-top:12px;border-radius:18px;padding:12px}
.review-total-action .action-button{width:100%;min-width:0;min-height:58px;padding-inline:14px;font-size:14px;line-height:1.22}
.compact-total{border-radius:17px;padding:4px}
.compact-total span{display:block;color:var(--text-secondary);font-size:12px}
.compact-total strong{display:block;margin-top:7px;font-size:25px;font-weight:620}

.payment-heading h1{margin-top:0}
.confirmed-region-row{display:grid;min-height:58px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 12px;border-radius:15px;padding:10px 12px}
.confirmed-region-row .flag-icon{width:34px}
.confirmed-region-row span{font-size:13px;line-height:1.35}
.confirmed-region-row button{min-height:44px;border:0;background:transparent;padding:6px;color:#b997ff;font-size:12px;cursor:pointer}
.contact-form .confirmed-region-row{margin-top:24px;margin-bottom:0}
.payment-list{display:grid;gap:12px;min-width:0;margin:0;border:0;padding:0}
.payment-method{
  display:grid;
  min-height:132px;
  grid-template-columns:64px minmax(0,1fr) 28px;
  align-items:center;
  gap:14px;
  border-radius:17px;
  padding:16px;
  cursor:pointer;
  transition:transform .22s,border-color .22s,box-shadow .22s;
}
.payment-method input{position:absolute;width:1px;height:1px;opacity:0}
.payment-method.selected{border-color:#9f6cff;box-shadow:0 0 0 1px rgba(130,87,255,.46),0 0 26px rgba(91,44,230,.33);transform:translateY(-1px)}
.payment-method:has(input:focus-visible){outline:3px solid #f1d67a;outline-offset:3px}
.payment-method-icon{display:grid;width:58px;height:58px;place-items:center;color:#f2effa}
.payment-method-icon .ui-icon{width:48px;height:48px;stroke-width:1.55}
.payment-method .choice-copy strong{font-size:17px}
.payment-method .choice-copy small{font-size:14px;line-height:1.5}
.radio-ring{width:25px;height:25px;border:1px solid rgba(224,229,240,.58);border-radius:50%}

.contact-method{display:flex;min-height:90px;align-items:center;gap:16px;margin:20px 0 42px;border-radius:17px;padding:14px 18px}
.contact-method .payment-method-icon{width:54px;height:54px}
.contact-method strong{font-size:16px;font-weight:570}
.contact-method small{display:block;margin-top:4px;color:var(--text-secondary);font-size:12px}
.contact-form{display:grid}
.contact-field{display:grid;gap:10px}
.contact-field>span{color:rgba(247,248,252,.9);font-size:15px}
.contact-field input,.contact-field select{
  width:100%;
  min-height:56px;
  border:1px solid rgba(213,221,255,.18);
  border-radius:14px;
  outline:0;
  background:rgba(11,22,40,.86);
  padding:13px 16px;
  color:#f7f8fc;
  font-size:14px;
}
.contact-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#d5dbea 50%),linear-gradient(135deg,#d5dbea 50%,transparent 50%);background-position:calc(100% - 19px) 50%,calc(100% - 14px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.contact-field select option{background:#0b1526;color:#fff}
.contact-field input::placeholder{color:rgba(218,225,240,.58);opacity:1}
.contact-field input:focus,.contact-field select:focus{border-color:#8b5cff;box-shadow:0 0 0 3px rgba(130,87,255,.18),0 10px 28px rgba(0,0,0,.18)}
.contact-field input[aria-invalid="true"]{border-color:var(--error)}
.field-error{min-height:18px;margin:6px 0 14px;color:#ff8cab;font-size:12px;opacity:0}
.field-error.visible{opacity:1}
.consent-check{display:grid;min-height:44px;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:8px;cursor:pointer}
.consent-check input{position:absolute;width:1px;height:1px;opacity:0}
.custom-checkbox{display:grid;width:34px;height:34px;margin:5px;place-items:center;border:1px solid rgba(224,229,240,.38);border-radius:9px;background:rgba(255,255,255,.035);color:transparent;transition:background .2s,color .2s,box-shadow .2s}
.custom-checkbox .ui-icon{width:22px;height:22px}
.consent-check input:checked+.custom-checkbox{border-color:#935cff;background:linear-gradient(135deg,#8f52ff,#5522da);color:#fff;box-shadow:0 0 16px rgba(130,87,255,.48)}
.consent-check input:focus-visible+.custom-checkbox{outline:3px solid #f1d67a;outline-offset:3px}
.consent-check>span:last-child{padding-top:6px;font-size:14px;line-height:1.45}
.info-block{display:flex;align-items:flex-start;gap:12px;margin-top:28px;border:1px solid var(--border);border-radius:15px;background:rgba(17,29,49,.48);padding:15px 16px;color:var(--text-secondary);font-size:14px;line-height:1.45}
.info-block .ui-icon{width:23px;height:23px}
.confirm-heading{margin-top:18px}
.network-screen .contact-field{margin-top:28px;border-radius:17px;padding:16px}

.status-screen{text-align:center}
.status-screen h1{font-size:24px;font-weight:690;line-height:1.2;letter-spacing:-.02em}
.status-screen>p{margin-top:10px;color:var(--text-secondary);font-size:15px;line-height:1.45}
.mascot-orbit{
  position:relative;
  width:270px;
  height:270px;
  margin:22px auto 6px;
  border:1px solid rgba(163,109,255,.4);
  border-radius:50%;
  background:radial-gradient(circle,rgba(130,87,255,.12),rgba(5,13,27,.02) 62%,transparent 63%);
  box-shadow:inset 0 0 22px rgba(130,87,255,.18),0 0 24px rgba(91,44,230,.18);
}
.mascot-orbit::before,.mascot-orbit::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.mascot-orbit::before{inset:6px;border:2px solid transparent;border-top-color:var(--orbit-primary,#9d77ff);border-right-color:var(--orbit-secondary,#62dfff);filter:drop-shadow(0 0 7px var(--orbit-primary,#9d77ff));animation:orbit 6s linear infinite}
.mascot-orbit::after{inset:18px;border:1px solid rgba(157,119,255,.45)}
.mascot-orbit .platix-mascot{position:absolute;left:50%;bottom:7px;z-index:2;width:215px;transform:translateX(-50%);filter:drop-shadow(0 16px 14px rgba(0,0,0,.28))}
.orbit-pending{--orbit-primary:#8d6cff;--orbit-secondary:#70dcff}
.orbit-error{--orbit-primary:#ff5f99;--orbit-secondary:#b765ff;background:radial-gradient(circle,rgba(255,79,130,.13),rgba(5,13,27,.02) 62%,transparent 63%)}
.orbit-success{--orbit-primary:#b9ff3f;--orbit-secondary:#65e8cf;background:radial-gradient(circle,rgba(168,237,39,.13),rgba(5,13,27,.02) 62%,transparent 63%)}
.orbit-success .platix-mascot{width:235px;bottom:9px}
.pending-order-card{display:grid;margin-top:18px;border-radius:17px;padding:8px 16px}
.pending-order-card>div{display:flex;min-height:48px;align-items:center;gap:12px;border-bottom:1px solid rgba(211,220,255,.09);font-size:13px;text-align:left}
.pending-order-card>div:last-child{border-bottom:0}
.pending-order-card .ui-icon{width:22px;height:22px;color:var(--text-secondary)}
.pending-order-card span{min-width:0;flex:1}
.pending-order-card strong{font-size:17px;font-weight:560}
.pending-order-card>.order-info-product-row{display:grid;min-height:104px;grid-template-columns:minmax(104px,122px) minmax(0,1fr);align-items:center;gap:13px;padding:11px 0}
.order-info-thumbnail{width:100%;border-radius:14px}
.pending-order-card .order-info-product-copy{display:block;min-width:0}
.pending-order-card .order-info-product-copy :where(small,strong,span){display:block}
.pending-order-card .order-info-product-copy small{color:var(--text-secondary);font-size:11px;letter-spacing:.04em}
.pending-order-card .order-info-product-copy strong{margin-top:5px;color:var(--text-primary);font-size:14px;line-height:1.3}
.pending-order-card .order-info-product-copy span{margin-top:4px;color:var(--text-secondary);font-size:11px;line-height:1.35}
.crypto-quote-screen .status-screen{padding-bottom:4px}
.crypto-quote-heading.expired-state p{color:var(--error)}
.crypto-quote-card time{font-variant-numeric:tabular-nums}
.crypto-fees span{display:grid;gap:3px}
.crypto-fees strong{color:var(--text-primary);font-size:14px}
.crypto-fees small{color:var(--text-secondary);font-size:12px;line-height:1.4}
.crypto-expired-notice[hidden]{display:none}
.crypto-quote-error{min-height:76px}
.crypto-quote-error span{display:grid;gap:4px}
.crypto-quote-error small{color:rgba(255,235,242,.82);font-size:13px;line-height:1.4}
.crypto-refresh:disabled{cursor:wait;opacity:.72}
.status-action{width:100%;margin-top:16px}
.accent-outline{border-color:#9b64ff;color:#a97dff;box-shadow:0 0 0 1px rgba(130,87,255,.22),0 0 16px rgba(91,44,230,.18)}
.text-action{width:100%;min-height:44px;margin-top:8px;border:0;padding:8px;color:#a879ff;background:transparent}
.error-link{color:#ff6d9a}
.error-callout{display:flex;min-height:92px;align-items:center;gap:16px;margin-top:18px;border-color:rgba(255,79,130,.58);border-radius:17px;background:linear-gradient(135deg,rgba(116,19,59,.72),rgba(72,17,52,.62));padding:16px;text-align:left}
.error-callout .ui-icon{width:44px;height:44px;color:#ff638f}
.error-callout strong{font-size:17px;font-weight:590;line-height:1.35}
.success-product{display:flex;min-height:62px;align-items:center;gap:13px;margin-top:12px;border-radius:16px;padding:10px 16px;background:linear-gradient(90deg,rgba(142,31,76,.55),rgba(9,87,106,.47))}
.success-product span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gift-code-card{position:relative;margin-top:12px;overflow:hidden;border-radius:17px;padding:16px}
.gift-code-card::after{content:"";position:absolute;right:-20px;top:-36px;width:130px;height:130px;border:1px solid rgba(77,103,216,.18);transform:rotate(30deg);clip-path:polygon(50% 0,100% 100%,0 75%)}
.gift-code-card>span{color:var(--text-secondary);font-size:12px}
.gift-code-card>strong{position:relative;z-index:1;display:block;margin:9px 0 17px;font-size:27px;font-weight:540;letter-spacing:.07em;overflow-wrap:anywhere}
.gift-code-card>strong.delivery-result-text{white-space:pre-wrap;font-size:16px;letter-spacing:0;line-height:1.55}
.copy-button{position:relative;z-index:1;display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:16px;border:1px solid rgba(226,255,190,.62);border-radius:14px;background:linear-gradient(110deg,#8f21df,#7bdb38 64%,#3fae2b);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.28),0 0 18px rgba(168,237,39,.2);cursor:pointer}
.copy-button .ui-icon{width:21px;height:21px}
.activation-help{margin-top:12px;border-radius:15px;padding:0 16px}
.activation-help summary{display:flex;min-height:54px;align-items:center;justify-content:center;cursor:pointer;list-style:none;font-size:14px}
.activation-help summary::-webkit-details-marker{display:none}
.activation-help ol{margin:0 0 16px;padding-left:22px;color:var(--text-secondary);font-size:13px;line-height:1.6;text-align:left}
.order-number{margin-top:22px;color:var(--text-tertiary);font-size:13px;text-align:center}

.notice{display:grid;gap:5px;margin:0 0 12px;border:1px solid rgba(163,109,255,.28);border-radius:15px;background:rgba(91,44,230,.1);padding:12px;color:var(--text-secondary);font-size:13px;line-height:1.45}
.notice strong{color:var(--text-primary)}
.danger-notice{border-color:rgba(255,79,130,.34);background:rgba(255,79,130,.09)}
.orders-list{display:grid;gap:10px}
.order-row{display:grid;width:100%;min-height:76px;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:12px;border-radius:17px;padding:14px;text-align:left;cursor:pointer}
.order-row span{min-width:0}
.order-row strong{display:block;font-size:15px}
.order-row small{display:block;margin-top:5px;color:var(--text-secondary)}
.order-row b{color:#b892ff;font-size:12px}
.order-row>.ui-icon{width:19px;height:19px;color:var(--text-secondary)}
.empty-state{border-radius:18px;padding:28px 18px;text-align:center}
.empty-state h2{font-size:20px}
.empty-state p{margin:8px 0 18px;color:var(--text-secondary);font-size:14px}
.empty-state .primary{width:100%}

.loader{display:grid;min-height:100dvh;place-content:center;color:var(--text-secondary);text-align:center}
.loader-card{display:inline-block;box-sizing:border-box;width:28px;height:28px;flex:0 0 28px;margin:auto;border:3px solid rgba(175,148,255,.2);border-top-color:#ae91ff;border-radius:50%;animation:orbit .75s linear infinite}
.loader-card::before,.loader-card span{display:none}
.orders-loading{display:flex;min-height:96px;align-items:center;justify-content:center;gap:12px;padding:20px;color:var(--text-secondary);font-size:14px}
.orders-loading .loader-card{margin:0}
.orders-loading strong{font-size:14px;font-weight:500}
.crypto-payment-details{display:grid;gap:12px;margin-block:20px;padding:20px;border-radius:22px;overflow-wrap:anywhere}
.crypto-payment-details h2{margin:0;font-size:20px}
.crypto-payment-details p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.5}
.crypto-payment-details label{display:grid;gap:6px;color:var(--text-secondary);font-size:13px}
.crypto-payment-details code{display:block;min-width:0;user-select:text;-webkit-user-select:text;overflow-wrap:anywhere;color:var(--text-primary);font-size:15px}
@media(prefers-reduced-motion:reduce){.loader-card{animation:none}}
.loader p{margin-top:16px;font-size:14px}
.legal-footer{display:flex;justify-content:center;gap:8px;margin-top:28px;color:var(--text-tertiary);font-size:11px}
.legal-footer a{color:inherit}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:where(button,a,input,select,summary,[tabindex]):focus-visible{outline:3px solid #f1d67a;outline-offset:3px}
h1[tabindex="-1"]:focus{outline:none}
[aria-busy="true"]{cursor:progress}

@keyframes screen-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes pulse{50%{transform:scale(.94);opacity:.72}}

@media(max-width:360px){
  :root{--screen-pad:10px}
  .shell{padding-left:var(--screen-pad);padding-right:var(--screen-pad)}
  .home-hero{min-height:348px}
  .home-hero{grid-template-columns:minmax(0,47%) minmax(0,53%)}
  .home-hero-copy{padding:24px 0 14px 14px}
  .home-hero h1{font-size:33px}
  .home-hero p{font-size:14px}
  .home-hero p{max-width:108px}
  .hero-mascot{right:0;width:100%}
  .hero-cta{width:calc(100% - 10px);min-height:48px;margin-right:10px;padding-inline:8px;font-size:12px}
  .benefits{padding-inline:4px}
  .benefits .ui-icon{width:27px;height:27px}
  .benefits strong{font-size:12px}
  .benefits span{font-size:10px}
  .screen-heading h1,.nominal-section h1{font-size:22px}
  .region-option{min-height:72px;grid-template-columns:48px minmax(0,1fr) auto;padding:10px 12px}
  .choice-copy strong{font-size:16px}
  .amount-card{min-height:126px;padding:14px}
  .amount-card strong{font-size:18px}
  .sticky-checkout-bar{grid-template-columns:98px minmax(0,1fr);gap:8px;padding-inline:10px}
  .sticky-total strong{font-size:20px}
  .sticky-checkout-bar .action-button{padding-inline:12px;font-size:14px}
  .order-product-head{min-height:112px;grid-template-columns:minmax(96px,108px) minmax(0,1fr);gap:12px;padding:10px 14px}
  .review-total-action{grid-template-columns:88px minmax(0,1fr);gap:8px;padding:10px}
  .review-total-action .action-button{padding-inline:9px;font-size:13px}
  .confirmed-region-row{grid-template-columns:32px minmax(0,1fr) auto;padding-inline:10px}
  .payment-method{min-height:112px;grid-template-columns:50px minmax(0,1fr) 27px;gap:10px;padding:13px}
  .payment-method-icon{width:46px;height:46px}
  .payment-method-icon .ui-icon{width:40px;height:40px}
  .payment-method .choice-copy strong{font-size:15px}
  .payment-method .choice-copy small{font-size:12px}
  .contact-method{margin-bottom:28px}
  .mascot-orbit{width:230px;height:230px}
  .mascot-orbit .platix-mascot{width:184px}
  .orbit-success .platix-mascot{width:200px}
  .gift-code-card>strong{font-size:23px}
}

@media(max-height:650px){
  .home-hero{min-height:300px}
  .home-hero-copy{padding-top:18px}
  .home-hero h1{font-size:31px}
  .home-hero p{margin-top:8px;font-size:13px}
  .hero-mascot{width:100%}
  .hero-cta{min-height:46px}
  .benefits{padding-block:10px}
  .benefits .ui-icon{margin-bottom:5px}
  .menu-panel button,.menu-panel a{min-height:50px}
  .mascot-orbit{width:205px;height:205px;margin-top:12px}
  .mascot-orbit .platix-mascot{width:165px}
  .orbit-success .platix-mascot{width:180px}
  .status-screen>p{font-size:14px}
  .pending-order-card{margin-top:10px}
  .pending-order-card>div{min-height:42px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Storefront visual layer. Scoped so the mature Apple checkout keeps its own UI. */
:where(.storefront-shell,.storefront-product-shell){
  --store-accent:#ff7468;
  --store-accent-ink:#260806;
  --store-panel:#15161b;
  --store-panel-soft:#1c1d23;
  --store-line:#2f3038;
  --store-muted:#b5b1bd;
  --store-violet:#a58cff;
  --store-cyan:#5bd5e8;
  --store-positive:#79d992;
  --store-warning:#f1bf4b;
  --store-games:#3ed8ff;
  --store-ai:#a98bff;
  --store-cards:#aeeeff;
  --store-music:#ff68bd;
  --store-telegram:#43a7ff;
  --text-primary:#f7f5fa;
  --text-secondary:#b5b1bd;
  --text-tertiary:#8d8995;
  isolation:isolate;
  color:#f7f5fa;
  background:
    radial-gradient(circle at 84% -4%,rgba(51,190,255,.34),transparent 27rem),
    radial-gradient(circle at -8% 32%,rgba(113,75,255,.3),transparent 31rem),
    radial-gradient(circle at 108% 67%,rgba(255,76,172,.22),transparent 27rem),
    radial-gradient(circle at 22% 102%,rgba(255,113,79,.15),transparent 25rem),
    linear-gradient(155deg,#101a31 0%,#101020 37%,#1b1024 67%,#090b13 100%);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-synthesis:none;
}

:where(.storefront-shell,.storefront-product-shell)::before{
  content:none;
  display:none;
}

.storefront-shell{padding-bottom:calc(108px + var(--safe-bottom) + var(--content-safe-bottom))}
:where(.storefront-shell,.storefront-product-shell) .app-header{min-height:54px;border-bottom:1px solid var(--store-line);margin-bottom:16px}
:where(.storefront-shell,.storefront-product-shell) .app-header-title{font-size:12px;font-weight:600;letter-spacing:.08em;text-align:left}
.storefront-shell .header-spacer:first-child{width:0}
.storefront-shell .app-header:has(.icon-button) .app-header-title{text-align:center}
.storefront-shell .app-header:has(.icon-button) .header-spacer:first-child{width:44px}

.storefront-shell .home-promo-carousel{
  position:relative;
  width:100%;
  margin-inline:auto;
  container-type:inline-size;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.15);
  border-radius:26px;
  background:rgba(17,18,29,.92);
  box-shadow:0 28px 68px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.17),inset 0 -1px rgba(255,255,255,.05);
  isolation:isolate;
}
.storefront-shell .home-promo-carousel::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  border-radius:inherit;
  box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 0 38px rgba(255,255,255,.025);
  pointer-events:none;
}
.storefront-shell .home-promo-viewport{min-width:0;overflow:hidden;border-radius:inherit}
.storefront-shell .home-promo-track{
  display:flex;
  align-items:stretch;
  min-width:0;
  transform:translate3d(var(--home-promo-offset,0),0,0);
  transition:transform .3s cubic-bezier(.22,.75,.24,1);
}
.storefront-shell .home-promo-slide{
  position:relative;
  display:block;
  min-width:100%;
  height:auto;
  aspect-ratio:1182 / 1010;
  min-height:0;
  flex:0 0 100%;
  overflow:hidden;
  contain:paint;
  clip-path:inset(0 round 25px);
  padding:0;
  background:#11131d;
  isolation:isolate;
}
.storefront-shell .home-promo-banner{
  position:absolute;
  inset:0;
  display:grid;
  width:100%;
  height:100%;
  place-items:start center;
  overflow:hidden;
  border:0;
  background:#090b12;
  padding:0;
  cursor:pointer;
  isolation:isolate;
}
.storefront-shell .home-promo-banner img{position:relative;z-index:1;display:block;width:100%;max-width:100%;height:auto;object-fit:contain;object-position:top}
.storefront-shell .home-promo-banner:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.storefront-shell .home-promo-artboard{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  background-image:var(--home-promo-image),radial-gradient(circle at 94% 20%,rgba(167,145,255,.34),transparent 39%),linear-gradient(125deg,#11121a 0%,#181725 57%,#302747 100%);
  background-position:right center,center,center;
  background-size:auto 185%,100% 100%,100% 100%;
  background-repeat:no-repeat;
}
.storefront-shell .home-promo-slide--apple .home-promo-artboard{
  background-image:var(--home-promo-image),radial-gradient(circle at 94% 20%,rgba(167,145,255,.34),transparent 39%),linear-gradient(125deg,#11121a 0%,#181725 57%,#302747 100%);
}
.storefront-shell .home-promo-slide--stars .home-promo-artboard{
  background-image:var(--home-promo-image),radial-gradient(circle at 94% 18%,rgba(31,95,187,.35),transparent 41%),linear-gradient(125deg,#11151d 0%,#141c2b 55%,#19315a 100%);
}
.storefront-shell .home-promo-slide--steam .home-promo-artboard{
  background-image:var(--home-promo-image),radial-gradient(circle at 93% 20%,rgba(117,156,203,.33),transparent 42%),linear-gradient(125deg,#12151b 0%,#202a38 58%,#405674 100%);
}
.storefront-shell .home-promo-scrim{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,#11131d 0%,#11131d 42%,rgba(17,19,29,.94) 55%,rgba(17,19,29,.68) 70%,rgba(17,19,29,.28) 84%,transparent 100%);
}
.storefront-shell .home-promo-slide--apple .home-promo-scrim{background:linear-gradient(90deg,#11121a 0%,#11121a 42%,rgba(17,18,26,.94) 55%,rgba(17,18,26,.68) 70%,rgba(17,18,26,.28) 84%,transparent 100%)}
.storefront-shell .home-promo-slide--stars .home-promo-scrim{background:linear-gradient(90deg,#11151d 0%,#11151d 42%,rgba(17,21,29,.94) 55%,rgba(17,21,29,.68) 70%,rgba(17,21,29,.28) 84%,transparent 100%)}
.storefront-shell .home-promo-slide--steam .home-promo-scrim{background:linear-gradient(90deg,#12151b 0%,#12151b 42%,rgba(18,21,27,.94) 55%,rgba(18,21,27,.68) 70%,rgba(18,21,27,.28) 84%,transparent 100%)}
.storefront-shell .home-promo-copy{
  position:relative;
  z-index:2;
  display:flex;
  width:min(70%,300px);
  height:100%;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  padding:17px 0 36px clamp(14px,5vw,22px);
}
.storefront-shell .home-promo-eyebrow{
  display:block;
  max-width:100%;
  color:rgba(222,226,241,.82);
  font-size:9px;
  font-weight:720;
  line-height:1.2;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.storefront-shell .home-promo-title{
  max-width:100%;
  margin:7px 0 0;
  color:#fbfbff;
  font-size:clamp(22px,6.1vw,30px);
  font-weight:760;
  line-height:1.02;
  letter-spacing:-.04em;
  text-wrap:balance;
}
.storefront-shell .home-promo-price{
  margin:7px 0 0;
  color:#ffcf69;
  font-size:clamp(16px,4.4vw,20px);
  font-weight:750;
  line-height:1.12;
  white-space:nowrap;
}
.storefront-shell .home-promo-highlight{
  margin:7px 0 0;
  color:#a9ceff;
  font-size:clamp(13px,3.7vw,16px);
  font-weight:730;
  line-height:1.12;
}
.storefront-shell .home-promo-description{
  max-width:100%;
  margin:7px 0 0;
  color:rgba(231,234,244,.8);
  font-size:clamp(11px,3.15vw,13px);
  font-weight:520;
  line-height:1.28;
}
.storefront-shell .home-promo-regions{
  display:grid;
  width:100%;
  min-width:0;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
  margin:8px 0 0;
  padding:0;
  list-style:none;
}
.storefront-shell .home-promo-regions li{
  display:flex;
  min-width:0;
  min-height:24px;
  align-items:center;
  gap:4px;
  border:1px solid rgba(222,222,255,.13);
  border-radius:9px;
  background:rgba(255,255,255,.055);
  padding:3px 5px;
  color:rgba(245,246,255,.92);
  font-size:clamp(9px,2.55vw,11px);
  font-weight:620;
  line-height:1.1;
  white-space:nowrap;
}
.storefront-shell .home-promo-regions .flag-icon{width:16px;min-width:16px;height:11px;flex:0 0 16px;border-radius:3px}
.storefront-shell .home-promo-cta{
  display:inline-flex;
  min-width:0;
  min-height:39px;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin: auto 0 0;
  border:0;
  border-radius:999px;
  padding:0 15px;
  color:#11131b;
  font:inherit;
  font-size:clamp(12px,3.4vw,14px);
  font-weight:740;
  line-height:1;
  white-space:nowrap;
  box-shadow:0 8px 20px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.5);
  cursor:pointer;
  touch-action:manipulation;
}
.storefront-shell .home-promo-slide--apple .home-promo-cta{background:linear-gradient(110deg,#d5c7ff,#c3b0ff)}
.storefront-shell .home-promo-slide--stars .home-promo-cta{background:linear-gradient(110deg,#ffdf8c,#f4c65f)}
.storefront-shell .home-promo-slide--steam .home-promo-cta{background:linear-gradient(110deg,#d1e3ff,#b8d5ff)}
.storefront-shell .home-promo-cta-arrow{font-size:21px;font-weight:500;line-height:.7}
.storefront-shell .home-promo-dots{
  position:absolute;
  bottom:3px;
  right:6px;
  z-index:3;
  display:flex;
  align-items:center;
  gap:0;
  transform:none;
  pointer-events:auto;
}
.storefront-shell .home-promo-dot{
  position:relative;
  display:grid;
  width:44px;
  min-width:44px;
  height:44px;
  flex:0 0 44px;
  place-items:center;
  border:0;
  border-radius:50%;
  background:transparent;
  padding:0;
  cursor:pointer;
  pointer-events:auto;
  touch-action:manipulation;
}
.storefront-shell .home-promo-dot::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:rgba(235,239,249,.43);
  opacity:1;
  transition:width .18s ease,background-color .18s ease;
}
.storefront-shell .home-promo-dot.is-active::before{width:18px;border-radius:999px;background:#f8f8fc}
.storefront-shell .home-promo-copy:has(.home-promo-regions) .home-promo-cta{margin-top:auto}
.storefront-shell .home-promo-cta:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
}
.storefront-shell .home-promo-controls{
  position:absolute;
  right:12px;
  bottom:6px;
  left:12px;
  z-index:6;
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:center;
  gap:3px;
  pointer-events:none;
}
.storefront-shell .home-promo-control-spacer{width:86px;min-width:86px;height:28px;flex:0 0 86px;pointer-events:none}
.storefront-shell .home-promo-arrow{
  display:grid;
  width:30px;
  min-width:30px;
  height:30px;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  background:rgba(8,10,20,.48);
  color:rgba(255,255,255,.82);
  box-shadow:inset 0 1px rgba(255,255,255,.09);
  cursor:pointer;
  pointer-events:auto;
}
.storefront-shell .home-promo-arrow{display:none}
.storefront-shell .home-promo-arrow:active{background:rgba(255,255,255,.13)}
.storefront-shell :where(.home-promo-arrow,.home-promo-dot):focus-visible{outline:3px solid #ffe17d;outline-offset:2px}
.storefront-shell .home-promo-arrow :where(img,svg){width:15px;height:15px}
.storefront-shell .home-promo-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

.storefront-shell .quick-topup{position:relative;isolation:isolate;margin-top:18px;overflow:hidden;border:1px solid rgba(148,139,255,.3);border-radius:26px;background:radial-gradient(circle at 92% 4%,rgba(66,177,224,.18),transparent 42%),radial-gradient(circle at 4% 96%,rgba(133,98,219,.17),transparent 48%),linear-gradient(145deg,rgba(28,34,49,.99),rgba(18,21,34,.995) 56%,rgba(16,17,28,.995));box-shadow:0 18px 44px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.09);padding:18px 14px 16px}
.storefront-shell .quick-topup-heading>span{color:#91dff7;font-size:11px;font-weight:700;letter-spacing:.1em}
.storefront-shell .quick-topup-heading h2{margin:7px 0 0;color:#fff;font-size:clamp(25px,7.4vw,32px);font-weight:680;line-height:1.05;letter-spacing:-.04em}
.storefront-shell .quick-topup-heading p{margin:8px 0 0;color:#aaa8b7;font-size:13px;line-height:1.45}
.storefront-shell .quick-topup-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:16px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(6,8,16,.48);padding:5px}
.storefront-shell .quick-topup-tabs button{display:grid;min-width:0;min-height:62px;place-items:center;align-content:center;gap:5px;border:1px solid transparent;border-radius:13px;background:transparent;color:#aaa8b5;padding:6px 2px;font:inherit;font-size:10px;font-weight:650;line-height:1.1;cursor:pointer}
.storefront-shell .quick-topup-tabs button img{display:block;width:25px;height:25px;object-fit:contain;filter:grayscale(.3) saturate(.75);opacity:.82}
.storefront-shell .quick-topup-tabs button.active{border-color:rgba(124,222,244,.56);background:linear-gradient(145deg,rgba(84,204,239,.2),rgba(142,112,255,.16));color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.1),0 6px 16px rgba(0,0,0,.22)}
.storefront-shell .quick-topup-tabs button.active img{filter:none;opacity:1}
.storefront-shell .quick-topup-tabs button:focus-visible,.storefront-shell :where(.quick-topup-chip,.quick-topup-segments button,.quick-topup-submit,.quick-topup-retry):focus-visible{outline:3px solid #8be7ff;outline-offset:2px}
.storefront-shell .quick-topup-form{margin-top:15px}
.storefront-shell .quick-topup-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.storefront-shell .quick-topup-control-group+.quick-topup-control-group{margin-top:12px}
.storefront-shell .quick-topup-field{display:grid;min-width:0;gap:7px;margin-top:12px;color:#bbb8c5;font-size:12px;font-weight:620}
.storefront-shell .quick-topup-field:first-child{margin-top:0}
.storefront-shell .quick-topup-field :where(input,select){width:100%;min-width:0;min-height:52px;border:1px solid rgba(174,181,214,.23);border-radius:14px;outline:0;background:#111522;color:#f8f7fb;padding:0 14px;font:inherit;font-size:16px;font-weight:620;box-shadow:inset 0 1px rgba(255,255,255,.035);appearance:none}
.storefront-shell .quick-topup-field select{padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,#bbb9c8 50%),linear-gradient(135deg,#bbb9c8 50%,transparent 50%);background-position:calc(100% - 19px) 22px,calc(100% - 14px) 22px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.storefront-shell .quick-topup-field :where(input,select):focus{border-color:#7edff6;box-shadow:0 0 0 3px rgba(83,199,235,.14)}
.storefront-shell .quick-topup-field :where(input,select)[aria-invalid="true"]{border-color:rgba(255,112,145,.72)}
.storefront-shell .quick-topup-field input::placeholder{color:#76798a}
.storefront-shell .quick-topup-field-error{min-height:0;margin:5px 2px 0;color:#ff91aa;font-size:12px;line-height:1.35}
.storefront-shell .quick-topup-field-error[hidden]{display:none}
.storefront-shell .quick-topup-hint{margin:7px 2px 0;color:#858697;font-size:12px;line-height:1.42}
.storefront-shell .quick-topup-field>small{color:#8f909f;font-size:11px;font-weight:450;line-height:1.4}
.storefront-shell .quick-topup-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.storefront-shell .quick-topup-chip{min-height:38px;border:1px solid rgba(150,161,198,.22);border-radius:999px;background:rgba(13,17,29,.72);color:#d7d5df;padding:7px 11px;font:inherit;font-size:12px;font-weight:670;cursor:pointer}
.storefront-shell .quick-topup-chip.active{border-color:rgba(114,223,245,.62);background:rgba(76,194,229,.17);color:#fff}
.storefront-shell .quick-topup-chips--months{margin-top:0}
.storefront-shell .quick-telegram-price{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:4px 2px;color:#a7a5b3;font-size:13px}
.storefront-shell .quick-telegram-price[hidden]{display:none}
.storefront-shell .quick-telegram-price strong{color:#f3f7ff;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-align:right}
.storefront-shell .quick-topup-segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(8,11,19,.55);padding:4px}
.storefront-shell .quick-topup-segments:first-child{margin-top:0}
.storefront-shell .quick-topup-segments button{min-height:42px;border:0;border-radius:10px;background:transparent;color:#9998a7;font:inherit;font-size:13px;font-weight:650;cursor:pointer}
.storefront-shell .quick-topup-segments button.active{background:linear-gradient(135deg,rgba(105,210,239,.22),rgba(151,116,255,.2));color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.09)}
.storefront-shell .quick-topup-segments--products button{display:grid;min-height:58px;align-content:center;justify-items:center;gap:3px}
.storefront-shell .quick-topup-segments--products button img{display:block;width:20px;height:20px;object-fit:contain}
.storefront-shell .quick-topup-status{display:flex;min-height:54px;align-items:center;gap:9px;margin-top:15px;border:1px dashed rgba(170,174,202,.24);border-radius:14px;background:rgba(7,10,18,.38);padding:11px 12px;color:#9e9dab;font-size:12px;line-height:1.4}
.storefront-shell .quick-topup-status--error{border-style:solid;border-color:rgba(255,104,140,.38);background:rgba(83,19,43,.18);color:#ffc0ce}
.storefront-shell .quick-topup-status .ui-icon{width:19px;height:19px;flex:0 0 auto}
.storefront-shell .quick-topup-spinner{width:18px;height:18px;flex:0 0 auto;border:2px solid rgba(139,228,249,.25);border-top-color:#8be7ff;border-radius:50%;animation:quick-topup-spin .8s linear infinite}
@keyframes quick-topup-spin{to{transform:rotate(360deg)}}
.storefront-shell .quick-topup-summary{display:grid;gap:8px;margin-top:15px;border:1px solid rgba(125,218,241,.22);border-radius:17px;background:linear-gradient(145deg,rgba(84,205,236,.095),rgba(142,105,255,.075));padding:13px}
.storefront-shell .quick-topup-summary>div{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:12px;color:#8f909f;font-size:12px;line-height:1.35}
.storefront-shell .quick-topup-summary>div strong{max-width:62%;overflow-wrap:anywhere;color:#eceaf1;text-align:right;font-weight:650}
.storefront-shell .quick-topup-summary .quick-topup-total{align-items:end;border-top:1px solid rgba(255,255,255,.1);margin-top:2px;padding-top:10px;color:#c4c1ce;font-size:14px}
.storefront-shell .quick-topup-summary .quick-topup-total strong{color:#8ee9ff;font-size:24px;line-height:1}
.storefront-shell .quick-topup-summary--steam>p{margin:1px 0 0;border-top:1px solid rgba(255,255,255,.08);padding-top:9px;color:#858797;font-size:11px;line-height:1.45}
.storefront-shell .quick-topup-notice{margin:10px 2px 0;border-left:3px solid #7de5a5;padding:2px 0 2px 9px;color:#b9ecca;font-size:12px;line-height:1.42}
.storefront-shell .quick-topup-submit,.storefront-shell .quick-topup-retry{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:15px;background:linear-gradient(112deg,#8ce9f4,#87c8ff 53%,#a990ff);color:#08151e;margin-top:13px;padding:10px 14px;font:inherit;font-size:14px;font-weight:760;cursor:pointer;box-shadow:0 11px 24px rgba(74,170,230,.22)}
.storefront-shell .quick-topup-submit .ui-icon{width:19px;height:19px}
.storefront-shell .quick-topup-submit:disabled{background:#292c38;color:#747686;cursor:not-allowed;box-shadow:none}
.storefront-shell .quick-topup-retry{width:auto;min-width:164px;background:linear-gradient(112deg,#8ce9f4,#a990ff);margin-top:15px}
.storefront-shell .quick-topup-footnote{margin:9px 4px 0;color:#777989;font-size:11px;line-height:1.4;text-align:center}

:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .steam-disclosure{overflow:hidden;border:1px solid rgba(163,151,217,.22);border-radius:14px;background:linear-gradient(145deg,rgba(28,30,43,.88),rgba(14,17,28,.92));color:#eceaf2}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .steam-disclosure+ .steam-disclosure{margin-top:8px}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .steam-disclosure summary{display:grid;min-height:46px;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:10px;padding:11px 13px;color:#e8e6ef;font-size:13px;font-weight:650;line-height:1.35;cursor:pointer;list-style:none}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .steam-disclosure summary::-webkit-details-marker{display:none}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .steam-disclosure summary::after{content:"+";display:grid;width:20px;height:20px;place-items:center;color:#aa98ef;font-size:18px;font-weight:400;transition:transform .18s ease}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .steam-disclosure[open] summary::after{content:"−"}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .steam-disclosure summary:focus-visible{outline:3px solid rgba(126,223,246,.55);outline-offset:-3px}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .steam-disclosure>div,:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .steam-disclosure>ul{margin:0;border-top:1px solid rgba(255,255,255,.07);padding:10px 13px 12px;color:#aaa9b8;font-size:12px;line-height:1.5}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .steam-disclosure>div p{margin:0}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .steam-disclosure>div p+p{margin-top:8px}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .steam-disclosure strong{color:#eceaf2;font-weight:650}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .steam-disclosure>ul{padding-left:30px}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .steam-disclosure li+li{margin-top:6px}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .steam-login-help{margin-top:8px}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .steam-information{display:grid;gap:8px;margin-top:12px}
.storefront-product-shell .steam-information{margin-top:20px}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-information{display:grid;gap:8px;margin-top:14px}
.storefront-product-shell .telegram-stars-information{margin-top:22px}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure{overflow:hidden;border:1px solid rgba(171,178,208,.2);border-radius:15px;background:linear-gradient(145deg,rgba(27,30,43,.9),rgba(12,16,27,.94));color:#f0edf4}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure--important{border-color:rgba(255,190,74,.28)}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure--result{border-color:rgba(84,215,135,.27)}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure summary{display:grid;min-height:58px;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;list-style:none}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure summary::-webkit-details-marker{display:none}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure summary>span:nth-child(2){min-width:0}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure summary strong,:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure summary small{display:block;overflow-wrap:anywhere}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure summary strong{font-size:13px;font-weight:680;line-height:1.3}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure summary small{margin-top:3px;color:#9fa3b5;font-size:11px;font-weight:480;line-height:1.35}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure-icon{display:grid;width:28px;height:28px;place-items:center;border:1px solid currentColor;border-radius:50%}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure-icon .ui-icon{width:15px;height:15px}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure--important .telegram-stars-disclosure-icon{color:#f5c457;background:rgba(245,196,87,.08)}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure--result .telegram-stars-disclosure-icon{color:#64dfa0;background:rgba(100,223,160,.08)}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure summary>i{display:grid;width:18px;height:18px;place-items:center;color:#85899a;transition:transform .18s ease;transform:rotate(90deg)}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure summary>i .ui-icon{width:17px;height:17px}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure[open] summary>i{transform:rotate(-90deg)}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure summary:focus-visible{outline:3px solid rgba(126,223,246,.48);outline-offset:-3px}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure>ul{margin:0;border-top:1px solid rgba(255,255,255,.07);padding:11px 13px 13px 32px;color:#c1bfca;font-size:12px;line-height:1.5}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure li+li{margin-top:7px}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure li::marker{color:#8fdcb1}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .telegram-stars-disclosure--important li::marker{color:#f2c468}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .purchase-information-link{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.07);padding:8px 13px;color:#9fd9ff;font-size:12px;font-weight:650;line-height:1.35;text-decoration:none}
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.checkout-confirmation) .purchase-information-link .ui-icon{width:16px;height:16px;flex:0 0 auto}
:where(.storefront-shell,.storefront-product-shell) .steam-region-confirmation{margin-top:13px;border:1px solid rgba(170,145,255,.3);border-radius:16px;background:linear-gradient(145deg,rgba(39,31,57,.84),rgba(17,20,31,.94));padding:12px}
:where(.storefront-shell,.storefront-product-shell) .steam-region-confirmation.is-confirmed{border-color:rgba(115,222,157,.46);background:linear-gradient(145deg,rgba(32,69,54,.43),rgba(17,22,31,.94))}
:where(.storefront-shell,.storefront-product-shell) .steam-region-confirmation>label{display:grid;min-width:0;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;color:#efedf3;font-size:12px;font-weight:560;line-height:1.48;cursor:pointer;overflow-wrap:anywhere}
:where(.storefront-shell,.storefront-product-shell) .steam-region-confirmation>label>input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}
:where(.storefront-shell,.storefront-product-shell) .steam-custom-checkbox{display:grid;width:22px;height:22px;place-items:center;border:1px solid rgba(219,214,236,.42);border-radius:7px;background:#111520;color:transparent;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
:where(.storefront-shell,.storefront-product-shell) .steam-custom-checkbox .ui-icon{width:15px;height:15px}
:where(.storefront-shell,.storefront-product-shell) .steam-region-confirmation>label>input:checked+.steam-custom-checkbox{border-color:#83e2aa;background:linear-gradient(135deg,#4fc986,#6b9cf4);color:#081a13;box-shadow:0 0 16px rgba(79,201,134,.24)}
:where(.storefront-shell,.storefront-product-shell) .steam-region-confirmation>label>input:focus-visible+.steam-custom-checkbox{outline:3px solid #8be7ff;outline-offset:2px}
:where(.storefront-shell,.storefront-product-shell) .steam-region-confirmation>label>input[aria-invalid="true"]+.steam-custom-checkbox{border-color:#ff8fac}
:where(.storefront-shell,.storefront-product-shell) .steam-region-help{margin-top:9px;border:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent}
:where(.storefront-shell,.storefront-product-shell) .steam-region-help summary{min-height:38px;padding:9px 0 3px;color:#bba9ff;font-size:12px}
:where(.storefront-shell,.storefront-product-shell) .steam-region-help>div{border-top:0;padding:7px 0 0}
:where(.storefront-shell,.storefront-product-shell) .steam-region-error{margin:7px 0 0;color:#ff9eb6;font-size:12px;font-weight:600;line-height:1.4}
:where(.storefront-shell,.storefront-product-shell) .steam-region-error[hidden]{display:none}

@media (min-width:390px){
  .storefront-shell .quick-topup{padding:20px 17px 17px}
  .storefront-shell .quick-topup-tabs{gap:7px}
  .storefront-shell .quick-topup-tabs button{font-size:11px}
  .storefront-shell .quick-topup-grid--split{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}
  .storefront-shell .quick-topup-grid--split>.quick-topup-control-group{margin-top:0}
  .storefront-shell .quick-topup-grid--split>.quick-topup-span{grid-column:1/-1}
}

@media (max-width:339px){
  .storefront-shell .quick-topup{margin-right:-2px;margin-left:-2px;padding-right:10px;padding-left:10px}
  .storefront-shell .quick-topup-tabs{gap:3px;padding:4px}
  .storefront-shell .quick-topup-tabs button{min-height:58px;font-size:9px}
  .storefront-shell .quick-topup-tabs button img{width:22px;height:22px}
  .storefront-shell .quick-topup-chip{padding-right:9px;padding-left:9px}
}

:where(.storefront-shell,.storefront-product-shell) :where(.split-cta,.light-link,.product-sticky-cta){
  display:grid;
  min-height:56px;
  grid-template-columns:minmax(0,1fr) 56px;
  align-items:stretch;
  border:1px solid rgba(255,137,127,.56);
  border-radius:17px;
  background:linear-gradient(112deg,#ff8c78 0%,#ff706d 54%,#f45f91 100%);
  padding:0;
  color:var(--store-accent-ink);
  font-weight:600;
  text-align:left;
  cursor:pointer;
}
:where(.storefront-shell,.storefront-product-shell) :where(.split-cta,.light-link,.product-sticky-cta)>span{display:flex;align-items:center;padding:0 17px}
:where(.storefront-shell,.storefront-product-shell) :where(.split-cta,.light-link,.product-sticky-cta)>i{display:grid;place-items:center;border-left:1px solid rgba(38,8,6,.17);background:rgba(255,255,255,.16);color:#260806;font-style:normal}
:where(.storefront-shell,.storefront-product-shell) :where(.split-cta,.light-link,.product-sticky-cta) .ui-icon{width:21px;height:21px}

.storefront-shell .store-section{margin-top:32px}
.storefront-shell .section-heading{display:flex;min-height:40px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--store-line);margin-bottom:12px}
:where(.storefront-shell,.storefront-product-shell) :where(.section-heading>span,.store-page-heading>span,.module-label,.catalog-count span,.order-logic-preview>span){color:#aaa5b2;font-size:11px;font-weight:600;letter-spacing:.09em}
.storefront-shell .section-heading button{display:flex;min-height:44px;align-items:center;gap:4px;border:0;background:transparent;color:#e2dee6;font-size:12px;font-weight:500;cursor:pointer}
.storefront-shell .section-heading .ui-icon{width:16px;height:16px}
.storefront-shell :where(.featured-rail,.store-product-grid,.catalog-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}

/* Variant A: category colour lives on the shelf, not only inside small cards. */
.storefront-shell .store-shelf{
  --shelf-accent:#ff7468;
  --shelf-accent-rgb:255,116,104;
  --shelf-secondary-rgb:165,140,255;
  --shelf-tertiary-rgb:255,146,107;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(var(--shelf-accent-rgb),.28);
  border-radius:24px;
  margin-top:18px;
  padding:14px 12px 12px;
  background:
    radial-gradient(circle at 92% -8%,rgba(var(--shelf-accent-rgb),.28),transparent 43%),
    radial-gradient(circle at 7% 104%,rgba(var(--shelf-secondary-rgb),.16),transparent 42%),
    radial-gradient(circle at 94% 108%,rgba(var(--shelf-tertiary-rgb),.1),transparent 34%),
    linear-gradient(145deg,rgba(var(--shelf-accent-rgb),.1),rgba(20,21,27,.96) 52%,rgba(13,14,18,.98));
  box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.13),inset 1px 0 rgba(var(--shelf-accent-rgb),.08);
}
.storefront-shell .store-shelf::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
  background:
    linear-gradient(119deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.055) 17%,transparent 35%,transparent 68%,rgba(var(--shelf-accent-rgb),.1) 100%),
    radial-gradient(ellipse at 34% -14%,rgba(255,255,255,.18),transparent 48%);
  opacity:.78;
  pointer-events:none;
}
.storefront-shell .store-shelf--games{--shelf-accent:#3ed8ff;--shelf-accent-rgb:62,216,255;--shelf-secondary-rgb:50,112,255}
.storefront-shell .store-shelf--ai{--shelf-accent:#b294ff;--shelf-accent-rgb:178,148,255;--shelf-secondary-rgb:109,78,255}
.storefront-shell .store-shelf--cards{--shelf-accent:#c9f4ff;--shelf-accent-rgb:174,238,255;--shelf-secondary-rgb:194,150,255}
.storefront-shell .store-shelf--subscriptions{--shelf-accent:#ff79c7;--shelf-accent-rgb:255,104,189;--shelf-secondary-rgb:69,219,142;--shelf-tertiary-rgb:255,145,77}
.storefront-shell .store-shelf--telegram{--shelf-accent:#55b7ff;--shelf-accent-rgb:67,167,255;--shelf-secondary-rgb:96,220,255}
.storefront-shell .store-shelf .section-heading{position:relative;z-index:2;border-bottom-color:rgba(var(--shelf-accent-rgb),.25);margin-bottom:11px}
.storefront-shell .store-shelf .section-heading>span{display:flex;align-items:center;gap:8px;color:#f3f0f7}
.storefront-shell .store-shelf .section-heading>span::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--shelf-accent);box-shadow:0 0 16px rgba(var(--shelf-accent-rgb),.7)}
.storefront-shell .store-shelf .section-heading button{color:rgba(255,255,255,.82)}
.storefront-shell .store-shelf .store-product-grid{position:relative;z-index:2}
.storefront-shell .store-shelf .store-product-grid>.store-product-card:only-child{grid-column:1/-1}
.storefront-shell .store-shelf .store-product-card{border-color:rgba(var(--shelf-accent-rgb),.26);background:radial-gradient(circle at 88% -10%,rgba(var(--shelf-accent-rgb),.16),transparent 42%),linear-gradient(152deg,rgba(255,255,255,.105),rgba(37,39,49,.86) 33%,rgba(14,15,21,.96) 100%);box-shadow:0 14px 28px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.15),inset 1px 0 rgba(var(--shelf-accent-rgb),.07)}
.storefront-shell .store-shelf .store-product-card:hover{border-color:rgba(var(--shelf-accent-rgb),.62);background:radial-gradient(circle at 88% -10%,rgba(var(--shelf-accent-rgb),.24),transparent 45%),linear-gradient(152deg,rgba(255,255,255,.13),rgba(var(--shelf-accent-rgb),.09) 36%,rgba(16,17,23,.98) 100%)}
.storefront-shell .store-shelf .store-product-card:focus-visible{outline-color:var(--shelf-accent)}
.storefront-shell .store-shelf .store-product-price{color:#fff;font-size:12.5px;letter-spacing:.01em}
.storefront-shell .store-shelf .card-arrow{border-color:rgba(var(--shelf-accent-rgb),.3);background:rgba(var(--shelf-accent-rgb),.12);color:var(--shelf-accent)}

.storefront-shell .store-product-card{
  position:relative;
  display:grid;
  min-width:0;
  min-height:0;
  grid-template-columns:minmax(0,1fr) 42px;
  grid-template-rows:auto minmax(0,1fr) 42px;
  overflow:hidden;
  border:1px solid var(--store-line);
  border-radius:21px;
  background:radial-gradient(circle at 90% -12%,rgba(165,140,255,.13),transparent 43%),linear-gradient(152deg,rgba(255,255,255,.1),rgba(29,30,39,.88) 36%,rgba(14,15,20,.97) 100%);
  padding:0;
  color:#f7f5fa;
  text-align:left;
  cursor:pointer;
  box-shadow:0 13px 30px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.14),inset 1px 0 rgba(255,255,255,.045);
  transition:transform .18s ease,border-color .18s ease,background-color .18s ease;
}
.storefront-shell .store-product-card:active{transform:scale(.985)}
.storefront-shell .store-product-card:hover{border-color:rgba(255,116,104,.48);background:radial-gradient(circle at 90% -12%,rgba(255,116,104,.18),transparent 45%),linear-gradient(152deg,rgba(255,255,255,.12),rgba(34,35,45,.9) 38%,rgba(18,19,25,.98) 100%)}
.storefront-shell .store-product-card:focus-visible{outline:2px solid var(--store-accent);outline-offset:2px}
.storefront-shell .store-product-badge{position:absolute;bottom:8px;left:10px;z-index:2;display:inline-block;max-width:calc(100% - 20px);border:0;border-radius:0;background:none;padding:5px 10px 10px 20px;color:#f5e8d3;font-size:10px;font-weight:650;letter-spacing:.105em;line-height:1.1;text-transform:uppercase;white-space:nowrap;pointer-events:none}
.storefront-shell .store-product-badge::before{position:absolute;top:2px;left:0;content:"✦";color:#ecd2a2;font-size:16px;font-weight:400;line-height:1}
.storefront-shell .store-product-badge::after{position:absolute;bottom:3px;left:20px;width:calc(100% - 30px);height:2px;content:"";background:linear-gradient(90deg,#ffe2aa 0%,#dbaf73 43%,rgba(210,167,117,.65) 76%,transparent 100%)}
.storefront-shell .store-product-visual.has-popular-badge .store-product-mode{top:8px;right:8px;bottom:auto;left:auto}
.storefront-shell .store-product-mode{position:absolute;bottom:8px;left:8px;z-index:1;display:inline-flex;width:max-content;max-width:calc(100% - 16px);align-items:center;overflow-wrap:anywhere;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:rgba(11,14,23,.86);padding:4px 6px;color:#f4f2f7;font-size:10px;font-weight:650;line-height:1.2;letter-spacing:.04em;white-space:normal}
.storefront-shell .store-product-visual{position:relative;display:block;grid-column:1/-1;grid-row:1;width:100%;aspect-ratio:742/530;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);background:#171820}
.storefront-shell .store-product-visual::before,.storefront-shell .store-product-visual::after{content:none}
.storefront-shell .store-product-image{display:block;width:100%;height:100%;object-fit:contain;opacity:1;filter:none}

.product-thumbnail{
  display:block;
  width:100%;
  aspect-ratio:960/686;
  overflow:hidden;
  border:1px solid rgba(205,211,236,.16);
  border-radius:15px;
  background:#171820;
  box-shadow:inset 0 1px rgba(255,255,255,.08);
}
.product-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.product-thumbnail[data-product-visual="custom-ai"] img{object-fit:cover;object-position:center}
.product-thumbnail--fallback{display:grid;place-items:center;align-content:center;gap:5px;background:linear-gradient(145deg,#242630,#15171e);color:#aaaeba;text-align:center}
.product-thumbnail--fallback .ui-icon{width:28px;height:28px}
.product-thumbnail--fallback>span{font-size:10px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}

.storefront-shell .store-product-copy{display:grid;min-width:0;grid-column:1/-1;grid-row:2;align-content:center;gap:4px;padding:8px 11px 0}
.storefront-shell .store-product-copy strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;color:#fff;font-size:14px;font-weight:650;line-height:1.28;letter-spacing:-.012em}
.storefront-shell .store-product-copy small{display:block;min-width:0;overflow:hidden;color:#c5c1cc;font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.storefront-shell .store-product-price{display:-webkit-box;min-width:0;grid-column:1;grid-row:3;align-self:center;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;padding:0 0 0 11px;color:#f7f3fa;font-size:12px;font-weight:650;line-height:1.3}
.storefront-shell .card-arrow{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,116,104,.24);border-radius:11px;background:#251a1c;color:var(--store-accent)}.storefront-shell .store-product-card>.card-arrow{position:static;grid-column:2;grid-row:3;justify-self:end;align-self:center;margin-right:8px}.storefront-shell .store-order-row>.card-arrow{position:absolute;right:8px;bottom:8px}
.storefront-shell .card-arrow .ui-icon{width:16px;height:16px}
.storefront-shell .store-product-card.is-coming-soon{opacity:1;cursor:not-allowed}
.storefront-shell .store-product-card.is-coming-soon .store-product-image{filter:none;opacity:1}
.storefront-shell .store-product-card.is-coming-soon .store-product-copy{color:#ddd9e0}
.storefront-shell .store-product-card.is-coming-soon .store-product-price{color:#bbb6c1}
.storefront-shell .store-product-card--ai-request{border-color:rgba(178,148,255,.36)}
.storefront-shell .store-product-card--ai-request .store-product-mode{border-color:rgba(195,174,255,.32);background:rgba(151,112,255,.13);color:#d8caff}
.storefront-shell .store-product-card--ai-request .store-product-price{color:#d9ccff}
.storefront-shell .store-product-card--ai-request .store-product-visual{border-bottom:0;background:linear-gradient(145deg,#171723,#11111a)}
.storefront-shell .store-product-card--ai-request .store-product-image{object-fit:cover;object-position:center}

.storefront-shell .request-callout.home-request-spotlight{
  position:relative;
  display:grid;
  min-height:262px;
  grid-template-columns:minmax(0,1fr);
  align-items:stretch;
  gap:8px;
  overflow:hidden;
  border:1px solid rgba(255,130,139,.3);
  border-radius:24px;
  margin-top:12px;
  background:#171722;
  box-shadow:0 22px 48px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.15),inset 0 -1px rgba(255,255,255,.04);
  isolation:isolate;
}
.storefront-shell .request-callout-background{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  pointer-events:none;
}
.storefront-shell .request-callout::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(8,10,20,.9) 0%,rgba(8,10,20,.72) 48%,rgba(8,10,20,.14) 82%);
  pointer-events:none;
}
.storefront-shell .request-callout-copy{
  position:relative;
  z-index:3;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  width:min(66%,250px);
  padding:20px 0 8px 18px;
}
.storefront-shell .request-callout-copy>span{color:#ffaaa3;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.storefront-shell .request-callout-copy h2{margin-top:14px;color:#fff;font-size:clamp(25px,7.3vw,33px);font-weight:660;line-height:1.04;letter-spacing:-.04em;text-wrap:balance}
.storefront-shell .request-callout-copy p{margin-top:10px;color:rgba(239,238,247,.78);font-size:14px;line-height:1.48;text-wrap:pretty}
.storefront-shell .request-callout-action{
  position:relative;
  z-index:4;
  display:flex;
  width:calc(100% - 32px);
  min-height:52px;
  grid-column:1/-1;
  align-items:center;
  justify-content:center;
  gap:8px;
  align-self:end;
  margin:0 16px 16px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:15px;
  background:linear-gradient(112deg,#ff8d78 0%,#ff6c76 48%,#ae64ff 100%);
  padding:12px 16px;
  color:#250711;
  font-size:14px;
  font-weight:720;
  line-height:1.25;
  text-align:center;
  text-decoration:none;
  box-shadow:0 12px 25px rgba(8,10,20,.28),inset 0 1px rgba(255,255,255,.3);
  cursor:pointer;
}
.storefront-shell .request-callout-action:focus-visible{outline:3px solid #79ebff;outline-offset:2px}
.storefront-shell .request-callout-action :where(img,svg){width:20px;height:20px}

.storefront-shell .home-catalog{margin-top:18px}
.storefront-shell .home-catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 11px}
.storefront-shell .home-catalog-heading h2{margin:0;color:#f8f6ff;font-size:21px;font-weight:680;letter-spacing:-.035em}
.storefront-shell .home-catalog-heading button{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;border:0;background:transparent;color:#91ddfa;padding:6px 0;font:inherit;font-size:12px;font-weight:650;cursor:pointer}
.storefront-shell .home-catalog-heading button .ui-icon{width:15px;height:15px}
.storefront-shell .home-catalog-rail{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:1px 2px 6px}
.storefront-shell .home-catalog-rail::-webkit-scrollbar{display:none}
.storefront-shell .home-catalog-rail>div{flex:0 0 clamp(140px,40vw,158px);min-width:0;scroll-snap-align:start}
.storefront-shell .home-catalog-card{display:flex;width:100%;height:100%;min-height:178px;flex-direction:column;overflow:hidden;border:1px solid rgba(166,163,213,.26);border-radius:17px;background:linear-gradient(150deg,rgba(40,43,65,.95),rgba(18,20,32,.99));color:#fff;padding:0;text-align:left;font:inherit;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.19)}
.storefront-shell .home-catalog-card:focus-visible,.storefront-shell .home-catalog-heading button:focus-visible{outline:3px solid #83ddf8;outline-offset:2px}
.storefront-shell .home-catalog-card:active{transform:scale(.985)}
.storefront-shell .home-catalog-card-image{display:block;width:100%;aspect-ratio:1.5;overflow:hidden;background:#171a29}
.storefront-shell .home-catalog-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.storefront-shell .home-catalog-card-copy{display:flex;min-height:70px;flex:1;flex-direction:column;justify-content:space-between;gap:8px;padding:10px 11px 11px}
.storefront-shell .home-catalog-card-copy strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:13px;font-weight:690;line-height:1.24}
.storefront-shell .home-catalog-card-copy small{color:#a6dfff;font-size:11px;font-weight:650;line-height:1.2}
.storefront-shell .customer-reviews{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(139,113,255,.28);
  border-radius:24px;
  margin-top:14px;
  padding:18px 0 16px;
  background:
    radial-gradient(circle at 92% 3%,rgba(73,205,235,.22),transparent 37%),
    radial-gradient(circle at 4% 105%,rgba(255,103,127,.2),transparent 40%),
    linear-gradient(145deg,rgba(34,29,63,.95),rgba(17,21,37,.97) 54%,rgba(18,14,30,.98));
  box-shadow:0 20px 44px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.13);
}
.storefront-shell .customer-review-heading{display:flex;min-width:0;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 16px}
.storefront-shell :where(h2,h3).customer-review-heading,.storefront-shell .customer-review-heading :where(h2,strong){color:#fff;font-size:25px;font-weight:660;line-height:1.08;letter-spacing:-.035em}
.storefront-shell .customer-review-summary{display:flex;min-width:max-content;align-items:center;gap:6px;color:#ffe178;font-size:13px;font-weight:700}
.storefront-shell .customer-review-rail{
  display:flex;
  gap:10px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-padding-inline:16px;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  margin-top:15px;
  padding:0 16px 7px;
}
.storefront-shell .customer-review-rail::-webkit-scrollbar{display:none}
.storefront-shell .customer-review-card{
  display:flex;
  min-width:calc(100% - 54px);
  min-height:174px;
  flex:0 0 calc(100% - 54px);
  flex-direction:column;
  scroll-snap-align:start;
  overflow-wrap:anywhere;
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0%,rgba(145,114,255,.15),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.1),rgba(24,25,37,.94) 45%,rgba(15,16,24,.98));
  padding:15px;
  color:#f8f6fb;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 13px 28px rgba(0,0,0,.18);
}
.storefront-shell .customer-review-card>:where(p,blockquote){margin:10px 0 0;color:rgba(239,236,245,.84);font-size:14px;line-height:1.5}
.storefront-shell .customer-review-rating{display:flex;align-items:center;gap:3px;color:#ffd969;font-size:15px;font-weight:750;letter-spacing:.03em}
.storefront-shell .customer-review-meta{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;color:#aaa6b3;font-size:13px;line-height:1.35}
.storefront-shell .customer-review-meta strong{overflow:hidden;color:#f7f4fa;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.storefront-shell .customer-review-demo-note{
  display:flex;
  min-height:36px;
  align-items:center;
  gap:7px;
  margin:8px 16px 0;
  border:1px solid rgba(255,216,105,.22);
  border-radius:12px;
  background:rgba(255,216,105,.07);
  padding:7px 10px;
  color:#d9d0ae;
  font-size:13px;
  line-height:1.35;
}
.storefront-shell .customer-review-demo-note::before{content:"ДЕМО";display:inline-flex;min-height:24px;align-items:center;border-radius:7px;background:#ffe178;padding:3px 7px;color:#2a1e00;font-size:13px;font-weight:800;letter-spacing:.04em}
.storefront-shell .customer-review-link{display:inline-flex;min-height:44px;align-items:center;gap:6px;margin:7px 8px 0;padding:8px;color:#bcb0ff;font-size:13px;font-weight:650;text-decoration:none}
.storefront-shell .customer-review-link:focus-visible{outline:3px solid #ffe178;outline-offset:0;border-radius:10px}

.storefront-shell .storefront-nav{position:fixed;right:0;bottom:0;left:0;z-index:30;display:grid;width:min(100%,430px);grid-template-columns:repeat(5,minmax(0,1fr));margin:auto;border-top:1px solid rgba(255,255,255,.15);background:linear-gradient(110deg,rgba(20,27,42,.98),rgba(29,21,42,.98) 54%,rgba(42,22,31,.98));padding:8px 8px calc(8px + var(--safe-bottom) + var(--content-safe-bottom));box-shadow:0 -14px 42px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05)}
.storefront-shell .storefront-nav button{display:grid;min-width:0;min-height:54px;place-items:center;border:0;border-radius:15px;background:transparent;color:#928e99;padding:6px 2px;font-size:12px;font-weight:500;cursor:pointer}
.storefront-shell .storefront-nav button.active{background:linear-gradient(135deg,rgba(255,116,104,.23),rgba(165,140,255,.16));color:#ffaaa2;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.storefront-shell .storefront-nav .ui-icon{width:21px;height:21px}
.storefront-shell .storefront-nav span{margin-top:3px;font-size:11px;font-weight:500}

.storefront-shell .store-page-heading{margin:4px 0 20px}
.storefront-shell .store-page-heading h1{margin-top:20px;font-size:35px;font-weight:600;line-height:1.04;letter-spacing:-.04em}
.storefront-shell .store-page-heading p{margin-top:11px;color:var(--store-muted);font-size:14px;line-height:1.5}
.reviews-screen .reviews-page-heading h1{margin-top:4px}
.storefront-shell .category-rail-frame{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:6px;overflow:visible;isolation:isolate}
.storefront-shell .category-rail{display:flex;gap:7px;margin-right:calc(-1 * var(--screen-pad));padding-right:var(--screen-pad);overflow:auto;scrollbar-width:none}
.storefront-shell .category-rail-frame [data-category-rail]{position:relative;z-index:1;margin:-9px 0;padding:12px 8px;overflow-x:auto;overflow-y:hidden;background:transparent;scroll-padding-inline:8px;overscroll-behavior-inline:contain}
.storefront-shell .category-rail::-webkit-scrollbar{display:none}
.storefront-shell .category-rail button{display:grid;min-width:max-content;min-height:46px;grid-template-columns:auto auto;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(21,22,29,.84) 46%,rgba(13,14,19,.94));padding:0 13px;color:#d1cdd7;font-size:12px;font-weight:500;box-shadow:inset 0 1px rgba(255,255,255,.12);cursor:pointer}
.storefront-shell .category-rail button small{color:#928e99;font-size:11px}
.storefront-shell .category-rail button.active{border-color:rgba(255,133,122,.58);background:linear-gradient(145deg,rgba(255,163,152,.2),rgba(86,42,53,.74) 48%,rgba(36,25,35,.92));color:#fff4f2;box-shadow:0 4px 10px rgba(255,102,94,.11),inset 0 1px rgba(255,255,255,.18)}
.storefront-shell .category-rail button.active small{color:#ff9188}
.storefront-shell .category-rail-control{position:relative;z-index:3;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(151,189,255,.25);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(37,43,61,.78) 46%,rgba(16,18,27,.92));padding:0;color:#eef4ff;box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.2);cursor:pointer;touch-action:manipulation;transition:border-color .18s ease,background-color .18s ease,opacity .18s ease}
.storefront-shell .category-rail-control .ui-icon{width:19px;height:19px}
.storefront-shell .category-rail-control:hover:not(:disabled){border-color:rgba(115,195,255,.58);background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(43,72,111,.8) 48%,rgba(17,21,34,.94))}
.storefront-shell .category-rail-control:active:not(:disabled){transform:scale(.96)}
.storefront-shell .category-rail-control:focus-visible{outline:2px solid #69c8ff;outline-offset:2px}
.storefront-shell .category-rail-control:disabled{border-color:rgba(255,255,255,.07);background:rgba(18,19,25,.52);color:rgba(220,228,240,.3);box-shadow:inset 0 1px rgba(255,255,255,.04);cursor:default;opacity:.48}
.storefront-shell .catalog-count{display:flex;align-items:center;gap:12px;margin:22px 0 12px}
.storefront-shell .catalog-count i{height:1px;flex:1;background:var(--store-line)}
.storefront-shell .catalog-search-scope{margin:-4px 0 14px;color:var(--store-muted);font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.storefront-shell .catalog-grid{grid-auto-rows:1fr;padding-bottom:6px}
.storefront-shell .catalog-search{
  display:grid;
  min-height:52px;
  grid-template-columns:24px minmax(0,1fr) 36px;
  align-items:center;
  gap:9px;
  border:1px solid rgba(159,184,230,.2);
  border-radius:17px;
  margin-bottom:12px;
  background:radial-gradient(circle at 10% 0%,rgba(89,164,255,.12),transparent 45%),linear-gradient(145deg,rgba(255,255,255,.105),rgba(25,27,36,.82) 46%,rgba(13,14,20,.94));
  padding:0 8px 0 14px;
  color:#aaa6b0;
  box-shadow:inset 0 1px rgba(255,255,255,.13);
  transition:border-color .18s ease,box-shadow .18s ease;
}
.storefront-shell .catalog-search:focus-within{border-color:rgba(255,116,104,.5);box-shadow:0 0 0 3px rgba(255,116,104,.08)}
.storefront-shell .catalog-search .ui-icon{width:20px;height:20px}
.storefront-shell .catalog-search input{min-width:0;height:50px;border:0;outline:0;background:transparent;color:#f7f5fa;font-size:14px;font-weight:400}
.storefront-shell .catalog-search input::placeholder{color:#8f8b95;opacity:1}
.storefront-shell .catalog-search button{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:11px;background:transparent;color:#aaa6b0;font-size:22px;font-weight:400;cursor:pointer}
.storefront-shell .catalog-search button:active{background:rgba(255,255,255,.06)}
.storefront-shell .catalog-search button[hidden]{display:none}
.storefront-shell .catalog-empty-search{grid-column:1/-1;border:1px solid var(--store-line);border-radius:19px;background:#15161b;padding:24px 20px;text-align:left}
.storefront-shell .catalog-empty-search strong{font-size:18px;font-weight:600}
.storefront-shell .catalog-empty-search p{margin-top:8px;color:var(--store-muted);font-size:13px;line-height:1.5}
.storefront-shell .catalog-empty-search button{min-height:44px;margin-top:18px;border:1px solid rgba(255,116,104,.38);border-radius:14px;background:#2a1d1f;padding:0 14px;color:#ff9289;font-size:13px;font-weight:600;cursor:pointer}

.storefront-product-shell{padding-bottom:calc(132px + var(--safe-bottom) + var(--content-safe-bottom))}
.storefront-product-shell .product-stage{position:relative;overflow:hidden;border:1px solid var(--store-line);border-radius:24px;background:#15161b;box-shadow:0 22px 48px rgba(0,0,0,.28)}
.storefront-product-shell .product-hero{display:block;width:100%;aspect-ratio:960/686;overflow:hidden;background:#11131a}
.storefront-product-shell .product-hero-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.storefront-product-shell.product-custom-ai-form-screen .product-hero{aspect-ratio:3/2;background:linear-gradient(145deg,#171723,#101019)}
.storefront-product-shell.product-custom-ai-form-screen .product-hero-image{object-fit:contain;object-position:center}
.storefront-product-shell .product-stage-copy{position:relative;border-top:0;padding:16px 18px 18px}
.storefront-product-shell .product-stage-copy h1{margin:0;font-size:32px;font-weight:600;line-height:1.06;letter-spacing:-.035em}
.storefront-product-shell .product-stage-copy p{margin-top:9px;color:var(--store-muted);font-size:14px;line-height:1.5}
.storefront-product-shell .product-stage-copy .fulfillment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px}
.storefront-product-shell .fulfillment-pill{display:inline-flex;min-height:31px;align-items:center;gap:7px;border:1px solid rgba(121,217,146,.35);border-radius:11px;background:rgba(61,129,81,.17);padding:5px 9px;color:#9be4ad;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}
.storefront-product-shell .fulfillment-pill .ui-icon{width:15px;height:15px}
.storefront-product-shell .fulfillment-pill.muted{border-color:#494a53;color:#aaa6b0;background:#1c1d23}
.storefront-product-shell .activation-time-pill{display:inline-flex;max-width:100%;min-height:31px;align-items:center;gap:6px;border:1px solid rgba(121,217,146,.25);border-radius:11px;background:rgba(10,22,22,.44);padding:5px 9px;color:#c2d6ca;font-size:11px;font-weight:600;letter-spacing:.01em;white-space:normal}
.storefront-product-shell .activation-time-pill .ui-icon{width:14px;height:14px;color:var(--product-accent)}
.storefront-product-shell .product-availability{display:grid;grid-template-columns:12px minmax(0,1fr);gap:2px 10px;margin-top:10px;border:1px solid #3a3b43;border-radius:14px;background:#191a20;padding:14px;color:#dedbe2}
.storefront-product-shell .product-availability>span{grid-row:1/3;width:8px;height:8px;margin-top:4px;border-radius:50%;background:#85818c}
.storefront-product-shell .product-availability strong{font-size:14px;font-weight:600}
.storefront-product-shell .product-availability small{color:#aaa6b0;font-size:12px}
.storefront-product-shell .product-option-group{min-width:0;margin:28px 0 0;border:0;padding:0}
.storefront-product-shell .product-option-group legend{margin-bottom:11px;color:#aaa6b0;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.storefront-product-shell .storefront-psn-options{display:grid;gap:28px;margin-top:30px}
.storefront-psn-options .psn-selection-section{display:grid;gap:12px;min-width:0}
.storefront-psn-options .psn-selection-title{display:flex;min-width:0;align-items:flex-end;justify-content:space-between;gap:12px}
.storefront-psn-options .psn-selection-title>span{min-width:0}
.storefront-psn-options .psn-selection-title small{display:block;color:#a58cff;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.storefront-psn-options .psn-selection-title h2{margin-top:6px;color:#fbfbff;font-size:24px;font-weight:660;line-height:1.08;letter-spacing:-.025em}
.storefront-psn-options .psn-selection-title em{color:#aaa6b0;font-size:12px;font-style:normal;font-weight:600}
.storefront-psn-options .psn-region-guidance{display:flex;align-items:flex-start;gap:8px;margin:0;color:#b9b5c3;font-size:13px;line-height:1.45}
.storefront-psn-options .psn-region-guidance .ui-icon{width:17px;height:17px;flex:0 0 auto;margin-top:1px;color:#8fcff5}
.storefront-psn-options .psn-region-list{gap:10px}
.storefront-psn-options .region-option{
  isolation:isolate;
  min-width:0;
  min-height:76px;
  overflow:hidden;
  border:1px solid rgba(222,231,255,.18);
  border-radius:20px;
  background:
    linear-gradient(125deg,rgba(255,255,255,.11),transparent 31%),
    radial-gradient(circle at 94% 0%,rgba(130,87,255,.18),transparent 54%),
    linear-gradient(145deg,rgba(25,32,55,.9),rgba(9,17,36,.94));
  color:#f7f5fa;
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 12px 28px rgba(0,3,15,.18);
}
.storefront-psn-options .region-option::before,
.storefront-psn-options .amount-card::before{content:"";position:absolute;inset:1px 14% auto;z-index:0;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);pointer-events:none}
.storefront-psn-options :where(.region-option,.amount-card)>*{position:relative;z-index:1}
.storefront-psn-options .region-option.selected{
  border-color:rgba(205,192,255,.78);
  background:
    linear-gradient(125deg,rgba(255,255,255,.16),transparent 31%),
    radial-gradient(circle at 94% 0%,rgba(130,87,255,.3),transparent 57%),
    linear-gradient(145deg,rgba(37,36,79,.94),rgba(10,24,52,.95));
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 0 1px rgba(130,87,255,.12),0 14px 32px rgba(9,3,31,.22);
  transform:translateY(-1px);
}
.storefront-psn-options .region-option :where(.selected-check,.psn-choice-ring){justify-self:end}
.storefront-psn-options .psn-choice-ring{width:26px;height:26px;border:1px solid rgba(210,217,236,.32);border-radius:50%;background:rgba(4,10,24,.26)}
.storefront-psn-options .selected-check{border:1px solid rgba(255,255,255,.38);box-shadow:0 0 0 4px rgba(130,87,255,.1),0 0 16px rgba(130,87,255,.34)}
.storefront-psn-options .psn-nominal-section{padding-top:1px}
.storefront-psn-options .psn-nominal-grid{gap:10px}
.storefront-psn-options .amount-card{
  isolation:isolate;
  min-height:118px;
  overflow:hidden;
  border-color:rgba(222,231,255,.17);
  border-radius:20px;
  background:
    linear-gradient(125deg,rgba(255,255,255,.11),transparent 32%),
    radial-gradient(circle at 100% 0%,var(--tone-a,rgba(130,87,255,.2)),transparent 58%),
    linear-gradient(145deg,rgba(25,30,52,.9),rgba(9,16,33,.95));
  color:#f7f5fa;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 12px 28px rgba(0,3,15,.18);
}
:is(.storefront-psn-options,.apple-nominal-flow) .amount-card>.nominal-hit-badge{position:absolute;top:7px;left:10px;z-index:2;display:inline-flex;min-height:20px;align-items:center;gap:4px;max-width:calc(100% - 20px);border:1px solid rgba(255,155,146,.52);border-radius:7px;background:linear-gradient(115deg,rgba(255,125,105,.26),rgba(188,95,214,.22));padding:1px 7px 1px 6px;color:#ffe3df;font-size:10px;font-weight:700;letter-spacing:.04em;line-height:1;box-shadow:inset 0 1px rgba(255,228,221,.16),0 0 12px rgba(234,104,161,.12);white-space:nowrap;pointer-events:none}
:is(.storefront-psn-options,.apple-nominal-flow) .amount-card>.nominal-hit-badge svg{width:12px;height:12px;flex:none;color:#ff9c72}
.storefront-psn-options .amount-card.selected{
  border-color:rgba(204,190,255,.8);
  background:
    linear-gradient(125deg,rgba(255,255,255,.16),transparent 33%),
    radial-gradient(circle at 100% 0%,var(--tone-a,rgba(130,87,255,.3)),transparent 60%),
    linear-gradient(145deg,rgba(39,36,80,.94),rgba(10,24,52,.95));
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 0 1px rgba(130,87,255,.12),0 15px 34px rgba(9,3,31,.22);
  transform:translateY(-1px);
}
.storefront-psn-options .amount-card:disabled{border-style:dashed;opacity:.58;cursor:not-allowed}
.storefront-psn-options .amount-card:disabled .unavailable-label{position:static;display:inline-flex;min-height:24px;align-items:center;margin-top:8px;border:1px solid rgba(225,231,244,.2);border-radius:8px;background:rgba(4,10,24,.48);padding:3px 7px;color:#d4d8e3}
.storefront-psn-options :where(.region-option,.amount-card):focus-visible{outline:3px solid #f1d67a;outline-offset:3px}
.storefront-psn-options .quick-topup-field-error{margin:0;color:#ffabb3;font-size:12px;font-weight:600;line-height:1.4}
.storefront-product-shell .option-chips{display:flex;flex-wrap:wrap;gap:7px}
.storefront-product-shell .option-chips button{min-height:46px;border:1px solid var(--store-line);border-radius:14px;background:#15161b;padding:0 14px;color:#c8c4cd;font-size:13px;font-weight:500;cursor:pointer}
.storefront-product-shell .option-chips button.active{border-color:rgba(255,116,104,.54);background:#ff7468;color:#260806;font-weight:600}
.storefront-product-shell .demo-recipient-mode .option-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.storefront-product-shell .demo-recipient-mode .option-chips button{min-width:0;padding:8px 10px;line-height:1.25;white-space:normal}
.storefront-product-shell .demo-recipient-mode>[data-demo-recipient-hint]{margin:9px 0 0;color:var(--store-muted);font-size:12px;line-height:1.45}
.storefront-product-shell .demo-product-form>.product-option-group+.demo-field{margin-top:14px}
.storefront-product-shell .handoff-fields{margin-top:28px}
.storefront-product-shell .handoff-field{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--store-line);border-bottom:0;background:#15161b;padding:12px 14px}
.storefront-product-shell .handoff-field:first-of-type{border-radius:16px 16px 0 0}
.storefront-product-shell .handoff-field:nth-last-of-type(1){border-bottom:1px solid var(--store-line);border-radius:0 0 16px 16px}
.storefront-product-shell .handoff-field strong,.storefront-product-shell .handoff-field small{display:block}
.storefront-product-shell .handoff-field strong{font-size:14px;font-weight:600}
.storefront-product-shell .handoff-field small{margin-top:4px;color:var(--store-muted);font-size:12px}
.storefront-product-shell .handoff-field b{border:1px solid #534d57;border-radius:9px;padding:4px 7px;color:#d3cdd6;font-size:11px;font-weight:600;text-transform:uppercase}
.storefront-product-shell :where(.handoff-fields>p,.product-safe-note){display:flex;align-items:flex-start;gap:8px;margin-top:9px;color:#aaa6b0;font-size:12px;line-height:1.45}
.storefront-product-shell :where(.handoff-fields>p,.product-safe-note) .ui-icon{width:16px;height:16px;flex:0 0 auto}
.storefront-product-shell .product-information{display:grid;gap:10px;margin-top:30px}
.storefront-product-shell .product-information article{display:grid;min-height:126px;grid-template-columns:46px minmax(0,1fr);gap:13px;border:1px solid var(--store-line);border-radius:18px;background:#15161b;padding:16px}
.storefront-product-shell .product-information article>span{display:grid;width:42px;height:42px;place-items:center;border:1px solid currentColor;border-radius:50%}
.storefront-product-shell .product-information .ui-icon{width:21px;height:21px}
.storefront-product-shell .product-information small{color:#aaa6b0;font-size:11px;font-weight:600;letter-spacing:.08em}
.storefront-product-shell .product-information h2{margin-top:12px;font-size:15px;font-weight:500;line-height:1.45}
.storefront-product-shell .warning-module{color:#f1bf4b;background:linear-gradient(120deg,rgba(108,76,17,.17),#15161b)}
.storefront-product-shell .warning-module h2,.storefront-product-shell .result-module h2{color:#eeeaf1}
.storefront-product-shell .result-module{color:#79d992;background:linear-gradient(120deg,rgba(29,111,62,.17),#15161b)}
.storefront-product-shell .price-module{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:10px;border:1px solid var(--store-line);border-radius:18px;background:#15161b;padding:16px}
.storefront-product-shell .price-module-values{display:grid;align-content:start;gap:8px;min-width:0}
.storefront-product-shell .price-module-heading{min-width:0}
.storefront-product-shell .price-module small{display:block;color:#aaa6b0;font-size:11px;letter-spacing:.08em}
.storefront-product-shell .price-module-heading strong{display:block;margin-top:8px;font-size:27px;font-weight:700;line-height:1.1;overflow-wrap:anywhere}
.storefront-product-shell .selected-bot-price-method-list{margin:0}
.storefront-product-shell .price-module p{color:var(--store-muted);font-size:12px;line-height:1.45}
.storefront-product-shell .bot-price-catalog{display:grid;gap:10px;margin-top:12px;border:1px solid rgba(121,217,146,.25);border-radius:18px;background:linear-gradient(145deg,rgba(20,42,31,.42),#15161b);padding:14px}
.storefront-product-shell .bot-price-catalog.is-demo{border-color:rgba(165,140,255,.32);background:linear-gradient(145deg,rgba(49,37,68,.4),#15161b)}
.storefront-product-shell .bot-price-catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#aaa6b0;font-size:10px;font-weight:650;letter-spacing:.08em}
.storefront-product-shell .bot-price-catalog-heading b{border:1px solid rgba(121,217,146,.28);border-radius:999px;padding:5px 7px;color:#9be4ad;font-size:9px;letter-spacing:.04em}
.storefront-product-shell .bot-price-catalog.is-demo .bot-price-catalog-heading b{border-color:rgba(165,140,255,.34);color:#d8ccff}
.storefront-product-shell .bot-price-catalog>p{margin:0;color:var(--store-muted);font-size:11px;line-height:1.45}
.storefront-product-shell .bot-price-plan-list{display:grid;gap:7px}
.storefront-product-shell .bot-price-plan{display:grid;gap:8px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(7,9,14,.3);padding:10px}
.storefront-product-shell .bot-price-plan.is-selected{border-color:rgba(121,217,146,.38);background:rgba(29,111,62,.12)}
.storefront-product-shell .bot-price-plan>strong{color:#e9e6ed;font-size:12px;font-weight:620}
.storefront-product-shell .bot-price-method-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px}
.storefront-product-shell .bot-price-method-list>span{display:grid;align-content:start;gap:4px;min-width:0}
.storefront-product-shell .bot-price-method-list small{color:#92909b;font-size:9px;line-height:1.2}
.storefront-product-shell .bot-price-method-list b{color:#a9e8b7;font-size:12px;font-weight:650;overflow-wrap:anywhere}
.storefront-product-shell .product-safe-note{border:1px solid var(--store-line);border-radius:14px;padding:11px;background:#15161b}
.storefront-product-shell .product-safe-note.is-highlighted{border-color:rgba(121,217,146,.45);background:rgba(29,111,62,.17);color:#9be4ad}
.storefront-product-shell .product-sticky-cta{position:fixed;right:12px;bottom:calc(12px + var(--safe-bottom) + var(--content-safe-bottom));left:12px;z-index:35;width:min(calc(100% - 24px),406px);margin:auto;box-shadow:0 20px 45px rgba(0,0,0,.48)}
.storefront-product-shell .product-sticky-cta:disabled{border-color:#373840;background:#202127;color:#8f8b95;cursor:not-allowed}
.storefront-product-shell .product-sticky-cta:disabled>i{background:#2b2c33;color:#98949e}
.storefront-product-shell .demo-lab-banner,.demo-review-screen .demo-lab-banner,.demo-order-status-screen .demo-lab-banner,.orders-screen .demo-lab-banner{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(165,140,255,.32);border-radius:15px;margin-bottom:14px;background:#201d2a;padding:10px 12px;color:#d8ccff}
.storefront-product-shell .demo-lab-banner strong,.demo-review-screen .demo-lab-banner strong,.demo-order-status-screen .demo-lab-banner strong,.orders-screen .demo-lab-banner strong{flex:0 0 auto;font-size:11px;font-weight:600;letter-spacing:.08em}
.storefront-product-shell .demo-lab-banner span,.demo-review-screen .demo-lab-banner span,.demo-order-status-screen .demo-lab-banner span,.orders-screen .demo-lab-banner span{color:#bdb4d1;font-size:11px;font-weight:400;line-height:1.35;text-align:right}
.storefront-product-shell .demo-product-form{margin-top:28px}
.storefront-product-shell .demo-product-form>.module-label{display:block;margin-bottom:11px}
.storefront-product-shell .demo-field{display:grid;gap:10px;border:1px solid var(--store-line);border-bottom:0;background:#15161b;padding:14px}
.storefront-product-shell .demo-field:first-of-type{border-radius:16px 16px 0 0}
.storefront-product-shell .demo-field:last-of-type{border-bottom:1px solid var(--store-line);border-radius:0 0 16px 16px}
.storefront-product-shell .demo-field>span strong,.storefront-product-shell .demo-field>span small{display:block}
.storefront-product-shell .demo-field>span strong{font-size:14px;font-weight:600}
.storefront-product-shell .demo-field>span small{margin-top:4px;color:var(--store-muted);font-size:12px;line-height:1.4}
.storefront-product-shell .demo-field input{min-width:0;min-height:46px;border:1px solid #3a3b43;border-radius:12px;outline:0;background:#101116;padding:0 12px;color:#f7f5fa;font-size:14px;font-weight:400}
.storefront-product-shell .demo-field input:focus{border-color:rgba(255,116,104,.58);box-shadow:0 0 0 3px rgba(255,116,104,.08)}
.storefront-product-shell .demo-field input[readonly]{color:#b9b5bf;background:#1a1b20}
.storefront-product-shell .demo-field input[data-telegram-self-username="true"]{border-color:rgba(121,217,146,.42);color:#b7edc4}
.storefront-product-shell .demo-field em{min-height:0;color:#ff9c96;font-size:11px;font-style:normal;line-height:1.35}
.storefront-product-shell .demo-field em:empty{display:none}
.storefront-product-shell .demo-field.has-error{border-color:rgba(255,125,135,.55);background:#211719}
.storefront-product-shell .demo-field.has-error input{border-color:#ff7d87}
.storefront-product-shell .ai-request-form{margin-top:18px}
.storefront-product-shell .ai-request-form .demo-field{border-color:rgba(178,148,255,.2)}
.storefront-product-shell .ai-request-explainer{margin:12px 2px 0;color:#ded7ee;font-size:13px;line-height:1.5}
.storefront-product-shell .ai-request-error button{width:max-content;min-height:40px;border:1px solid rgba(255,160,166,.46);border-radius:11px;margin-top:5px;background:rgba(255,100,116,.12);padding:0 14px;color:#ffc0c5;font:inherit;font-weight:650;cursor:pointer}
.storefront-product-shell .ai-request-error button:focus-visible{outline:3px solid rgba(255,160,166,.4);outline-offset:2px}
.storefront-product-shell .spotify-password-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.storefront-product-shell .spotify-password-control input{width:100%}
.storefront-product-shell .spotify-password-control button{min-width:76px;min-height:46px;border:1px solid rgba(var(--product-accent-rgb),.3);border-radius:12px;background:rgba(var(--product-accent-rgb),.09);padding:0 11px;color:var(--product-accent);font-size:12px;font-weight:650;cursor:pointer}
.storefront-product-shell .spotify-password-control button:focus-visible{outline:3px solid rgba(var(--product-accent-rgb),.34);outline-offset:2px}
.storefront-product-shell .spotify-password-note{margin:9px 2px 0;color:#c8c5cf;font-size:12px;line-height:1.5}
.storefront-product-shell .spotify-password-help{overflow:hidden;border:1px solid rgba(var(--product-accent-rgb),.24);border-radius:14px;margin-top:9px;background:rgba(12,16,25,.82)}
.storefront-product-shell .spotify-password-help summary{display:grid;min-height:48px;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:8px;padding:9px 12px;color:#e9e6ee;font-size:12px;font-weight:650;cursor:pointer;list-style:none}
.storefront-product-shell .spotify-password-help summary::-webkit-details-marker{display:none}
.storefront-product-shell .spotify-password-help summary i{display:grid;place-items:center;color:var(--product-accent);transition:transform .18s ease}
.storefront-product-shell .spotify-password-help[open] summary i{transform:rotate(90deg)}
.storefront-product-shell .spotify-password-help ol{margin:0;border-top:1px solid rgba(255,255,255,.07);padding:12px 16px 4px 34px;color:#c5c2cc;font-size:12px;line-height:1.5}
.storefront-product-shell .spotify-password-help li+li{margin-top:7px}
.storefront-product-shell .spotify-password-help p{margin:8px 13px;color:#aaa6b2;font-size:11px;line-height:1.5}
.storefront-product-shell .spotify-password-help a{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid rgba(255,255,255,.07);padding:8px 13px;color:var(--product-accent);font-size:12px;font-weight:650;text-decoration:none}
.storefront-product-shell .spotify-password-help a .ui-icon{width:16px;height:16px}
.storefront-product-shell .spotify-executor-note{display:flex;align-items:flex-start;gap:8px;margin-top:10px;border:1px solid rgba(255,190,74,.25);border-radius:14px;background:rgba(87,61,16,.14);padding:11px;color:#e7d29c;font-size:12px;line-height:1.45}
.storefront-product-shell .spotify-executor-note .ui-icon{width:17px;height:17px;flex:0 0 auto}
.storefront-product-shell .demo-safe-note,.demo-review-screen .demo-safe-note,.demo-order-status-screen .demo-safe-note{display:flex;align-items:flex-start;gap:8px;margin-top:10px;border:1px solid rgba(121,217,146,.3);border-radius:14px;background:rgba(29,111,62,.14);padding:11px;color:#a4e5b4;font-size:12px;font-weight:400;line-height:1.45}
.storefront-product-shell .demo-safe-note .ui-icon,.demo-review-screen .demo-safe-note .ui-icon,.demo-order-status-screen .demo-safe-note .ui-icon{width:17px;height:17px;flex:0 0 auto}
.storefront-product-shell .demo-price-note{border-color:rgba(165,140,255,.28);background:#1d1a24}
.storefront-product-shell .demo-price-note strong{color:#d8ccff;font-size:16px}
.storefront-product-shell .storefront-psn-options .quick-topup-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:10px}
.storefront-product-shell .storefront-psn-options .quick-topup-field{display:grid;min-width:0;gap:7px;color:#bbb8c5;font-size:12px;font-weight:620}
.storefront-product-shell .storefront-psn-options .quick-topup-field select{width:100%;min-width:0;min-height:50px;border:1px solid rgba(174,181,214,.23);border-radius:14px;outline:0;background:#111522;color:#f8f7fb;padding:0 38px 0 14px;font:inherit;font-size:15px;font-weight:620;box-shadow:inset 0 1px rgba(255,255,255,.035);appearance:auto}
.storefront-product-shell .storefront-psn-options .quick-topup-field select:focus{border-color:#7edff6;box-shadow:0 0 0 3px rgba(83,199,235,.14)}
.storefront-product-shell .storefront-psn-options>p:last-child{margin:10px 0 0;color:var(--store-muted);font-size:12px;line-height:1.45}

:where(.demo-review-screen,.demo-order-status-screen){
  --store-accent:#ff7468;
  --store-accent-ink:#260806;
  --store-panel:#15161b;
  --store-line:#2f3038;
  --store-muted:#b5b1bd;
  --store-violet:#a58cff;
  --store-positive:#79d992;
  isolation:isolate;
  color:#f7f5fa;
  background:radial-gradient(circle at 88% 4%,rgba(91,213,232,.09),transparent 24rem),radial-gradient(circle at 5% 38%,rgba(165,140,255,.09),transparent 25rem),#0b0c10;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-synthesis:none;
}
.demo-review-screen .demo-review-heading{margin-bottom:14px}
.demo-review-screen .demo-review-heading>span{color:#aaa6b0;font-size:11px;font-weight:600;letter-spacing:.09em}
.demo-review-screen .demo-review-heading h1{font-size:34px;font-weight:600;line-height:1.05;letter-spacing:-.04em}
.demo-review-screen .demo-review-heading p{color:var(--store-muted);font-size:14px;line-height:1.5}
.demo-review-screen .demo-review{overflow:hidden;border:1px solid var(--store-line);border-radius:20px;background:#15161b;box-shadow:0 18px 40px rgba(0,0,0,.24)}
.demo-review-screen .demo-review-product{display:grid;grid-template-columns:minmax(108px,124px) minmax(0,1fr);align-items:center;gap:14px;border-bottom:1px solid var(--store-line);padding:14px}
.demo-review-screen .demo-review-product .demo-product-thumbnail{width:100%}
.demo-review-screen .demo-review-product>span small,.demo-review-screen .demo-review-product>span strong{display:block}
.demo-review-screen .demo-review-product>span small{color:var(--store-muted);font-size:11px}
.demo-review-screen .demo-review-product>span strong{margin-top:5px;font-size:15px;font-weight:600;line-height:1.35}
.demo-review-screen .demo-review-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;border-bottom:1px solid var(--store-line);padding:14px}
.demo-review-screen .demo-review-row:last-child{border-bottom:0}
.demo-review-screen .demo-review-row span{color:var(--store-muted);font-size:12px}
.demo-review-screen .demo-review-row strong{font-size:13px;font-weight:600;line-height:1.4;text-align:right}
.demo-review-screen .demo-review-price{background:#1d1a24;color:#d8ccff}
.demo-review-screen .demo-review>.checkout-promo{margin:0;border-inline:0;border-radius:0;box-shadow:none}
.demo-review-screen .demo-review-payment{margin-top:14px}
.demo-review-screen .demo-review-payment>legend{margin-bottom:9px;color:#d7d2e2;font-size:12px;font-weight:650;letter-spacing:.04em}
.demo-review-screen .demo-review-payment .payment-method{min-height:84px}
.demo-review-screen .demo-review-commitment{display:grid;min-width:0;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;margin-top:12px;border:1px solid rgba(255,190,74,.4);border-radius:16px;background:linear-gradient(135deg,rgba(99,67,13,.25),rgba(27,24,33,.86));padding:13px;color:#f2e3b7;cursor:pointer;touch-action:manipulation}
.demo-review-screen .demo-review-commitment input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.demo-review-screen .demo-review-check{display:grid;width:24px;height:24px;place-items:center;border:1px solid rgba(255,202,91,.62);border-radius:7px;background:rgba(8,11,18,.58);color:transparent;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}
.demo-review-screen .demo-review-check .ui-icon{width:15px;height:15px}
.demo-review-screen .demo-review-commitment>span:last-child{min-width:0}
.demo-review-screen .demo-review-commitment :where(strong,b,small){display:block;overflow-wrap:anywhere}
.demo-review-screen .demo-review-commitment strong{color:#ffd778;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.demo-review-screen .demo-review-commitment b{margin-top:5px;color:#f5f0e5;font-size:13px;font-weight:650;line-height:1.42}
.demo-review-screen .demo-review-commitment small{margin-top:5px;color:#c8b98f;font-size:11px;line-height:1.42}
.demo-review-screen .demo-review-commitment:has(input:checked){border-color:rgba(90,226,142,.48);background:linear-gradient(135deg,rgba(32,120,69,.22),rgba(24,27,35,.84))}
.demo-review-screen .demo-review-commitment input:checked+.demo-review-check{border-color:#65df99;background:#247948;color:#fff;transform:scale(1.03)}
.demo-review-screen .demo-review-commitment:has(input:focus-visible){outline:3px solid rgba(255,226,128,.92);outline-offset:2px}
.demo-review-screen :where(.primary.status-action,.secondary.status-action),.demo-order-status-screen :where(.primary.status-action,.secondary.status-action){min-height:52px;border-radius:16px;font-size:14px;font-weight:600}
.demo-review-screen .primary.status-action,.demo-order-status-screen .primary.status-action{border-color:rgba(255,137,127,.56);background:#ff7468;color:#260806;box-shadow:0 12px 28px rgba(255,116,104,.16)}
.demo-review-screen .secondary.status-action,.demo-order-status-screen .secondary.status-action{border-color:var(--store-line);background:#15161b;color:#e8e4eb}
.demo-order-status-screen .demo-order-screen h1{font-size:31px;font-weight:600;letter-spacing:-.035em}
.demo-order-status-screen .demo-order-screen>p{color:var(--store-muted);font-size:14px;line-height:1.5}
.demo-order-status-screen .demo-order-card{display:grid;grid-template-columns:minmax(108px,124px) minmax(0,1fr);align-items:center;gap:14px;overflow:hidden;border:1px solid var(--store-line);border-radius:19px;background:#15161b;padding:13px}
.demo-order-status-screen .demo-order-card .demo-product-thumbnail{width:100%}
.demo-order-status-screen .demo-order-card>div :where(small,strong,span){display:block}
.demo-order-status-screen .demo-order-card>div small{color:#aaa6b0;font-size:11px;letter-spacing:.06em}
.demo-order-status-screen .demo-order-card>div strong{margin-top:5px;font-size:14px;font-weight:600}
.demo-order-status-screen .demo-order-card>div span{margin-top:4px;color:var(--store-muted);font-size:12px;line-height:1.4}
.demo-order-status-screen .demo-order-card>div .demo-order-timing{display:flex;align-items:flex-start;gap:5px;margin-top:7px;color:#c8d6df}
.demo-order-status-screen .demo-order-timing .ui-icon{width:14px;height:14px;flex:0 0 auto;margin-top:1px;color:#8fd9ff}
.demo-order-status-screen .demo-order-timing b{color:#e5edf2;font-weight:650}
.demo-order-status-screen .ai-request-summary{border-color:rgba(180,156,255,.3);background:linear-gradient(135deg,rgba(114,76,216,.13),rgba(15,18,29,.92))}
.demo-order-status-screen .ai-request-response{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;margin-top:14px;border:1px solid rgba(180,156,255,.3);border-radius:18px;background:linear-gradient(135deg,rgba(114,76,216,.14),rgba(15,20,31,.88));padding:14px;color:#eee9fb}
.demo-order-status-screen .ai-request-response>span{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:rgba(180,156,255,.14);color:#cfc0ff}
.demo-order-status-screen .ai-request-response .ui-icon{width:22px;height:22px}
.demo-order-status-screen .ai-request-response :where(small,strong,p){display:block;margin:0;overflow-wrap:anywhere}
.demo-order-status-screen .ai-request-response small{color:#b9a8ee;font-size:10px;font-weight:700;letter-spacing:.08em}
.demo-order-status-screen .ai-request-response strong{margin-top:5px;font-size:15px;line-height:1.35}
.demo-order-status-screen .ai-request-response p{margin-top:5px;color:#c3bfd0;font-size:12px;line-height:1.45}
.demo-order-status-screen .demo-order-result{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;margin-top:14px;border:1px solid rgba(96,226,145,.38);border-radius:18px;background:linear-gradient(135deg,rgba(35,135,75,.22),rgba(16,27,31,.82));padding:14px;color:#e9fff0}
.demo-order-status-screen .demo-order-result>span{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:rgba(74,211,126,.18);color:#86efaa}
.demo-order-status-screen .demo-order-result .ui-icon{width:22px;height:22px}
.demo-order-status-screen .demo-order-result :where(small,strong,p){display:block;margin:0;overflow-wrap:anywhere}
.demo-order-status-screen .demo-order-result small{color:#85dea6;font-size:10px;font-weight:700;letter-spacing:.08em}
.demo-order-status-screen .demo-order-result strong{margin-top:5px;font-size:15px;line-height:1.35}
.demo-order-status-screen .demo-order-result p{margin-top:5px;color:#bcd6c5;font-size:12px;line-height:1.45}
.order-status-indicator{
  --status-accent:165,140,255;
  position:relative;
  display:grid;
  width:112px;
  height:96px;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(var(--status-accent),.28);
  border-radius:28px;
  margin:16px auto 12px;
  background:linear-gradient(145deg,rgba(var(--status-accent),.14),rgba(18,21,31,.92));
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 14px 34px rgba(0,0,0,.22);
}
.order-status-indicator-ring{position:absolute;width:64px;height:64px;border:2px solid rgba(var(--status-accent),.22);border-top-color:rgba(var(--status-accent),.88);border-radius:22px}
.order-status-indicator-core{position:relative;z-index:1;display:grid;width:49px;height:49px;place-items:center;border:1px solid rgba(var(--status-accent),.34);border-radius:17px;background:rgba(14,16,25,.78);color:rgb(var(--status-accent));box-shadow:inset 0 1px rgba(255,255,255,.09)}
.order-status-indicator-core .ui-icon{width:27px;height:27px;stroke-width:2}
.order-status-indicator.is-checking{--status-accent:180,156,255}
.order-status-indicator.is-checking .order-status-indicator-core{animation:status-check 1.9s ease-in-out infinite}
.order-status-indicator.is-processing{--status-accent:111,202,232}
.order-status-indicator.is-processing .order-status-indicator-ring{border-style:dashed;animation:status-process 3s linear infinite}
.order-status-indicator.is-success{--status-accent:121,217,146}
.order-status-indicator.is-success .order-status-indicator-ring{border-color:rgba(var(--status-accent),.45)}
.order-status-indicator.is-warning{--status-accent:240,159,125}
.order-status-indicator.is-waiting{--status-accent:184,156,255}
.order-status-indicator.is-waiting .order-status-indicator-ring{animation:status-wait 2.4s ease-in-out infinite}
.order-status-indicator.is-expired{--status-accent:235,181,101}
.order-status-indicator.is-expired .order-status-indicator-ring{border-style:dotted}

.order-progress-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.order-progress-step{display:grid;min-width:0;min-height:72px;align-content:center;justify-items:center;gap:7px;border:1px solid rgba(203,211,255,.14);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(18,21,33,.76));padding:9px 5px;color:#8f93a0;text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.order-progress-step i{display:grid;width:27px;height:27px;place-items:center;border:1px solid #4a4f5b;border-radius:50%;font-size:11px;font-style:normal;font-weight:650}
.order-progress-step i .ui-icon{width:16px;height:16px}
.order-progress-step span{font-size:11px;font-weight:560;line-height:1.25}
.order-progress-step.is-current{border-color:rgba(165,140,255,.46);background:linear-gradient(145deg,rgba(165,140,255,.18),rgba(33,27,52,.8));color:#e4dcff;box-shadow:inset 3px 0 #a58cff}
.order-progress-step.is-current i{border-color:#a58cff;background:#a58cff;color:#211a36}
.order-progress-step.is-done{border-color:rgba(121,217,146,.38);background:linear-gradient(145deg,rgba(79,188,110,.15),rgba(17,34,27,.78));color:#abebba;box-shadow:inset 3px 0 #79d992}
.order-progress-step.is-done i{border-color:#79d992;background:#79d992;color:#102516}
.order-progress-step.is-warning{border-color:rgba(240,159,125,.48);background:linear-gradient(145deg,rgba(130,68,48,.22),rgba(46,29,35,.78));color:#f6c1aa;box-shadow:inset 3px 0 #f09f7d}
.order-progress-step.is-warning i{border-color:#f09f7d;background:#f09f7d;color:#2c1510}

@keyframes status-check{50%{transform:scale(.94);box-shadow:0 0 22px rgba(var(--status-accent),.2),inset 0 1px rgba(255,255,255,.1)}}
@keyframes status-process{to{transform:rotate(360deg)}}
@keyframes status-wait{50%{opacity:.55;transform:scale(.94)}}
.storefront-shell .demo-order-row{border-color:rgba(165,140,255,.3);background:#191721}
.storefront-shell .demo-order-row .order-amount{color:#d8ccff;font-size:11px;letter-spacing:.04em}

.storefront-shell .order-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:14px}
.storefront-shell .order-filter button{min-height:42px;border:1px solid var(--store-line);border-radius:12px;background:#15161b;padding:0 5px;color:#aaa6b0;font-size:11px;font-weight:500;cursor:pointer}
.storefront-shell .order-filter button.active{border-color:rgba(255,116,104,.5);background:#ff7468;color:#260806;font-weight:600}
.storefront-shell .store-orders-list{gap:9px}
.storefront-shell .store-order-row{position:relative;display:grid;min-height:112px;grid-template-columns:minmax(0,1fr) auto;gap:12px;border:1px solid var(--store-line);border-radius:17px;background:#15161b;padding:15px 46px 15px 15px}
.storefront-shell .order-number-cell small{color:#aaa6b0;font-size:11px;letter-spacing:.08em}
.storefront-shell .order-number-cell strong{margin-top:7px;font-size:14px;font-weight:600}
.storefront-shell .order-status-stack{display:grid;gap:5px;text-align:right}
.storefront-shell .order-status-stack :where(i,b){font-size:11px;font-style:normal;font-weight:600}
.storefront-shell .order-status-stack i{color:#c4b4ff}
.storefront-shell .order-status-stack b{color:#8edea2}
.storefront-shell .order-amount{align-self:end;font-size:14px;font-weight:600}
.storefront-shell .store-empty-state{border:1px solid var(--store-line);border-radius:19px;background:#15161b;padding:22px;text-align:left}
.storefront-shell .store-empty-state h2{margin-top:28px;font-size:24px;font-weight:600}
.storefront-shell .store-empty-state p{margin:10px 0 20px;color:var(--store-muted);font-size:13px;line-height:1.5}
.storefront-shell .store-empty-state .split-cta{width:100%}
.storefront-shell .order-logic-preview{display:grid;gap:0;margin-top:26px;border:1px solid var(--store-line);border-radius:18px;background:#15161b}
.storefront-shell .order-logic-preview>span{padding:14px;border-bottom:1px solid var(--store-line)}
.storefront-shell .order-logic-preview>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;border-bottom:1px solid var(--store-line);padding:14px}
.storefront-shell .order-logic-preview>div:last-child{border-bottom:0}
.storefront-shell .order-logic-preview i{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(255,116,104,.42);border-radius:50%;color:#ff9188;font-size:11px;font-style:normal}
.storefront-shell .order-logic-preview strong,.storefront-shell .order-logic-preview small{display:block}
.storefront-shell .order-logic-preview strong{font-size:13px;font-weight:600}
.storefront-shell .order-logic-preview small{margin-top:3px;color:var(--store-muted);font-size:12px;line-height:1.4}

.storefront-shell .profile-identity{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:14px;border:1px solid var(--store-line);border-radius:19px;background:#15161b;padding:14px}
.storefront-shell .profile-identity>div{display:grid;width:62px;height:62px;place-items:center;border-radius:18px;background:linear-gradient(135deg,#ff7468,#a58cff);color:#1d1014;font-weight:600;letter-spacing:.06em}
.storefront-shell .profile-identity strong,.storefront-shell .profile-identity small{display:block}
.storefront-shell .profile-identity strong{font-size:14px;font-weight:600}
.storefront-shell .profile-identity small{margin-top:5px;color:var(--store-muted);font-size:12px;line-height:1.4}
.storefront-shell .profile-grid{display:grid;margin-top:10px;border:1px solid var(--store-line);border-radius:19px;background:#15161b;overflow:hidden}
.storefront-shell .profile-grid :where(button,a,article){display:grid;min-height:72px;grid-template-columns:32px minmax(0,1fr) 24px;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--store-line);background:transparent;padding:13px;color:inherit;text-align:left;text-decoration:none;cursor:pointer}
.storefront-shell .profile-grid>*:last-child{border-bottom:0}
.storefront-shell .profile-grid>*>span{color:#ff8a80;font-size:11px}
.storefront-shell .profile-grid strong{font-size:13px;font-weight:600}
.storefront-shell .profile-grid .ui-icon{width:17px;height:17px;color:#aaa6b0}
.storefront-shell .profile-grid article{grid-template-columns:32px minmax(0,1fr)}
.storefront-shell .profile-grid article small{display:block;margin-top:5px;color:var(--store-muted);font-size:12px;line-height:1.45}

/* Liquid glass stays limited to key chrome; product cards use static gradients. */
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .storefront-shell .home-promo-carousel{-webkit-backdrop-filter:blur(16px) saturate(126%);backdrop-filter:blur(16px) saturate(126%)}
  .storefront-shell .request-callout{-webkit-backdrop-filter:blur(14px) saturate(122%);backdrop-filter:blur(14px) saturate(122%)}
  .storefront-shell .customer-reviews{-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%)}
  .storefront-shell .store-shelf{background:radial-gradient(circle at 92% -8%,rgba(var(--shelf-accent-rgb),.28),transparent 43%),radial-gradient(circle at 7% 104%,rgba(var(--shelf-secondary-rgb),.16),transparent 42%),radial-gradient(circle at 94% 108%,rgba(var(--shelf-tertiary-rgb),.1),transparent 34%),rgba(18,19,25,.86);-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%)}
  .storefront-shell .storefront-nav{background:linear-gradient(110deg,rgba(20,27,42,.88),rgba(29,21,42,.89) 54%,rgba(42,22,31,.9));-webkit-backdrop-filter:blur(15px) saturate(125%);backdrop-filter:blur(15px) saturate(125%)}
  .storefront-shell .category-rail-control,.storefront-shell .category-rail button{-webkit-backdrop-filter:blur(8px) saturate(118%);backdrop-filter:blur(8px) saturate(118%)}
  .storefront-shell .catalog-search{-webkit-backdrop-filter:blur(10px) saturate(118%);backdrop-filter:blur(10px) saturate(118%)}
}

@media(min-width:720px){
  .storefront-shell .home-promo-slide{padding:0}
  .storefront-shell .home-promo-copy{padding-top:21px;padding-bottom:38px;padding-left:clamp(18px,4.5vw,26px)}
  .storefront-shell .home-promo-controls{bottom:8px}
  .storefront-shell .home-promo-arrow{display:grid}
}

@media(max-width:360px){
  .storefront-shell .home-promo-carousel{border-radius:22px}
  .storefront-shell .home-promo-slide{min-height:0;clip-path:inset(0 round 21px);padding:0}
  .storefront-shell .home-promo-copy{width:min(73%,300px);padding-top:15px;padding-bottom:34px;padding-left:14px}
  .storefront-shell .home-promo-title{font-size:21px}
  .storefront-shell .home-promo-description{font-size:11px}
  .storefront-shell .home-promo-regions{gap:4px}
  .storefront-shell .home-promo-regions li{min-height:23px;padding:3px 4px;font-size:10px}
  .storefront-shell .home-promo-controls{right:8px;bottom:5px;left:8px;gap:2px}
  .storefront-shell .request-callout{grid-template-columns:minmax(0,1fr);border-radius:21px}
  .storefront-shell .request-callout-copy{padding:18px 0 15px 15px}
  .storefront-shell .request-callout-copy h2{font-size:25px}
  .storefront-shell .customer-reviews{border-radius:21px}
  .storefront-shell .customer-review-card{min-width:calc(100% - 48px);flex-basis:calc(100% - 48px)}
  .storefront-shell .store-product-card{min-height:0;grid-template-rows:auto minmax(0,1fr) 42px;border-radius:18px}
  .storefront-shell .store-product-copy{padding-inline:10px}
  .storefront-shell .store-product-copy strong{font-size:13px}
  .storefront-shell .store-product-copy small{font-size:11px}
  .storefront-shell .store-product-price{padding-left:10px;font-size:11px}
  .storefront-shell .store-shelf{border-radius:20px;padding:12px 9px 10px}
  .storefront-product-shell .product-stage-copy h1{font-size:29px}
  .storefront-product-shell .price-module{grid-template-columns:1fr}
  .storefront-shell .order-filter{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .storefront-shell .order-filter button{font-size:11px;padding-inline:4px}
}

@media(max-width:330px){
  :where(.storefront-shell,.storefront-product-shell){--screen-pad:12px}
  .storefront-shell .home-promo-slide{padding:0}
  .storefront-shell .request-callout{grid-template-columns:minmax(0,1fr)}
  .storefront-shell .request-callout-copy h2{font-size:23px}
  .storefront-shell .request-callout-copy p{font-size:13px}
  .storefront-shell .customer-review-heading{align-items:flex-start;flex-direction:column;gap:7px}
  .storefront-shell .customer-review-card{min-width:calc(100% - 42px);flex-basis:calc(100% - 42px)}
  .storefront-shell .category-rail-frame{grid-template-columns:44px minmax(0,1fr) 44px;gap:5px}
  .storefront-shell .category-rail-control{width:44px;height:44px;border-radius:14px}
  .storefront-shell :where(.featured-rail,.store-product-grid,.catalog-grid){gap:7px}
  .storefront-shell .store-product-card{min-height:0}
  .storefront-shell .storefront-nav{padding-inline:5px}
  .storefront-shell .storefront-nav button{font-size:11px}
  .storefront-product-shell .product-sticky-cta{right:8px;left:8px;width:calc(100% - 16px)}
}

@media(prefers-reduced-motion:reduce){
  :where(.storefront-shell,.storefront-product-shell) :where(.store-product-card,.split-cta,.light-link,.product-sticky-cta,.category-rail-control){transition:none}
  .storefront-shell .home-promo-track{transition:none}
  .order-status-indicator-ring,.order-status-indicator-core{animation:none!important}
}

/* Phase 2: restrained liquid glass across product, orders, demo and profile. */
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.demo-order-status-screen){
  min-width:0;
  overflow-x:clip;
  padding-right:calc(var(--screen-pad) + var(--safe-right));
  padding-left:calc(var(--screen-pad) + var(--safe-left));
  background:
    radial-gradient(ellipse 82% 42% at 92% -4%,rgba(69,188,255,.32),transparent 70%),
    radial-gradient(ellipse 88% 48% at -12% 38%,rgba(126,82,255,.27),transparent 72%),
    radial-gradient(ellipse 78% 44% at 108% 78%,rgba(255,75,175,.2),transparent 72%),
    radial-gradient(ellipse 72% 40% at 18% 108%,rgba(255,125,82,.13),transparent 72%),
    linear-gradient(154deg,#101b32 0%,#101222 39%,#1b1025 69%,#080b13 100%);
}

:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.demo-order-status-screen) :where(button,a,input,select):focus-visible{
  outline:3px solid rgba(255,226,128,.92);
  outline-offset:2px;
}

/* The app has one bottom reserve per shell: nav or product CTA, never both. */
.storefront-shell{padding-bottom:calc(104px + var(--safe-bottom) + var(--content-safe-bottom))}
.storefront-product-shell{padding-bottom:calc(112px + var(--safe-bottom) + var(--content-safe-bottom))}
:where(.storefront-shell,.storefront-product-shell).has-sticky .screen-content{padding-bottom:0}
.storefront-shell .storefront-nav{
  padding-right:calc(8px + var(--safe-right));
  padding-left:calc(8px + var(--safe-left));
}

/* Product-specific colour propagates from the hero into the whole purchase surface. */
.storefront-product-shell[class*="product-accent-"]{
  --product-accent:#ff8277;
  --product-accent-rgb:255,130,119;
  --product-secondary:#ad83ff;
  --product-secondary-rgb:173,131,255;
  --product-ink:#260906;
  --product-deep:#17101f;
}
.storefront-product-shell.product-accent-steam{--product-accent:#5be5ff;--product-accent-rgb:91,229,255;--product-secondary:#5c83ff;--product-secondary-rgb:92,131,255;--product-ink:#031725;--product-deep:#04162b}
.storefront-product-shell.product-accent-psn{--product-accent:#66b8ff;--product-accent-rgb:102,184,255;--product-secondary:#526cff;--product-secondary-rgb:82,108,255;--product-ink:#03132d;--product-deep:#06143b}
.storefront-product-shell.product-accent-roblox{--product-accent:#ff6685;--product-accent-rgb:255,102,133;--product-secondary:#bb3e78;--product-secondary-rgb:187,62,120;--product-ink:#2a0711;--product-deep:#230b17}
.storefront-product-shell.product-accent-xbox{--product-accent:#73ee7d;--product-accent-rgb:115,238,125;--product-secondary:#25ad59;--product-secondary-rgb:37,173,89;--product-ink:#041c0a;--product-deep:#071a0e}
.storefront-product-shell.product-accent-pubg{--product-accent:#ffd05a;--product-accent-rgb:255,208,90;--product-secondary:#ff7a2f;--product-secondary-rgb:255,122,47;--product-ink:#291500;--product-deep:#241308}
.storefront-product-shell.product-accent-razer{--product-accent:#85f45f;--product-accent-rgb:133,244,95;--product-secondary:#20b957;--product-secondary-rgb:32,185,87;--product-ink:#071d03;--product-deep:#07170a}
.storefront-product-shell.product-accent-chatgpt{--product-accent:#e5edff;--product-accent-rgb:229,237,255;--product-secondary:#8986ff;--product-secondary-rgb:137,134,255;--product-ink:#080b16;--product-deep:#101521}
.storefront-product-shell.product-accent-spotify{--product-accent:#5dec86;--product-accent-rgb:93,236,134;--product-secondary:#19a95a;--product-secondary-rgb:25,169,90;--product-ink:#031b0b;--product-deep:#061a0e}
.storefront-product-shell.product-accent-soundcloud{--product-accent:#ffcb55;--product-accent-rgb:255,203,85;--product-secondary:#ff5f9a;--product-secondary-rgb:255,95,154;--product-ink:#2b1300;--product-deep:#2a1020}
.storefront-product-shell:is(.product-accent-telegram-stars,.product-accent-telegram_stars,.product-accent-stars){--product-accent:#ffe477;--product-accent-rgb:255,228,119;--product-secondary:#ff9c35;--product-secondary-rgb:255,156,53;--product-ink:#261500;--product-deep:#281706}
.storefront-product-shell:is(.product-accent-telegram-premium,.product-accent-telegram_premium,.product-accent-premium){--product-accent:#78dcff;--product-accent-rgb:120,220,255;--product-secondary:#6889ff;--product-secondary-rgb:104,137,255;--product-ink:#04162b;--product-deep:#091836}
.storefront-product-shell:is(.product-accent-apple,.product-accent-apple-gift-card,.product-accent-apple_gift_card){--product-accent:#e5fbff;--product-accent-rgb:229,251,255;--product-secondary:#c09dff;--product-secondary-rgb:192,157,255;--product-ink:#151126;--product-deep:#1b1834}
.storefront-product-shell.product-accent-custom{--product-accent:#ff8e80;--product-accent-rgb:255,142,128;--product-secondary:#c078ff;--product-secondary-rgb:192,120,255;--product-ink:#270a08;--product-deep:#23112f}

.storefront-product-shell .product-stage{
  border-color:rgba(var(--product-accent-rgb),.27);
  background:
    radial-gradient(circle at 92% 3%,rgba(var(--product-accent-rgb),.18),transparent 38%),
    radial-gradient(circle at 0% 100%,rgba(var(--product-secondary-rgb),.12),transparent 44%),
    linear-gradient(148deg,rgba(255,255,255,.105),rgba(19,22,35,.83) 42%,rgba(11,13,23,.94));
  box-shadow:0 24px 58px rgba(0,0,0,.34),0 0 54px rgba(var(--product-accent-rgb),.1),inset 0 1px rgba(255,255,255,.17);
}
.storefront-product-shell .product-stage-copy{
  border-top:0;
  background:
    linear-gradient(118deg,rgba(255,255,255,.095),transparent 27%),
    radial-gradient(circle at 100% 0%,rgba(var(--product-accent-rgb),.13),transparent 44%),
    rgba(12,16,27,.72);
}
.storefront-product-shell .product-stage-copy::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(122deg,rgba(255,255,255,.11),transparent 24%,transparent 72%,rgba(var(--product-accent-rgb),.055));
  pointer-events:none;
}
.storefront-product-shell .product-stage-copy>*{position:relative;z-index:1}
.storefront-product-shell .fulfillment-pill{
  border-color:rgba(var(--product-accent-rgb),.34);
  background:rgba(var(--product-accent-rgb),.11);
  color:var(--product-accent);
}
.storefront-product-shell .fulfillment-pill.muted{border-color:rgba(var(--product-accent-rgb),.2);background:rgba(17,22,35,.68);color:#c6c7d0}
.storefront-product-shell .product-availability{
  border-color:rgba(var(--product-accent-rgb),.25);
  background:linear-gradient(135deg,rgba(var(--product-accent-rgb),.1),rgba(19,23,36,.72) 46%,rgba(12,15,25,.85));
  color:#f2f4fa;
  box-shadow:inset 0 1px rgba(255,255,255,.08);
}
.storefront-product-shell .product-availability>span{background:var(--product-accent);box-shadow:0 0 14px rgba(var(--product-accent-rgb),.78)}
.storefront-product-shell .product-availability small{color:#b8bbc7}
.storefront-product-shell .option-chips button{
  border-color:rgba(var(--product-accent-rgb),.19);
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(22,25,38,.72));
  color:#d8d9e2;
  box-shadow:inset 0 1px rgba(255,255,255,.075);
}
.storefront-product-shell .option-chips button.active{
  border-color:rgba(var(--product-accent-rgb),.72);
  background:linear-gradient(120deg,var(--product-accent),var(--product-secondary));
  color:var(--product-ink);
  box-shadow:0 9px 24px rgba(var(--product-accent-rgb),.18),inset 0 1px rgba(255,255,255,.32);
}
.storefront-product-shell .option-chips button:focus-visible{outline-color:var(--product-accent)}
.storefront-product-shell .option-chips.roblox-nominal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.storefront-product-shell .option-chips.roblox-nominal-grid button{min-width:0;padding:0 8px;font-variant-numeric:tabular-nums}
.telegram-stars-amount-fieldset{min-width:0;border:0;padding:0}
.storefront-shell .telegram-stars-amount-fieldset{margin:12px 0 0}
.telegram-stars-amount-fieldset legend{margin-bottom:8px;color:#aaa6b0;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.storefront-shell .quick-topup-chips.telegram-stars-amount-grid,
.storefront-product-shell .option-chips.telegram-stars-amount-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.storefront-shell .telegram-stars-amount-grid{margin-top:0}
:where(.storefront-shell,.storefront-product-shell) .telegram-stars-amount-grid button{
  min-width:0;
  min-height:46px;
  border:1px solid rgba(174,181,214,.22);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(14,18,30,.84));
  padding:7px 8px;
  color:#e0dde7;
  font:inherit;
  font-size:13px;
  font-weight:680;
  line-height:1.1;
  cursor:pointer;
  touch-action:manipulation;
  box-shadow:inset 0 1px rgba(255,255,255,.055);
}
.storefront-product-shell.product-accent-telegram-stars .telegram-stars-amount-grid button.active{
  border-color:rgba(var(--product-accent-rgb),.68);
  background:linear-gradient(135deg,rgba(var(--product-accent-rgb),.2),rgba(var(--product-secondary-rgb),.15));
  color:#fff4c6;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 7px 18px rgba(var(--product-accent-rgb),.1);
}
.telegram-stars-custom-cell{
  display:grid;
  min-width:0;
  min-height:46px;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:5px;
  border:1px solid rgba(174,181,214,.22);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(12,16,27,.9));
  padding:0 9px;
  color:#8f92a3;
  box-shadow:inset 0 1px rgba(255,255,255,.055);
  transition:border-color .16s,background .16s,box-shadow .16s;
}
.telegram-stars-custom-cell input{
  width:100%;
  min-width:0;
  height:44px;
  border:0!important;
  outline:0;
  background:transparent!important;
  padding:0!important;
  color:#f7f5fb;
  font:inherit;
  font-size:12px;
  font-weight:650;
  box-shadow:none!important;
  appearance:textfield;
}
.telegram-stars-custom-cell input::-webkit-inner-spin-button,.telegram-stars-custom-cell input::-webkit-outer-spin-button{margin:0;appearance:none}
.telegram-stars-custom-cell input::placeholder{color:#838696;opacity:1}
.telegram-stars-custom-cell b{font-size:10px;font-weight:650;letter-spacing:.02em}
.telegram-stars-custom-cell:focus-within,.telegram-stars-custom-cell.active{border-color:rgba(126,223,246,.62);background:linear-gradient(145deg,rgba(84,204,239,.13),rgba(55,38,89,.16));box-shadow:0 0 0 3px rgba(83,199,235,.1)}
.storefront-product-shell.product-accent-telegram-stars .telegram-stars-custom-cell:focus-within,.storefront-product-shell.product-accent-telegram-stars .telegram-stars-custom-cell.active{border-color:rgba(var(--product-accent-rgb),.66);background:linear-gradient(145deg,rgba(var(--product-accent-rgb),.13),rgba(var(--product-secondary-rgb),.1));box-shadow:0 0 0 3px rgba(var(--product-accent-rgb),.08)}
.telegram-stars-custom-cell:has(input[aria-invalid="true"]){border-color:rgba(255,112,145,.74);box-shadow:0 0 0 3px rgba(255,92,132,.09)}
.telegram-stars-amount-error{margin:7px 2px 0;color:#ff91aa;font-size:12px;line-height:1.35}
.telegram-stars-amount-error[hidden]{display:none}
@media(max-width:359px){
  .storefront-shell .quick-topup-chips.telegram-stars-amount-grid,
  .storefront-product-shell .option-chips.telegram-stars-amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.storefront-product-shell .handoff-field,.storefront-product-shell .demo-field{
  border-color:rgba(var(--product-accent-rgb),.16);
  background:linear-gradient(135deg,rgba(var(--product-accent-rgb),.07),rgba(20,23,35,.76) 38%,rgba(12,15,24,.88));
}
.storefront-product-shell .handoff-field b{border-color:rgba(var(--product-accent-rgb),.32);background:rgba(var(--product-accent-rgb),.08);color:var(--product-accent)}
.storefront-product-shell .demo-field input{
  border-color:rgba(var(--product-accent-rgb),.21);
  background:rgba(7,10,18,.64);
}
.storefront-product-shell .demo-field input:focus{border-color:rgba(var(--product-accent-rgb),.68);box-shadow:0 0 0 3px rgba(var(--product-accent-rgb),.12)}
.storefront-product-shell .demo-field input[readonly]{background:rgba(24,27,39,.72);color:#c0c2cc}
.storefront-product-shell .product-information article,.storefront-product-shell .price-module,.storefront-product-shell .product-safe-note{
  border-color:rgba(var(--product-accent-rgb),.18);
  background:
    linear-gradient(122deg,rgba(255,255,255,.09),transparent 29%),
    radial-gradient(circle at 100% 0%,rgba(var(--product-accent-rgb),.1),transparent 46%),
    linear-gradient(145deg,rgba(24,27,42,.76),rgba(11,14,24,.9));
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 13px 30px rgba(0,0,0,.16);
}
.storefront-product-shell .product-information article>span{background:rgba(var(--product-accent-rgb),.08);box-shadow:0 0 18px rgba(var(--product-accent-rgb),.1)}
.storefront-product-shell .warning-module{color:#ffd36c;background:linear-gradient(122deg,rgba(255,191,68,.14),rgba(24,24,33,.79) 52%,rgba(13,15,24,.92))}
.storefront-product-shell .result-module{color:#8ee8a5;background:linear-gradient(122deg,rgba(52,196,101,.13),rgba(22,27,37,.8) 52%,rgba(12,16,24,.92))}
.storefront-product-shell .price-module strong{color:var(--product-accent);text-shadow:0 0 22px rgba(var(--product-accent-rgb),.2)}
.storefront-product-shell .product-safe-note.is-highlighted{border-color:rgba(97,224,137,.4);background:linear-gradient(135deg,rgba(51,176,92,.17),rgba(14,25,25,.74));color:#a1e9b2}
.storefront-product-shell .product-sticky-cta{
  right:calc(12px + var(--safe-right));
  left:calc(12px + var(--safe-left));
  width:min(calc(100% - 24px - var(--safe-left) - var(--safe-right)),406px);
  border-color:rgba(var(--product-accent-rgb),.72);
  background:linear-gradient(112deg,var(--product-accent),var(--product-secondary));
  color:var(--product-ink);
  box-shadow:0 18px 44px rgba(0,0,0,.48),0 0 28px rgba(var(--product-accent-rgb),.16),inset 0 1px rgba(255,255,255,.32);
}
.storefront-product-shell .product-sticky-cta>i{border-left-color:rgba(0,0,0,.13);background:rgba(255,255,255,.2);color:var(--product-ink)}

/* Demo chrome is explicit and separated; copy cannot glue into the label. */
:where(.storefront-product-shell,.demo-review-screen,.demo-order-status-screen,.orders-screen) .demo-lab-banner{
  display:grid;
  min-width:0;
  grid-template-columns:max-content minmax(0,1fr);
  align-items:center;
  gap:10px;
  border-color:rgba(166,140,255,.38);
  background:
    linear-gradient(118deg,rgba(255,255,255,.11),transparent 30%),
    linear-gradient(135deg,rgba(111,76,224,.2),rgba(39,28,67,.68) 48%,rgba(15,24,38,.8));
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 12px 28px rgba(0,0,0,.17);
}
:where(.storefront-product-shell,.demo-review-screen,.demo-order-status-screen,.orders-screen) .demo-lab-banner strong{
  display:inline-flex;
  min-height:27px;
  align-items:center;
  border:1px solid rgba(201,185,255,.36);
  border-radius:9px;
  background:linear-gradient(135deg,#c4b1ff,#8d75ed);
  padding:4px 8px;
  color:#160d31;
  white-space:nowrap;
}
:where(.storefront-product-shell,.demo-review-screen,.demo-order-status-screen,.orders-screen) .demo-lab-banner span{min-width:0;color:#d1c9e4;text-align:left;overflow-wrap:anywhere}

:where(.demo-review-screen,.demo-order-status-screen){
  --store-panel:rgba(18,21,34,.76);
  --store-line:rgba(203,211,255,.16);
  --store-muted:#bec0cb;
  --demo-accent:#b49cff;
  --demo-accent-rgb:180,156,255;
}
.demo-review-screen .demo-review,.demo-order-status-screen .demo-order-card{
  border-color:rgba(var(--demo-accent-rgb),.24);
  background:
    linear-gradient(122deg,rgba(255,255,255,.1),transparent 27%),
    radial-gradient(circle at 96% 2%,rgba(var(--demo-accent-rgb),.14),transparent 45%),
    linear-gradient(145deg,rgba(24,28,44,.78),rgba(11,14,24,.91));
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 18px 42px rgba(0,0,0,.25);
}
.demo-review-screen .demo-review-product{border-bottom-color:rgba(var(--demo-accent-rgb),.18)}
.demo-review-screen .demo-review-row{border-bottom-color:rgba(203,211,255,.12)}
.demo-review-screen .demo-review-price{background:linear-gradient(112deg,rgba(var(--demo-accent-rgb),.15),rgba(83,60,141,.11));color:#e4dbff}
.demo-review-screen .primary.status-action,.demo-order-status-screen .primary.status-action{
  border-color:rgba(194,176,255,.6);
  background:linear-gradient(112deg,#c1adff,#9380f4 48%,#69c9ec);
  color:#130d28;
  box-shadow:0 14px 32px rgba(87,69,174,.22),inset 0 1px rgba(255,255,255,.3);
}
.demo-review-screen .secondary.status-action,.demo-order-status-screen .secondary.status-action{
  border-color:rgba(203,211,255,.18);
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(20,24,37,.76));
  color:#f0edf6;
}
/* Orders: calm colour, strong hierarchy, horizontally scrollable filters. */
.storefront-shell .order-filter{
  display:flex;
  min-width:0;
  gap:8px;
  margin-right:calc(-1 * (var(--screen-pad) + var(--safe-right)));
  margin-bottom:16px;
  padding-right:calc(var(--screen-pad) + var(--safe-right));
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}
.storefront-shell .order-filter::-webkit-scrollbar{display:none}
.storefront-shell .order-filter button{
  min-width:max-content;
  min-height:44px;
  flex:0 0 auto;
  scroll-snap-align:start;
  border-color:rgba(184,197,242,.18);
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(18,22,34,.78));
  padding:0 14px;
  color:#c2c4ce;
  box-shadow:inset 0 1px rgba(255,255,255,.07);
}
.storefront-shell .order-filter button.active{border-color:rgba(255,132,124,.62);background:linear-gradient(112deg,#ff9885,#ff7276 54%,#e8679d);color:#290907;box-shadow:0 10px 24px rgba(255,103,105,.15),inset 0 1px rgba(255,255,255,.28)}
.storefront-shell .store-orders-list{display:grid;min-width:0;gap:10px;padding-bottom:4px}
.storefront-shell .store-order-row{
  min-width:0;
  overflow:hidden;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  border-color:rgba(183,194,238,.16);
  background:
    linear-gradient(120deg,rgba(255,255,255,.1),transparent 29%),
    radial-gradient(circle at 100% 0%,rgba(105,178,255,.12),transparent 45%),
    linear-gradient(145deg,rgba(25,29,44,.8),rgba(12,15,25,.92));
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 14px 32px rgba(0,0,0,.2);
}
.storefront-shell .demo-order-row{border-color:rgba(180,156,255,.32);background:linear-gradient(120deg,rgba(255,255,255,.1),transparent 28%),radial-gradient(circle at 100% 0%,rgba(180,156,255,.18),transparent 45%),linear-gradient(145deg,rgba(36,29,58,.8),rgba(13,16,27,.92))}
.storefront-shell .order-number-cell{display:grid;min-width:0;grid-template-columns:minmax(92px,108px) minmax(0,1fr);align-items:center;gap:12px}
.storefront-shell .order-row-thumbnail{width:100%;border-radius:13px}
.storefront-shell .order-row-product-copy{display:block;min-width:0}
.storefront-shell .order-row-product-copy>span{display:block;margin-top:5px;color:#b7bac6;font-size:11px;line-height:1.35}
.storefront-shell .order-status-stack{display:flex;min-width:0;flex-wrap:wrap;justify-content:flex-start;gap:6px;text-align:left}
.storefront-shell .order-number-cell :where(small,strong),.storefront-shell .order-status-stack :where(i,b),.storefront-shell .order-amount{overflow-wrap:anywhere;word-break:break-word}
.storefront-shell .order-status-stack :where(i,b){display:inline-flex;min-height:25px;align-items:center;justify-content:flex-start;border:1px solid currentColor;border-radius:999px;padding:3px 7px;line-height:1.2}
.storefront-shell .order-status-stack i{background:rgba(180,156,255,.09)}
.storefront-shell .order-status-stack b{background:rgba(87,211,124,.09)}
.storefront-shell .store-order-row:is(.is-cancelled,.is-refunded,.is-partially_refunded,[data-status="cancelled"],[data-status="refunded"],[data-status="partially_refunded"]){border-left:4px solid #ff8794}
.storefront-shell .store-order-row:is(.is-completed,[data-status="completed"],[data-status="fulfilled"]){border-left:4px solid #79d992}
.storefront-shell .store-order-row:is(.is-pending,.is-processing,[data-status="pending"],[data-status="processing"]){border-left:4px solid #b49cff}
.storefront-shell .store-empty-state,.storefront-shell .order-logic-preview,.storefront-shell .connection-banner,.storefront-shell .connectivity-banner{
  border-color:rgba(190,200,240,.17);
  background:
    linear-gradient(120deg,rgba(255,255,255,.09),transparent 30%),
    radial-gradient(circle at 100% 0%,rgba(104,195,255,.11),transparent 47%),
    linear-gradient(145deg,rgba(24,28,42,.78),rgba(11,14,24,.92));
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 32px rgba(0,0,0,.17);
}
.storefront-shell :where(.connection-banner,.connectivity-banner){min-width:0;border:1px solid rgba(255,202,89,.3);border-radius:16px;margin-bottom:14px;padding:13px 14px;color:#f6daa0;overflow-wrap:anywhere}
.storefront-shell .order-logic-preview{overflow:hidden}
.storefront-shell .order-logic-preview>span,.storefront-shell .order-logic-preview>div{border-bottom-color:rgba(190,200,240,.12)}

/* Profile: index and copy own their columns; the arrow never squeezes body copy. */
.storefront-shell .profile-identity{
  min-width:0;
  border-color:rgba(181,165,255,.24);
  background:
    linear-gradient(120deg,rgba(255,255,255,.11),transparent 28%),
    radial-gradient(circle at 0% 0%,rgba(255,117,112,.18),transparent 42%),
    radial-gradient(circle at 100% 20%,rgba(91,207,232,.15),transparent 44%),
    linear-gradient(145deg,rgba(34,29,54,.81),rgba(12,17,28,.92));
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 16px 36px rgba(0,0,0,.22);
}
.storefront-shell .profile-identity>div{box-shadow:0 11px 26px rgba(136,83,255,.22),inset 0 1px rgba(255,255,255,.28)}
.storefront-shell .profile-identity>*{min-width:0}
.storefront-shell .profile-identity :where(strong,small){overflow-wrap:anywhere}
.storefront-shell .profile-grid{
  min-width:0;
  border-color:rgba(187,198,240,.17);
  background:linear-gradient(145deg,rgba(28,31,46,.78),rgba(12,15,25,.92));
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 16px 36px rgba(0,0,0,.2);
}
.storefront-shell .profile-grid .profile-row{
  position:relative;
  display:grid;
  min-width:0;
  min-height:78px;
  grid-template-columns:32px minmax(0,1fr);
  align-items:start;
  gap:11px;
  border-bottom-color:rgba(190,200,240,.12);
  background:linear-gradient(118deg,rgba(255,255,255,.045),transparent 38%);
  padding:15px 44px 15px 14px;
  cursor:pointer;
}
.storefront-shell .profile-grid .profile-row:active{background:linear-gradient(118deg,rgba(180,156,255,.12),transparent 54%)}
.storefront-shell .profile-grid .profile-index{
  display:grid;
  width:29px;
  height:29px;
  grid-column:1;
  place-items:center;
  border:1px solid rgba(255,139,130,.34);
  border-radius:10px;
  background:rgba(255,116,104,.09);
  color:#ff9d94;
  font-size:11px;
  line-height:1;
}
.storefront-shell .profile-grid .profile-copy{min-width:0;grid-column:2;color:#f1eef5}
.storefront-shell .profile-grid .profile-copy :where(strong,small,span){display:block;min-width:0;overflow-wrap:anywhere;word-break:normal}
.storefront-shell .profile-grid .profile-copy strong{font-size:14px;line-height:1.35}
.storefront-shell .profile-grid .profile-copy small{margin-top:5px;color:#b9b8c4;font-size:12px;line-height:1.45}
.storefront-shell .profile-grid .profile-arrow{
  position:absolute;
  top:50%;
  right:14px;
  width:18px;
  height:18px;
  color:#b8b1cc;
  transform:translateY(-50%);
}
.storefront-shell .profile-grid .profile-row--static{padding-right:14px;cursor:default}
.storefront-shell .profile-grid .profile-row--static .profile-arrow{display:none}

/* Current markup fallback while Phase 2 rows are introduced. */
.storefront-shell .profile-grid :where(button,a,article):not(.profile-row){min-width:0;background:linear-gradient(118deg,rgba(255,255,255,.045),transparent 38%)}
.storefront-shell .profile-grid :where(button,a,article):not(.profile-row)>*:nth-child(2){min-width:0;overflow-wrap:anywhere}

/* Keep the intentionally dark Mini App chrome coherent under a light Telegram theme. */
:where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.demo-order-status-screen)[data-theme="light"],
[data-theme="light"] :where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.demo-order-status-screen){
  color-scheme:dark;
  --text-primary:#f7f5fa;
  --text-secondary:#c0bec9;
  --text-tertiary:#908d99;
}

@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .storefront-product-shell .product-stage,
  .demo-review-screen .demo-review,
  .demo-order-status-screen .demo-order-card,
  .storefront-shell :where(.store-order-row,.profile-identity,.profile-grid,.connection-banner,.connectivity-banner){
    -webkit-backdrop-filter:blur(14px) saturate(122%);
    backdrop-filter:blur(14px) saturate(122%);
  }
}

/* Phase 4: Apple selection, compact disclosures and form ergonomics. */
:where(.apple-region-flow,.apple-coming-soon,.apple-coming-soon-flow,.apple-nominal-flow){
  --checkout-ice:126,225,255;
  --checkout-violet:143,103,255;
  --checkout-plum:226,111,255;
  --checkout-mint:116,242,200;
  --checkout-glass:rgba(10,18,41,.78);
  --checkout-line:rgba(221,231,255,.18);
  --checkout-line-strong:rgba(231,238,255,.32);
  min-width:0;
  overflow-x:clip;
  padding-right:calc(var(--screen-pad) + var(--safe-right));
  padding-left:calc(var(--screen-pad) + var(--safe-left));
  color-scheme:dark;
  background:
    radial-gradient(ellipse 88% 44% at 108% -4%,rgba(var(--checkout-ice),.22),transparent 70%),
    radial-gradient(ellipse 94% 56% at -18% 42%,rgba(var(--checkout-violet),.23),transparent 72%),
    radial-gradient(ellipse 82% 42% at 110% 92%,rgba(var(--checkout-plum),.13),transparent 72%),
    linear-gradient(158deg,#0b182d 0%,#0a1022 46%,#161027 76%,#080b15 100%);
}
:where(.apple-region-flow,.apple-coming-soon,.apple-coming-soon-flow,.apple-nominal-flow) .screen-content{position:relative;z-index:1;min-width:0}
:where(.apple-region-flow,.apple-coming-soon,.apple-coming-soon-flow,.apple-nominal-flow) .app-header{
  position:relative;
  z-index:3;
  margin:6px 0 13px;
  border:1px solid rgba(225,233,255,.12);
  border-radius:18px;
  background:linear-gradient(120deg,rgba(255,255,255,.075),rgba(12,20,43,.68) 54%,rgba(129,89,255,.08));
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 12px 30px rgba(1,5,16,.16);
}
:where(.apple-region-flow,.apple-coming-soon,.apple-coming-soon-flow,.apple-nominal-flow) .screen-heading h1{color:#fbfbff;text-wrap:balance;text-shadow:0 8px 28px rgba(112,139,255,.13)}
:where(.apple-region-flow,.apple-coming-soon,.apple-coming-soon-flow,.apple-nominal-flow) .screen-heading p{color:rgba(226,231,244,.74)}
:where(.apple-region-flow,.apple-coming-soon,.apple-coming-soon-flow,.apple-nominal-flow) .step-badge{
  border-color:rgba(var(--checkout-ice),.24);
  background:linear-gradient(110deg,rgba(var(--checkout-violet),.18),rgba(var(--checkout-ice),.1));
  color:#e8e7ff;
  box-shadow:inset 0 1px rgba(255,255,255,.1);
}

.apple-region-flow .region-list{gap:10px}
.apple-region-flow .region-option{
  isolation:isolate;
  min-width:0;
  min-height:76px;
  overflow:hidden;
  border-color:rgba(222,231,255,.18);
  border-radius:20px;
  background:
    linear-gradient(125deg,rgba(255,255,255,.13),transparent 31%),
    radial-gradient(circle at 94% 0%,var(--tone-a,rgba(130,87,255,.25)),transparent 54%),
    linear-gradient(145deg,rgba(25,32,55,.9),rgba(9,17,36,.94));
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 14px 32px rgba(0,3,15,.21);
}
.apple-region-flow .region-option::before{
  inset:1px 12% auto;
  z-index:0;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
}
.apple-region-flow .region-option>*{position:relative;z-index:1}
.apple-region-flow .region-option[aria-pressed="true"]{
  border-width:2px;
  border-color:rgba(205,192,255,.82);
  padding:11px 15px;
  background:
    linear-gradient(125deg,rgba(255,255,255,.17),transparent 31%),
    radial-gradient(circle at 94% 0%,var(--tone-a,rgba(130,87,255,.34)),transparent 57%),
    linear-gradient(145deg,rgba(37,36,79,.94),rgba(10,24,52,.95));
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 0 0 1px rgba(var(--checkout-violet),.12),0 16px 36px rgba(9,3,31,.27);
}
.apple-region-flow .region-option[aria-pressed="true"] .selected-check{border:1px solid rgba(255,255,255,.42);box-shadow:0 0 0 4px rgba(var(--checkout-violet),.13),0 0 18px rgba(var(--checkout-violet),.4)}
.apple-region-flow .region-option.coming-soon{
  border-style:dashed;
  border-color:rgba(240,207,126,.34);
  background:linear-gradient(135deg,rgba(255,218,127,.07),rgba(18,24,41,.9) 45%,rgba(9,16,31,.95));
  cursor:pointer;
}
.apple-region-flow .region-option.coming-soon :where(.flag-icon,.choice-copy){opacity:.66}
.apple-region-flow .coming-soon-pill{min-height:30px;border-color:rgba(248,215,132,.42);background:rgba(116,79,19,.24);color:#f5d98f}
.apple-region-flow .region-option:focus-visible,
.apple-nominal-flow :where(.selected-region-row,.amount-card):focus-visible,
.apple-coming-soon .full-action:focus-visible,.apple-coming-soon-flow .full-action:focus-visible{outline:3px solid #f1d67a;outline-offset:3px}

:where(.apple-coming-soon,.apple-coming-soon-flow) .coming-soon-banner{
  min-height:94px;
  overflow:hidden;
  border-color:rgba(248,215,132,.3);
  border-radius:21px;
  background:
    linear-gradient(125deg,rgba(255,255,255,.11),transparent 32%),
    radial-gradient(circle at 100% 0%,rgba(255,210,105,.17),transparent 51%),
    linear-gradient(145deg,rgba(47,35,38,.82),rgba(12,20,39,.94));
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 16px 36px rgba(0,3,15,.22);
}
:where(.apple-coming-soon,.apple-coming-soon-flow) .coming-soon-banner strong{color:#fff7df}
:where(.apple-coming-soon,.apple-coming-soon-flow) .coming-soon-banner small{color:rgba(235,228,211,.72)}
:where(.apple-coming-soon,.apple-coming-soon-flow) .full-action{min-height:52px;border-radius:17px}

.apple-nominal-flow .selected-region-row{
  min-width:0;
  min-height:74px;
  overflow:hidden;
  border-color:rgba(var(--checkout-ice),.2);
  border-radius:20px;
  background:
    linear-gradient(122deg,rgba(255,255,255,.12),transparent 31%),
    radial-gradient(circle at 100% 0%,rgba(var(--checkout-ice),.14),transparent 52%),
    linear-gradient(145deg,rgba(23,31,55,.88),rgba(9,17,35,.95));
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 14px 32px rgba(0,3,15,.2);
}
.apple-nominal-flow .selected-region-row>*{min-width:0}
.apple-nominal-flow .selected-region-row :where(strong,small){overflow-wrap:anywhere}
.apple-nominal-flow .nominal-section h1{margin-top:27px;color:#fbfbff;text-wrap:balance}
.apple-nominal-flow .nominal-grid{gap:10px}
.apple-nominal-flow .amount-card{
  isolation:isolate;
  min-height:132px;
  overflow:hidden;
  border-color:rgba(222,231,255,.17);
  border-radius:20px;
  background:
    linear-gradient(125deg,rgba(255,255,255,.13),transparent 32%),
    radial-gradient(circle at 100% 0%,var(--tone-a,rgba(130,87,255,.24)),transparent 58%),
    linear-gradient(145deg,rgba(25,30,52,.9),rgba(9,16,33,.95));
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 14px 32px rgba(0,3,15,.2);
}
.apple-nominal-flow .amount-card::before{
  inset:1px 15% auto;
  z-index:0;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
}
.apple-nominal-flow .amount-card>*{position:relative;z-index:1}
.apple-nominal-flow .nominal-grid .amount-card{min-height:104px;padding:30px 12px 12px}
.apple-nominal-flow .nominal-grid .amount-card.selected{padding:29px 11px 11px}
.apple-nominal-flow .amount-card>.selected-check{position:absolute;right:12px;top:12px}
.apple-nominal-flow .amount-card.selected{
  border-width:2px;
  border-color:rgba(204,190,255,.84);
  padding:17px;
  background:
    linear-gradient(125deg,rgba(255,255,255,.17),transparent 33%),
    radial-gradient(circle at 100% 0%,var(--tone-a,rgba(130,87,255,.34)),transparent 60%),
    linear-gradient(145deg,rgba(39,36,80,.94),rgba(10,24,52,.95));
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 0 0 1px rgba(var(--checkout-violet),.12),0 17px 38px rgba(9,3,31,.26);
}
.apple-nominal-flow .amount-card.selected .selected-check{border:1px solid rgba(255,255,255,.42);box-shadow:0 0 0 4px rgba(var(--checkout-violet),.13),0 0 18px rgba(var(--checkout-violet),.4)}
.apple-nominal-flow .amount-card:disabled{
  border-style:dashed;
  border-color:rgba(218,224,240,.2);
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(15,20,34,.92));
  opacity:.62;
}
.apple-nominal-flow .amount-card:disabled .unavailable-label{position:static;display:inline-flex;min-height:26px;align-items:center;margin-top:8px;border:1px solid rgba(225,231,244,.2);border-radius:8px;background:rgba(4,10,24,.48);padding:4px 7px;color:#d4d8e3}
.apple-nominal-flow.has-sticky .screen-content{padding-bottom:126px}
.apple-nominal-flow .sticky-checkout-bar{
  width:min(calc(100% - var(--safe-left) - var(--safe-right)),430px);
  min-height:96px;
  grid-template-columns:minmax(74px,.64fr) minmax(0,1.36fr);
  gap:9px;
  border-color:rgba(226,234,255,.2);
  border-radius:24px 24px 0 0;
  background:linear-gradient(118deg,rgba(23,36,68,.95),rgba(11,17,37,.97) 55%,rgba(38,20,61,.96));
  box-shadow:inset 0 1px rgba(255,255,255,.15),0 -18px 42px rgba(0,2,13,.34),0 0 30px rgba(var(--checkout-violet),.08);
  padding:11px calc(11px + var(--safe-right)) calc(11px + var(--safe-bottom) + var(--content-safe-bottom)) calc(11px + var(--safe-left));
  -webkit-backdrop-filter:blur(14px) saturate(126%);
  backdrop-filter:blur(14px) saturate(126%);
}
.apple-nominal-flow .sticky-checkout-bar .action-button{min-width:0;min-height:56px;border-radius:17px;padding-inline:10px;font-size:14px;line-height:1.22;overflow-wrap:anywhere}
.apple-nominal-flow .sticky-total{min-width:0;padding-left:2px}
.apple-nominal-flow .sticky-total span{color:rgba(218,225,240,.72);font-size:11px}
.apple-nominal-flow .sticky-total strong{font-size:clamp(19px,6vw,24px);font-variant-numeric:tabular-nums;letter-spacing:-.045em}

/* Search affordances are visually compact but keep a full thumb-sized hit area. */
.storefront-shell .catalog-search{grid-template-columns:24px minmax(0,1fr) 44px;padding-right:4px}
.storefront-shell .catalog-search button{min-width:44px;min-height:44px;width:44px;height:44px;border-radius:13px;touch-action:manipulation}
.storefront-shell .category-rail-control{min-width:44px;min-height:44px;touch-action:manipulation}

/* Textareas inherit the same product accent and expose errors without layout jumps. */
.storefront-product-shell .demo-field :is(input,textarea){
  width:100%;
  min-width:0;
  min-height:46px;
  border:1px solid rgba(var(--product-accent-rgb),.21);
  border-radius:12px;
  outline:0;
  background:rgba(7,10,18,.64);
  padding:11px 12px;
  color:#f7f5fa;
  font-size:14px;
  font-weight:400;
  line-height:1.45;
}
.storefront-product-shell .demo-field textarea{min-height:112px;resize:vertical}
.storefront-product-shell .demo-field :is(input,textarea)::placeholder{color:#999da9;opacity:1}
.storefront-product-shell .demo-field :is(input,textarea):focus{border-color:rgba(var(--product-accent-rgb),.72);box-shadow:0 0 0 3px rgba(var(--product-accent-rgb),.14)}
.storefront-product-shell .demo-field :is(input,textarea)[readonly]{background:rgba(24,27,39,.72);color:#c0c2cc}
.storefront-product-shell .demo-field.has-error :is(input,textarea),
.storefront-product-shell .demo-field :is(input,textarea)[aria-invalid="true"]{border-color:#ff7d87;background:rgba(69,21,34,.42);box-shadow:0 0 0 3px rgba(255,79,130,.1)}
.storefront-product-shell .demo-field em:not(:empty){display:block;color:#ffabb3;font-weight:600}

@supports selector(.storefront-product-shell:has(.demo-product-form input:focus)){
  .storefront-product-shell:has(:is(.demo-product-form :is(input,textarea),.telegram-stars-custom-cell input):focus:not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="submit"])) .screen-content{padding-bottom:0}
  .storefront-product-shell:has(:is(.demo-product-form :is(input,textarea),.telegram-stars-custom-cell input):focus:not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="submit"])) .product-sticky-cta{
    position:relative;
    right:auto;
    bottom:auto;
    left:auto;
    width:100%;
    margin:16px 0 0;
  }
}

body .storefront-product-shell.product-custom-ai-form-screen .product-sticky-cta{
  position:relative;
  right:auto;
  bottom:auto;
  left:auto;
  width:calc(100% - var(--safe-left) - var(--safe-right));
  margin:16px auto calc(12px + var(--safe-bottom) + var(--content-safe-bottom));
}

.field-error:not(.visible),.consent-error:not(.visible),.region-confirmation-error:not(.visible){visibility:hidden;opacity:0}
.field-error.visible,.consent-error.visible,.region-confirmation-error.visible{visibility:visible;opacity:1}

.preview-status-banner{
  display:grid;
  min-width:0;
  min-height:52px;
  grid-template-columns:22px minmax(0,1fr);
  align-items:start;
  gap:10px;
  margin:0 0 14px;
  overflow:hidden;
  border:1px solid rgba(255,211,108,.28);
  border-radius:17px;
  background:linear-gradient(122deg,rgba(255,211,108,.1),rgba(87,70,155,.09) 48%,rgba(13,22,41,.88));
  padding:12px 13px;
  color:#f3d793;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 12px 28px rgba(0,3,15,.16);
}
.preview-status-banner .ui-icon{width:20px;height:20px}
.preview-status-banner :where(span,strong,small){min-width:0;overflow-wrap:anywhere}
.preview-status-banner strong,.preview-status-banner small{display:block}
.preview-status-banner strong{color:#fff2cf;font-size:13px;font-weight:650}
.preview-status-banner small{margin-top:3px;color:rgba(235,224,197,.72);font-size:12px;line-height:1.4}

.storefront-shell :where(.order-logic-preview:is(details),.order-logic-preview details){overflow:hidden;border:1px solid rgba(190,200,240,.17);border-radius:18px;background:linear-gradient(145deg,rgba(24,28,42,.84),rgba(11,14,24,.94));box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 32px rgba(0,0,0,.17)}
.storefront-shell :where(.order-logic-preview:is(details),.order-logic-preview details)>summary{
  display:grid;
  min-height:54px;
  grid-template-columns:minmax(0,1fr) 24px;
  align-items:center;
  gap:10px;
  list-style:none;
  padding:12px 14px;
  color:#d7d3dd;
  font-size:12px;
  font-weight:650;
  letter-spacing:.07em;
  cursor:pointer;
}
.storefront-shell :where(.order-logic-preview:is(details),.order-logic-preview details)>summary::-webkit-details-marker{display:none}
.storefront-shell :where(.order-logic-preview:is(details),.order-logic-preview details)>summary::after{content:"";width:9px;height:9px;justify-self:center;border-right:2px solid #bdb3da;border-bottom:2px solid #bdb3da;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}
.storefront-shell :where(.order-logic-preview:is(details)[open],.order-logic-preview details[open])>summary{border-bottom:1px solid rgba(190,200,240,.12);background:linear-gradient(118deg,rgba(180,156,255,.1),transparent 58%)}
.storefront-shell :where(.order-logic-preview:is(details)[open],.order-logic-preview details[open])>summary::after{transform:rotate(225deg) translate(-2px,-2px)}
.storefront-shell :where(.order-logic-preview:is(details),.order-logic-preview details)>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;border-bottom:1px solid rgba(190,200,240,.12);padding:14px}
.storefront-shell :where(.order-logic-preview:is(details),.order-logic-preview details)>div:last-child{border-bottom:0}

/* Repeated cards stay static; blur is reserved for navigation and sticky chrome. */
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .storefront-shell .store-shelf,
  .storefront-shell .category-rail button,
  .storefront-shell .category-rail-control,
  .storefront-shell .store-order-row,
  :where(.apple-region-flow,.apple-nominal-flow) :where(.region-option,.amount-card),
  :where(.checkout-flow-screen,.payment-screen) .payment-method{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/* Keep mobile scrolling and carousel movement on static composited surfaces. */
@media(max-width:719px){
  .storefront-shell .home-promo-carousel,
  .storefront-shell .request-callout,
  .storefront-shell .customer-reviews,
  .storefront-shell .storefront-nav,
  .storefront-shell .catalog-search{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

@media(max-width:360px){
  :where(.apple-region-flow,.apple-coming-soon,.apple-coming-soon-flow,.apple-nominal-flow){--screen-pad:12px}
  .apple-region-flow .region-option{grid-template-columns:45px minmax(0,1fr) auto;gap:10px;padding-inline:12px}
  .apple-region-flow .region-option[aria-pressed="true"]{padding-inline:11px}
  .apple-region-flow .flag-icon,.apple-nominal-flow .flag-icon{width:36px}
  .apple-region-flow .choice-copy strong{font-size:15px}
  .apple-region-flow .choice-copy small{font-size:12px}
  .apple-region-flow .coming-soon-pill{max-width:92px;white-space:normal;text-align:center}
  .apple-nominal-flow .selected-region-row{grid-template-columns:38px minmax(0,1fr) 20px;gap:9px;padding-inline:12px}
  .apple-nominal-flow .nominal-grid{gap:8px}
  .apple-nominal-flow .amount-card{min-height:124px;padding:14px}
  .apple-nominal-flow .amount-card.selected{padding:13px}
  .apple-nominal-flow .amount-card strong{font-size:18px}
  .apple-nominal-flow .sticky-checkout-bar{grid-template-columns:minmax(70px,.6fr) minmax(0,1.4fr);gap:8px;padding-right:calc(9px + var(--safe-right));padding-left:calc(9px + var(--safe-left))}
  .apple-nominal-flow .sticky-checkout-bar .action-button{padding-inline:8px;font-size:13px}
}

@media(max-width:330px){
  .apple-region-flow .region-option{grid-template-columns:40px minmax(0,1fr)}
  .apple-region-flow .region-option>.selected-check,.apple-region-flow .region-option>.coming-soon-pill{grid-column:2;justify-self:start}
  .apple-region-flow .region-option.coming-soon{min-height:94px}
  .apple-nominal-flow .amount-card{min-height:118px;padding:12px}
  .apple-nominal-flow .amount-card.selected{padding:11px}
  .apple-nominal-flow .amount-card>span:not(.selected-check){font-size:13px}
  .apple-nominal-flow .amount-card .selected-check{right:8px;top:8px;width:24px;height:24px}
}

@media(prefers-reduced-motion:reduce){
  :where(.apple-region-flow,.apple-coming-soon,.apple-coming-soon-flow,.apple-nominal-flow) *,
  :where(.apple-region-flow,.apple-coming-soon,.apple-coming-soon-flow,.apple-nominal-flow) *::before,
  :where(.apple-region-flow,.apple-coming-soon,.apple-coming-soon-flow,.apple-nominal-flow) *::after,
  .storefront-shell :where(.order-logic-preview:is(details),.order-logic-preview details)>summary::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}

@media(max-width:360px){
  .storefront-product-shell .product-stage-copy{padding:16px}
  .storefront-product-shell .product-stage-copy h1{font-size:28px}
  .storefront-product-shell .price-module{grid-template-columns:1fr}
  .storefront-psn-options .region-option{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:11px 12px}
  .storefront-psn-options .flag-icon{width:36px}
  .storefront-psn-options .choice-copy strong{font-size:15px}
  .storefront-psn-options .choice-copy small{font-size:12px}
  .storefront-psn-options .psn-nominal-grid{gap:8px}
  .storefront-psn-options .amount-card{min-height:110px;padding:13px}
  .storefront-psn-options .amount-card strong{padding-right:22px;font-size:17px}
  .storefront-psn-options .amount-card .selected-check{right:8px;top:8px;width:24px;height:24px}
  .storefront-shell .order-filter{display:flex;grid-template-columns:none;gap:8px}
  .storefront-shell .order-filter button{padding-inline:13px}
  .storefront-shell .store-order-row{grid-template-columns:minmax(0,1fr);gap:9px;padding:14px 42px 14px 14px}
  .storefront-shell .order-status-stack{justify-items:start;text-align:left}
  .storefront-shell .order-status-stack :where(i,b){justify-content:flex-start}
  .demo-review-screen .demo-review-row{grid-template-columns:minmax(0,1fr);gap:6px}
  .demo-review-screen .demo-review-row strong{text-align:left}
  .order-progress-steps{gap:5px}
  .order-progress-step{min-height:66px;padding:8px 3px}
  .order-progress-step span{font-size:10px}
  .storefront-shell .profile-identity{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:12px}
  .storefront-shell .profile-identity>div{width:54px;height:54px;border-radius:16px}
}

@media(max-width:260px){
  :where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.demo-order-status-screen){--screen-pad:9px}
  .storefront-product-shell .product-stage{border-radius:19px}
  :where(.storefront-product-shell,.demo-review-screen,.demo-order-status-screen,.orders-screen) .demo-lab-banner{grid-template-columns:minmax(0,1fr);align-items:start}
  .storefront-shell .profile-identity{grid-template-columns:minmax(0,1fr)}
  .storefront-shell .profile-grid .profile-row{grid-template-columns:28px minmax(0,1fr);gap:8px;padding-right:38px;padding-left:10px}
  .demo-review-screen .demo-review-product,.demo-order-status-screen .demo-order-card{grid-template-columns:minmax(0,1fr)}
}

@media(max-height:520px) and (orientation:landscape){
  .storefront-shell{padding-bottom:calc(92px + var(--safe-bottom) + var(--content-safe-bottom))}
  .storefront-product-shell{padding-bottom:calc(96px + var(--safe-bottom) + var(--content-safe-bottom))}
  .storefront-shell .storefront-nav button{min-height:48px}
  .storefront-product-shell .product-sticky-cta{min-height:52px}
}

@media(prefers-reduced-motion:reduce){
  :where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.demo-order-status-screen) *,
  :where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.demo-order-status-screen) *::before,
  :where(.storefront-shell,.storefront-product-shell,.demo-review-screen,.demo-order-status-screen) *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}

/* Phase 3: Apple checkout and order-state liquid glass. */
:where(
  .checkout-flow-screen,
  .review-screen,
  .payment-screen,
  .contact-screen,
  .network-screen,
  .confirm-screen,
  .crypto-quote-screen,
  .pending-screen,
  .terminal-order-screen,
  .success-screen,
  .error-screen
){
  --checkout-ice:126,225,255;
  --checkout-violet:143,103,255;
  --checkout-plum:226,111,255;
  --checkout-mint:116,242,200;
  --checkout-glass:rgba(10,18,41,.76);
  --checkout-glass-strong:rgba(14,24,52,.92);
  --checkout-line:rgba(221,231,255,.18);
  --checkout-line-strong:rgba(231,238,255,.32);
  min-width:0;
  overflow-x:clip;
  padding-right:calc(var(--screen-pad) + var(--safe-right));
  padding-left:calc(var(--screen-pad) + var(--safe-left));
  color-scheme:dark;
  background:
    radial-gradient(ellipse 92% 48% at 108% -5%,rgba(var(--checkout-ice),.24),transparent 69%),
    radial-gradient(ellipse 96% 58% at -18% 37%,rgba(var(--checkout-violet),.25),transparent 72%),
    radial-gradient(ellipse 82% 48% at 108% 83%,rgba(var(--checkout-plum),.15),transparent 72%),
    radial-gradient(ellipse 72% 42% at 18% 108%,rgba(78,123,255,.12),transparent 74%),
    linear-gradient(158deg,#0b182d 0%,#0a1022 42%,#171028 73%,#080b15 100%);
}

:where(
  .checkout-flow-screen,
  .review-screen,
  .payment-screen,
  .contact-screen,
  .network-screen,
  .confirm-screen,
  .crypto-quote-screen,
  .pending-screen,
  .terminal-order-screen,
  .success-screen,
  .error-screen
) .screen-content{
  position:relative;
  z-index:1;
  min-width:0;
}

:where(
  .checkout-flow-screen,
  .review-screen,
  .payment-screen,
  .contact-screen,
  .network-screen,
  .confirm-screen,
  .crypto-quote-screen,
  .pending-screen,
  .terminal-order-screen,
  .success-screen,
  .error-screen
) .app-header{
  position:relative;
  z-index:3;
  margin:6px 0 13px;
  border:1px solid rgba(225,233,255,.12);
  border-radius:18px;
  background:linear-gradient(120deg,rgba(255,255,255,.075),rgba(12,20,43,.68) 54%,rgba(129,89,255,.08));
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 12px 30px rgba(1,5,16,.16);
}

:where(
  .checkout-flow-screen,
  .review-screen,
  .payment-screen,
  .contact-screen,
  .network-screen,
  .confirm-screen,
  .crypto-quote-screen,
  .pending-screen,
  .terminal-order-screen,
  .success-screen,
  .error-screen
) :where(.screen-heading,.status-screen) h1{
  color:#fbfbff;
  text-wrap:balance;
  text-shadow:0 8px 28px rgba(112,139,255,.13);
}

:where(.checkout-flow-screen,.review-screen,.payment-screen,.contact-screen,.network-screen,.confirm-screen) .screen-heading p{
  color:rgba(226,231,244,.72);
}

:where(.checkout-flow-screen,.review-screen,.payment-screen,.contact-screen,.network-screen,.confirm-screen) .step-badge{
  border-color:rgba(var(--checkout-ice),.24);
  background:linear-gradient(110deg,rgba(var(--checkout-violet),.18),rgba(var(--checkout-ice),.1));
  color:#e8e7ff;
  box-shadow:inset 0 1px rgba(255,255,255,.1);
}

/* Core glass stays crisp: local blur only, never a full-screen filter. */
:where(
  .checkout-flow-screen,
  .review-screen,
  .payment-screen,
  .contact-screen,
  .network-screen,
  .confirm-screen,
  .crypto-quote-screen,
  .pending-screen,
  .terminal-order-screen,
  .success-screen,
  .error-screen
) :where(
  .order-summary-card,
  .region-confirmation,
  .review-total-action,
  .confirmed-region-row,
  .payment-method,
  .payment-details,
  .contact-method,
  .contact-field.glass-surface,
  .product-price-summary,
  .pending-order-card,
  .gift-code-card,
  .activation-help,
  .error-callout
){
  border-color:var(--checkout-line);
  background:linear-gradient(132deg,rgba(255,255,255,.095),rgba(255,255,255,.025) 28%,var(--checkout-glass) 74%);
  box-shadow:inset 0 1px rgba(255,255,255,.17),inset 1px 0 rgba(255,255,255,.035),0 18px 42px rgba(0,3,15,.25);
}

@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  :where(
    .checkout-flow-screen,
    .review-screen,
    .payment-screen,
    .contact-screen,
    .network-screen,
    .confirm-screen,
    .crypto-quote-screen,
    .pending-screen,
    .terminal-order-screen,
    .success-screen,
    .error-screen
  ) :where(
    .order-summary-card,
    .region-confirmation,
    .review-total-action,
    .confirmed-region-row,
    .payment-method,
    .payment-details,
    .contact-method,
    .contact-field.glass-surface,
    .product-price-summary,
    .pending-order-card,
    .gift-code-card,
    .activation-help,
    .error-callout
  ){
    -webkit-backdrop-filter:blur(12px) saturate(128%);
    backdrop-filter:blur(12px) saturate(128%);
  }
}

/* Review: the product and trusted backend price stay in the first visual scan. */
:where(.checkout-flow-screen,.review-screen) .review-heading{margin:4px 2px 16px}
:where(.checkout-flow-screen,.review-screen) .review-heading h1{font-size:clamp(27px,8vw,34px);letter-spacing:-.04em}
:where(.checkout-flow-screen,.review-screen) .order-summary-card{
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(var(--checkout-ice),.24);
  border-radius:24px;
  background:
    radial-gradient(circle at 18% 8%,rgba(var(--checkout-ice),.31),transparent 33%),
    radial-gradient(circle at 88% 18%,rgba(var(--checkout-violet),.32),transparent 48%),
    linear-gradient(145deg,rgba(30,32,88,.93),rgba(9,25,59,.94) 60%,rgba(26,15,56,.92));
  box-shadow:inset 0 1px rgba(255,255,255,.21),0 22px 52px rgba(0,5,24,.32),0 0 34px rgba(var(--checkout-violet),.08);
}
:where(.checkout-flow-screen,.review-screen) .order-summary-card::after{
  content:"";
  position:absolute;
  inset:1px 12% auto;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);
  pointer-events:none;
}
:where(.checkout-flow-screen,.review-screen) .order-product-head{min-height:118px;gap:16px;padding:14px 17px}
:where(.checkout-flow-screen,.review-screen) .product-title{font-size:19px;font-weight:650;letter-spacing:-.02em}
:where(.checkout-flow-screen,.review-screen) .glass-inset{border-top-color:rgba(230,236,255,.13);background:linear-gradient(180deg,rgba(4,13,34,.2),rgba(4,11,29,.52))}
:where(.checkout-flow-screen,.review-screen) .glass-inset dl>div{border-top-color:rgba(225,233,255,.1)}
:where(.checkout-flow-screen,.review-screen) .glass-inset dt{color:rgba(216,224,242,.68)}
:where(.checkout-flow-screen,.review-screen) .glass-inset dd{max-width:62%;color:#f9f9ff;font-weight:590;overflow-wrap:anywhere}

:where(.checkout-flow-screen,.review-screen) .region-confirmation{
  margin-top:13px;
  border-radius:22px;
  padding:16px;
}
:where(.checkout-flow-screen,.review-screen) .region-confirmation.confirmed{
  border-color:rgba(var(--checkout-mint),.38);
  box-shadow:inset 0 1px rgba(255,255,255,.15),0 0 0 1px rgba(var(--checkout-mint),.08),0 18px 42px rgba(0,3,15,.22);
}
:where(.checkout-flow-screen,.review-screen) .region-change-link{border-radius:11px;color:#c7b6ff;font-weight:600}
:where(.checkout-flow-screen,.review-screen) .region-change-link:active{background:rgba(var(--checkout-violet),.12)}
:where(.checkout-flow-screen,.review-screen) .region-warning{margin-top:9px!important;border-top:1px solid rgba(240,198,102,.13);padding-top:11px;color:#f0cd82!important}
:where(.checkout-flow-screen,.review-screen) .review-total-action{
  grid-template-columns:minmax(82px,.66fr) minmax(0,1.34fr);
  gap:10px;
  margin-top:13px;
  border-radius:22px;
  padding:11px;
}
:where(.checkout-flow-screen,.review-screen) .compact-total{min-width:0;padding:4px 3px 4px 5px}
:where(.checkout-flow-screen,.review-screen) .compact-total strong{font-size:clamp(21px,6.3vw,27px);font-variant-numeric:tabular-nums;letter-spacing:-.04em}
:where(.checkout-flow-screen,.review-screen) .review-total-action .action-button{min-width:0;min-height:58px;border-radius:16px;overflow-wrap:anywhere}

/* Payment method cards: large targets and a non-colour-only selected state. */
:where(.checkout-flow-screen,.payment-screen) .confirmed-region-row{
  min-height:62px;
  border-radius:18px;
  background:linear-gradient(112deg,rgba(var(--checkout-mint),.1),rgba(255,255,255,.035) 34%,rgba(10,18,41,.78));
}
:where(.checkout-flow-screen,.payment-screen) .confirmed-region-row button{border-radius:10px;color:#cfbeff;font-weight:620}
:where(.checkout-flow-screen,.payment-screen) .payment-list{gap:11px}
:where(.checkout-flow-screen,.payment-screen) .payment-method{
  position:relative;
  isolation:isolate;
  min-height:116px;
  grid-template-columns:58px minmax(0,1fr) 30px;
  gap:13px;
  overflow:hidden;
  border-width:1px;
  border-radius:21px;
  padding:15px;
  transform:none;
}
:where(.checkout-flow-screen,.payment-screen) .payment-method::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  border-radius:21px 0 0 21px;
  background:transparent;
  box-shadow:none;
  transition:background .2s,box-shadow .2s;
}
:where(.checkout-flow-screen,.payment-screen) .payment-method.selected{
  border-width:2px;
  border-color:rgba(204,190,255,.72);
  padding:14px;
  background:
    radial-gradient(circle at 88% 16%,rgba(var(--checkout-violet),.26),transparent 38%),
    linear-gradient(125deg,rgba(255,255,255,.13),rgba(24,25,62,.88) 52%,rgba(16,28,59,.88));
  box-shadow:inset 0 1px rgba(255,255,255,.24),0 0 0 1px rgba(var(--checkout-violet),.12),0 18px 42px rgba(7,3,25,.28);
}
:where(.checkout-flow-screen,.payment-screen) .payment-method.selected::after{
  background:linear-gradient(180deg,#bba7ff,#75dcff);
  box-shadow:0 0 18px rgba(var(--checkout-violet),.55);
}
:where(.checkout-flow-screen,.payment-screen) .payment-method:active{transform:scale(.992)}
:where(.checkout-flow-screen,.payment-screen) .payment-method-icon{
  width:54px;
  height:54px;
  border:1px solid rgba(235,240,255,.16);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.025));
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 10px 24px rgba(0,0,0,.17);
}
:where(.checkout-flow-screen,.payment-screen) .payment-method-icon .ui-icon{width:34px;height:34px}
:where(.checkout-flow-screen,.payment-screen) .payment-method .choice-copy{min-width:0}
:where(.checkout-flow-screen,.payment-screen) .payment-method .choice-copy strong{display:block;font-size:16px;font-weight:650;line-height:1.25}
:where(.checkout-flow-screen,.payment-screen) .payment-method .choice-copy small{display:block;margin-top:5px;color:rgba(219,225,241,.68);font-size:13px;line-height:1.4;overflow-wrap:anywhere}
:where(.checkout-flow-screen,.payment-screen) .payment-method .selected-check{background:linear-gradient(135deg,#b39bff,#6bcff0);box-shadow:0 0 18px rgba(var(--checkout-violet),.45)}
:where(.checkout-flow-screen,.payment-screen) .radio-ring{border-width:2px;border-color:rgba(225,232,246,.42);background:rgba(3,9,24,.24);box-shadow:inset 0 0 0 5px rgba(8,14,30,.65)}

/* Receipt and network details can live in payment or in legacy standalone screens. */
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) .payment-details{
  display:grid;
  gap:2px;
  margin-top:13px;
  overflow:hidden;
  border-radius:22px;
  padding:16px;
}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) .payment-details>h2{
  margin:0 0 14px;
  color:#f8f7ff;
  font-size:17px;
  font-weight:660;
  line-height:1.3;
  letter-spacing:-.015em;
}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) .payment-details>.contact-form{min-width:0}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) .contact-method{
  min-height:74px;
  margin:0 0 18px;
  border-radius:21px;
  padding:11px 14px;
}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) .contact-method .payment-method-icon{width:48px;height:48px}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) .contact-field{min-width:0;gap:8px}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) .contact-field>span{color:#eef0fa;font-size:14px;font-weight:610}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) .contact-field input,
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) .contact-field select{
  min-width:0;
  min-height:56px;
  border-color:rgba(222,231,255,.2);
  border-radius:15px;
  background-color:rgba(5,13,32,.72);
  color:#fafaff;
  box-shadow:inset 0 1px rgba(255,255,255,.055);
}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) .contact-field input:focus,
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) .contact-field select:focus{
  border-color:rgba(173,148,255,.88);
  box-shadow:0 0 0 3px rgba(var(--checkout-violet),.19),inset 0 1px rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.18);
}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) .contact-field input[aria-invalid="true"]{
  border-color:rgba(255,111,153,.82);
  background-color:rgba(77,15,42,.38);
  box-shadow:0 0 0 3px rgba(255,79,130,.12);
}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) :where(.field-error,.consent-error,.region-confirmation-error){color:#ff9fbd!important;font-weight:560}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) .consent-check{min-width:0;border-radius:14px;padding:2px}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) .consent-check>span:last-child{min-width:0;overflow-wrap:anywhere}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) .custom-checkbox{border-color:rgba(225,232,246,.42);background:rgba(255,255,255,.045)}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) .consent-check input:checked+.custom-checkbox{border-color:rgba(188,169,255,.84);background:linear-gradient(135deg,#a187ff,#5c83f2);box-shadow:0 0 18px rgba(var(--checkout-violet),.4)}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) .info-block{
  margin-top:16px;
  border-color:rgba(var(--checkout-ice),.16);
  border-radius:17px;
  background:linear-gradient(118deg,rgba(var(--checkout-ice),.075),rgba(255,255,255,.025));
  color:rgba(222,229,243,.76);
}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen) .confirmed-region-row{margin-top:18px}
:where(.checkout-flow-screen,.network-screen) .contact-field.glass-surface{margin-top:20px;border-radius:21px;padding:15px}

/* Final confirmation: compact contract, explicit method, one visible total. */
:where(.checkout-confirmation,.confirm-screen) .confirm-heading{margin:3px 2px 15px}
:where(.checkout-confirmation,.confirm-screen) .confirm-heading h1{font-size:clamp(27px,8vw,34px);letter-spacing:-.04em}
:where(.checkout-confirmation,.confirm-screen) .order-summary-card{border-radius:22px}
:where(.checkout-confirmation,.confirm-screen) .contact-method{margin:13px 0 0;border-radius:20px}
:where(.checkout-confirmation,.confirm-screen) .payment-contract-note{
  min-height:0;
  margin-top:11px;
  border-color:rgba(var(--checkout-ice),.17);
  background:linear-gradient(112deg,rgba(var(--checkout-ice),.08),rgba(var(--checkout-violet),.065));
  color:rgba(227,232,245,.78);
  font-size:12px;
}
:where(.checkout-confirmation,.confirm-screen) .payment-contract-note strong{color:#f6f5ff;font-size:13px}
:where(.checkout-confirmation,.confirm-screen) .product-price-summary{
  display:flex;
  min-width:0;
  min-height:64px;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:11px;
  border-radius:19px;
  padding:12px 15px;
}
:where(.checkout-confirmation,.confirm-screen) .product-price-summary>span{min-width:0;color:rgba(218,225,240,.72);font-size:13px}
:where(.checkout-confirmation,.confirm-screen) .product-price-summary>strong{flex:0 0 auto;font-size:24px;font-weight:690;font-variant-numeric:tabular-nums;letter-spacing:-.04em}

.checkout-promo{position:relative;z-index:2;isolation:isolate;margin-top:11px;border:1px solid var(--checkout-line,rgba(218,225,240,.18));border-radius:19px;background:linear-gradient(135deg,rgba(35,44,72,.98),rgba(13,21,44,.99));box-shadow:inset 0 1px rgba(255,255,255,.16),0 14px 34px rgba(0,3,15,.32);overflow:hidden}
.checkout-promo-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;background:none;border:0;color:var(--text,#f8f8fc);font:inherit;font-weight:650;text-align:left;cursor:pointer}
.checkout-promo-icon{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:8px;background:rgba(170,145,255,.17);color:#d8ccff;font-size:15px;font-weight:800}
.checkout-promo-chevron{margin-left:auto;font-size:22px;line-height:1;transition:transform .22s ease}
.checkout-promo.is-open .checkout-promo-chevron{transform:rotate(180deg)}
.checkout-promo-content{max-height:0;padding:0 16px;opacity:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease,opacity .2s ease}
.checkout-promo.is-open .checkout-promo-content{max-height:180px;padding:5px 16px 14px;opacity:1}
.checkout-promo-entry{display:flex;align-items:stretch;gap:8px;min-width:0}
.checkout-promo-entry input{flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid rgba(218,225,240,.2);border-radius:11px;background:rgba(255,255,255,.06);color:inherit;font:inherit;text-transform:uppercase}
.checkout-promo-entry input:focus{outline:none;border:2px solid #ad96ff;padding-inline:11px}
.checkout-promo-entry button,.checkout-promo-applied button{flex:none;padding:0 13px;border:0;border-radius:11px;background:rgba(170,145,255,.2);color:#ece5ff;font:inherit;font-weight:650;cursor:pointer}
.checkout-promo-entry button:disabled{opacity:.65;cursor:default}
.checkout-promo-applied{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.checkout-promo-applied span{display:flex;flex-direction:column;gap:2px;min-width:0}
.checkout-promo-applied strong{overflow-wrap:anywhere}
.checkout-promo-applied small{color:#bfb1e7}
.checkout-promo-applied button{height:38px;background:transparent;color:#d8ccff}
.checkout-promo-error{margin:8px 0 0;color:#ffb7b7;font-size:13px;line-height:1.35}
.checkout-promo-error[hidden]{display:none}
.checkout-confirmation .product-price-summary:has(>.checkout-promo){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center}
.checkout-confirmation .product-price-summary>.checkout-promo{grid-column:1/-1;width:100%;margin:4px 0}
.checkout-confirmation .product-price-summary:has(> span:nth-of-type(2))>strong{font-size:17px;text-align:right}
.checkout-confirmation .product-price-summary:has(> span:nth-of-type(2))>strong:last-child{font-size:24px}
@media(max-width:390px){.checkout-promo-entry{gap:6px}.checkout-promo-entry button{padding:0 9px;font-size:13px}.checkout-promo-toggle{padding:12px}}

/* The fixed action owns the only bottom reserve and respects all safe areas. */
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen,.confirm-screen).has-sticky .screen-content{padding-bottom:112px}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen,.confirm-screen) .sticky-checkout-bar{
  width:min(calc(100% - var(--safe-left) - var(--safe-right)),430px);
  min-height:92px;
  grid-template-columns:minmax(82px,.68fr) minmax(0,1.32fr);
  gap:10px;
  border-color:rgba(226,234,255,.2);
  border-radius:24px 24px 0 0;
  background:linear-gradient(118deg,rgba(23,36,68,.94),rgba(11,17,37,.965) 55%,rgba(38,20,61,.95));
  box-shadow:inset 0 1px rgba(255,255,255,.15),0 -18px 42px rgba(0,2,13,.34),0 0 30px rgba(var(--checkout-violet),.08);
  padding:11px calc(11px + var(--safe-right)) calc(11px + var(--safe-bottom) + var(--content-safe-bottom)) calc(11px + var(--safe-left));
  -webkit-backdrop-filter:blur(14px) saturate(126%);
  backdrop-filter:blur(14px) saturate(126%);
}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen,.confirm-screen) .sticky-total{min-width:0;padding-left:2px}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen,.confirm-screen) .sticky-total span{color:rgba(218,225,240,.68);font-size:11px}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen,.confirm-screen) .sticky-total strong{font-size:clamp(19px,6vw,24px);font-variant-numeric:tabular-nums;letter-spacing:-.045em}
:where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen,.confirm-screen) .sticky-checkout-bar .action-button{min-width:0;min-height:56px;border-radius:17px;padding-inline:13px;overflow-wrap:anywhere}

@supports selector(.keyboard-aware:has(input[name="receiptContact"]:focus)){
  .keyboard-aware:has(input[name="receiptContact"]:focus) .screen-content{padding-bottom:0}
  .keyboard-aware:has(input[name="receiptContact"]:focus) .sticky-checkout-bar{
    position:relative;
    right:auto;
    bottom:auto;
    left:auto;
    width:100%;
    margin:14px 0 0;
    border-bottom:1px solid rgba(226,234,255,.2);
    border-radius:21px;
    padding:10px;
  }
}

/* Quotes and order states share one calm visual grammar without implying fulfilment. */
:where(.crypto-quote-screen,.pending-screen,.terminal-order-screen,.success-screen,.error-screen) .status-screen{padding-top:4px}
:where(.crypto-quote-screen,.pending-screen,.terminal-order-screen,.success-screen,.error-screen) .status-screen h1{font-size:clamp(26px,8vw,34px);letter-spacing:-.04em}
:where(.crypto-quote-screen,.pending-screen,.terminal-order-screen,.success-screen,.error-screen) .status-screen>p{max-width:350px;margin-right:auto;margin-left:auto;color:rgba(222,228,242,.73)}
:where(.pending-screen,.terminal-order-screen,.success-screen,.error-screen) .mascot-orbit{
  width:clamp(196px,58vw,236px);
  height:clamp(196px,58vw,236px);
  margin-top:17px;
  border-color:rgba(var(--checkout-violet),.34);
  background:radial-gradient(circle,rgba(var(--checkout-violet),.15),rgba(5,13,27,.025) 61%,transparent 63%);
  box-shadow:inset 0 0 28px rgba(var(--checkout-violet),.16),0 0 42px rgba(var(--checkout-violet),.1);
}
:where(.pending-screen,.terminal-order-screen,.success-screen,.error-screen) .mascot-orbit .platix-mascot{width:82%;max-width:198px}
.success-screen .mascot-orbit{border-color:rgba(var(--checkout-mint),.38);background:radial-gradient(circle,rgba(var(--checkout-mint),.13),rgba(5,13,27,.025) 61%,transparent 63%)}
.error-screen .mascot-orbit{border-color:rgba(255,111,153,.42);background:radial-gradient(circle,rgba(255,79,130,.13),rgba(5,13,27,.025) 61%,transparent 63%)}

:where(.crypto-quote-screen,.pending-screen,.terminal-order-screen) .pending-order-card{
  overflow:hidden;
  border-radius:21px;
  padding:7px 15px;
}
:where(.crypto-quote-screen,.pending-screen,.terminal-order-screen) .pending-order-card>div{min-width:0;border-bottom-color:rgba(226,234,255,.1)}
:where(.crypto-quote-screen,.pending-screen,.terminal-order-screen) .pending-order-card span{min-width:0;color:rgba(221,227,241,.78);overflow-wrap:anywhere}
:where(.crypto-quote-screen,.pending-screen,.terminal-order-screen) .pending-order-card strong{flex:0 0 auto;color:#fbfbff;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}

.crypto-quote-screen .crypto-quote-heading{
  margin-bottom:14px;
  border:1px solid rgba(var(--checkout-ice),.14);
  border-radius:22px;
  background:linear-gradient(125deg,rgba(var(--checkout-ice),.07),rgba(var(--checkout-violet),.08));
  padding:18px 14px;
  box-shadow:inset 0 1px rgba(255,255,255,.1);
}
.crypto-quote-screen .crypto-quote-heading p{color:#b9dff0}
.crypto-quote-screen .crypto-quote-heading.expired-state{border-color:rgba(255,185,98,.26);background:linear-gradient(125deg,rgba(255,181,75,.09),rgba(98,56,122,.08))}
.crypto-quote-screen .crypto-quote-heading.expired-state p{color:#f4c67e}
.crypto-quote-screen .crypto-quote-card{
  border-style:solid;
  border-color:rgba(var(--checkout-ice),.24);
  background:linear-gradient(145deg,rgba(11,30,55,.86),rgba(21,19,52,.84));
}
.crypto-quote-screen .crypto-quote-card>div:nth-child(2) strong{color:#aeeeff;font-size:19px}
.crypto-quote-screen .crypto-fees{border-color:rgba(var(--checkout-mint),.2);background:linear-gradient(115deg,rgba(var(--checkout-mint),.075),rgba(var(--checkout-ice),.035))}
.crypto-quote-screen .crypto-fees .ui-icon{color:#8ce6c5}
.crypto-quote-screen .crypto-fees--included{border-color:rgba(var(--checkout-mint),.24);background:linear-gradient(115deg,rgba(var(--checkout-mint),.09),rgba(var(--checkout-ice),.035))}
.crypto-quote-screen .crypto-fees--included .ui-icon{color:#8ce6c5}
.crypto-quote-screen .crypto-fees--unconfirmed{border-color:rgba(255,190,102,.28);background:linear-gradient(115deg,rgba(118,70,17,.2),rgba(76,39,83,.13))}
.crypto-quote-screen .crypto-fees--unconfirmed .ui-icon{color:#f3c477}
.crypto-quote-screen .payment-contract-note{border-color:rgba(var(--checkout-ice),.17);background:linear-gradient(115deg,rgba(var(--checkout-ice),.07),rgba(var(--checkout-violet),.055));font-size:12px}
.crypto-quote-screen .crypto-expired-notice{border-color:rgba(255,181,75,.3);background:rgba(100,55,15,.18)}
.crypto-quote-screen .crypto-quote-error{border-color:rgba(255,111,153,.44)}

:where(.pending-screen,.terminal-order-screen,.success-screen,.error-screen) .status-action{min-height:52px;border-radius:17px}
:where(.pending-screen,.terminal-order-screen,.success-screen,.error-screen) .notice{border-radius:17px;background:linear-gradient(116deg,rgba(var(--checkout-violet),.11),rgba(var(--checkout-ice),.045))}
:where(.pending-screen,.terminal-order-screen,.success-screen,.error-screen) .danger-notice{border-color:rgba(255,132,166,.28);background:linear-gradient(116deg,rgba(113,23,55,.3),rgba(55,23,62,.25))}
:where(.pending-screen,.terminal-order-screen,.success-screen,.error-screen) .text-action{min-height:48px;border-radius:14px;color:#c7b4ff}
:where(.pending-screen,.terminal-order-screen,.success-screen,.error-screen) .text-action:active{background:rgba(var(--checkout-violet),.08)}

.success-screen .success-product{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(var(--checkout-mint),.22);
  border-radius:19px;
  background:linear-gradient(105deg,rgba(45,144,123,.22),rgba(88,52,151,.2),rgba(20,38,66,.72));
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 14px 32px rgba(0,4,17,.2);
}
.success-screen .success-product span{min-width:0;color:#f6f7ff}
.success-screen .gift-code-card{border-radius:22px;padding:16px}
.success-screen .gift-code-card>strong{
  max-width:100%;
  margin:11px 0 16px;
  color:#fbfbff;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  font-size:clamp(20px,7vw,27px);
  font-weight:650;
  font-variant-numeric:tabular-nums;
  letter-spacing:.055em;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.success-screen .copy-button{
  min-height:54px;
  border-color:rgba(var(--checkout-mint),.42);
  border-radius:16px;
  background:linear-gradient(115deg,#7152dc,#407dcc 48%,#35a981);
  box-shadow:inset 0 1px rgba(255,255,255,.24),0 14px 30px rgba(32,107,112,.2);
}
.success-screen .activation-help{border-radius:19px}
.success-screen .activation-help summary{min-height:56px}
.success-screen .screen-content{display:grid;gap:10px}
.success-screen .preview-status-banner{min-height:0;margin-bottom:0;padding:10px 12px}
.success-screen .success-state{display:grid;grid-template-columns:minmax(0,1fr) 66px;align-items:center;gap:12px;padding:1px 2px;text-align:left}
.success-screen .success-state h1{font-size:clamp(22px,6.6vw,28px);line-height:1.08;letter-spacing:-.035em}
.success-screen .success-state .order-status-indicator{width:66px;height:60px;justify-self:end;margin:0;border-radius:19px}
.success-screen .success-state .order-status-indicator-ring{width:43px;height:43px;border-radius:15px}
.success-screen .success-state .order-status-indicator-core{width:35px;height:35px;border-radius:12px}
.success-screen .success-state .order-status-indicator-core .ui-icon{width:20px;height:20px}
.demo-success-screen .demo-success-state .order-status-indicator{--status-accent:180,156,255}
.success-screen .order-info-card{margin-top:0;border-radius:18px;padding:6px 13px}
.success-screen .order-info-card>.order-info-product-row{min-height:86px;grid-template-columns:minmax(86px,100px) minmax(0,1fr);gap:11px;padding:8px 0}
.success-screen .order-info-card>div:last-child{min-height:42px}
.success-screen .order-progress-steps{gap:6px;margin-top:0}
.success-screen .order-progress-step{min-height:60px;gap:5px;border-radius:13px;padding:7px 4px}
.success-screen .order-progress-step i{width:24px;height:24px}
.success-screen .order-progress-step span{font-size:10px}
.order-progress-steps.is-demo .order-progress-step.is-done{border-color:rgba(180,156,255,.34);background:linear-gradient(145deg,rgba(135,103,226,.15),rgba(28,25,47,.82));color:#d4c8ff;box-shadow:inset 3px 0 #a58cff}
.order-progress-steps.is-demo .order-progress-step.is-done i{border-color:#a58cff;background:#7661b8;color:#f7f3ff}
.success-screen .gift-code-card{margin-top:0;border-radius:19px;padding:14px}
.success-screen .gift-code-card>strong{margin:8px 0 12px;font-size:clamp(19px,6.2vw,25px)}
.success-screen .gift-code-card.is-demo-code{border-color:rgba(180,156,255,.3);background:linear-gradient(132deg,rgba(180,156,255,.12),rgba(126,225,255,.05) 38%,rgba(12,19,39,.88))}
.success-screen .gift-code-card.is-demo-code>strong{color:#e9e2ff;font-size:clamp(16px,5.2vw,21px);letter-spacing:.025em}
.success-screen .demo-code-note{position:relative;z-index:1;display:block;margin:-2px 0 0;color:rgba(222,218,234,.72);font-size:11px;line-height:1.42}
.success-screen .demo-code-copy{min-height:46px;margin-top:12px;border-color:rgba(180,156,255,.32);background:rgba(103,83,161,.12);color:#d6caff}
.success-screen .activation-help{margin-top:0}
.success-screen .success-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0}
.success-screen .success-navigation .status-action{min-width:0;min-height:48px;margin-top:0;padding-inline:10px}
.success-screen .success-navigation .text-action{border:1px solid rgba(203,211,255,.14);background:rgba(255,255,255,.025)}
.success-screen .post-purchase-review{border-color:rgba(184,164,255,.18);background:linear-gradient(145deg,rgba(82,66,125,.13),rgba(20,21,29,.92));padding:11px}
.success-screen .post-purchase-review .review-invite-action{border-color:rgba(184,164,255,.26);background:rgba(103,83,161,.12);color:#d8ceff}
.success-screen .post-purchase-review .review-later-action{border:0;background:transparent;color:var(--text-tertiary)}

.error-screen .error-callout{
  min-width:0;
  min-height:84px;
  border-color:rgba(255,120,158,.38);
  border-radius:20px;
  background:linear-gradient(125deg,rgba(120,25,60,.4),rgba(62,25,75,.34),rgba(13,22,43,.74));
}
.error-screen .error-callout strong{min-width:0;overflow-wrap:anywhere}
.error-screen .error-callout .ui-icon{color:#ff91b0}

@media(max-width:360px){
  :where(.checkout-flow-screen,.review-screen) .order-product-head{grid-template-columns:minmax(92px,104px) minmax(0,1fr);gap:11px;padding-inline:13px}
  :where(.checkout-flow-screen,.review-screen) .product-title{font-size:17px}
  :where(.checkout-flow-screen,.payment-screen) .payment-method{grid-template-columns:49px minmax(0,1fr) 27px;gap:10px;padding:13px}
  :where(.checkout-flow-screen,.payment-screen) .payment-method.selected{padding:12px}
  :where(.checkout-flow-screen,.payment-screen) .payment-method-icon{width:46px;height:46px;border-radius:15px}
  :where(.checkout-flow-screen,.payment-screen) .payment-method-icon .ui-icon{width:30px;height:30px}
  :where(.checkout-flow-screen,.payment-screen) .payment-method .choice-copy strong{font-size:15px}
  :where(.checkout-flow-screen,.payment-screen) .payment-method .choice-copy small{font-size:12px}
  :where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen,.confirm-screen) .sticky-checkout-bar{grid-template-columns:minmax(76px,.62fr) minmax(0,1.38fr);gap:8px;padding-right:calc(9px + var(--safe-right));padding-left:calc(9px + var(--safe-left))}
  :where(.checkout-flow-screen,.payment-screen,.contact-screen,.network-screen,.confirm-screen) .sticky-checkout-bar .action-button{padding-inline:9px;font-size:13px}
  .success-screen .success-state{grid-template-columns:minmax(0,1fr) 58px;gap:9px}
  .success-screen .success-state .order-status-indicator{width:58px;height:54px}
  .success-screen .order-info-card>.order-info-product-row{grid-template-columns:minmax(78px,90px) minmax(0,1fr)}
}

@media(max-width:340px){
  :where(.checkout-flow-screen,.review-screen) .review-total-action{grid-template-columns:minmax(0,1fr)}
  :where(.checkout-flow-screen,.review-screen) .compact-total{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:5px 7px}
  :where(.checkout-flow-screen,.review-screen) .compact-total strong{margin-top:0}
  :where(.checkout-flow-screen,.payment-screen) .payment-method{min-height:106px}
  :where(.checkout-confirmation,.confirm-screen) .product-price-summary{padding-inline:12px}
}

@media(max-height:620px) and (orientation:landscape){
  :where(.pending-screen,.terminal-order-screen,.success-screen,.error-screen) .mascot-orbit{width:176px;height:176px;margin-top:10px}
  :where(.pending-screen,.terminal-order-screen,.success-screen,.error-screen) .mascot-orbit .platix-mascot{max-width:146px}
}

@media(prefers-reduced-motion:reduce){
  :where(
    .checkout-flow-screen,
    .review-screen,
    .payment-screen,
    .contact-screen,
    .network-screen,
    .confirm-screen,
    .crypto-quote-screen,
    .pending-screen,
    .terminal-order-screen,
    .success-screen,
    .error-screen
  ) *,
  :where(
    .checkout-flow-screen,
    .review-screen,
    .payment-screen,
    .contact-screen,
    .network-screen,
    .confirm-screen,
    .crypto-quote-screen,
    .pending-screen,
    .terminal-order-screen,
    .success-screen,
    .error-screen
  ) *::before,
  :where(
    .checkout-flow-screen,
    .review-screen,
    .payment-screen,
    .contact-screen,
    .network-screen,
    .confirm-screen,
    .crypto-quote-screen,
    .pending-screen,
    .terminal-order-screen,
    .success-screen,
    .error-screen
  ) *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}

/* Cascade guard: checkout's later glass layer must not re-enable blur per repeated card. */
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  :where(.checkout-flow-screen,.payment-screen) .payment-method{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/* ChatGPT checkout: compact graphite storefront fed only by the public server catalog. */
:where(.chatgpt-checkout-screen,.chatgpt-review-screen,.chatgpt-status-screen){
  --chatgpt-bg:#0b0d14;
  --chatgpt-panel:#141722;
  --chatgpt-panel-soft:#181b29;
  --chatgpt-line:rgba(190,202,255,.16);
  --chatgpt-violet:#9686ff;
  --chatgpt-blue:#70b7ff;
  --chatgpt-text:#f5f6ff;
  --chatgpt-muted:#a8aec2;
  background:var(--chatgpt-bg);
}
:where(.chatgpt-checkout-screen,.chatgpt-review-screen).has-sticky .screen-content{padding-bottom:132px}
.chatgpt-checkout-screen .screen-content,.chatgpt-review-screen .screen-content,.chatgpt-status-screen .screen-content{display:grid;gap:14px}
.chatgpt-checkout-screen .chatgpt-product-stage{margin-bottom:0;border-color:rgba(150,134,255,.18);background:linear-gradient(132deg,rgba(31,34,53,.96),rgba(14,18,31,.98))}
.chatgpt-checkout-screen .chatgpt-product-stage .activation-time-pill{border-color:rgba(112,183,255,.2);background:rgba(72,128,199,.1);color:#badcff}
.chatgpt-demo-banner{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(150,134,255,.34);border-radius:14px;background:linear-gradient(112deg,rgba(70,53,122,.34),rgba(30,59,94,.28));padding:9px 11px;color:#e5e0ff}
.chatgpt-demo-banner strong{flex:0 0 auto;font-size:10px;font-weight:760;letter-spacing:.1em}
.chatgpt-demo-banner span{min-width:0;color:#c3c8dc;font-size:11px;line-height:1.35;text-align:right}
.chatgpt-demo-banner.compact{border-color:rgba(112,183,255,.28);background:rgba(35,63,101,.18)}

.chatgpt-section-heading{display:flex;min-width:0;align-items:end;justify-content:space-between;gap:12px}
.chatgpt-section-heading>span{flex:0 0 auto;color:#a99dff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.chatgpt-section-heading h2{min-width:0;margin:0;color:var(--chatgpt-text);font-size:19px;font-weight:670;line-height:1.16;letter-spacing:-.025em;text-align:right}
.chatgpt-plan-section,.chatgpt-account-section{display:grid;gap:10px}
.chatgpt-demo-price-note{margin:0;border-left:2px solid #8d7df0;padding:1px 0 1px 9px;color:#b8bed2;font-size:11px;line-height:1.4}
.chatgpt-plan-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px}
.chatgpt-plan-card{
  display:grid;
  min-width:0;
  min-height:164px;
  grid-template-rows:auto auto 1fr auto;
  gap:7px;
  border:1px solid var(--chatgpt-line);
  border-radius:16px;
  background:linear-gradient(126deg,rgba(27,30,43,.98),rgba(17,20,31,.98));
  padding:13px;
  color:var(--chatgpt-text);
  text-align:left;
  box-shadow:inset 0 1px rgba(255,255,255,.045);
  cursor:pointer;
  touch-action:manipulation;
}
.chatgpt-plan-card.active{border-color:rgba(150,134,255,.66);background:linear-gradient(126deg,rgba(54,47,93,.72),rgba(24,33,59,.94));box-shadow:inset 0 1px rgba(255,255,255,.09),0 8px 24px rgba(32,24,73,.18)}
.chatgpt-plan-card[aria-disabled="true"]{color:#d7d9e6}
.chatgpt-plan-card-head{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:10px}
.chatgpt-plan-card-head strong{min-width:0;font-size:16px;font-weight:680;line-height:1.2}
.chatgpt-selected-mark{display:inline-flex;flex:0 0 auto;align-items:center;gap:3px;color:#c9c1ff;font-size:10px;font-weight:680;white-space:nowrap}
.chatgpt-selected-mark[hidden]{visibility:hidden;display:inline-flex}
.chatgpt-selected-mark .ui-icon{width:12px;height:12px}
.chatgpt-plan-duration{color:#b8d9ff;font-size:12px;font-weight:620}
.chatgpt-plan-summary{display:-webkit-box;overflow:hidden;color:var(--chatgpt-muted);font-size:12px;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.chatgpt-plan-price{align-self:end;color:#f7f5ff;font-size:18px;font-weight:710;line-height:1.15}
.chatgpt-activation-summary{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0;border-top:1px solid rgba(190,202,255,.1);padding:9px 2px 0;color:#b9c8dd;font-size:11px;line-height:1.4}
.chatgpt-activation-summary .ui-icon{width:15px;height:15px;flex:0 0 auto;color:#83bbf4}
.chatgpt-activation-summary .activation-time-pill{max-width:100%;white-space:normal}
.chatgpt-plan-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}
.chatgpt-plan-facts small{display:flex;min-width:0;align-items:flex-start;gap:6px;border:1px solid rgba(190,202,255,.1);border-radius:10px;background:rgba(8,11,19,.28);padding:7px;color:#c8cbdb;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.chatgpt-plan-facts .ui-icon{width:14px;height:14px;flex:0 0 auto;color:#9abfff}
.chatgpt-plan-availability{display:block;border-radius:9px;padding:6px 8px;font-size:11px;font-weight:630;line-height:1.35}
.chatgpt-plan-availability.available{background:rgba(62,160,126,.12);color:#9ce3c7}
.chatgpt-plan-availability.unavailable{background:rgba(111,80,49,.2);color:#e8c698}

.chatgpt-soon{overflow:hidden;border:1px solid rgba(190,202,255,.11);border-radius:14px;background:rgba(20,23,34,.76)}
.chatgpt-soon>summary{display:grid;min-height:52px;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:10px;padding:9px 12px;color:#e6e8f2;cursor:pointer;list-style:none}
.chatgpt-soon>summary::-webkit-details-marker{display:none}
.chatgpt-soon>summary>span{display:grid;gap:2px}
.chatgpt-soon>summary strong{font-size:12px;font-weight:660}
.chatgpt-soon>summary small{color:#9299ad;font-size:10px;line-height:1.35}
.chatgpt-soon>summary>i{display:grid;place-items:center;color:#8c85c9;transition:transform .18s ease}
.chatgpt-soon[open]>summary>i{transform:rotate(90deg)}
.chatgpt-soon>div{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid rgba(190,202,255,.08);padding:9px 12px 11px}
.chatgpt-soon>div span{border:1px solid rgba(190,202,255,.1);border-radius:999px;background:#10131d;padding:6px 9px;color:#9da4b7;font-size:10px}

.chatgpt-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.chatgpt-mode-switch button{display:grid;min-width:0;align-content:start;gap:5px;border:1px solid var(--chatgpt-line);border-radius:15px;background:#141722;padding:12px;color:#dfe2ef;text-align:left;cursor:pointer;touch-action:manipulation}
.chatgpt-mode-switch button.active{border-color:rgba(112,183,255,.62);background:linear-gradient(135deg,rgba(48,70,111,.56),rgba(46,37,81,.7));color:#fff}
.chatgpt-mode-switch button[aria-disabled="true"]{opacity:.58}
.chatgpt-mode-switch strong{font-size:14px;font-weight:660;line-height:1.25}
.chatgpt-mode-switch small{color:#aeb4c7;font-size:11px;line-height:1.4}
.chatgpt-mode-switch b{margin-top:3px;color:#f7f5ff;font-size:16px;font-weight:710;line-height:1.2}
.chatgpt-mode-switch em{color:#a9d2ff;font-size:10px;font-style:normal;font-weight:620;line-height:1.35}

.chatgpt-mode-fields{display:grid;gap:10px;border:1px solid var(--chatgpt-line);border-radius:17px;background:linear-gradient(145deg,rgba(22,25,37,.98),rgba(14,17,28,.98));padding:12px}
.chatgpt-new-account-info{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:11px;border:1px solid rgba(112,183,255,.28);border-radius:17px;background:linear-gradient(140deg,rgba(34,74,122,.2),rgba(20,23,34,.92));padding:13px}
.chatgpt-new-account-info>span{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(112,183,255,.3);border-radius:13px;background:rgba(74,126,190,.15);color:#9bceff}
.chatgpt-new-account-info>span .ui-icon{width:20px;height:20px}
.chatgpt-new-account-info>div{display:grid;gap:5px;min-width:0}
.chatgpt-new-account-info strong{color:#f4f6ff;font-size:14px;font-weight:680;line-height:1.3}
.chatgpt-new-account-info p{margin:0;color:#b8c3d8;font-size:12px;line-height:1.5}
.chatgpt-section-heading.compact{align-items:center}
.chatgpt-section-heading.compact h2{font-size:16px}
.chatgpt-mode-intro{margin:0;color:#aeb5c8;font-size:11px;line-height:1.45}
.chatgpt-field{display:grid;min-width:0;gap:8px}
.chatgpt-field>span{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:10px}
.chatgpt-field>span :where(strong,small){min-width:0}
.chatgpt-field>span strong{color:#f3f4fc;font-size:13px;font-weight:640}
.chatgpt-field>span strong i{color:#9298ac;font-size:10px;font-style:normal;font-weight:560}
.chatgpt-field>span small{color:#9da4b9;font-size:11px;line-height:1.35;text-align:right}
.chatgpt-field input{width:100%;min-width:0;min-height:48px;border:1px solid rgba(190,202,255,.18);border-radius:13px;background:#0d1019;padding:11px 12px;color:#f6f7ff;font:inherit;font-size:14px;outline:none}
.chatgpt-field input:focus{border-color:rgba(112,183,255,.74);box-shadow:0 0 0 3px rgba(112,183,255,.11)}
.chatgpt-field.has-error input{border-color:rgba(255,126,151,.56)}
.chatgpt-field em,.chatgpt-login-methods em,.chatgpt-consent-error{color:#ff9caf;font-size:11px;font-style:normal;line-height:1.4}
.chatgpt-demo-warning{margin:0;border:1px solid rgba(239,183,102,.24);border-radius:12px;background:rgba(98,61,24,.17);padding:9px 10px;color:#e9c99d;font-size:11px;line-height:1.45}
.chatgpt-test-fill{justify-self:start;min-height:38px;border:1px solid rgba(150,134,255,.32);border-radius:11px;background:rgba(80,65,143,.2);padding:8px 11px;color:#d9d3ff;font-size:11px;font-weight:650}
.chatgpt-password-control{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:stretch!important;gap:7px}
.chatgpt-password-control input{min-width:0}
.chatgpt-password-control button{min-width:82px;border:1px solid rgba(190,202,255,.18);border-radius:12px;background:#171b29;color:#cbd2e8;font-size:11px;font-weight:650}

.chatgpt-login-methods{display:grid;min-width:0;gap:8px;border:0;margin:0;padding:0}
.chatgpt-login-methods legend{margin-bottom:1px;color:#f3f4fc;font-size:13px;font-weight:640}
.chatgpt-login-methods>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.chatgpt-login-methods button{min-width:0;min-height:42px;border:1px solid rgba(190,202,255,.15);border-radius:12px;background:#10131d;padding:8px 9px;color:#c8ccda;font-size:12px;font-weight:620;cursor:pointer}
.chatgpt-login-methods button.active{border-color:rgba(150,134,255,.64);background:rgba(92,74,166,.26);color:#fff}
.chatgpt-login-methods button[aria-disabled="true"]:not(.active){opacity:.5}
.chatgpt-login-methods>p{margin:0;color:#9ea5b9;font-size:11px;line-height:1.42}

.chatgpt-consent{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;border:1px solid rgba(150,134,255,.2);border-radius:14px;background:rgba(72,58,124,.11);padding:11px;color:#eef0fb;cursor:pointer}
.chatgpt-consent input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.chatgpt-check{display:grid;width:24px;height:24px;place-items:center;border:1px solid rgba(190,202,255,.35);border-radius:7px;background:#0c101a;color:transparent}
.chatgpt-check .ui-icon{width:15px;height:15px}
.chatgpt-consent input:checked+.chatgpt-check{border-color:#7ab9ff;background:#536ad6;color:#fff}
.chatgpt-consent:has(input:focus-visible){outline:3px solid rgba(129,190,255,.7);outline-offset:2px}
.chatgpt-consent>span:last-child{display:grid;gap:3px;min-width:0}
.chatgpt-consent strong{font-size:12px;font-weight:660}
.chatgpt-consent small{color:#aab1c5;font-size:11px;line-height:1.42}
.chatgpt-customer-note{margin:0;border:1px solid rgba(231,181,111,.2);border-radius:12px;background:rgba(87,57,26,.14);padding:10px;color:#dfc59f;font-size:11px;line-height:1.45}
.chatgpt-blocked-note,.chatgpt-form-status,.chatgpt-data-note,.chatgpt-catalog-note{display:flex;min-width:0;align-items:flex-start;gap:8px;border:1px solid rgba(190,202,255,.14);border-radius:13px;background:rgba(25,29,43,.74);padding:10px;color:#b8bed1;font-size:11px;line-height:1.45}
.chatgpt-blocked-note,.chatgpt-catalog-note{border-color:rgba(231,181,111,.24);background:rgba(87,57,26,.18);color:#e5c594}
.chatgpt-data-note{border-color:rgba(112,183,255,.2);background:rgba(37,79,128,.12);color:#bed9f4}
:where(.chatgpt-blocked-note,.chatgpt-data-note,.chatgpt-catalog-note) .ui-icon{width:16px;height:16px;flex:0 0 auto}

.chatgpt-information{display:grid;gap:8px}
.chatgpt-disclosure{overflow:hidden;border:1px solid var(--chatgpt-line);border-radius:15px;background:#141722}
.chatgpt-disclosure>summary{display:grid;min-height:58px;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:10px;padding:10px 12px;color:#f1f2fa;cursor:pointer;list-style:none;touch-action:manipulation}
.chatgpt-disclosure>summary::-webkit-details-marker{display:none}
.chatgpt-disclosure>summary>span{display:grid;gap:3px;min-width:0}
.chatgpt-disclosure>summary strong{font-size:13px;font-weight:660}
.chatgpt-disclosure>summary small{color:#9fa6ba;font-size:11px;line-height:1.35}
.chatgpt-disclosure>summary>i{display:grid;place-items:center;color:#aaa0ff;transition:transform .18s ease}
.chatgpt-disclosure>summary>i .ui-icon{width:18px;height:18px}
.chatgpt-disclosure[open]>summary>i{transform:rotate(90deg)}
.chatgpt-disclosure>div{border-top:1px solid rgba(190,202,255,.1);padding:2px 12px 10px}
.chatgpt-disclosure ul{display:grid;gap:7px;margin:9px 0 0;padding-left:17px;color:#bec3d3;font-size:12px;line-height:1.48}

.chatgpt-sticky-checkout{position:fixed;right:0;bottom:0;left:0;z-index:45;display:grid;width:min(100%,430px);min-height:94px;grid-template-columns:minmax(102px,.78fr) minmax(0,1.22fr);align-items:center;gap:10px;margin:auto;border:1px solid rgba(190,202,255,.22);border-bottom:0;border-radius:22px 22px 0 0;background:linear-gradient(120deg,rgba(30,34,53,.97),rgba(13,18,33,.985) 58%,rgba(42,31,72,.97));padding:11px calc(11px + var(--safe-right)) calc(11px + var(--safe-bottom) + var(--content-safe-bottom)) calc(11px + var(--safe-left));box-shadow:0 -18px 44px rgba(0,0,0,.36);-webkit-backdrop-filter:blur(15px) saturate(125%);backdrop-filter:blur(15px) saturate(125%)}
.chatgpt-sticky-total{display:grid;min-width:0;gap:4px}
.chatgpt-sticky-total span{overflow:hidden;color:#b9bfd0;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.chatgpt-sticky-total strong{color:#fff;font-size:17px;font-weight:690;line-height:1.18;overflow-wrap:anywhere}
.chatgpt-sticky-checkout .action-button{min-width:0;min-height:54px;border-radius:15px;background:linear-gradient(112deg,#8170ed,#517fcf 58%,#4ea8df);padding:10px 12px;font-size:14px;line-height:1.25}
.chatgpt-sticky-checkout .action-button:disabled{border-color:#34394a;background:#242837;color:#858b9d;box-shadow:none;cursor:not-allowed}

.chatgpt-review-heading{display:grid;gap:7px;border:1px solid rgba(150,134,255,.17);border-radius:18px;background:linear-gradient(135deg,rgba(41,37,66,.72),rgba(18,24,39,.9));padding:15px}
.chatgpt-review-heading>span{color:#b5aaff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.chatgpt-review-heading h1{margin:0;color:#fff;font-size:28px;font-weight:690;line-height:1.05;letter-spacing:-.04em}
.chatgpt-review-heading p{margin:0;color:#abb2c6;font-size:12px;line-height:1.45}
.chatgpt-review-visual{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:13px;overflow:hidden;border:1px solid rgba(112,183,255,.2);border-radius:18px;background:radial-gradient(circle at 88% 8%,rgba(112,183,255,.18),transparent 42%),linear-gradient(135deg,#151a28,#10141f);padding:10px}
.chatgpt-review-thumbnail{width:132px;border-color:rgba(190,202,255,.18);border-radius:14px;background:#11131a}
.chatgpt-review-thumbnail img{object-fit:cover}
.chatgpt-review-product-copy{display:grid;min-width:0;gap:4px}
.chatgpt-review-product-copy small{color:#9d91ff;font-size:10px;font-weight:720;letter-spacing:.08em;text-transform:uppercase}
.chatgpt-review-product-copy strong{color:#fff;font-size:19px;font-weight:710;line-height:1.16;overflow-wrap:anywhere}
.chatgpt-review-product-copy span{color:#aeb6ca;font-size:11px;line-height:1.42;overflow-wrap:anywhere}
.chatgpt-review-card{overflow:hidden;border:1px solid var(--chatgpt-line);border-radius:17px;background:#141722}
.chatgpt-review-card>div{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:12px;border-bottom:1px solid rgba(190,202,255,.1);padding:11px 12px}
.chatgpt-review-card>div:last-child{border-bottom:0}
.chatgpt-review-card span{color:#99a1b7;font-size:12px}
.chatgpt-review-card strong{min-width:0;color:#f2f3fb;font-size:12px;font-weight:640;line-height:1.4;text-align:right;overflow-wrap:anywhere}
.chatgpt-submit-status:empty{display:none}
.chatgpt-submit-status{margin:0;border:1px solid rgba(231,181,111,.24);border-radius:12px;background:rgba(87,57,26,.18);padding:10px;color:#e5c594;font-size:12px;line-height:1.4}
.chatgpt-edit-order{min-height:46px;border:1px solid var(--chatgpt-line);border-radius:14px;background:#151925;color:#d7daea;font-size:13px;font-weight:630}
.chatgpt-demo-primary{width:100%;min-height:52px;border-radius:15px;background:linear-gradient(112deg,#8170ed,#517fcf 58%,#4ea8df);font-size:14px;font-weight:680}
.chatgpt-demo-primary:disabled{background:#242837;color:#858b9d;box-shadow:none}
.chatgpt-demo-payments{display:grid;gap:8px}
.chatgpt-demo-payments>button{display:grid;min-width:0;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:10px;border:1px solid var(--chatgpt-line);border-radius:15px;background:#141722;padding:10px;color:#eef0fa;text-align:left}
.chatgpt-demo-payments>button.active{border-color:rgba(150,134,255,.66);background:linear-gradient(125deg,rgba(54,47,93,.65),rgba(23,33,57,.92))}
.chatgpt-demo-payments>button>span:nth-child(2){display:grid;gap:3px;min-width:0}
.chatgpt-demo-payments strong{font-size:13px;font-weight:660}
.chatgpt-demo-payments small{color:#a9b0c4;font-size:11px;line-height:1.35}
.chatgpt-demo-payments>button>i{color:#aba0ff}
.chatgpt-demo-payment-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:rgba(112,183,255,.11);color:#9dccff}
.chatgpt-demo-payment-icon .ui-icon{width:21px;height:21px}
.chatgpt-demo-payment-icon.plum{background:rgba(150,134,255,.12);color:#c3baff}
.chatgpt-server-status{display:grid;justify-items:center;gap:9px;border:1px solid var(--chatgpt-line);border-radius:20px;background:linear-gradient(135deg,rgba(36,39,59,.94),rgba(14,19,32,.98));padding:24px 16px;text-align:center}
.chatgpt-server-status>span{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(112,183,255,.3);border-radius:50%;background:rgba(66,115,179,.15);color:#9bcdff}
.chatgpt-server-status h1{margin:0;color:#fff;font-size:26px;line-height:1.12}
.chatgpt-server-status p,.chatgpt-server-status small{margin:0;color:#aeb5c8;font-size:12px;line-height:1.45}
.chatgpt-demo-status-visual{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:13px;overflow:hidden;border:1px solid rgba(150,134,255,.2);border-radius:20px;background:radial-gradient(circle at 88% 8%,rgba(150,134,255,.22),transparent 42%),linear-gradient(135deg,#171827,#10141f);padding:10px}
.chatgpt-status-thumbnail{width:132px;border-color:rgba(190,202,255,.18);border-radius:14px;background:#11131a}
.chatgpt-status-thumbnail img{object-fit:cover}
.chatgpt-status-product-copy{display:grid;min-width:0;gap:4px;padding-right:46px}
.chatgpt-status-product-copy small{color:#a99cff;font-size:10px;font-weight:720;letter-spacing:.08em;text-transform:uppercase}
.chatgpt-status-product-copy strong{color:#fff;font-size:19px;font-weight:710;line-height:1.16;overflow-wrap:anywhere}
.chatgpt-status-product-copy span{color:#aeb5c8;font-size:11px;line-height:1.4}
.chatgpt-status-stage-icon{position:absolute;right:12px;bottom:12px;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(18,24,39,.86);color:#a9d3ff;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.chatgpt-status-stage-icon .ui-icon{width:21px;height:21px}
.chatgpt-demo-complete-status{border:1px solid rgba(81,196,154,.26);border-radius:999px;background:rgba(53,136,107,.14);padding:6px 10px!important;color:#9ee3c9!important;font-weight:650}
.chatgpt-issued-account{display:grid;gap:10px;border:1px solid rgba(81,196,154,.3);border-radius:18px;background:linear-gradient(140deg,rgba(35,88,72,.19),rgba(18,24,34,.96));padding:13px}
.chatgpt-issued-heading{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px}
.chatgpt-issued-heading>span{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(81,196,154,.32);border-radius:12px;background:rgba(53,136,107,.16);color:#9ee3c9}
.chatgpt-issued-heading>span .ui-icon{width:19px;height:19px}
.chatgpt-issued-heading small,.chatgpt-issued-heading h2{display:block;margin:0}
.chatgpt-issued-heading small{color:#8fd2bc;font-size:10px;font-weight:680;letter-spacing:.06em;text-transform:uppercase}
.chatgpt-issued-heading h2{margin-top:3px;color:#fff;font-size:17px;font-weight:690;line-height:1.2}
.chatgpt-issued-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 10px;border:1px solid rgba(190,202,255,.12);border-radius:13px;background:rgba(9,13,21,.45);padding:10px}
.chatgpt-issued-row>span{grid-column:1/-1;color:#919bad;font-size:10px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}
.chatgpt-issued-row>strong{min-width:0;color:#f4f7ff;font-size:13px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}
.chatgpt-issued-row>button,.chatgpt-issued-actions button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(112,183,255,.25);border-radius:10px;background:rgba(46,86,137,.17);padding:7px 9px;color:#b9dbff;font-size:10px;font-weight:650}
.chatgpt-issued-row button .ui-icon{width:13px;height:13px}
.chatgpt-issued-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.chatgpt-issued-account>p{margin:0;border-top:1px solid rgba(190,202,255,.1);padding-top:10px;color:#b7c2d2;font-size:11px;line-height:1.48}
.chatgpt-ready-notification{display:flex;align-items:flex-start;gap:8px;border:1px solid rgba(81,196,154,.28);border-radius:14px;background:rgba(53,136,107,.13);padding:11px;color:#a9e6d1;font-size:11px;line-height:1.48}
.chatgpt-ready-notification .ui-icon{width:16px;height:16px;flex:0 0 auto}
.chatgpt-demo-final-actions{display:grid;gap:8px}
.chatgpt-demo-final-actions .action-button{min-height:52px;border-radius:15px;background:linear-gradient(112deg,#8170ed,#517fcf 58%,#4ea8df);font-size:14px}

.chatgpt-production-unavailable-screen .screen-content{min-height:calc(100dvh - var(--header-height,64px));align-content:center}
.chatgpt-production-unavailable{display:grid;justify-items:center;gap:10px;border:1px solid rgba(150,134,255,.18);border-radius:22px;background:radial-gradient(circle at 50% 0,rgba(103,83,185,.18),transparent 48%),linear-gradient(145deg,rgba(24,27,42,.98),rgba(12,15,25,.99));padding:24px 18px;text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.045)}
.chatgpt-paused-icon{width:86px;height:86px;overflow:hidden;border:1px solid rgba(112,183,255,.2);border-radius:24px;background:rgba(16,20,33,.84)}
.chatgpt-paused-icon .product-visual{width:100%;height:100%;border:0;border-radius:0;background:transparent}
.chatgpt-production-unavailable>span{color:#a99dff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.chatgpt-production-unavailable h1{max-width:290px;margin:0;color:#fff;font-size:25px;font-weight:710;line-height:1.12;letter-spacing:-.035em}
.chatgpt-production-unavailable p{max-width:330px;margin:0;color:#aeb4c7;font-size:13px;line-height:1.5}
.chatgpt-production-unavailable .action-button{width:100%;max-width:280px;min-height:50px;margin-top:5px;border-radius:14px;background:linear-gradient(112deg,#7869dc,#527fc9);font-size:13px}

:where(.chatgpt-checkout-screen,.chatgpt-review-screen,.chatgpt-status-screen) :where(button,input,summary):focus-visible{outline:3px solid rgba(130,191,255,.8);outline-offset:2px}
@supports selector(.chatgpt-checkout-screen:has(input:focus)){
  :where(.chatgpt-checkout-screen,.chatgpt-review-screen):has(input:focus) .screen-content{padding-bottom:0}
  :where(.chatgpt-checkout-screen,.chatgpt-review-screen):has(input:focus) .chatgpt-sticky-checkout{position:relative;right:auto;bottom:auto;left:auto;width:100%;margin:4px 0 0;border-bottom:1px solid rgba(190,202,255,.22);border-radius:18px;padding:10px}
}

@media(max-width:430px){
  .chatgpt-checkout-screen .screen-content,.chatgpt-review-screen .screen-content{gap:12px}
  .chatgpt-plan-card{padding:12px}
}
@media(max-width:390px){
  .chatgpt-plan-facts{grid-template-columns:minmax(0,1fr)}
  .chatgpt-section-heading{align-items:start;flex-direction:column;gap:4px}
  .chatgpt-section-heading h2{text-align:left}
  .chatgpt-demo-banner{align-items:flex-start;flex-direction:column;gap:3px}
  .chatgpt-demo-banner span{text-align:left}
}
@media(max-width:375px){
  .chatgpt-mode-switch button{padding:10px}
  .chatgpt-review-visual{grid-template-columns:106px minmax(0,1fr);gap:10px;padding:9px}
  .chatgpt-review-thumbnail{width:106px;border-radius:12px}
  .chatgpt-review-product-copy strong{font-size:16px}
  .chatgpt-demo-status-visual{grid-template-columns:106px minmax(0,1fr);gap:10px;padding:9px}
  .chatgpt-status-thumbnail{width:106px;border-radius:12px}
  .chatgpt-status-product-copy{padding-right:40px}
  .chatgpt-status-product-copy strong{font-size:16px}
  .chatgpt-sticky-checkout{grid-template-columns:minmax(88px,.7fr) minmax(0,1.3fr);gap:8px;padding-right:calc(9px + var(--safe-right));padding-left:calc(9px + var(--safe-left))}
  .chatgpt-sticky-checkout .action-button{padding-inline:9px;font-size:13px}
}
@media(max-width:320px){
  .chatgpt-plan-list{grid-template-columns:minmax(0,1fr)}
  .chatgpt-plan-card{min-height:146px}
  .chatgpt-mode-switch,.chatgpt-login-methods>div{grid-template-columns:minmax(0,1fr)}
  .chatgpt-plan-card-head{align-items:start;flex-direction:column;gap:4px}
  .chatgpt-plan-card-head b{white-space:normal}
  .chatgpt-review-card>div{grid-template-columns:minmax(0,1fr);gap:4px}
  .chatgpt-review-card strong{text-align:left}
  .chatgpt-sticky-checkout{grid-template-columns:minmax(116px,.85fr) minmax(0,1.15fr);gap:7px}
  .chatgpt-sticky-total strong{font-size:15px;overflow-wrap:normal}
}

/* Moderated customer reviews */
.review-stars{display:inline-flex;gap:2px;color:#77717f;white-space:nowrap}.review-stars>span{display:inline-flex}.review-stars .ui-icon{width:14px;height:14px}.review-stars>span.is-filled{color:#ffd86c}.review-stars>span.is-filled .ui-icon{fill:currentColor}
.review-inline-loader,.review-empty-copy{margin:0;color:#a9a3b5;font-size:13px;line-height:1.5}
.customer-reviews .customer-review-rail{align-items:stretch}
.customer-reviews .public-review-card{min-width:min(288px,84vw);max-width:320px}
.customer-review-link{border:0;background:transparent;cursor:pointer}
.reviews-screen .screen-content{display:grid;gap:14px}
.reviews-summary{display:grid;grid-template-columns:minmax(118px,.7fr) minmax(0,1.3fr);align-items:center;gap:18px;border:1px solid rgba(170,140,255,.24);border-radius:22px;background:linear-gradient(145deg,rgba(36,29,58,.92),rgba(17,20,31,.96));padding:18px}
.reviews-summary>div:first-child{display:grid;justify-items:start;gap:5px}
.reviews-summary>div:first-child>strong{color:#fff;font-size:42px;line-height:1;font-weight:720;letter-spacing:-.06em}
.reviews-summary>div:first-child>span:last-child{color:#aaa4b5;font-size:12px}
.review-distribution{display:grid;gap:6px}
.review-distribution-row{display:grid;grid-template-columns:28px minmax(60px,1fr) 24px;align-items:center;gap:8px;color:#aaa4b5;font-size:11px}
.review-distribution-row i{display:block;height:6px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}
.review-distribution-row b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd76a,#ff9a68)}
.review-distribution-row strong{text-align:right}
.reviews-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(18,19,27,.82);padding:12px}
.reviews-filters label{display:grid;gap:6px;color:#aaa4b5;font-size:11px;font-weight:650}
.reviews-filters select{width:100%;min-width:0;min-height:44px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#12141d;color:#f3eff8;padding:0 10px;font:inherit}
.public-review-list,.product-review-list{display:grid;gap:10px}
.public-review-card{display:grid;min-width:0;gap:10px;border:1px solid rgba(255,255,255,.11);border-radius:19px;background:linear-gradient(145deg,rgba(29,27,40,.96),rgba(17,18,25,.98));padding:14px;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.public-review-card>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}
.review-avatar{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(179,150,255,.3);border-radius:50%;background:linear-gradient(145deg,rgba(108,82,169,.35),rgba(49,42,68,.8));color:#efe9ff;font-weight:750}
.public-review-card>header>span:nth-child(2){display:grid;min-width:0;gap:2px}
.public-review-card>header strong{overflow:hidden;color:#f8f4fb;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.public-review-card>header small{color:#9993a4;font-size:11px}
.review-product-link{display:grid;justify-items:start;gap:2px;border:0;border-radius:11px;background:rgba(255,255,255,.035);padding:9px 10px;color:#eae5f3;text-align:left;cursor:pointer}
.review-product-link strong{font-size:12px}.review-product-link small{color:#9993a4;font-size:10px;line-height:1.35}
.review-card-text{display:-webkit-box;overflow:hidden;margin:0;color:#d7d1de;font-size:13px;line-height:1.52;white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.review-card-text.expanded{display:block;overflow:visible}
.review-expand{width:max-content;min-height:36px;border:0;background:transparent;padding:0;color:#b9a8ff;font-size:12px;font-weight:650}
.review-topics{display:flex;flex-wrap:wrap;gap:6px}.review-topics span{border:1px solid rgba(184,164,255,.2);border-radius:999px;background:rgba(118,89,172,.12);padding:5px 8px;color:#cbbfff;font-size:10px}
.public-review-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.07);padding-top:10px}
.verified-purchase{display:inline-flex;align-items:center;gap:5px;color:#8fd8aa;font-size:10px;font-weight:650}.verified-purchase .ui-icon{width:14px;height:14px}
.helpful-button{min-height:38px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.035);padding:7px 10px;color:#aaa4b5;font-size:11px}.helpful-button.active{border-color:rgba(255,164,117,.4);background:rgba(159,71,55,.16);color:#ffbaa5}.helpful-button:disabled{cursor:not-allowed;opacity:.55}
.review-admin-reply{border-left:2px solid #9c86ff;border-radius:0 10px 10px 0;background:rgba(127,102,210,.1);padding:9px 10px}.review-admin-reply strong{color:#c9bdff;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.review-admin-reply p{margin:4px 0 0;color:#c9c3d0;font-size:12px;line-height:1.48}
.public-review-card.is-compact{height:100%;align-content:start}.public-review-card.is-compact .review-card-text{-webkit-line-clamp:4}.public-review-card.is-compact>footer{margin-top:auto}
.reviews-load-more{width:100%}

.product-reviews{display:grid;gap:11px;border:1px solid rgba(var(--product-accent-rgb),.16);border-radius:20px;background:linear-gradient(145deg,rgba(var(--product-accent-rgb),.06),rgba(15,17,24,.94));padding:14px}
.storefront-product-shell .product-reviews{margin-top:18px}
.product-reviews-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.product-reviews-heading span:first-child{display:grid;gap:3px}.product-reviews-heading small{color:rgba(var(--product-accent-rgb),.72);font-size:10px;font-weight:700;letter-spacing:.08em}.product-reviews-heading h2{margin:0;color:#fff;font-size:20px;line-height:1.15}
.product-reviews-heading>strong{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:end;justify-items:end;gap:2px 6px;color:#fff;font-size:18px}.product-reviews-heading>strong .review-stars{grid-column:2;min-width:max-content}.product-reviews-heading>strong small{grid-column:1/-1;color:#aaa4b5;font-weight:500;letter-spacing:0}.product-reviews .customer-review-link{justify-self:start;margin:0;padding:4px;color:rgb(var(--product-accent-rgb))}

.post-purchase-review{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;border:1px solid rgba(255,210,105,.25);border-radius:18px;background:linear-gradient(145deg,rgba(86,62,25,.22),rgba(23,22,29,.94));padding:13px}
.post-review-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:rgba(255,205,95,.12);color:#ffd96d}.post-review-icon .ui-icon{width:22px;height:22px}
.post-purchase-review>div:nth-child(2){display:grid;gap:3px}.post-purchase-review strong{color:#fff;font-size:15px}.post-purchase-review small{color:#aaa4b5;font-size:11px;line-height:1.4}
.post-purchase-review>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.post-purchase-review button{min-height:44px;border-radius:13px;padding:8px 12px;font-size:12px;font-weight:680}
.post-purchase-review.is-deferred{display:block;border-color:rgba(184,164,255,.18);background:rgba(65,51,98,.1);padding:8px}.post-purchase-review.is-deferred button{display:flex;width:100%;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:#c7b9ff}.post-purchase-review.is-deferred .ui-icon{width:17px;height:17px}

.review-form-screen .screen-content{display:grid;min-height:calc(100dvh - 64px);align-content:end;padding-bottom:calc(18px + var(--safe-bottom) + var(--content-safe-bottom))}
.review-form-dialog{display:grid;gap:14px;border:1px solid rgba(183,157,255,.25);border-radius:24px 24px 18px 18px;background:linear-gradient(155deg,rgba(35,29,51,.99),rgba(16,18,25,.995));padding:16px;box-shadow:0 -18px 48px rgba(0,0,0,.34)}
.review-form-dialog>header{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center}.review-form-dialog>header>span{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:rgba(255,211,101,.12);color:#ffd96d}.review-form-dialog>header small,.review-form-dialog>header h1,.review-form-dialog>header p{display:block;margin:0}.review-form-dialog>header small{color:#aaa4b5;font-size:10px}.review-form-dialog>header h1{margin-top:2px;color:#fff;font-size:22px;line-height:1.1}.review-form-dialog>header p{margin-top:3px;color:#c6c0cc;font-size:12px}
.review-form-dialog form{display:grid;gap:14px}.review-form-dialog fieldset{min-width:0;margin:0;border:0;padding:0}.review-form-dialog legend,.review-text-field{color:#ece7f2;font-size:12px;font-weight:680}.review-form-dialog legend span{color:#888292;font-weight:500}
.review-rating-buttons{display:flex;gap:6px;margin-top:8px}.review-rating-buttons button{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#14151d;color:#65616d}.review-rating-buttons button .ui-icon{width:23px;height:23px}.review-rating-buttons button.active{border-color:rgba(255,213,107,.48);background:rgba(125,84,23,.24);color:#ffd76d}.review-rating-buttons button.active .ui-icon{fill:currentColor}.review-rating-buttons button[aria-checked="true"]{box-shadow:0 0 0 2px rgba(255,215,115,.16)}
.review-text-field{display:grid;gap:7px}.review-text-field textarea{width:100%;min-height:128px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#11131a;padding:12px;color:#f4eff7;font:inherit;line-height:1.5;resize:vertical}.review-text-field small{color:#8f8998;font-size:10px;text-align:right}
.review-topic-field>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.review-topic-field label{position:relative}.review-topic-field input{position:absolute;opacity:0;pointer-events:none}.review-topic-field span{display:inline-flex;min-height:38px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#151620;padding:7px 10px;color:#aaa4b5;font-size:11px}.review-topic-field input:checked+span{border-color:rgba(175,143,255,.45);background:rgba(105,75,165,.22);color:#d6caff}.review-topic-field input:focus-visible+span{outline:3px solid rgba(255,226,128,.92);outline-offset:2px}
.review-name-field{display:flex;flex-wrap:wrap;gap:9px 16px}.review-name-field legend{width:100%;margin-bottom:7px}.review-name-field label{display:flex;align-items:center;gap:6px;color:#c3bdca;font-size:11px}.review-name-field input{accent-color:#a688ff}
.review-privacy-note{display:flex;align-items:flex-start;gap:8px;border:1px solid rgba(108,198,143,.2);border-radius:13px;background:rgba(42,110,68,.11);padding:10px;color:#a8d8b8;font-size:11px;line-height:1.45}.review-privacy-note .ui-icon{width:16px;height:16px;flex:0 0 auto}.review-help-link{color:#ffba9f;font-size:11px;line-height:1.4}.review-submit{width:100%;min-height:50px;border-radius:14px}.review-delete{min-height:44px;border:0;background:transparent;color:#ff9b9f;font-size:12px}
.review-thanks-screen .screen-content{display:grid;align-content:center;gap:10px;min-height:calc(100dvh - 68px)}.review-thanks{display:grid;justify-items:center;gap:9px;border:1px solid rgba(94,218,143,.24);border-radius:22px;background:linear-gradient(145deg,rgba(32,91,56,.18),rgba(17,20,28,.96));padding:28px 18px;text-align:center}.review-thanks>span{display:grid;width:54px;height:54px;place-items:center;border-radius:50%;background:rgba(71,177,112,.18);color:#88e1aa}.review-thanks h1,.review-thanks p{margin:0}.review-thanks h1{color:#fff;font-size:25px}.review-thanks p{color:#aaa4b5;font-size:13px;line-height:1.5}

@media(min-width:700px){
  .review-form-screen .shell{max-width:720px}.review-form-screen .screen-content{align-content:center}.review-form-dialog{border-radius:24px;padding:22px}.reviews-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:390px){
  .storefront-shell .storefront-nav{padding-inline:4px}.storefront-shell .storefront-nav button{font-size:10px}.storefront-shell .storefront-nav span{font-size:9px}
  .reviews-summary{grid-template-columns:minmax(0,1fr);gap:12px}.reviews-summary>div:first-child{grid-template-columns:auto auto;align-items:center;justify-content:start}.reviews-summary>div:first-child>span:last-child{grid-column:1/-1}
  .public-review-card>header{grid-template-columns:38px minmax(0,1fr)}.review-avatar{width:38px;height:38px}.public-review-card>header .review-stars{grid-column:2;justify-self:start}
  .review-rating-buttons{justify-content:space-between}.review-rating-buttons button{width:calc((100vw - 92px)/5);max-width:46px}
}
@media(max-width:320px){
  .reviews-filters{grid-template-columns:minmax(0,1fr)}.post-purchase-review>div:last-child{grid-template-columns:minmax(0,1fr)}
}

/* Profile: one compact heading, verified account details, and a single support action. */
.profile-screen .app-header{display:none}
.profile-screen .profile-page-heading{margin:0 0 12px}
.profile-screen .profile-page-heading h1{margin:0;font-size:27px;line-height:1.12;letter-spacing:-.035em}
.profile-screen .profile-identity,.profile-screen .profile-state{
  display:grid;
  min-width:0;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center;
  gap:12px;
  border:1px solid rgba(170,185,230,.17);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(34,43,64,.78),rgba(16,19,30,.94));
  padding:13px;
  box-shadow:inset 0 1px rgba(255,255,255,.055);
}
.profile-screen .profile-account-avatar{
  display:grid;
  width:44px;
  height:44px;
  place-items:center;
  border:1px solid rgba(174,183,233,.2);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(92,111,168,.22),rgba(70,57,119,.18));
  color:#c3c9f2;
}
.profile-screen .profile-account-avatar .ui-icon{width:22px;height:22px}
.profile-screen .profile-account-copy{min-width:0}
.profile-screen .profile-account-copy :where(strong,small){display:block;min-width:0;overflow-wrap:anywhere}
.profile-screen .profile-account-copy strong{font-size:15px;font-weight:620;line-height:1.35}
.profile-screen .profile-account-copy small{margin-top:4px;color:#aaaebb;font-size:12px;line-height:1.4}
.profile-screen .profile-state--error{grid-template-columns:46px minmax(0,1fr);row-gap:12px;border-color:rgba(241,190,126,.2)}
.profile-screen .profile-retry-button{grid-column:2;justify-self:start;min-height:42px;padding:9px 13px}
.profile-screen .profile-menu{margin-top:12px;overflow:hidden;border:1px solid rgba(170,185,230,.16);border-radius:18px;background:linear-gradient(145deg,rgba(30,34,49,.78),rgba(14,17,27,.94))}
.profile-screen .profile-support-action{display:grid;min-width:0;min-height:70px;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:12px 14px;color:inherit;text-align:left;text-decoration:none}
.profile-screen .profile-menu-icon{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(170,185,230,.16);border-radius:11px;background:rgba(97,116,171,.14);color:#bfc7ec}
.profile-screen .profile-menu-icon .ui-icon{width:19px;height:19px}
.profile-screen .profile-copy{min-width:0}
.profile-screen .profile-copy :where(strong,small){display:block;min-width:0;overflow-wrap:anywhere}
.profile-screen .profile-copy strong{font-size:14px;font-weight:600}
.profile-screen .profile-copy small{margin-top:4px;color:#aaaebb;font-size:12px;line-height:1.4}
.profile-screen .profile-arrow{display:grid;width:18px;height:18px;place-items:center;color:#aeb5cf}
.profile-screen .profile-arrow .ui-icon{width:18px;height:18px}
.profile-screen .profile-support-action:focus-visible,.profile-screen .profile-retry-button:focus-visible{outline:2px solid #b7b5ff;outline-offset:2px}
.profile-screen .profile-bonus,.profile-screen .profile-referral-link,.profile-screen .profile-referrals{
  min-width:0;
  margin-top:12px;
  border:1px solid rgba(170,185,230,.17);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(34,43,64,.78),rgba(16,19,30,.94));
  padding:15px;
  box-shadow:inset 0 1px rgba(255,255,255,.055);
}
.profile-screen .profile-bonus>span,.profile-screen .profile-referral-link>strong{display:block;color:#bfc7dc;font-size:13px;font-weight:600}
.profile-screen .profile-bonus>strong{display:block;margin-top:7px;color:#fff;font-size:30px;line-height:1.1;letter-spacing:-.035em}
.profile-screen .profile-referral-link>a{display:block;margin-top:10px;color:#d8d2ff;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.profile-screen .profile-referral-link>button,.profile-screen .profile-referrals>button{
  min-height:40px;margin-top:13px;border:1px solid rgba(185,174,246,.28);border-radius:11px;
  background:rgba(116,100,185,.2);padding:8px 12px;color:#f4efff;font:inherit;font-size:13px;font-weight:600;
}
.profile-screen .profile-referral-link>button .ui-icon{width:16px;height:16px;margin-left:8px;vertical-align:-3px}
.profile-screen .profile-referrals-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.profile-screen .profile-referrals-heading h2{margin:0;font-size:16px;line-height:1.35}
.profile-screen .profile-referrals-heading>span{display:grid;min-width:27px;height:27px;place-items:center;border-radius:9px;background:rgba(116,100,185,.24);color:#ded5ff;font-size:13px}
.profile-screen .profile-referrals>p{margin:12px 0 0;color:#aaaebb;font-size:13px}
.profile-screen .profile-referrals>ul{margin:10px 0 0;padding:0;list-style:none}
.profile-screen .profile-referrals li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:10px 0;border-top:1px solid rgba(170,185,230,.11)}
.profile-screen .profile-referrals li>span{min-width:0}
.profile-screen .profile-referrals li strong,.profile-screen .profile-referrals li small{display:block;overflow-wrap:anywhere}
.profile-screen .profile-referrals li strong{font-size:13px;font-weight:600}
.profile-screen .profile-referrals li small,.profile-screen .profile-referrals li time{color:#aaaebb;font-size:11px;line-height:1.35}
.profile-screen .profile-referrals li time{flex-shrink:0;text-align:right}
.profile-screen :is(.profile-referral-link,.profile-referrals) button:focus-visible{outline:2px solid #b7b5ff;outline-offset:2px}
/* Payment terms remain readable on narrow Telegram WebViews. */
.choice-copy .payment-commission-badge,
.payment-commission-badge {
  display: inline-block;
  width: fit-content;
  margin-top: 6px;
  padding: 5px 9px;
  border: 1px solid rgba(189, 157, 255, .32);
  border-radius: 999px;
  background: rgba(127, 79, 207, .18);
  color: #e5d6ff;
  font-size: 12px;
  line-height: 1.35;
}
.payment-commission-badge.no-fee { color: #adf2df; border-color: rgba(102, 223, 184, .3); background: rgba(40, 123, 103, .18); }
.manual-transfer-error { color: #ffa0b7; font-size: 14px; }
/* A usable first paint while the independent catalog requests are in flight. */
.boot-shell{box-sizing:border-box;min-height:100vh;padding:calc(var(--safe-top,0px) + 48px) 20px calc(var(--safe-bottom,0px) + 32px);background:var(--bg-primary,#050d1b);color:#f3f5fb;font-family:system-ui,sans-serif}
.boot-shell-brand{color:#a77cff;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.boot-shell h1{max-width:440px;margin:22px 0 12px;font-size:clamp(28px,8vw,42px);line-height:1.08}
.boot-shell p{margin:0;color:#b8c0d4;line-height:1.5}
.boot-shell-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:480px;margin:32px 0 26px}
.boot-shell-cards span{height:112px;border-radius:18px;background:linear-gradient(140deg,#17203a,#25204a)}
.boot-shell a{display:inline-block;padding:12px 0;color:#b997ff;font-weight:600}
.home-catalog-loading{margin:12px 0 20px;padding:24px 20px;border:1px solid rgba(166,163,213,.26);border-radius:22px;background:linear-gradient(145deg,#17203a,#25204a);color:#f3f5fb}
.home-catalog-loading h2{margin:14px 0 8px;font-size:clamp(24px,7vw,34px);line-height:1.12}
.home-catalog-loading p{max-width:420px;margin:0;color:#c6cbe0;line-height:1.5}
.home-catalog-loading .boot-shell-cards{margin:22px 0 0}
.home-catalog-loading .boot-shell-cards span{height:72px}
.storefront-nav button:disabled{opacity:.45;cursor:wait}