
/* Layout C. Dedicated ID keeps legacy homepage rules out of this gallery. */
#homeCompactPromo{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2.35fr)!important;gap:14px!important;padding:24px!important;background:#fff!important;border:1px solid #e3eaf0;border-radius:18px;align-items:stretch!important}
#homeCompactPromo .commerce-v4-hero-banner{display:contents!important}
#homeCompactPromo .commerce-v4-hero-copy{grid-area:1/1/2/3!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 24px!important;padding:0 0 8px!important;min-height:0!important;width:100%!important;background:none!important}
#homeCompactPromo .commerce-v4-label-row{grid-column:1;margin:0!important}
#homeCompactPromo .badge::after{display:none!important}
#homeCompactPromo h1{grid-column:1;font-size:clamp(24px,2.5vw,34px)!important;line-height:1.2!important;margin:0!important;max-width:none!important}
#homeCompactPromo .commerce-v4-hero-copy>p{grid-column:1;display:block!important;margin:0!important;font-size:14px!important;line-height:1.6!important;font-weight:400!important;max-width:none!important}
#homeCompactPromo .commerce-v4-hero-actions{grid-area:1/2/4/3!important;align-self:center;display:grid!important;grid-template-columns:auto auto!important;gap:10px 14px!important;margin:0!important;max-width:none!important}
#homeCompactPromo .commerce-v4-hero-actions a{display:inline-flex!important;align-items:center;justify-content:center}
#homeCompactPromo .commerce-v4-hero-actions a:nth-child(1){grid-area:1/1/2/3!important}
#homeCompactPromo .commerce-v4-hero-actions a:nth-child(2){grid-area:2/1/3/2!important}
#homeCompactPromo .commerce-v4-hero-actions a:nth-child(3){grid-area:2/2/3/3!important}
#homeCompactPromo .commerce-v4-secondary{background:none!important;border:0!important;box-shadow:none!important;padding:6px 0!important;font-size:13px!important}
#homeCompactPromo #homeHeroImageLink{grid-area:2/2/3/3!important;position:relative;display:block!important;width:100%!important;height:auto!important;aspect-ratio:5/3!important;min-height:0!important;max-height:none!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;overflow:hidden;background:#081321!important}
#homeCompactPromo #homeHeroImageLink:before{content:'';position:absolute;inset:-15px;background-image:var(--promo-image);background-size:cover;background-position:center;filter:blur(18px) brightness(.65)}
#homeCompactPromo #homeHeroImageLink img{position:relative;display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;background:transparent!important}
#homeCompactPromo #homeBanners{grid-area:2/1/3/2!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:12px!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;overflow:hidden}
#homeCompactPromo #homeBanners a{position:relative;display:block!important;min-width:0!important;width:100%!important;max-width:none!important;min-height:0!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;padding:0!important;margin:0!important;overflow:hidden;border:0!important;border-radius:12px!important;background:#081321!important}
#homeCompactPromo #homeBanners img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;background:transparent!important}
#homeCompactPromo a:focus-visible{outline:3px solid #ff7614;outline-offset:3px}
#homeCompactPromo .compact-service-strip{grid-area:3/1/4/3!important;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:12px;color:#617384;padding:0}
@media(max-width:767px){
 #homeCompactPromo{grid-template-columns:minmax(0,1fr)!important;padding:12px!important;gap:12px!important}
 #homeCompactPromo .commerce-v4-hero-copy{grid-area:1/1/2/2!important;display:block!important}
 #homeCompactPromo h1{font-size:24px!important;margin:8px 0!important}
 #homeCompactPromo .commerce-v4-hero-actions{margin-top:12px!important}
 #homeCompactPromo #homeHeroImageLink{grid-area:2/1/3/2!important}
 #homeCompactPromo #homeBanners{grid-area:3/1/4/2!important;display:flex!important;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px!important}
 #homeCompactPromo #homeBanners a{flex:0 0 78%!important;width:78%!important;min-width:78%!important;height:auto!important;aspect-ratio:2/1!important;scroll-snap-align:start}
 #homeCompactPromo .compact-service-strip{grid-area:4/1/5/2!important;gap:6px 12px;font-size:11px}
}

