/* Services styling: brighter cards with the homepage photo set. */
.service-detail-grid{gap:22px}
.service-detail-grid .detail-card{--card-accent:#4e9b78;--card-tint:#e5f2e8;position:relative;padding:28px!important;background:#fff!important;color:#173d33!important;border:1px solid #dbe7df!important;border-top:5px solid var(--card-accent)!important;border-radius:8px;box-shadow:0 9px 26px rgba(27,75,55,.08)}
.service-detail-grid .detail-card:nth-child(2){--card-accent:#c17f66;--card-tint:#f8eae2}
.service-detail-grid .detail-card:nth-child(3){--card-accent:#b59c4c;--card-tint:#f5f0dc}
.service-detail-grid .detail-card:nth-child(4){--card-accent:#5d91a7;--card-tint:#e5f0f4}
.service-detail-grid .detail-card:nth-child(5){--card-accent:#558da3;--card-tint:#e4f0f2}
.service-detail-grid .detail-card:nth-child(6){--card-accent:#8c80aa;--card-tint:#eeebf5}
.detail-card__top{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:18px;align-items:center;margin-bottom:20px}
.detail-card__heading{min-width:0}
.service-detail-grid .detail-icon{width:42px;height:42px;margin-bottom:12px;border:1px solid var(--card-accent)!important;background:var(--card-tint);color:#173d33!important}
.service-detail-grid .detail-card h2{margin:0!important;font-size:clamp(1.6rem,2.1vw,2.15rem)!important;line-height:1.12}
.detail-card__top img{display:block;width:150px;height:112px;object-fit:cover;border-radius:6px}
.service-detail-grid .detail-card p{color:#536b69!important}
.service-detail-grid .detail-card ul{margin-top:0}
.service-detail-grid .detail-card li{color:#263e37!important}
@media(max-width:620px){.service-detail-grid .detail-card{padding:22px!important}.detail-card__top{grid-template-columns:minmax(0,1fr) 96px;gap:10px;margin-bottom:12px}.detail-card__top img{width:96px;height:86px}.service-detail-grid .detail-card h2{font-size:1.55rem!important}}
/* Wide, shallow photo bands across the full card width. */
.detail-card__top{display:flex;flex-direction:column-reverse;align-items:stretch;gap:19px;margin-bottom:18px}
.detail-card__top img{order:0;width:calc(100% + 56px);height:205px;margin:-28px -28px 0;object-fit:cover;object-position:center top;border-radius:2px 2px 0 0}
.detail-card__heading{display:flex;align-items:center;gap:14px}
.service-detail-grid .detail-icon{flex:none;margin-bottom:0}
@media(max-width:620px){.detail-card__top{gap:14px}.detail-card__top img{width:calc(100% + 44px);height:150px;margin:-22px -22px 0}}