body.product-page > nav:not(.product-shell),
body.product-page > .mobile-menu:not(.product-shell-mobile) {
    display: none !important;
}

body.product-page > nav.product-shell {
    position: fixed;
    inset: 0 0 auto;
    z-index: 1000;
    height: 76px;
    background: rgba(10, 14, 22, 0.9);
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    backdrop-filter: blur(16px);
}

.product-shell .nav-container {
    height: 76px;
    max-width: 1320px;
    padding: 0 1.5rem;
    gap: 1.25rem;
}

.product-shell .nav-logo {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    color: #fff;
    font-family: var(--font-heading, "Space Grotesk", sans-serif);
    font-size: 1.12rem;
    font-weight: 700;
    letter-spacing: 0;
    text-decoration: none;
}

.product-shell .logo-letter {
    display: inline-block;
    transition: opacity 0.35s ease, max-width 0.35s ease, transform 0.35s ease;
    max-width: 1em;
    overflow: hidden;
}

.product-wordmark-suffix {
    margin-left: 0.22em;
    color: var(--product-accent, #60a5fa);
    font-size: 0.76em;
    font-weight: 700;
}

.product-back-link {
    color: var(--product-accent, #60a5fa);
    font-size: 0.65rem;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.product-shell .nav-links {
    align-items: center;
    justify-content: center;
    gap: clamp(0.8rem, 1.6vw, 1.5rem);
    margin: 0 auto;
}

.product-shell .nav-links > a {
    color: rgba(255,255,255,0.78);
    font-size: 0.84rem;
    opacity: 1;
    white-space: nowrap;
}

.product-shell .nav-links > a:hover,
.product-shell .nav-links > a.active-nav,
.product-shell .product-back-link:hover {
    color: var(--product-accent, #60a5fa);
}

.product-shell .sl-auth-nav {
    gap: 0.55rem;
    margin-left: 0;
    white-space: nowrap;
}

.product-shell .nav-wws-btn {
    display: none;
}

.product-shell .theme-toggle-btn,
.product-shell .mobile-menu-btn {
    flex: 0 0 auto;
}

body.product-page [id] {
    scroll-margin-top: 92px;
}

.product-shell-mobile {
    z-index: 1001;
}

[data-theme="light"] body.product-page > nav.product-shell {
    background: rgba(255,255,255,0.92);
    border-bottom-color: rgba(15,23,42,0.1);
}

[data-theme="light"] .product-shell .nav-logo {
    color: #111827;
}

[data-theme="light"] .product-shell .nav-links > a {
    color: #334155;
}

[data-theme="light"] .product-shell .nav-links > a:hover,
[data-theme="light"] .product-shell .nav-links > a.active-nav {
    color: var(--product-accent-strong, var(--product-accent, #2563eb));
}

@media (max-width: 1100px) {
    .product-shell .nav-links,
    .product-shell .sl-auth-nav {
        display: none;
    }

    .product-shell .mobile-menu-btn {
        display: inline-flex;
    }

    .product-shell .nav-container {
        justify-content: space-between;
    }
}

@media (max-width: 991px) {
    .product-shell .nav-container {
        justify-content: space-between;
    }
}

@media (max-width: 420px) {
    .product-back-link {
        display: none;
    }

    .product-shell .nav-container {
        padding: 0 1rem;
    }

    .product-shell .nav-logo {
        font-size: 1rem;
    }
}

.product-shell--booking .product-back-link {
    color: #54c7b8;
}