/* Persistent identity. Header measurements include the iOS safe area. */
.mol-brand{scroll-padding-top:calc(var(--mol-top-chrome-height,140px) + 18px)}
.mol-brand body :is(.site-header,.checkout-header,.gift-page-header):not([hidden]){position:sticky;top:0;z-index:45;width:100%;max-width:none;margin:0;min-height:76px;padding:calc(12px + env(safe-area-inset-top,0px)) max(24px,calc((100% - 1536px)/2)) 12px;background:#fffcf8f7;border-bottom:1px solid #eadfd6;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.mol-brand body .site-header .brand img{width:190px;height:38px}
.mol-brand body .mol-header-signature{gap:22px;min-width:0}
.mol-brand body .mol-header-note{padding-left:22px;font-size:10px}
.mol-brand body .mol-header-note strong{font-size:11px}
.mol-brand body .site-header-actions{gap:10px}
.mol-brand body .site-header .phone{min-height:44px;padding:10px 15px}
.mol-brand body .site-header .phone small{display:none}
.mol-brand body .site-header .mol-header-order{min-height:44px;padding:10px 18px}
.mol-brand body .menu-tools{top:calc(var(--mol-top-chrome-height,140px) + 12px)!important}
.mol-brand body[data-menu-layout=sections] .categories{max-height:calc(100dvh - var(--mol-top-chrome-height,140px) - 108px)}
.mol-brand body .menu-category-section{scroll-margin-top:calc(var(--mol-top-chrome-height,140px) + 18px)}
@media(min-width:1000px){
 .mol-brand body:not([data-public-route=checkout]) .main-nav{position:sticky;inset:auto;top:var(--mol-header-height,76px);z-index:44;max-width:max-content;margin:0 auto;padding:5px 7px;border-radius:0 0 24px 24px;box-shadow:0 5px 18px #30201706;isolation:isolate}
 .mol-brand body:not([data-public-route=checkout]) .main-nav::before{content:'';position:absolute;inset:0 auto 0 50%;transform:translateX(-50%);width:var(--mol-viewport-width,100%);background:#fffcf8f7;border-bottom:1px solid #eadfd6;z-index:-1}
 .mol-brand body:not([data-public-route=checkout]) .main-nav :is(a,button){min-height:44px;padding:9px 19px;font-size:12px}
 .mol-brand body[data-public-route=menu] main{max-width:1600px}
 .mol-brand body[data-menu-layout=sections] #menu{grid-template-columns:200px minmax(0,1fr);column-gap:24px}
 .mol-brand body #menu .categories button{padding:9px 13px;min-height:42px}
}
/* One short introduction. Live search status stays accessible. */
.mol-brand body #menu{padding-top:22px}
.mol-brand body #menu>.section-heading{align-items:center;margin-bottom:10px;gap:12px}
.mol-brand body #menu>.section-heading h2{font-size:clamp(25px,2.4vw,32px);letter-spacing:-.7px;margin:0;line-height:1.15}
.mol-brand body #menu>.section-heading .eyebrow,.mol-brand body #menu>.section-heading .menu-intro{display:none}
.mol-brand body #menu .catalog-badge{font-size:11px;padding:6px 10px;white-space:nowrap}
.mol-brand body[data-menu-layout=sections] #menu .menu-results{padding:0;margin:0;min-height:0}
.mol-brand body[data-menu-layout=sections] #menu .menu-results>div{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mol-brand body[data-menu-layout=sections] #menu[data-menu-search=true] .menu-results{padding:2px 0 10px}
.mol-brand body[data-menu-layout=sections] #menu[data-menu-search=true] .menu-results>div{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal}
.mol-brand body #menu[data-menu-search=true] #categoryTitle{display:none}
.mol-brand body #menu .explorer-intro{gap:9px;margin:0 0 18px;font:400 12px/1.5 system-ui}
.mol-brand body #menu .explorer-intro>a{gap:9px}
.mol-brand body #menu .explorer-intro strong{font-weight:650;color:#7e4128}
.mol-brand body #menu .explorer-open{padding:4px 8px;font-size:10px}
.mol-brand body #menu .menu-picks>header{margin-bottom:10px}
.mol-brand body #menu .menu-picks h3{font-size:19px}
.mol-brand body #menu .menu-picks{margin-bottom:24px}
.mol-brand body #menu .menu-category-section{margin-bottom:26px}
.mol-brand body #menu .menu-category-section>header{margin-bottom:11px}
.mol-brand body #menu .menu-category-section>header h3{font-size:23px}
@media(min-width:1000px){
 .mol-brand body #menu .product-grid{gap:12px}
 .mol-brand body[data-menu-style=horizontal] #menu :is(.explorer-grid,#products.product-grid)>.product-card{height:158px;grid-template-columns:minmax(0,1.35fr) minmax(105px,.85fr);border-radius:16px}
 .mol-brand body #menu .product-copy{padding:13px;gap:6px}
 .mol-brand body #menu .product-copy h3{font:750 14px/1.3 system-ui;letter-spacing:-.15px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .mol-brand body #menu .product-copy p{font-size:11px;line-height:1.5;-webkit-line-clamp:3;max-height:4.5em;margin:0;color:#796f65}
 .mol-brand body #menu .product-bottom strong{font-size:14px}
 .mol-brand body #menu .product-bottom button{width:40px;height:40px;min-height:40px;right:9px;bottom:9px;border-radius:12px}
 .mol-brand body[data-menu-style=classic] #menu :is(.explorer-grid,#products.product-grid) .product-visual{height:126px}
 .mol-brand body[data-menu-style=classic] #menu .product-copy p{-webkit-line-clamp:2;max-height:3em;margin-top:6px}
 .mol-brand body[data-menu-style=classic] #menu .product-bottom{padding-top:9px}
 .mol-brand body #menu .menu-picks-rail{gap:11px}
 .mol-brand body[data-menu-layout=sections] #menu .menu-picks .product-card{flex-basis:146px;max-width:146px}
 .mol-brand body[data-menu-layout=sections] #menu .menu-picks .product-visual{height:112px;min-height:112px}
 .mol-brand body[data-menu-layout=sections] #menu .menu-picks .product-copy{padding:11px}
 .mol-brand body[data-menu-layout=sections] #menu .menu-picks .product-copy h3{font-size:12px;margin-bottom:6px}
 .mol-brand body[data-menu-layout=sections] #menu .menu-picks .product-bottom button{top:72px;bottom:auto}
}
@media(min-width:1280px){.mol-brand body #menu :is(.explorer-grid,#products.product-grid){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1800px){.mol-brand body #menu :is(.explorer-grid,#products.product-grid){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:999px){
 .mol-brand body :is(.site-header,.checkout-header,.gift-page-header):not([hidden]){padding:calc(12px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-left,0px)) 12px;min-height:72px;gap:12px}
 .mol-brand body .mol-header-note{display:none}
 .mol-brand body .site-header .brand img{width:clamp(130px,30vw,190px);height:34px}
 .mol-brand body .site-header .phone{width:44px;height:44px;padding:11px;display:grid;place-items:center}
 .mol-brand body .site-header .phone>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .mol-brand body .site-header .phone svg{width:21px;height:21px}
 .mol-brand body .mol-header-order{display:none}
 .mol-brand body .site-header-actions{gap:8px}
 .mol-brand body .site-header-actions #notificationBell{width:44px;height:44px;min-height:44px}
 .mol-brand body .mol-bottom-dock{position:fixed;inset:auto 0 0;z-index:40;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}
 .mol-brand body .mol-bottom-dock>.mol-quick-checkout{position:relative;inset:auto;flex:none;width:calc(100% - 28px);max-width:580px;min-width:0;margin:0 14px;pointer-events:auto}
 .mol-brand body .mol-bottom-dock>.main-nav{position:relative;inset:auto;display:flex;width:100%;max-width:none;margin:0;flex:none;justify-content:center;gap:0;padding:6px 6px calc(8px + env(safe-area-inset-bottom,0px));border-radius:23px 23px 0 0;pointer-events:auto;background:#fffdfaf5}
 .mol-brand body .mol-bottom-dock>.main-nav :is(a,button){display:flex;flex:1;flex-direction:column;min-width:0;max-width:120px;min-height:50px;padding:8px 3px;gap:4px;font-size:10px;border-radius:16px}
 .mol-brand body .main-nav span{font-size:10px}
 .mol-brand body .main-nav [data-nav=rewards]{padding-right:3px}
 .mol-brand body .main-nav .mol-nav-points{right:calc(50% - 27px);top:0}
 .mol-brand body>footer{padding-bottom:calc(var(--mol-bottom-dock-height,90px) + 30px)}
 .mol-brand body #menu .menu-tools{top:var(--mol-header-height,76px)!important;z-index:30}
 .mol-brand body #menu>.section-heading{flex-wrap:wrap}
 .mol-brand body #menu>.section-heading h2{font-size:27px}
 .mol-brand body #menu .catalog-badge{font-size:10px}
 .mol-brand body #menu .categories{max-height:none}
}
@media(prefers-reduced-transparency:reduce){.mol-brand body :is(.site-header,.checkout-header,.gift-page-header):not([hidden]){background:#fffcf8;backdrop-filter:none}}

/* Gift preview follows the same top chrome, rather than sliding under it. */
@media(min-width:761px){.mol-brand body .gift-preview{top:calc(var(--mol-top-chrome-height,140px) + 20px)}}