/* V19: compact the six content cards to the same outer width as the opening. */
body.madar-home{overflow-x:clip}
.madar-home .m-container.m-section-frame>*{min-width:0}
.madar-home .m-container.m-section-frame{width:min(1118px,calc(100% - 32px));padding:24px;margin-block:18px;gap:28px}
.madar-home .m-container.m-section-frame::before{inset:0;border-radius:15px}
.madar-home .m-section-frame .m-section-heading{gap:24px;margin-bottom:18px}
.madar-home .m-section-frame .m-section-heading h2{margin:7px 0 12px;font-size:25px!important}
.madar-home .m-section-frame .m-section-heading>p{margin:0 0 12px}
.madar-home .m-section-frame .m-eyebrow{margin:0 0 6px}
/* Repair tiles: less empty area, same legible labels and usable link surface. */
.madar-home .m-services .m-service{padding:13px 15px}
.madar-home .m-services .m-service h3{font-size:16px!important;margin:7px 0 5px}
.madar-home .m-services .m-service>span{font-size:12px}
/* The inner journey and values cards now include their own compact padding. */
.madar-home .m-journey ol{gap:14px;margin:0}
.madar-home .m-journey li.m-inner-frame{padding:14px 13px;border:0}
.madar-home .m-inner-frame::before{inset:0;border-radius:12px}
.madar-home .m-journey li>span{top:10px;inset-inline-end:11px;font-size:20px}
.madar-home .m-journey li h3{font-size:16px!important;margin:10px 0 6px}
.madar-home .m-journey li p{font-size:13px!important;line-height:1.75;margin:0}
.madar-home .m-values{gap:13px}
.madar-home .m-values>div.m-inner-frame{padding:13px 14px;border:0}
.madar-home .m-values h3{font-size:16px!important;margin:7px 0 0}
.madar-home .m-values>div>span{font-size:19px}
.madar-home .m-about>div>h2{margin:7px 0 14px}
.madar-home .m-about>div>p{margin-block:0 12px}
.madar-home .m-about small{margin-top:12px}
.madar-home .m-warranty>div>h2{font-size:23px!important;padding:9px 13px;margin:7px 0 14px}
.madar-home .m-warranty form{padding:17px;gap:9px;align-self:center}
.madar-home .m-warranty form h3{margin:0 0 5px}
.madar-home .m-warranty form .m-button{min-height:44px;padding-block:9px}
.madar-home .google-ready{gap:16px;padding:4px 0}
.madar-home .google-ready h2{font-size:23px!important;margin:0 0 9px}
.madar-home .google-ready p{margin:0 0 12px}
.madar-home .google-pending{padding:6px 10px;font-size:12px}
.madar-home .m-faq>div>h2{margin:7px 0 14px}
.madar-home .m-faq details{padding:12px 0}
.madar-home .m-faq summary{min-height:24px;line-height:1.7}
.madar-home .m-faq details p{margin:8px 0 4px}
.madar-home .m-header .e-links>.v19-mobile-account{display:none}
.madar-home .v19-hero-stats{width:calc(100% - 44px);margin:16px auto 24px;padding:15px 7px;gap:0;background:linear-gradient(110deg,#fff,#f0f9fc);border:1px solid #b2c7d7;border-radius:15px;box-shadow:0 5px 16px #071e3c09}
.madar-home .v19-hero-stats>div{min-width:0;padding:0 8px;align-content:center}
.madar-home .v19-hero-stats strong,.madar-home .v19-hero-stats>div>span{max-width:100%;overflow-wrap:anywhere}
.madar-home .v19-hero-stats strong{font-size:25px}
.madar-home .v19-hero-stats>div>span{font-size:12px}
.madar-home .v19-hero-stats .google-rating-trigger{min-width:0;max-width:100%;padding:0;border:0;background:transparent}
.madar-home .v19-hero-stats .google-rating-trigger>span{font-size:12px}
.madar-home .v19-hero-stats .google-link-pending{font-size:9px;line-height:1.5}
.madar-home .v19-hero-stats .stats-stars{font-size:9px;letter-spacing:1px;margin-top:3px}
.madar-home .coverage-unified{margin-top:12px}
/* Separate, softly rounded service cards with coloured icon tiles. */
.madar-home .m-services .m-service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;border:0;border-radius:0;background:transparent;overflow:visible}
.madar-home .m-services .v19-service-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:16px 14px;border:1px solid #b7cbd9;border-radius:16px;background:#fff;box-shadow:0 4px 12px #071e3c06;transition:background .2s,border-color .2s,transform .2s}
.madar-home .m-services .v19-service-card:hover{border-color:#37b4ca;background:#f5fcff;transform:translateY(-2px)}
.madar-home .v19-service-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;margin-bottom:5px;border-radius:11px;background:linear-gradient(135deg,#03bfd9,#0879ab);color:#fff;box-shadow:0 4px 9px #009dbb1a}
.madar-home .m-services .v19-service-card .v19-service-icon,.madar-home .m-services .v19-service-card .v19-service-icon .e-icon{color:#fff}
.madar-home .v19-service-icon .e-icon{width:21px;height:21px}
.madar-home .m-services .v19-service-card h3{font-size:15px!important;margin:8px 0 6px;line-height:1.5}
.madar-home .m-services .v19-service-card p{font-size:12px!important;line-height:1.75;margin:0 0 13px;color:#597183}
.madar-home .m-services .v19-service-card .v19-service-cta{margin-top:auto;padding-top:8px;border-top:1px solid #e0eaf1;width:100%;color:#148aa2;font-size:11px}
@media(min-width:761px) and (max-width:1050px){.madar-home .m-services .m-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 .madar-original-art .m-header{position:sticky;top:8px;z-index:80;background:#fffffff0;border:1px solid #e0e9f1;border-radius:16px;box-shadow:0 5px 18px #0b294b0c;backdrop-filter:blur(16px)}
 .madar-original-art .m-header .e-header-inner{display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px;direction:ltr;gap:0 9px;padding:8px 12px;min-height:60px;height:auto}
 .madar-original-art .m-header .m-logo{grid-column:2;grid-row:1;justify-self:center;order:initial;padding:0}
 .madar-original-art .m-header .m-logo img{width:142px;height:43px}
 .madar-original-art .m-header .e-header-actions{grid-column:1;grid-row:1;margin:0;display:flex;justify-content:center}
 .madar-original-art .m-header .e-header-actions>.m-small{display:none}
 .madar-original-art .m-header .v17-menu-toggle{display:grid;place-items:center;grid-column:3;grid-row:1;order:initial;width:40px;height:40px;padding:8px;border:0;border-radius:10px;background:transparent}
 .madar-original-art .m-header .v17-menu-toggle svg{width:23px;height:23px}
 .madar-original-art .m-header .e-links{grid-column:1/-1;grid-row:2;direction:rtl;margin:0;width:100%;padding-top:10px;border-top:1px solid #dce7ef}
 html[lang=en] .madar-original-art .m-header .e-links{direction:ltr}
 .madar-original-art .m-header.menu-open .e-links{margin-top:8px}
 .madar-original-art .m-header .e-links .v19-mobile-account{display:flex;border-top:1px solid #e2ebf2;margin-top:5px;padding-top:13px;color:#007b95}
 .madar-home .v19-hero-stats{grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% - 22px);padding:13px 3px;margin:13px auto 19px;border-radius:13px}
 .madar-home .v19-hero-stats>div{padding:0 4px;gap:3px}
 .madar-home .v19-hero-stats strong,.madar-home .v19-hero-stats .google-rating-trigger strong{font-size:20px!important;line-height:1.4}
 .madar-home .v19-hero-stats strong small{font-size:10px}
 .madar-home .v19-hero-stats>div>span,.madar-home .v19-hero-stats .google-rating-trigger>span{font-size:10px;line-height:1.6;display:block}
 .madar-home .v19-hero-stats .google-link-pending{font-size:8px;margin-top:3px}
 .madar-home .v19-hero-stats .stats-stars{font-size:7px;letter-spacing:0}
 .madar-home .m-container.m-section-frame{width:calc(100% - 22px);padding:19px 16px;margin-block:15px;gap:18px}
 .madar-home .m-section-frame .m-section-heading{gap:12px;margin-bottom:14px}
 .madar-home .m-section-frame .m-section-heading h2{font-size:22px!important;margin-bottom:10px}
 .madar-home .m-services .m-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .madar-home .m-services .v19-service-card{padding:14px 12px}
 .madar-home .m-services .m-service h3{font-size:14px!important;margin:7px 0 4px}
 .madar-home .m-services .m-service>span{font-size:11px}
 .madar-home .m-journey ol{gap:12px}
 .madar-home .m-journey li.m-inner-frame{padding:12px 10px}
 .madar-home .m-journey li h3,.madar-home .m-values h3{font-size:14px!important}
 .madar-home .m-journey li p{font-size:12px!important}
 .madar-home .m-values>div.m-inner-frame{padding:11px 12px}
 .madar-home .m-warranty>div>h2{font-size:21px!important}
 .madar-home .m-warranty form{padding:14px}
 .madar-home .google-ready{gap:12px}
 .madar-home .google-ready h2{font-size:21px!important}
 .madar-home .m-faq details{padding:10px 0}
}
@media(max-width:360px){
 .madar-home .v19-hero-stats strong,.madar-home .v19-hero-stats .google-rating-trigger strong{font-size:17px!important}
 .madar-home .v19-hero-stats>div:last-child strong{font-size:14px!important}
 .madar-home .coverage-result-toolbar{flex-wrap:wrap;gap:8px}
 .madar-home .coverage-result-toolbar p{flex-basis:100%}
 .madar-original-art .ref-service-strip>a{gap:6px}
 .madar-original-art .ref-service-strip>a>span{font-size:12px;white-space:normal}
}