/* Typographic navigation with the same thin rules as the product list. */
.family-catalog{display:block;padding-top:32px}.family-catalog .catalog-list{margin-top:0}
.product-family-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-bottom:36px;padding:0;border-bottom:1px solid var(--line);background:white}
.product-family-tabs a{position:relative;display:flex;justify-content:center;text-align:center;align-items:center;min-width:0;min-height:72px;padding:16px 0 24px;font-size:clamp(20px,1.5vw,24px);font-weight:400;line-height:1.5;letter-spacing:-.025em;white-space:nowrap;background:transparent;color:var(--muted);transition:color .18s ease,background-color .18s ease}
.product-family-tabs a:is([aria-selected=true],[aria-current=page]){color:var(--ink);font-weight:600}
.product-family-tabs a:is([aria-selected=true],[aria-current=page])::after{content:'';position:absolute;left:50%;transform:translateX(-50%);width:40px;bottom:12px;border-bottom:2px solid var(--green)}
.product-family-tabs a:focus-visible{z-index:1;outline:1px solid var(--ink);outline-offset:4px}
.product-family-tabs a:hover:not([aria-selected=true]):not([aria-current=page]){background:transparent;color:var(--ink)}
.family-panel{min-width:0;scroll-margin-top:0}.family-panel:focus{outline:none}
.family-keyboard .family-panel:focus-visible{outline:1px solid var(--green);outline-offset:5px}
.family-panel .mat-overview{margin-top:0}.family-panel .group-title{margin-top:20px}
.mat-source-note{margin:0 0 24px}.vinyl-family-intro{margin-bottom:25px}.vinyl-family-intro p{color:var(--muted)}
.shielding-intro{max-width:760px;padding:0 0 30px}.shielding-intro h2{font-size:clamp(27px,3vw,40px);margin-bottom:22px}.shielding-intro>p{margin-top:16px}.shielding-intro .button{margin-top:26px}
.family-catalog .catalog-evidence{margin-top:34px}.family-panel+.family-panel{margin-top:36px}.product-tabs-ready .family-panel{margin-top:0}
@media(min-width:701px) and (max-width:1100px){.product-family-tabs{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:0}.product-family-tabs a{font-size:19px}}
@media(max-width:700px){.family-catalog{padding-top:22px}.product-family-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px;padding:0;column-gap:20px;row-gap:0}.product-family-tabs a{font-size:clamp(13px,3.5vw,16px);padding:12px 0 22px;min-height:60px}.product-family-tabs a:is([aria-selected=true],[aria-current=page])::after{width:32px;bottom:10px}.shielding-intro h2{font-size:28px}.family-catalog .product-expanded{grid-template-columns:1fr}.family-panel .group-title{margin-top:15px}}
@media print{.product-family-tabs{display:none!important}.family-panel[hidden]{display:block!important}.family-panel{break-before:auto}}

.mat-documents{max-width:820px}
.mat-documents h2{font-size:24px;margin-bottom:18px}.mat-documents .lead{font-size:18px;margin-bottom:16px}
.mat-documents>.text-link{margin-top:20px;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:700px){.mat-documents h2{font-size:22px}}

