@font-face{font-family:Cormorant;src:url('../assets/fonts/cormorant-regular.ttf') format('truetype');font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:Cormorant;src:url('../assets/fonts/cormorant-semibold.ttf') format('truetype');font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:Cormorant;src:url('../assets/fonts/cormorant-italic.ttf') format('truetype');font-weight:400 600;font-style:italic;font-display:swap}
@font-face{font-family:Lato;src:url('../assets/fonts/lato-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url('../assets/fonts/lato-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--cocoa:#806052;--caramel:#c49a79;--cream:#f8f4ef;--ink:#4b342b;--body:#584941;--muted:#74635a;--line:#e7dbd2;--white:#fff;--serif:Cormorant,'Times New Roman',serif;--sans:Lato,Arial,sans-serif;--edge:clamp(22px,5.6vw,100px)}
*{box-sizing:border-box}
html{scroll-padding:20px}
body{margin:0;font:16px/1.55 var(--sans);color:var(--body);background:white}
button,input,select,textarea{font:inherit}
button,a{touch-action:manipulation}
button{color:inherit;cursor:pointer;background:none;border:0}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cocoa);outline-offset:4px}
button:disabled{opacity:.42;cursor:default}
img{display:block;max-width:100%}
svg{display:block;flex-shrink:0}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--serif);color:var(--ink);font-weight:500;line-height:1.06}
h1{font-size:clamp(45px,5.5vw,78px);letter-spacing:-.042em}
h2{font-size:clamp(36px,3.8vw,57px);letter-spacing:-.038em}
h3{font-size:clamp(24px,2.2vw,34px);letter-spacing:-.025em}
h1 em,h2 em{font-weight:400}
.wrap{width:min(calc(100% - 2 * var(--edge)),1480px);margin-inline:auto}
[hidden]{display:none!important}
.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{position:absolute;top:8px;left:12px;z-index:8;background:white;color:var(--cocoa);padding:8px 15px}
.announcement{min-height:32px;display:flex;align-items:center;justify-content:center;gap:22px;background:var(--cocoa);color:#fffaf5;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.announcement i{font:15px/1 Georgia,serif;color:#f0d4b8}
.announcement a:hover{text-decoration:underline}
.site-header{position:relative;background:white;z-index:3;border-bottom:1px solid rgba(128,96,82,.14)}
.mast{min-height:96px;display:flex;align-items:center;gap:clamp(22px,3vw,60px);justify-content:space-between}
.brand{display:inline-flex;flex-direction:column;align-items:center;gap:2px;color:var(--cocoa);flex-shrink:0;padding-block:4px}
.brand img{width:154px;height:auto}
.brand span{font-size:8px;line-height:1.4;letter-spacing:.24em;text-transform:uppercase;font-weight:700}
.main-nav,.main-nav>*,.main-nav .nav-group>button,.header-actions,.bag-btn,.text-link,.btn,.filter-button{display:flex;align-items:center}
.main-nav{gap:clamp(18px,2.35vw,42px)}
.main-nav>a,.nav-group>button{padding:11px 0;color:var(--ink);font-size:14px;white-space:nowrap}
.main-nav a:hover,.nav-group>button:hover,.menu-links a:hover{color:var(--cocoa);text-decoration:underline;text-underline-offset:5px}
.nav-group{position:relative}
.nav-group>button{gap:5px}
.nav-group>button svg{width:14px;height:14px}
#category-menu{position:absolute;top:100%;left:-17px;width:198px;background:white;border:1px solid var(--line);padding:7px 0;box-shadow:0 9px 18px #52301e0d}
#category-menu a{display:block;padding:9px 17px;font-size:14px}
.header-actions{gap:14px}
.icon-btn,.round,.bag-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px}
.icon-btn{width:42px;padding:0}
.header-actions .separator{width:1px;height:19px;background:var(--line)}
.bag-btn{gap:8px;font-size:14px;padding:0}
.count{display:grid;place-items:center;border-radius:50%;background:var(--cream);color:var(--cocoa);min-width:21px;height:21px;padding:0 4px;font-size:11px;font-weight:bold}
.mobile-menu,.mobile-search{display:none}
.hero{height:clamp(365px,29vw,510px);position:relative;isolation:isolate;overflow:hidden;background:#efe2d3}
.hero-photo,.hero-wash{position:absolute;inset:0;z-index:-1}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:56% 53%}
.hero-wash{background:linear-gradient(90deg,rgba(249,241,229,.62) 0%,rgba(249,241,229,.44) 29%,rgba(249,241,229,.06) 46%,transparent 60%)}
.hero-alt .hero-photo{left:45%}
.hero-alt .hero-wash{background:linear-gradient(90deg,#f2e6d9 0 37%,#f2e6d9 42%,transparent 65%)}
.hero-inner{height:100%;display:flex;align-items:center}
.hero-copy{padding-bottom:18px;width:49%}
.eyebrow,.product-card small,.article-card small{font:700 10px/1.4 var(--sans);color:var(--cocoa);letter-spacing:.2em;text-transform:uppercase}
.ruled{display:flex;align-items:center;gap:12px}
.ruled::before{content:"";width:31px;height:1px;background:var(--caramel);flex:none}
.hero h1{font-size:clamp(59px,5.55vw,96px);line-height:.92;margin:16px 0 15px;letter-spacing:-.042em}
.hero h1 em{color:#77503e}
.hero-desc{max-width:355px;line-height:1.55;font-size:clamp(14px,1.12vw,17px);color:#594739;margin-bottom:21px}
.btn{display:inline-flex;justify-content:center;gap:14px;min-height:45px;padding:12px 20px;border:1px solid transparent;border-radius:4px;line-height:1.3;font-weight:700;font-size:13px;transition:background .18s,color .18s,border-color .18s;text-align:center}
.btn svg,.text-link svg{width:18px;height:18px}
.btn.primary{background:var(--cocoa);border-color:var(--cocoa);color:white}
.btn.primary:hover{background:#68493a;border-color:#68493a}
.btn.outline{border-color:#b8a497;color:#634a3d;background:transparent}
.btn.outline:hover{background:#eee5dc}
.hero .primary{padding-inline:22px;min-height:45px}
.hero-controls{position:absolute;bottom:15px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.hero-controls button{pointer-events:auto}
.dots,.arrows{display:flex;align-items:center}
.dots button{padding:12px 3px;border:0;display:flex;align-items:center}
.dots button:first-child{padding-left:0}
.dots span{width:6px;height:6px;border-radius:6px;background:rgba(85,58,43,.35)}
.dots [aria-pressed=true] span{width:24px;background:var(--cocoa)}
.arrows{gap:7px}
.round{border:1px solid #fff9;background:#fffc;color:var(--ink);border-radius:50%;width:34px;height:34px;min-height:34px}
.round svg{width:15px;height:15px}
.round:hover{background:white}
.benefits{background:var(--cream);border-block:1px solid var(--line)}
.benefits>.wrap{display:grid;grid-template-columns:repeat(3,1fr);min-height:85px;align-items:center}
.benefit{display:flex;align-items:center;justify-content:center;gap:16px;position:relative;line-height:1.35}
.benefit+.benefit::before{content:"";position:absolute;left:0;height:29px;width:1px;background:#decec2}
.benefit>svg{width:31px;height:31px;color:var(--cocoa);stroke-width:1.15}
.benefit strong,.benefit span{display:block}
.benefit strong{font:600 22px/1.1 var(--serif);color:var(--ink)}
.benefit span{font-size:12px;color:var(--muted);margin-top:3px}
.section{padding-block:clamp(42px,4.2vw,75px)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}
.section-heading h2{margin-top:7px}
.text-link{display:inline-flex;gap:10px;color:var(--cocoa);font-size:13px;font-weight:700;min-height:35px;padding:0;line-height:1.4}
.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.category-grid,.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.7vw,28px)}
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.category-card{display:grid;grid-template-rows:minmax(0,1fr) 18%;border-radius:4px;overflow:hidden;aspect-ratio:382/540;background:var(--cream);isolation:isolate}
.category-card img,.article-card img,.product-image img,.event-image img{width:100%;height:100%;object-fit:cover;transition:transform .38s ease}
.category-card>div{z-index:1;padding:12px 16px;display:flex;align-items:center;justify-content:center;background:var(--cocoa)}
.category-card:nth-child(2)>div{background:var(--caramel)}
.category-card:nth-child(2) h3{color:#35251f}
.category-card:nth-child(3)>div{background:#6b4d40}
.category-card h3{color:white;font-size:clamp(26px,2.4vw,40px)}
.category-arrow,.open-product{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffffad;border-radius:50%;color:white;flex-shrink:0}
.category-arrow{display:none}
.category-arrow svg,.open-product svg{width:17px;height:17px}
.category-card:hover img,.product-card:hover img,.article-card:hover img{transform:scale(1.035)}
.tinted,.newsletter{background:var(--cream)}
.whats-band{background:var(--cocoa);color:white}
.whats-band>.wrap,.whats-band>.wrap>div{display:flex;align-items:center;gap:17px}
.whats-band>.wrap{justify-content:space-between;padding-block:24px}
.whats-band h2{font-size:clamp(25px,2.5vw,37px);color:white}
.whats-band svg{width:29px;height:29px}
.whats-band .btn{border-color:#dfc8b7;color:white;flex:none}
.whats-band .btn:hover{background:#6b5145}
.whats-band .btn svg{width:17px;height:17px}
.photo-caption{color:var(--muted);font-size:12px;margin-top:12px}
.contact-form{max-width:660px;margin-top:30px;border-top:1px solid var(--line);padding-top:15px}
.contact-form>label,.contact-form>button{margin-top:12px}
.cep-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin-bottom:16px}
.cep-form label{flex:1;min-width:120px}
.cep-form .btn{min-height:43px}
.coupon-row{display:flex;gap:6px;align-items:end;margin:12px 0}
.coupon-row label{flex:1;min-width:0}
.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px clamp(14px,1.7vw,28px)}
.product-card,.article-card{display:block;min-width:0}
.product-image{position:relative;aspect-ratio:1.12;overflow:hidden;border-radius:4px;background:var(--cream)}
.open-product{position:absolute;bottom:11px;right:11px;color:var(--cocoa);background:#fffdf9e8;border:none}
.product-card small,.article-card small{display:block;margin:15px 0 4px;font-size:9px;letter-spacing:.17em}
.product-card h3,.article-card h3{font-size:clamp(23px,2vw,31px)}
.price{display:block;font-size:13px;color:var(--muted);margin-top:7px}
.event-banner{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--cream);border-radius:6px;overflow:hidden}
.event-image{min-height:340px;position:relative}
.event-image img{position:absolute;inset:0}
.event-copy{padding:clamp(27px,4.6vw,80px)}
.event-copy h2{margin-block:12px 15px}
.event-copy>p:not(.eyebrow){max-width:490px;margin-bottom:21px}
.blog-home{border-top:1px solid var(--line)}
.article-card{overflow:hidden}
.article-card>img{height:auto;aspect-ratio:1.85;object-fit:cover;border-radius:4px}
.article-card .text-link{margin-top:7px}
.newsletter>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:35px}
.newsletter h2{font-size:36px}
.newsletter p{font-size:14px;margin-top:5px}
footer{background:#fffcf9;border-top:1px solid var(--line)}
.footer-grid{padding-block:50px 40px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:25px}
.footer-grid h2{font-size:23px;margin-bottom:10px}
.footer-grid>div>a:not(.brand){display:block;font-size:13px;padding:4px 0;color:var(--muted)}
.footer-grid>div>a:hover{text-decoration:underline}
.footer-grid>div{min-width:0;overflow-wrap:anywhere}
.footer-grid .brand{margin-bottom:8px}
.redes-sociais {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.redes-sociais a {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--cream);
  color: var(--cocoa);
}
.redes-sociais a:hover,
.redes-sociais a:focus-visible {
  background: var(--cocoa);
  border-color: var(--cocoa);
  color: var(--white);
}
.footer-base{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.whatsapp-flutuante{
  position:fixed;
  right:calc(clamp(12px,2vw,24px) + env(safe-area-inset-right,0px));
  bottom:calc(clamp(12px,2vw,24px) + env(safe-area-inset-bottom,0px));
  z-index:6;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border:2px solid white;
  border-radius:50%;
  background:#16764e;
  color:white;
  box-shadow:0 3px 12px #37291e40;
}
.whatsapp-flutuante:hover{background:#105d3d}
.whatsapp-flutuante svg{width:32px;height:32px;stroke-width:1.6}
.whatsapp-flutuante:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
@media(max-width:700px){
  .whatsapp-flutuante{width:50px;height:50px}
  dialog[open]{bottom:calc(64px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 90px - env(safe-area-inset-bottom,0px))}
  .footer-base{padding-inline-end:54px}
}
.page{padding-bottom:clamp(54px,6vw,100px);min-height:55vh}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:24px 0 30px;font-size:12px;color:var(--muted)}
.crumb a:hover{text-decoration:underline}
.page-heading{margin:0 0 32px}
.page-heading .eyebrow{margin-bottom:10px}
.page-heading p:not(.eyebrow){margin-top:12px;max-width:640px}
.catalog-tools{border-block:1px solid var(--line);padding:13px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}
.chips,.choices{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.chip,.filter-button,.choices label span{font-size:13px;border:1px solid var(--line);border-radius:4px;padding:8px 13px;min-height:38px;display:inline-flex;align-items:center;line-height:1.4}
.chip.active,.choices input:checked+span{color:white;background:var(--cocoa);border-color:var(--cocoa)}
.filter-button{gap:7px}
.filter-button svg{width:16px;height:16px}
.filter-box{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto auto;align-items:end;gap:12px;background:var(--cream);padding:18px;margin-top:12px}
.result-count{font-size:13px;color:var(--muted);margin:20px 0 16px}
.empty{text-align:center;margin-block:24px;padding:50px 20px;background:var(--cream);border:1px solid var(--line);border-radius:4px}
.empty>svg{height:32px;width:32px;margin:0 auto 18px;color:var(--cocoa)}
.empty p{margin:13px auto 21px;max-width:450px}
.product-detail{display:grid;grid-template-columns:1.05fr 1fr;align-items:start;gap:clamp(28px,5.6vw,104px)}
.detail-image{border-radius:5px;overflow:hidden}
.detail-image img{width:100%;height:auto;object-fit:cover}
.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}
.thumbs button{padding:3px;border:1px solid var(--line);border-radius:3px}
.thumbs button[aria-pressed=true]{border-color:var(--cocoa)}
.thumbs img{width:60px;height:60px;aspect-ratio:1}
.detail-copy h1{font-size:clamp(42px,4.6vw,67px);margin:10px 0 13px}
.detail-copy>p:not(.eyebrow){margin-bottom:24px}
.detail-copy>.text-link{margin:15px 0}
fieldset{padding:0;border:0;margin:0;min-width:0}
legend,label,.review-label{display:block;font-weight:700;font-size:13px;color:var(--ink)}
legend{margin:0 0 8px}
label small{color:var(--muted);font-size:11px;font-weight:400}
input:not([type=radio]):not([type=checkbox]),select,textarea{width:100%;min-width:0;border:1px solid #cbb9ab;background:white;color:var(--ink);border-radius:3px;padding:10px 11px;line-height:1.45;font-size:15px}
select{min-height:44px}
textarea{resize:vertical}
label>input:not([type=checkbox]),label>textarea,label>select{display:block;margin-top:5px}
.choices label{position:relative}
.choices input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.choices input:focus-visible+span{outline:2px solid var(--cocoa);outline-offset:3px}
.product-price{font:600 29px/1.2 var(--serif);color:var(--ink);margin:19px 0}
#product-form>label{margin-top:13px}
.add-line{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:6px}
.stepper{display:inline-flex;align-items:center;justify-content:space-between;min-height:42px;border:1px solid var(--line);border-radius:3px;background:white}
.stepper button{display:grid;place-items:center;width:33px;height:40px;padding:0}
.stepper button svg{width:15px;height:15px}
.stepper span,.stepper input[type=number]{width:32px;border:0;border-radius:0;padding:0;text-align:center;font-weight:700;font-size:14px;appearance:textfield}
.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
details{border-top:1px solid var(--line);font-size:14px}
details summary{cursor:pointer;padding:14px 0;font-weight:700}
details p{margin:0 0 14px}
.reading{max-width:720px;margin:36px auto 12px}
.reading h1{margin:12px 0 18px;font-size:clamp(44px,5vw,72px)}
.reading .lead{font-size:19px;line-height:1.55;color:var(--ink)}
.reading p{margin:11px 0 18px}
.reading .eyebrow{margin:0}
.reading h2{font-size:35px;margin:31px 0 10px}
.reading .btn{margin-top:12px}
.reading .text-link{margin-left:15px}
.article-photo{width:100%;max-height:330px;object-fit:cover;border-radius:4px;margin:26px 0}
.order-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.85fr);align-items:start;gap:clamp(23px,4.5vw,90px)}
.cart-item{display:grid;grid-template-columns:106px 1fr auto;gap:18px;border-bottom:1px solid var(--line);padding:21px 0;align-items:start}
.cart-item:first-child{border-top:1px solid var(--line)}
.cart-photo{width:106px;aspect-ratio:1;object-fit:cover;border-radius:3px}
.cart-info h2{font-size:27px}
.cart-info p,.cart-info small{font-size:13px;color:var(--muted)}
.cart-info small{display:block;overflow-wrap:anywhere}
.cart-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}
.remove{display:inline-flex;align-items:center;gap:4px;font-size:12px;min-height:38px}
.remove svg{width:14px;height:14px}
.line-total{font-size:14px;white-space:nowrap}
.back-link{margin-top:12px}
.summary{padding:clamp(19px,2.3vw,38px);background:var(--cream);border:1px solid var(--line);border-radius:5px}
.summary h2{font-size:32px;margin-bottom:17px}
.summary p,.fine{color:var(--muted);font-size:13px;line-height:1.5}
.summary p{margin:14px 0}
.sum-rows>div,.mini-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;font-size:14px;margin:8px 0}
.sum-rows .sum-total{border-top:1px solid var(--line);padding-top:12px;margin-top:16px;color:var(--ink)}
.wide{display:flex;width:100%;margin-top:8px}
.order-form fieldset{border-top:1px solid var(--line);padding:16px 0 20px}
.order-form legend{padding:0 12px 0 0;font:600 27px/1.2 var(--serif);color:var(--ink)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 15px}
.order-form fieldset>label,.order-form fieldset>div>label:first-child{margin-bottom:12px}
.order-form fieldset>.form-grid>label:first-child{margin-bottom:0}
.order-form .fine{margin-top:12px}
.delivery{margin-top:14px}
.check-line{display:flex;gap:10px;align-items:center;min-height:38px}
input[type=checkbox]{width:17px;height:17px;accent-color:var(--cocoa)}
.mini-list{border-bottom:1px solid var(--line);padding-bottom:10px}
.mini-list small{display:block;color:var(--muted)}
.mini-list b{white-space:nowrap;font-size:13px}
dialog{width:min(480px,calc(100% - 28px));max-height:90dvh;padding:25px;border:1px solid var(--line);border-radius:7px;background:#fffdfb;color:var(--body);box-shadow:0 20px 80px #2d180c36}
dialog::backdrop{background:#2e211bb3}
body:has(dialog[open]){overflow:hidden}
.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.panel-top h2{font-size:34px}
.panel-top .icon-btn{flex:none}
.menu-links a,.suggestion{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.suggestion img,.added img{width:50px;height:50px;border-radius:3px;object-fit:cover}
.suggestion svg{margin-left:auto;width:15px}
.search-form{display:flex;gap:6px;margin-bottom:20px}
#suggestions>.eyebrow{margin-bottom:10px}
.button-stack{display:grid;gap:9px;margin-top:15px}
.button-stack .text-link{justify-content:center}
.added{display:flex;align-items:center;gap:15px;background:var(--cream);padding:12px}
.added h3{font-size:24px}
.added p{font-size:13px}
#news-form label,.review-label{margin:12px 0 6px}
#news-form .btn{margin-top:13px}
.review-panel{width:min(570px,calc(100% - 28px))}
#message-preview{font-size:13px;line-height:1.5;min-height:120px;max-height:34dvh;background:var(--cream)}
#copy-status:empty{display:none}
#copy-status{margin-top:10px}
@media(min-width:1700px){.hero{height:520px}}
@media(max-width:1050px){
  :root{--edge:4vw}
  .main-nav{gap:16px}.main-nav>a,.nav-group>button{font-size:13px}
  .mast{gap:20px}.brand img{width:137px}.header-actions{gap:6px}
  .filter-box{grid-template-columns:repeat(3,1fr)}
  .cart-item{grid-template-columns:86px 1fr}.cart-photo{width:86px}.line-total{grid-column:2;margin-top:-10px}
}
@media(max-width:800px){
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root{--edge:22px}
  .main-nav,.header-actions .separator,.bag-label{display:none}
  .mobile-menu{display:inline-flex}.mast{min-height:75px;position:relative}
  .mast .brand{position:absolute;left:50%;transform:translateX(-50%)}.brand img{width:119px}.brand span{font-size:6.7px}
  .header-actions .icon-btn{display:none}
  .mobile-search{display:flex;align-items:center;gap:8px;background:#faf7f3;border:1px solid var(--line);border-radius:4px;margin:0 var(--edge) 12px;padding:0 9px}
  .mobile-search>svg,.mobile-search>span svg,.mobile-search button svg{height:16px;width:16px;color:var(--cocoa)}
  .mobile-search input[type=search]{background:transparent;border:0;min-height:35px;padding:5px 0;font-size:14px}
  .mobile-search button{min-width:32px;min-height:35px;display:grid;place-items:center}
  .hero{height:365px}.hero h1{font-size:58px}.hero-copy{width:55%}.hero-desc{max-width:290px}
  .benefit{gap:9px}.benefit>svg{width:25px}.benefit strong{font-size:19px}.benefit span{font-size:11px}
  .products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-card{aspect-ratio:.76}.category-card>div{padding:8px}.category-card h3{font-size:24px}
  .product-detail{gap:24px}.footer-grid{grid-template-columns:repeat(2,1fr)}
  .order-layout{grid-template-columns:1fr}.summary{max-width:100%}
}
@media(max-width:600px){
  .announcement{min-height:27px;font-size:8px;letter-spacing:.1em;gap:9px}
  .announcement>i:last-of-type,.announcement>span:last-child{display:none}
  .mast{min-height:68px}.mast .brand img{width:108px}.mobile-menu{margin-left:-9px}
  .hero{height:auto;display:flex;flex-direction:column;padding-bottom:0;background:#f1e5d8}
  .hero-photo,.hero-alt .hero-photo{position:relative;order:2;inset:auto;height:clamp(170px,49vw,262px);overflow:hidden;z-index:0}
  .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:84% 53%}
  .hero-wash{display:none}.hero-alt .hero-photo img{object-position:center 49%}
  .hero-inner{order:1;height:auto}.hero-copy{width:100%;padding:23px 0 24px}
  .hero h1{font-size:clamp(36px,10.6vw,59px);line-height:.96;margin:11px 0 10px}
  .hero-desc{max-width:340px;font-size:14px;line-height:1.45;margin-bottom:13px}
  .hero .primary{min-height:42px;padding:10px 16px}
  .hero-controls{z-index:1;bottom:8px}
  .dots span{background:#fff9}.dots [aria-pressed=true] span{background:white}
  .dots button{min-width:22px;min-height:36px}
  .eyebrow{font-size:9px}.ruled{gap:9px}.ruled::before{width:22px}
  .benefits>.wrap{width:100%;min-height:77px;padding:9px 4px}
  .benefit{flex-direction:column;gap:5px;text-align:center}.benefit>svg{width:21px;height:21px}.benefit strong{font-size:16px}.benefit span{display:none}.benefit+.benefit::before{top:7px;height:27px}
  .section{padding-block:34px}.section-heading{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 10px;margin-bottom:17px}
  .section-heading>div{display:contents}.section-heading .eyebrow{grid-column:1;grid-row:1}
  .section-heading h2{grid-column:1/-1;grid-row:2;font-size:36px;line-height:.97;margin:0}.section-heading>.text-link{grid-column:2;grid-row:1;font-size:12px;gap:5px;line-height:1.3;min-height:30px}
  .section-heading>.text-link svg{width:14px}
  .category-grid{grid-template-columns:1fr;gap:15px}.category-card{aspect-ratio:1.48;grid-template-rows:minmax(0,1fr) 48px}.category-card>div{padding:6px 12px}.category-card h3{font-size:28px}
  .product-card h3{font-size:24px}.products{gap:23px 13px}
  .product-image{aspect-ratio:1}.product-card small{font-size:8px;margin-top:11px}.open-product{width:28px;height:28px;right:7px;bottom:7px}
  .event-banner{grid-template-columns:1fr}.event-image{min-height:170px;max-height:210px}.event-copy{padding:24px}
  .whats-band>.wrap{align-items:flex-start;flex-direction:column;padding-block:21px;gap:12px}
  .whats-band h2{font-size:27px}
  .article-grid{grid-template-columns:1fr;gap:24px}.article-card h3{font-size:29px}
  .newsletter>.wrap{align-items:flex-start;flex-direction:column;gap:13px;padding-block:25px}
  .footer-grid{gap:22px 15px;padding-block:30px}.footer-base{align-items:flex-start;flex-direction:column;font-size:10px}
  .crumb{margin:18px 0 23px;font-size:11px}.page-heading{margin-bottom:22px}
  .catalog-tools{align-items:flex-start;flex-direction:column;gap:9px}
  .chip,.filter-button{font-size:12px;padding:7px 10px}
  .filter-box{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}
  .product-detail{grid-template-columns:1fr}.detail-image img{aspect-ratio:1.3;max-height:370px}
  .form-grid{grid-template-columns:1fr}
  .cart-item{gap:12px;grid-template-columns:75px 1fr}.cart-photo{width:75px}
  .line-total{font-size:12px}.cart-info h2{font-size:24px}.cart-controls{gap:4px}
  .reading{margin-top:24px}.reading .lead{font-size:17px}
  .review-panel,dialog{padding:17px}
}
@media(max-width:355px){:root{--edge:16px}.section-heading h2{font-size:31px}.section-heading>.text-link{max-width:85px}.benefit strong{font-size:14px}.hero h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}