article.service:has(> a[data-service="Roof repair / leak"]){background-image:linear-gradient(180deg,rgba(5,12,22,.30) 0%,rgba(5,12,22,.70) 45%,rgba(5,12,22,.92) 100%),url('/roofing-shared/images/roof-repairs-service-20261111.webp');background-size:cover;background-position:60% center;color:#fff}article.service:has(> a[data-service="Roof repair / leak"]) h3,article.service:has(> a[data-service="Roof repair / leak"]) p{color:#fff;text-shadow:0 1px 3px #0005}article.service:has(> a[data-service="Roof repair / leak"]) .service-icon{color:#fff;border-color:#ffffffb3;background:#08203c55}

article.service:has(> a[data-service="Slipped or missing tiles"]){background-image:linear-gradient(180deg,rgba(5,12,22,.30) 0%,rgba(5,12,22,.70) 45%,rgba(5,12,22,.92) 100%),url('/roofing-shared/images/slipped-tiles-service-20261111.webp');background-size:cover;background-position:center;color:#fff}article.service:has(> a[data-service="Slipped or missing tiles"]) h3,article.service:has(> a[data-service="Slipped or missing tiles"]) p{color:#fff;text-shadow:0 1px 3px #0005}article.service:has(> a[data-service="Slipped or missing tiles"]) .service-icon{color:#fff;border-color:#ffffffb3;background:#08203c55}

article.service:has(> a[data-service="Flat roof repair"]){background-image:linear-gradient(180deg,rgba(5,12,22,.30) 0%,rgba(5,12,22,.70) 45%,rgba(5,12,22,.92) 100%),url('/roofing-shared/images/flat-roof-service-20261111.webp');background-size:cover;background-position:center;color:#fff}article.service:has(> a[data-service="Flat roof repair"]) h3,article.service:has(> a[data-service="Flat roof repair"]) p{color:#fff;text-shadow:0 1px 3px #0005}article.service:has(> a[data-service="Flat roof repair"]) .service-icon{color:#fff;border-color:#ffffffb3;background:#08203c55}

article.service:has(> a[data-service="Chimney or flashing repair"]){background-image:linear-gradient(180deg,rgba(5,12,22,.30) 0%,rgba(5,12,22,.70) 45%,rgba(5,12,22,.92) 100%),url('/roofing-shared/images/chimney-service-20261111.webp');background-size:cover;background-position:center 35%;color:#fff}article.service:has(> a[data-service="Chimney or flashing repair"]) h3,article.service:has(> a[data-service="Chimney or flashing repair"]) p{color:#fff;text-shadow:0 1px 3px #0005}article.service:has(> a[data-service="Chimney or flashing repair"]) .service-icon{color:#fff;border-color:#ffffffb3;background:#08203c55}

article.service:has(> a[data-service="Gutter repair"]){background-image:linear-gradient(180deg,rgba(5,12,22,.30) 0%,rgba(5,12,22,.70) 45%,rgba(5,12,22,.92) 100%),url('/roofing-shared/images/gutters-service-20261111.webp');background-size:cover;background-position:center 35%;color:#fff}article.service:has(> a[data-service="Gutter repair"]) h3,article.service:has(> a[data-service="Gutter repair"]) p{color:#fff;text-shadow:0 1px 3px #0005}article.service:has(> a[data-service="Gutter repair"]) .service-icon{color:#fff;border-color:#ffffffb3;background:#08203c55}

article.service:has(> a[data-service="Full re-roof / new roof"]){background-image:linear-gradient(180deg,rgba(5,12,22,.30) 0%,rgba(5,12,22,.70) 45%,rgba(5,12,22,.92) 100%),url('/roofing-shared/images/roof-installation-service-20261111.webp');background-size:cover;background-position:center;color:#fff}article.service:has(> a[data-service="Full re-roof / new roof"]) h3,article.service:has(> a[data-service="Full re-roof / new roof"]) p{color:#fff;text-shadow:0 1px 3px #0005}article.service:has(> a[data-service="Full re-roof / new roof"]) .service-icon{color:#fff;border-color:#ffffffb3;background:#08203c55}
.service{position:relative}.service-discount{position:absolute;top:19px;right:18px;display:inline-flex;align-items:center;gap:5px;padding:8px 9px;background:#2467f4;border:1px solid #ffffff99;border-radius:7px;color:#fff;font-size:13px;font-weight:700;line-height:1;letter-spacing:0;box-shadow:0 3px 12px #0002;pointer-events:none}.service-discount svg{display:block;width:15px;height:15px;flex:none}@media(max-width:360px){.service-discount{right:16px;top:18px;padding:7px 8px;font-size:12px}}

.service:has(> .service-discount){padding-top:76px}

article.service:has(> a[data-service="Fascias and soffits"]){background-image:linear-gradient(180deg,rgba(5,12,22,.30) 0%,rgba(5,12,22,.70) 45%,rgba(5,12,22,.92) 100%),url('/roofing-shared/images/fascias-soffits-service-20261111.webp');background-size:cover;background-position:center 35%;color:#fff}article.service:has(> a[data-service="Fascias and soffits"]) h3,article.service:has(> a[data-service="Fascias and soffits"]) p{color:#fff;text-shadow:0 1px 3px #0005}article.service:has(> a[data-service="Fascias and soffits"]) .service-icon{color:#fff;border-color:#ffffffb3;background:#08203c55}

.service-discount{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;text-shadow:0 2px 4px #000d,0 0 8px #0007;font-size:14px}.service-discount svg{filter:drop-shadow(0 1px 2px #000a)}

.service-discount.service-discount--art{display:block;top:8px;right:10px;width:104px;height:88px;padding:0;overflow:hidden;background:transparent;border:0;border-radius:0;box-shadow:none;transform:rotate(-8deg);transform-origin:center;filter:drop-shadow(0 3px 3px #0005)}.service-discount--art img{position:absolute;left:-68px;top:-80px;display:block;width:240px!important;height:240px!important;max-width:none!important;object-fit:contain}.service:has(> .service-discount--art){padding-top:112px}

.service-discount.service-discount--art{top:8px;right:10px;width:83px;height:70px;transform:rotate(8deg)}.service-discount--art img{left:-54.4px;top:-64px;width:192px!important;height:192px!important}.service:has(> .service-discount--art){padding-top:94px}

.service-discount.service-discount--art{width:80px;height:80px;top:8px;right:10px;overflow:visible;transform:rotate(8deg)}.service-discount--art img{position:static;left:auto;top:auto;width:80px!important;height:80px!important;max-width:100%!important;object-fit:contain}