#homeCompactPromo #homeHeroImageLink img{position:absolute!important;inset:0} @media(min-width:768px){#homeCompactPromo #homeBanners{contain:size}#homeCompactPromo #homeBanners img{position:absolute!important;inset:0}}

#homeCompactPromo #homeBanners a:before{content:"";position:absolute;inset:-12px;background-image:var(--promo-image);background-size:cover;background-position:center;filter:blur(14px) brightness(.65)}#homeCompactPromo #homeBanners img{position:relative;object-fit:contain!important}

/* Reserve the C layout before the managed promotion has loaded. */
#homeCompactPromo{position:relative}
#homeCompactPromo.promo-pending .commerce-v4-hero-copy,#homeCompactPromo.promo-pending #homeHeroImageLink,#homeCompactPromo.promo-pending #homeBanners,#homeCompactPromo.promo-pending .compact-service-strip{visibility:hidden!important}
#homeCompactPromo.promo-pending{background:#f4f7fa!important}
#homePromoStatus{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#64748b;padding:24px;text-align:center;z-index:1}

/* C: compact heading, central CTA and service information. */
#homeCompactPromo{background:linear-gradient(120deg,#fff,#f1f7fc)!important;column-gap:12px!important;row-gap:16px!important}
#homeCompactPromo .commerce-v4-hero-copy{grid-area:1/1/2/3!important;width:53%!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:14px!important;align-self:center;padding:0!important}
#homeCompactPromo .commerce-v4-label-row{display:none!important}
#homeCompactPromo h1{grid-area:1/1/2/2!important;font-size:clamp(22px,2.2vw,30px)!important;color:#0b214b!important}
#homeCompactPromo .commerce-v4-hero-copy>p{grid-area:2/1/3/2!important;color:#436184!important;line-height:1.4!important}
#homeCompactPromo .commerce-v4-hero-actions{grid-area:1/2/3/3!important;display:flex!important}
#homeCompactPromo .commerce-v4-hero-actions a:nth-child(n+2){display:none!important}
#homeCompactPromo .commerce-v4-hero-actions a:first-child{padding:12px 18px!important;white-space:nowrap;font-size:13px!important;border-radius:8px!important}
#homeCompactPromo .commerce-v4-hero-actions a:first-child:after{content:'\2192';margin-left:12px}
#homeCompactPromo .compact-service-strip{grid-area:1/1/2/3!important;justify-self:end;align-self:center;width:44%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;color:#0b214b}
#homeCompactPromo .promo-service{display:flex;align-items:center;gap:8px;min-width:0}
#homeCompactPromo .promo-service svg{width:26px;height:26px;flex-shrink:0}
#homeCompactPromo .promo-service b{display:block;font-size:11px;line-height:1.3}
#homeCompactPromo .promo-service small{display:block;font-size:10px;line-height:1.4;color:#617384;margin-top:3px}
@media(max-width:1050px){
#homeCompactPromo .commerce-v4-hero-copy{width:100%!important}
#homeCompactPromo .compact-service-strip{grid-area:2/1/3/3!important;width:100%;justify-self:stretch}
#homeCompactPromo #homeHeroImageLink{grid-area:3/2/4/3!important}
#homeCompactPromo #homeBanners{grid-area:3/1/4/2!important}
}
@media(max-width:767px){
#homeCompactPromo .commerce-v4-hero-copy{grid-area:1/1/2/2!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important}
#homeCompactPromo .commerce-v4-hero-actions{grid-area:3/1/4/2!important;margin-top:8px!important;justify-self:start}
#homeCompactPromo .compact-service-strip{grid-area:2/1/3/2!important;gap:8px}
#homeCompactPromo .promo-service{gap:5px;align-items:flex-start}
#homeCompactPromo .promo-service svg{width:20px;height:20px}
#homeCompactPromo .promo-service b{font-size:10px}
#homeCompactPromo .promo-service small{font-size:9px}
#homeCompactPromo #homeHeroImageLink{grid-area:3/1/4/2!important}
#homeCompactPromo #homeBanners{grid-area:4/1/5/2!important}
}
