/** font */
@font-face { font-family:Inter; font-style:normal; font-weight:400; font-display:swap; src:url("../fonts/inter/Inter-Regular.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:italic; font-weight:400; font-display:swap; src:url("../fonts/inter/Inter-Italic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:normal; font-weight:700; font-display:swap; src:url("../fonts/inter/Inter-Bold.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:italic; font-weight:700; font-display:swap; src:url("../fonts/inter/Inter-BoldItalic.woff2?v=4.1") format("woff2"); }
/* @font-face { font-family:Inter; font-style:normal; font-weight:800; font-display:swap; src:url("../fonts/inter/Inter-ExtraBold.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:italic; font-weight:800; font-display:swap; src:url("../fonts/inter/Inter-ExtraBoldItalic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:normal; font-weight:900; font-display:swap; src:url("../fonts/inter/Inter-Black.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:italic; font-weight:900; font-display:swap; src:url("../fonts/inter/Inter-BlackItalic.woff2?v=4.1") format("woff2"); } */

:root {
  --bg:#060716;
  --bg-2:#0a0d25;
  --panel:rgba(11,14,38,.86);
  --panel-2:rgba(16,20,54,.94);
  --line:rgba(190,198,255,.14);
  --line-2:rgba(190,198,255,.22);
  --text:#f7f8ff;
  --muted:rgba(235,238,255,.70);
  --soft:rgba(235,238,255,.48);
  --brand:#67f56e;
  --brand-2:#b8ff4b;
  --purple:#8b5cf6;
  --blue:#38bdf8;
  --orange:#ff8a35;
  --warning:#ffd464;
  --shadow:0 30px 90px rgba(0,0,0,.48);
  --shadow-soft:0 18px 48px rgba(0,0,0,.30);
  --max:1400px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#050615;}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 10% -8%,rgba(56,189,248,.20),transparent 30%),
    radial-gradient(circle at 88% 0%,rgba(139,92,246,.24),transparent 34%),
    radial-gradient(circle at 22% 70%,rgba(109,40,217,.14),transparent 30%),
    linear-gradient(180deg,#07081d 0%,#090b22 42%,#050615 100%);
  min-height:100vh;
  font-size:15px;
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
svg{display:block}
/* .page{overflow:hidden} */
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.promo-bar{
  padding:12px 16px;text-align:center;
  color:rgba(247,248,255,.95);font-size:13px;font-weight:850;
  background:linear-gradient(90deg,rgba(67,56,202,.58),rgba(124,58,237,.34),rgba(14,165,233,.24)),#090b21;
  border-top: 1px solid rgba(190,198,255,.14);
  border-bottom:1px solid rgba(190,198,255,.14);
}
.promo-bar strong{color:var(--brand-2);padding-left:4px;}
.header{position:sticky;top:0;z-index:50;background:rgba(7,9,27,.84);backdrop-filter:blur(22px);border-bottom:1px solid rgba(190,198,255,.10)}
.admin-bar .header{top:32px}
.header-row{min-height:82px;display:grid;grid-template-columns:auto minmax(280px,1fr) auto;gap:18px;align-items:center}
.brand{display:inline-flex;align-items:center;min-width:198px}
.topgift-logo{width:188px;height:auto;filter:drop-shadow(0 16px 30px rgba(0,0,0,.28)) drop-shadow(0 0 18px rgba(103,245,110,.10))}
.header-search-shell{position:relative;min-width:0}
.header-search{height:52px;display:flex;align-items:center;gap:12px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 rgba(0,0,0,0);transition:.18s ease}
.header-search:focus-within{border-color:rgba(103,245,110,.28);box-shadow:0 0 0 3px rgba(103,245,110,.08),0 18px 40px rgba(0,0,0,.18)}
.header-search svg{opacity:.7;flex:0 0 auto}
.header-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}
.header-search input::placeholder{color:rgba(235,238,255,.48)}
.search-clear{width:32px;height:32px;display:none;place-items:center;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--soft);cursor:pointer;transition:.18s ease;flex:0 0 auto}
.search-clear:hover{background:rgba(255,255,255,.08);color:var(--text)}
.header-search-shell.has-value .search-clear{display:grid}
.search-preview{position:absolute;top:calc(100% + 12px);left:0;right:0;z-index:65;display:none;border-radius:26px;border:1px solid rgba(190,198,255,.14);background:linear-gradient(180deg,rgba(9,12,34,.985),rgba(5,8,25,.99));box-shadow:0 28px 90px rgba(0,0,0,.54),0 0 36px rgba(91,126,255,.18);overflow:hidden}
.search-preview.is-open{display:block}
.search-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(190,198,255,.08)}
.search-preview-head strong{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.search-preview-head span{color:var(--muted);font-size:12px}
.search-preview-list{max-height:420px;overflow:auto;padding:10px}
.search-result{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center;padding:10px;border-radius:18px;border:1px solid transparent;transition:.18s ease;cursor:pointer}
.search-result:hover,.search-result.is-active{background:rgba(255,255,255,.05);border-color:rgba(190,198,255,.10)}
.search-result-thumb{position:relative;width:56px;aspect-ratio:4/5;border-radius:14px;overflow:hidden;border:0 solid rgba(255,255,255,.09);background:linear-gradient(145deg,var(--thumb-a,#24418c),var(--thumb-b,#6d28d9));box-shadow:0 10px 26px rgba(0,0,0,.25),0 0 16px rgba(91,126,255,.18)}
.search-result-thumb img{object-fit:cover;width:100%;height:100%}
/* .search-result-thumb:after{content:"";position:absolute;inset:6px;border-radius:10px;border:1px solid rgba(255,255,255,.08)} */
.search-result-logo,.search-result-flag{position:absolute;z-index:1}
.search-result-logo{left:8px;right:8px;bottom:10px;color:#fff;font-size:13px;font-weight:950;letter-spacing:-.04em;line-height:1.05;text-shadow:0 8px 18px rgba(0,0,0,.42);word-break:break-word}
.search-result-logo.is-short{font-size:18px;line-height:1}
.search-result-flag{top:6px;right:6px;min-width:18px;height:14px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:rgba(7,10,28,.82);border:1px solid rgba(255,255,255,.14);font-size:8px;font-weight:950;letter-spacing:.05em;color:rgba(255,255,255,.9);text-transform:uppercase}
.search-result-title{margin:0;color:var(--text);font-size:15px;font-weight:850;line-height:1.35;letter-spacing:-.02em}
.search-result-meta{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.search-preview-footer{display:flex;align-items:center;justify-content:center;padding:14px 18px;border-top:1px solid rgba(190,198,255,.08);background:rgba(255,255,255,.03);color:var(--brand-2);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.18s ease}
.search-preview-footer:hover{background:rgba(103,245,110,.08);color:#f4ffe8}
.search-empty{padding:26px 18px 30px;text-align:center;color:var(--muted)}
.search-empty strong{display:block;margin-bottom:8px;color:var(--text);font-size:16px;letter-spacing:-.02em}
.search-empty span{display:block;margin:0 auto;line-height:1.55}

.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.header-btn{min-height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.055);color:var(--text);font-size:13px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;transition:.18s ease}
.header-btn:hover{background:rgba(255,255,255,.095);transform:translateY(-1px)}
.cart-btn,.primary-btn,.buy-btn,.product-footer button{color:#061006;border:0;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 16px 46px rgba(103,245,110,.18)}
.mobile-menu{display:none}
.nav-wrap{padding:14px 0 0}
.quick-nav{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
.quick-nav::-webkit-scrollbar{display:none}
.pill{flex:0 0 auto;padding:12px 16px;border-radius:999px;border:1px solid rgba(190,198,255,.12);background:rgba(255,255,255,.055);color:var(--muted);font-size:13px;font-weight:850;transition:.18s ease}
.pill:hover,.pill.is-active{color:#081006;border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--brand-2))}
.hero{padding:28px 0 20px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:24px;align-items:stretch;position:relative;z-index:1;}
.hero-main,.hero-side,.section-card,.cta-band{border:1px solid rgba(190,198,255,.12);background:linear-gradient(180deg,rgba(12,15,41,.92),rgba(8,11,30,.98));box-shadow:var(--shadow)}
.hero-main{position:relative;overflow:hidden;min-height:500px;padding:44px;border-radius:36px;display:flex;flex-direction:column;justify-content:space-between}
.hero-main:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 12%,rgba(103,245,110,.17),transparent 28%),radial-gradient(circle at 12% 92%,rgba(56,189,248,.14),transparent 34%),radial-gradient(circle at 54% 14%,rgba(139,92,246,.18),transparent 30%);pointer-events:none}
.hero-main>*{position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;gap:10px;width:max-content;padding:8px 12px;border-radius:999px;border:1px solid rgba(103,245,110,.22);background:rgba(103,245,110,.08);font-size:12px;font-weight:950;letter-spacing:.07em;text-transform:uppercase;color:rgba(241,255,244,.92)}
.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 8px rgba(103,245,110,.12)}
h1{margin:20px 0 16px;max-width:760px;font-size:clamp(48px,6.4vw,80px);line-height:.92;letter-spacing:-.075em}
.hero-lead{max-width:650px;margin:0;color:var(--muted);font-size:clamp(17px,2vw,20px);line-height:1.55}
.hero-actions{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}
.primary-btn,.secondary-btn{min-height:54px;padding:0 18px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:900}
.secondary-btn{border:1px solid var(--line);background:rgba(255,255,255,.055);color:var(--text)}
.hero-chips{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}
.chip{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.055);color:var(--text);font-size:13px;font-weight:850}
.hero-trust{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.trust-box{padding:16px;border-radius:18px;border:1px solid rgba(190,198,255,.10);background:rgba(255,255,255,.045)}
.trust-box strong{display:block;font-size:14px}
.trust-box span{display:block;margin-top:6px;color:var(--soft);font-size:13px;line-height:1.45}
.hero-side{padding:18px;border-radius:36px;display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:500px}
.promo-tile{position:relative;overflow:hidden;border-radius:28px;padding:22px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-soft)}
.promo-tile:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.16),transparent 32%),radial-gradient(circle at 82% 88%,rgba(255,255,255,.12),transparent 38%);pointer-events:none}
.promo-tile>*{position:relative;z-index:1}
.promo-kicker{font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.74)}
.promo-title{margin:10px 0 0;max-width:210px;font-size:28px;line-height:.95;letter-spacing:-.06em}
.promo-copy{margin:12px 0 0;max-width:220px;color:rgba(255,255,255,.76);font-size:13px;line-height:1.45}
.promo-badge{width:max-content;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.88);color:#111;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.promo-symbol{position:absolute;right:18px;bottom:12px;font-size:54px;font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.96);text-shadow:0 24px 40px rgba(0,0,0,.28)}
.section{padding:22px 0 0}
.section-card{border-radius:32px;padding:26px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}
.section-label{margin-bottom:8px;color:var(--brand-2);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.14em}
.section-head h2{margin:0;font-size:clamp(28px,3vw,38px);line-height:.98;letter-spacing:-.055em}
.section-head p{margin:10px 0 0;max-width:590px;color:var(--muted);font-size:15px;line-height:1.55}
.link-btn{white-space:nowrap;padding:12px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.055);color:var(--text);font-size:13px;font-weight:800}
.rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 16px;margin:0 -2px -16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.24) rgba(255,255,255,.06)}
.rail::-webkit-scrollbar{height:8px}.rail::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:999px}.rail::-webkit-scrollbar-thumb{background:rgba(255,255,255,.24);border-radius:999px}
.product-card{flex:0 0 clamp(220px,20vw,270px);scroll-snap-align:start;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.product-card .product-meta{flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.product-visual{position:relative;display:block;aspect-ratio:4/5;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 44px rgba(0,0,0,.24)}
.product-poster{width:100%;height:100%;position:relative;padding:18px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;background:linear-gradient(145deg,var(--c1),var(--c2))}
.product-poster:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.17),transparent 31%),radial-gradient(circle at 86% 82%,rgba(255,255,255,.13),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.06),transparent 48%);z-index:0}
/* .product-poster:after{content:"";position:absolute;inset:12px;border-radius:18px;border:1px solid rgba(255,255,255,.12);z-index:0} */
.product-badge,.product-logo,.product-caption{position:relative;z-index:1}
.product-badge{width:max-content;max-width:100%;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.14);color:rgba(255,255,255,.92);font-size:10px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.product-logo{margin:auto;font-size:56px;font-weight:950;letter-spacing:-.08em;text-shadow:0 24px 36px rgba(0,0,0,.28)}
.product-caption{text-align:center;color:rgba(255,255,255,.84);font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.quick-buy{position:absolute;left:12px;right:12px;bottom:12px;height:42px;border-radius:999px;background:rgba(255,255,255,.92);color:#111;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;transform:translateY(10px);opacity:0;transition:.2s ease;backdrop-filter:blur(12px);z-index:4}
.product-card:hover .quick-buy{transform:translateY(0);opacity:1}
.product-meta h3{margin:0 0 6px;font-size:16px;line-height:1.25;letter-spacing:-.03em}
.product-meta p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}
.product-footer{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.product-footer span{font-size:18px;font-weight:800;letter-spacing:-.03em}
.product-footer button, .product-footer .primary-btn {min-height:40px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:950}
.benefit-grid,.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.benefit-grid,.steps{grid-template-columns:repeat(3,1fr)}
.product-footer .primary-btn:hover:not(:disabled) { transform: none; }
.product-poster .product-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: .2s ease; }
/* .section-product-showcase .rail > * { transition: .2s ease; }
.section-product-showcase .rail:hover > * { filter: grayscale(1); opacity: .85; }
.section-product-showcase .rail > *:hover { filter: none; opacity: 1; }
.section-product-showcase .rail:hover > * .product-image { opacity: .5; }
.section-product-showcase .rail > *:hover .product-image { opacity: 1; } */





.benefit-card,.step-card{padding:22px}
.icon,.step-no{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;margin-bottom:16px;background:linear-gradient(135deg,rgba(103,245,110,.17),rgba(139,92,246,.22));font-size:22px}
.step-no{color:#061006;background:linear-gradient(135deg,var(--brand),var(--brand-2));font-size:18px;font-weight:950}
.benefit-card h3,.step-card h3{margin:0 0 10px;font-size:18px;letter-spacing:-.03em}
.benefit-card p,.step-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.faq-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}
.faq-intro{padding:26px;padding-left:0;}
.faq-intro p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.faq-list{padding:8px}
.faq-item+.faq-item{border-top:1px solid rgba(190,198,255,.08)}
.faq-question{width:100%;padding:18px 16px;background:transparent;border:0;color:var(--text);display:flex;justify-content:space-between;gap:16px;text-align:left;font-size:15px;font-weight:850}
.faq-question span:last-child{color:var(--brand-2);font-size:20px}
.faq-answer{display:none;padding:0 16px 18px;color:var(--muted);font-size:14px;line-height:1.6}
.faq-item.is-open .faq-answer{display:block}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:30px;border-radius:32px;background:radial-gradient(circle at 12% 0%,rgba(56,189,248,.12),transparent 30%),radial-gradient(circle at 86% 100%,rgba(103,245,110,.12),transparent 30%),linear-gradient(180deg,rgba(12,15,39,.92),rgba(9,11,29,.98))}
.cta-band h2{margin:0;font-size:clamp(30px,4vw,44px);line-height:.98;letter-spacing:-.06em}
.cta-band p{margin:10px 0 0;max-width:560px;color:var(--muted);line-height:1.55}

