/* Shared HIP/HIK product page additions. Existing v5 hero and palette remain authoritative. */
.product-family .product-models{padding-bottom:2.5rem}.product-family .product-models__grid .hex-button{margin-block-start:1.5rem}
.family-model{padding-block:1.5rem 4rem}.family-model__header{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:2rem;align-items:start;padding:0;margin-bottom:2rem}.family-model__header--hip .family-model__code{background:#F5D8C5}.family-model__header--hik .family-model__code{background:#C4E9E2}.family-model__header--hip .family-model__code{color:#70422E}.family-model__header--hik .family-model__code{color:#1B554E}
.product-family .family-model__code{font:500 3.25rem/1 var(--hc-font-heading);margin:0;padding:1rem;inline-size:9rem;box-sizing:border-box;text-align:center;border-radius:var(--hc-radius-support)}.family-model__header p:last-child{margin:0;max-width:48rem}.family-model__header h2{margin-bottom:1rem}
.family-model__body,.family-structure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:start}.family-model__body>.product-specs{padding:0}.family-model__note{margin-top:1.5rem!important;color:var(--hc-color-muted);font-size:.9375rem}.family-planning{background:var(--hc-surface-neutral);border-radius:var(--hc-radius-support);padding:2rem}.family-planning li{margin-block:.75rem}.family-planning p:last-child{margin-bottom:0}
.family-figure a:has(img){display:block;border-radius:var(--hc-radius-support);overflow:hidden;background:#fff}.family-figure img{width:100%;height:auto;aspect-ratio:1.7;object-fit:contain}.family-figure figcaption{font-size:.9375rem;line-height:1.6;padding-top:1rem;color:var(--hc-color-muted)}.family-figure figcaption>a{display:block;width:fit-content;min-height:2.75rem;padding-top:.5rem;text-decoration:underline;text-underline-offset:.25em}.family-image-hint{font-size:.8125rem}
.product-family .product-section-heading{align-items:end}.product-family .product-section-heading>h2,.product-family .product-section-heading>p{margin-bottom:0}
.family-install{padding-bottom:var(--hc-product-section-gap)}.family-gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem}.product-family .family-caption{font-size:.9375rem;color:var(--hc-color-muted);margin-block:1.5rem 3rem}.family-structure{padding-top:2rem;align-items:center}.family-projects{padding-block:var(--hc-product-section-space);background:var(--hc-surface-neutral);margin-bottom:var(--hc-product-section-gap)}.family-figure--photo img{object-fit:cover;aspect-ratio:4/3}
@media(max-width:60rem){.family-model__body,.family-structure{gap:2rem}.family-model__header{grid-template-columns:8rem minmax(0,1fr)}.product-family .family-model__code{inline-size:8rem}.family-gallery{gap:1.5rem}}
@media(max-width:40rem){.family-model{padding-block:1.25rem 3rem}.family-model__header,.family-model__body,.family-structure,.family-gallery{grid-template-columns:minmax(0,1fr)}.family-model__header{gap:1.25rem;margin-bottom:2rem}.product-family .family-model__code{font-size:3.25rem}.family-planning{padding:1.5rem}.family-gallery{gap:2rem}.family-structure{gap:2rem}}

/* In-section navigation: third column only where both model cards remain roomy. */
.family-model-layout{display:grid;grid-template-columns:minmax(0,1fr) 12rem;gap:2.5rem;align-items:start}
.family-model-layout>.product-models__grid{min-inline-size:0}
.family-model-layout .product-models__grid>article{min-inline-size:0}
.family-toc{border-inline-start:1px solid #d7dcd9;padding-inline-start:1.5rem;padding-block:.5rem}
.product-family .family-toc>p{font-weight:500;font-size:1rem;margin-block-end:.75rem}
.family-toc-links{height:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.25rem}
.family-toc-links a{display:flex;align-items:center;min-block-size:2.75rem;font-size:.9375rem;font-weight:400;text-decoration:none;line-height:1.5}
.family-toc-links a:hover,.family-toc-links a:focus-visible{text-decoration:underline;text-underline-offset:.25em}
.family-toc-links a:focus-visible,.family-toc-mobile summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.family-toc-mobile{display:none}
@media(max-width:75rem){
 .family-model-layout{display:block}
 .family-toc{display:none}
 .family-toc-mobile{display:block;border-block:1px solid #d7dcd9;margin-block-end:2rem}
 .family-toc-mobile summary{cursor:pointer;min-block-size:3rem;padding-block:.75rem;font-size:1rem;font-weight:500}
 .family-toc-mobile .family-toc-links{padding-block:0 1rem;padding-inline:.25rem}
}

/* Compact shared explanation precedes the model choice. */
.family-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);align-items:center;gap:3rem;padding-block:3rem 2rem}
.family-intro__copy{max-inline-size:48rem}.family-intro__copy p{color:var(--hc-color-muted)}

