/* v14: styles for info pages, product pages, footer nav. Reuses scene.css tokens (--accent, --txt, --mut). */
.fnav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:0 0 10px}
.fnav a{color:var(--mut,#B4BAC1);text-decoration:none;font-weight:600;font-size:.9rem}.fnav a:hover,.fnav a:focus-visible{color:var(--accent,#E8A33D);text-decoration:underline}
footer p{margin:6px 0 0;color:var(--mut,#B4BAC1)}
footer a{color:var(--mut,#B4BAC1)}
.crumbs{font-size:.85rem;margin:0 0 14px;color:var(--mut,#B4BAC1)}.crumbs a{color:var(--mut,#B4BAC1)}.crumbs a:hover{color:var(--accent,#E8A33D)}.crumbs [aria-current]{color:var(--txt,#ECEEF0)}
.phead .eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin:0 0 6px;color:var(--accent,#E8A33D)!important}
.phead h1{margin:.1em 0 .3em;font-size:clamp(2rem,6vw,3.2rem);line-height:1.08;font-family:Righteous,system-ui,sans-serif;font-weight:400}
.pintro{font-size:1.1rem;max-width:62ch}
.pnl h2{font-family:Righteous,system-ui,sans-serif;font-weight:400}
.pnl a{color:var(--accent,#E8A33D)}
.pnl a.btn,.pnl a.btn:hover{color:#fff;text-decoration:none}
.btn{display:inline-block;text-decoration:none;text-align:center}
.btnrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.pnl .steps li{background:rgba(255,255,255,.06);box-shadow:none;border:1px solid rgba(255,255,255,.1)}
.pnl .steps span{color:var(--mut)}
.tl{list-style:none;padding:0;margin:14px 0;display:grid;gap:10px}
.tl li{display:grid;grid-template-columns:7.5rem 1fr;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.tl b{color:var(--accent,#E8A33D)!important}
.pnl ul.bul{padding-left:1.2rem}.pnl ul.bul li{margin:.35em 0}
.faqs details{border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.05);margin:10px 0;padding:0}
.faqs summary{cursor:pointer;padding:14px 16px;font-weight:700;color:#fff;list-style-position:inside}
.faqs summary:focus-visible{outline:3px solid var(--accent,#E8A33D);outline-offset:2px;border-radius:12px}
.faqs details[open] summary{border-bottom:1px solid rgba(255,255,255,.1)}
.faqs details p{margin:0;padding:12px 16px 16px}
.fitlist details{border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.04);margin:8px 0}
.fitlist summary{cursor:pointer;padding:10px 14px;font-weight:700;color:#fff}
.fitlist ul{margin:0;padding:4px 14px 12px 32px;columns:2;column-gap:28px}
@media(max-width:640px){.fitlist ul{columns:1}.tl li{grid-template-columns:1fr;gap:2px}}
.fitlist li{margin:.25em 0;break-inside:avoid;font-size:.92rem}
.legal h2{margin-top:1.4em;font-size:1.25rem}
.legal p,.legal li{max-width:75ch}
.contactgrid{display:grid;gap:18px}
@media(min-width:760px){.contactgrid{grid-template-columns:1fr 1fr}}
/* card links on index/water */
.card figcaption b a{color:#fff;text-decoration:underline;text-decoration-color:var(--accent,#E8A33D);text-decoration-thickness:2px;text-underline-offset:3px}
.card figcaption b a:hover,.card figcaption b a:focus-visible{color:var(--accent,#E8A33D)}
/* product pages */
.pdp-head h1{margin:.1em 0 .2em}
.pdp-sub{margin:0 0 6px;font-size:1.05rem}
.pdp-pre{margin:10px 0 0}
.pdp-gal{display:block!important}
.pdp-gal .card{margin:0}
.pdp-gal .pair,.pdp-gal .pair.trio,.pdp-gal .pair.quint{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important;gap:12px}
.pdp-gal .card figcaption{margin-top:6px}
.specs{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;margin:10px 0 0}
.specs dt{font-weight:700;color:#fff}.specs dd{margin:0;color:var(--mut)}
@media(max-width:560px){.specs{grid-template-columns:1fr;gap:0}.specs dd{margin-bottom:8px}}
.rel{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:720px){.rel{grid-template-columns:repeat(4,1fr)}}
.rel li{margin:0}
.rel a{display:block;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:8px;background:rgba(255,255,255,.05)}
.rel a:hover,.rel a:focus-visible{border-color:var(--accent,#E8A33D)}
.rel img{width:100%;height:auto;border-radius:8px;display:block}
.rel span{display:block;margin-top:6px;font-weight:700}
.pnl .rel span{color:#fff!important}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;z-index:50;background:#000;color:#fff;padding:8px 12px}
.msgbox{min-height:1.4em}