#mf-promo-illustrated { background: #FFF; padding: 36px 0; scroll-margin-top: 90px; }
#mf-promo-illustrated .mf-promo-banners-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
#mf-promo-illustrated .mf-promo-banner-card { position: relative; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,1fr); padding: 22px 0 22px 22px; min-height: 270px; border-radius: 22px; border: 1px solid #DCE8FA; background: #F4F8FF; box-shadow: 0 6px 20px rgba(6,43,111,.05); color: #092551; overflow: hidden; }
#mf-promo-illustrated .mf-banner-overlay-shape { display: none; }
#mf-promo-illustrated .mf-banner-inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; height: 100%; }
#mf-promo-illustrated .mf-banner-badge { max-width: 100%; box-sizing: border-box; font-size: 9px; font-weight: 800; line-height: 1.5; padding: 5px 8px; background: #DFEBFF; color: #003DA5; border-radius: 20px; margin: 0 0 14px; white-space: normal; }
#mf-promo-illustrated .mf-banner-title { color: #092551; font-size: 22px; font-weight: 800; line-height: 1.45; margin: 0 0 10px; }
#mf-promo-illustrated .mf-banner-sub { color: #526682; font-size: 13px; line-height: 1.7; margin: 0 0 20px; }
#mf-promo-illustrated .mf-btn-banner { margin-top: auto; background: #FFC400; color: #092551; border: 0; border-radius: 30px; min-height: 42px; padding: 10px 18px; font-size: 13px; font-weight: 800; white-space: nowrap; }
#mf-promo-illustrated .mf-btn-banner:hover { background: #FFD33D; }
#mf-promo-illustrated .mf-btn-banner:focus-visible { outline: 3px solid #003DA5; outline-offset: 4px; }
#mf-promo-illustrated .mf-promo-art { align-self: center; width: 100%; aspect-ratio: 1 / 1; background-image: url('../../../../assets/images/promos/mf-promo-atlas-v2.png'); background-repeat: no-repeat; background-size: 300% 100%; }
#mf-promo-illustrated .mf-promo-art-0 { background-position: 0% 50%; }
#mf-promo-illustrated .mf-promo-art-1 { background-position: 50% 50%; }
#mf-promo-illustrated .mf-promo-art-2 { background-position: 100% 50%; }
@media (max-width:1100px) and (min-width:768px) {
 #mf-promo-illustrated .mf-promo-banner-card { grid-template-columns: minmax(0,1fr); padding: 20px; }
 #mf-promo-illustrated .mf-promo-art { grid-row: 1; max-width: 240px; justify-self: center; margin-bottom: 12px; }
 #mf-promo-illustrated .mf-banner-inner { height: auto; }
 #mf-promo-illustrated .mf-banner-sub { flex: 1; }
}
@media (max-width:767px) {
 #mf-promo-illustrated { padding: 24px 0; }
 #mf-promo-illustrated .mf-promo-banners-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
 #mf-promo-illustrated .mf-promo-banner-card { padding: 20px 0 20px 20px; min-height: 260px; }
 #mf-promo-illustrated .mf-banner-title { font-size: 22px; }
}

#mf-promo-illustrated .mf-banner-title-line { display: block; white-space: nowrap; }
