/* Clear shopping navigation and a short, gentle attention cue. */
.preview-bar{background:#fff;color:#193d36;align-items:center;justify-content:space-between;padding:9px 4%;gap:12px}
.preview-bar>span:first-child{display:block;color:#193d36;font-size:.8rem;letter-spacing:.05em}
.collection-top-link{display:inline-flex;align-items:center;gap:12px;border-radius:30px;padding:9px 17px;background:#193d36;color:#fff;font-size:.875rem;font-weight:700;white-space:nowrap}
.header,body[data-route="home"] .header{background:#193d36;color:#fff;border-bottom:3px solid #a9c8b9;box-shadow:0 4px 16px #193d361f;backdrop-filter:none}
.header .brand,.header .icon-button,.header .bag-button,.desktop-nav> a,.nav-submenu>summary{color:#fff}
.desktop-nav{gap:20px}.desktop-nav> a,.desktop-nav summary{font-size:1rem;font-weight:650}
.desktop-nav> a:after{background:#fff}
.desktop-nav .collection-nav-link{background:#f3d4dd;color:#193d36;border-radius:30px;padding:12px 20px;white-space:nowrap}
.desktop-nav .collection-nav-link:after{display:none}.nav-submenu>div{color:#193d36}
.header :focus-visible{outline:3px solid #f3d4dd;outline-offset:4px}
.personality-cta{font-size:1.125rem;padding:18px 26px;transform:translateX(-50%);white-space:nowrap;box-shadow:0 0 0 5px #f3d4dd;bottom:75px}
.personality-cta:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 0 0 7px #f3d4dd}
.collection-pulse{animation:collection-attention 2.4s ease-in-out 2}
@keyframes collection-attention{0%,100%{box-shadow:0 0 0 0 #cf789b00}50%{box-shadow:0 0 0 7px #d793ad99}}
@media(max-width:1100px){.desktop-nav{gap:12px}.desktop-nav>a,.desktop-nav summary{font-size:.9rem}.header{gap:15px}.desktop-nav .collection-nav-link{padding:11px 14px}}
@media(max-width:600px){
 .preview-bar{flex-direction:column;gap:7px;padding:10px 12px}.preview-bar>span:first-child{font-size:.75rem;text-align:center}.collection-top-link{font-size:.9375rem;padding:10px 20px}
 .personality-hero{height:690px;min-height:690px;max-height:690px}
 .personality-cta{top:416px;bottom:auto;left:50%;transform:translateX(-50%);width:calc(100% - 36px);justify-content:center;font-size:1rem;padding:17px 12px;gap:10px}
 .personality-cta:hover{transform:translateX(-50%) translateY(-2px)}
 .personality-intro{top:504px}.personality-hero .object-bug{top:496px}.personality-film{bottom:70px}
}
@media(prefers-reduced-motion:reduce){.collection-pulse{animation:none}}