/* =====================================================
   RESET & BASE
===================================================== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
body{font-family:'Open Sans',sans-serif;color:#211a0f;line-height:1.7;overflow-x:hidden;background:#fff;padding-top:calc(96px + env(safe-area-inset-top));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
h1,h2,h3,h4{font-family:'Roboto',sans-serif;font-weight:700;line-height:1.25}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
input,select,textarea{font-size:16px}
button,a,.faq-q{touch-action:manipulation}

/* =====================================================
   VARIABLES
===================================================== */
:root{
  --navy:#171207;
  --navy-dark:#0e0a04;
  --navy-deep:#000000;
  --gold:#FFD700;
  --gold-dark:#BE873F;
  --gold-btn:#D4A017;
  --cream:#FBF7EE;
  --white:#ffffff;
  --line:#EAE3D2;
  --muted:#5c5646;
  --radius:10px;
  --radius-lg:20px;
  --sh:0 6px 24px rgba(23,18,7,.10);
  --sh2:0 16px 48px rgba(23,18,7,.20);
  --tr:all .3s ease;
}

/* =====================================================
   UTILITIES
===================================================== */
.container{width:100%;max-width:1220px;margin:0 auto;padding:0 20px}
.sec{padding:60px 0}
@media(min-width:768px){.sec{padding:86px 0}}
@media(min-width:1024px){.sec{padding:104px 0}}
.sec-cream{background:var(--cream)}

.eyebrow-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,215,0,.12);border:1px solid rgba(190,135,63,.35);color:var(--gold-dark);font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;padding:7px 16px;border-radius:50px;margin-bottom:16px}

.sec-title{font-size:26px;color:var(--navy);text-align:center;margin-bottom:12px;font-weight:900}
@media(min-width:768px){.sec-title{font-size:34px}}
@media(min-width:1024px){.sec-title{font-size:40px}}
.sec-title.left{text-align:left}

.sec-sub{text-align:center;color:var(--muted);font-size:16px;max-width:640px;margin:0 auto 40px}
.sec-sub.left{text-align:left;margin:0 0 24px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-btn) 100%);color:var(--navy-dark);font-family:'Roboto',sans-serif;font-weight:900;font-size:16px;padding:16px 34px;border-radius:8px;border:2px solid var(--navy-dark);cursor:pointer;min-height:52px;transition:var(--tr);box-shadow:0 4px 0 var(--navy-dark);text-transform:uppercase;letter-spacing:.4px;line-height:1.2}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--navy-dark)}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--navy-dark)}
.btn-w{width:100%}
.btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);box-shadow:none}
.btn-ghost:hover{background:rgba(255,255,255,.08);transform:none}

.fi{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}
.fi.vis{opacity:1;transform:translateY(0)}
.fl{opacity:0;transform:translateX(-26px);transition:opacity .65s ease,transform .65s ease}
.fl.vis{opacity:1;transform:translateX(0)}
.fr{opacity:0;transform:translateX(26px);transition:opacity .65s ease,transform .65s ease}
.fr.vis{opacity:1;transform:translateX(0)}
@media(prefers-reduced-motion:reduce){.fi,.fl,.fr{opacity:1;transform:none;transition:none}}

/* =====================================================
   UTILITY TOP BAR
===================================================== */
.util-bar{background:var(--navy-deep);color:rgba(255,255,255,.75);font-size:12px;text-align:center;padding:8px 16px;position:fixed;top:0;left:0;width:100%;z-index:1001;padding-top:calc(8px + env(safe-area-inset-top))}
.util-bar strong{color:var(--gold)}

