/* Shared static-page navigation; no router or extra dependency. */
a.holo-card{text-decoration:none;text-align:center;cursor:pointer}
.nav-status{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.water-transition{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:0;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#0b557d66,#031423ee 65%),url('assets/ocean-reference.png') center/cover}
.water-transition::before,.water-transition::after{content:'';position:absolute;left:50%;top:50%;width:120vmax;height:120vmax;border-radius:50%;background:repeating-conic-gradient(from 20deg,transparent 0deg 24deg,#8ad8e85c 29deg,#14608a70 38deg,transparent 48deg 72deg);mask-image:radial-gradient(ellipse,transparent 3%,#000 15%,#000 46%,transparent 66%);transform:translate(-50%,-50%) rotate(-40deg) scale(1.1)}
.water-transition::after{width:100vmax;height:100vmax;background:repeating-conic-gradient(from 65deg,transparent 0deg 33deg,#b7eaf65c 39deg,#277d9a44 44deg,transparent 51deg 90deg);opacity:.6}
.water-transition.is-leaving{pointer-events:auto;animation:water-cover .8s ease-in-out both}
.water-transition.is-leaving::before{animation:water-spiral .8s cubic-bezier(.25,.1,.3,1) forwards,water-drift 2.4s .8s linear infinite}
.water-transition.is-leaving::after{animation:water-counter .8s cubic-bezier(.2,.1,.3,1) forwards,water-counter-drift 3s .8s linear infinite}
.water-transition.is-entering{animation:water-uncover .18s ease-out both}
@keyframes water-cover{0%{opacity:.12}20%{opacity:.5}70%,100%{opacity:1}}
@keyframes water-spiral{from{transform:translate(-50%,-50%) rotate(-40deg) scale(1.1)}to{transform:translate(-50%,-50%) rotate(125deg) scale(.58)}}
@keyframes water-drift{from{transform:translate(-50%,-50%) rotate(125deg) scale(.58)}to{transform:translate(-50%,-50%) rotate(485deg) scale(.58)}}
@keyframes water-counter{from{transform:translate(-50%,-50%) rotate(70deg) scale(1.2)}to{transform:translate(-50%,-50%) rotate(-65deg) scale(.72)}}
@keyframes water-counter-drift{from{transform:translate(-50%,-50%) rotate(-65deg) scale(.72)}to{transform:translate(-50%,-50%) rotate(-425deg) scale(.72)}}
@keyframes water-uncover{from{opacity:1}to{opacity:0}}
.nav-status.is-visible{width:auto;height:auto;clip-path:none;white-space:normal;left:20%;right:20%;bottom:12%;z-index:1002;text-align:center;color:#d8edf5;background:#031423d9;padding:12px;border-radius:4px;font-size:13px}
.nav-cancel{position:fixed;z-index:1002;bottom:5%;left:50%;transform:translateX(-50%);background:#09263de6;color:#d8edf5}.nav-cancel[hidden]{display:none}
.category-page{background:#031423;min-height:100svh}
.category-water{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(#02132199,#031423ef 90%),url('assets/ocean-reference.png') center top/cover}
.category-header{position:relative;inset:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 6%;z-index:1}
.category-header .wordmark{position:static;flex-shrink:0}
.back-showroom{color:#e1f3fa;text-decoration:none;font-size:13px;padding:14px 0;border-bottom:1px solid #9fc7d655}
.category-main{position:relative;z-index:1;max-width:1280px;margin:auto;padding:45px 6% 70px}
.category-main h1{font-size:clamp(32px,5vw,56px);max-width:100%;overflow-wrap:normal}
.category-description{color:#c1d9e5;line-height:1.8;max-width:750px}
.category-nav{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}
.category-nav a{padding:12px 15px;color:#cce3ed;text-decoration:none;border:1px solid #7799ae55;border-radius:4px;font-size:13px;background:#102e4180}
.category-nav a[aria-current=page],.category-nav a:hover{background:#24516b99;border-color:#93c8db99}
.category-main .catalog-products{margin:35px 0;align-items:start}
.detail-card{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s ease-out,border-color .2s;box-shadow:inset 0 1px 0 #b5e5f01a}
.detail-card:hover{border-color:#8dbed077}
.detail-card summary{cursor:pointer;list-style:none}.detail-card summary::-webkit-details-marker{display:none}
.detail-card h2{font-weight:500;font-size:19px;line-height:1.5;margin:20px 0 10px}
.detail-card summary:focus-visible{outline:2px solid #a8deef;outline-offset:7px}
.detail-hint{color:#afd2df;font-size:12px;display:block;padding:7px 0}.detail-card details[open] .detail-hint{display:none}
.verified-detail{border-top:1px solid #698c9e55;margin-top:18px;padding-top:14px;color:#c4dce7;font-size:13px;line-height:1.7}
.verified-detail dt{color:#99c1d2}.verified-detail dd{margin:0 0 10px}.verified-detail a{overflow-wrap:anywhere}
.category-empty{grid-column:1/-1;padding:35px;border:1px solid #7296aa55;border-radius:7px;background:#12304488;line-height:1.8}
.category-empty h2{font-size:24px;font-weight:400}.category-footer{position:relative;inset:auto;z-index:1;margin:0 6%;padding:25px 0;font-size:11px;color:#a9c7d7;line-height:1.8}
@media(max-width:700px){.category-header{padding:22px 6%}.category-main{padding-top:30px}.back-showroom{font-size:12px}.detail-card h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.water-transition.is-leaving{animation:water-cover .12s linear both}.water-transition.is-entering{animation:water-uncover .08s linear both}.water-transition::before,.water-transition::after{display:none}.detail-card{transform:none!important;transition:none}}