:root{
  --bg:#020817;--bg2:#05142c;--panel:#071a36;--panel2:#0b2350;
  --blue:#0e69ff;--cyan:#38a4ff;--gold:#ffca2b;--gold2:#f29900;
  --white:#f7fbff;--muted:#a6b6cf;--line:rgba(88,146,228,.24);
  --shadow:0 22px 70px rgba(0,0,0,.42);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#020817 0%,#06152f 55%,#020817 100%);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55;overflow-x:hidden}
a{text-decoration:none;color:inherit}button,input,select{font:inherit}img{display:block;max-width:100%}.wrap{width:min(1180px,92vw);margin:auto}

.header{position:sticky;top:0;z-index:80;background:rgba(1,7,18,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(86,145,225,.18)}
.nav{min-height:74px;display:flex;align-items:center;gap:22px}
.brandLogo{width:180px;flex:0 0 auto;display:flex;align-items:center}
.brandLogo img{width:100%;height:auto;object-fit:contain}
.navlinks{display:flex;align-items:center;gap:22px;flex:1;justify-content:center}.navlinks a{font-weight:800;font-size:.9rem;color:#c2d2eb}.navlinks a:hover{color:#fff}
.navRight{display:flex;gap:10px;align-items:center}.country{background:#071a36;border:1px solid var(--line);color:#fff;border-radius:999px;padding:.58rem .78rem}
.iconBtn{background:#0b2a59;color:#e9f4ff;border:1px solid #225a9c;border-radius:12px;padding:.65rem .8rem;font-weight:900;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.menu{display:none}

.hero{background:
radial-gradient(circle at 50% 0,rgba(10,91,220,.23),transparent 32%),
linear-gradient(180deg,#020817,#041229 86%,#020817)}
.heroInner{width:min(1180px,94vw);margin:auto;padding:28px 0 24px}
.heroArt{border-radius:28px;overflow:hidden;border:1px solid rgba(81,145,230,.2);box-shadow:var(--shadow);background:#020817}
.heroArt img{width:100%;height:auto}
.heroSearchWrap{margin-top:18px}
.searchCard{background:linear-gradient(180deg,rgba(8,28,62,.98),rgba(4,16,37,.98));border:1px solid rgba(109,166,244,.3);border-radius:20px;padding:14px;box-shadow:0 18px 48px rgba(0,0,0,.35)}
.searchLine{display:flex;gap:8px;background:#fff;border-radius:16px;padding:7px}
.searchLine input{flex:1;min-width:0;border:0;outline:0;padding:1rem 1.05rem;color:#111827}
.searchLine button{border:0;border-radius:12px;background:linear-gradient(135deg,var(--gold),var(--gold2));padding:0 1.4rem;font-weight:1000;color:#111}
.quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.quick a{background:#0a2550;border:1px solid #21528f;color:#dbeaff;padding:.42rem .72rem;border-radius:999px;font-size:.8rem;font-weight:700}

.section{padding:66px 0}.section.dark{background:#031023;border-top:1px solid rgba(62,111,183,.12);border-bottom:1px solid rgba(62,111,183,.12)}
.kicker{color:var(--gold);font-size:.78rem;font-weight:1000;letter-spacing:.16em;text-transform:uppercase}.head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.head h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1;margin:.4rem 0}.head p{color:var(--muted);max-width:720px;margin:0}
.featureRow{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.featureTile{background:linear-gradient(180deg,#0a1e40,#06152f);border:1px solid var(--line);border-radius:18px;padding:20px 14px;text-align:center}.featureTile .ico{font-size:2rem}.featureTile b{display:block;color:var(--gold);margin-top:8px}.featureTile span{font-size:.8rem;color:#aebfda}

.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cat{background:radial-gradient(circle at 50% 0,rgba(14,105,255,.22),transparent 42%),linear-gradient(180deg,#0a2149,#06142d);border:1px solid var(--line);border-radius:22px;padding:24px;min-height:170px}.cat .ico{font-size:2.2rem}.cat h3{margin:.8rem 0 .25rem}.cat p{color:var(--muted);font-size:.9rem}

.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:linear-gradient(180deg,#081b3a,#041226);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}.media{height:150px;display:grid;place-items:center;font-size:4.5rem;background:radial-gradient(circle at 50% 20%,rgba(52,146,255,.28),transparent 50%),linear-gradient(180deg,#0b2a5d,#07182f)}
.pb{padding:16px;display:flex;flex-direction:column;gap:9px;flex:1}.badge{align-self:flex-start;background:linear-gradient(135deg,#ffcb2e,#f09a00);color:#101521;font-size:.7rem;font-weight:1000;padding:.32rem .55rem;border-radius:999px}.product h3{margin:0;font-size:1rem}.meta{font-size:.8rem;color:#93a7c7}.stars{color:#ffcf3d}.price{font-size:1.4rem;font-weight:1000}.old{text-decoration:line-through;color:#7288a8;font-size:.82rem;margin-left:6px}
.acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.btn{border:0;border-radius:12px;padding:.72rem .95rem;font-weight:1000;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#101521}.btn.blue{background:#0b2a59;color:#e9f4ff;border:1px solid #225a9c}
.saveBtn.saved{background:#2a1d08;border-color:#8c6a17;color:#ffd55a}

.trustGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.trustCard{background:linear-gradient(180deg,#081c3c,#05142d);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.check{display:flex;gap:10px;align-items:flex-start;background:#061733;border:1px solid rgba(73,129,207,.18);border-radius:14px;padding:14px}.tick{color:var(--gold);font-size:1.25rem}.check b{display:block}.check small{color:#95a9c8}
.shareBand{background:linear-gradient(180deg,#061b3b,#041126);border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.banner{background:linear-gradient(135deg,#ffca2c,#f39a00);color:#141414;border-radius:24px;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}

.footer{padding:54px 0 32px;background:#01050e;border-top:1px solid rgba(75,129,204,.15)}.footerGrid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}.footer h4{margin:0 0 10px}.footer a{display:block;color:#94a8c7;margin:.48rem 0}.footer p{color:#94a8c7}.footerLogo{width:180px}.affiliateNote{margin-top:24px;padding-top:16px;border-top:1px solid rgba(75,129,204,.16);color:#8297b5;font-size:.8rem}.legal{margin-top:8px;color:#6f84a3;font-size:.78rem}

.pageHero{padding:54px 0 30px;background:radial-gradient(circle at 50% 0,rgba(14,105,255,.2),transparent 30%),#041127}.pageHero h1{font-size:clamp(2.3rem,5vw,4.2rem);margin:.5rem 0}.pageHero p{color:#a8bad6;max-width:760px}
.panel{background:#071a36;border:1px solid var(--line);border-radius:22px;padding:22px}.formGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.field label{display:block;color:#a9bbd6;font-size:.8rem;font-weight:900;margin-bottom:5px}.field input,.field select{width:100%;background:#041225;border:1px solid #1e477d;color:#fff;border-radius:12px;padding:.82rem}
.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.compareTable{width:100%;min-width:760px;border-collapse:collapse;background:#071a36}.compareTable th,.compareTable td{padding:16px;border-bottom:1px solid var(--line);text-align:left}.compareTable th{background:#0a2551}
.article{max-width:850px}.article p,.article li{color:#b9c8de}.retailers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.retailer{background:#071a36;border:1px solid var(--line);border-radius:20px;padding:22px}.retailer p{color:#9eb1ce}
.emptyState{background:#071a36;border:1px solid var(--line);border-radius:18px;padding:24px;color:#a9bad3}
.compareBar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);display:none;align-items:center;gap:10px;background:#071a36;border:1px solid #2b5a97;border-radius:16px;padding:10px 12px;z-index:90;box-shadow:var(--shadow)}.compareBar.show{display:flex}

@media(max-width:980px){
 .navlinks{display:none;position:absolute;top:74px;left:4vw;right:4vw;background:#071a36;border:1px solid var(--line);border-radius:18px;padding:18px;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}
 .menu{display:inline-flex}.country{display:none}.navRight{margin-left:auto}.featureRow{grid-template-columns:repeat(3,1fr)}.grid4,.products{grid-template-columns:repeat(2,1fr)}.trustGrid{grid-template-columns:1fr}.footerGrid{grid-template-columns:1fr 1fr}.retailers{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
 .nav{min-height:64px}.brandLogo{width:142px}.heroInner{width:94vw;padding:14px 0 18px}.heroArt{border-radius:18px}.searchCard{padding:10px}.searchLine input{padding:.88rem .8rem;font-size:16px}.searchLine button{padding:0 .9rem}.quick a{font-size:.74rem;padding:.38rem .62rem}
 .section{padding:48px 0}.head{align-items:flex-start;flex-direction:column}.featureRow{grid-template-columns:repeat(2,1fr)}.grid4,.products,.retailers,.formGrid,.footerGrid{grid-template-columns:1fr}.checks{grid-template-columns:1fr}.banner,.shareBand{align-items:flex-start;flex-direction:column}.compareBar{left:10px;right:10px;transform:none}.pageHero{padding:42px 0 26px}
 .iconBtn .txt{display:none}
}

/* ===== V5 POLISH OVERRIDES ===== */
.header .nav{min-height:68px}
.brandLogo{width:165px}
.brandLogo img{max-height:54px;object-fit:contain}
.iconBtn{background:linear-gradient(180deg,#0b2b5d,#071c3e);color:#fff;border:1px solid #2e66ae;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.iconBtn:hover{border-color:#4f8ce6}
.shareBtn{color:#fff}
.heroInner{padding:18px 0 18px}
.heroArt{border-radius:22px}
.heroArt picture,.heroArt img{width:100%;height:auto;object-fit:contain}
.heroSearchWrap{margin-top:14px}
.searchCard{max-width:900px;margin:0 auto}
.searchLine input{font-size:1rem}
.footerLogo{width:150px}
.footerGrid{align-items:start}
.affiliateNote{max-width:980px;line-height:1.5}
.legal{line-height:1.4}
.tableWrap{background:linear-gradient(180deg,#071a36,#05142d);box-shadow:0 18px 50px rgba(0,0,0,.2)}
.compareTable th,.compareTable td{vertical-align:middle}
.compareTable thead th{color:#fff}
.compareTable tbody th{color:#f3f7ff}
.compareTable td{color:#dce8f9}
.pageHero{border-bottom:1px solid rgba(88,146,228,.12)}

@media(min-width:981px){
  .menu{display:none!important}
  .navlinks{display:flex!important}
  .heroArt img{max-height:520px;object-fit:contain;background:#020817}
  .heroInner{width:min(1120px,92vw)}
  .searchCard{width:min(860px,90vw)}
}

@media(max-width:980px){
  .brandLogo{width:145px}
  .nav{gap:12px}
  .navRight{gap:8px}
  .shareBtn{padding:.62rem .72rem}
  .menu{display:inline-flex}
}

@media(max-width:620px){
  .header .nav{min-height:60px}
  .brandLogo{width:126px}
  .brandLogo img{max-height:46px}
  .shareBtn{padding:.58rem .68rem}
  .heroInner{width:100%;padding:0 0 14px}
  .heroArt{border-radius:0;border-left:0;border-right:0}
  .heroArt img{width:100%;height:auto;object-fit:contain}
  .heroSearchWrap{margin-top:10px;padding:0 10px}
  .searchCard{width:100%;padding:10px}
  .searchLine input{font-size:16px;padding:.84rem .75rem}
  .searchLine button{padding:0 .82rem}
  .quick{gap:6px}
  .quick a{font-size:.72rem}
  .section{padding:44px 0}
  .footer{padding:42px 0 24px}
  .footerLogo{width:138px}
  .affiliateNote{font-size:.76rem}
  .compareTable{min-width:0;width:100%}
  .compareTable thead,.compareTable tbody,.compareTable tr{display:block}
  .compareTable tr{border-bottom:1px solid var(--line)}
  .compareTable th,.compareTable td{display:grid;grid-template-columns:135px 1fr;gap:12px;width:100%;padding:14px 16px;border-bottom:1px solid rgba(88,146,228,.16)}
  .compareTable thead th{display:block;padding:16px}
  .compareTable tbody th{background:#0a2551}
  .tableWrap{overflow:visible}
}

/* ===== V6 MOBILE-FIRST FIX ===== */
@media(max-width:620px){
  body{background:#020817}
  .header{position:sticky;top:0}
  .header .nav{
    min-height:58px;
    padding:6px 0;
    gap:8px
  }
  .brandLogo{
    width:112px;
    min-width:112px
  }
  .brandLogo img{
    max-height:42px;
    width:112px;
    object-fit:contain
  }
  .navRight{
    margin-left:auto;
    gap:6px
  }
  .country{display:none}
  .shareBtn{
    min-width:44px;
    height:44px;
    padding:0 12px;
    border-radius:12px;
    background:#0b2a59;
    color:#fff;
    border:1px solid #2f66ad;
    font-size:.9rem
  }
  .shareBtn .txt{display:none!important}
  .menu{
    display:inline-flex!important;
    width:44px;
    height:44px;
    padding:0;
    align-items:center;
    justify-content:center;
    border-radius:12px
  }
  .navlinks{
    top:58px;
    left:10px;
    right:10px;
    padding:14px;
    gap:4px
  }
  .navlinks a{
    width:100%;
    padding:11px 8px;
    border-bottom:1px solid rgba(88,146,228,.12)
  }

  .hero{background:#020817}
  .heroInner{
    width:100%;
    padding:0 0 12px
  }
  .heroArt{
    border:0;
    border-radius:0;
    box-shadow:none;
    background:#020817
  }
  .heroArt picture,.heroArt img{
    width:100%;
    height:auto;
    display:block;
    object-fit:contain
  }
  .heroSearchWrap{
    margin-top:0;
    padding:10px 12px 0
  }
  .searchCard{
    width:100%;
    border-radius:16px;
    padding:10px;
    box-shadow:none
  }
  .searchLine{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:6px;
    padding:6px;
    border-radius:14px
  }
  .searchLine input{
    width:100%;
    min-width:0;
    font-size:16px;
    padding:.82rem .72rem
  }
  .searchLine button{
    min-width:84px;
    padding:0 .75rem;
    border-radius:11px
  }
  .quick{
    gap:6px;
    margin-top:8px
  }
  .quick a{
    font-size:.72rem;
    padding:.36rem .6rem
  }

  .section{
    padding:38px 0
  }
  .section.dark{background:#031023}
  .wrap{width:92vw}
  .head{
    margin-bottom:18px
  }
  .head h2{
    font-size:2rem;
    line-height:1.05
  }
  .head p{
    font-size:.95rem
  }
  .featureRow{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px
  }
  .featureTile{
    min-height:118px;
    padding:16px 10px
  }
  .featureTile .ico{font-size:1.7rem}
  .featureTile b{font-size:.9rem}
  .featureTile span{font-size:.72rem}

  .grid4,.products,.retailers,.formGrid,.footerGrid{
    grid-template-columns:1fr
  }
  .cat{
    min-height:0;
    padding:18px
  }
  .products{
    gap:14px
  }
  .product{
    border-radius:18px
  }
  .media{
    height:132px;
    font-size:4rem
  }
  .pb{padding:14px}
  .acts{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px
  }
  .acts .btn.gold{
    grid-column:1/-1
  }

  .trustGrid{
    grid-template-columns:1fr;
    gap:14px
  }
  .trustCard{
    padding:20px;
    border-radius:18px
  }
  .checks{
    grid-template-columns:1fr;
    gap:10px
  }
  .shareBand,.banner{
    padding:20px;
    border-radius:18px
  }

  .pageHero{
    padding:34px 0 22px
  }
  .pageHero h1{
    font-size:2.2rem;
    line-height:1.08
  }
  .pageHero p{
    font-size:.95rem
  }

  /* Mobile compare becomes stacked product cards rather than a desktop table */
  .tableWrap{
    overflow:visible;
    border:0;
    background:transparent;
    box-shadow:none
  }
  .compareTable{
    min-width:0;
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    background:transparent
  }
  .compareTable thead,
  .compareTable tbody,
  .compareTable tr{
    display:block
  }
  .compareTable thead{
    margin-bottom:10px
  }
  .compareTable thead tr{
    background:#0a2551;
    border:1px solid var(--line);
    border-radius:16px;
    overflow:hidden
  }
  .compareTable thead th{
    display:block;
    padding:15px 16px;
    border:0;
    background:transparent
  }
  .compareTable tbody{
    display:grid;
    gap:10px
  }
  .compareTable tbody tr{
    display:grid;
    grid-template-columns:125px minmax(0,1fr);
    background:#071a36;
    border:1px solid var(--line);
    border-radius:14px;
    overflow:hidden
  }
  .compareTable tbody th,
  .compareTable tbody td{
    display:block;
    width:auto;
    padding:14px 15px;
    border:0
  }
  .compareTable tbody th{
    background:#0a2551
  }
  .compareTable tbody td{
    background:#071a36
  }

  /* Compact footer */
  .footer{
    padding:30px 0 22px
  }
  .footerGrid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px 16px
  }
  .footerGrid>div:first-child{
    grid-column:1/-1
  }
  .footerLogo{
    width:118px
  }
  .footer p{
    font-size:.85rem;
    margin:.5rem 0 0
  }
  .footer h4{
    font-size:.95rem;
    margin-bottom:8px
  }
  .footer a{
    font-size:.86rem;
    margin:.38rem 0
  }
  .affiliateNote{
    margin-top:18px;
    padding-top:14px;
    font-size:.74rem;
    line-height:1.45
  }
  .legal{
    margin-top:10px;
    font-size:.7rem
  }
}

/* ===== V7 TRUE MOBILE ZOOM-OUT FIX ===== */
@media(max-width:620px){
  .header .nav{
    min-height:56px;
    padding:5px 0
  }
  .brandLogo{
    width:132px;
    min-width:132px;
    overflow:visible
  }
  .brandLogo img{
    width:132px;
    height:46px;
    max-height:none;
    object-fit:contain;
    object-position:center;
    overflow:visible
  }
  .navRight{gap:7px}
  .shareBtn{
    width:44px;
    min-width:44px;
    height:44px;
    padding:0;
    border-radius:12px;
    background:linear-gradient(135deg,#0f63d8,#0a2b61);
    border:1px solid #4f8fe8;
    color:#fff;
    font-size:0;
    box-shadow:0 6px 18px rgba(0,74,180,.25)
  }
  .shareBtn::before{
    content:"↗";
    font-size:1.35rem;
    line-height:1;
    color:#ffd04a;
    font-weight:900
  }
  .shareBtn .txt{display:none!important}
  .menu{
    width:44px;
    height:44px
  }

  .heroInner{
    width:100%;
    padding:0 0 12px
  }
  .heroArt{
    width:100%;
    background:#020817;
    overflow:hidden
  }
  .heroArt picture,
  .heroArt img{
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain!important;
    object-position:center!important;
    display:block
  }

  .heroSearchWrap{
    padding:10px 12px 0;
    margin:0
  }
  .searchCard{
    border-radius:15px;
    padding:9px
  }
  .searchLine{
    grid-template-columns:minmax(0,1fr) 78px
  }
  .searchLine button{
    min-width:78px;
    font-size:.9rem;
    padding:0 .55rem
  }

  .footerLogo{
    width:126px!important;
    height:auto;
    object-fit:contain;
    overflow:visible
  }
  .footerGrid>div:first-child{
    overflow:visible
  }
}

/* ===== V8 MOBILE TRUE ZOOM-OUT + CACHE-BUSTED FIX ===== */
@media(max-width:620px){
  .header .nav{
    min-height:54px!important;
    padding:4px 0!important
  }

  .brandLogo{
    width:116px!important;
    min-width:116px!important;
    height:44px!important;
    overflow:hidden!important
  }
  .brandLogo img{
    width:116px!important;
    height:44px!important;
    object-fit:contain!important;
    object-position:center!important;
    max-height:none!important
  }

  .navRight{
    gap:6px!important
  }

  .shareBtn{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    padding:0!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#0c59c7,#081d45)!important;
    border:1px solid #4b87dc!important;
    color:#ffd34a!important;
    box-shadow:none!important;
    font-size:0!important
  }
  .shareBtn::before{
    content:"↗"!important;
    font-size:1.25rem!important;
    line-height:1!important;
    color:#ffd34a!important;
    font-weight:900!important
  }
  .shareBtn .txt{
    display:none!important
  }

  .menu{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    padding:0!important
  }

  .heroInner{
    width:100%!important;
    padding:0 0 10px!important
  }
  .heroArt{
    width:100%!important;
    overflow:hidden!important;
    background:#020817!important
  }
  .heroArt picture,
  .heroArt img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    display:block!important
  }

  .heroSearchWrap{
    margin-top:0!important;
    padding:8px 10px 0!important
  }
  .searchCard{
    width:100%!important;
    padding:9px!important
  }

  .footerLogo{
    width:110px!important;
    height:auto!important;
    object-fit:contain!important
  }

  .footerGrid>div:first-child{
    padding-bottom:4px!important
  }
}

/* ===== V9 MOBILE HEADER / FOOTER / SHARE FINAL POLISH ===== */
.shareIcon{
  width:22px;
  height:22px;
  display:block;
  fill:#ffd34a;
  stroke:#ffd34a;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}

@media(max-width:620px){
  .header{
    background:#020917!important;
    border-bottom:1px solid rgba(78,139,220,.22)!important
  }
  .header .nav{
    min-height:62px!important;
    padding:6px 0!important
  }

  /* Full logo visible, but with more presence */
  .brandLogo{
    width:152px!important;
    min-width:152px!important;
    height:50px!important;
    display:flex!important;
    align-items:center!important;
    overflow:visible!important
  }
  .brandLogo img{
    width:152px!important;
    height:50px!important;
    object-fit:contain!important;
    object-position:center!important;
    max-height:none!important
  }

  .navRight{
    margin-left:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important
  }

  .shareBtn{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#0c3d84,#071d43)!important;
    border:1px solid #3d78c5!important;
    box-shadow:inset 0 1px rgba(255,255,255,.06)!important
  }
  .shareBtn::before{content:none!important}
  .shareBtn .shareIcon{
    width:22px!important;
    height:22px!important;
    fill:#ffd34a!important;
    stroke:#ffd34a!important
  }
  .shareBtn .txt{
    display:none!important
  }

  .menu{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    border-radius:14px!important
  }

  /* Compact, more premium footer */
  .footer{
    padding:26px 0 18px!important;
    background:
      radial-gradient(circle at 50% 0,rgba(15,73,154,.12),transparent 32%),
      #01050e!important
  }
  .footerGrid{
    grid-template-columns:1fr 1fr!important;
    gap:18px 14px!important
  }
  .footerGrid>div:first-child{
    grid-column:1/-1!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    padding-bottom:10px!important;
    border-bottom:1px solid rgba(75,129,204,.14)!important
  }
  .footerLogo{
    width:148px!important;
    min-width:148px!important;
    height:58px!important;
    object-fit:contain!important
  }
  .footerGrid>div:first-child p{
    margin:0!important;
    font-size:.78rem!important;
    line-height:1.4!important
  }
  .footer h4{
    color:#fff!important;
    font-size:.9rem!important;
    margin-bottom:7px!important
  }
  .footer a{
    font-size:.8rem!important;
    margin:.3rem 0!important
  }
  .affiliateNote{
    margin-top:14px!important;
    padding-top:12px!important;
    font-size:.7rem!important;
    line-height:1.4!important
  }
  .legal{
    margin-top:8px!important;
    font-size:.67rem!important
  }
}

/* ===== V10 USER-DIRECTED MOBILE FIX ===== */
.brandLogo,.footerLogo{display:none!important}

.brandText{
  display:inline-flex;
  align-items:center;
  gap:0;
  font-size:1.85rem;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.05em;
  text-decoration:none;
  white-space:nowrap
}
.footerBrandText{
  display:inline-flex;
  align-items:center;
  gap:0;
  font-size:2rem;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.05em;
  white-space:nowrap
}
.fgSilver{
  background:linear-gradient(180deg,#ffffff 0%,#dce6f4 42%,#8da2bf 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 12px rgba(153,190,255,.16)
}
.fgGold{
  background:linear-gradient(180deg,#fff1a2 0%,#ffc92e 42%,#e28f00 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 12px rgba(255,189,27,.18)
}

@media(max-width:620px){
  .header .nav{
    min-height:58px!important;
    padding:5px 0!important
  }
  .brandText{
    font-size:1.7rem!important
  }
  .heroInner{
    width:100%!important;
    padding:0 0 12px!important
  }
  .heroArt{
    width:100%!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:#020817!important
  }
  .heroArt img{
    width:100%!important;
    height:auto!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center!important
  }
  .footerGrid>div:first-child{
    display:block!important
  }
  .footerBrandText{
    font-size:1.9rem!important;
    margin-bottom:8px!important
  }
}

/* ===== V11 EXACT FGB HEADER/FOOTER MARK ===== */
.brandText,.footerBrandText{display:none!important}

.brandMark{
  display:flex;
  align-items:center;
  text-decoration:none;
  flex:0 0 auto
}
.brandMark img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center
}
.footerBrandMark{
  display:flex;
  align-items:center
}
.footerBrandMark img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center
}

@media(max-width:620px){
  .brandMark{
    width:126px!important;
    height:46px!important;
  }
  .footerBrandMark{
    width:138px!important;
    height:54px!important;
    margin-bottom:8px!important;
  }
}

/* ===== V16 LAPTOP / DESKTOP ONLY FIX ===== */
@media(min-width:981px){
  .header{
    position:sticky;
    top:0;
    z-index:80;
    background:rgba(1,7,18,.96);
    border-bottom:1px solid rgba(86,145,225,.18);
  }

  .header .nav{
    min-height:72px!important;
    padding:6px 0!important;
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
  }

  /* Keep the FGB header logo compact on laptop/desktop */
  .brandMark{
    width:150px!important;
    min-width:150px!important;
    height:54px!important;
    flex:0 0 150px!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
  }

  .brandMark img{
    width:150px!important;
    height:54px!important;
    max-width:150px!important;
    max-height:54px!important;
    object-fit:contain!important;
    object-position:left center!important;
    display:block!important;
  }

  /* Full desktop navigation, no hamburger */
  .navlinks{
    display:flex!important;
    position:static!important;
    flex:1!important;
    align-items:center!important;
    justify-content:center!important;
    gap:18px!important;
    background:none!important;
    border:0!important;
    padding:0!important;
  }

  .navlinks a{
    width:auto!important;
    padding:0!important;
    border:0!important;
    font-size:.88rem!important;
    white-space:nowrap!important;
  }

  .menu{
    display:none!important;
  }

  .country{
    display:inline-flex!important;
  }

  .shareBtn{
    width:auto!important;
    min-width:46px!important;
    height:44px!important;
    padding:0 14px!important;
  }

  .shareBtn .txt{
    display:inline!important;
    margin-left:7px!important;
    font-size:.86rem!important;
  }

  /* Main starry banner scales naturally, never zoomed/cropped */
  .heroInner{
    width:min(1180px,96vw)!important;
    margin:0 auto!important;
    padding:14px 0 18px!important;
  }

  .heroArt{
    width:100%!important;
    max-width:1180px!important;
    margin:0 auto!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  .heroArt img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    display:block!important;
  }

  /* Footer mark kept compact too */
  .footerBrandMark{
    width:150px!important;
    height:56px!important;
    overflow:hidden!important;
  }

  .footerBrandMark img{
    width:150px!important;
    height:56px!important;
    max-width:150px!important;
    max-height:56px!important;
    object-fit:contain!important;
    object-position:left center!important;
    display:block!important;
  }
}