/* =====================================================
   NAVIGATION
===================================================== */
.nav{position:fixed;top:32px;left:0;width:100%;z-index:1000;background:var(--navy);transition:var(--tr);border-bottom:1px solid rgba(255,255,255,.06)}
.nav.scrolled{background:rgba(14,10,4,.98);backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(0,0,0,.35)}
@media(min-width:768px){.util-bar{padding:9px 16px;font-size:13px}}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1220px;margin:0 auto;padding-left:calc(20px + env(safe-area-inset-left));padding-right:calc(20px + env(safe-area-inset-right))}
.nav-brand{font-family:'Roboto',sans-serif;font-weight:900;font-size:21px;color:#fff;letter-spacing:.5px}
.nav-brand span{color:var(--gold)}
.nav-links{display:none;align-items:center;gap:26px}
@media(min-width:768px){.nav-links{display:flex}}
.nav-links a{color:rgba(255,255,255,.82);font-weight:600;font-size:14px;transition:var(--tr)}
.nav-links a:hover{color:var(--gold)}
.nav-cta{display:none;padding:11px 24px;font-size:13px}
@media(min-width:768px){.nav-cta{display:inline-flex}}
.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;width:44px;height:44px;padding:0;background:none;border:none}
@media(min-width:768px){.hamburger{display:none}}
.hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:var(--tr)}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-menu{display:none;background:var(--navy-dark);padding:16px 20px 20px}
.mobile-menu.open{display:block}
@media(min-width:768px){.mobile-menu{display:none!important}}
.mobile-menu li{border-bottom:1px solid rgba(255,255,255,.08)}
.mobile-menu a{display:block;color:#fff;padding:14px 4px;font-size:16px;font-weight:600}
.mobile-menu a:hover{color:var(--gold)}
.mobile-menu .btn{width:100%;margin-top:16px;justify-content:center}

/* =====================================================
   HERO (split layout)
===================================================== */
.hero{background:linear-gradient(150deg,var(--navy-deep) 0%,var(--navy) 60%,#3a2c10 100%);position:relative;overflow:hidden;padding:56px 0 60px}
@media(min-width:1024px){.hero{padding:80px 0 90px}}
.hero-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
@media(min-width:1024px){.hero-grid{grid-template-columns:1.05fr .95fr;gap:56px}}
.hero-copy h1{color:#fff;font-size:30px;line-height:1.22;margin-bottom:18px}
@media(min-width:768px){.hero-copy h1{font-size:42px}}
@media(min-width:1024px){.hero-copy h1{font-size:48px}}
.hero-copy p{color:rgba(255,255,255,.78);font-size:16px;line-height:1.8;margin-bottom:16px}
.hero-stars-row{display:flex;align-items:center;gap:10px;margin:18px 0 22px}
.hero-stars-row .stars{color:var(--gold);font-size:18px}
.hero-stars-row span{color:rgba(255,255,255,.65);font-size:13px}
.hero-cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:10px}
.hero-badges div{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.7);font-size:12.5px;font-weight:600}
.hero-img-wrap{position:relative;text-align:center}
.hero-img-wrap img{max-width:280px;margin:0 auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.5))}
@media(min-width:768px){.hero-img-wrap img{max-width:340px}}
.hero-ribbon{position:absolute;top:6%;right:8%;background:linear-gradient(135deg,var(--gold),var(--gold-btn));color:var(--navy-dark);font-family:'Roboto',sans-serif;font-weight:900;font-size:12px;padding:9px 16px;border-radius:50px;box-shadow:0 6px 20px rgba(0,0,0,.3);transform:rotate(6deg)}

/* Trust strip */
.trust-strip{background:var(--navy-dark);padding:22px 0;border-top:1px solid rgba(255,255,255,.07)}
.trust-strip-row{display:grid;grid-template-columns:1fr 1fr;gap:16px 10px;text-align:center}
@media(min-width:640px){.trust-strip-row{grid-template-columns:repeat(4,1fr)}}
.trust-strip-item{display:flex;flex-direction:column;align-items:center;gap:6px;color:rgba(255,255,255,.8);font-size:12.5px;font-weight:700}
.trust-strip-item .ico{font-size:22px}

