/* Products page section. Uses only global tokens from tokens.css. */
.products-page{background:var(--color-bg)}
.products-page-header{background:var(--color-surface);padding:48px 0 40px;text-align:center}
.products-page-header-content{display:grid;justify-items:center}
.products-page-header h1{font-size:44px;font-weight:700;color:var(--color-primary)}
.products-page-header p{max-width:580px;margin-top:16px;color:var(--color-text-muted);font-size:17px;line-height:1.75}
.product-sticky-nav{position:sticky;top:68px;z-index:90;background:#fff;border-bottom:1px solid var(--color-border)}
.product-sticky-nav-inner{display:flex;align-items:center;justify-content:center;gap:var(--space-10)}
.product-sticky-nav a{display:inline-flex;align-items:center;min-height:56px;border-bottom:2px solid transparent;color:var(--color-text-muted);font-family:var(--font-heading);font-size:14px;font-weight:600}
.product-sticky-nav a:hover,.product-sticky-nav a:focus-visible,.product-sticky-nav a:active{border-bottom-color:var(--color-accent);color:var(--color-accent)}
.product-detail-section{background:#fff;padding-block:var(--section-padding-y);scroll-margin-top:124px}
.product-detail-section--surface{background:var(--color-surface)}
.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}
.product-detail-section--reverse .product-media{order:2}
.product-detail-section--reverse .product-content{order:1}
.product-image-placeholder{height:420px;background:var(--color-surface);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-3);color:var(--color-border);text-align:center}
.product-image-placeholder svg{width:64px;height:64px}
.product-image-placeholder span{color:var(--color-text-muted);font-size:13px}
.product-badge{display:inline-flex;align-items:center;border-radius:var(--radius-full);background:var(--color-badge-bg);color:var(--color-badge-text);padding:4px 12px;font-size:12px;font-weight:600;line-height:1.4}
.product-content h2{margin-top:12px;color:var(--color-primary);font-size:32px;font-weight:700}
.product-description{margin-top:16px;color:var(--color-text);font-size:16px;line-height:1.75}
.product-specs{margin-top:var(--space-8)}
.product-specs h3,.product-iot-features h3{margin-bottom:12px;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:1.5px;line-height:1.4;text-transform:uppercase}
.product-specs h3{color:var(--color-text-muted)}
.product-spec-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr);gap:var(--space-4);border-bottom:1px solid var(--color-border);padding:10px 0;background:transparent}
.product-spec-row span{color:var(--color-text-muted);font-size:14px;line-height:1.5}
.product-spec-row strong{color:var(--color-text);font-size:14px;font-weight:600;line-height:1.5}
.product-iot-features{display:grid;gap:var(--space-3);margin-top:var(--space-8)}
.product-iot-features h3{color:var(--color-accent)}
.product-iot-row{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:start}
.product-iot-row span{color:var(--color-accent);line-height:1.75}
.product-iot-row p{color:var(--color-text);font-size:15px;line-height:1.75}
.product-quote-btn{margin-top:24px;padding:14px 28px}
.product-bottom-cta{background:linear-gradient(135deg,#0B2545 0%,#0A7A7A 100%);padding:80px 24px;text-align:center}
.product-bottom-cta h2{color:#fff;font-size:34px;font-weight:700}
.product-bottom-cta p{max-width:520px;margin:var(--space-4) auto 0;color:rgba(255,255,255,.80);font-size:17px;line-height:1.7}
.product-bottom-cta .btn{margin-top:var(--space-8);padding:14px 32px}
@media(max-width:767px){.products-page-header h1{font-size:2.25rem}.products-page-header p{font-size:var(--text-base)}.product-sticky-nav{display:none}.product-detail-section{scroll-margin-top:76px}.product-detail-grid{grid-template-columns:1fr;gap:var(--space-8)}.product-detail-section--reverse .product-media,.product-media{order:1}.product-detail-section--reverse .product-content,.product-content{order:2}.product-image-placeholder{height:280px}.product-content h2{font-size:1.75rem}.product-spec-row{grid-template-columns:1fr;gap:var(--space-1)}.product-quote-btn,.product-bottom-cta .btn{width:100%}.product-bottom-cta h2{font-size:2rem}}
.product-media-img img{width:100%;height:420px;object-fit:cover;border-radius:var(--radius-lg);display:block}