/* .trustpilot-strip{padding:4px 0 0}
.trustpilot-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 20px;border:1px solid rgba(190,198,255,.12);border-radius:24px;background:rgba(255,255,255,.045);box-shadow:var(--shadow-soft)}
.trustpilot-copy{display:flex;align-items:center;gap:14px;min-width:0}
.trustpilot-mark{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:#00b67a;color:#061006;font-size:22px;font-weight:950;box-shadow:0 16px 38px rgba(0,182,122,.16)}
.trustpilot-copy strong{display:block;font-size:16px;letter-spacing:-.02em}
.trustpilot-copy span{display:block;margin-top:4px;color:var(--muted);font-size:13px;line-height:1.4}
.trustpilot-widget-slot{min-height:52px;min-width:340px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:18px;border:1px solid rgba(0,182,122,.25);background:rgba(0,182,122,.075)}
.trustpilot-stars{display:flex;gap:3px}
.trustpilot-stars i{width:24px;height:24px;border-radius:4px;display:grid;place-items:center;background:#00b67a;color:#061006;font-style:normal;font-size:14px;font-weight:950}
.trustpilot-widget-slot em{color:rgba(247,248,255,.88);font-style:normal;font-size:13px;font-weight:850;white-space:nowrap} */
.company-info{display:grid;gap:10px;max-width:460px}
.company-name{font-size:18px;font-weight:950;letter-spacing:-.03em;color:var(--text)}
.company-details{display:grid;gap:7px;color:var(--muted);font-size:14px;line-height:1.55}
.company-details span{display:block}
.company-details strong{color:var(--soft);}
.footer-note{margin-top:14px;color:var(--soft);font-size:13px;line-height:1.55}
.footer-company-links{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:16px}
.footer-company-links a{font-size:14px;font-weight:700;color:var(--muted)}
.footer-company-links a:hover{color:var(--text)}