/* =====================================================
   TRUST CARDS (simple grid)
===================================================== */
.trust-grid2{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:576px){.trust-grid2{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.trust-grid2{grid-template-columns:repeat(4,1fr)}}
.trust-card2{background:#fff;border:2px solid var(--line);border-top:4px solid var(--gold);border-radius:var(--radius);padding:28px 22px;text-align:center;box-shadow:var(--sh);transition:var(--tr)}
.trust-card2:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.trust-card2 img{width:80px;height:80px;object-fit:contain;margin:0 auto 16px}
.trust-card2 h3{font-size:15.5px;color:var(--navy);margin-bottom:10px}
.trust-card2 p{font-size:13.5px;color:var(--muted);line-height:1.7}

/* =====================================================
   WHAT IS (image left / content right)
===================================================== */
.what-grid2{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
@media(min-width:900px){.what-grid2{grid-template-columns:.85fr 1.15fr}}
.what-img2{background:var(--cream);border-radius:var(--radius-lg);padding:36px;text-align:center}
.what-img2 img{max-width:260px;margin:0 auto}
.what-copy2 h2{font-size:28px;color:var(--navy);margin-bottom:14px;text-align:left}
@media(min-width:768px){.what-copy2 h2{font-size:34px}}
.what-copy2 p{color:var(--muted);font-size:16px;line-height:1.85;margin-bottom:14px}
.what-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.what-pill{background:var(--navy);color:#fff;font-size:12.5px;font-weight:700;padding:8px 16px;border-radius:50px}

/* =====================================================
   HOW IT WORKS — horizontal stepper
===================================================== */
.stepper{position:relative;display:grid;grid-template-columns:1fr;gap:36px;margin-top:20px}
@media(min-width:900px){.stepper{grid-template-columns:repeat(3,1fr);gap:28px}}
@media(min-width:900px){.stepper::before{content:"";position:absolute;top:34px;left:12%;right:12%;height:3px;background:repeating-linear-gradient(90deg,var(--gold) 0 10px,transparent 10px 20px);z-index:0}}
.step-card{position:relative;z-index:1;text-align:center;background:#fff;border:2px solid var(--line);border-radius:var(--radius-lg);padding:30px 22px}
.step-num{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-btn));display:flex;align-items:center;justify-content:center;font-family:'Roboto',sans-serif;font-weight:900;font-size:26px;color:var(--navy-dark);margin:0 auto 16px;border:4px solid #fff;box-shadow:0 0 0 3px var(--navy)}
.step-card h3{font-size:17px;color:var(--navy);margin-bottom:10px}
.step-card p{font-size:14px;color:var(--muted);line-height:1.75}

/* =====================================================
   INGREDIENTS
===================================================== */
.ingr-grid2{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:640px){.ingr-grid2{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.ingr-grid2{grid-template-columns:repeat(4,1fr)}}
.ingr-card2{background:#fff;border:2px solid var(--line);border-radius:var(--radius-lg);padding:26px 20px;transition:var(--tr)}
.ingr-card2:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:var(--sh)}
.ingr-badge{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--navy),var(--navy-dark));display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:14px}
.ingr-card2 h3{font-size:16px;color:var(--navy);margin-bottom:8px}
.ingr-card2 p{font-size:13.5px;color:var(--muted);line-height:1.7;margin-bottom:10px}
.ingr-tag2{display:inline-block;background:var(--cream);color:var(--gold-dark);font-size:11px;font-weight:800;padding:5px 12px;border-radius:50px}

/* =====================================================
   SCIENCE (dark)
===================================================== */
.sci-sec2{background:var(--navy)}
.sci-sec2 .sec-title{color:#fff}
.sci-sec2 .sec-sub{color:rgba(255,255,255,.65)}
.sci-grid2{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:768px){.sci-grid2{grid-template-columns:repeat(2,1fr)}}
.sci-card2{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:22px}
.sci-card2 h3{color:var(--gold);font-size:16px;margin-bottom:9px}
.sci-card2 p{color:rgba(255,255,255,.78);font-size:13.5px;line-height:1.75}
.sci-card2 .ref{color:rgba(255,215,0,.55);font-size:11.5px;margin-top:8px;font-style:italic}

/* =====================================================
   REVIEWS
===================================================== */
.rev-grid2{display:grid;grid-template-columns:1fr;gap:22px}
@media(min-width:768px){.rev-grid2{grid-template-columns:repeat(3,1fr)}}
.rev-card2{background:#fff;border:2px solid var(--line);border-radius:var(--radius-lg);padding:26px;position:relative}
.rev-quote{font-size:40px;color:var(--gold);font-family:Georgia,serif;line-height:1;margin-bottom:6px}
.rev-card2 .stars{color:var(--gold);font-size:15px;margin-bottom:10px}
.rev-card2 p{font-size:14.5px;color:var(--muted);line-height:1.75;margin-bottom:16px}
.rev-person{display:flex;align-items:center;gap:12px}
.rev-person img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.rev-person strong{display:block;font-size:13.5px;color:var(--navy)}
.rev-person span{font-size:12px;color:var(--muted)}

/* =====================================================
   PRICING
===================================================== */
.pricing-sec2{background:linear-gradient(150deg,var(--navy-deep) 0%,var(--navy) 55%,#3a2c10 100%)}
.pricing-sec2 .sec-title{color:#fff}
.pricing-sec2 .sec-sub{color:rgba(255,255,255,.7)}
.price-grid2{display:grid;grid-template-columns:1fr;gap:22px}
@media(min-width:900px){.price-grid2{grid-template-columns:repeat(3,1fr);align-items:end}}
.price-card2{background:#fff;border-radius:var(--radius-lg);overflow:hidden;position:relative;box-shadow:var(--sh2)}
.price-card2.pop{border:3px solid var(--gold);transform:scale(1.04);z-index:2}
@media(max-width:899px){.price-card2.pop{transform:none}}
.price-ribbon{position:absolute;top:16px;right:-34px;background:var(--gold);color:var(--navy-dark);font-size:11px;font-weight:900;padding:6px 40px;transform:rotate(38deg);box-shadow:0 2px 8px rgba(0,0,0,.25)}
.price-head2{background:var(--navy-dark);color:#fff;text-align:center;padding:18px 16px;font-family:'Roboto',sans-serif;font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:.6px}
.price-card2.pop .price-head2{background:linear-gradient(135deg,var(--gold),var(--gold-btn));color:var(--navy-dark)}
.price-body2{padding:22px 20px 26px;text-align:center}
.price-bottles{font-family:'Roboto',sans-serif;font-weight:900;font-size:20px;color:var(--navy)}
.price-supply{font-size:12.5px;color:var(--muted);margin-bottom:14px}
.price-img2{max-width:130px;margin:0 auto 14px}
.price-num{font-family:'Roboto',sans-serif;font-weight:900;font-size:40px;color:var(--navy)}
.price-num sup{font-size:18px;vertical-align:top;top:4px;position:relative}
.price-per2{font-size:12px;color:var(--muted);margin-bottom:14px}
.price-feat{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;text-align:left;max-width:210px;margin-left:auto;margin-right:auto}
.price-feat li{font-size:13px;color:var(--navy);display:flex;gap:8px;align-items:flex-start}
.price-feat li::before{content:"✓";color:var(--gold-dark);font-weight:900;flex-shrink:0}
.price-total2{font-size:12.5px;color:var(--muted);margin-top:14px}
.price-old2{text-decoration:line-through;opacity:.6;margin-right:6px}
.price-new2{color:var(--navy);font-weight:900;font-size:15px}

/* =====================================================
   GUARANTEE STAT STRIP
===================================================== */
.stat-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;text-align:center;margin-bottom:50px}
@media(min-width:768px){.stat-strip{grid-template-columns:repeat(4,1fr)}}
.stat-item .num{font-family:'Roboto',sans-serif;font-weight:900;font-size:30px;color:var(--navy)}
@media(min-width:768px){.stat-item .num{font-size:38px}}
.stat-item .lbl{font-size:12.5px;color:var(--muted);font-weight:600}

.guar-box2{background:var(--cream);border:2px solid var(--line);border-radius:var(--radius-lg);padding:36px 28px;display:grid;grid-template-columns:1fr;gap:26px;align-items:center}
@media(min-width:768px){.guar-box2{grid-template-columns:180px 1fr}}
.guar-box2 img{max-width:150px;margin:0 auto}
.guar-list2{display:flex;flex-direction:column;gap:14px}
.guar-list2 li{display:flex;gap:12px;font-size:14.5px;color:var(--muted);line-height:1.7}
.guar-list2 li strong{color:var(--navy)}
.guar-check2{width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--navy-dark);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;flex-shrink:0}

/* =====================================================
   FAQ — two column
===================================================== */
.faq-grid2{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:900px){.faq-grid2{grid-template-columns:1fr 1fr;gap:16px 24px}}
.faq-item2{background:#fff;border:2px solid var(--line);border-radius:var(--radius);overflow:hidden;height:fit-content}
.faq-q2{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;cursor:pointer}
.faq-q2 h3{font-size:14.5px;color:var(--navy);font-weight:700}
.faq-tog2{font-size:20px;color:var(--gold-dark);flex-shrink:0;transition:var(--tr)}
.faq-item2.open .faq-tog2{transform:rotate(45deg)}
.faq-ans2{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-ans2-in{padding:0 20px 18px;font-size:13.5px;color:var(--muted);line-height:1.75}

/* =====================================================
   FINAL CTA
===================================================== */
.final-sec2{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-btn) 100%);padding:60px 0;text-align:center}
@media(min-width:768px){.final-sec2{padding:80px 0}}
.final-sec2 h2{color:var(--navy-dark);font-size:26px;margin-bottom:14px}
@media(min-width:768px){.final-sec2 h2{font-size:36px}}
.final-sec2 p{color:rgba(14,10,4,.75);font-size:16px;margin-bottom:24px}
.final-sec2 .btn{background:var(--navy-dark);color:#fff;border-color:var(--navy-dark);box-shadow:0 4px 0 #000}
.final-sec2 .btn:hover{box-shadow:0 6px 0 #000}
.final-cta-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.final-sec2 .btn-dark{background:transparent;color:var(--navy-dark);border:2px solid var(--navy-dark);box-shadow:none}
.final-sec2 .btn-dark:hover{background:rgba(14,10,4,.08);transform:translateY(-2px);box-shadow:none}

/* =====================================================
   FOOTER
===================================================== */
.footer{background:var(--navy-deep);padding:50px 0 24px}
.footer-top{display:grid;grid-template-columns:1fr;gap:36px;margin-bottom:36px}
@media(min-width:768px){.footer-top{grid-template-columns:2fr 1fr 1fr}}
.footer-brand{font-family:'Roboto',sans-serif;font-weight:900;font-size:24px;color:#fff;margin-bottom:12px}
.footer-brand span{color:var(--gold)}
.footer-desc{color:rgba(255,255,255,.5);font-size:13.5px;line-height:1.75}
.footer-col h4{color:var(--gold);font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}
.footer-links li{margin-bottom:9px}
.footer-links a{color:rgba(255,255,255,.5);font-size:13.5px;transition:var(--tr)}
.footer-links a:hover{color:var(--gold)}
.footer-disc{border-top:1px solid rgba(255,255,255,.08);padding:20px 0;color:rgba(255,255,255,.32);font-size:11.5px;line-height:1.8}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:18px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}
@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}
.f-copy{color:rgba(255,255,255,.32);font-size:12.5px}
.f-legal{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.f-legal a{color:rgba(255,255,255,.32);font-size:12.5px;transition:var(--tr)}
.f-legal a:hover{color:var(--gold)}

/* =====================================================
   SCROLL TOP
===================================================== */
.scr-top{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));right:calc(20px + env(safe-area-inset-right));width:52px;height:52px;background:var(--gold);color:var(--navy-dark);border:2px solid var(--navy-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;cursor:pointer;box-shadow:0 4px 0 var(--navy-dark);transition:var(--tr);z-index:997;opacity:0;pointer-events:none}
.scr-top.vis{opacity:1;pointer-events:all}

/* =====================================================
   NOTIFICATION TOAST
===================================================== */
.notif{position:fixed;bottom:calc(88px + env(safe-area-inset-bottom));left:calc(16px + env(safe-area-inset-left));background:#fff;border:2px solid var(--navy-dark);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--sh2);display:flex;align-items:center;gap:12px;z-index:996;max-width:290px;transform:translateX(-130%);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.notif.show{transform:translateX(0)}
.notif-ico{width:40px;height:40px;background:linear-gradient(135deg,var(--gold),var(--gold-btn));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.notif-txt strong{display:block;font-size:13px;color:var(--navy);line-height:1.3}
.notif-txt span{font-size:11.5px;color:var(--muted)}
@media(max-width:575px){
  .notif{bottom:calc(16px + env(safe-area-inset-bottom));left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));max-width:none}
}