/* PleasingCare V6 — design refinement 13. One shared grid; imagery carries the brand. */
:root {
  --ink:#151515; --error:#9d2525; --muted:#555; --paper:#f4f3f1; --white:#fff; --mist:#dedcdf;
  --gold:#ac9c7f; --line:#d9d7d3; --font:Manrope,Arial,sans-serif;
  --gutter:clamp(24px,4.2vw,60px); --content:1320px;
  --edge:max(var(--gutter),calc((100vw - var(--content))/2));
  --space:clamp(56px,6.7vw,96px);
  --text-sm:14px; --text-base:17px; --control-height:48px;
}
*{box-sizing:border-box}
html{color-scheme:light;scroll-behavior:smooth;scroll-padding-top:104px;scrollbar-gutter:stable}
body{margin:0;background:var(--white);color:var(--ink);font:400 17px/1.65 var(--font)}
body.modal-open{overflow:hidden}
button,input,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}
figure,p,h1,h2,h3{margin:0}figure{min-width:0}
h1,h2,h3{font-weight:600;line-height:1.13;letter-spacing:-.035em;text-wrap:balance}
h1{font-size:clamp(42px,4.65vw,66px)}h2{font-size:clamp(32px,3.4vw,48px)}h3{font-size:22px;letter-spacing:-.025em}
p{color:var(--muted);text-wrap:pretty}button{line-height:1.4}[hidden]{display:none!important}
:where(button,a,input,select,summary):focus-visible{outline:3px solid var(--ink);outline-offset:4px}
:where(section,main)[tabindex="-1"]:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}
.wrap{width:min(var(--content),calc(100% - var(--gutter)*2));margin-inline:auto}
.section{padding:var(--space) 0}.kicker{font-size:14px;font-weight:500;letter-spacing:.01em;color:var(--muted);margin-bottom:16px}
.lead{font-size:clamp(18px,1.5vw,21px);line-height:1.6}.text-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px;padding-block:8px;font-size:15px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:50px;max-width:100%;padding:13px 22px;border:1px solid var(--ink);border-radius:0;background:var(--ink);color:var(--white);font-size:15px;font-weight:600;line-height:1.4;text-align:center;transition:background-color .16s ease,color .16s ease}
.button.secondary{color:var(--ink);background:transparent}.button:disabled{background:#e3e1dd;border-color:#e3e1dd;color:#595959;cursor:not-allowed}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.skip-link{position:fixed;top:10px;left:10px;z-index:50;transform:translateY(-160%);background:white;padding:12px}.skip-link:focus{transform:none}
.notice{background:var(--ink);color:white;text-align:center;font-size:13px;padding:5px 20px;line-height:1.5}.notice a{display:inline-flex;align-items:center;justify-content:center;min-height:32px}
.site-header{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:80px}.brand{display:flex;align-items:center;font-size:24px;font-weight:600;letter-spacing:-.035em;white-space:nowrap;line-height:1.2}.brand img{display:block;width:186px;height:auto}
.desktop-nav{display:flex;gap:24px;font-size:14px}.desktop-nav a{display:flex;align-items:center;min-height:48px;white-space:nowrap}
.header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.plain-button{border:0;padding:10px 4px;min-height:44px;background:none;color:var(--ink);font-size:14px;white-space:nowrap}.menu-toggle{display:none}
.mobile-nav{padding:8px var(--gutter) 20px;border-top:1px solid var(--line);max-height:calc(100dvh - 80px);overflow:auto;overscroll-behavior:contain}
.mobile-nav a,.mobile-nav button{display:flex;align-items:center;width:100%;min-height:48px;padding:12px 0;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink)}
.hero{background:var(--mist)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;max-width:1800px;margin-inline:auto}
.hero-copy{padding:clamp(48px,5.5vw,80px) 40px clamp(48px,5.5vw,80px) var(--edge);align-self:center;min-width:0}
.hero-copy h1{max-width:580px}.hero-copy .lead{max-width:34ch;margin-top:24px}.hero-copy .micro{font-size:14px;margin-top:22px}
.hero-art{position:relative;min-height:clamp(520px,43vw,650px)}.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.benefit-strip{padding:24px 0;border-bottom:1px solid var(--line)}.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.benefits>div+div{padding-left:28px;border-left:1px solid var(--line)}
.benefits strong{display:block;font-size:16px;font-weight:600}.benefits span{display:block;font-size:14px;color:var(--muted);margin-top:4px}
.section-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:48px;margin-bottom:36px}.section-heading>p{max-width:42ch;justify-self:end}.section-heading>div{min-width:0}
/* Equal media boxes and stacked price rows keep all product actions aligned. */
.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.product-card{min-width:0;display:flex;flex-direction:column;background:#fff}.product-image{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border:0;padding:24px;background:#fff;position:relative;overflow:hidden}
.product-image img{aspect-ratio:1;object-fit:contain;width:84%;height:84%;display:block;background:#fff}.product-tag{position:absolute;left:16px;top:16px;background:rgba(255,255,255,.95);padding:5px 10px;font-size:12px;font-weight:600}
.product-info{display:flex;flex:1;flex-direction:column;min-width:0;padding-top:20px}.product-meta{display:flex;flex-direction:column;gap:8px}.product-meta h3{font-size:22px}.product-meta .price{font-size:17px;white-space:nowrap;font-weight:500;font-variant-numeric:tabular-nums}
.product-card p{font-size:15px;margin-top:8px;margin-bottom:20px}.product-card .button{margin-top:auto;width:100%;background:white;color:var(--ink)}.product-card.featured .button{background:var(--ink);color:white}
.accessory{margin-top:36px;border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:28px;padding:28px 0}.accessory h3{font-size:21px}.accessory p{margin-top:8px;font-size:15px;max-width:52ch}.accessory-action{display:flex;align-items:center;gap:24px;flex-shrink:0}.accessory-action strong{font-size:17px;font-weight:500;white-space:nowrap}.price-note{font-size:14px;line-height:1.65;color:var(--muted);margin-top:20px;max-width:86ch}.price-note strong{display:block;font-size:15px;font-weight:600;color:var(--ink)}.price-note span{display:block;margin-top:6px}
/* Alternate the editorial image rhythm without changing semantic reading order. */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;background:var(--paper)}
.split-copy{padding:64px 48px 64px var(--edge);min-width:0}.split-copy .lead{margin-top:22px;max-width:38ch}.split-copy p+p{margin-top:18px}.split figure{align-self:stretch;display:flex;align-items:center;background:#f3f3f3}.split figure img{width:100%;height:auto;object-fit:contain}
#oil-reveal{grid-template-areas:"photo copy"}#oil-reveal figure{grid-area:photo}#oil-reveal .split-copy{grid-area:copy;padding-left:clamp(32px,4.5vw,64px);padding-right:var(--edge)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.steps strong{font-size:15px;font-weight:600;display:block}.steps span{display:block;font-size:14px;color:var(--muted);margin-top:7px}
.skin{background:white}.skin-tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}.skin-tips article{min-width:0}.skin-tips img{display:block;width:100%;height:auto;aspect-ratio:395/468;object-fit:contain;background:#ededed}.skin-tips h3{font-size:22px;margin-top:24px}.skin-tips p{font-size:16px;margin-top:12px;max-width:36ch}
.paper-proof{border-block:1px solid var(--line)}.paper-proof .detail{font-size:17px;margin-top:20px;max-width:42ch}
.reviews{background:white}.reviews-intro{max-width:690px}.reviews-intro p:not(.kicker){margin-top:20px;font-size:15px;max-width:68ch}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:40px}
.review-card{padding-top:24px;border-top:1px solid var(--gold);display:flex;flex-direction:column;min-width:0}.review-card blockquote{font-size:21px;line-height:1.55;margin:0 0 28px;font-weight:500;letter-spacing:-.012em}.review-card footer{margin-top:auto;font-size:13px;line-height:1.6;color:var(--muted)}.review-card footer span,.review-card footer time{display:block}.review-card .text-link{font-size:13px;margin-top:4px}
.welcome{background:var(--paper);border-block:1px solid var(--line)}.welcome-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.welcome-visual{width:100%;max-width:560px;margin-inline:auto}.welcome-visual img{width:100%;height:auto}.welcome-visual figcaption{text-align:center;font-size:16px;margin-top:8px}.welcome-visual figcaption span{display:block;color:var(--muted);font-size:14px;margin-top:4px}
.welcome h2{font-size:clamp(38px,4vw,56px)}.welcome-lead{margin-top:24px;max-width:38ch}.welcome-offer{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.welcome-offer strong{font-size:22px;font-weight:600;display:block}.welcome-offer p{font-size:17px;margin-top:8px}.welcome .button{margin-top:26px;min-width:250px}
.welcome-account{margin-top:18px;font-size:15px;max-width:46ch}.welcome-markets{font-size:14px;margin-top:20px}.welcome-details{font-size:14px;margin-top:12px}.welcome-details summary{padding:10px 0;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:5px}.welcome-details p{margin-top:10px;max-width:55ch}
.sustain{position:relative;isolation:isolate;overflow:hidden;background:var(--paper)}.sustain-background{position:absolute;inset:0;z-index:-2}.sustain-background img{width:100%;height:100%;object-fit:cover;object-position:38% 50%}
.sustain:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(244,243,241,0) 0%,rgba(244,243,241,.05) 26%,rgba(244,243,241,.6) 38%,rgba(244,243,241,.98) 47%,rgba(244,243,241,.99) 100%)}
.sustain-grid{width:min(var(--content),calc(100% - var(--gutter)*2));min-height:570px;margin:auto;display:flex;justify-content:end;align-items:center}.sustain-copy{width:50%;padding:64px 0 64px 32px}.sustain-lead{font-size:20px;margin-top:22px}.sustain-facts{margin:28px 0 0}.sustain-facts>div{padding:16px 0;border-top:1px solid var(--line)}.sustain-facts dt{font-weight:600;font-size:18px}.sustain-facts dd{font-size:16px;margin:5px 0 0;color:var(--muted)}.sustain-fine{font-size:14px;margin-top:20px;max-width:57ch}
/* FAQ: two useful topics share the width; the heading no longer creates a blank rail. */
.faq-wrap{max-width:1200px}.faq-heading{text-align:center;margin:0 auto 44px}.faq-heading h2{font-size:clamp(32px,3.4vw,44px)}.faq-heading p{margin-top:16px;font-size:17px}
.faq-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:start}.faq-group{min-width:0}.faq-group>h3{font-size:22px;letter-spacing:-.02em;margin:0 18px 20px}
.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item[open]{background:var(--paper)}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:72px;cursor:pointer;list-style:none;padding:20px 18px;font-weight:500;font-size:17px;line-height:1.5}.faq-item summary::-webkit-details-marker{display:none}.faq-icon{flex:0 0 20px;align-self:center}.faq-item[open] .faq-icon .vertical{display:none}.faq-item[open] summary{font-weight:600;padding-bottom:12px}.faq-item p{padding:0 52px 24px 18px;font-size:16px;line-height:1.7;max-width:65ch}.faq-item a{text-decoration:underline;text-underline-offset:3px}.faq-item summary:focus-visible{outline-offset:-3px}
.faq-contact{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 18px;margin-top:36px}.faq-contact p{font-size:16px}.faq-contact .text-link{font-size:16px;gap:10px;font-weight:500}.faq-contact .icon{width:18px;height:18px}
.site-footer{background:var(--paper);border-top:1px solid var(--line);padding:56px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px}.footer-brand p{max-width:32ch;font-size:15px;margin-top:18px}.footer-links h2{font-size:16px;margin:0 0 14px}.footer-links a,.footer-links button{display:flex;align-items:center;font-size:14px;background:none;border:0;color:var(--muted);padding:8px 0;min-height:44px;text-align:left;line-height:1.4}
.footer-bottom{margin-top:36px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}.preview-note{background:var(--paper);color:var(--muted);padding:14px 24px;font-size:12px;text-align:center;border-top:1px solid var(--line)}
/* Dialogs share page typography, but tighter measures and explicit touch targets. */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:60;color:white;background:var(--ink);padding:14px 24px;font-size:15px;width:max-content;max-width:calc(100% - 40px);box-shadow:0 5px 20px #0002}
.modal>.toast{position:sticky;bottom:0;left:auto;transform:none;width:100%;max-width:none;box-shadow:none}
.modal{border:1px solid var(--line);padding:0;width:min(820px,calc(100% - 32px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;background:white;color:var(--ink)}.modal::backdrop{background:rgba(21,21,21,.52)}
.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:20px 28px;position:sticky;top:0;background:white;z-index:1}.modal-head h2{font-size:23px;letter-spacing:-.025em;text-wrap:balance}.close-button{background:none;border:0;width:44px;min-height:44px;flex:0 0 44px;font-size:28px;line-height:1;color:var(--ink)}.modal-body{padding:28px}
.product-dialog-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px}.product-dialog-grid img{background:#fff}.product-dialog-grid h3{font-size:26px}.product-dialog-grid .description{font-size:16px;margin-top:14px}.product-dialog-grid form>label{display:block;font-weight:600;font-size:14px;margin-top:20px}
.field{display:block;width:100%;min-width:0;min-height:48px;background:white;border:1px solid #9c9a96;padding:10px 12px;border-radius:0;color:var(--ink);margin-top:8px;font-size:16px}.product-dialog-price{font-size:26px;font-weight:600;margin-top:18px;font-variant-numeric:tabular-nums}.quantity-input{width:90px}.product-dialog-grid .button{width:100%;margin-top:22px}.modal-small{font-size:13px;margin-top:18px;color:var(--muted)}
.bag-list{list-style:none;padding:0;margin:0}.bag-row{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.bag-row img{width:68px;background:#fff}.bag-row h3{font-size:17px}.bag-row p{font-size:14px;margin-top:5px}
.bag-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.qty-button{width:44px;min-height:44px;background:white;border:1px solid var(--line);color:var(--ink);flex-shrink:0}.qty-button:disabled{color:#777;cursor:not-allowed;background:var(--paper)}.remove-item{border:0;background:none;color:var(--ink);text-decoration:underline;text-underline-offset:3px;font-size:13px;min-height:44px;padding:8px;margin-left:0}.bag-price{white-space:nowrap;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.summary-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px;align-items:baseline}.summary-row>:last-child{text-align:right}.summary-row strong{font-weight:600}.bag-empty{text-align:center;padding:32px 0}.bag-empty p{margin-top:14px}.bag-summary{margin-top:24px}.full-width{width:100%}.checkout-note{font-size:14px;margin-top:18px;padding:16px;border-left:1px solid var(--line);background:var(--paper)}
.welcome-dialog-intro{display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;align-items:center;margin-bottom:24px}.welcome-dialog-intro h3{font-size:24px}.welcome-dialog-intro p{font-size:16px;margin-top:8px}.trial-label{display:block;font-size:15px;font-weight:600;margin-bottom:18px}.check-row{display:flex;align-items:start;gap:12px;font-size:15px;margin:22px 0;cursor:pointer}.check-row input{width:20px;height:20px;flex:0 0 20px;margin:3px 0 0;accent-color:var(--ink)}.trial-summary{margin:24px 0}.trial-review h3{font-size:27px}.trial-review p{margin-top:16px}.trial-review:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.compact-placeholder{padding:28px;background:var(--paper);font-size:22px;line-height:1.5;font-weight:600;align-self:start}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.account-points{padding-left:22px;color:var(--muted);font-size:16px}.account-points li{margin-top:10px}
@media(hover:hover){.button:not(:disabled):hover{background:#353535;color:white}.button.secondary:hover,.product-card:not(.featured) .button:hover{background:var(--paper);color:var(--ink)}.desktop-nav a:hover,.footer-links a:hover,.plain-button:hover{text-decoration:underline;text-underline-offset:6px}}
@media(min-width:1800px){.hero-copy{padding-left:240px}}
@media(max-width:1100px){.header-inner{gap:20px}.desktop-nav{gap:18px}.header-actions{gap:10px}.hero-copy{padding-right:30px}.shop-grid,.skin-tips{gap:20px}.welcome-grid{gap:40px}.faq-columns{gap:40px}.product-meta h3{font-size:20px}.split-copy{padding-top:48px;padding-bottom:48px;padding-right:32px}.steps{grid-template-columns:1fr;gap:12px}.steps>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px}.steps span{margin:0}}
@media(max-width:1024px){.desktop-nav,.account-button{display:none}.menu-toggle{display:block}.header-inner{min-height:72px}}
@media(max-width:850px){
  :root{--gutter:24px;--space:64px}html{scroll-padding-top:88px}.header-inner{min-height:68px;gap:16px}.brand{font-size:22px}.header-actions{gap:14px}
  .hero-grid{grid-template-columns:1fr}.hero-copy{padding:40px var(--gutter)}.hero-copy h1{font-size:clamp(40px,7vw,54px)}.hero-copy .lead{max-width:38ch;font-size:19px}.hero-copy .micro{margin-top:20px}
  .hero-art{min-height:0}.hero-art img{position:static;height:auto;aspect-ratio:764/600;max-height:540px;object-fit:contain;background:var(--mist)}
  .benefits{gap:20px}.benefits>div+div{padding-left:20px}.benefits strong{font-size:15px}.benefits span{font-size:13px}
  .section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.section-heading>p{justify-self:start;max-width:54ch}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
  .product-card.featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;background:#fff;padding:0 24px 0 0;align-items:center}.product-card.featured .product-info{padding-block:24px}.product-card.featured .button{margin-top:4px}.product-card.featured .product-image img{aspect-ratio:1;object-fit:contain}
  .product-meta h3{font-size:21px}.accessory{display:block}.accessory-action{margin-top:24px;justify-content:space-between}.accessory p{max-width:50ch}
  .split{grid-template-columns:1fr}#oil-reveal{grid-template-areas:"copy" "photo"}.split-copy,#oil-reveal .split-copy{padding:48px var(--gutter) 36px}.split-copy .lead{max-width:50ch;font-size:19px}.split figure{justify-content:center}.split figure img{max-width:764px;max-height:none;object-fit:contain}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.steps>div{display:block}.steps span{margin-top:8px}
  .skin-tips{gap:18px;margin-top:28px}.skin-tips h3{font-size:20px;margin-top:20px}.skin-tips p{font-size:15px;margin-top:10px}
  .review-grid{gap:22px;margin-top:32px}.review-card blockquote{font-size:18px}.review-card footer{font-size:12px}
  .welcome-grid{grid-template-columns:1fr;gap:0}.welcome-copy{display:contents}.welcome-intro{grid-row:1;padding:0}.welcome h2{font-size:clamp(38px,7vw,50px)}.welcome-visual{grid-row:2;width:min(100%,380px);margin:16px auto 0}.welcome-conversion{grid-row:3;padding:0}.welcome-lead{max-width:48ch}.welcome .button{width:100%;min-width:0}.welcome-account{max-width:58ch}
  .sustain:after{background:linear-gradient(180deg,rgba(244,243,241,0),rgba(244,243,241,.1) 130px,rgba(244,243,241,.96) 265px,rgba(244,243,241,.99) 360px)}.sustain-background img{height:420px;object-position:50% 45%}.sustain-grid{display:block;min-height:0;padding-top:240px}.sustain-copy{width:100%;padding:24px 0 56px}.sustain-lead{font-size:19px}
  .faq-columns{grid-template-columns:1fr;gap:36px}.faq-heading{margin-bottom:32px}.faq-heading p{max-width:38ch;margin:14px auto 0}.faq-group>h3{font-size:21px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}
  .modal{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.modal-head{padding:14px 20px}.modal-body{padding:24px 20px}.product-dialog-grid{grid-template-columns:1fr;gap:24px}.product-dialog-grid figure{width:min(100%,240px);margin:auto}.product-dialog-grid img{width:100%}.product-dialog-grid h3{font-size:25px}.bag-row{grid-template-columns:52px minmax(0,1fr);gap:14px}.bag-row img{width:52px}.bag-price{grid-column:2}.welcome-dialog-intro{grid-template-columns:90px minmax(0,1fr);gap:18px}.welcome-dialog-intro h3{font-size:22px}
}
@media(max-width:600px){
  :root{--gutter:20px;--space:56px}.notice{font-size:12px;padding:7px 20px}.notice a{max-width:34ch;min-height:32px}.hero-copy{padding-block:36px}.hero .actions{display:grid;grid-template-columns:1fr;width:100%;max-width:380px}.hero .button{width:100%}.hero-copy .lead{font-size:18px}
  .benefit-strip{padding:12px 0}.benefits{grid-template-columns:1fr;gap:0}.benefits>div{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:12px 0}.benefits>div+div{padding:12px 0;border-left:0;border-top:1px solid var(--line)}.benefits strong{flex:0 0 43%;font-size:14px}.benefits span{font-size:13px;margin:0;max-width:28ch}
  .shop-grid{gap:28px 16px}.product-card.featured{grid-template-columns:1fr;padding:0 0 24px;gap:0}.product-card.featured .product-image{width:min(100%,390px);margin:auto}.product-card.featured .product-info{padding:8px 24px 0}.product-card.featured .button{margin-top:0}.product-meta h3{font-size:19px}.product-meta .price{font-size:16px}.product-info{padding-top:18px}.product-card p{font-size:14px;margin-bottom:16px}.product-card .button{font-size:14px;padding-inline:10px}.product-tag{left:14px;top:14px}
  .accessory h3{font-size:22px}.accessory-action{gap:20px}.accessory-action .button{font-size:14px}.price-note{font-size:14px}
  .steps{grid-template-columns:1fr;gap:14px;margin-top:28px;padding-top:20px}.steps>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px}.steps span{margin:0;font-size:14px}
  .skin-tips{grid-template-columns:1fr;gap:36px}.skin-tips article{display:grid;grid-template-columns:1fr;max-width:395px;width:100%;margin:auto}.skin-tips h3{font-size:23px;margin-top:20px}.skin-tips p{font-size:16px;max-width:none}.skin-tips img{width:min(100%,330px);height:auto;margin-inline:auto}
  .review-grid{grid-template-columns:1fr;gap:28px}.review-card blockquote{font-size:21px;margin-bottom:20px}.review-card footer{font-size:13px}.review-card .text-link{display:block;width:fit-content}.welcome-offer strong{font-size:22px}.welcome-visual{max-width:330px}.welcome-visual figcaption{font-size:15px}
  .modal-head h2{font-size:21px}.summary-row{gap:16px;font-size:15px}.dialog-actions{display:grid;grid-template-columns:1fr}.dialog-actions .button{width:100%}.welcome-dialog-intro{grid-template-columns:80px minmax(0,1fr);gap:14px}.welcome-dialog-intro h3{font-size:21px}.welcome-dialog-intro p{font-size:15px}.trial-review h3{font-size:25px}.faq-item summary{padding-inline:14px;gap:14px;min-height:68px}.faq-item p{padding-left:14px;padding-right:32px}.faq-group>h3{margin-inline:14px}.faq-contact{margin-top:28px;gap:0 14px}
}
@media(max-width:390px){:root{--gutter:16px}.brand{font-size:20px}.header-inner{gap:10px}.header-actions{gap:8px}.plain-button{font-size:13px}.product-card.featured .product-info{padding-inline:20px}.accessory-action{align-items:start;flex-direction:column}.accessory-action .button{width:100%}.modal-head{padding-inline:16px;gap:12px}.modal-body{padding:20px 16px}.summary-row{grid-template-columns:1fr;gap:6px}.summary-row>:last-child{text-align:left}.welcome-dialog-intro{grid-template-columns:1fr}.welcome-dialog-intro>img{width:100px}.footer-grid{gap:28px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Finishing details: one icon weight, visible states and quiet form recovery. */
.icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.close-button,.qty-button{display:inline-flex;justify-content:center;align-items:center}.close-button .icon{width:22px;height:22px}
button,a,summary{touch-action:manipulation}.notice a:focus-visible{outline-color:white}
::selection{background:var(--mist);color:var(--ink)}input,select{caret-color:var(--ink)}
.field-error{color:var(--error);font-size:14px;line-height:1.5;margin:8px 0 18px}.field[aria-invalid="true"]{border:2px solid var(--error)}
.check-row:has([aria-invalid="true"]){outline:1px solid var(--error);outline-offset:5px}.field-error:not([hidden]) + .button{margin-top:8px}
.modal :is(button,input,select,a){scroll-margin-block:100px 24px}.modal{padding-bottom:env(safe-area-inset-bottom,0px)}
.mobile-nav{padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}
@media(hover:hover){.close-button:hover,.qty-button:not(:disabled):hover{background:var(--paper)}.faq-item summary:hover{color:#454545}}

/* Brand experience and everyday moments share the existing editorial grid. */
#shop{padding-bottom:clamp(28px,3vw,40px)}
.brand-story{padding:0 0 var(--space);background:var(--white)}
.brand-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding-top:48px;border-top:1px solid var(--line)}
.brand-story h2{max-width:18ch;font-size:clamp(30px,3vw,42px)}
.brand-story-copy{min-width:0}.brand-story-copy .lead{max-width:48ch}.brand-story-copy>p+p{margin-top:20px;max-width:58ch;font-size:16px}.brand-story-copy .text-link{margin-top:18px}
.lifestyle{background:var(--paper);border-top:1px solid var(--line)}
.lifestyle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.lifestyle-grid img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:var(--mist)}
.lifestyle-grid figcaption{padding-top:22px}.lifestyle-grid h3{font-size:22px}.lifestyle-grid p{font-size:16px;line-height:1.6;margin-top:10px;max-width:35ch}
.lifestyle-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:28px}.lifestyle-bottom p{font-size:12px}.lifestyle-bottom .text-link{font-weight:500}
@media(max-width:1100px){.brand-story-grid{gap:40px}.lifestyle-grid{gap:20px}.lifestyle-grid h3{font-size:20px}}
@media(max-width:850px){.brand-story-grid{grid-template-columns:1fr;gap:24px;padding-top:36px}.brand-story-copy .lead{max-width:54ch}.lifestyle-grid{grid-template-columns:1fr;gap:32px}.lifestyle-grid figure{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center}.lifestyle-grid figcaption{padding:0}.lifestyle-grid h3{font-size:23px}.lifestyle-grid p{max-width:38ch}}
@media(max-width:600px){.lifestyle-grid figure{display:block}.lifestyle-grid figcaption{padding-top:20px}.lifestyle-grid h3{font-size:23px}.lifestyle-grid p{max-width:40ch}.lifestyle-bottom{flex-direction:column;align-items:flex-start;gap:4px;margin-top:24px}}

/* V08: quiet restock access and visible, keyboard-native pack comparison. */
.restock-link{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 5px;min-height:44px;padding:8px 0;background:none;border:0;text-align:left;font:inherit;font-size:14px;color:var(--muted);cursor:pointer}
.restock-link span{color:var(--ink);text-decoration:underline;text-underline-offset:4px;font-weight:600}
.hero .restock-link{margin-top:6px}.section-heading .restock-link{margin-top:10px}.welcome-restock{margin-top:12px}
.pack-options{border:0;padding:0;margin:24px 0 0;min-width:0}.pack-options legend{font-size:15px;font-weight:600;margin-bottom:12px}
.pack-option{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);padding:15px 14px;margin-bottom:10px;cursor:pointer;min-height:72px}
.pack-option:has(input:checked){border-color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 1px var(--ink)}
.pack-option:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:3px}
.pack-option input{width:18px;height:18px;accent-color:var(--ink);margin:0}.pack-option-copy,.pack-option-price{display:grid;gap:4px;min-width:0}
.pack-option strong{font-size:15px;font-weight:600}.pack-option-copy>span,.pack-option-price>span{font-size:13px;color:var(--muted);line-height:1.5}.pack-option-price{text-align:right}
.delivery-explainer{font-size:14px;line-height:1.65;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}
@media(max-width:600px){.pack-option{grid-template-columns:18px minmax(0,1fr);gap:10px;padding:14px}.pack-option-price{grid-column:2;text-align:left;display:flex;flex-wrap:wrap;gap:6px 12px}.restock-link{font-size:14px}}

/* Payment marks and product details reuse the existing type and spacing system. */
.payment-strip{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;margin-top:36px;padding:24px 0;border-top:1px solid var(--line)}.payment-strip>span{font-size:14px;font-weight:600}.payment-marks{display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:100%}.payment-marks img{display:block;width:48px;height:auto;flex:0 0 48px}.payment-strip small{font-size:12px;color:var(--muted);margin-left:auto;max-width:36ch}.product-detail-link{align-self:flex-start;margin-top:4px}
.product-page-main{padding-bottom:var(--space)}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px;padding:28px 0;color:var(--muted)}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px;min-height:32px;display:inline-flex;align-items:center}
.detail-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:start}.detail-gallery{min-width:0}.gallery-main-button{position:relative;border:0;background:var(--white);padding:0;width:100%;display:block;cursor:zoom-in}.gallery-main-button>img{width:100%;aspect-ratio:1;object-fit:contain}.gallery-main-button>span{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:12px;background:rgba(255,255,255,.95);padding:6px 12px;white-space:nowrap;color:var(--muted)}
.gallery-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.gallery-thumb{border:1px solid var(--line);background:var(--white);padding:5px;min-width:0;color:var(--ink)}.gallery-thumb[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.gallery-thumb img{width:100%;aspect-ratio:1;object-fit:contain}.gallery-thumb span{display:block;font-size:12px;padding:8px 1px;line-height:1.4}.gallery-caption{font-size:13px;margin-top:12px;color:var(--muted)}
.detail-type{font-size:var(--text-sm);margin-top:12px}.detail-buy h1{font-size:clamp(36px,3.5vw,50px)}.detail-description{font-size:17px;line-height:1.7;margin-top:20px;max-width:48ch}.detail-price{font-size:28px;font-weight:600;color:var(--ink);margin-top:20px}.variety-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.variety-links a{display:inline-flex;align-items:center;min-height:44px;padding:9px 12px;border:1px solid var(--line);font-size:14px}.variety-links a[aria-current="page"]{border-color:var(--ink);background:var(--paper);font-weight:600}
.detail-quantity-label{display:block;margin-top:20px;font-size:15px;font-weight:600}.detail-buy .full-width{margin-top:20px}.detail-shipping{font-size:14px;margin-top:18px}.detail-photo-note{font-size:13px;margin-top:14px}.detail-information{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;border-top:1px solid var(--line);margin-top:64px;padding-top:48px}.detail-information h2{font-size:28px}.detail-information p{margin-top:20px;font-size:16px}.detail-information ol{padding-left:22px;margin-top:24px;font-size:16px;color:var(--muted)}.detail-information li{margin:12px 0}.detail-information li strong{color:var(--ink);margin-right:8px}.detail-information dl{font-size:16px;margin:20px 0 0}.detail-information dl>div{margin-top:16px}.detail-information dt{font-weight:600}.detail-information dd{margin:5px 0 0;color:var(--muted)}.detail-information a{text-decoration:underline;text-underline-offset:4px}
.gallery-lightbox{max-width:1000px}.gallery-zoom-body{padding:20px}.gallery-zoom-body>img{width:100%;height:min(60vh,640px);height:min(60dvh,640px);object-fit:contain}.gallery-controls{display:flex;justify-content:space-between;gap:12px;margin-top:20px}
@media(max-width:1100px){.detail-layout,.detail-information{gap:36px}}
@media(max-width:850px){.detail-layout,.detail-information{grid-template-columns:1fr}.detail-gallery{width:min(100%,560px);margin:auto}.detail-buy{max-width:620px;width:100%;margin:auto}.detail-information{margin-top:48px;padding-top:36px;gap:36px}.payment-strip small{margin-left:0}.gallery-main-button>img{max-height:480px}}
@media(max-width:600px){.brand img{width:166px}.breadcrumbs{font-size:13px;padding-block:16px}.detail-layout{gap:28px}.detail-buy h1{font-size:36px}.gallery-thumbs{gap:8px}.gallery-thumb span{font-size:11px;min-height:38px;padding-inline:0}.payment-strip{gap:16px}.payment-strip small{flex-basis:100%;max-width:none}.payment-marks{display:grid;grid-template-columns:repeat(4,44px);gap:10px;flex-basis:100%}.payment-marks img{width:44px;flex-basis:44px}.gallery-controls .button{font-size:14px;padding-inline:14px}}

/* One free pack: explicit variety choice, no forced email signup. */
.welcome-popup{max-width:720px;padding:0}.welcome-popup-close{position:absolute;right:12px;top:12px;z-index:1;background:var(--white)}.welcome-popup>figure{background:var(--white);padding:28px 28px 0}.welcome-popup>figure img{width:100%;height:auto}.welcome-popup figcaption{text-align:center;font-size:13px;color:var(--muted);padding:8px 0 18px}.welcome-popup-copy{padding:30px 48px 26px;text-align:center;background:var(--paper)}.popup-eyebrow{font-size:14px;margin-bottom:14px}.welcome-popup h2{font-size:clamp(32px,4vw,44px)}.popup-description{margin-top:18px;font-size:18px}.popup-shipping{font-size:15px;font-weight:600;margin-top:14px;color:var(--ink)}.welcome-popup .button{margin-top:22px}.popup-fine{font-size:13px;line-height:1.6;margin-top:16px}.popup-dismiss,.popup-reopen{border:0;background:transparent;font:inherit;font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:4px;min-height:44px}.popup-dismiss{margin-top:6px;padding:10px}.popup-reopen{padding:8px 0}
@media(max-width:600px){.welcome-popup>figure{padding:32px 12px 0}.welcome-popup-copy{padding:24px 22px 16px}.welcome-popup h2{font-size:32px}.popup-description{font-size:17px}.welcome-popup figcaption{font-size:12px}.popup-shipping{font-size:14px}}

.popup-varieties{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;border:0;padding:0;margin:20px 0 0;min-width:0}.popup-varieties legend{font-size:14px;font-weight:600;margin-bottom:10px;text-align:center;width:100%}.popup-varieties label{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);padding:10px 12px;min-height:46px;font-size:14px;cursor:pointer;background:var(--white)}.popup-varieties input{width:16px;height:16px;accent-color:var(--ink);margin:0}.popup-varieties label:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.popup-varieties label:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:600px){.popup-varieties{gap:8px}.popup-varieties label{padding-inline:10px;font-size:13px}}

/* V13: the same shell and controls across all six preview pages. */
.detail-buy,.welcome-copy,.footer-links{min-width:0}
.footer-links a,.footer-links button,.footer-brand p,.trial-label,.detail-shipping{overflow-wrap:anywhere}
.summary-row strong,.detail-price,.pack-option-price{font-variant-numeric:tabular-nums}
.footer-secondary{display:flex;flex-wrap:wrap;gap:0 28px;margin-top:8px}
.footer-secondary .text-link{font-size:var(--text-sm);color:var(--muted)}
.breadcrumbs [aria-current="page"]{color:var(--ink)}
.content-page .breadcrumbs{margin-inline:auto}
.content-page .welcome h1{font-size:clamp(38px,4vw,56px)}
.content-page .sustain h1{font-size:clamp(32px,3.4vw,48px)}
.section-return{padding:28px 0;display:flex;flex-wrap:wrap;align-items:center;gap:12px 32px}
.section-return p{font-size:16px;max-width:46ch}
.welcome-popup-toolbar{position:sticky;top:0;height:0;z-index:2}
.welcome-popup-copy .full-width{min-height:var(--control-height)}
.gallery-controls{flex-wrap:wrap}
.gallery-controls .button{flex:1;min-width:0}
.gallery-zoom-caption{text-align:center;font-size:var(--text-sm);margin-top:16px;min-height:24px}
.desktop-nav a[aria-current="page"],.mobile-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;font-weight:600}
@media(hover:hover){
  .text-link:hover,.restock-link:hover,.footer-links button:hover{color:var(--ink);text-decoration-thickness:2px}
  .variety-links a:hover,.gallery-thumb:hover,.popup-varieties label:hover{border-color:var(--ink);background:var(--paper)}
}
@media(max-width:600px){
  .footer-secondary{gap:0 20px}
  .product-detail-link{font-size:14px}
  .gallery-zoom-body{padding:16px}
  .gallery-controls{gap:10px}
  .gallery-controls .button{padding-inline:10px}
  .section-return{padding-block:24px}
}
@media(max-height:600px){.welcome-popup>figure{max-width:340px;margin-inline:auto}.welcome-popup-copy{padding-top:22px}}

