.product-preview { border-top: 1px solid var(--line); }
.product-preview-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.product-preview-card { display: flex; flex-direction: column; min-height: 415px; padding: 28px; border: 1px solid #344035; border-radius: 12px; background: #1b211c; }
.product-school { background: radial-gradient(circle at 85% 20%,#294f45,transparent 44%),#1b211c; }
.product-grocery { background: radial-gradient(circle at 85% 20%,#3b5837,transparent 44%),#1b211c; }
.product-hospital { background: radial-gradient(circle at 85% 20%,#325365,transparent 44%),#1b211c; }
.product-number { color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.product-symbol { display: grid; place-items: center; width: 64px; height: 64px; margin: 28px 0 18px; border: 1px solid #86b992; border-radius: 15px; color: var(--lime); font: 800 25px Manrope,sans-serif; letter-spacing: -.08em; }
.product-preview-card h3 { font: 800 clamp(20px,2vw,27px)/1.2 Manrope,sans-serif; letter-spacing: -.04em; margin: 0 0 14px; }
.product-preview-card>p { color: #bac6ba; font-size: 13px; line-height: 1.75; margin: 0 0 22px; }
.product-tech { display: flex; flex-wrap: wrap; gap: 7px; margin-top: auto; }
.product-tech span { border: 1px solid #536655; border-radius: 999px; padding: 7px 10px; color: #dae5da; font-size: 10px; }
.product-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }
.product-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 39px; padding: 9px 12px; border: 1px solid #6f9c78; border-radius: 6px; color: var(--lime); font-size: 11px; font-weight: 800; }
.product-actions a:last-child { background: var(--lime); border-color: var(--lime); color: #102017; }
.product-actions a:hover { background: #d1f8da; border-color: #d1f8da; color: #102017; }
.product-all-link { display: inline-flex; gap: 20px; align-items: center; margin-top: 28px; border-bottom: 1px solid var(--lime); padding-bottom: 10px; color: var(--lime); font-size: 13px; font-weight: 800; }
.product-all-link:hover { color: #fff; }
.products-breadcrumb { padding-top: 35px; color: var(--muted); font-size: 12px; }
.products-breadcrumb a:hover { color: var(--lime); }
.products-hero { padding-top: 75px; padding-bottom: 95px; display: grid; grid-template-columns: 1fr .8fr; align-items: end; gap: 60px; }
.products-hero h1 { font: 800 clamp(51px,6vw,90px)/1.05 Manrope,sans-serif; letter-spacing: -.075em; margin: 28px 0 0; }
.products-hero h1 em { color: transparent; font-style: normal; -webkit-text-stroke: 1px var(--lime); }
.products-hero>p { color: #c1cbc0; font-size: 18px; line-height: 1.8; margin: 0 0 7px; }
.products-list { display: grid; gap: 28px; padding-bottom: 115px; }
.product-detail { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(28px,6vw,90px); padding: clamp(32px,5vw,65px); border: 1px solid #354036; border-radius: 16px; scroll-margin-top: 35px; }
.product-detail-visual { min-height: 300px; border-radius: 13px; display: flex; flex-direction: column; justify-content: space-between; padding: 25px; overflow: hidden; }
.product-detail-visual strong { align-self: center; font: 800 clamp(65px,8vw,120px)/1 Manrope,sans-serif; letter-spacing: -.1em; color: #e6f8e8; opacity: .85; }
.product-detail-visual span { color: #d5e4d5; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.product-detail h2 { font: 800 clamp(30px,3.4vw,50px)/1.18 Manrope,sans-serif; letter-spacing: -.06em; margin: 16px 0 22px; }
.product-detail p { color: #bec8bc; font-size: 15px; line-height: 1.85; }
.product-detail .product-tech { margin: 25px 0 30px; }
.product-detail .button { margin-top: 8px; }
.product-note { font-size: 12px !important; margin-top: 15px; }
.products-contact { background: #242a24; padding: 70px 0; }
.products-contact .wrap { display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.products-contact h2 { font: 800 clamp(30px,4vw,54px)/1.15 Manrope,sans-serif; letter-spacing: -.05em; margin: 12px 0; }
.products-contact p:not(.eyebrow) { color: var(--muted); margin: 0; }
@media(max-width:1000px) { .product-preview-grid { grid-template-columns: 1fr 1fr; } .products-hero { grid-template-columns: 1fr; gap: 22px; } }
@media(max-width:760px) { .product-preview-grid { grid-template-columns: 1fr; } .product-preview-card { min-height: 360px; } .product-detail { grid-template-columns: 1fr; } .product-detail-visual { min-height: 230px; } .products-contact .wrap { flex-direction: column; align-items: flex-start; } }
@media(max-width:540px) { .products-hero { padding-top: 55px; padding-bottom: 65px; } .products-list { padding-bottom: 80px; } .product-detail { padding: 23px; } .product-detail-visual { min-height: 185px; } }