/* SP_PREMIUM_CHECKOUT_V1_20260801 */
body.sp-premium-checkout {
  --bg:#070418;
  --card:#120b2a;
  --line:rgba(178,106,255,.27);
  --text:#fbf8ff;
  --muted:#b9add0;
  --a:#7c3cff;
  --b:#ff3ca6;
  background:
    radial-gradient(circle at 8% 0,rgba(124,60,255,.23),transparent 31%),
    radial-gradient(circle at 93% 25%,rgba(255,60,166,.12),transparent 27%),
    #070418 !important;
}

body.sp-premium-checkout .wrap { width:min(1180px,calc(100% - 28px)); }
body.sp-premium-checkout .head { padding:18px 0 14px; }
body.sp-premium-checkout .headin {
  border-color:rgba(178,106,255,.32);
  background:rgba(16,8,37,.92);
  box-shadow:0 18px 50px rgba(15,4,39,.25);
}
body.sp-premium-checkout .brand { letter-spacing:.01em; }
body.sp-premium-checkout .brand strong { color:#ff62bf; }
body.sp-premium-checkout .grid { align-items:start; gap:24px; }
body.sp-premium-checkout .card {
  border-color:rgba(178,106,255,.28);
  background:linear-gradient(155deg,rgba(22,12,47,.96),rgba(10,6,27,.96));
  box-shadow:0 24px 68px rgba(8,2,25,.32),inset 0 1px 0 rgba(255,255,255,.035);
}
body.sp-premium-checkout .grid > .card:last-child { position:sticky; top:18px; }
body.sp-premium-checkout h1 { letter-spacing:-.035em; }
body.sp-premium-checkout .item { align-items:center; }
body.sp-premium-checkout .item > div:first-child { min-width:0; }
body.sp-premium-checkout .platform { color:#d095ff; }
body.sp-premium-checkout .link {
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.sp-premium-checkout .item > div:last-child {
  display:grid;
  min-width:86px;
  justify-items:end;
  gap:8px;
}
body.sp-premium-checkout .remove {
  min-width:42px;
  min-height:42px;
  margin:0;
  border:1px solid rgba(255,92,157,.32);
  border-radius:12px;
  background:rgba(91,19,54,.35);
  font-size:0;
}
body.sp-premium-checkout .remove::before { content:'Sil'; font-size:12px; font-weight:900; }
body.sp-premium-checkout .field input {
  min-height:54px;
  border-color:rgba(178,106,255,.25);
  border-radius:14px;
  background:#09051c;
}
body.sp-premium-checkout .field input:focus {
  border-color:#b36eff;
  box-shadow:0 0 0 4px rgba(124,60,255,.16);
}
body.sp-premium-checkout .payment span {
  min-height:72px;
  align-items:center;
  border-color:rgba(178,106,255,.25);
  background:#09051c;
}
body.sp-premium-checkout .payment input:checked+span {
  border-color:#b16bff;
  background:linear-gradient(135deg,rgba(124,60,255,.22),rgba(255,60,166,.08));
  box-shadow:0 0 0 3px rgba(124,60,255,.13);
}
body.sp-premium-checkout .pay {
  min-height:60px;
  background:linear-gradient(135deg,#7c3cff,#ff3ca6);
  box-shadow:0 16px 38px rgba(124,60,255,.3);
  font-weight:900;
}
body.sp-premium-checkout .sp-checkout-benefits {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
body.sp-premium-checkout .sp-checkout-benefits div {
  padding:10px 7px;
  border:1px solid rgba(178,106,255,.22);
  border-radius:12px;
  background:#09051c;
  text-align:center;
}
body.sp-premium-checkout .sp-checkout-benefits strong,
body.sp-premium-checkout .sp-checkout-benefits span { display:block; }
body.sp-premium-checkout .sp-checkout-benefits strong { font-size:11px; }
body.sp-premium-checkout .sp-checkout-benefits span { margin-top:2px;color:var(--muted);font-size:9px; }
body.sp-premium-checkout .sp-checkout-sticky-bar { display:none; }

@media(max-width:820px){
  body.sp-premium-checkout { padding-bottom:calc(104px + env(safe-area-inset-bottom)); }
  body.sp-premium-checkout .wrap { width:min(100% - 20px,680px); }
  body.sp-premium-checkout .head { padding:10px 0; }
  body.sp-premium-checkout .headin { padding:12px 14px; border-radius:15px; }
  body.sp-premium-checkout .grid { grid-template-columns:1fr; gap:14px; padding-bottom:30px; }
  body.sp-premium-checkout .grid > .card:last-child { position:static; }
  body.sp-premium-checkout .pad { padding:18px; }
  body.sp-premium-checkout h1 { font-size:30px; }
  body.sp-premium-checkout .sub { margin-bottom:16px; }
  body.sp-premium-checkout .item { position:relative; flex-direction:row; align-items:flex-start; }
  body.sp-premium-checkout .item > div:first-child { padding-right:8px; }
  body.sp-premium-checkout .link { max-width:calc(100vw - 150px); }
  body.sp-premium-checkout .price { align-self:auto; }
  body.sp-premium-checkout .payment span { min-height:68px; padding:12px; }
  body.sp-premium-checkout .sp-checkout-sticky-bar {
    position:fixed;
    z-index:1200;
    right:10px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    left:10px;
    display:grid;
    grid-template-columns:minmax(0,.72fr) minmax(176px,1.28fr);
    align-items:center;
    gap:10px;
    padding:10px;
    border:1px solid rgba(187,116,255,.48);
    border-radius:18px;
    background:rgba(17,7,38,.97);
    box-shadow:0 18px 48px rgba(7,1,22,.48),inset 0 1px 0 rgba(255,255,255,.06);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
  }
  body.sp-premium-checkout .sp-checkout-sticky-bar__total { min-width:0; padding-left:3px; }
  body.sp-premium-checkout .sp-checkout-sticky-bar__total span {
    display:block;
    overflow:hidden;
    color:#b9add0;
    font-size:9px;
    font-weight:800;
    letter-spacing:.05em;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
  }
  body.sp-premium-checkout .sp-checkout-sticky-bar__total strong {
    display:block;
    margin-top:1px;
    overflow:hidden;
    color:#fff;
    font-size:17px;
    font-weight:950;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body.sp-premium-checkout .sp-checkout-sticky-bar__button {
    min-height:56px;
    border:0;
    border-radius:14px;
    background:linear-gradient(135deg,#7c3cff,#ff3ca6);
    box-shadow:0 11px 28px rgba(124,60,255,.32);
    color:#fff;
    font-size:13px;
    font-weight:950;
  }
  body.sp-premium-checkout .sp-checkout-sticky-bar__button:disabled {
    background:#35264c;
    box-shadow:none;
    color:#c1b6d1;
  }
}

@media(max-width:390px){
  body.sp-premium-checkout .sp-checkout-benefits { grid-template-columns:1fr; }
  body.sp-premium-checkout .sp-checkout-benefits div { display:flex; justify-content:space-between; text-align:left; }
  body.sp-premium-checkout .sp-checkout-sticky-bar { grid-template-columns:minmax(0,.62fr) minmax(168px,1.38fr); }
  body.sp-premium-checkout .sp-checkout-sticky-bar__button { font-size:12px; }
}