/* Decorative bamboo is a section background, never an in-flow image. */
.sustain{background-image:url('bamboo-background-desktop-v01.webp');background-size:cover;background-position:38% 50%;background-repeat:no-repeat}
@media(max-width:850px){.sustain{background-image:url('bamboo-background-mobile-v01.webp');background-position:center top}.sustain:after{background:linear-gradient(180deg,rgba(244,243,241,0) 0,rgba(244,243,241,.1) 130px,rgba(244,243,241,.96) 265px,rgba(244,243,241,.99) 420px)}}

/* Product imagery stays smaller and white across the existing site shell. */
.product-card,.product-image,.product-dialog-grid img,.bag-row img,.gallery-main-button,.gallery-thumb{background:#fff}
@media(max-width:850px){.product-card.featured{background:#fff}.product-image{padding:18px}.product-image img{width:88%;height:88%}}

/* Product detail and mobile refinement 2026-10-05. */
@media(max-width:850px){
  .shop-grid{grid-template-columns:1fr!important;gap:32px!important}
  .product-card,.product-card.featured{grid-column:auto!important;display:flex;flex-direction:column;background:#fff;padding:0 0 24px!important}
  .product-card .product-image,.product-card.featured .product-image{width:min(100%,330px);margin-inline:auto;padding:18px;background:#fff}
  .product-card .product-info,.product-card.featured .product-info{padding:18px 0 0!important}
  .product-card .button{width:100%;min-height:48px}
}
@media(max-width:600px){.shop-grid{gap:28px!important}.product-card .product-image{width:min(100%,300px)}}


/* Codex responsive commerce refinement 2026-10-15. */
/* Keep WooCommerce variation copy in normal flow; the former floated controls could overlap it. */
body.pc-site .woocommerce-variation-add-to-cart {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:0 12px;
  min-height:50px;
}
body.pc-site .woocommerce-variation-add-to-cart .quantity {
  float:none;
  margin:0;
  flex:0 0 auto;
}
body.pc-site .woocommerce-variation-add-to-cart .single_add_to_cart_button {
  float:none;
  margin:0;
}
body.pc-site .woocommerce .quantity input {
  min-height:50px;
}
body.pc-site .desktop-nav a {
  padding-inline:6px;
}
body.pc-site .menu-toggle {
  min-width:44px;
  padding-inline:4px;
}
body.pc-site .woocommerce-breadcrumb a,
body.pc-site .woocommerce-LostPassword a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
}
body.pc-site input[type="checkbox"] {
  min-width:20px;
  min-height:20px;
}


/* Homepage hero: one warm-neutral canvas, shared with the existing paper surfaces.
   Scope stays on page 47; retain the approved photograph and its natural light. */
body.page-id-47.pc-site .hero {background:var(--paper)}
body.page-id-47.pc-site .hero .hero-copy {background:transparent}
body.page-id-47.pc-site .hero .hero-art,
body.page-id-47.pc-site .hero .hero-art img {background-color:var(--paper)}

/* PC-MOBILE-HERO-FIT-20261017: retain the approved photograph at its intrinsic ratio. */
@media(max-width:850px){body.page-id-47.pc-site .hero .hero-art img{aspect-ratio:auto;max-height:none}}