.family-made{grid-column:1/-1;display:flex;align-items:center;gap:1.25rem;border-block-start:1px solid #d7dcd9;padding-block-start:1.5rem}
.family-made img{inline-size:3.5rem;block-size:3.5rem;object-fit:contain;flex:none}.product-family .family-made p{margin:0;font-size:.9375rem}
@media(max-width:60rem){.family-intro{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:2rem}}
@media(max-width:40rem){.family-intro{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-block:2rem 1rem}.family-made{gap:1rem;align-items:flex-start}}

/* Large, original three-hex outline, with its proportions preserved. */
.family-intro{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.family-intro__decoration{inline-size:100%;min-inline-size:0;align-self:center}
.family-intro__decoration img{inline-size:100%;block-size:auto;display:block}
@media(max-width:60rem){.family-intro{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}
@media(max-width:40rem){.family-intro{grid-template-columns:minmax(0,1fr)}.family-intro__decoration{max-inline-size:28rem;justify-self:center}}

/* Neutral technical-row highlights on the shared product page. */
@media(hover:hover){.product-family .product-specs dl>div:hover::before{background:var(--hc-surface-neutral)}}
.product-family .product-specs dl>div:focus-within::before{background:var(--hc-surface-neutral)}

/* Shared technical information: full-width graphite, matching the brand gradient. */
.product-family .family-specs-dark{background:linear-gradient(to top,#202323,#242626);color:#fff}
.product-family .family-specs-dark h2,.product-family .family-specs-dark h3,.product-family .family-specs-dark dt{color:#fff}
.product-family .family-specs-dark .product-section-heading p,.product-family .family-specs-dark dd{color:#DCE0DE}
.product-family .family-specs-dark dl>div{border-top-color:#FFFFFF33}
@media(hover:hover){.product-family .family-specs-dark dl>div:hover::before{background:#3D4343;border-inline-start-color:#A0B0B8}}
.product-family .family-specs-dark dl>div:focus-within::before{background:#3D4343;border-inline-start-color:#A0B0B8}
.product-family .family-specs-dark + .family-install{padding-block-start:var(--hc-product-section-space)}

/* Related products provide a next step after the sizing information. */
.family-related{padding-block:0 var(--hc-product-section-gap)}
.family-related__heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-block-end:2.5rem}
.product-family .family-related__heading h2{margin:0;max-inline-size:22ch}
.family-related__heading>.hex-button{flex:none}
.family-related__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem}
.family-related__grid article{min-inline-size:0;display:flex;flex-direction:column;background:var(--hc-surface-neutral);border-radius:var(--hc-radius-support);overflow:hidden}
.family-related__grid article>img{inline-size:100%;block-size:18rem;object-fit:cover}
.family-related__copy{padding:2rem;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.family-related__copy .hex-button{margin-block-start:auto;max-inline-size:100%}
.family-related__copy .hex-button span{min-inline-size:0}
@media(max-width:60rem){.family-related__heading{align-items:start;flex-direction:column;gap:1rem}.family-related__copy{padding:1.5rem}.family-related__grid article>img{block-size:15rem}}
@media(max-width:40rem){.family-related__grid{grid-template-columns:minmax(0,1fr)}.family-related__grid article>img{block-size:14rem}}

/* Dark footer trial; retain the original red logo and its approved size. */
.footer-dark-lower{background:transparent;color:#F7F7F5}
.footer-dark-lower .footer-bottom{border-top:1px solid #535858}
.footer-dark-lower .footer-columns a{color:#DCE0DE}
.footer-dark-lower .footer-columns a:hover,.footer-dark-lower .footer-columns a:focus-visible{color:#FFFFFF}
.footer-v5 .footer-dark-lower .footer-legal{color:#D4D8D5;border-top-color:#535858}
.footer-v5 .footer-dark-lower .footer-legal a{color:#DCE0DE}
.footer-v5 .footer-dark-lower .footer-legal a[href]:hover,.footer-v5 .footer-dark-lower .footer-legal a:focus-visible{color:#FFFFFF}

/* Prominent original logo, same size as the light footer. */
.footer-dark-lower .footer-bottom{flex-wrap:wrap}
.footer-dark-lower .footer-brand{flex:0 1 auto;width:13.40625rem;max-inline-size:100%}
.footer-dark-lower .footer-brand .logo{display:block;width:100%;max-width:100%;height:auto}
@media(min-width:60.001rem) and (max-width:75rem){.footer-dark-lower .footer-brand{width:11.55rem}}
@media(max-width:60rem){.footer-dark-lower .footer-brand{width:10.5rem}}


/* Separate the secondary comparison link from the primary hero action. */
.product-family .product-lead__actions .product-lead__secondary{margin-block-start:2rem}
