/* Navigation is always live. A preview borrows the actual destination DOM. */
.nav-item{position:relative;min-width:0}
.nav-preview{display:none}
.preview-toolbar{position:fixed;z-index:10;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:28px;max-width:calc(100% - 24px);padding:10px 12px 10px 20px;border:1px solid #42382540;border-radius:14px;background:#fff9edf5;color:#182d2c;box-shadow:0 5px 22px #0002;font-family:Nunito,Arial,sans-serif}
.preview-toolbar p{margin:0;line-height:1.3;white-space:nowrap}
.preview-toolbar p>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-right:7px;font-weight:900}
.preview-toolbar strong{font-size:16px;font-weight:900}
.preview-toolbar small{display:block;font-size:11px;margin-top:3px}
.preview-toolbar button{border:1px solid #213c3930;border-radius:8px;background:#f1e5ce;min-height:44px;padding:8px 12px;font-weight:800;color:inherit;white-space:nowrap}
body.is-home-preview #interior{min-height:calc(100svh - 108px);pointer-events:none}
.preview-clothes-slice{display:none;position:absolute;inset:0;pointer-events:none;clip-path:inset(0 70% 0 0);z-index:1}
.preview-clothes-slice img{display:block;width:100%;height:100%;max-width:none;object-fit:fill}
body[data-preview=clothes] .product-index-scene>img{clip-path:inset(0 0 0 30%)}
body[data-preview=clothes] .preview-clothes-slice{display:block;animation:mirrorball-descend .58s cubic-bezier(.2,.78,.2,1) both}
@keyframes mirrorball-descend{from{transform:translateY(-24px);opacity:.25}to{transform:translateY(0);opacity:1}}
body[data-preview=chumpy] .about{animation:page-from-left .32s ease-out both}
body[data-preview=store] .product-index{animation:page-from-below .32s ease-out both}
body[data-preview=contact] .contact-page{animation:page-from-right .32s ease-out both}
@keyframes page-from-left{from{transform:translateX(-10px)}to{transform:none}}
@keyframes page-from-below{from{transform:translateY(10px)}to{transform:none}}
@keyframes page-from-right{from{transform:translateX(10px)}to{transform:none}}
@media (pointer:coarse),(max-width:700px){
 body[data-route=home] .nav-preview{display:block;margin:0 auto;border:1px solid #cbbfa9;border-radius:20px;background:#fff9ed;color:#5c5548;font:800 10px Nunito,Arial,sans-serif;letter-spacing:.01em;padding:6px 10px;min-height:32px}
 .nav-preview[aria-expanded=true]{background:#213e3b!important;color:#fff9ed!important;border-color:#213e3b!important}
 .nav-item{flex:1}
 .preview-toolbar{bottom:12px;gap:12px;padding-left:13px}
 .preview-toolbar strong{font-size:14px}
 .preview-toolbar p>span{font-size:9px}
 .preview-toolbar small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .is-home-preview #interior *,.is-home-preview #interior{animation:none!important;transition:none!important}
}