.imported-mat-inquiry{margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
@media(max-width:700px){.imported-mat-inquiry{margin-top:32px;padding-top:24px}}

/* New owner-supplied pictures retain the full object and original proportions. */
.supplied-product .product-photo+.product-photo{margin-top:24px}
.supplied-product .photo-frame{aspect-ratio:auto}
.supplied-product .photo-frame>img{height:auto;object-fit:contain;transform:none}

/* Domestic mat details follow the four products, before imported-mat information. */
.domestic-mat-details{margin-top:24px;padding-top:28px;border-top:1px solid var(--line);max-width:820px}
.domestic-mat-details h3{font-size:clamp(22px,2vw,28px);line-height:1.5;margin-bottom:16px}
.domestic-mat-details>p{font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.domestic-layer-resistance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:22px 0}
.domestic-layer-resistance>div{min-width:0;padding-block:14px;border-block:1px solid var(--line)}
.domestic-layer-resistance dt{font-size:14px;color:var(--muted);margin-bottom:8px}
.domestic-layer-resistance dd{margin:0;font-size:clamp(19px,2vw,24px);line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:700px){.domestic-mat-details{margin-top:20px;padding-top:24px}.domestic-mat-details>p{font-size:15px}.domestic-layer-resistance{grid-template-columns:1fr;gap:0;margin-block:18px}.domestic-layer-resistance>div+div{border-top:0}.domestic-layer-resistance>div{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:16px}.domestic-layer-resistance dt{margin-bottom:0}.domestic-layer-resistance dd{font-size:20px}}

/* Reference diagram: keep the original geometry and add each layer's resistance. */
.domestic-layer-diagram{margin:22px 0 20px}
.domestic-layer-diagram svg{max-width:900px}
.domestic-layer-diagram .layer-resistance{fill:var(--green);font-size:25px;font-weight:700;letter-spacing:-.025em}
.domestic-layer-mobile-values{display:none}
@media(max-width:700px){
 .domestic-layer-diagram{margin:18px -8px 0}
 .domestic-layer-diagram .layer-resistance{font-size:27px}
 .domestic-layer-mobile-values{display:grid}
}

/* The domestic production statement stays within the domestic mat group. */
.domestic-mat-production{max-width:820px;margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}
.domestic-mat-production h3{font-size:clamp(22px,2vw,28px);line-height:1.5;margin-bottom:16px}
.domestic-mat-production>p{font-size:16px;line-height:1.8;overflow-wrap:anywhere}
@media(max-width:700px){.domestic-mat-production{margin-top:28px;padding-top:24px}.domestic-mat-production>p{font-size:15px}}

/* Manufacturing photos retain their full proportions with display-only branding. */
.manufacturing-gallery{margin-top:24px}
.manufacturing-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.manufacturing-photos>.photo-frame{min-width:0;aspect-ratio:auto;container-type:inline-size}
.manufacturing-photos>.photo-frame>img{display:block;width:100%;height:auto;object-fit:contain;transform:none}
.manufacturing-photos>.manufacturing-overview{grid-column:1/-1}
.manufacturing-gallery>figcaption{margin-top:12px}
@media(max-width:700px){.manufacturing-gallery{margin-top:20px}.manufacturing-photos{grid-template-columns:1fr;gap:14px}}

/* Domestic advantages follow the current photo-and-thin-rule visual language. */
.domestic-mat-advantages{max-width:820px;margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}
.domestic-mat-advantages>h3{font-size:clamp(22px,2vw,28px);line-height:1.5;margin-bottom:24px}
.domestic-advantages-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.domestic-advantages-layout>.product-photo,.domestic-advantages-copy{min-width:0}
.domestic-advantages-layout figcaption{margin-top:10px;font-size:12px;line-height:1.6}
.domestic-advantages-copy h4{font-size:22px;line-height:1.5;margin:0 0 12px}
.domestic-advantages-copy>p{font-size:15px;line-height:1.8;color:var(--muted)}
.domestic-advantages-points{margin:22px 0 0;padding:0;list-style:none}
.domestic-advantages-points>li{padding:14px 0;border-top:1px solid var(--line);font-size:16px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}
.domestic-advantages-points dt{color:var(--muted)}
.domestic-advantages-points dd{margin:0;font-weight:500;overflow-wrap:anywhere}
@media(max-width:700px){.domestic-mat-advantages{margin-top:28px;padding-top:24px}.domestic-advantages-layout{grid-template-columns:1fr;gap:24px}.domestic-advantages-copy h4{font-size:21px}.domestic-advantages-points{margin-top:18px}.domestic-advantages-points>li{font-size:15px}}

@media(max-width:700px){.product-family-tabs a:last-child:nth-child(odd){grid-column:1/-1}}
@media(min-width:701px) and (max-width:1100px){.product-family-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.product-family-tabs a{grid-column:auto}}