/* Products hub — extends the existing Greenlink system. Loaded only on product pages. */
.product-hero.page-hero .display{font-size:clamp(42px,5.4vw,92px);max-width:14em}
.product-hero .hero-copy{max-width:640px}
.crumbs{margin:0 0 22px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:0;list-style:none;padding:0;margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.crumbs li{display:flex;align-items:center;color:#d7e0d4}
.crumbs li:not(:last-child):after{content:"/";margin:0 10px;color:var(--lime)}
.crumbs a{color:#d7e0d4}
.crumbs a:hover{color:white}
.crumbs [aria-current="page"]{color:white}

.product-rail-wrap{border-bottom:1px solid var(--line);background:var(--paper)}
.product-rail{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:18px 0;max-width:100%}
.product-rail a{flex:0 0 auto;border:1px solid #abb8ae;padding:11px 14px;min-height:42px;display:inline-flex;align-items:center;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--forest);background:transparent}
.product-rail a:hover,.product-rail a[aria-current="page"]{background:var(--forest);border-color:var(--forest);color:white}

.range-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line)}
.range-card{display:grid;grid-template-rows:280px 1fr;background:var(--paper);color:inherit;min-width:0}
.range-card figure{margin:0;overflow:hidden;height:280px}
.range-card img{height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04);transition:transform .8s var(--ease)}
.range-card:hover img{transform:scale(1.04)}
.range-card > div{padding:36px 36px 40px;display:flex;flex-direction:column;min-width:0}
.range-card .num{font-size:11px;letter-spacing:.14em;color:#71806b}
.range-card h3{font-family:'Manrope',sans-serif;font-size:clamp(28px,2.5vw,40px);letter-spacing:-.04em;line-height:1.05;margin:14px 0 14px;font-weight:500}
.range-card p{color:#5e6b58;margin:0 0 18px}
.range-card ul{list-style:none;padding:0;margin:0 0 28px}
.range-card li{border-top:1px solid var(--line);padding:9px 0;font-size:14px;color:#3e4a3a}
.range-card .more{margin-top:auto;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:600;color:var(--forest)}
.range-card .more:after{content:" ↗"}

.prose{max-width:760px}
.prose p,.family p,.faq-item p,.note{color:#53604e}
.prose p{font-size:17px;line-height:1.6}
.family-block{padding:64px 0;border-top:1px solid var(--line)}
.family-block .kicker{display:block;margin-bottom:14px}
.family-head{display:grid;grid-template-columns:1fr .8fr;gap:48px;align-items:end;margin-bottom:36px}
.family-head p{margin:0}
.family{display:grid;grid-template-columns:88px minmax(0,1.1fr) minmax(0,.9fr);gap:28px 40px;padding:36px 0;border-top:1px solid var(--line)}
.family .idx{font-size:12px;letter-spacing:.14em;color:#71806b;padding-top:6px}
.family h3{font-size:clamp(26px,2.4vw,36px);margin:0 0 14px}
.family p{margin:0 0 14px;font-size:16px;line-height:1.6}
.family p:last-child{margin-bottom:0}
.points{list-style:none;padding:0;margin:0}
.points li{padding:11px 0;border-top:1px solid var(--line);font-size:14px;color:#243028}
.note{font-size:15px;line-height:1.55;border-left:2px solid var(--lime);padding-left:16px;margin:18px 0 0}

.named{display:grid;gap:0}
.named article{padding:22px 0;border-top:1px solid var(--line)}
.named h3{font-size:clamp(22px,2vw,28px);margin:0 0 8px}
.named p{margin:0;color:#53604e;max-width:760px}

.table-wrap{overflow-x:auto;max-width:100%;border-top:1px solid var(--line)}
.spec-table{width:100%;border-collapse:collapse;min-width:680px}
.spec-table caption{text-align:left;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#71806b;padding:0 0 14px}
.spec-table th,.spec-table td{text-align:left;padding:16px 18px 16px 0;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px;line-height:1.5}
.spec-table th{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#71806b;font-weight:600}

.crosslinks{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.crosslinks a{background:white;padding:32px 28px;min-height:168px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;transition:background .3s}
.crosslinks a:hover{background:#f7f8f4}
.crosslinks small{text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#71806b}
.crosslinks strong{font-family:'Manrope',sans-serif;font-size:clamp(20px,2vw,28px);font-weight:500;letter-spacing:-.03em;line-height:1.15}
.crosslinks a:after{content:"↗";color:var(--forest)}

.on-page{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.on-page a{border:1px solid var(--line);padding:10px 12px;font-size:12px;color:#243028}
.on-page a:hover{border-color:var(--forest);background:white}

.faq-list{border-bottom:1px solid var(--line)}
.faq-item{border-top:1px solid var(--line);padding:28px 0}
.faq-item h3{font-size:clamp(22px,2.2vw,30px);margin:0 0 12px}
.faq-item p{margin:0;max-width:760px;font-size:16px;line-height:1.6}

.trust-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.16);margin-top:48px}
.trust-facts article{padding:32px;background:rgba(7,17,14,.28)}
.trust-facts span{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime);margin-bottom:12px}
.trust-facts p{margin:0;color:#d5ddd2;font-size:15px;line-height:1.5}

.product-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.product-hero .hero-actions .btn-dark{border-color:rgba(255,255,255,.55);color:white}
.product-hero .hero-actions .btn-dark:hover{background:white;color:var(--forest)}

.pad-top{padding-top:140px}
.pad-top-sm{padding-top:56px}
.value-grid.quad{grid-template-columns:repeat(4,1fr)}
.dark .named h3{color:#fff}
.dark .named p,.dark .named a{color:#d7e0d4}
.dark .named article{border-top-color:rgba(255,255,255,.18)}
.feature-copy .points li{border-top-color:rgba(255,255,255,.22);color:#d7e0d4}
.feature-copy .points a{color:#fff}
a:focus-visible,button:focus-visible,.product-rail a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

@media(max-width:1000px){
  .pad-top{padding-top:100px}
  .value-grid.quad{grid-template-columns:1fr 1fr}
  .range-grid,.crosslinks,.trust-facts{grid-template-columns:1fr}
  .family-head,.family{grid-template-columns:1fr;gap:16px}
  .family .idx{padding-top:0}
  .range-card figure,.range-card{grid-template-rows:220px 1fr}
  .range-card figure{height:220px}
  .range-card > div{padding:28px 24px 32px}
}
@media(max-width:700px){
  .pad-top{padding-top:72px}
  .value-grid.quad{grid-template-columns:1fr}
  .product-hero.page-hero .display{font-size:clamp(36px,11vw,52px);max-width:none}
  .product-hero .hero-actions{width:100%}
  .product-hero .hero-actions .btn{width:100%}
  .range-card figure,.range-card{grid-template-rows:200px 1fr}
  .range-card figure{height:200px}
  .family-block{padding:42px 0}
  .crosslinks a{min-height:0;padding:24px 20px}
  .spec-table{min-width:560px}
}
@media(prefers-reduced-motion:reduce){
  .range-card img{transition:none}
}