/* v7: compact, 2026 editorial layer */
:root{--bg26:#f4f7fc}
body{background:var(--bg26)}
.topbar{display:none}
.section{padding:44px 20px}.section.tight{padding-top:12px}

/* floating pill nav */
.nav{position:sticky;top:12px;margin:12px auto 0;max-width:1240px;width:calc(100% - 24px);border:1px solid #ffffffb3;border-radius:999px;background:rgba(255,255,255,.78);backdrop-filter:saturate(1.8) blur(20px);box-shadow:0 10px 40px #0b1b3a1f,0 1px 0 #fff inset;z-index:60}
.nav .wrap{padding:0 10px 0 18px}.navrow{min-height:62px!important}
.nav .btn{padding:10px 18px}
@media(max-width:1020px){.nav{border-radius:28px}.navrow{min-height:56px!important}}
.hero{margin-top:-86px;padding-top:86px}
.herogrid2{padding-top:64px!important;padding-bottom:104px!important;gap:36px}
.hero h1{font-size:clamp(2.4rem,5.2vw,4.4rem)}
@supports(animation-timeline:scroll()){.hero::before{animation:par linear both;animation-timeline:scroll(root);animation-range:0 90vh}@keyframes par{to{transform:translateY(8%) scale(1.06)}}}

/* compact trust bar */
.trustbar{margin-top:-46px;padding:2px;border-radius:22px}.trustbar>div{padding:12px 18px}.trustbar .ic{width:26px;height:26px}.trustbar b{font-size:.88rem}.trustbar small{font-size:.76rem}

/* catalog rail */
.railsec{padding-top:36px;padding-bottom:20px}.railsec .sechead{margin-bottom:12px}
.railctl{display:flex;gap:8px;align-items:center}.railctl button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:1rem;color:var(--ink);transition:.2s}.railctl button:hover{border-color:var(--brand);color:var(--brand);transform:scale(1.06)}.railctl .more{margin-left:10px}
.pills{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.pills button,.pills a{background:#fff;border:1px solid var(--line);color:var(--ink2);border-radius:999px;padding:7px 14px;font:600 .84rem Inter,sans-serif;cursor:pointer;transition:.2s;display:inline-flex;gap:6px;align-items:center}
.pills button:hover,.pills a:hover{border-color:var(--brand);color:var(--brand);text-decoration:none}.pills .on{background:var(--ink);border-color:var(--ink);color:#fff!important}.pills small{opacity:.6;font-weight:500}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,22%);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 18px;margin:0 -4px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail .pc{scroll-snap-align:start}
@media(max-width:900px){.rail{grid-auto-columns:minmax(240px,70%)}}
.rail .pc,.pgrid2 .pc{opacity:1}

/* tighter bento */
.bento-sec{padding-top:20px}.bento{grid-auto-rows:minmax(130px,auto);gap:12px}.bt{padding:20px;border-radius:24px}.bt b{font-size:clamp(2.4rem,4vw,3.4rem)}
.bt-photo{grid-row:span 2}.bt-wide{grid-column:span 2}
.bento{grid-template-columns:repeat(4,1fr)}

/* duo: program + synthesis side by side */
.duo{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;padding-top:20px}
.program{background:linear-gradient(135deg,#071635,#0d2a66 60%,#1b44a8);color:#fff;border-radius:32px;padding:34px;position:relative;overflow:hidden}
.program::after{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(#6aa8ff66,transparent 70%)}
.program h2{color:#fff;font-size:clamp(1.6rem,2.6vw,2.4rem);margin:0 0 8px}.program p{color:#c5d6f5;margin:0 0 14px}.program .eyebrow{display:block;background:none;border:0;padding:0;color:#8cc8ff;backdrop-filter:none}.program .eyebrow::before{display:none}
.perks{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.perks li{display:flex;gap:12px;align-items:flex-start;background:#0b1b3a08;border:1px solid var(--line);border-radius:16px;padding:12px 14px}.perks .ic{width:24px;height:24px;color:var(--brand);margin-top:2px;flex:none}.perks b{display:block;font-size:.92rem}.perks span{color:var(--mut);font-size:.82rem}
.perks.dark li{background:#ffffff10;border-color:#ffffff22}.perks.dark .ic{color:#8cc8ff}.perks.dark b{color:#fff}.perks.dark span{color:#b5c8ea}
.program .actions{margin:8px 0 0;position:relative;z-index:2}
.synth{border-radius:32px;overflow:hidden;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.synth img{width:100%;height:190px;object-fit:cover}.synth>div{padding:26px;display:grid;gap:8px;align-content:start}.synth h2{margin:0;font-size:1.7rem}.synth p{margin:0;color:var(--mut)}.synth .btn{justify-self:start;margin-top:6px}
@media(max-width:900px){.duo{grid-template-columns:1fr}.perks{grid-template-columns:1fr}}

/* faq compact */
.faqgrid{gap:0 28px}.faq{padding:12px 0}.faq summary{font-size:.95rem}
.ctaband{margin:24px auto 0;border-radius:32px;max-width:1240px;width:calc(100% - 24px)}.ctaband .wrap{padding-top:34px;padding-bottom:34px}
.foot{margin-top:28px}

/* register page */
.regpage{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:start;max-width:1180px;margin:0 auto}
.regside{position:sticky;top:110px}.regside h1{font-size:clamp(1.9rem,3.2vw,2.8rem)}.regside .perks{grid-template-columns:1fr}
.regform{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--sh)}.regform h2{margin-top:0}
@media(max-width:900px){.regpage{grid-template-columns:1fr}.regside{position:static}}

/* shop: compact */
.pagehead{padding:30px 0 22px}.pagehead h1{font-size:clamp(1.7rem,3vw,2.3rem);margin:4px 0 4px}
.shop2{padding-top:18px;padding-bottom:48px}
.shopbar{display:grid;grid-template-columns:260px 1fr auto;gap:12px;align-items:center;position:sticky;top:84px;z-index:30;background:#f4f7fcf0;backdrop-filter:blur(10px);padding:10px 0}
.shopsearch{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:0 14px}.shopsearch .ic{width:16px;height:16px;color:var(--mut)}.shopsearch input{border:0;background:none;padding:10px 0;min-width:0}.shopsearch input:focus{outline:none}
.shopbar .pills{margin:0}
.viewtog{display:flex;gap:6px;align-items:center}.viewtog button{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:12px;cursor:pointer;color:var(--mut)}.viewtog button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.viewtog .sort{margin-right:6px}.viewtog .sort a{margin-left:4px;padding:6px 11px;font-size:.8rem}
.count{color:var(--mut);font-size:.85rem;margin:6px 0 12px}
.pgrid2.five{grid-template-columns:repeat(4,1fr);gap:14px}
.pgrid2.list{grid-template-columns:1fr;gap:10px}
.pgrid2.list .pc{flex-direction:row;align-items:center;border-radius:20px}.pgrid2.list .pc-img{width:150px;flex:none;aspect-ratio:4/3;margin:8px}.pgrid2.list .pc-body{display:grid;grid-template-columns:1.3fr 1fr auto;gap:4px 24px;align-items:center;padding:10px 18px 10px 6px;width:100%}.pgrid2.list .pc-foot{border:0;padding:0;margin:0;grid-row:1/4;grid-column:3;gap:16px}.pgrid2.list .pc-body h3{grid-column:1}.pgrid2.list .pc-meta{grid-column:1}.pgrid2.list .pc-chips{grid-column:2;grid-row:1/3;margin:0}
@media(max-width:1200px){.pgrid2.five{grid-template-columns:repeat(3,1fr)}.shopbar{grid-template-columns:1fr;position:static}}
@media(max-width:760px){.pgrid2.five{grid-template-columns:1fr 1fr}.pgrid2.list .pc-body{grid-template-columns:1fr}.pgrid2.list .pc-foot{grid-column:1;grid-row:auto}.pgrid2.list .pc-chips{grid-column:1;grid-row:auto}.pgrid2.list .pc-img{width:100px}}
@media(max-width:480px){.pgrid2.five{grid-template-columns:1fr}}

/* product page: side-by-side sections */
.pdp{padding-bottom:10px}.pdp-tabs{display:none}
.pdp-sections{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;max-width:none;padding-top:10px}
.pdp-sections>div{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px}.pdp-sections h2{font-size:1.3rem;margin:0 0 12px}.pdp-sections #faq{grid-column:1/3}
.pdp-sections .spec{border:0}.pdp-sections h3{margin:16px 0 6px;font-size:1rem}
@media(max-width:900px){.pdp-sections{grid-template-columns:1fr}.pdp-sections #faq{grid-column:auto}}
.pc-foot .btn{white-space:nowrap;padding:9px 14px}.pc-price b{white-space:nowrap}.pc-foot{flex-wrap:nowrap}
@media(min-width:1021px){.nav .brand{margin-right:14px}.nav .links{gap:2px}.nav .links a{padding:8px 9px;font-size:.84rem}.brand span{font-size:.98rem}}
/* mobile pass */
@media(max-width:1020px){
 .nav{top:8px;margin-top:8px;width:calc(100% - 16px);border-radius:22px}.nav .wrap{padding:0 8px 0 12px}
 .navrow{flex-wrap:nowrap!important;gap:6px!important;min-height:54px!important}
 .brand{flex:1;min-width:0}.brand img{width:34px!important}.brand span{font-size:.9rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .nav .navsearch{display:none!important}
 .kbtn{display:inline-flex!important;width:40px;height:40px;padding:0;justify-content:center;border-radius:50%;order:2}.kbtn span,.kbtn kbd{display:none}
 .navcta{order:3;margin-left:0!important;gap:6px}.burger{order:4}
 .nav .links{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 50px #0b1b3a30;padding:8px!important;flex-direction:column;gap:2px;display:none;margin:0}
 .nav .links.open{display:flex}.nav .links a{padding:12px 14px!important;font-size:1rem!important}
 .hero{margin-top:-70px;padding-top:70px}.herogrid2{padding-top:40px!important;padding-bottom:84px!important;gap:24px}
 .hero h1{font-size:clamp(2.1rem,9vw,2.6rem)}.hero .lead{font-size:1rem}
 .hero .badges{display:flex;flex-wrap:wrap;gap:10px 16px;margin:16px 0}.hero .badges li{font-size:.82rem;gap:6px;max-width:none}.hero .badges .ic{width:22px;height:22px}
 .hero .actions{gap:10px}.hero .actions .btn{flex:1 1 100%;justify-content:center}
 .finder{padding:20px;border-radius:20px}.finder form{flex-direction:column}
 .trustbar{grid-template-columns:1fr 1fr;margin-top:-40px}.trustbar>div{padding:10px 12px;border-right:0;border-bottom:1px solid var(--line);gap:8px}.trustbar .ic{width:22px;height:22px}
 .section{padding:32px 16px}.sechead{flex-direction:column;align-items:flex-start;gap:10px}.sechead h2{font-size:1.7rem}
 .railctl button{display:none}.rail{grid-auto-columns:78%}
 .pills{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:0 16px 4px;scrollbar-width:none}.pills::-webkit-scrollbar{display:none}.pills button,.pills a{white-space:nowrap;flex:none}
 .bento{grid-template-columns:1fr 1fr}.bt-photo,.bt-wide{grid-column:span 2}.bt-photo{min-height:220px}
 .program,.synth>div{padding:24px}.program{border-radius:26px}
 .ctaband{border-radius:26px}.ctaband .wrap{padding:26px 20px}.ctaband .actions .btn{flex:1 1 100%;justify-content:center}
 .shopbar{position:static;grid-template-columns:1fr}.viewtog{justify-content:space-between}
 .pdp{gap:20px}.pdp-facts{grid-template-columns:1fr 1fr}.buybox{padding:18px;border-radius:22px}
 .foot .footgrid{grid-template-columns:1fr 1fr}
 .regform{padding:20px;border-radius:22px}
 .cartrow{grid-template-columns:72px 1fr 32px}.cartrow .cartqty{grid-column:1/4}
 #toast{width:calc(100% - 24px);text-align:center}
}
@media(max-width:480px){.foot .footgrid{grid-template-columns:1fr}.bento{grid-template-columns:1fr}.bt-photo,.bt-wide{grid-column:auto}}
@media(max-width:1020px){.kbtn{order:-1!important}}
@media(max-width:480px){.bento{grid-template-columns:1fr 1fr!important}.bt-photo,.bt-wide{grid-column:span 2!important}.bt{padding:16px;min-height:120px}.bt b{font-size:2.2rem}}
@media(max-width:760px){
 .pdp-gallery{display:contents}.pdp-main{order:1}.pdp-info{order:2}.pdp-struct{order:3}.pdp{display:flex;flex-direction:column}
 .pgrid2.five:not(.list){grid-template-columns:1fr 1fr!important;gap:10px}
 .pgrid2.five:not(.list) .pc{border-radius:18px}.pgrid2.five:not(.list) .pc-img{margin:6px;border-radius:14px}.pgrid2.five:not(.list) .pc-body{padding:8px 12px 12px}.pgrid2.five:not(.list) .pc-body h3{font-size:.98rem}.pgrid2.five:not(.list) .pc-chips{display:none}.pgrid2.five:not(.list) .pc-meta{font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .pgrid2.five:not(.list) .pc-foot{flex-direction:column;align-items:stretch;gap:8px}.pgrid2.five:not(.list) .pc-foot .btn{justify-content:center;padding:9px 8px;font-size:.8rem}.pgrid2.five:not(.list) .pc-img em{font-size:.6rem;left:8px;top:8px;padding:3px 7px}
}
/* no hidden sideways content: wrap, don't scroll */
.pills{flex-wrap:wrap!important;overflow:visible!important;margin-inline:0!important;padding:0!important}
@media(max-width:1020px){.pills button,.pills a{white-space:normal;flex:0 1 auto;font-size:.8rem;padding:6px 12px}}
.homegrid{grid-template-columns:repeat(4,1fr);gap:14px}
.homegrid:not(.all) .pc:nth-child(n+9){display:none}
.showmore{text-align:center;margin:22px 0 0}
.marquee{display:none}
@media(min-width:1021px){.marquee{display:block}}
@media(max-width:1100px){.homegrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.homegrid{grid-template-columns:1fr 1fr;gap:10px}
 .homegrid .pc{border-radius:18px}.homegrid .pc-img{margin:6px;border-radius:14px}.homegrid .pc-body{padding:8px 12px 12px}.homegrid .pc-body h3{font-size:.98rem}.homegrid .pc-chips{display:none}.homegrid .pc-meta{font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .homegrid .pc-foot{flex-direction:column;align-items:stretch;gap:8px}.homegrid .pc-foot .btn{justify-content:center;padding:9px 8px;font-size:.8rem}.homegrid .pc-img em{font-size:.6rem;left:8px;top:8px;padding:3px 7px}}
html,body{overflow-x:clip}
/* no arrows: quiet underline + lift instead */
.more{position:relative;font-weight:650;color:var(--ink)!important}.more::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:var(--brand);transform:scaleX(.25);transform-origin:left;transition:transform .3s}.more:hover{text-decoration:none;color:var(--brand)!important}.more:hover::after{transform:scaleX(1)}
.btn-gold{position:relative;overflow:hidden}.btn-gold::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff40 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s}.btn-gold:hover::after{transform:translateX(120%)}
@media(max-width:1020px){.brand span{font-size:.82rem!important;letter-spacing:-.03em}.brand img{width:30px!important}.kbtn{width:36px;height:36px}.cartlink{width:38px;height:38px}.burger{padding:3px 8px}}
/* about */
.abouthero{position:relative;isolation:isolate;margin-top:-86px;color:#fff;min-height:520px;display:flex;align-items:flex-end}
.abouthero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.abouthero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#050e24ee 0,#050e2480 45%,#050e2440 100%)}
.abouthero .wrap{padding-top:160px;padding-bottom:56px}.abouthero h1{color:#fff;max-width:820px;font-size:clamp(2.1rem,4.6vw,3.8rem);margin:0 0 12px}.abouthero .lead{color:#dbe6f7;max-width:680px}.abouthero .eyebrow{display:inline-flex;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;padding:6px 14px;color:#cfe3ff}
.aboutintro{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}.aboutintro h2{margin:0}.aboutintro .lead2{margin:0 0 14px}
.aboutmosaic{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:14px;height:540px}.aboutmosaic figure{margin:0;border-radius:28px;overflow:hidden;background:var(--soft)}.aboutmosaic img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.aboutmosaic figure:hover img{transform:scale(1.04)}.am-main{grid-row:1/3}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.principles>div{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px}.principles .ic{width:30px;height:30px;color:var(--brand);margin-bottom:10px}.principles h3{margin:0 0 6px}.principles p{margin:0;color:var(--mut);font-size:.93rem}
@media(max-width:900px){.aboutintro{grid-template-columns:1fr;gap:12px}.aboutmosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}.am-main{grid-column:1/3;grid-row:auto;height:260px}.aboutmosaic figure:not(.am-main){height:160px}.principles{grid-template-columns:1fr}.abouthero{min-height:440px;margin-top:-70px}.abouthero .wrap{padding-top:120px;padding-bottom:36px}}
.qbanner{margin:22px 0;border-radius:28px;overflow:hidden;height:300px}.qbanner img{width:100%;height:100%;object-fit:cover}
.split .photo img{border-radius:24px;width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}
.hero::before{background:linear-gradient(100deg,#050e24e6 0,#050e24a6 42%,#050e2438 100%),url(/img/hero.jpg) center/cover!important;filter:none}.hero::after{opacity:.55}
/* structure card */
.structcard{grid-column:1/3;display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:20px 28px}
.sc-img{background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px;display:grid;place-items:center}.sc-img img{width:100%;max-height:420px;object-fit:contain}
.sc-info h2{margin:0 0 4px}.sc-info dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:16px 0}.sc-info dt{color:var(--mut);font-size:.85rem}.sc-info dd{margin:0;font-weight:650;word-break:break-word}
.pdp-sections>.structcard{padding:20px 28px}
@media(max-width:900px){.structcard{grid-column:auto;grid-template-columns:1fr;padding:16px}}
sub{font-size:.75em;vertical-align:baseline;position:relative;top:.3em}
/* ghost buttons: dark by default, light only on dark surfaces */
.btn-ghost{color:var(--brand);border:1.5px solid #1d6bff66;background:#fff}.btn-ghost:hover{background:#eaf2ff;border-color:var(--brand);color:var(--brand2)}
.hero .btn-ghost,.program .btn-ghost,.ctaband .btn-ghost,.abouthero .btn-ghost{background:transparent;color:#fff;border-color:#ffffff80}
.hero .btn-ghost:hover,.program .btn-ghost:hover,.ctaband .btn-ghost:hover{background:#ffffff1f;color:#fff;border-color:#fff}
.foot .brand,.foot .brand span{font-family:Inter,sans-serif!important;font-weight:800;font-size:1.05rem;letter-spacing:-.02em;color:#fff!important}
/* mobile fixes pass 2 */
.cartrow{position:relative}
@media(max-width:760px){
 .cartrow{grid-template-columns:84px 1fr!important;padding:14px 44px 14px 14px}.cartx{position:absolute;top:8px;right:8px}.cartimg img{width:84px;height:64px}.cartrow .cartqty{grid-column:1/3}
 .pgrid2.list .pc-img em{display:none}.pgrid2.list .pc{align-items:stretch}.pgrid2.list .pc-body{padding:10px 12px 12px 4px}.pgrid2.list .pc-foot{flex-wrap:wrap;justify-content:space-between}.pgrid2.list .pc-foot .btn{flex:1 1 auto;justify-content:center}
 .pgrid2.list .pc-img{width:96px;align-self:center}
}
@media(max-width:560px){.row3{grid-template-columns:1fr 90px!important}.row3 select[name=slug]{grid-column:1/3}}
/* real vial renders */
.pc-img.vial{background:radial-gradient(70% 60% at 50% 38%,#fff,#e6eefb 80%)}.pc-img.vial img{object-fit:contain;padding:12px 0}.pc:hover .pc-img.vial img{transform:scale(1.06)}
.pdp-main.vial{background:radial-gradient(60% 55% at 50% 42%,#fff,#e3ecfa 85%)}.pdp-main.vial img{aspect-ratio:auto;height:min(520px,70vw);object-fit:contain;padding:18px 0}
@media(max-width:760px){.pdp-main.vial img{height:min(420px,95vw)}}
.cartimg img{object-fit:contain;background:#eef3fc}
.pc-img.vial{aspect-ratio:1/1}.pc-img.vial img{padding:14px 0}
.copy{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px}.copylinks{display:flex;gap:20px}.copylinks a{display:inline;margin:0}
/* 21+ gate */
.agegate{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,14,36,.82);backdrop-filter:blur(14px) saturate(1.2)}
.age-ok .agegate{display:none}
html.age-lock{overflow:hidden}
.agebox{width:min(480px,100%);background:#fff;border-radius:28px;padding:34px 30px;text-align:center;box-shadow:0 40px 120px #02081c99}
.agebox img{margin:0 auto 10px;width:56px;height:56px}.agebox h2{margin:0 0 10px;font-size:1.7rem}.agebox p{color:var(--mut);margin:0 0 22px}
.ageact{display:grid;gap:10px}.ageact .btn{justify-content:center;width:100%}
/* shop: organised by product line */
.shopbar2{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;position:sticky;top:84px;z-index:30;background:#f4f7fcf0;backdrop-filter:blur(10px);padding:10px 0}
.shopbar2 .shopsearch{flex:1;min-width:240px;max-width:420px}
.linetabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:6px 0 14px}
.linetabs a{display:grid;gap:2px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 18px;color:var(--ink);transition:.2s}
.linetabs a b{font-size:1rem}.linetabs a small{color:var(--mut);font-size:.8rem}
.linetabs a:hover{border-color:var(--brand);text-decoration:none;transform:translateY(-2px)}
.linetabs a.on{background:var(--ink);border-color:var(--ink);color:#fff}.linetabs a.on small{color:#b7c7e6}
.subpills{margin:0 0 14px}
.shopsec{margin:34px 0 6px}.shopsec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.shopsec-h h2{margin:0;font-size:1.6rem}.shopsec-h p{margin:2px 0 0;color:var(--mut);font-size:.92rem}
@media(max-width:760px){.shopbar2{position:static}.linetabs{grid-template-columns:1fr 1fr}.linetabs a{padding:12px 14px}.shopsec-h h2{font-size:1.3rem}}