.product{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);grid-template-areas:"gallery head" "gallery body";grid-template-rows:auto 1fr;gap:1.15rem clamp(1.75rem,4vw,3.5rem);align-items:start}.buybox__head{grid-area:head;display:flex;flex-direction:column;gap:1.15rem}.gallery{grid-area:gallery;display:flex;flex-direction:column;gap:.8rem;position:sticky;top:88px}.gallery__main{aspect-ratio:1/1}.gallery__main img{transition:opacity .3s var(--ease)}.gallery__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.thumb{aspect-ratio:1/1;border-radius:var(--r-md);overflow:hidden;background:var(--well);padding:0;border:0;cursor:pointer;appearance:none;-webkit-appearance:none;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent);opacity:.62;transition:opacity .25s var(--ease),box-shadow .25s var(--ease)}.thumb img{width:100%;height:100%;object-fit:cover;object-position:center}.thumb:hover{opacity:.9}.thumb[aria-current=true]{opacity:1;box-shadow:0 0 0 2px color-mix(in srgb,var(--ink) 55%,transparent)}.buybox{grid-area:body;display:flex;flex-direction:column;gap:1.15rem}.buybox__title{margin:.15rem 0 0}.buybox__sub{font-weight:600;font-size:clamp(1.1rem,1.6vw,1.4rem);color:var(--ink);max-width:40ch}.price{display:flex;align-items:baseline;gap:.5rem}.price b{font-family:var(--serif);font-weight:400;line-height:1;font-size:clamp(2.6rem,5vw,3.4rem);letter-spacing:.01em}.price .per{font-family:var(--sans);font-size:var(--fs-base);color:var(--ink-60);font-weight:500}.price .note{font-family:var(--sans);font-size:var(--fs-sm);color:var(--ink-60);margin-left:.15rem}.optset{display:flex;flex-direction:column;gap:.6rem}.optset__label{font-family:var(--sans);font-weight:600;font-size:var(--fs-sm);color:var(--ink);display:flex;align-items:baseline;gap:.5rem}.optset__label .hint{font-weight:500;color:var(--ink-60);font-size:var(--fs-xs)}.opt{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;width:100%;text-align:left;padding:.95rem 1.1rem;border-radius:var(--r-md);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent);transition:box-shadow .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}.opt__flag{position:absolute;top:-10px;right:14px;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1;color:#fff;background:var(--flavor);padding:.42em .75em;border-radius:var(--r-pill);box-shadow:0 4px 12px -6px color-mix(in srgb,#cf2e4e 70%,transparent)}.opt:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 24%,transparent)}.opt[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--ochre),0 8px 22px -16px color-mix(in srgb,var(--ochre) 80%,transparent);background:color-mix(in srgb,var(--ochre) 5%,transparent)}.opt__radio{width:18px;height:18px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 30%,transparent);display:grid;place-items:center;transition:box-shadow .2s var(--ease)}.opt[aria-checked=true] .opt__radio{box-shadow:inset 0 0 0 1.5px var(--ochre)}.opt[aria-checked=true] .opt__radio:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--ochre)}.opt__main{display:flex;flex-direction:column;gap:.15rem}.opt__name{font-family:var(--serif);font-weight:400;font-size:1.5rem;line-height:1;text-transform:uppercase;letter-spacing:.015em}.opt__meta{font-size:var(--fs-sm);color:var(--ink-60)}.opt__price{font-family:var(--serif);font-size:1.55rem;line-height:1;white-space:nowrap}.opt__price .pm{font-family:var(--sans);font-size:var(--fs-xs);color:var(--ink-60);display:block;text-align:right;margin-top:.15rem}.leanwrap{display:none;flex-direction:column;gap:.6rem}.leanwrap.is-on{display:flex}.leanpick{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent)}.leanpick button{font-family:var(--sans);font-weight:600;font-size:var(--fs-sm);padding:.55em .4em;border-radius:var(--r-pill);color:var(--ink-60);white-space:nowrap;transition:color .2s var(--ease),background .2s var(--ease)}.leanpick button[aria-pressed=true]{color:#fff}.leanpick button.clean[aria-pressed=true]{background:var(--grape)}.leanpick button.mixed[aria-pressed=true]{background:var(--orange)}.leanpick button.funky[aria-pressed=true]{background:var(--cherry)}.lean-readout{font-size:var(--fs-sm);color:var(--ink-75);min-height:1.5em;line-height:1.45}.lean-readout b{color:var(--ink);font-weight:650}.ship-note{font-size:var(--fs-sm);color:var(--ink-60);margin-top:.85rem}.ship-note b{color:var(--ink);font-weight:650}.buy-cta{margin-top:.2rem}.assure{font-family:var(--sans);font-size:var(--fs-xs);color:var(--ink-60);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .8rem;letter-spacing:.01em}.assure .dot{width:5px;height:5px;border-radius:50%;background:var(--grape);flex:none}.buybox__perks{display:grid;grid-template-columns:1fr 1fr;gap:.55rem .9rem;margin-top:.35rem;padding-top:1.1rem;border-top:1px solid color-mix(in srgb,var(--ink) 9%,transparent)}.buybox__perks li{display:flex;align-items:center;gap:.55rem;font-size:var(--fs-sm);color:var(--ink-75)}.buybox__perks .ic{width:17px;height:17px;color:var(--ochre);flex:none}.howit{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.5rem,3vw,2.5rem)}.how{display:flex;flex-direction:column;gap:.55rem}.how__no{font-family:var(--sans);font-weight:700;font-size:var(--fs-sm);letter-spacing:.08em}.how h3{max-width:13ch}.how p{font-size:var(--fs-sm);color:var(--ink-75);line-height:1.55;max-width:36ch}.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.benefit{display:flex;flex-direction:column;gap:.7rem;padding:1.4rem 1.3rem;border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 8%,transparent),var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.benefit:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 16%,transparent),var(--shadow-md)}.benefit__ic{width:30px;height:30px;color:var(--ochre)}.benefit h3{font-size:clamp(1.3rem,2vw,1.65rem)}.benefit p{font-size:var(--fs-sm);color:var(--ink-75);line-height:1.5}.benefit .linky{margin-top:auto}.qcarousel{position:relative}.qrail{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.25rem .25rem 1.1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth}.qrail::-webkit-scrollbar{display:none}.qrail .card-q{position:relative;flex:0 0 clamp(258px,78vw,360px);scroll-snap-align:start;display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem;min-height:232px;padding:1.9rem 1.7rem 1.6rem;border-radius:var(--r-lg);overflow:hidden;background:var(--paper);color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);box-shadow:0 2px 5px color-mix(in srgb,var(--ink) 5%,transparent)}.qrail .card-q:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--flavor)}.qrail .card-q p{flex:1;display:flex;align-items:center;margin:0;font-family:var(--sans);font-style:normal;font-size:var(--fs-base);line-height:1.55;color:var(--ink);text-wrap:pretty}.qrail .card-q--xl p{font-size:clamp(1.5rem,2.6vw,1.95rem);font-weight:500;line-height:1.25}.qrail .card-q--lg p{font-size:clamp(1.18rem,1.9vw,1.42rem);font-weight:500;line-height:1.35}.qrail .card-q--sm p{font-size:var(--fs-sm);line-height:1.5}.qrail .card-q footer{font-family:var(--sans);font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-60)}.qnav{display:flex;gap:.5rem;justify-content:flex-end}.qbtn{width:44px;height:44px;border-radius:var(--r-pill);cursor:pointer;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);background:var(--paper);color:var(--ink);font-size:1.5rem;line-height:1;display:grid;place-items:center;transition:background .15s ease,transform .12s ease}.qbtn:hover{background:color-mix(in srgb,var(--ink) 6%,var(--paper))}.qbtn:active{transform:scale(.93)}.nav__cta .btn.nav-cta-soft{background:color-mix(in srgb,var(--ink) 9%,transparent)!important;color:var(--ink-75)!important;box-shadow:none!important;transition:background .3s ease,color .3s ease,box-shadow .3s ease}.nav__cta .btn.nav-cta-soft:hover{background:color-mix(in srgb,var(--ink) 14%,transparent)!important}.nav__cta .btn.nav-cta-soft.is-live{background:var(--flavor)!important;color:#fff!important}.lineup-note{font-size:var(--fs-sm);color:var(--ink-75)}.lineup-note b{color:var(--ink);font-weight:650}@media(max-width:1024px){.product{grid-template-columns:1fr;grid-template-areas:"head" "gallery" "body";grid-template-rows:none;gap:1.5rem}.gallery{position:static}.benefits{grid-template-columns:1fr 1fr}.howit{grid-template-columns:1fr 1fr;gap:1.75rem 2rem}}@media(max-width:560px){.benefits,.howit{grid-template-columns:1fr}.how h3,.how p{max-width:none}.opt{grid-template-columns:auto 1fr auto;gap:.7rem;padding:.85rem .9rem}.opt__name{font-size:1.3rem}.gallery__thumbs{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/subscribe.css.map */