*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:#0f0f17;color:#e2e8f0;overflow-x:hidden}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{display:block}
button{cursor:pointer;border:none;background:none;font-family:inherit}
input{font-family:inherit}
.cw{max-width:1280px;margin:0 auto;padding:0 20px}

/* ANNOUNCEMENT BAR */
.ann-bar{background:linear-gradient(90deg,#0d1541 0%,#1a0a40 50%,#0d1541 100%);border-bottom:1px solid rgba(79,135,255,.25);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:200;min-height:36px}
.ann-inner{display:flex;align-items:center;gap:10px;flex:1;justify-content:center;flex-wrap:wrap}
.ann-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.ann-badge{display:flex;align-items:center;gap:5px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.4);color:#22c55e;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap;letter-spacing:.3px}
.ann-txt{font-size:13px;color:#cbd5e1;white-space:nowrap}
.ann-txt strong{color:#fff}
.ann-code{background:rgba(250,204,21,.12);border:1px solid rgba(250,204,21,.35);color:#facc15;padding:2px 8px;border-radius:4px;font-size:12px}
.ann-btn{background:#fff;color:#0f0f17;font-size:11.5px;font-weight:800;padding:5px 14px;border-radius:6px;white-space:nowrap;letter-spacing:.5px;transition:all .2s}
.ann-btn:hover{background:#e2e8f0;transform:translateY(-1px)}
.ann-x{color:#475569;font-size:16px;padding:4px 8px;border-radius:4px;transition:color .2s;flex-shrink:0;line-height:1}
.ann-x:hover{color:#e2e8f0}

/* HEADER */
.hdr{background:#0f0f17;border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:150;transition:box-shadow .3s}
.hdr.scrolled{box-shadow:0 2px 24px rgba(0,0,0,.6)}
.hdr-w{max-width:1400px;margin:0 auto;padding:0 20px;height:58px;display:flex;align-items:center;gap:14px}
.logo{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:800;color:#fff;letter-spacing:-1px;flex-shrink:0}
.burger{display:none;flex-direction:column;gap:5px;padding:6px;border-radius:6px;flex-shrink:0}
.burger span{display:block;width:22px;height:2px;background:#e2e8f0;border-radius:2px;transition:all .3s}

/* NAV */
.nav{display:flex;align-items:center;gap:2px;flex:1;margin:0 10px;flex-wrap:nowrap}
.ni{position:relative}
.nl{display:flex;align-items:center;gap:3px;padding:7px 9px;font-size:13px;font-weight:500;color:#94a3b8;border-radius:6px;transition:color .2s,background .2s;white-space:nowrap;cursor:pointer}
.nl:hover{color:#fff;background:rgba(255,255,255,.05)}
.chv{width:11px;height:11px;flex-shrink:0;opacity:.6;transition:transform .2s}
.ddp:hover .chv{transform:rotate(180deg)}
.hl{font-weight:700;font-size:12.5px}
.hl-rb{color:#22c55e!important}.hl-rb:hover{background:rgba(34,197,94,.1)!important}
.hl-gta{color:#f97316!important}.hl-gta:hover{background:rgba(249,115,22,.1)!important}
.hl-fifa{color:#facc15!important}.hl-fifa:hover{background:rgba(250,204,21,.1)!important}
.dd{position:absolute;top:calc(100% + 6px);left:0;background:#13131f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px;min-width:195px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s;box-shadow:0 16px 40px rgba(0,0,0,.55);z-index:300}
.ddp:hover .dd{opacity:1;visibility:visible;transform:translateY(0)}
.di{display:block;padding:8px 13px;font-size:13px;color:#94a3b8;border-radius:7px;transition:background .2s,color .2s}
.di:hover{background:rgba(79,135,255,.15);color:#fff}
.ppill{display:flex;align-items:center;gap:5px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.25);color:#22c55e;font-size:12px;font-weight:600;padding:5px 11px;border-radius:20px;white-space:nowrap;transition:background .2s;flex-shrink:0}
.ppill:hover{background:rgba(34,197,94,.15)}
.hacts{display:flex;align-items:center;gap:2px;flex-shrink:0}
.hact{display:flex;align-items:center;gap:7px;padding:7px 9px;color:#94a3b8;border-radius:8px;transition:color .2s,background .2s;font-size:11.5px;white-space:nowrap}
.hact:hover{color:#fff;background:rgba(255,255,255,.05)}
.cart-a{position:relative}
.cn{position:absolute;top:-5px;right:-3px;background:#4f87ff;color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}

/* MOBILE MENU */
.mm{position:fixed;top:0;left:-310px;width:290px;height:100vh;background:#0f0f17;border-right:1px solid rgba(255,255,255,.07);z-index:999;transition:left .32s cubic-bezier(.4,0,.2,1);overflow-y:auto}
.mm.open{left:0}
.mm-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.07)}
.mm-x{color:#64748b;font-size:20px;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.mm-x:hover{background:rgba(255,255,255,.07);color:#fff}
.mm-nav{display:flex;flex-direction:column;gap:2px;padding:14px 12px}
.mn{display:block;padding:11px 13px;color:#94a3b8;font-size:15px;font-weight:500;border-radius:8px;transition:background .2s,color .2s}
.mn:hover{background:rgba(79,135,255,.1);color:#fff}
.mh-rb{font-weight:700;color:#22c55e!important}.mh-gta{font-weight:700;color:#f97316!important}.mh-fifa{font-weight:700;color:#facc15!important}
.mmhr{border:none;border-top:1px solid rgba(255,255,255,.07);margin:8px 0}
.mm-ov{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:998;opacity:0;visibility:hidden;transition:all .32s;backdrop-filter:blur(3px)}
.mm-ov.active{opacity:1;visibility:visible}

/* HERO CAROUSEL — match real site */
.hero{position:relative;overflow:hidden;background:#050510;height:460px;user-select:none;width:100%}
.slides{display:flex;height:100%;width:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}
.slide{position:relative;min-width:100%;width:100%;height:100%;overflow:hidden;flex-shrink:0;background:#050510;display:flex;align-items:center;justify-content:center}
.simg{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;max-height:460px}
.sarr{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);transition:all .2s;color:#fff}
.sarr:hover{background:rgba(0,0,0,.7);border-color:rgba(255,255,255,.45);transform:translateY(-50%) scale(1.08)}
.sl{left:18px}.sr{right:18px}
.sdots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10;align-items:center}
.sd{display:block;width:28px;height:4px;border-radius:2px;background:rgba(255,255,255,.28);cursor:pointer;transition:all .3s}
.sd.active{background:#fff;width:44px}
.sctr{position:absolute;bottom:18px;right:22px;font-size:13px;color:rgba(255,255,255,.55);font-weight:600;z-index:10}

/* TRUST SECTION */
.trust{padding:24px 0;background:#0f0f17}
.trust-box{background:rgba(15,30,20,.85);border:1px solid rgba(34,197,94,.2);border-radius:14px;padding:24px 28px;display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}
.tshield{width:50px;height:50px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tbody{flex:1;min-width:260px}
.ttop{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.tpill{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.4);color:#22c55e;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.4px}
.tsep{color:#22c55e;font-size:7px}
.tlic{font-size:12.5px;color:#64748b;font-weight:500}
.th{font-size:17px;font-weight:800;color:#fff;margin-bottom:7px;line-height:1.3}
.tp{font-size:13.5px;color:#64748b;line-height:1.6}
.tstats{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap}
.ts{text-align:center;padding:0 18px}
.tsn{display:block;font-size:21px;font-weight:800;margin-bottom:3px}
.blue{color:#4f87ff}.yel{color:#facc15}.grn{color:#22c55e}
.tsl{font-size:11.5px;color:#475569;font-weight:500}
.tsd{width:1px;height:36px;background:rgba(255,255,255,.07)}

/* PROMO BANNERS */
.promo-sec{padding:20px 0;background:#0a0a14}
.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.promo-c{display:block;border-radius:12px;overflow:hidden;transition:transform .3s}
.promo-c:hover{transform:translateY(-3px)}
.promo-i{width:100%;height:auto;display:block;transition:transform .5s}
.promo-c:hover .promo-i{transform:scale(1.04)}

/* PRODUCT SECTIONS */
.psec{padding:36px 0}
.psec:nth-child(odd){background:#0a0a14}
.psec:nth-child(even){background:#0f0f17}
.sr{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:14px;flex-wrap:wrap}
.sttl{font-size:clamp(15px,2vw,19px);font-weight:700;color:#fff}
.sttlc{text-align:center;width:100%;margin-bottom:20px}
.oc{color:#f97316;font-weight:800}
.lc{color:#facc15;font-weight:800}
.vc{color:#ef4444;font-weight:800}
.vmb{background:transparent;border:1px solid rgba(255,255,255,.18);color:#94a3b8;font-size:12px;font-weight:600;padding:7px 16px;border-radius:20px;letter-spacing:.4px;transition:all .2s;white-space:nowrap;cursor:pointer}
.vmb:hover{border-color:#4f87ff;color:#4f87ff;background:rgba(79,135,255,.07)}
.pg2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.pg4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pg5{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}

/* PRODUCT CARD */
.pc{background:#13131f;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;display:flex;flex-direction:column}
.pc:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.5);border-color:rgba(79,135,255,.28)}
.pbs{position:absolute;top:9px;left:9px;z-index:3;display:flex;gap:5px;flex-wrap:wrap}
.b{font-size:10px;font-weight:700;padding:3px 7px;border-radius:5px;letter-spacing:.3px}
.bo{background:#f97316;color:#fff}
.bd{background:rgba(0,0,0,.7);color:#e2e8f0;border:1px solid rgba(255,255,255,.13)}
.bpu{background:#7c3aed;color:#fff}
.btl{background:#0d9488;color:#fff}
.bcy{background:#06b6d4;color:#000}
.pi{overflow:hidden;background:#0a0a18;aspect-ratio:1.45/1}
.pi img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s;display:block}
.pc:hover .pi img{transform:scale(1.05)}
.pf{padding:13px;flex:1;display:flex;flex-direction:column;gap:9px}
.pn{font-size:12.5px;font-weight:600;color:#e2e8f0;line-height:1.4;flex:1}
.pm{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.pt{font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px}
.rb{background:rgba(34,197,94,.18);color:#22c55e;border:1px solid rgba(34,197,94,.28)}
.ps{background:rgba(0,112,209,.2);color:#60a5fa;border:1px solid rgba(0,112,209,.3)}
.ff{background:rgba(249,115,22,.18);color:#f97316;border:1px solid rgba(249,115,22,.28)}
.xb{background:rgba(16,124,16,.18);color:#4ade80;border:1px solid rgba(16,124,16,.28)}
.ri{background:rgba(239,68,68,.18);color:#f87171;border:1px solid rgba(239,68,68,.28)}
.dc{background:#1e3a5f;color:#60a5fa;font-size:11px;font-weight:700;padding:2px 7px;border-radius:5px}
.pr{margin-left:auto;text-align:right}
.op{display:block;font-size:11px;color:#475569;text-decoration:line-through}
.np{display:block;font-size:16px;font-weight:800;color:#fff}
.pp{font-size:11px;color:#475569}
.po{color:#22c55e;font-weight:600}
.cb{width:100%;padding:10px;background:#4f87ff;color:#fff;font-size:12.5px;font-weight:700;border-radius:7px;letter-spacing:.7px;transition:all .2s;margin-top:3px}
.cb:hover{background:#3b72e8;transform:translateY(-1px);box-shadow:0 5px 14px rgba(79,135,255,.4)}
.cb:active{transform:translateY(0)}

/* NEWSLETTER */
.nl-sec{padding:44px 0;background:#08080f;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.nl-box{display:flex;align-items:center;gap:44px;flex-wrap:wrap}
.nl-l{flex:1;min-width:260px}
.nl-h{font-size:clamp(17px,2.2vw,22px);font-weight:800;color:#fff;margin-bottom:7px}
.nl-p{font-size:13.5px;color:#475569;line-height:1.5}
.nl-r{flex:1;min-width:260px}
.nl-form{display:flex;gap:10px;margin-bottom:10px}
.nl-in{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:11px 15px;color:#e2e8f0;font-size:14px;transition:border-color .2s}
.nl-in:focus{outline:none;border-color:#4f87ff;background:rgba(79,135,255,.05)}
.nl-in::placeholder{color:#334155}
.nl-btn{background:#4f87ff;color:#fff;font-size:13.5px;font-weight:700;padding:11px 26px;border-radius:8px;letter-spacing:.4px;white-space:nowrap;transition:background .2s,transform .1s;cursor:pointer}
.nl-btn:hover{background:#3b72e8;transform:translateY(-1px)}
.nl-leg{font-size:11.5px;color:#334155;line-height:1.6}
.nl-leg a{color:#4f87ff}

/* GIVEAWAY */
.gw-sec{padding:20px 0;background:#0a0a14}
.gw-card{display:block;border-radius:14px;overflow:hidden;transition:transform .3s}
.gw-card:hover{transform:translateY(-3px)}
.gw-img{width:100%;height:auto;display:block}

/* PARTNERS */
.part-sec{padding:44px 0;background:#08080f}
.part-card{margin-top:20px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.part-img{width:100%;height:auto;display:block}

/* FOOTER */
.ftr{background:#08080f;border-top:1px solid rgba(255,255,255,.06);padding:50px 0 28px}
.fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-bottom:44px}
.fh{font-size:13.5px;font-weight:700;color:#4f87ff;margin-bottom:16px;letter-spacing:.2px}
.fl{display:flex;flex-direction:column;gap:9px}
.fa{font-size:13px;color:#475569;transition:color .2s;line-height:1.4}
.fa:hover{color:#e2e8f0}
.soc-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.soc{width:36px;height:36px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s}
.soc:hover{background:rgba(79,135,255,.18);border-color:#4f87ff;color:#4f87ff}
.flogo{display:flex;align-items:center;gap:7px;font-size:19px;font-weight:800;color:#fff;letter-spacing:-1px}
.fbtm{border-top:1px solid rgba(255,255,255,.06);padding-top:22px;display:flex;flex-direction:column;gap:5px}
.fbtm p{font-size:12px;color:#334155;line-height:1.5}
.femail{color:#4f87ff;font-weight:500}
.femail:hover{color:#60a5fa}

/* CHAT */
.chat-w{position:fixed;bottom:22px;right:22px;z-index:1000}
.chat-btn{display:flex;align-items:center;gap:9px;background:#4f87ff;color:#fff;padding:11px 17px;border-radius:50px;box-shadow:0 6px 28px rgba(79,135,255,.45);transition:all .3s;animation:cpulse 3s ease-in-out infinite;cursor:pointer}
.chat-btn:hover{background:#3b72e8;transform:translateY(-2px)}
@keyframes cpulse{0%,100%{box-shadow:0 6px 28px rgba(79,135,255,.45)}50%{box-shadow:0 6px 28px rgba(79,135,255,.7),0 0 0 7px rgba(79,135,255,.1)}}
.ci{display:flex;flex-direction:column;line-height:1.3}
.ci span{font-size:11px;opacity:.8}
.ci strong{font-size:12.5px}

/* TOAST */
.toast{position:fixed;bottom:86px;right:22px;z-index:1001;background:#13131f;border:1px solid rgba(34,197,94,.28);border-radius:9px;padding:12px 16px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#22c55e;box-shadow:0 6px 22px rgba(0,0,0,.5);transform:translateX(130%);transition:transform .34s cubic-bezier(.4,0,.2,1)}
.toast.show{transform:translateX(0)}

/* ══ RESPONSIVE — MOBILE FIRST ══════════════════════════════════════════ */

/* 1200px — large desktop */
@media(max-width:1200px){
  .pg5{grid-template-columns:repeat(4,1fr)}
}

/* 1100px — medium desktop / large tablet */
@media(max-width:1100px){
  .pg4{grid-template-columns:repeat(3,1fr)}
  .fgrid{grid-template-columns:repeat(2,1fr)}
  .nav .nl:not(.hl){font-size:12px;padding:6px 6px}
  .ppill{display:none}
  .pg5{grid-template-columns:repeat(3,1fr)}
}

/* 900px — tablet landscape */
@media(max-width:900px){
  .pg4{grid-template-columns:repeat(2,1fr)}
  .pg5{grid-template-columns:repeat(3,1fr)}
  .promo-grid{grid-template-columns:1fr 1fr;gap:10px}
}

/* 768px — tablet portrait / large phone */
@media(max-width:768px){
  /* Header */
  .nav{display:none}
  .burger{display:flex}
  .hact span{display:none}
  .ppill{display:none}
  .hdr-w{height:52px;gap:10px;padding:0 14px}

  /* Announcement bar */
  .ann-txt{display:none}
  .ann-bar{padding:6px 12px;justify-content:center}
  .ann-badge{font-size:10.5px;padding:3px 8px}
  .ann-btn{font-size:10.5px;padding:4px 10px}

  /* Hero */
  .hero{height:220px}
  .sarr{width:34px;height:34px}
  .sl{left:10px}.sr{right:10px}

  /* Promo banners */
  .promo-grid{grid-template-columns:1fr;gap:8px}
  .promo-i{height:140px}

  /* Trust box */
  .trust-box{flex-direction:column;padding:18px 16px;gap:14px}
  .tstats{flex-direction:row;justify-content:space-around;width:100%}
  .ts{padding:0 8px}
  .tsn{font-size:17px}
  .tsd{display:none}

  /* Product grids — !important overrides base rule that appears later in file */
  .pg2{grid-template-columns:1fr}
  .pg4{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
  .pg5{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}

  /* Product sections */
  .psec{padding:20px 0}
  .sr{margin-bottom:12px}

  /* pg5 cards igualados ao pg4 PSN: mesmo tamanho, mesmo padding */
  .pg5 .pf{padding:8px!important}
  .pg5 .pn{font-size:11px!important;line-height:1.3!important}
  .pg5 .np{font-size:14px!important}
  .pg5 .cb{padding:8px!important;font-size:11px!important;letter-spacing:.3px!important}
  .pg5 .op{font-size:10px!important}
  .pg5 .pi{aspect-ratio:1.45/1}

  /* Newsletter */
  .nl-box{flex-direction:column;gap:24px}
  .nl-l,.nl-r{min-width:unset;width:100%}
  .nl-sec{padding:32px 0}

  /* Footer */
  .fgrid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}
  .ftr{padding:36px 0 22px}

  /* Chat button */
  .chat-btn{padding:9px 14px;border-radius:40px}
  .ci strong{font-size:11.5px}
  .ci span{display:none}

  /* Toast */
  .toast{right:12px;bottom:74px;font-size:12px}

  /* Seals — faixa horizontal compacta no mobile */
  .seals-sec{padding:10px 0}
  .seals-grid{display:flex!important;flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .seal{flex:0 0 auto;width:90px;padding:8px 6px;gap:4px;border-radius:10px}
  .seal-icon{width:28px;height:28px;border-radius:7px}
  .seal-icon svg{width:14px;height:14px}
  .seal-text strong{font-size:9.5px;white-space:nowrap}
  .seal-text span{font-size:8.5px;white-space:nowrap}

  /* Sections */
  .part-sec{padding:24px 0}
  .sttlc{font-size:15px}
}

/* 560px — small phone */
@media(max-width:560px){
  /* Layout */
  .cw{padding:0 10px}

  /* Header */
  .hdr-w{padding:0 10px;height:50px}
  .logo{font-size:19px}

  /* Hero */
  .hero{height:180px}
  .sdots{bottom:10px;gap:5px}
  .sd{width:18px;height:3px}
  .sd.active{width:28px}
  .sctr{display:none}

  /* Grids */
  .pg4{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}
  .pg5{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}
  .promo-grid{grid-template-columns:1fr}

  /* Product card */
  .pf{padding:9px}
  .pn{font-size:11px}
  .np{font-size:14px}
  .cb{padding:8px;font-size:11px}

  /* Newsletter */
  .nl-form{flex-direction:column;gap:8px}
  .nl-btn{width:100%;text-align:center}

  /* Footer */
  .fgrid{grid-template-columns:1fr}
  .soc-row{margin-bottom:12px}

  /* Seals — faixa scroll compacta */
  .seals-sec{padding:8px 0}
  .seal{width:80px;padding:7px 5px}
  .seal-icon{width:26px;height:26px}
  .seal-icon svg{width:13px;height:13px}
  .seal-text strong{font-size:9px}
  .seal-text span{font-size:8px}

  /* Chat */
  .chat-w{bottom:14px;right:14px}
  .chat-btn{padding:9px 14px}

  /* Trust */
  .th{font-size:15px}
  .tp{font-size:12.5px}
}

/* 375px — very small phone (iPhone SE etc.) */
@media(max-width:375px){
  .hero{height:160px}
  .pg4,.pg5{gap:6px}
  .pf{padding:8px}
  .np{font-size:14px}
  .cb{font-size:11px;padding:8px}
  .fgrid{grid-template-columns:1fr}
  .seals-grid{grid-template-columns:repeat(2,1fr);gap:6px}
  .seal{padding:10px 6px}
}

/* -- Touch devices: remove hover states that break layout on tap -- */
@media(hover:none){
  .pc:hover{transform:none;box-shadow:none}
  .seal:hover{transform:none}
  .promo-c:hover{transform:none}
  .cb:hover{transform:none;box-shadow:none}
}

/* MULTI-COLUMN DROPDOWN (Console) */
.dd-wide{min-width:620px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:14px 6px 0}
.dd-col{padding:4px 10px 14px}
.dd-col-h{font-size:11px;font-weight:700;color:#4f87ff;letter-spacing:.5px;text-transform:uppercase;padding:6px 13px 8px;margin-bottom:4px}
.di-p{display:flex;align-items:center;gap:4px;justify-content:space-between}
.di-dc{background:#1e3a5f;color:#60a5fa;font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;flex-shrink:0}
.di-pr{color:#fff;font-size:12px;font-weight:600;flex-shrink:0}
.di-cup{display:flex;align-items:center;gap:6px}
.cup-badge{background:rgba(250,204,21,.15);border:1px solid rgba(250,204,21,.3);color:#facc15;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px}
.dd-foot{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.06);padding:14px 13px;display:flex;align-items:center;gap:8px;margin-top:4px}
.dd-foot span{font-size:13px;font-weight:600;color:#e2e8f0}
.dd-foot small{font-size:11.5px;color:#334155;flex:1}
.dd-foot-btn{background:#4f87ff;color:#fff;font-size:12px;font-weight:700;padding:7px 18px;border-radius:7px;text-decoration:none;transition:background .2s;white-space:nowrap}
.dd-foot-btn:hover{background:#3b72e8}

/* PRODUCT CARD LINKS */
.pc-link{display:block;text-decoration:none;overflow:hidden}
.pc-link img{transition:transform .3s ease}
.pc-link:hover img{transform:scale(1.04)}
.pn-link{text-decoration:none;color:inherit;display:block}
.pn-link:hover .pn{color:#4f87ff}
.pn{transition:color .2s}

/* ── FIX 6: Promo banners equal height ── */
.promo-i{height:180px;object-fit:cover}
.promo-c-gta .promo-i{object-position:center top}

/* ── FIX 2: Nav dropdown arrows - no double arrows ── */
.nl svg.chv{pointer-events:none;transition:transform .25s}
.ddp:hover > a .chv,.ddp.open > a .chv{transform:rotate(180deg)!important}
.nl:not(.ddp > a) .chv{display:none}

/* pg5 responsive is handled by main responsive block above */
.pg5{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}

/* ── FIX 1: Product card prices/discounts uniform ── */
.pc .op{font-size:12px;color:#475569;text-decoration:line-through;display:block;margin-bottom:2px}
.pc .np{font-size:17px;font-weight:800;color:#fff;display:block}
.pc .dc{background:linear-gradient(90deg,#22c55e,#16a34a);color:#fff;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:5px;display:inline-block;margin-right:5px}
.pc .pr{display:flex;flex-direction:column;gap:1px}
.pc .pp{font-size:11.5px;color:#22c55e;margin:4px 0 8px}
.pc .po{font-weight:700}
/* ── NAV DROPDOWN FIX: bridge gap so hover doesn't break ── */
.ni.ddp{padding-bottom:6px;margin-bottom:-6px}
.dd,.dd-wide{top:calc(100% + 6px)}
.ni.ddp > .dd,.ni.ddp > .dd-wide{padding-top:8px;margin-top:-8px}

/* ── DD-WIDE 2-COL variant ── */
.dd-wide.dd-2col{grid-template-columns:1fr 1fr}
.dd-wide.dd-2col .dd-foot{grid-column:1/-1}

/* ── DD-WIDE responsive fix ── */
.dd-wide{grid-auto-rows:auto}
.dd-col-h{white-space:nowrap}
.di-p .di-dc,.di-p .di-pr{flex-shrink:0;white-space:nowrap}
.di-p{gap:6px;flex-wrap:nowrap}

/* ── Prevent dropdown from overflowing right edge ── */
.ni.ddp:last-of-type .dd,.ni.ddp:last-of-type .dd-wide,
.ni.ddp:nth-last-of-type(2) .dd-wide{left:auto;right:0}

/* ── Smoother transition ── */
.dd,.dd-wide{transition:opacity .18s,transform .18s,visibility .18s}
/* ── HL inside ddp: keep color highlight on the link ── */
.ni.ddp .nl.hl{font-weight:800}
.ni.ddp:hover > .nl.hl-rb{color:#22c55e!important}
.ni.ddp:hover > .nl.hl-gta{color:#f97316!important}
.ni.ddp:hover > .nl.hl-fifa{color:#facc15!important}

/* ── ROBLOX/GTA/FIFA dropdown: align right to prevent overflow ── */
.ni.ddp:nth-child(n+5) .dd-wide{left:auto;right:0}

/* ── chv inside hl links: match their color ── */
.ni.ddp > .nl.hl-rb .chv{stroke:#22c55e}
.ni.ddp > .nl.hl-gta .chv{stroke:#f97316}
.ni.ddp > .nl.hl-fifa .chv{stroke:#facc15}

/* ── dd-wide.dd-2col: proper 2-column layout ── */
.dd-wide.dd-2col{grid-template-columns:1fr 1fr}
.dd-wide.dd-2col .dd-col{padding:4px 10px 14px}
.dd-wide.dd-2col .dd-foot{grid-column:1/-1}

/* -- TRUST SEALS -- */
.seals-sec{padding:28px 0;background:linear-gradient(180deg,#0a0a14 0%,#0f0f17 100%);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.seals-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.seal{display:flex;flex-direction:column;align-items:center;gap:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:18px 12px;text-align:center;transition:border-color .2s,background .2s,transform .2s}
.seal:hover{border-color:rgba(79,135,255,.3);background:rgba(79,135,255,.04);transform:translateY(-3px)}
.seal-icon{flex-shrink:0;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center}
.seal-icon svg{flex-shrink:0}
.seal-green{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);box-shadow:0 4px 16px rgba(34,197,94,.12)}
.seal-blue{background:rgba(79,135,255,.12);border:1px solid rgba(79,135,255,.25);box-shadow:0 4px 16px rgba(79,135,255,.12)}
.seal-purple{background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.25);box-shadow:0 4px 16px rgba(168,85,247,.12)}
.seal-yellow{background:rgba(250,204,21,.1);border:1px solid rgba(250,204,21,.25);box-shadow:0 4px 16px rgba(250,204,21,.08)}
.seal-text{display:flex;flex-direction:column;gap:3px}
.seal-text strong{font-size:12.5px;font-weight:800;color:#e2e8f0;white-space:nowrap}
.seal-text span{font-size:10.5px;color:#475569;white-space:nowrap}
@media(max-width:1100px){.seals-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.seals-grid{grid-template-columns:repeat(2,1fr)}}