/* TALVE: limestone #FAF7F0, teak #4A352B, foliage #304B3F; Rubik HE / Manrope EN.
   An architectural shelf edge and open type, drawn from the existing glass/wood world.
   No card grid, decorative badges or unrelated template palette. */
.product-navigation{--nav-top:82px;position:sticky;top:var(--nav-top);z-index:24;background:#FAF7F0;border-block:1px solid #4a352b30;color:#4A352B;width:100%;margin:0;font-family:Rubik,Arial,sans-serif}
.product-navigation:lang(en){font-family:Manrope,Arial,sans-serif}
.product-navigation-inner{max-width:1300px;margin:auto;min-height:70px;padding:8px 5%;display:flex;align-items:center;gap:28px;position:relative}
.product-navigation a{text-decoration:none;min-height:44px;display:flex;align-items:center;font-size:13px;line-height:1.45}
.product-navigation-return{flex-direction:column;align-items:flex-start!important;justify-content:center;margin-inline-end:auto;gap:3px;max-width:28%;overflow-wrap:anywhere}
.product-navigation-return bdi{font:500 16px Manrope,Arial,sans-serif;letter-spacing:.025em}
.product-navigation-return span{font-size:11px}
.product-navigation-major{display:flex;gap:24px;align-items:center}
.product-navigation-major a{border-bottom:2px solid transparent;white-space:nowrap}
.product-navigation a[aria-current=location]{border-color:#304B3F;color:#304B3F;font-weight:500}
.product-navigation a:hover{text-decoration:underline;text-underline-offset:5px}
.product-navigation-menu{margin:0!important;border:0!important;padding:0!important;flex:none}
.product-navigation-menu>summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:14px;padding:10px 0!important;font-size:13px;font-weight:400;white-space:nowrap}
.product-navigation-menu>summary::-webkit-details-marker{display:none}
.product-navigation-menu>summary::after{content:none!important}
.product-navigation-menu svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.product-navigation-menu[open] svg{transform:rotate(180deg)}
.product-navigation-chapters{position:absolute;top:100%;inset-inline-end:0;width:min(580px,100%);max-height:min(60vh,520px);overflow:auto;overscroll-behavior:contain;background:#FAF7F0;border:1px solid #4a352b30;padding:12px 24px 20px!important;box-shadow:0 16px 22px #4a352b12;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.product-navigation-chapters a{padding:11px 0;border-bottom:1px solid #4a352b20;overflow-wrap:anywhere}
.product-navigation :is(a,summary):focus-visible{outline:2px solid #304B3F;outline-offset:3px}
.product-navigation:not(.is-enhanced){position:relative;top:auto}
.product-navigation:not(.is-enhanced) .product-navigation-inner{flex-wrap:wrap}
.product-navigation:not(.is-enhanced) .product-navigation-menu{width:100%}
.product-navigation:not(.is-enhanced) .product-navigation-chapters{position:static;width:100%;max-height:none;box-shadow:none}
html[data-page-kind=product]{scroll-padding-top:var(--product-navigation-offset,170px)}
html[data-page-kind=product] .product-navigation-target{scroll-margin-top:0!important}
@media(max-width:1000px){.product-navigation-inner{gap:18px}.product-navigation-major{gap:15px}.product-navigation-major a{font-size:12px}}
@media(max-width:760px){.product-navigation{--nav-top:66px}.product-navigation-inner{min-height:64px;padding:8px 5%;gap:18px}.product-navigation-major{display:none}.product-navigation-return{max-width:60%}.product-navigation-return bdi{font-size:15px}.product-navigation-menu>summary{font-size:12px}.product-navigation-chapters{grid-template-columns:1fr;max-height:calc(100dvh - 160px);padding:8px 5% 18px!important;width:100%}.product-navigation-chapters a{font-size:14px;min-height:48px}}
@media(max-height:500px){.product-navigation{position:relative;top:auto}.product-navigation-chapters{max-height:45vh}}
@media(prefers-reduced-motion:reduce){html[data-page-kind=product]{scroll-behavior:auto!important}}
@media print{.product-navigation{display:none}}
