.products-page{padding-bottom:100px}
.products-intro{padding-top:70px;padding-bottom:48px}
.products-intro h1{font-size:clamp(34px,5vw,64px);line-height:1.25;margin:16px 0 20px}
.products-intro p{color:var(--muted);font-size:20px;max-width:700px;line-height:1.8}
.products-grid{display:grid;gap:32px}
.product-card{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--soft)}
.product-visual{background:#0e1a16;color:#f6f3ea;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:40px}
.product-visual strong{font-size:48px;line-height:1.2}
.product-visual>span{color:#c8f135;font-size:15px;letter-spacing:.08em}
.product-content{padding:48px;align-self:center}
.product-category{font-size:13px;color:var(--muted)}
.product-content h2{font-size:36px;margin:14px 0 10px}
.product-content h3{font-size:22px;line-height:1.6;margin:0 0 18px}
.product-content p{font-size:17px;line-height:1.9;margin:0 0 20px}
.product-content .product-maker{font-size:14px;color:var(--muted)}
.product-link{display:inline-flex;gap:16px;background:var(--gold,#d8ae65);color:#12212a;border-radius:12px}
.product-link:focus-visible{outline:3px solid var(--turquoise);outline-offset:5px}
.product-link .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:700px){.products-intro{padding-top:42px;padding-bottom:30px}.products-intro p{font-size:17px}.product-card{grid-template-columns:1fr}.product-visual{min-height:270px;padding:30px}.product-visual img{width:88px;height:88px}.product-visual strong{font-size:38px}.product-content{padding:28px}.product-content h3{font-size:20px}}
/* Inner-page navigation uses white labels; give this page a navy header. */
body:has(.products-page) .site-header{background:#0d2435!important}
.products-intro>.eyebrow{color:var(--muted)!important}
html body main.products-page{padding-top:var(--header-h)!important}


.site-nav .nav-products-link,.overlay .nav-products-link{display:inline-flex;align-items:center;gap:8px}
.nav-product-icon{width:19px;height:19px;flex:none;display:block}
.overlay .nav-product-icon{width:25px;height:25px}