/* 2026-09-30 approved sales HP structure. Shop colours remain in each original stylesheet. */
:root{--refresh-ink:var(--accent,var(--ink,#352c26));--refresh-paper:var(--paper,#f7f4ed);--refresh-line:var(--line,#d9d4ca)}
.site-shell>header{display:none}
.hero{margin:0;border-radius:0;height:100vh;height:100svh;aspect-ratio:auto}
.hero-slides{height:100vh;height:100svh;aspect-ratio:auto}
.hero .hero-slide{position:absolute;inset:0;width:100%!important;height:100svh!important;object-fit:cover}
.hero:after{inset:38% 0 0!important;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.72) 100%)!important;pointer-events:none}
.hero.refresh-three .hero-slides{position:relative}
.hero.refresh-three .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;opacity:0;animation:refresh-three-fade 18s linear infinite}
.hero.refresh-three .hero-slide:nth-child(1){animation-delay:0s}
.hero.refresh-three .hero-slide:nth-child(2){animation-delay:-12s}
.hero.refresh-three .hero-slide:nth-child(3){animation-delay:-6s}
@keyframes refresh-three-fade{0%,27%{opacity:1}33%,94%{opacity:0}100%{opacity:1}}
.hero .hero-copy{position:absolute;z-index:2;top:auto;bottom:calc(28px + env(safe-area-inset-bottom));left:24px;right:24px;padding:0;margin:0;color:#fff}
.hero .hero-copy h1{color:inherit}
.hero-copy h1{font-size:clamp(28px,8vw,36px);line-height:1.3;overflow-wrap:anywhere}
.hero-copy .store-name{font-size:13px}
.quick-facts{padding:32px 24px}
.quick-facts h2{font-size:23px;margin-bottom:15px}
.quick-facts dl{display:block}
.quick-facts dl>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;border-bottom:1px solid var(--refresh-line);padding:12px 0}
.quick-facts dt,.quick-facts dd{font-size:14px;margin:0}
.refresh-about{padding:58px 24px;background:var(--sand,var(--refresh-paper))}
.refresh-about h2{font-size:26px;margin-bottom:24px}
.refresh-about>p{margin-top:22px}
.shop-gallery{margin-bottom:26px}
.shop-gallery-rail{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.shop-gallery-rail::-webkit-scrollbar{display:none}
.shop-gallery-rail .shop-scene{flex:0 0 92%;min-width:0;margin:0;padding:0;scroll-snap-align:start}
.shop-scene img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px}
.shop-scene figcaption{margin-top:9px;font-size:12px;color:var(--muted,#6b625b);padding:0}
.shop-gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}
.shop-gallery-controls p{font-size:11px;color:var(--muted,#6b625b)}
.shop-gallery-controls>div{display:flex;gap:8px}
.shop-gallery-controls button{width:44px;height:44px;border:1px solid var(--refresh-line);border-radius:50%;background:var(--refresh-paper);color:var(--refresh-ink);font-size:20px;cursor:pointer}
.shop-gallery-controls button:disabled{opacity:.35;cursor:default}
html:not(.js) .shop-gallery-controls>div{display:none}
.contents-menu{position:fixed;z-index:60;top:16px;right:max(16px,calc((100vw - 430px)/2 + 16px))}
.contents-menu summary{list-style:none;width:46px;height:46px;border-radius:50%;background:#f9f7f1f5;display:flex;align-items:center;justify-content:center;cursor:pointer}
.contents-menu summary::-webkit-details-marker{display:none}
.hamburger,.hamburger:before,.hamburger:after{display:block;width:18px;height:1px;background:var(--refresh-ink)}
.hamburger{position:relative}
.hamburger:before,.hamburger:after{content:'';position:absolute;left:0}
.hamburger:before{top:-5px}.hamburger:after{top:5px}
.contents-menu nav{position:absolute;right:0;top:56px;width:min(300px,calc(100vw - 32px));max-height:70svh;overflow:auto;padding:22px;background:var(--refresh-paper);box-shadow:0 12px 40px #0002;border-radius:8px}
.contents-menu nav p{font-size:12px;color:var(--muted,#6b625b);margin-bottom:8px}
.contents-menu nav a{display:flex;align-items:center;min-height:44px;font-size:14px;text-decoration:none;border-bottom:1px solid var(--refresh-line)}
.voices-section .voice-card blockquote,.voices-section .voice-list blockquote{text-align:start}
.fixed-cta[hidden]{display:none}
@media(max-width:374px){.hero-copy{left:20px;right:20px}.hero-copy h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.shop-gallery-rail{scroll-behavior:auto}.hero.refresh-three .hero-slide{animation:none;opacity:0}.hero.refresh-three .hero-slide:first-child{opacity:1}}