.navigation-transition{inset:auto auto 24px 24px;max-width:calc(100vw - 48px);background:rgba(13,38,55,.94);border:1px solid rgba(100,201,239,.3);border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.15);display:block}
.navigation-transition::before,.navigation-transition::after{display:none}.navigation-transition .scene-label{display:block;padding:12px 18px;font-size:12px;letter-spacing:0;color:#d8f2ff}.navigation-transition .scene-label::before{display:none}
html[data-theme="light"] .navigation-transition{background:rgba(238,247,252,.96);border-color:#a9cadd}html[data-theme="light"] .navigation-transition .scene-label{color:#153144}
.hero:not(.in-view) .water-lines path,.category-strip:not(.in-view){animation-play-state:paused}
@media(hover:hover) and (pointer:fine){.navlinks a,.catalog-filters button,.theme-toggle{min-height:40px;display:inline-flex;align-items:center}.navlinks a{padding-top:6px;padding-bottom:6px}.catalog-grid .product:hover{transform:translateY(-3px)}.catalog-grid .product:focus-within{border-color:var(--ocean)}.motion-ready .category.reveal.visible:hover svg{transform:translateY(-4px)}.catalog-filters button,.theme-toggle,.btn{touch-action:manipulation}}
@media(max-width:640px){.navigation-transition{bottom:16px;left:20px;max-width:calc(100vw - 40px)}.navigation-transition .scene-label{font-size:11px;padding:10px 14px}}