/* Product template navigation; Section and native Grid remain layout owners. */
.eth-product-module-nav {
    --eth-product-module-nav-height: calc(var(--eth-component-pad-s) * 3.5);
    position: relative; z-index: 25; margin: 0;
    color: var(--eth-text-muted); background: var(--eth-bg-surface);
    border-block: 1px solid var(--eth-border);
}
.eth-product-module-nav.is-module-nav-ready { position: sticky; top: var(--eth-product-sticky-offset,0px); }
.eth-product-module-nav[hidden],.eth-product-module-nav li[hidden] { display: none; }
.eth-product-module-nav .eth-product-module-nav__links {
    display: flex; align-items: stretch; gap: var(--eth-component-pad-m);
    width: 100%; min-width: 0; margin: 0; padding: 0;
    overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin;
    list-style: none; -webkit-overflow-scrolling: touch;
}
.eth-product-module-nav__links > li { flex: 0 0 auto; margin: 0; padding: 0; list-style: none; }
.eth-product-module-nav__links a {
    display: inline-flex; align-items: center; min-height: calc(var(--eth-component-pad-s) * 3.25);
    box-sizing: border-box; padding-block: var(--eth-component-pad-xs);
    border-bottom: 2px solid transparent; color: var(--eth-text-muted);
    font-family: var(--eth-font-body); font-size: var(--eth-fs-small);
    font-weight: var(--eth-fw-semibold); line-height: var(--eth-lh-body);
    white-space: nowrap; text-decoration: none;
    transition: color var(--eth-transition-s), border-color var(--eth-transition-s);
}
.eth-product-module-nav__links a:hover { color: var(--eth-link); }
.eth-product-module-nav__links a[aria-current="location"] { color: var(--eth-link); border-bottom-color: currentColor; }
.eth-product-module-nav__links a:focus-visible { outline: 2px solid var(--eth-link); outline-offset: -3px; border-radius: var(--eth-radius-xs); }
.eth-product-modules [data-eth-product-module-target] {
    scroll-margin-top: calc(var(--eth-product-sticky-offset,0px) + var(--eth-product-module-nav-height,4rem) + var(--eth-space-xs));
}
@media(max-width:767px) {
    .eth-product-module-nav .eth-product-module-nav__links { gap: var(--eth-component-pad-s); }
}
@media(prefers-reduced-motion:reduce) {
    .eth-product-module-nav__links a { transition: none; }
}