.footer{margin-top:26px;padding:28px 0 40px;border-top:1px solid rgba(190,198,255,.08)}
.footer-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr .75fr;gap:24px}
.footer h3{margin:0 0 14px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.footer p{margin:14px 0 0;color:var(--muted);font-size:14px;line-height:1.6;max-width:420px}
.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.footer a{color:var(--muted);font-size:14px}.footer a:hover{color:var(--text)}
.footer-bottom{margin-top:24px;padding-top:18px;border-top:1px solid rgba(190,198,255,.08);display:flex;justify-content:space-between;gap:16px;color:var(--soft);font-size:13px}

/* Cleaner hero proof panel: replaces duplicated category promo tiles. */
.hero-proof-panel{
  display:flex;
  flex-direction:column;
  gap:16px;
  min-height:500px;
  padding:18px;
}
.proof-card{
  border:1px solid rgba(190,198,255,.12);
  background:rgba(255,255,255,.045);
  border-radius:28px;
  padding:24px;
}
.proof-card-main{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:290px;
  background:
    radial-gradient(circle at 82% 0%,rgba(103,245,110,.14),transparent 34%),
    radial-gradient(circle at 12% 100%,rgba(56,189,248,.12),transparent 34%),
    rgba(255,255,255,.045);
}
.proof-kicker{
  color:var(--brand-2);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:12px;
}
.proof-card h2{
  margin:0;
  max-width:430px;
  font-size:clamp(30px,3.3vw,46px);
  line-height:.95;
  letter-spacing:-.06em;
}
.proof-card p{
  margin:14px 0 22px;
  max-width:440px;
  color:var(--muted);
  font-size:15px;
  line-height:1.55;
}
/* .proof-trustpilot{
  width:100%;
  justify-content:flex-start;
} */
.proof-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.proof-mini{
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(190,198,255,.10);
  background:rgba(255,255,255,.045);
}
.proof-mini strong{
  display:block;
  font-size:14px;
  letter-spacing:-.02em;
}
.proof-mini span{
  display:block;
  margin-top:6px;
  color:var(--soft);
  font-size:13px;
  line-height:1.45;
}
@media(max-width:900px){.hero-proof-panel{min-height:0}.proof-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.search-preview{top:calc(100% + 10px);border-radius:22px}.search-preview-list{max-height:50vh}.search-result{grid-template-columns:50px minmax(0,1fr);gap:12px;padding:9px}.search-result-thumb{width:50px}.search-result-title{font-size:14px}}
@media(max-width:640px){.hero-proof-panel{padding:14px;border-radius:26px}.proof-grid{grid-template-columns:1fr}.proof-card{padding:20px}.proof-card-main{min-height:0}}

@media(max-width:1180px){.hero-grid{grid-template-columns:1fr}.hero-side{min-height:0}.benefit-grid,.steps,.faq-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.header-row{grid-template-columns:1fr auto;gap:12px;padding:14px 0}.header-search-shell{grid-column:1/-1;order:3}.header-search{grid-column:auto;order:auto}.header-actions .header-btn:not(.cart-trigger):not(.mobile-menu),.header-actions .header-account{display:none}.mobile-menu{display:inline-flex}.hero-main{min-height:0;padding:28px}.hero-side{grid-template-columns:1fr 1fr}.hero-trust,.benefit-grid,.steps,.faq-grid,.footer-grid{grid-template-columns:1fr}.section-head,.cta-band,.footer-bottom{flex-direction:column;align-items:flex-start;display:flex}}
@media(max-width:640px){.container{width:min(var(--max),calc(100% - 28px))}.topgift-logo{width:160px}.hero{padding-top:20px}.hero-side{grid-template-columns:1fr}.promo-tile{min-height:188px}.section-card{padding:18px;border-radius:26px}.product-card{flex-basis:190px}.cta-band{padding:22px}}


/* Cart trigger and mini-cart drawer */
.cart-trigger{
  position:relative;
  gap:9px;
  min-width:46px;
  padding-inline:13px;
  color:var(--text);
  background:rgba(255,255,255,.055);
  border:1px solid var(--line);
  box-shadow:none;
}
.cart-trigger svg{flex:0 0 auto;color:currentColor}
.cart-trigger:hover,
.cart-trigger[aria-expanded="true"]{
  color:var(--text);
  background:rgba(103,245,110,.12);
  border-color:rgba(103,245,110,.32);
  box-shadow:0 14px 36px rgba(103,245,110,.12), inset 0 1px 0 rgba(255,255,255,.06);
  transform:translateY(-1px);
}
.cart-trigger-total{display:none;font-weight:950;letter-spacing:-.02em;color:var(--text)}
.cart-trigger.has-items .cart-trigger-total{display:inline}
.cart-count{
  display:none;
  position:absolute;
  top:-7px;
  right:-7px;
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  place-items:center;
  color:#061006;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  border:2px solid #07091b;
  font-size:11px;
  font-weight:950;
}
.cart-trigger.has-items .cart-count{display:grid}
.cart-backdrop{
  position:fixed;
  inset:0;
  z-index:72;
  display:none;
  background:rgba(3,5,18,.48);
  backdrop-filter:blur(3px);
}
.cart-backdrop.is-open{display:block}
.cart-panel{
  position:fixed;
  top:96px;
  right:max(20px,calc((100vw - var(--max))/2 + 20px));
  z-index:80;
  width:min(460px,calc(100vw - 40px));
  max-height:calc(100vh - 116px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(190,198,255,.16);
  background:linear-gradient(180deg,rgba(11,14,38,.985),rgba(6,10,30,.99));
  box-shadow:0 30px 100px rgba(0,0,0,.56), 0 0 40px rgba(91,126,255,.16);
  opacity:0;
  transform:translateY(-10px) scale(.98);
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
body.admin-bar .cart-panel{top:128px}
.cart-panel.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.cart-panel-header{
  min-height:76px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:14px;
  padding:18px 20px;
  border-bottom:1px solid rgba(190,198,255,.10);
}
.cart-panel-header h2{margin:0;font-size:18px;letter-spacing:-.035em;line-height:1.15}
.cart-preview-control{display:flex;align-items:center;gap:10px;justify-self:end}
.cart-preview-label{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.cart-preview-switch{
  display:inline-flex;
  align-items:center;
  padding:4px;
  gap:4px;
  border-radius:999px;
  border:1px solid rgba(190,198,255,.12);
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.cart-preview-btn{
  min-width:62px;
  height:32px;
  padding:0 12px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--soft);
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
  cursor:pointer;
  transition:.18s ease;
}
.cart-preview-btn:hover{color:var(--text);background:rgba(255,255,255,.06)}
.cart-preview-btn.is-active{
  color:#071006;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  box-shadow:0 8px 20px rgba(103,245,110,.18);
}
.cart-close{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid transparent;
  background:transparent;
  color:var(--text);
  font-size:28px;
  line-height:1;
  cursor:pointer;
  transition:.18s ease;
}
.cart-close:hover{background:rgba(255,255,255,.07);border-color:rgba(190,198,255,.10)}
.cart-panel-body{
  overflow:auto;
  padding:18px 20px 16px;
}
.cart-empty{
  min-height:180px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
  padding:10px 4px 6px;
  color:var(--muted);
  line-height:1.55;
}
.cart-empty::before{
  content:"🛒";
  font-size:30px;
  line-height:1;
  filter:drop-shadow(0 0 20px rgba(103,245,110,.16));
}
.cart-empty strong{color:var(--text);font-size:17px;letter-spacing:-.02em}
.cart-empty span{max-width:260px}
.cart-items{display:grid;gap:16px}
/* .cart-panel.is-empty .cart-items, */
/* .cart-panel.is-empty .cart-summary{display:none} */
/* .cart-panel:not(.is-empty) .cart-empty{display:none} */
.cart-item{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding-bottom:16px;
  border-bottom:1px solid rgba(190,198,255,.10);
}
.cart-item:last-child{padding-bottom:0;border-bottom:0}
.cart-item-thumb{
  position:relative;
  width:92px;
  aspect-ratio:4/5;
  border-radius:18px;
  overflow:hidden;
  border:1px solid var(--line-2);
  /* background:
    radial-gradient(circle at 24% 20%, rgba(255,255,255,.12), transparent 26%),
    linear-gradient(145deg,var(--blue,#243b8f),var(--blue,#6d28d9)); */
  box-shadow:0 16px 34px rgba(0,0,0,.26), 0 0 24px rgba(91,126,255,.18);
}
/* .cart-item-thumb::after{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
} */
.cart-item-flag{
  position:absolute;
  top:8px;
  right:8px;
  z-index:1;
  min-width:22px;
  height:16px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(7,10,28,.84);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.92);
  font-size:9px;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.cart-item-brand{
  position:absolute;
  inset:auto 10px 14px 10px;
  z-index:1;
  color:#fff;
  font-size:19px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.05em;
  text-shadow:0 8px 20px rgba(0,0,0,.45);
  word-break:break-word;
}
.cart-item-brand.is-wordmark{font-size:15px;line-height:1.05}
.cart-item-content{min-width:0;display:flex;flex-direction:column;gap:10px;padding-top:2px}
.cart-item-title{margin:0;color:var(--text);font-size:15px;font-weight:900;line-height:1.35;letter-spacing:-.02em}
.cart-item-meta{margin:0;color:var(--soft);font-size:12px;line-height:1.45}
.cart-item-controls{display:flex;align-items:center;gap:10px}
.qty-btn{
  width:34px;
  height:34px;
  border:1px solid rgba(190,198,255,.14);
  border-radius:10px;
  color:var(--text);
  background:rgba(255,255,255,.07);
  font-weight:950;
  cursor:pointer;
  transition:.18s ease;
}
.qty-btn:hover{background:rgba(255,255,255,.11)}
.cart-item-qty{min-width:18px;text-align:center;color:var(--text);font-size:14px;font-weight:850}
.cart-item-lower{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cart-item-price{font-size:15px;font-weight:950;white-space:nowrap;color:var(--text)}
.remove-item{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(190,198,255,.12);
  border-radius:12px;
  color:var(--muted);
  background:rgba(255,255,255,.045);
  cursor:pointer;
  transition:.18s ease;
}
.remove-item:hover{color:#fff;background:rgba(255,109,122,.12);border-color:rgba(255,109,122,.24)}
.cart-summary{
  padding:20px 20px 22px;
  border-top:1px solid rgba(190,198,255,.10);
  background:rgba(255,255,255,.025);
}
.cart-total-row{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:14px;margin-bottom:12px}
.cart-total-row strong{color:var(--text);font-weight:950}
.cart-total-row.discount strong {color:var(--brand)}
.cart-total-row.is-total{margin:16px 0 20px;color:var(--text);font-size:18px;font-weight:950}
.cart-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cart-panel-actions a{
  min-height:54px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:13px;
  font-weight:950;
  text-transform: uppercase;
}
.view-cart-btn{border:1px solid rgba(56,189,248,.24);background:rgba(56,189,248,.14);color:#dff7ff}
.checkout-btn{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#061006;box-shadow:0 16px 36px rgba(103,245,110,.16)}
@media(max-width:900px){
  .cart-trigger-total{display:none!important}
}
@media(max-width:640px){
  .cart-backdrop{background:rgba(3,5,18,.62)}
  .cart-panel{
    top:0;
    right:0;
    bottom:0;
    width:100vw;
    max-height:none;
    border-radius:0;
    border-top:0;
    border-right:0;
    border-bottom:0;
    transform:translateX(100%);
  }
  .cart-panel.is-open{transform:translateX(0)}
  .cart-panel-header{
    min-height:70px;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:10px;
    padding:16px;
  }
  .cart-panel-header h2{font-size:17px}
  .cart-preview-control{gap:8px}
  .cart-preview-label{display:none}
  .cart-preview-switch{padding:3px}
  .cart-preview-btn{min-width:56px;height:30px;padding:0 10px;font-size:11px}
  .cart-panel-body{padding:16px}
  .cart-item{grid-template-columns:78px minmax(0,1fr);gap:12px}
  .cart-item-thumb{width:78px}
  .cart-item-brand{font-size:16px;left:8px;right:8px;bottom:12px}
  .cart-item-brand.is-wordmark{font-size:13px}
  .cart-summary{padding:18px 16px 20px;margin-top:auto}
  .cart-panel-actions{grid-template-columns:1fr 1fr;gap:10px}
  .cart-panel-actions a{min-height:50px;font-size:12px}
}


/* Production header navigation: desktop mega menu + mobile accordion drawer */
.nav-wrap{
  padding:0;
  overflow:visible;
}
.desktop-menu{
  display:block;
}
.main-menu{
  display:flex;
  align-items:center;
  gap:6px;
  overflow:visible;
  position:relative;
}
.menu-item{
  position:static;
  flex:0 0 auto;
}
.menu-link{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(190,198,255,.12);
  background:rgba(255,255,255,.045);
  color:var(--muted);
  font-size:13px;
  font-weight:900;
  transition:.18s ease;
  margin-bottom: 12px;
}
.menu-link:hover,
.menu-item:focus-within .menu-link,
.menu-item:hover .menu-link,
.menu-link.is-active{
  color:#081006;
  border-color:transparent;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  box-shadow:0 14px 36px rgba(103,245,110,.13);
}
.menu-link.has-dropdown:after{
  content:"";
  width:6px;
  height:6px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  opacity:.76;
}
.mega-menu{
  position:absolute;
  top:100%;
  left:0;
  width:min(760px,calc(100vw - 40px));
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px) scale(.985);
  transition:.18s ease;
  z-index:75;
}
.main-menu > .menu-item:nth-child(2) .mega-menu{left:72px}
.main-menu > .menu-item:nth-child(3) .mega-menu{left:178px}
.main-menu > .menu-item:nth-child(4) .mega-menu{left:auto;right:0;width:min(720px,calc(100vw - 40px))}
.mega-menu.is-right{
  left:auto;
  right:0;
}
.menu-item:hover .mega-menu,
.menu-item:focus-within .mega-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.mega-panel{
  padding:18px;
  border-radius:26px;
  border:1px solid rgba(190,198,255,.16);
  background:linear-gradient(180deg,rgba(12,15,41,.98),rgba(8,11,30,.98));
  box-shadow:0 28px 90px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.04);
  display:grid;
  grid-template-columns:1fr 1fr 1.1fr;
  gap:14px;
}
.mega-col{
  display:grid;
  align-content:start;
  gap:7px;
}
.mega-col h3{
  margin:0 0 6px;
  color:var(--soft);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.mega-col a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:38px;
  padding:0 10px;
  border-radius:14px;
  color:var(--muted);
  font-size:13px;
  font-weight:780;
  transition:.16s ease;
}
.mega-col a:hover{
  color:var(--text);
  background:rgba(255,255,255,.065);
}
.mega-col a small{
  color:var(--soft);
  font-size:11px;
  font-weight:850;
}
.mega-feature{
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(190,198,255,.10);
  background:
    radial-gradient(circle at 86% 0%,rgba(103,245,110,.12),transparent 32%),
    radial-gradient(circle at 12% 100%,rgba(56,189,248,.10),transparent 32%),
    rgba(255,255,255,.045);
}
.mega-feature strong{
  display:block;
  font-size:18px;
  letter-spacing:-.035em;
}
.mega-feature p{
  margin:8px 0 14px;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}
.mega-feature span{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:0 11px;
  border-radius:999px;
  color:#071006;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.11em;
}
.mobile-nav-backdrop{
  position:fixed;
  inset:0;
  display:none;
  background:rgba(3,5,18,.62);
  z-index:74;
  backdrop-filter: blur(3px);
}
.mobile-nav-backdrop.is-open{display:block}
.mobile-nav-panel{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  width:min(430px,100vw);
  z-index:76;
  background:linear-gradient(180deg,rgba(10,13,35,.99),rgba(6,8,26,.99));
  border-left:1px solid rgba(190,198,255,.16);
  box-shadow:-28px 0 90px rgba(0,0,0,.42);
  transform:translateX(100%);
  transition:.22s ease;
  display:flex;
  flex-direction:column;
}
.mobile-nav-panel.is-open{transform:translateX(0)}
.mobile-nav-header{
  min-height:72px;
  padding:18px 18px;
  border-bottom:1px solid rgba(190,198,255,.10);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.mobile-nav-header strong{
  font-size:18px;
  letter-spacing:-.03em;
}
.mobile-nav-close{
  width:42px;
  height:42px;
  border:0;
  border-radius:14px;
  background:rgba(255,255,255,.055);
  color:var(--text);
  font-size:28px;
  line-height:1;
}
.mobile-nav-body{
  padding:14px;
  overflow:auto;
  display:grid;
  gap:10px;
}
.mobile-nav-group{
  border:1px solid rgba(190,198,255,.12);
  border-radius:20px;
  background:rgba(255,255,255,.045);
  overflow:hidden;
}
.mobile-nav-toggle{
  width:100%;
  min-height:58px;
  padding:0 16px;
  border:0;
  background:transparent;
  color:var(--text);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:15px;
  font-weight:900;
  text-align:left;
}
.mobile-nav-toggle span:last-child{
  color:var(--brand-2);
  font-size:20px;
}
.mobile-nav-links{
  display:none;
  padding:0 10px 12px;
}
.mobile-nav-group.is-open .mobile-nav-links{display:grid;gap:4px}
.mobile-nav-links a,
.mobile-nav-direct a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:42px;
  padding:0 10px;
  border-radius:13px;
  color:var(--text);
  font-size:14px;
  font-weight:760;
}
.mobile-nav-links a:hover,
.mobile-nav-direct a:hover{background:rgba(255,255,255,.06);color:var(--text)}
.mobile-nav-direct{
  display:grid;
  gap:8px;
  margin-top:6px;
}
.mobile-nav-direct a{
  border:1px solid rgba(190,198,255,.12);
  background:rgba(255,255,255,.04);
  min-height:48px;
  padding:0 14px;
}
@media(max-width:900px){
  .desktop-menu{display:none}
}
@media(max-width:640px){
  .mobile-nav-panel{width:100vw;border-left:0}
}


/* Crypto showcase mega menu */
.main-menu > .menu-item:nth-child(4) .mega-menu.crypto-showcase-menu{
  left:0;
  right:auto;
  width:min(1240px,calc(100vw - 40px));
}
.crypto-showcase-menu{
  top:100%;
}
.crypto-showcase-panel{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(190,198,255,.16);
  background:
    radial-gradient(circle at 12% 0%,rgba(103,245,110,.12),transparent 25%),
    radial-gradient(circle at 72% 8%,rgba(56,189,248,.11),transparent 28%),
    linear-gradient(180deg,rgba(9,13,35,.985),rgba(5,9,26,.995));
  box-shadow:0 34px 100px rgba(0,0,0,.54),0 0 44px rgba(56,189,248,.10),inset 0 1px 0 rgba(255,255,255,.04);
  display:grid;
  grid-template-columns:352px minmax(0,1fr);
}
.crypto-showcase-panel:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(103,245,110,.045),transparent 36%,rgba(139,92,246,.045));
  pointer-events:none;
}
.crypto-showcase-panel > *{position:relative;z-index:1;}
.crypto-showcase-sidebar{
  padding:22px 16px;
  border-right:1px solid rgba(190,198,255,.10);
  background:rgba(255,255,255,.025);
}
.crypto-showcase-tabs{
  display:inline-flex;
  gap:8px;
  margin-bottom:16px;
  padding:4px;
  border-radius:999px;
  border:1px solid rgba(190,198,255,.12);
  background:rgba(255,255,255,.045);
}
.crypto-showcase-tab{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  border-radius:999px;
  color:var(--soft);
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
  transition:.18s ease;
}
.crypto-showcase-tab.is-active{
  color:#061006;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  box-shadow:0 12px 26px rgba(103,245,110,.16);
}
.crypto-showcase-list{
  display:grid;
  gap:6px;
}
.crypto-showcase-link{
  min-height:58px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:8px 10px;
  border-radius:18px;
  color:var(--muted);
  border:1px solid transparent;
  transition:.18s ease;
}
.crypto-showcase-link:hover,
.crypto-showcase-link.is-active{
  color:var(--text);
  background:rgba(255,255,255,.055);
  border-color:rgba(190,198,255,.10);
  transform:translateX(2px);
}
.crypto-showcase-link.is-active{
  color:#78ff7a;
  background:linear-gradient(90deg,rgba(103,245,110,.13),rgba(255,255,255,.035));
  border-left-color:rgba(103,245,110,.72);
  box-shadow:inset 3px 0 0 rgba(103,245,110,.85);
}
.crypto-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:15px;
  font-size:20px;
  font-weight:950;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 28px rgba(0,0,0,.20);
}
.crypto-icon.is-binance{color:#ffd336;background:rgba(255,211,54,.10);}
.crypto-icon.is-voucher{color:#8dc5ff;background:rgba(61,131,255,.14);}
.crypto-icon.is-btc{color:#ffb04a;background:rgba(255,138,35,.14);}
.crypto-icon.is-usdt{color:#78ffd0;background:rgba(32,214,154,.14);}
.crypto-icon.is-eth{color:#9fb2ff;background:rgba(93,113,255,.16);}
.crypto-icon.is-more{color:#d3dbff;background:rgba(211,219,255,.10);}
.crypto-icon.is-new{color:#c56dff;background:rgba(171,76,255,.13);font-size:10px;letter-spacing:.06em;}
.crypto-showcase-link strong{
  display:block;
  min-width:0;
  color:currentColor;
  font-size:15px;
  line-height:1.15;
  letter-spacing:-.025em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.crypto-showcase-link small{
  display:block;
  margin-top:4px;
  color:var(--soft);
  font-size:11px;
  line-height:1.25;
}
.crypto-link-badge{
  min-height:26px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  color:#8fff90;
  background:rgba(103,245,110,.10);
  border:1px solid rgba(103,245,110,.16);
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.crypto-link-arrow{
  color:var(--soft);
  font-size:25px;
  line-height:1;
  transition:.18s ease;
}
.crypto-showcase-link:hover .crypto-link-arrow,
.crypto-showcase-link.is-active .crypto-link-arrow{color:var(--brand);transform:translateX(2px);}
.crypto-help-card{
  margin-top:14px;
  min-height:82px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:14px;
  border-radius:20px;
  border:1px solid rgba(190,198,255,.12);
  background:rgba(255,255,255,.04);
}
.crypto-help-card span:first-child{
  width:48px;
  height:48px;
  border-radius:17px;
  display:grid;
  place-items:center;
  color:var(--brand);
  border:1px solid rgba(103,245,110,.22);
  background:rgba(103,245,110,.07);
  font-size:25px;
}
.crypto-help-card strong{display:block;color:var(--text);font-size:15px;letter-spacing:-.02em;}
.crypto-help-card small{display:block;margin-top:4px;color:var(--muted);font-size:13px;}
.crypto-help-card em{font-style:normal;color:var(--brand);font-size:28px;}
.crypto-showcase-main{
  min-width:0;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
}
.crypto-product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.crypto-product-card{
  min-width:0;
  padding:24px 30px 28px;
  border-left:1px solid rgba(190,198,255,.10);
  display: flex;
  flex-direction: column;
}
.crypto-product-card:first-child{border-left:0;}
.crypto-kicker{
  min-height:24px;
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:14px;
  font-size:12px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--brand);
}
.crypto-product-card.is-btc .crypto-kicker{color:#5ca2ff;}
.crypto-product-card.is-usdt .crypto-kicker{color:#b06cff;}
.crypto-kicker span:first-child{font-size:19px;letter-spacing:0;}
.crypto-product-card h3{
  margin:0 0 18px;
  color:var(--text);
  font-size:22px;
  line-height:1.05;
  letter-spacing:-.045em;
}
.crypto-card-art-wrap{
  display:flex;
  justify-content:center;
  margin:0 auto 20px;
}
.crypto-card-art{
  position:relative;
  width:min(166px,70%);
  aspect-ratio:4/5;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(145deg,var(--card-a),var(--card-b));
  box-shadow:0 24px 46px rgba(0,0,0,.34),0 20px 40px var(--card-glow);
  isolation:isolate;
}
.crypto-card-art img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.crypto-card-art:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 14%,rgba(255,255,255,.22),transparent 23%),
    radial-gradient(circle at 22% 78%,rgba(255,255,255,.15),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.10),transparent 45%);
  z-index:0;
}
.crypto-card-art:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-14px;
  width:116%;
  height:30px;
  transform:translateX(-50%);
  border-radius:50%;
  background:var(--card-glow);
  filter:blur(10px);
  opacity:.76;
  z-index:-1;
}
.crypto-card-label,
.crypto-card-symbol,
.crypto-card-title{position:absolute;z-index:1;}
.crypto-card-label{
  top:18px;
  left:18px;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  color:rgba(255,255,255,.9);
  background:rgba(255,255,255,.15);
  font-size:9px;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.crypto-card-symbol{
  top:36px;
  right:18px;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:20px;
  color:#fff;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 12px 24px rgba(0,0,0,.22);
  font-size:34px;
  font-weight:950;
}
.crypto-card-title{
  left:20px;
  right:20px;
  bottom:24px;
  color:#fff;
  font-size:25px;
  line-height:.95;
  font-weight:950;
  letter-spacing:-.06em;
  text-shadow:0 16px 30px rgba(0,0,0,.38);
}
.crypto-card-art.is-binance .crypto-card-title{font-size:22px;}
.crypto-benefits{
  display:grid;
  gap:10px;
  margin:0 0 22px;
  padding:0;
  list-style:none;
}
.crypto-benefits li{
  display:flex;
  align-items:center;
  gap:9px;
  color:rgba(247,248,255,.88);
  font-size:13px;
  line-height:1.3;
}
.crypto-benefits li:before{
  content:"✓";
  width:20px;
  height:20px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:var(--brand);
  border:1px solid currentColor;
  font-size:12px;
  font-weight:950;
}
.crypto-product-card.is-btc .crypto-benefits li:before{color:#5ca2ff;}
.crypto-product-card.is-usdt .crypto-benefits li:before{color:#b06cff;}
.crypto-buy-btn{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border-radius:16px;
  color:#061006;
  background:linear-gradient(135deg,var(--buy-a),var(--buy-b));
  font-size:13px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 16px 34px var(--buy-glow);
  transition:.18s ease;
  margin-top: auto;
}
.crypto-buy-btn:hover{transform:translateY(-2px);filter:brightness(1.05) saturate(1.05);}
.crypto-showcase-footer{
  margin:0 20px 20px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  min-height:88px;
  padding:14px 18px;
  border-radius:20px;
  border:1px solid rgba(190,198,255,.10);
  background:rgba(255,255,255,.035);
}
.crypto-footer-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#fff5a5;
  background:rgba(255,212,100,.14);
  border:1px solid rgba(255,212,100,.18);
  font-size:25px;
}
.crypto-showcase-footer strong{display:block;color:var(--text);font-size:15px;letter-spacing:-.02em;}
.crypto-showcase-footer > span:not(.crypto-footer-icon){display:block;color:var(--muted);font-size:13px;line-height:1.35;}
.crypto-showcase-footer > span:not(.crypto-footer-icon) > span{display:block;margin-top:5px;color:var(--muted);font-size:13px;line-height:1.35;}
.crypto-view-all{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:0 18px;
  border-radius:18px;
  border:1px solid rgba(190,198,255,.12);
  background:rgba(255,255,255,.045);
  color:var(--text);
  font-size:12px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
  white-space:nowrap;
  transition:.18s ease;
}
.crypto-view-all:hover{
  background:rgba(103,245,110,.10);
  border-color:rgba(103,245,110,.24);
  color:#f4ffe8;
  transform:translateY(-1px);
}
@media(max-width:1120px){
  .crypto-showcase-panel{grid-template-columns:305px minmax(0,1fr);}
  .crypto-product-card{padding:22px 20px 24px;}
  .crypto-card-art{width:min(142px,76%);}
  .crypto-product-card h3{font-size:19px;}
  .crypto-showcase-link{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;}
  .crypto-icon{width:38px;height:38px;border-radius:14px;}
  .crypto-link-badge{display:none;}
}
@media(max-width:980px){
  .main-menu > .menu-item:nth-child(4) .mega-menu.crypto-showcase-menu{width:calc(100vw - 40px);}
  .crypto-showcase-panel{grid-template-columns:280px minmax(0,1fr);}
  .crypto-product-card{padding:20px 16px 22px;}
  .crypto-card-art{width:120px;}
  .crypto-benefits li{font-size:12px;}
  .crypto-showcase-footer{grid-template-columns:auto minmax(0,1fr);}
  .crypto-view-all{grid-column:1 / -1;}
}


/* Showcase menus: one shared heading and flexible recommended layouts */
.crypto-showcase-panel[data-showcase-menu="gift"] .crypto-showcase-main,
.crypto-showcase-panel[data-showcase-menu="gaming"] .crypto-showcase-main,
.crypto-showcase-panel[data-showcase-menu="playstation"] .crypto-showcase-main,
.crypto-showcase-panel[data-showcase-menu="xbox"] .crypto-showcase-main,
.crypto-showcase-panel[data-showcase-menu="nintendo"] .crypto-showcase-main,
.crypto-showcase-panel[data-showcase-menu="payment"] .crypto-showcase-main,
.crypto-showcase-panel[data-showcase-menu="crypto"] .crypto-showcase-main{
  grid-template-rows:auto minmax(0,1fr) auto;
}
.showcase-recommended-heading{
  margin:22px 30px 0;
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:var(--brand-2);
  font-size:12px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.showcase-recommended-heading:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  box-shadow:0 0 0 7px rgba(103,245,110,.09);
}
.crypto-showcase-panel[data-showcase-menu="gift"] .crypto-kicker,
.crypto-showcase-panel[data-showcase-menu="gaming"] .crypto-kicker,
.crypto-showcase-panel[data-showcase-menu="playstation"] .crypto-kicker,
.crypto-showcase-panel[data-showcase-menu="xbox"] .crypto-kicker,
.crypto-showcase-panel[data-showcase-menu="nintendo"] .crypto-kicker,
.crypto-showcase-panel[data-showcase-menu="payment"] .crypto-kicker,
.crypto-showcase-panel[data-showcase-menu="crypto"] .crypto-kicker{display:none;}
.crypto-product-grid.has-one,
.crypto-product-grid.has-two{
  justify-content:center;
  align-content:center;
  gap:0;
  padding:8px 22px 14px;
}
.crypto-product-grid.has-one{grid-template-columns:minmax(260px,360px);}
.crypto-product-grid.has-two{grid-template-columns:repeat(2,minmax(240px,340px));}
.crypto-product-grid.has-one .crypto-product-card,
.crypto-product-grid.has-two .crypto-product-card{
  border-left:0;
  border-radius:24px;
  background:rgba(255,255,255,.024);
}
.crypto-product-grid.has-two .crypto-product-card + .crypto-product-card{border-left:1px solid rgba(190,198,255,.10);border-radius:0 24px 24px 0;}
.crypto-product-grid.has-two .crypto-product-card:first-child{border-radius:24px 0 0 24px;}
@media(max-width:1120px){
  .showcase-recommended-heading{margin:18px 20px 0;}
  .crypto-product-grid.has-one{grid-template-columns:minmax(230px,320px);}
  .crypto-product-grid.has-two{grid-template-columns:repeat(2,minmax(210px,300px));}
}


/* Header QA fixes: visible mobile menu button and cleaner menu layout. */
@media(max-width:900px){
  .header-actions .mobile-menu{display:inline-flex!important}
  .mobile-menu{min-width:54px;padding-inline:12px}
  .header-row{grid-template-columns:minmax(0,1fr) auto}
  .brand{min-width:0}
}
@media(max-width:520px){
  .header-actions{gap:8px}
  .cart-trigger-total{display:none!important}
  .mobile-menu{font-size:0;width:42px;height:42px;padding:0;border-radius:14px}
  .mobile-menu::before{content:"";width:18px;height:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor;border-radius:2px}
}



/* Button hover refinements */
.view-cart-btn,
.checkout-btn,
.modal-btn{
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, filter .18s ease;
}
.view-cart-btn:hover{
  transform:translateY(-2px);
  background:rgba(56,189,248,.22);
  border-color:rgba(56,189,248,.42);
  box-shadow:0 16px 34px rgba(56,189,248,.16), inset 0 1px 0 rgba(255,255,255,.06);
}
.checkout-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.05) saturate(1.06);
  box-shadow:0 18px 42px rgba(103,245,110,.24), inset 0 1px 0 rgba(255,255,255,.22);
}
.view-cart-btn:active,
.checkout-btn:active,
.modal-btn:active{transform:translateY(0)}

/* Mobile utility buttons */
.mobile-nav-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:4px;
}
.mobile-action-btn{
  min-height:50px;
  border-radius:13px;
  border:1px solid rgba(190,198,255,.14);
  background:rgba(255,255,255,.055);
  color:var(--muted);
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-action-btn:hover{background:rgba(255,255,255,.09);border-color:rgba(190,198,255,.22)}

/* Settings and authentication modals */
.ui-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:88;
  display:none;
  background:rgba(3,5,18,.62);
  backdrop-filter:blur(5px);
}
.ui-modal-backdrop.is-open{display:block}
.site-modal{
  position:fixed;
  left:50%;
  top:50%;
  z-index:90;
  width:min(500px,calc(100vw - 32px));
  max-height:calc(100vh - 32px);
  overflow:auto;
  padding:42px 42px 38px;
  border-radius:28px;
  border:1px solid rgba(190,198,255,.18);
  background:
    radial-gradient(circle at 80% -10%,rgba(103,245,110,.08),transparent 34%),
    linear-gradient(180deg,rgba(11,14,38,.99),rgba(6,10,30,.995));
  box-shadow:0 30px 110px rgba(0,0,0,.62),0 0 42px rgba(91,126,255,.20);
  opacity:0;
  transform:translate(-50%,-48%) scale(.98);
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
.site-modal.is-open{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}
.modal-close{
  position:absolute;
  top:18px;
  right:18px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:var(--text);
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.modal-close:hover{background:rgba(255,255,255,.07);border-color:rgba(190,198,255,.10)}
.modal-kicker{
  display:inline-flex;
  margin-bottom:10px;
  color:var(--brand-2);
  font-size:12px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.modal-head h2{
  margin:0;
  font-size:32px;
  line-height:1;
  letter-spacing:-.055em;
}
.modal-head p{
  max-width:360px;
  margin:16px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.55;
}
.settings-form,
.auth-form{margin-top:28px;display:grid;gap:12px}
.field-label{color:var(--text);font-size:15px;font-weight:780;margin-top:8px}
.select-shell{position:relative}
.select-shell::after{
  content:"";
  position:absolute;
  right:18px;
  top:50%;
  width:10px;
  height:10px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-65%) rotate(45deg);
  color:var(--text);
  pointer-events:none;
}
.select-shell select,
.modal-input{
  width:100%;
  min-height:56px;
  border:1px solid rgba(190,198,255,.13);
  border-radius:0;
  background:rgba(255,255,255,.095);
  color:var(--text);
  padding:0 20px;
  outline:0;
  font-size:16px;
}
.select-shell select{
  appearance:none;
  padding-right:52px;
  cursor:pointer;
}
.select-shell select:focus,
.modal-input:focus{
  border-color:rgba(103,245,110,.42);
  box-shadow:0 0 0 4px rgba(103,245,110,.10);
}
.select-shell option{color:#0b0e26;background:#fff}
.modal-input::placeholder{color:rgba(234,238,255,.42)}
.modal-actions{
  margin-top:26px;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:24px;
}
.modal-btn{
  min-height:58px;
  border:0;
  border-radius:12px;
  color:#fff;
  font-size:14px;
  font-weight:950;
  letter-spacing:.02em;
  text-transform:uppercase;
  cursor:pointer;
}
.modal-btn-secondary{background:#04910b;box-shadow:0 16px 34px rgba(4,145,11,.15)}
.modal-btn-secondary:hover{background:#05a80d;box-shadow:0 18px 38px rgba(4,145,11,.22);transform:translateY(-2px)}
.modal-btn-primary{background:#1086ba;box-shadow:0 16px 34px rgba(16,134,186,.16)}
.modal-btn-primary:hover{background:#1297d2;box-shadow:0 18px 38px rgba(16,134,186,.24);transform:translateY(-2px)}
.auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;color:var(--muted);font-size:13px}
.auth-row a{color:#dff7ff;font-weight:850}
.checkbox-line{display:flex;align-items:center;gap:8px}
.checkbox-line input{accent-color:#67f56e}
.auth-actions{grid-template-columns:1fr 1fr;gap:12px}
.auth-note{
  margin-top:18px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(190,198,255,.12);
  background:rgba(255,255,255,.045);
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}
@media(max-width:640px){
  .site-modal{width:calc(100vw - 20px);padding:36px 24px 24px;border-radius:24px}
  .modal-head h2{font-size:28px}
  .modal-head p{font-size:15px}
  .modal-actions,.auth-actions{grid-template-columns:1fr;gap:12px}
  .modal-btn{min-height:54px}
  .mobile-nav-actions{grid-template-columns:1fr}
}


/* Auth modal: login, registration and OTP verification */
.auth-modal{width:min(560px,calc(100vw - 32px));}
.auth-view{display:none;}
.auth-view.is-active{display:block;}

.auth-mode-tabs{
  margin-top:22px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  padding:5px;
  border-radius:999px;
  border:1px solid rgba(190,198,255,.14);
  background:rgba(255,255,255,.045);
}
.auth-mode-tab{
  min-height:42px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--soft);
  font-size:13px;
  font-weight:950;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.auth-mode-tab:hover{color:var(--text);background:rgba(255,255,255,.06);}
.auth-mode-tab.is-active{
  color:#061006;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  box-shadow:0 12px 28px rgba(103,245,110,.16);
}
.auth-mode-panel{display:none;}
.auth-mode-panel.is-active{display:block;}
.auth-wide-btn{width:100%;margin-top:10px;}
.auth-form{margin-top:28px;display:grid;gap:13px;}
.field-label{color:var(--text);font-size:14px;font-weight:850;margin-top:6px;}
.modal-input,
.select-shell select{
  min-height:58px;
  border-radius:16px;
  border:1px solid rgba(190,198,255,.16);
  background:rgba(255,255,255,.075);
  color:var(--text);
  padding:0 18px;
  outline:0;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.modal-input:hover,
.select-shell select:hover{background:rgba(255,255,255,.095);border-color:rgba(190,198,255,.24);}
.modal-input:focus,
.select-shell select:focus{border-color:rgba(103,245,110,.44);box-shadow:0 0 0 4px rgba(103,245,110,.10);}
.modal-actions{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.modal-btn{
  min-height:56px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  font-size:13px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.02em;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, filter .18s ease, opacity .18s ease;
}
.modal-btn-primary{
  color:#061006;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  box-shadow:0 16px 36px rgba(103,245,110,.16);
}
.modal-btn-primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05) saturate(1.06);box-shadow:0 18px 42px rgba(103,245,110,.24), inset 0 1px 0 rgba(255,255,255,.22);}
.modal-btn-secondary{
  color:#dff7ff;
  border:1px solid rgba(56,189,248,.24);
  background:rgba(56,189,248,.14);
  box-shadow:none;
}
.modal-btn-secondary:hover{transform:translateY(-2px);background:rgba(56,189,248,.22);border-color:rgba(56,189,248,.42);box-shadow:0 16px 34px rgba(56,189,248,.16), inset 0 1px 0 rgba(255,255,255,.06);}
.modal-btn:active{transform:translateY(0);}
.modal-btn:disabled{cursor:not-allowed;opacity:.42;filter:grayscale(.3);box-shadow:none;}
.auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;color:var(--muted);font-size:13px;}
.auth-row a{color:#dff7ff;font-weight:850;}

.auth-account-row{
  margin-top:18px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(190,198,255,.12);
  background:rgba(255,255,255,.04);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:var(--muted);
  font-size:13px;
  line-height:1.4;
}
.auth-account-row .auth-link-button{font-weight:950;}
.auth-note strong{color:var(--text);font-weight:950;}
.checkbox-line,
.policy-line{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;line-height:1.45;}
.policy-line{margin-top:10px;align-items:flex-start;}
.checkbox-line input,
.policy-line input{
  appearance:none;
  width:20px;
  height:20px;
  margin:0;
  flex:0 0 auto;
  border-radius:6px;
  border:1px solid rgba(190,198,255,.22);
  background:rgba(255,255,255,.055);
  display:grid;
  place-items:center;
  cursor:pointer;
}
.checkbox-line input:checked,
.policy-line input:checked{background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent;}
.checkbox-line input:checked::after,
.policy-line input:checked::after{content:"✓";color:#061006;font-size:13px;font-weight:950;}
.policy-line a{color:var(--brand);font-weight:900;}
.auth-inline-alert,
.otp-notice{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,212,100,.20);
  background:rgba(255,212,100,.09);
  color:#ffe1a3;
  font-size:13px;
  line-height:1.45;
  margin-top:16px;
}
.otp-notice[data-type='error'] {
  border: 1px solid rgba(255, 212, 100, .20);
  background: rgba(255, 212, 100, .09);
  color: #ffe1a3;
}
.otp-head{text-align:center;}
.otp-head p{max-width:430px;margin-inline:auto;}
.otp-head strong{color:var(--text);}
.otp-resend-box{
  margin-top:24px;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(190,198,255,.12);
  background:rgba(255,255,255,.04);
  display:grid;
  gap:16px;
  text-align:center;
  color:var(--muted);
}
.otp-resend-box strong{color:var(--text);font-size:14px;}
.otp-resend-box span{font-size: 14px;}
.otp-resend-link{
  width:fit-content;
  margin-inline:auto;
  padding:0;
  border:0;
  background:transparent;
  color:var(--brand);
  font-weight:900;
  cursor:pointer;
}
.otp-resend-link:disabled{cursor:not-allowed;color:var(--soft);}
.otp-notice{
  margin-top:14px;
  border-color:rgba(103,245,110,.22);
  background:rgba(103,245,110,.08);
  color:#dfffe1;
}
.otp-code-row{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
  margin-top:10px;
}
.otp-input,
.access-otp-input{
  width:100%;
  aspect-ratio:1;
  min-height:58px;
  border-radius:16px;
  border:1px solid rgba(190,198,255,.16);
  background:rgba(255,255,255,.075);
  color:var(--text);
  text-align:center;
  font-size:24px;
  font-weight:950;
  outline:0;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.otp-input:focus,
.access-otp-input:focus{border-color:rgba(103,245,110,.44);box-shadow:0 0 0 4px rgba(103,245,110,.10);background:rgba(255,255,255,.10);}
.otp-actions{margin-top:24px;grid-template-columns:1fr;}
.auth-note{border-radius:16px;}

.auth-text-link,
.policy-line a,
.otp-resend-link,
.reset-resend-link{
  color:var(--brand);
  font-weight:900;
  text-decoration:none;
  transition:color .18s ease, opacity .18s ease;
}
.auth-text-link:hover,
.policy-line a:hover,
.otp-resend-link:hover:not(:disabled),
.reset-resend-link:hover:not(:disabled){color:var(--brand-2);}
.auth-success-view{text-align:center;}
.auth-success-view .modal-head,
.auth-success-view .modal-head p{
  text-align:center;
}
.auth-success-view .modal-head p{
  max-width:430px;
  margin:16px auto 0;
}

.auth-success-icon{
  width:52px;
  height:52px;
  margin:0 auto 18px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:#061006;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  box-shadow:0 18px 44px rgba(103,245,110,.18);
  font-size:24px;
  font-weight:950;
}
.reset-info-box{
  margin-top:24px;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(190,198,255,.12);
  background:rgba(255,255,255,.04);
  display:grid;
  gap:16px;
  text-align:center;
  color:var(--muted);
}
.reset-info-box strong{color:var(--text);font-size:14px;}
.reset-info-box span{font-size:14px;}
.reset-resend-link{
  width:fit-content;
  margin-inline:auto;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}
.reset-resend-link:disabled{cursor:not-allowed;color:var(--soft);}
.reset-notice{
  margin-top:14px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(103,245,110,.22);
  background:rgba(103,245,110,.08);
  color:#dfffe1;
  font-size:13px;
  line-height:1.45;
}

.auth-link-button{border:0;background:transparent;padding:0;cursor:pointer;font:inherit;}

@media(max-width:640px){
  .auth-modal{width:calc(100vw - 20px);}
  .auth-actions{grid-template-columns:1fr 1fr;}
  .otp-code-row{gap:8px;}
  .otp-input,.access-otp-input{min-height:48px;border-radius:14px;font-size:20px;}
}
@media(max-width:460px){
  .auth-actions{grid-template-columns:1fr;}
  .otp-code-row{gap:6px;}
  .otp-input,.access-otp-input{min-height:42px;border-radius:12px;font-size:18px;}
}



/* Custom desktop scrollbar */
@media (hover:hover) and (pointer:fine) {
  * {
    scrollbar-width: thin;
    scrollbar-color: rgba(103,245,110,.52) rgba(8,11,32,.92);
  }
  ::-webkit-scrollbar {
    width: 11px;
    height: 11px;
  }
  ::-webkit-scrollbar-track {
    background: linear-gradient(180deg, #060718, #0a0d25);
  }
  ::-webkit-scrollbar-thumb {
    border: 3px solid #07091b;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(103,245,110,.78), rgba(56,189,248,.55));
  }
  ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(184,255,75,.92), rgba(103,245,110,.78));
  }
  ::-webkit-scrollbar-corner { background: #07091b; }
}

/* Custom language/currency selectors */
.custom-select {
  position: relative;
  z-index: 1;
}
.custom-select.is-open { z-index: 12; }
.custom-select-trigger {
  width: 100%;
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 18px 0 20px;
  border: 1px solid rgba(190,198,255,.16);
  border-radius: 18px;
  background: rgba(255,255,255,.075);
  color: var(--text);
  text-align: left;
  font-size: 16px;
  font-weight: 850;
  cursor: pointer;
  outline: 0;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
}
.custom-select-trigger:hover {
  background: rgba(255,255,255,.095);
  border-color: rgba(190,198,255,.24);
}
.custom-select-trigger:focus,
.custom-select.is-open .custom-select-trigger {
  border-color: rgba(103,245,110,.44);
  box-shadow: 0 0 0 4px rgba(103,245,110,.10), 0 16px 36px rgba(0,0,0,.18);
}
.custom-select-arrow {
  width: 11px;
  height: 11px;
  flex: 0 0 auto;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-3px) rotate(45deg);
  color: rgba(247,248,255,.86);
  transition: transform .18s ease, color .18s ease;
}
.custom-select.is-open .custom-select-arrow {
  transform: translateY(3px) rotate(225deg);
  color: var(--brand-2);
}
.custom-select-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  max-height: 252px;
  overflow: auto;
  padding: 8px;
  border-radius: 20px;
  border: 1px solid rgba(190,198,255,.16);
  background: linear-gradient(180deg, rgba(14,18,47,.98), rgba(8,11,32,.995));
  box-shadow: 0 26px 70px rgba(0,0,0,.42), 0 0 32px rgba(91,126,255,.12);
  opacity: 0;
  transform: translateY(-8px) scale(.98);
  pointer-events: none;
  transition: opacity .16s ease, transform .16s ease;
}
.custom-select.is-open .custom-select-menu {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.custom-select-option {
  width: 100%;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 13px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
  color: rgba(247,248,255,.82);
  font-size: 15px;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
  transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease;
}
.custom-select-option + .custom-select-option { margin-top: 3px; }
.custom-select-option small {
  color: var(--soft);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .10em;
}
.custom-select-option:hover,
.custom-select-option:focus {
  color: var(--text);
  background: rgba(255,255,255,.07);
  border-color: rgba(190,198,255,.10);
  transform: translateX(2px);
  outline: 0;
}
.custom-select-option.is-selected {
  color: #071006;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  border-color: transparent;
  box-shadow: 0 12px 28px rgba(103,245,110,.14);
}
.custom-select-option.is-selected small { color: rgba(7,16,6,.62); }
.custom-select-option.is-selected::after {
  content: "✓";
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(7,16,6,.12);
  color: #071006;
  font-size: 12px;
  font-weight: 950;
  order: 3;
}
@media (max-width:640px) {
  .custom-select-trigger { min-height: 58px; border-radius: 16px; }
  .custom-select-menu { max-height: 220px; }
}


/* Final UI cleanup: keep primary modal CTAs green on hover and prevent settings modal from creating an unnecessary desktop scrollbar. */
.modal-btn-primary,
.auth-modal .modal-btn-primary,
.settings-modal .modal-btn-primary{
  color:#061006;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  box-shadow:0 16px 36px rgba(103,245,110,.16);
}
.modal-btn-primary:hover:not(:disabled),
.auth-modal .modal-btn-primary:hover:not(:disabled),
.settings-modal .modal-btn-primary:hover:not(:disabled){
  transform:translateY(-2px);
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  filter:brightness(1.05) saturate(1.06);
  box-shadow:0 18px 42px rgba(103,245,110,.24), inset 0 1px 0 rgba(255,255,255,.22);
}
.modal-btn-primary:active,
.auth-modal .modal-btn-primary:active,
.settings-modal .modal-btn-primary:active{transform:translateY(0);}

@media (min-width:641px){
  .settings-modal{
    overflow:visible;
    max-height:none;
  }
  .settings-modal .custom-select[data-select-name="currency"] .custom-select-menu{
    top:auto;
    bottom:calc(100% + 8px);
    transform:translateY(8px) scale(.98);
  }
  .settings-modal .custom-select[data-select-name="currency"].is-open .custom-select-menu{
    transform:translateY(0) scale(1);
  }
}

/* Showcase mega menu: shared category/product preview menus */
.main-menu{align-items:center;flex-wrap:nowrap;}
.main-menu > .menu-item .mega-menu.crypto-showcase-menu,
.main-menu > .menu-item:nth-child(2) .mega-menu.crypto-showcase-menu,
.main-menu > .menu-item:nth-child(3) .mega-menu.crypto-showcase-menu,
.main-menu > .menu-item:nth-child(4) .mega-menu.crypto-showcase-menu{
  left:0!important;
  right:auto!important;
  width:min(1240px,calc(100vw - 40px))!important;
}
.crypto-showcase-tab{border:0;text-decoration:none;}
.crypto-showcase-panel[data-showcase-menu="gift"]{
  background:radial-gradient(circle at 12% 0%,rgba(103,245,110,.12),transparent 25%),radial-gradient(circle at 72% 8%,rgba(255,212,100,.10),transparent 28%),linear-gradient(180deg,rgba(9,13,35,.985),rgba(5,9,26,.995));
}
.crypto-showcase-panel[data-showcase-menu="gaming"],
.crypto-showcase-panel[data-showcase-menu="playstation"],
.crypto-showcase-panel[data-showcase-menu="xbox"],
.crypto-showcase-panel[data-showcase-menu="nintendo"]{
  background:radial-gradient(circle at 12% 0%,rgba(56,189,248,.14),transparent 25%),radial-gradient(circle at 72% 8%,rgba(139,92,246,.13),transparent 28%),linear-gradient(180deg,rgba(9,13,35,.985),rgba(5,9,26,.995));
}
.crypto-showcase-panel[data-showcase-menu="payment"]{
  background:radial-gradient(circle at 12% 0%,rgba(56,189,248,.12),transparent 25%),radial-gradient(circle at 72% 8%,rgba(103,245,110,.10),transparent 28%),linear-gradient(180deg,rgba(9,13,35,.985),rgba(5,9,26,.995));
}
.crypto-product-grid{transition:opacity .14s ease,transform .14s ease;}
.crypto-product-grid.is-changing{opacity:.35;transform:translateY(4px);}
.crypto-product-card{--product-accent:var(--brand);animation:showcaseCardIn .18s ease both;}
.crypto-product-card .crypto-kicker{color:var(--product-accent);}
.crypto-product-card .crypto-benefits li:before{color:var(--product-accent);}
.crypto-card-symbol{font-size:clamp(22px,2.2vw,34px);text-align:center;}
.crypto-card-label{max-width:76%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.crypto-showcase-link:focus-visible,.crypto-showcase-tab:focus-visible,.crypto-buy-btn:focus-visible,.crypto-view-all:focus-visible{outline:2px solid rgba(103,245,110,.7);outline-offset:3px;}
@keyframes showcaseCardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1220px){.menu-link{padding:0 11px;font-size:12px}.main-menu{gap:5px}.crypto-showcase-panel{grid-template-columns:318px minmax(0,1fr)}}
@media(max-width:1040px){.menu-link{padding:0 9px;font-size:11px}}
@media(max-width:980px){.main-menu > .menu-item .mega-menu.crypto-showcase-menu,.main-menu > .menu-item:nth-child(2) .mega-menu.crypto-showcase-menu,.main-menu > .menu-item:nth-child(3) .mega-menu.crypto-showcase-menu,.main-menu > .menu-item:nth-child(4) .mega-menu.crypto-showcase-menu{width:calc(100vw - 40px)!important}}


/* Showcase menu fit + compact desktop sizing */
.crypto-icon.is-zalando{color:#ffbd8a;background:rgba(255,138,53,.14);}
.main-menu > .menu-item .mega-menu.crypto-showcase-menu,
.main-menu > .menu-item:nth-child(2) .mega-menu.crypto-showcase-menu,
.main-menu > .menu-item:nth-child(3) .mega-menu.crypto-showcase-menu,
.main-menu > .menu-item:nth-child(4) .mega-menu.crypto-showcase-menu{
  width:min(1120px,calc(100vw - 40px))!important;
}
.crypto-showcase-panel{
  max-height:calc(100vh - 168px);
  overflow:auto;
  grid-template-columns:300px minmax(0,1fr);
}
.crypto-showcase-sidebar{padding:16px 12px;}
.crypto-showcase-list{gap:5px;}
.crypto-showcase-link{min-height:48px;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:6px 8px;border-radius:15px;}
.crypto-icon{width:36px;height:36px;border-radius:13px;font-size:17px;}
.crypto-showcase-link strong{font-size:14px;line-height:1.1;}
.crypto-showcase-link small{margin-top:3px;font-size:10.5px;line-height:1.2;}
.crypto-link-arrow{font-size:22px;}
.crypto-help-card{margin-top:10px;min-height:66px;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;padding:10px;border-radius:17px;}
.crypto-help-card span:first-child{width:38px;height:38px;border-radius:14px;font-size:20px;}
.crypto-help-card strong{font-size:13px;}
.crypto-help-card small{font-size:11.5px;}
.crypto-help-card em{font-size:24px;}
.crypto-product-card{padding:18px 20px 20px;}
.crypto-kicker{min-height:20px;margin-bottom:10px;font-size:10.5px;letter-spacing:.13em;}
.crypto-kicker span:first-child{font-size:16px;}
.crypto-product-card h3{margin-bottom:12px;font-size:18px;line-height:1.08;}
.crypto-card-art-wrap{margin-bottom:14px;width:100%;}
.crypto-card-art{width:min(130px,64%);border-radius:15px;}
.crypto-card-label{top:12px;left:12px;min-height:21px;padding:0 8px;font-size:8px;}
.crypto-card-symbol{top:26px;right:12px;width:46px;height:46px;border-radius:16px;font-size:24px;}
.crypto-card-title{left:16px;right:16px;bottom:18px;font-size:20px;}
.crypto-card-art.is-binance .crypto-card-title{font-size:19px;}
.crypto-benefits{gap:7px;margin-bottom:14px;}
.crypto-benefits li{gap:7px;font-size:11.5px;line-height:1.25;}
.crypto-benefits li:before{width:17px;height:17px;font-size:10px;}
.crypto-buy-btn{min-height:42px;border-radius:14px;font-size:11.5px;letter-spacing:.07em;}
.crypto-showcase-footer{min-height:70px;margin:0 16px 16px;gap:12px;padding:10px 14px;border-radius:17px;}
.crypto-footer-icon{width:44px;height:44px;border-radius:15px;font-size:22px;}
.crypto-showcase-footer strong{font-size:14px;}
.crypto-showcase-footer > span:not(.crypto-footer-icon),
.crypto-showcase-footer > span:not(.crypto-footer-icon) > span{font-size:12px;}
.crypto-view-all{min-height:44px;padding:0 14px;border-radius:15px;font-size:11px;}
@media(max-width:1220px){
  .crypto-showcase-panel{grid-template-columns:278px minmax(0,1fr)!important;}
  .crypto-product-card{padding:16px 14px 18px;}
  .crypto-card-art{width:112px;}
}
@media(max-width:1040px){
  .main-menu > .menu-item .mega-menu.crypto-showcase-menu,
  .main-menu > .menu-item:nth-child(2) .mega-menu.crypto-showcase-menu,
  .main-menu > .menu-item:nth-child(3) .mega-menu.crypto-showcase-menu,
  .main-menu > .menu-item:nth-child(4) .mega-menu.crypto-showcase-menu{width:calc(100vw - 40px)!important;}
  .crypto-showcase-panel{grid-template-columns:260px minmax(0,1fr)!important;}
}

/* Showcase sidebar scroll: keep support card visible outside the list scroll */
.crypto-icon.is-blizzard{color:#7dccff;background:rgba(45,139,255,.14);}
.crypto-icon.is-league{color:#d7b56d;background:rgba(255,212,100,.13);font-size:11px;letter-spacing:-.04em;}
.crypto-showcase-panel{
  overflow:hidden;
}
.crypto-showcase-sidebar{
  display:flex;
  flex-direction:column;
  min-height:0;
  max-height:calc(100vh - 168px);
}
.crypto-showcase-list{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  padding-right:4px;
  overscroll-behavior:contain;
}
.crypto-help-card{
  flex:0 0 auto;
}
.crypto-showcase-main{
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
}
@media(max-width:1040px){
  .crypto-showcase-sidebar{max-height:calc(100vh - 150px);}
}

/* Mobile menu stability + popup scroll lock fixes */
html.is-scroll-locked{
  overflow:hidden;
  overscroll-behavior:none;
  background:#050615;
}
body.is-scroll-locked{
  overflow:hidden;
  overscroll-behavior:none;
  touch-action:none;
  background-color:#050615;
}
body.is-scroll-locked .mobile-nav-panel,
body.is-scroll-locked .site-modal{
  touch-action:auto;
}
@media(max-width:900px){
  body.is-scroll-locked{
    position:fixed;
    left:0;
    right:0;
    width:100%;
  }
  .mobile-nav-backdrop{z-index:120;}
  .mobile-nav-panel{
    z-index:121;
    overflow:hidden;
  }
  .mobile-nav-body{
    display:block;
    flex:1 1 auto;
    min-height:0;
    padding:18px 16px max(28px, env(safe-area-inset-bottom));
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }
  .mobile-nav-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin:0 0 28px;
  }
  .mobile-action-btn{
    min-height:56px;
    height:auto;
    padding:0 16px;
    line-height:1.2;
    font-size:15px;
  }
  .mobile-nav-group{
    display:block;
    min-height:0;
    margin:0 0 10px;
    overflow:hidden;
    border-radius:13px;
  }
  .mobile-nav-toggle{
    min-height:64px;
    height:auto;
    padding:18px 18px;
    line-height:1.2;
    align-items:center;
    font-size:16px;
  }
  .mobile-nav-toggle > span:first-child{
    display:block;
    min-width:0;
    overflow:visible;
    text-overflow:clip;
    white-space:normal;
    line-height:1.2;
  }
  .mobile-nav-toggle > span:last-child{
    flex:0 0 28px;
    width:28px;
    display:grid;
    place-items:center;
    line-height:1;
    font-size:24px;
  }
  .mobile-nav-group > .mobile-nav-links{
    display:none!important;
    padding:0 12px 14px;
    gap:6px;
  }
  .mobile-nav-group.is-open > .mobile-nav-links{display:grid!important;}
  .mobile-nav-links a{
    min-height:46px;
    height:auto;
    padding:0 12px;
    border-radius:14px;
    line-height:1.25;
    font-size:14px;
  }
  .mobile-nav-direct{
    display:grid;
    gap:10px;
    margin:0 0 10px;
  }
  .mobile-nav-direct a{
    min-height:62px;
    height:auto;
    padding:0 16px;
    line-height:1.2;
    font-size:15px;
  }
}
@media(max-width:640px){
  .mobile-nav-panel{width:100vw;max-width:none;border-left:0;}
  .mobile-nav-body{padding:16px 14px max(26px, env(safe-area-inset-bottom));}
  .mobile-nav-actions{grid-template-columns:1fr;}
  .mobile-nav-toggle{min-height:62px;padding:17px 16px;font-size:15px;}
}


/* Mega menu width consistency: keep the subcategory column identical everywhere */
@media(min-width:901px){
  .main-menu > .menu-item .mega-menu.crypto-showcase-menu,
  .main-menu > .menu-item:nth-child(2) .mega-menu.crypto-showcase-menu,
  .main-menu > .menu-item:nth-child(3) .mega-menu.crypto-showcase-menu,
  .main-menu > .menu-item:nth-child(4) .mega-menu.crypto-showcase-menu{
    width:min(1120px,calc(100vw - 40px))!important;
  }
  .crypto-showcase-panel{
    grid-template-columns:300px minmax(0,1fr)!important;
  }
  .crypto-showcase-sidebar{
    width:300px;
    min-width:300px;
    max-width:300px;
  }
}

/* Stable showcase submenu widths + recommended color slots */
:root{--showcase-sidebar-width:300px;}
.crypto-showcase-panel,
.crypto-showcase-panel[data-showcase-menu="gift"],
.crypto-showcase-panel[data-showcase-menu="gaming"],
.crypto-showcase-panel[data-showcase-menu="playstation"],
.crypto-showcase-panel[data-showcase-menu="xbox"],
.crypto-showcase-panel[data-showcase-menu="nintendo"],
.crypto-showcase-panel[data-showcase-menu="payment"],
.crypto-showcase-panel[data-showcase-menu="crypto"]{
  grid-template-columns:var(--showcase-sidebar-width) minmax(0,1fr)!important;
}
.crypto-showcase-sidebar{
  width:var(--showcase-sidebar-width);
  min-width:var(--showcase-sidebar-width);
  max-width:var(--showcase-sidebar-width);
}
.crypto-showcase-list,
.crypto-showcase-link{width:100%;}
.crypto-showcase-link{min-width:0;}
@media(max-width:1220px){:root{--showcase-sidebar-width:278px;}}
@media(max-width:1040px){:root{--showcase-sidebar-width:260px;}}


/* Desktop showcase item height: match Gift Cards across all submenu/product lists */
@media(min-width:901px){
  .crypto-showcase-link{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    overflow:hidden;
  }
  .crypto-showcase-link > span:not(.crypto-icon):not(.crypto-link-arrow){
    min-width:0;
    overflow:hidden;
  }
  .crypto-showcase-link strong,
  .crypto-showcase-link small{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}


/* Desktop showcase list spacing: keep short submenu lists packed at the top */
@media(min-width:901px){
  .crypto-showcase-list{
    align-content:start!important;
    justify-content:stretch;
    grid-auto-rows:max-content;
  }
  .crypto-showcase-link{
    align-self:start;
  }
}

.toast{
  position:fixed;
  left:50%;
  bottom:24px;
  z-index:120;
  min-width:min(420px,calc(100vw - 32px));
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-radius:18px;
  border:1px solid rgba(103,245,110,.22);
  background:linear-gradient(180deg,rgba(14,31,32,.98),rgba(7,12,26,.99));
  color:#dfffe1;
  box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 28px rgba(103,245,110,.12);
  opacity:0;
  transform:translate(-50%,12px);
  pointer-events:none;
  transition:.18s ease;
}
.toast.is-visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.toast strong{font-size:14px}
.toast span{color:var(--muted);font-size:13px}
.toast.is-error {
    border-color: rgb(245 103 103 / 37%);
    background: linear-gradient(180deg, rgb(32 14 14 / 98%), rgba(7, 12, 26, .99));
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.qty-btn[disabled] {
  cursor: not-allowed;
  opacity: .65;
}
.is-hidden {
  display: none;
}
.is-processing::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(3,5,18,.68);
  z-index: 9999;
}
.is-processing::after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  z-index: 99999;
  content: "";
  width: 20px;
  height: 20px;
  border: 2px solid #FFF;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
.pdp-review-more {
  text-align: center;
  margin-top: 20px;
}
.pdp-review-more-button {
  color: #061006;
  background: linear-gradient(135deg,var(--brand),var(--brand-2));
  border-radius: 15px;
  border: none;
  box-shadow: 0 18px 42px rgba(103,245,110,.18);
  padding: 12px 16px;
  font-weight: 700;
}
.settings-trigger {
  opacity: 0;
}
.settings-trigger.loaded {
  opacity: 1;
}
.cart-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.is-error {color: #a46767 !important;}

@media screen and (max-width: 900px) { 
  #wpadminbar { display: none !important; } 
  body.admin-bar .header {top:0}
  html { margin-top: 0 !important; }
}

@media screen and (max-width: 640px) { 
  body.admin-bar .cart-panel {top:0}
}

/** header account */
.header-account{position:relative;display:inline-flex;align-items:center}
.header-account-trigger{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:4px 12px 4px 5px;
  border-radius:999px;
  border:1px solid rgba(103,245,110,.20);
  background:rgba(103,245,110,.08);
  color:var(--text);
  font-size:13px;
  font-weight:900;
  transition:.18s ease;
}
.header-account-trigger:hover,
.header-account.is-open .header-account-trigger{transform:translateY(-1px);background:rgba(103,245,110,.13);border-color:rgba(103,245,110,.32);box-shadow:0 14px 34px rgba(103,245,110,.12)}
.header-account-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#061006;font-size:12px;font-weight:1000;box-shadow:0 10px 28px rgba(103,245,110,.18)}
.header-account-label{white-space:nowrap}
.header-account-menu{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  z-index:70;
  width:290px;
  display:none;
  padding:10px;
  border-radius:24px;
  border:1px solid rgba(190,198,255,.14);
  background:linear-gradient(180deg,rgba(10,13,38,.98),rgba(5,8,24,.99));
  box-shadow:0 28px 90px rgba(0,0,0,.55),0 0 34px rgba(103,245,110,.12);
}
.header-account.is-open .header-account-menu{display:grid;gap:6px}
.header-account-head{padding:13px 14px 14px;margin-bottom:2px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(190,198,255,.10)}
.header-account-head strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-account-head span{display:block;margin-top:4px;color:var(--brand-2);font-size:12px;font-weight:850}
.header-account-menu a,
.header-account-menu button{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:9px 12px;
  border:0;
  border-radius:16px;
  background:transparent;
  color:var(--text);
  text-align:left;
  transition:.18s ease;
}
.header-account-menu a:hover,
.header-account-menu button:hover{background:rgba(255,255,255,.065)}
.header-account-menu span{font-size:14px;font-weight:950}
.header-account-menu em{font-style:normal;color:var(--soft);font-size:12px;font-weight:800;white-space:nowrap}
.header-account-menu .is-danger span{color:#ffd2d2}
.header-account-menu .is-danger:hover{background:rgba(255,87,87,.08)}

.checkout-steps{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:var(--soft);font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.checkout-steps span{position:relative;display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border-radius:999px;border:1px solid rgba(190,198,255,.10);background:rgba(255,255,255,.04);white-space:nowrap}
.checkout-steps span:before{content:"";width:7px;height:7px;border-radius:50%;background:rgba(235,238,255,.28)}
.checkout-steps span.is-complete{color:rgba(247,248,255,.86)}
.checkout-steps span.is-complete:before{background:var(--brand)}
.checkout-steps span.is-active{color:#061006;background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent;box-shadow:0 14px 34px rgba(103,245,110,.16)}
.checkout-steps span.is-active:before{background:#061006}

.login-link {
  text-decoration: underline;
  cursor: pointer;
  text-underline-offset: 6px;
}

.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
    background: transparent;
    border: 1px solid rgba(255, 109, 122, .30) !important;
    border-radius: 24px;
    color: #d96577;
    margin-bottom: 20px;
    font-size: 14px;
    padding: 24px 24px 24px 54px;
}
.woocommerce-error {
    background: rgba(255, 109, 122, .055) !important;
}
.woocommerce-message {
    background: rgba(103,245,110,.08);
    border: 1px solid rgba(103,245,110,.22) !important;
    color: #dfffe1;
}
.woocommerce-info {
    background: rgba(103, 202, 245, .08);
    border: 1px solid rgba(103, 191, 245, .22) !important;
    color: #dfedff;
}
.woocommerce-error::before,
.woocommerce-message::before,
.woocommerce-info::before {
    top: 24px;
    left: 24px;
}

.account-password-modal{position:fixed;inset:0;z-index:140;display:none;place-items:center;padding:24px}
.account-password-modal.is-open{display:grid}
.account-password-backdrop{position:absolute;inset:0;background:rgba(3,5,18,.78);backdrop-filter:blur(18px)}
/* .account-password-dialog{position:relative;z-index:1;width:min(100%,540px);padding:24px;border-radius:30px;border:1px solid rgba(190,198,255,.16);background:linear-gradient(180deg,rgba(18,23,62,.98),rgba(6,9,28,.99));box-shadow:0 34px 100px rgba(0,0,0,.62),0 0 42px rgba(103,245,110,.12)} */
.account-password-close{position:absolute;right:16px;top:16px;width:40px;height:40px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(190,198,255,.14);background:rgba(255,255,255,.055);color:var(--text);font-size:22px;line-height:1;cursor:pointer;transition:.18s ease}
.account-password-close:hover{background:rgba(255,255,255,.10);border-color:rgba(103,245,110,.24)}
.account-password-kicker{display:inline-flex;margin-bottom:10px;color:var(--brand-2);font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.account-password-dialog h2{margin:0;font-size:28px;letter-spacing:-.045em}
.account-password-dialog p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.55;max-width:430px}
.account-password-form{display:grid;gap:15px;margin-top:22px}
.account-password-form label{display:grid;gap:9px;color:var(--text);font-size:13px;font-weight:950}
.account-password-form label[hidden]{display:none!important}
.account-password-form input{width:100%;min-height:54px;border-radius:17px;border:1px solid rgba(190,198,255,.14);background:rgba(5,7,24,.76);color:var(--text);padding:0 15px;outline:0;font-weight:850;transition:.18s ease}
.account-password-form input:focus{border-color:rgba(103,245,110,.34);box-shadow:0 0 0 3px rgba(103,245,110,.09)}
.account-password-feedback{display:none;min-height:42px;padding:12px 14px;border-radius:16px;font-size:13px;line-height:1.45}
.account-password-feedback.is-visible{display:block}
.account-password-feedback.is-error{border:1px solid rgba(255,91,91,.24);background:rgba(255,91,91,.09);color:#ffd4d4}
.account-password-feedback.is-success{border:1px solid rgba(103,245,110,.28);background:rgba(103,245,110,.10);color:#e8ffda}
.account-password-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:2px}
.account-password-actions .account-btn{min-width:132px}
@media(max-width:560px){.account-password-dialog{padding:20px;border-radius:24px}.account-password-actions{display:grid}.account-password-actions .account-btn{width:100%}}

/** page entry */
.page-entry-main {
  padding: 22px 0 0 0;
  position: relative;
}
.page-entry-layout {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}
.page-entry-layout.no-sidebar {
  grid-template-columns: minmax(0, 960px);
  place-content: center;
}
.page-sidebar { position:sticky;top:122px;display:grid;gap:16px }
.admin-bar .page-sidebar { top: 186px; }
.page-sidebar .widget:not(:has(.policy-support-card)), 
.page-entry-article { border:1px solid rgba(190,198,255,.12);background:linear-gradient(180deg,rgba(14,18,50,.88),rgba(8,11,30,.97));box-shadow:var(--shadow-soft);border-radius:28px; }
.page-sidebar .widget { padding: 18px; }
.page-sidebar .widget-title { margin: 0 0 12px 0; color: var(--soft); text-transform: uppercase; font-weight: 700; letter-spacing: .14em; font-size: 12px; }
.page-sidebar .widget .menu{display:grid;gap:8px;list-style:none;margin:0;padding:0;}
.page-sidebar .widget .menu a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:16px;border:1px solid transparent;color:var(--muted);font-size:14px;font-weight:700;transition:.18s ease}
.page-sidebar .widget .menu a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-sidebar .widget .menu a:hover,
.page-sidebar .widget .menu .current_page_item a{color:var(--text);border-color:rgba(103,245,110,.20);background:rgba(103,245,110,.075);transform:translateY(-1px)}
.page-entry-article { padding: 34px; }

.policy-support-card{margin:-18px;padding:18px;border-radius:24px;border:1px solid rgba(103,245,110,.18);background:rgba(103,245,110,.06)}
.policy-support-card strong{display:block;font-size:15px;letter-spacing:-.02em}
.policy-support-card p{margin:8px 0 14px;color:var(--muted);font-size:13px;line-height:1.55}
.policy-support-card a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#061006;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}

.page-entry-article-head { padding-bottom:24px;border-bottom:1px solid rgba(190,198,255,.10);display:grid;gap:12px;margin-bottom: 24px; }
.page-entry-article-head h2 { margin:0;font-size:clamp(28px,3.6vw,44px);line-height:1;letter-spacing:-.055em }
.page-entry-article-content { font-size: 15px; line-height: 1.75; color: var(--text); }
.page-entry-article-content p { color: var(--muted); margin: 0 0 14px 0; }
.page-entry-article-content ol,
.page-entry-article-content ul,
.article-content ol,
.article-content ul { gap: 10px; margin: 14px 0 28px 1.75em; padding: 0; list-style: none; color: var(--muted); font-size: 14px; line-height: 1.65; }
.page-entry-article-content li,
.article-content li { position: relative; padding-left: 26px; margin-bottom: 12px; }
.page-entry-article-content p strong,
.page-entry-article-content li strong { color: var(--text); }
.page-entry-article-content ol,
.article-content ol {
  counter-reset: item;
}
.page-entry-article-content ol li,
.article-content ol li {
  counter-increment: item;
}
.page-entry-article-content ol li::before,
.article-content ol li::before {
    content: counter(item)". ";
    position: absolute;
    left: 0;
    top: 0;
}
.page-entry-article-content ul li::before,
.article-content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .72em;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--brand);
    box-shadow: 0 0 0 6px rgba(103, 245, 110, .09);
}
.page-entry-article-content h3,
.page-entry-article-content h4 { margin: 34px 0 16px 0; font-size: 18px; font-weight: 700; line-height: 1.5; }
.page-entry-article-content h3 strong,
.page-entry-article-content h4 strong,
.page-entry-article-content h3 b,
.page-entry-article-content h4 b { font-weight: 700; }
.page-entry-article-content p:empty { padding-bottom: 2px; }
.page-entry-article-content p:empty,
.page-entry-article-content ol:empty { display: none; }
.page-entry-article-content p.has-medium-font-size { color: var(--muted); font-size: 1.2em !important; }
.page-entry-article-content a { color: var(--brand-2) }
.page-entry-article-content a strong { color: inherit; }
.page-entry-article-content img { border-radius: 18px; }

@media(max-width:1080px){
  .page-entry-layout{grid-template-columns:1fr; margin-top: 0;}
  .page-sidebar{position:relative;top:auto !important;grid-template-columns:2fr 1fr}
  .page-sidebar .widget .menu { grid-template-columns: 1fr 1fr; }
}
@media(max-width:760px){
  .page-entry-main {padding-top: 22px;}
  .page-sidebar{grid-template-columns:1fr}
  .page-entry-article{padding:22px;border-radius:24px}
}
@media(max-width:480px) {
  .page-sidebar .widget .menu { grid-template-columns: 1fr; }
}

.wp-block-accordion-item {
    border-bottom: 1px solid var(--line);
    padding: 6px 0;
}
.wp-block-accordion-item h3 {
    margin: 0;
    font-size: 1em;
    transition: .2s ease;
}
.wp-block-accordion-item h3:hover {
    color: var(--brand);
}
.wp-block-accordion-heading__toggle-title {
    text-decoration: none !important;
}
.wp-block-accordion-panel {
    padding-top: 14px;
}