/* Scoped extension of the existing catalogue design; no external assets or JS. */
.mdi-catalog-hero.mdi-family-hero { display:grid; grid-template-columns:minmax(0,1fr); max-width:none; padding-bottom:16px; }
.mdi-family-hero h1 { margin-top:8px; }
.mdi-family-lead { max-width:none; margin:20px 0 28px; font-size:1.08rem; line-height:1.75; }
.mdi-family-intro-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.65fr); gap:24px; align-items:start; }
.mdi-family-intro-grid>section { min-width:0; padding:24px; border:1px solid var(--mdi-border); border-radius:16px; }
.mdi-family-applications { background:var(--mdi-blue-soft); }
.mdi-family-highlights { background:var(--mdi-white); }
.mdi-family-intro-grid h2 { margin:0 0 14px; color:var(--mdi-navy); font-size:1.15rem; line-height:1.3; }
.mdi-family-applications p { margin:0; line-height:1.8; }
.mdi-family-highlights ul { margin:0; padding-left:1.25rem; }
.mdi-family-highlights li { padding-left:6px; line-height:1.7; }
.mdi-family-highlights li+li { margin-top:16px; }
.mdi-family-highlights li::marker { color:var(--mdi-blue); }
.mdi-family-hero-footer { display:flex; align-items:center; justify-content:flex-start; padding-top:16px; }
.mdi-family-hero-footer>a { flex-shrink:0; padding:12px 0; }
.mdi-family-hero-footer>.mdi-filter-clear--button { padding:12px 16px; }
.mdi-family-note { color:var(--mdi-muted); font-size:.88rem; line-height:1.65; }
.mdi-family-nav { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 28px; }
.mdi-family-nav a { border:1px solid var(--mdi-border); border-radius:8px; background:var(--mdi-white); padding:10px 14px; font-size:.88rem; font-weight:600; text-decoration:none; }
.mdi-family-panel { margin:28px 0; padding:clamp(20px,3vw,36px); background:var(--mdi-white); border:1px solid var(--mdi-border); border-radius:20px; scroll-margin-top:20px; }
.mdi-family-panel h2 { margin:6px 0 16px; color:var(--mdi-navy); font-size:clamp(1.35rem,2vw,1.8rem); line-height:1.25; }
.mdi-family-panel h3 { color:var(--mdi-navy); font-size:1.02rem; }
.mdi-family-panel p { line-height:1.7; }
.mdi-family-panel>p:not(.mdi-section-eyebrow) { max-width:85ch; }
.mdi-family-panel a,.mdi-family-nav a { color:var(--mdi-blue); }
.mdi-family-panel a:hover,.mdi-family-nav a:hover { text-decoration:underline; }
.mdi-family-panel a:focus-visible,.mdi-family-nav a:focus-visible,.mdi-family-disclosure summary:focus-visible { outline:3px solid var(--mdi-blue); outline-offset:3px; }
.mdi-family-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:22px 0; }
.mdi-family-stats>div { padding:18px; background:var(--mdi-blue-soft); border-radius:12px; }
.mdi-family-stats strong,.mdi-family-stats span { display:block; }
.mdi-family-stats strong { font-size:clamp(1.2rem,2vw,1.65rem); color:var(--mdi-navy); }
.mdi-family-stats span { font-size:.85rem; margin-top:6px; }
.mdi-family-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:24px 0; }
.mdi-family-feature-grid>div { min-width:0; padding:20px; border:1px solid var(--mdi-border); border-radius:12px; }
.mdi-family-feature-grid h3 { margin:0 0 14px; }
.mdi-family-feature-grid ul { list-style:none; padding:0; margin:0; }
.mdi-family-feature-grid li { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:baseline; gap:8px 16px; margin:0; padding:10px 0; border-top:1px solid var(--mdi-border); line-height:1.5; }
.mdi-family-feature-grid li strong { font-size:.92rem; overflow-wrap:anywhere; }
.mdi-family-feature-grid li span { font-size:.84rem; color:var(--mdi-muted); text-align:right; font-variant-numeric:tabular-nums; }
.mdi-family-facet-group { margin:24px 0; }
.mdi-family-facets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; padding:0; gap:10px; }
.mdi-family-facets li { min-width:0; }
.mdi-family-facets a { display:flex; justify-content:space-between; align-items:center; gap:8px 14px; height:100%; border:1px solid var(--mdi-border); border-radius:9px; padding:12px; text-decoration:none; font-size:.88rem; line-height:1.5; background:var(--mdi-blue-soft); }
.mdi-family-facets a span { font-weight:600; }
.mdi-family-facets small { color:var(--mdi-muted); white-space:nowrap; font-variant-numeric:tabular-nums; }
.mdi-family-disclosure { border-top:1px solid var(--mdi-border); margin-top:18px; padding-top:18px; }
.mdi-family-disclosure summary { cursor:pointer; color:var(--mdi-navy); font-weight:600; line-height:1.5; padding:4px 0; }
.mdi-family-models { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; list-style:none; padding:0; }
.mdi-family-related-list { list-style:none; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; }
.mdi-family-related-list li { padding:14px 0; border-bottom:1px solid var(--mdi-border); }
.mdi-family-related-list a { font-weight:600; }
.mdi-family-related-list span { display:block; font-size:.83rem; color:var(--mdi-muted); margin-top:4px; }
.mdi-family-panel .mdi-product-card h2 { margin:0; font-size:1.15rem; }
.mdi-family-accessory { min-width:0; }
.mdi-family-contact { display:grid; grid-template-columns:minmax(0,1fr) minmax(210px,320px); gap:24px; align-items:center; }
.mdi-family-contact__actions { display:flex; flex-direction:column; gap:16px; align-items:flex-start; }
.mdi-family-contact__actions .mdi-quote-cta { color:var(--mdi-white); }
#i550-produtos { scroll-margin-top:24px; }
@media(max-width:900px) {
 .mdi-family-stats,.mdi-family-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .mdi-family-facets { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .mdi-family-models { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:800px) {
 .mdi-family-intro-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
 .mdi-family-hero-footer { flex-direction:column; align-items:flex-start; gap:10px; }
}
@media(max-width:600px) {
 .mdi-family-contact,.mdi-family-feature-grid,.mdi-family-related-list,.mdi-family-facets { grid-template-columns:minmax(0,1fr); }
 .mdi-family-lead { font-size:1rem; margin:18px 0 24px; }
 .mdi-family-intro-grid>section { padding:20px; }
 .mdi-family-feature-grid>div { padding:16px; }
 .mdi-family-feature-grid li { column-gap:10px; }
 .mdi-family-panel { border-radius:14px; padding:20px 16px; }
 .mdi-family-stats { gap:8px; }
 .mdi-family-stats>div { padding:12px; }
 .mdi-family-nav { gap:8px; }
 .mdi-family-nav a { padding:9px 11px; font-size:.8rem; }
 .mdi-family-facets li,.mdi-family-facets a { max-width:100%; }
 .mdi-family-panel,.mdi-family-hero { overflow-wrap:anywhere; }
 .mdi-family-models { grid-template-columns:minmax(0,1fr); }
}