/* DR1 V31 — navigation overhaul / mobile readability / clearer subscriptions. */
:root{--dr1-v31-accent:#77dfff}
html{scroll-padding-top:95px}
body{overflow-x:clip}
.v31-menu-toggle{display:none;cursor:pointer;color:#eaf5ff;background:#111f3b;border:1px solid #5e86ad78;border-radius:12px;min-width:42px;min-height:42px;align-items:center;justify-content:center;flex-direction:column;gap:4px;transition:background .15s;flex-shrink:0}
.v31-menu-toggle span{display:block;width:19px;height:2px;border-radius:2px;background:currentColor}
.v31-menu-toggle:focus-visible,.v31-drawer :focus-visible{outline:3px solid #ffd86c;outline-offset:2px}
.v31-drawer-cover{position:fixed;inset:0;background:#020512ba;z-index:190;opacity:0;pointer-events:none;transition:opacity .2s}
.v31-drawer{position:fixed;z-index:191;inset-block:0;inset-inline-end:0;width:min(345px,92vw);background:linear-gradient(165deg,#101c37,#070b1b 90%);border-inline-start:1px solid #41658794;padding:21px 18px 26px;box-shadow:-20px 0 70px #000a;transform:translateX(-110%);transition:transform .25s;overflow-y:auto;color:#f9f9fc}
html[dir="ltr"] .v31-drawer{transform:translateX(110%)}
body.v31-nav-open .v31-drawer,html[dir="ltr"] body.v31-nav-open .v31-drawer{transform:translateX(0)}
body.v31-nav-open .v31-drawer-cover{opacity:1;pointer-events:auto}
body.v31-nav-open{overflow:hidden}
.v31-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid #7ca8dd36;margin-bottom:12px}
.v31-drawer-head strong{letter-spacing:.08em;font-size:1rem;color:#f2f8ff}
.v31-drawer-close{color:#fff;background:#273956;border:1px solid #56759c75;border-radius:10px;min-width:42px;min-height:42px;font-size:1.55rem;cursor:pointer}
.v31-drawer-nav{display:grid;gap:9px}
.v31-drawer-nav a{display:flex;align-items:center;min-height:49px;padding:11px 14px;border:1px solid #5274a354;border-radius:13px;background:#182847b0;color:#f3f7ff;text-decoration:none;font-size:.97rem;font-weight:800}
.v31-drawer-nav a[aria-current="page"],.v31-drawer-nav a:hover{border-color:#65e2f8;background:#12334d;color:#a4eeff}
.v31-drawer-controls{border-top:1px solid #789cba36;margin-top:17px;padding-top:15px;display:grid;gap:9px}
.v31-drawer-controls button,.v31-drawer-controls select{width:100%;border:1px solid #5c87b65c;background:#1b2a47;color:#fff;min-height:45px;border-radius:12px;padding:9px 12px;text-align:start;font:inherit}
.v31-drawer-support{display:flex;justify-content:center;align-items:center;min-height:49px;margin-top:15px;padding:10px 15px;border-radius:12px;background:#0f9367;color:white;font-weight:850;text-decoration:none;gap:8px}
.v31-drawer-support svg{width:21px;height:21px}
.v31-plan-fixed{direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.v27-plus-rate>strong,.member-monthly>strong{white-space:nowrap;direction:ltr;unicode-bidi:isolate}
/* desktop header remains compact but never displays horizontal scrollbar */
@media(min-width:1021px){header .nav>nav{scrollbar-width:none!important}}
@media(max-width:1020px){
 header .nav.container{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;width:calc(100% - 28px)!important;min-height:67px!important;padding:9px 0!important;gap:8px!important;grid-template-columns:none!important;grid-template-rows:none!important}
 header .nav>.brand{order:1!important;grid-column:auto!important;grid-row:auto!important;min-width:0!important;display:flex!important;align-items:center!important;margin:0!important}
 header .nav>.brand .brand-mark{width:64px!important;height:43px!important}
 header .nav>.brand .brand-name{font-size:.77rem!important}
 header .nav>nav{display:none!important}
 header .nav>.dr1-toolbar{order:2!important;grid-column:auto!important;grid-row:auto!important;flex:0 1 auto!important;min-width:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}
 header .nav>.dr1-toolbar .nav-actions{display:none!important}
 header .dr1-toolbar .dr1-quick-links{gap:5px!important}
 header .dr1-toolbar .dr1-quick-link{min-height:42px!important;min-width:41px!important;padding:7px!important}
 header .v26-bell{min-height:41px!important;min-width:41px!important}
 .v31-menu-toggle{order:3!important;display:flex!important}
 body[data-page="home"] .hero{padding-top:18px!important;padding-bottom:23px!important}
}
@media(max-width:600px){
 header .nav.container{width:calc(100% - 20px)!important;gap:5px!important;min-height:62px!important}
 header .nav>.brand .brand-mark{width:49px!important;height:34px!important}
 header .nav>.brand .brand-name{display:block!important;max-width:72px;white-space:normal!important;line-height:1.05;letter-spacing:0;font-size:.58rem!important}
 header .dr1-toolbar .dr1-quick-links{gap:4px!important}
 header .dr1-toolbar .dr1-quick-link{min-height:39px!important;min-width:38px!important;padding:5px!important}
 header .v26-bell{min-height:39px!important;min-width:39px!important}
 .v31-menu-toggle{min-height:40px;min-width:40px}
 body[data-page="home"] .hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:15px!important;min-height:0!important}
 body[data-page="home"] .hero h1{font-size:clamp(1.85rem,8.1vw,2.5rem)!important;max-width:100%!important;line-height:1.22!important;margin:12px 0!important;overflow-wrap:normal;word-break:normal}
 body[data-page="home"] .eyebrow{font-size:.74rem!important}
 body[data-page="home"] .v30-hero-sub{font-size:.88rem!important;margin-bottom:13px!important;line-height:1.65}
 body[data-page="home"] .hero-actions{justify-content:flex-start!important;gap:7px!important}
 body[data-page="home"] .dr1-v26-main-cta{font-size:1.01rem!important;min-height:49px!important;max-width:100%;padding:6px 12px!important;gap:9px!important}
 body[data-page="home"] .dr1-v26-main-cta img{width:36px!important;height:36px!important}
 body[data-page="home"] .dr1-v26-main-cta .v26-cta-arrow{height:27px!important;width:27px!important}
 body[data-page="home"] .v26-hero-badge{display:none!important}
 .v30-hero-visual{height:200px!important;border-radius:17px!important}
 .v30-visual-mark{font-size:1.15rem!important;bottom:10px!important;inset-inline-start:13px!important}
 .v26-site-categories{padding:18px 0 22px!important}
 .v26-site-categories .category-head h2{font-size:clamp(1.5rem,6.9vw,2rem)!important;line-height:1.25}
 .v26-category-grid{gap:9px!important}
 .v26-category-grid .v26-photo{height:clamp(125px,36vw,170px)!important}
 .v26-category-grid .v26-category>strong{font-size:.84rem!important;min-height:51px}
 .v30-empty-guide{grid-template-columns:1fr!important;min-height:0!important;padding:14px!important;gap:11px!important}
 .v30-empty-art{height:158px!important}
 .v30-empty-copy h3{font-size:1.3rem!important}
 .v30-empty-copy p{font-size:.86rem!important}
 /* Customer support is accessible in menu; avoid floating control over content */
 .v26-whatsapp{display:none!important}
 body[data-page="membership"] .member-main{width:100%!important}
 body[data-page="membership"] .v27-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body[data-page="membership"] .v27-benefit:last-child{grid-column:span 2!important}
 body[data-page="membership"] .v27-perk-photo{height:143px!important}
 body[data-page="membership"] .v27-benefit:last-child .v27-perk-photo{height:168px!important}
 body[data-page="membership"] .member-price-panel{width:100%!important}
 body[data-page="membership"] .member-monthly strong{font-size:clamp(2.5rem,12vw,3.3rem)!important}
 .v25-catalog-tools{gap:8px!important;flex-wrap:wrap!important}
 .v25-catalog-tools input[type="search"]{min-width:0!important;flex:1 0 100%!important;width:100%!important;font-size:16px!important}
 .v25-catalog-tools select{min-width:0!important;flex:1 1 45%!important;font-size:16px!important}
 .v25-stock-filter{flex:1 1 45%!important;font-size:.86rem!important}
 .v25-public-reviews{padding-inline:10px!important}
 .page-top h1{font-size:clamp(1.6rem,7vw,2.1rem)!important}
}
@media(max-width:355px){header .dr1-shop-counter{font-size:.6rem!important}.v31-menu-toggle{min-width:37px}body[data-page="membership"] .v27-benefit-grid{grid-template-columns:1fr!important}body[data-page="membership"] .v27-benefit:last-child{grid-column:auto!important}}
@media(prefers-reduced-motion:reduce){.v31-drawer,.v31-drawer-cover{transition:none!important}}