/* Approved commercial assets inside the existing T03 layout; page 561 only. */
.t03-commercial-systems .commercial-repair-assembly { display:block; width:100%; height:100%; object-fit:contain; position:absolute; inset:0; }
.t03-commercial-systems .t02-s13 { background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url('../images/commercial-repair/guide-bg.webp'); }
.t03-commercial-systems .t02-guide-compact a { white-space:normal; }

.desantis-residential-roofing .t03-commercial-systems .t02-s11--dynamic { display:block; }

/* Final approved commercial geometry inside existing T03 components. */
.t03-commercial-systems .t02-s11__description { display:block; }
@media (min-width:1360px) {
 .desantis-homepage .t03-commercial-systems .residential-hero__actions { margin-top:26px; }
 .desantis-homepage .t03-commercial-systems .residential-hero__title-highlight { width:fit-content; }
}
@media (min-width:1280px) {
 .desantis-residential-roofing .t03-commercial-systems .t02-guide-compact a { left:204px; right:auto; width:288px; height:auto; text-align:right; white-space:nowrap; }
}

/* Approved S03 expanded copy: restore existing T03 interaction only on page 561. */
.desantis-residential-roofing .t03-commercial-systems .service-option-card h3 { font-family:var(--type-font-body); font-size:22px; line-height:28px; font-weight:700; }
.desantis-residential-roofing .t03-commercial-systems .service-option-card__short,
.desantis-residential-roofing .t03-commercial-systems .service-option-card__full { font-family:var(--type-font-body); font-size:16px; line-height:24px; font-weight:500; }
.desantis-residential-roofing .t03-commercial-systems .service-option-card__cta { font-family:var(--type-font-body); font-size:14px; line-height:18px; font-weight:700; }
.desantis-residential-roofing .t03-commercial-systems .service-option-card__full { display:block !important; visibility:hidden; opacity:0; top:64px; left:24px; width:calc(100% - 48px); }
.desantis-residential-roofing .t03-commercial-systems .service-option-card:is(:hover,:focus-within,.is-expanded) h3 { top:24px; }
.desantis-residential-roofing .t03-commercial-systems .service-option-card:is(:hover,:focus-within,.is-expanded) .service-option-card__short { opacity:0; visibility:hidden; }
.desantis-residential-roofing .t03-commercial-systems .service-option-card:is(:hover,:focus-within,.is-expanded) .service-option-card__full { visibility:visible; opacity:1; transform:none; }
.desantis-residential-roofing .t03-commercial-systems .service-option-card:is(:hover,:focus-within,.is-expanded) .service-option-card__shade { background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.93)); }

@media (min-width:1280px) {
 .desantis-homepage .t03-commercial-systems .t02-s02__cards > .service-option-card:nth-child(4):not(:hover):not(:focus-within):not(.is-expanded) h3 { top:158px; }
 .desantis-homepage .t03-commercial-systems .t02-s02__cards > .service-option-card:nth-child(4) .service-option-card__short { top:196px; }
 .desantis-homepage .t03-commercial-systems .t02-s02__cards > .service-option-card:nth-child(4) .service-option-card__cta { top:248px; }
}

/* Approved natural text width with 14px horizontal and 2.5px vertical highlight padding. */
.desantis-homepage .t03-commercial-systems .residential-hero__title-highlight { display:inline-block; width:fit-content; min-width:0; max-width:100%; height:auto; padding:2.5px 14px; box-sizing:border-box; }
.desantis-homepage .t03-commercial-systems .t02-section-heading__highlight { display:inline-block; width:fit-content; min-width:0; max-width:100%; height:auto; padding:2.5px 14px; box-sizing:border-box; }
.desantis-homepage .t03-commercial-systems #t02-s04-title > span { display:inline-block; width:fit-content; min-width:0; max-width:100%; height:auto; padding:2.5px 14px; box-sizing:border-box; }
.desantis-homepage .t03-commercial-systems #t02-decision-path-title > span { display:inline-block; width:fit-content; min-width:0; max-width:100%; height:auto; padding:2.5px 14px; box-sizing:border-box; }

/* Scope: the three new commercial T03 pages; tablet cards remain 4 columns. */
@media (min-width:1024px) and (max-width:1279px) {
 .desantis-residential-roofing :is(.t03-commercial-inspection,.t03-commercial-replacement,.t03-commercial-systems) .service-option-card h3,
 .desantis-residential-roofing :is(.t03-commercial-inspection,.t03-commercial-replacement,.t03-commercial-systems) .service-option-card__short { left:24px; width:calc(100% - 48px); }
 .desantis-residential-roofing :is(.t03-commercial-inspection,.t03-commercial-replacement,.t03-commercial-systems) .service-option-card:not(:hover):not(:focus-within):not(.is-expanded) h3 { top:120px; }
 .desantis-residential-roofing :is(.t03-commercial-inspection,.t03-commercial-replacement,.t03-commercial-systems) .service-option-card__short { top:184px; }
 .desantis-residential-roofing :is(.t03-commercial-inspection,.t03-commercial-replacement,.t03-commercial-systems) .service-option-card__cta { top:276px; }
 .desantis-residential-roofing :is(.t03-commercial-inspection,.t03-commercial-replacement,.t03-commercial-systems) .service-option-card__full { top:92px; }
}