/* PEACH shell: paired hero video, five-slot navigation and complete themes. */
@property --peach-cut{syntax:'<number>';inherits:false;initial-value:0}
:root{--peach-nav-paper:#fffcf7;--peach-nav-main:#4c5237;--peach-nav-on-main:#fffdf8;--peach-nav-peach:#eac6a1;--peach-nav-shadow:#322b2026;--peach-nav-spring:cubic-bezier(.2,.8,.25,1.15);--surface-soft:#eee5d5;--input-bg:#fffdfa;--input-line:#cccfbe;--cream:var(--theme-surface);--accent:var(--theme-accent);--coal:var(--theme-text)}
:root[data-theme=dark]{color-scheme:dark;--theme-bg:#191d18;--theme-surface:#252b22;--theme-text:#f5ebde;--theme-muted:#c2baa9;--theme-line:#4a503e;--theme-accent:#eac6a1;--theme-on-accent:#282e22;--accent-hover:#f0d4b3;--surface:#303629;--surface-soft:#353b2e;--gold:#eac6a1;--input-bg:#20261d;--input-line:#5e6753;--peach-nav-paper:#292f25;--peach-nav-main:#eac6a1;--peach-nav-on-main:#282e22;--peach-nav-peach:#bba17f;--peach-nav-shadow:#0005}
.hero.hero-video{position:relative;isolation:isolate;display:flex;align-items:center;width:100%;min-height:640px;height:clamp(640px,76svh,820px);padding:0 0 94px;overflow:hidden;background:#22281e;gap:0;margin:0}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media video,.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-media img{position:absolute;inset:0;z-index:-1}
.hero-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c140fc4 0%,#0c140f78 40%,#0c140f1a 75%),linear-gradient(0deg,#0c140f88,transparent 45%)}
.hero-video .hero-copy{color:#fff6e9;position:relative;padding-block:42px;pointer-events:none}
.hero-video .hero-copy h1{font-size:clamp(54px,6vw,88px);max-width:9ch;text-shadow:0 3px 18px #0005}
.hero-video .hero-copy>p{color:#fff6e9;max-width:32ch;font-size:20px;text-shadow:0 2px 12px #0008}
.hero-video .hero-copy a{pointer-events:auto}
.hero-video .primary{background:#fff4e1;color:#353c2b}
.hero-video .primary:hover{background:#efd9bd}
.hero-video .hero-address{color:#fff6e9;text-shadow:0 2px 8px #0006}
.hero-video-controls{position:absolute;right:40px;bottom:132px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;color:#fff6e9;z-index:1}
.video-variants{display:flex;gap:4px;padding:4px;background:#192118d9;border-radius:25px;max-width:100%}
.video-variants button,.video-pause{font-size:13px;min-height:44px;padding:9px 16px;border:0;border-radius:22px;background:transparent;color:#fff6e9;font-weight:700}
.video-variants button[aria-pressed=true]{background:#fff4e1;color:#353c2b}
.video-pause{display:flex;align-items:center;gap:8px;background:#192118d9}
.video-pause svg{width:17px;height:17px}
.video-pause[data-playing=true] .play-icon,.video-pause[data-playing=false] .pause-icon{display:none}
.hero-video.video-failed video{visibility:hidden}
.site-header{position:relative;z-index:2}
.peach-nav-shell{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 28px));z-index:30;isolation:isolate;pointer-events:none}
.peach-nav{--active:0;--nav-pad:9px;--notch-radius:26px;--notch-y:26px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:82px;padding-inline:var(--nav-pad);position:relative;isolation:isolate;pointer-events:auto;filter:drop-shadow(0 10px 20px var(--peach-nav-shadow))}
.peach-nav-surface{--peach-cut:0;position:absolute;inset:0;z-index:-1;background:var(--peach-nav-paper);border-radius:30px;mask-image:radial-gradient(circle var(--notch-radius) at calc(var(--nav-pad) + (100% - 2*var(--nav-pad))/5*(var(--peach-cut) + .5)) var(--notch-y),transparent 97%,black 100%);-webkit-mask-image:radial-gradient(circle var(--notch-radius) at calc(var(--nav-pad) + (100% - 2*var(--nav-pad))/5*(var(--peach-cut) + .5)) var(--notch-y),transparent 97%,black 100%);transition:--peach-cut 460ms var(--peach-nav-spring)}
.peach-nav-item{font:750 12px/1.25 var(--font-body);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-width:0;min-height:72px;padding:15px 0 8px;background:transparent;border:0;border-radius:23px;color:var(--theme-muted)}
.peach-nav-item[aria-pressed=true]{color:var(--theme-text)}
.peach-nav-icon{width:30px;height:28px;display:grid;place-items:center;transition:opacity 180ms}
.peach-nav-icon svg{width:23px;height:23px;stroke-width:1.7}
.peach-nav-item[aria-pressed=true] .peach-nav-icon{opacity:0}
.peach-nav-main{padding-top:0;padding-bottom:14px;justify-content:flex-end;color:var(--theme-text);font-size:13px;font-weight:900}
.peach-main-circle{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:var(--peach-nav-main);color:var(--peach-nav-on-main);box-shadow:0 8px 18px var(--peach-nav-shadow);outline:5px solid var(--theme-bg);transition:background 250ms}
.peach-main-circle svg{width:27px;height:27px}
.peach-nav-main[aria-expanded=true] .peach-main-circle{background:var(--peach-nav-peach);color:#353c2b}
.peach-nav-main[aria-expanded=true] .menu-icon,.peach-nav-main[aria-expanded=false] .menu-close{display:none}
.peach-nav-marker{pointer-events:none;position:absolute;left:calc(var(--nav-pad) + (100% - 2*var(--nav-pad))/5*(var(--active) + .5));top:5px;transform:translateX(-50%);width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:var(--peach-nav-main);color:var(--peach-nav-on-main);transition:left 460ms var(--peach-nav-spring),opacity 130ms;z-index:1}
.peach-nav-marker svg{width:23px;height:23px}
.peach-nav[data-central=true] .peach-nav-marker{opacity:0}
.peach-nav.is-moving .peach-nav-marker svg{animation:peach-nav-bounce 560ms var(--peach-nav-spring)}
.peach-cart-count{position:absolute;right:9px;top:3px;min-width:19px;padding:2px 4px;font-size:11px;font-weight:850;line-height:1.1;text-align:center;border-radius:12px;background:var(--peach-nav-peach);color:#353c2b;z-index:2}
.peach-submenu{position:absolute;bottom:106px;left:4px;right:4px;display:flex;justify-content:center;align-items:flex-end;gap:17px;pointer-events:none}
.peach-submenu button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 0 5px;width:82px;border:0;background:transparent;color:var(--theme-text);visibility:hidden;opacity:0;pointer-events:none;transform:translate(var(--from-x),72px) scale(.55);transition:transform 430ms var(--peach-nav-spring),opacity 180ms,visibility 430ms}
.peach-submenu button:nth-child(1){--from-x:82px;--lift:0px}.peach-submenu button:nth-child(2){--from-x:0px;--lift:-24px}.peach-submenu button:nth-child(3){--from-x:-82px;--lift:0px}
.peach-submenu.is-open button{visibility:visible;opacity:1;pointer-events:auto;transform:translate(0,var(--lift)) scale(1)}
.peach-submenu.is-open button:nth-child(2){transition-delay:35ms}.peach-submenu.is-open button:nth-child(3){transition-delay:65ms}
.peach-sub-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--peach-nav-paper);box-shadow:0 7px 20px var(--peach-nav-shadow)}
.peach-sub-icon svg{width:25px;height:25px;stroke-width:1.6}
.peach-sub-label{background:var(--peach-nav-paper);border-radius:14px;padding:3px 9px;font-size:13px;font-weight:800;box-shadow:0 3px 8px var(--peach-nav-shadow)}
.peach-nav-item.bulb-switch{--bulb-width:48px;width:auto;max-width:none;aspect-ratio:auto;display:flex;background:transparent;box-shadow:none;border-radius:23px;color:var(--theme-muted);padding:15px 0 8px}
.peach-nav-item.bulb-switch[aria-checked=true]{background:transparent}
.bulb-switch__track{position:relative;width:48px;height:24px;border-radius:18px;background:#08060a;display:block;margin:2px 0;box-shadow:inset 0 2px 4px #0004}
.bulb-switch[aria-checked=true] .bulb-switch__track{background:#817b63}
.peach-nav .bulb-switch__shape{width:100%;height:100%;fill:none;stroke:none;stroke-width:0}
.peach-nav .bulb-switch__filament{fill:none;stroke:#fff4b8;stroke-width:2}
.peach-nav-ready .cm-cart:not(.cm-open) .cm-trigger{visibility:hidden;pointer-events:none}
.peach-nav-ready .cm-cart:not(.cm-open) .cm-surface{opacity:0}
.peach-nav-ready .cm-cart{bottom:max(116px,calc(env(safe-area-inset-bottom) + 100px))}
.peach-nav-ready .cm-panel{max-height:calc(100dvh - 150px)}
.peach-nav-ready .cm-list{max-height:min(340px,calc(100dvh - 410px))}
.peach-nav-ready .cm-cart{color:var(--theme-on-accent)}
.peach-nav-ready .toast{bottom:122px;z-index:31}
.peach-nav-ready footer.container{padding-bottom:150px}
.product-card{transition:transform 200ms var(--ease)}
@media(hover:hover){.product-card:hover{transform:translateY(-4px)}}
:root[data-theme=dark] .demo-bar,:root[data-theme=dark] .segments,:root[data-theme=dark] .category-list button,:root[data-theme=dark] .demo-notice,:root[data-theme=dark] .checkout-dialog #success-summary,:root[data-theme=dark] .success-mark{background:var(--surface-soft);color:var(--theme-text);border-color:var(--theme-line)}
:root[data-theme=dark] .category-list button.active,:root[data-theme=dark] .segments .active{background:var(--theme-accent);color:var(--theme-on-accent)}
:root[data-theme=dark] .category-list button:hover,:root[data-theme=dark] .outline:hover,:root[data-theme=dark] .bag-button:hover,:root[data-theme=dark] .dialog-close:hover{background:#394131}
:root[data-theme=dark] .secondary,:root[data-theme=dark] .dialog-close,:root[data-theme=dark] .product-photo,:root[data-theme=dark] .detail-photo,:root[data-theme=dark] .coffee-art,:root[data-theme=dark] .photo-placeholder{background:var(--surface);color:var(--theme-text)}
:root[data-theme=dark] input:not([type=radio],[type=checkbox]),:root[data-theme=dark] textarea,:root[data-theme=dark] select{background:var(--input-bg);border-color:var(--input-line);color:var(--theme-text)}
:root[data-theme=dark] .search input{background:transparent;border:0}
:root[data-theme=dark] .search input::placeholder,:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder,:root[data-theme=dark] .search svg{color:var(--theme-muted)}
:root[data-theme=dark] .choice-row>label{border-color:var(--theme-line)}
:root[data-theme=dark] .choice-row>label:has(input:checked){background:var(--surface);border-color:var(--gold)}
:root[data-theme=dark] .contact-section,:root[data-theme=dark] footer.container,:root[data-theme=dark] .search,:root[data-theme=dark] .bag-button{border-color:var(--theme-line)}
:root[data-theme=dark] .wordmark img{filter:brightness(0) saturate(100%) invert(92%) sepia(13%) saturate(490%) hue-rotate(330deg) brightness(104%) contrast(91%)}
:root[data-theme=dark] .form-error{color:#ffac92}
@keyframes peach-nav-bounce{0%{transform:scale(.88)}45%{transform:scale(1.09)}100%{transform:scale(1)}}
@media(max-width:700px){.site-header nav{display:none}.site-header .bag-button{margin-left:auto}.hero.hero-video{min-height:640px;height:calc(100svh - 108px);max-height:860px;align-items:flex-start;padding-bottom:108px}.hero-video .hero-copy{padding-top:36px}.hero-video .hero-copy h1{font-size:clamp(47px,12.5vw,64px)}.hero-video .hero-copy>p{font-size:16px;margin-top:18px;max-width:26ch}.hero-video .primary{margin-top:22px}.hero-veil{background:linear-gradient(180deg,#0d140fbd 0%,#0d140f60 45%,#0d140f0d 67%,#0d140faa 100%)}.hero-video-controls{left:16px;right:16px;bottom:144px;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.video-variants button{font-size:12px;padding-inline:12px}.video-pause{font-size:12px;padding-inline:12px}.peach-nav-item{font-size:11px}.peach-nav-shell{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px)}.peach-cart-count{right:4px}.peach-nav-ready .cm-cart{right:12px}.peach-nav-ready .cm-panel{max-height:calc(100dvh - 142px)}}
@media(max-width:370px){.peach-nav{--nav-pad:5px}.peach-main-circle{width:62px;height:62px;top:-28px}.peach-submenu{gap:8px}.peach-submenu button{width:76px}.bulb-switch__track{width:43px;height:22px}.hero-video-controls{flex-wrap:wrap;justify-content:flex-start}.hero.hero-video{min-height:670px}.hero-video .hero-copy h1{font-size:46px}}
@media(max-height:600px) and (orientation:landscape){.peach-nav-shell{width:390px;bottom:8px}.peach-nav{height:68px}.peach-nav-item{padding-top:9px;gap:3px;min-height:62px}.peach-nav-main{padding-bottom:10px}.peach-main-circle{top:-20px;width:56px;height:56px}.peach-submenu{bottom:90px}.peach-nav-ready .cm-cart{bottom:92px}.peach-nav-ready .cm-panel{max-height:calc(100dvh - 112px)}.peach-nav-ready .cm-list{max-height:120px}}
@media(prefers-reduced-motion:reduce){.peach-nav-surface,.peach-nav-marker,.peach-submenu button,.peach-main-circle,.product-card{transition:none!important}.peach-nav.is-moving .peach-nav-marker svg{animation:none}.hero-media video:not([data-user-motion]){opacity:1}}