/* MFI homepage refresh (page-id-9 only). Scoped; no layout-shifting properties on hover. */
body.page-id-9{--mfh-navy:#0b2545;--mfh-blue:#007fc4;--mfh-amber:#f0a202;--mfh-line:#e3e8ef}

/* ---------- Our Products (high-nickel catalog cards) ---------- */
body.page-id-9 .mfi-catalog .mfi-grid,body.page-id-9 .mfi-catalog .mfi-grid--pair{display:grid;gap:18px;margin-bottom:18px}
body.page-id-9 .mfi-catalog .mfi-grid--nickel{grid-template-columns:repeat(5,minmax(0,1fr))}
body.page-id-9 .mfi-catalog .mfi-grid--nickel>.mfi-card,body.page-id-9 .mfi-catalog .mfi-grid--nickel>.mfi-card:nth-child(n+4){grid-column:auto}
body.page-id-9 .mfi-catalog .mfi-grid--pair{grid-template-columns:repeat(2,minmax(0,1fr))}
body.page-id-9 .mfi-catalog .mfi-card{position:relative;display:flex;flex-direction:column;min-height:168px;padding:0;background:#fff;border:1px solid var(--mfh-line);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(11,37,69,.06);text-decoration:none;color:var(--mfh-navy);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;will-change:transform}
body.page-id-9 .mfi-catalog .mfi-card:hover,body.page-id-9 .mfi-catalog .mfi-card:focus-visible{transform:translateY(-4px);box-shadow:0 12px 28px rgba(11,37,69,.14);border-color:var(--mfh-blue)}
body.page-id-9 .mfi-catalog .mfi-card .mfi-card__kicker{display:block;background:var(--mfh-navy);color:#fff;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:11px 18px;border-bottom:3px solid var(--mfh-amber)}
body.page-id-9 .mfi-catalog .mfi-card strong{display:block;font-size:18px;line-height:1.3;padding:16px 18px 6px;color:var(--mfh-navy)}
body.page-id-9 .mfi-catalog .mfi-card .mfi-card__spec{display:block;margin-top:auto;font-size:13.5px;color:#5a6577;padding:6px 52px 18px 18px;line-height:1.4}
body.page-id-9 .mfi-catalog .mfi-card::after,body.page-id-9 .mfi-special .mfi-special__card::after{content:"\2192";position:absolute;right:16px;bottom:14px;width:28px;height:28px;border-radius:50%;background:#eef4fb;color:var(--mfh-blue);font-size:16px;line-height:28px;text-align:center;font-weight:700;transition:transform .2s ease,background .2s ease,color .2s ease}
body.page-id-9 .mfi-catalog .mfi-card:hover::after,body.page-id-9 .mfi-special .mfi-special__card:hover::after{background:var(--mfh-blue);color:#fff;transform:translateX(3px)}

/* ---------- Our Special Products (image cards) ---------- */
body.page-id-9 .mfi-special{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:900px;margin:0 auto;padding:0}
body.page-id-9 .mfi-special .mfi-special__card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--mfh-line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--mfh-navy);box-shadow:0 1px 2px rgba(11,37,69,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
body.page-id-9 .mfi-special .mfi-special__card:hover,body.page-id-9 .mfi-special .mfi-special__card:focus-visible{transform:translateY(-4px);box-shadow:0 14px 30px rgba(11,37,69,.16);border-color:var(--mfh-blue)}
body.page-id-9 .mfi-special .mfi-special__media{display:block;aspect-ratio:16/9;overflow:hidden;background:#eef2f6}
body.page-id-9 .mfi-special .mfi-special__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
body.page-id-9 .mfi-special .mfi-special__card:hover .mfi-special__media img{transform:scale(1.04)}
body.page-id-9 .mfi-special .mfi-special__body{display:block;text-align:left;padding:16px 56px 18px 18px;border-top:3px solid var(--mfh-amber)}
body.page-id-9 .mfi-special .mfi-special__body strong{display:block;font-size:18px;color:var(--mfh-navy);margin-bottom:4px}
body.page-id-9 .mfi-special .mfi-special__body span{font-size:13.5px;color:#5a6577}

/* ---------- Product image banners under Our Products (fixed ratio, no CLS) ---------- */
body.page-id-9 .spb_image_banner .sf-image-banner{border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
body.page-id-9 .spb_image_banner .sf-image-banner:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(11,37,69,.18)}
body.page-id-9 .spb_image_banner .img-wrap{aspect-ratio:1024/958;overflow:hidden}
body.page-id-9 .spb_image_banner .img-wrap img{width:100%;height:100%;object-fit:cover}

/* ---------- Our Blog cards: 16:9 featured diagrams ---------- */
body.page-id-9 .recent-posts .recent-post .figure-wrap .img-wrap{aspect-ratio:16/9;overflow:hidden;background:#0b2545}
body.page-id-9 .recent-posts .recent-post .figure-wrap .img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center}

/* ---------- Homepage 4-field RFQ ---------- */
body.page-id-9 .mfi-home-rfq input:not([type=submit]){width:100%}
body.page-id-9 .mfi-home-rfq label{color:#fff;font-weight:600}

/* ---------- Mobile ---------- */
@media (max-width:991px){
 body.page-id-9 .mfi-catalog .mfi-grid--nickel{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.page-id-9 .mfi-catalog .mfi-grid--nickel>.mfi-card,body.page-id-9 .mfi-catalog .mfi-grid--nickel>.mfi-card:nth-child(n+4){grid-column:auto}
 body.page-id-9 .mfi-catalog .mfi-grid--nickel>.mfi-card:last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:640px){
 body.page-id-9 .mfi-catalog .mfi-grid,body.page-id-9 .mfi-catalog .mfi-grid--pair{gap:12px}
 body.page-id-9 .mfi-catalog .mfi-grid--nickel,body.page-id-9 .mfi-catalog .mfi-grid--pair{grid-template-columns:1fr}
 body.page-id-9 .mfi-catalog .mfi-grid--nickel>.mfi-card:last-child:nth-child(odd){grid-column:auto}
 body.page-id-9 .mfi-catalog .mfi-card{min-height:0}
 body.page-id-9 .mfi-catalog .mfi-card strong{font-size:17px;padding-top:12px}
 body.page-id-9 .mfi-special{grid-template-columns:1fr;max-width:none;gap:14px}
}
@media (prefers-reduced-motion:reduce){
 body.page-id-9 .mfi-card,body.page-id-9 .mfi-special__card,body.page-id-9 .mfi-special__media img,body.page-id-9 .sf-image-banner{transition:none!important;transform:none!important}
}

/* ---------- Our Products v2: badge header + illustrated 7-card grid (4+3) ---------- */
body.page-id-9 .mfi-catalog .mfi-catalog__head{text-align:center;max-width:760px;margin:0 auto 28px}
body.page-id-9 .mfi-catalog .mfi-kicker--badge{display:inline-block;margin:0 0 10px;padding:5px 14px;border-radius:999px;background:#fff6e0;border:1px solid #f5d27a;color:#8a5a00;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
body.page-id-9 .mfi-catalog .mfi-catalog__head h3{font-size:28px;line-height:1.25;margin:0 0 10px;color:var(--mfh-navy)}
body.page-id-9 .mfi-catalog .mfi-catalog__head h3::after{content:"";display:block;width:56px;height:3px;margin:12px auto 0;background:var(--mfh-amber);border-radius:2px}
body.page-id-9 .mfi-catalog .mfi-catalog__head p:not(.mfi-kicker){color:#5a6577;font-size:15px;line-height:1.6;margin:0}
body.page-id-9 .mfi-catalog .mfi-grid--v2{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
body.page-id-9 .mfi-catalog .mfi-grid--v2>.mfi-card,body.page-id-9 .mfi-catalog .mfi-grid--v2>.mfi-card:nth-child(n+4){grid-column:span 3}
body.page-id-9 .mfi-catalog .mfi-grid--v2>.mfi-card:nth-child(n+5){grid-column:span 4}
body.page-id-9 .mfi-catalog .mfi-card--v2{min-height:0;border-radius:14px}
body.page-id-9 .mfi-catalog .mfi-card--v2::after{display:none}
body.page-id-9 .mfi-catalog .mfi-card__media{display:flex;align-items:center;justify-content:center;height:132px;background:radial-gradient(circle at 70% 20%,#ffffff 0,#eef3f9 60%,#e2eaf4 100%);border-bottom:3px solid var(--mfh-amber)}
body.page-id-9 .mfi-catalog .mfi-card__media .mfi-ico{width:120px;height:80px;transition:transform .25s ease}
body.page-id-9 .mfi-catalog .mfi-card--v2:hover .mfi-ico{transform:scale(1.07)}
body.page-id-9 .mfi-catalog .mfi-card__body{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}
body.page-id-9 .mfi-catalog .mfi-card--v2 .mfi-card__kicker{display:inline-block;width:auto;max-width:100%;align-self:flex-start;background:var(--mfh-navy);color:#fff;border:0;border-radius:6px;padding:4px 9px;font-size:10.5px;letter-spacing:.1em}
body.page-id-9 .mfi-catalog .mfi-card--v2 strong{padding:10px 0 4px;font-size:18px}
body.page-id-9 .mfi-catalog .mfi-card--v2 .mfi-card__spec{margin:0 0 14px;padding:0;color:#5a6577;font-size:13.5px}
body.page-id-9 .mfi-catalog .mfi-card__cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:8px 14px;border-radius:8px;border:1.5px solid var(--mfh-navy);color:var(--mfh-navy);font-size:13px;font-weight:700;transition:background .2s ease,color .2s ease}
body.page-id-9 .mfi-catalog .mfi-card__cta::after{content:"\2192";transition:transform .2s ease}
body.page-id-9 .mfi-catalog .mfi-card--v2:hover .mfi-card__cta,body.page-id-9 .mfi-catalog .mfi-card--v2:focus-visible .mfi-card__cta{background:var(--mfh-navy);color:#fff}
body.page-id-9 .mfi-catalog .mfi-card--v2:hover .mfi-card__cta::after{transform:translateX(3px)}
@media (max-width:991px){
 body.page-id-9 .mfi-catalog .mfi-grid--v2{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.page-id-9 .mfi-catalog .mfi-grid--v2>.mfi-card,body.page-id-9 .mfi-catalog .mfi-grid--v2>.mfi-card:nth-child(n+4),body.page-id-9 .mfi-catalog .mfi-grid--v2>.mfi-card:nth-child(n+5){grid-column:auto}
 body.page-id-9 .mfi-catalog .mfi-grid--v2>.mfi-card:last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:640px){
 body.page-id-9 .mfi-catalog .mfi-catalog__head h3{font-size:23px}
 body.page-id-9 .mfi-catalog .mfi-grid--v2{grid-template-columns:1fr;gap:14px}
 body.page-id-9 .mfi-catalog .mfi-grid--v2>.mfi-card:last-child:nth-child(odd){grid-column:auto}
 body.page-id-9 .mfi-catalog .mfi-card--v2{flex-direction:row}
 body.page-id-9 .mfi-catalog .mfi-card__media{width:108px;height:auto;flex:0 0 108px;border-bottom:0;border-right:3px solid var(--mfh-amber)}
 body.page-id-9 .mfi-catalog .mfi-card__media .mfi-ico{width:84px;height:56px}
 body.page-id-9 .mfi-catalog .mfi-card__body{padding:12px 14px 14px}
}
@media (prefers-reduced-motion:reduce){body.page-id-9 .mfi-ico,body.page-id-9 .mfi-card__cta::after{transition:none!important;transform:none!important}}