/* Waste4Space services pages. Fully isolated from the legacy component CSS. */
.modern-services-page {
  --s-ink:#10251b;--s-green:#173f2d;--s-lime:#d4ef70;--s-orange:#ffad32;
  --s-paper:#f6f6f0;--s-muted:#657269;--s-line:rgba(16,37,27,.13);
  --s-shadow:0 30px 80px rgba(15,38,27,.14);
  overflow-x:hidden;background:var(--s-paper);color:var(--s-ink);
  font-family:"DM Sans",Arial,sans-serif;
}
.modern-services-page h1,.modern-services-page h2,.modern-services-page h3,.modern-services-page .service-route strong{font-family:"Manrope","DM Sans",sans-serif;letter-spacing:-.045em}
.modern-services-page .services-hero-grid,.modern-services-page .service-route-grid,.modern-services-page .waste-type-grid,.modern-services-page .secondary-service-grid,.modern-services-page .service-process .container,.modern-services-page .service-process ol,.modern-services-page .gardening-hero-grid,.modern-services-page .garden-offer-grid,.modern-services-page .garden-combination .container,.modern-services-page .garden-combination-steps{display:grid;min-width:0}
.modern-services-page .service-route,.modern-services-page .waste-type-card,.modern-services-page .secondary-service-grid a{box-sizing:border-box;width:100%;min-width:0;text-decoration:none}
.modern-services-page .header{position:sticky;top:0;z-index:40;box-shadow:0 8px 30px rgba(11,33,22,.06)}

/* Hero */
.modern-services-page .services-hero{position:relative;overflow:hidden;padding:110px 0 105px;color:#fff;background:radial-gradient(circle at 76% 25%,rgba(212,239,112,.14),transparent 23%),radial-gradient(circle at 92% 85%,rgba(255,173,50,.12),transparent 28%),#10291d}
.modern-services-page .services-hero:before{content:"";position:absolute;width:620px;height:620px;right:-250px;top:-310px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}
.modern-services-page .services-hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:120px;align-items:center}
.modern-services-page .services-hero h1{max-width:840px;margin:0 0 30px;font-size:clamp(54px,7.2vw,92px);line-height:.98;text-wrap:balance}
.modern-services-page .services-hero p{max-width:680px;color:#d4e0d8;font-size:19px;line-height:1.72}
.modern-services-page .services-hero .btn{min-height:56px;margin-top:10px;padding-inline:28px;border-radius:999px}
.modern-services-page .services-hero aside{padding:34px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.07);backdrop-filter:blur(14px);box-shadow:0 30px 60px rgba(0,0,0,.16)}
.modern-services-page .services-hero aside:before{content:"?";display:grid;place-items:center;width:46px;height:46px;margin-bottom:38px;border-radius:14px;background:var(--s-lime);color:var(--s-ink);font:800 19px/1 "Manrope",sans-serif}
.modern-services-page .services-hero aside strong{font-size:21px}.modern-services-page .services-hero aside p{font-size:14px;line-height:1.65}.modern-services-page .services-hero aside a{color:var(--s-lime);font-weight:800}

/* Service finder */
.modern-services-page .service-finder{padding:120px 0;background:var(--s-paper);scroll-margin-top:80px}
.modern-services-page .finder-heading{max-width:850px;margin-bottom:50px}.modern-services-page .finder-heading h2,.modern-services-page .services-secondary h2{margin-bottom:20px;color:var(--s-ink);font-size:clamp(40px,5vw,64px);line-height:1.03}.modern-services-page .finder-heading p{max-width:650px;color:var(--s-muted);font-size:17px}
.modern-services-page .service-route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.modern-services-page .service-route{min-height:310px;padding:38px;overflow:hidden;display:grid;grid-template-columns:58px minmax(0,1fr);gap:20px;align-content:end;text-align:left;border:0;border-radius:26px;color:#fff;cursor:pointer;background-color:var(--s-green);background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:var(--s-shadow);transition:transform .3s,box-shadow .3s}
.modern-services-page .service-route:first-child{background-image:linear-gradient(180deg,rgba(7,20,13,.2),rgba(7,25,15,.95)),url("../jobs/driveway-waste-clearance-before.jpg")}
.modern-services-page .service-route.gardening-route{background-image:linear-gradient(180deg,rgba(7,20,13,.18),rgba(7,25,15,.94)),url("../jobs/jungle-to-garden-after.jpg")}
.modern-services-page .service-route:hover,.modern-services-page .service-route.active{transform:translateY(-5px);box-shadow:0 35px 90px rgba(15,38,27,.24)}
.modern-services-page .service-route.active{outline:3px solid var(--s-lime);outline-offset:-3px}
.modern-services-page .route-number{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--s-lime);color:var(--s-ink);font-size:12px;font-weight:900}
.modern-services-page .service-route small,.modern-services-page .service-route strong,.modern-services-page .service-route p,.modern-services-page .service-route>b{display:block}.modern-services-page .service-route small{color:var(--s-lime);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.modern-services-page .service-route strong{margin:5px 0 8px;color:#fff;font-size:35px;line-height:1.15}.modern-services-page .service-route p{max-width:440px;margin:0;color:rgba(255,255,255,.78);font-size:14px}.modern-services-page .service-route>b{grid-column:2;margin-top:7px;color:#fff;font-size:12px}

.modern-services-page .waste-options{padding-top:105px;scroll-margin-top:80px}.modern-services-page .finder-result-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid var(--s-line)}.modern-services-page .finder-result-heading span{color:#b56f00;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:900}.modern-services-page .finder-result-heading h2{margin:5px 0 0;color:var(--s-ink);font-size:clamp(34px,4vw,52px)}.modern-services-page .finder-result-heading p{max-width:430px;margin:0;color:var(--s-muted);font-size:13px}
.modern-services-page .waste-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.modern-services-page .waste-type-card{min-height:430px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:24px;color:#fff;background-color:var(--s-green);background-image:linear-gradient(180deg,rgba(5,19,11,.18),rgba(5,19,11,.38) 38%,rgba(5,19,11,.97)),var(--card-image);background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:0 20px 55px rgba(13,32,22,.15);transition:transform .35s,box-shadow .35s}.modern-services-page .waste-type-card:before,.modern-services-page .waste-type-card:after{display:none!important}.modern-services-page .waste-type-card:hover{transform:translateY(-6px);box-shadow:0 35px 75px rgba(13,32,22,.23)}.modern-services-page .waste-type-card>span{align-self:flex-start;padding:9px 13px;border:0;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.modern-services-page .waste-type-card h3{margin:0 0 9px;color:#fff;font-size:39px}.modern-services-page .waste-type-card p{max-width:470px;color:#dce6df;font-size:15px;line-height:1.65}.modern-services-page .waste-type-card b{color:var(--s-lime);font-size:12px}

/* More services */
.modern-services-page .services-secondary{padding:120px 0;background:#fff}.modern-services-page .section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.modern-services-page .section-heading>p{max-width:430px;color:var(--s-muted)}.modern-services-page .secondary-service-grid{grid-template-columns:1.15fr .85fr .85fr 1.15fr;gap:16px}.modern-services-page .secondary-service-grid a{min-height:330px;padding:32px;display:flex;flex-direction:column;border:1px solid var(--s-line);border-radius:20px;background:#f7f8f4;transition:transform .25s,box-shadow .25s}.modern-services-page .secondary-service-grid a:nth-child(1),.modern-services-page .secondary-service-grid a:nth-child(4){background:var(--s-green);color:#fff}.modern-services-page .secondary-service-grid span{color:#b56f00;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.modern-services-page .secondary-service-grid h3{margin:18px 0 10px;color:var(--s-green);font-size:26px}.modern-services-page .secondary-service-grid p{color:var(--s-muted);font-size:13px}.modern-services-page .secondary-service-grid b{margin-top:auto;color:var(--s-green);font-size:12px}.modern-services-page .secondary-service-grid a:nth-child(1) h3,.modern-services-page .secondary-service-grid a:nth-child(4) h3,.modern-services-page .secondary-service-grid a:nth-child(1) b,.modern-services-page .secondary-service-grid a:nth-child(4) b{color:#fff}.modern-services-page .secondary-service-grid a:nth-child(1) p,.modern-services-page .secondary-service-grid a:nth-child(4) p{color:#c7d7cd}.modern-services-page .secondary-service-grid a:hover{transform:translateY(-5px);box-shadow:var(--s-shadow)}
.modern-services-page .service-process{padding:105px 0;background:#10291d;color:#fff}.modern-services-page .service-process .container{grid-template-columns:.65fr 1.35fr;gap:70px;align-items:center}.modern-services-page .service-process h2{font-size:clamp(38px,4vw,58px);line-height:1.04}.modern-services-page .service-process ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}.modern-services-page .service-process li{min-height:200px;padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.055)}.modern-services-page .service-process li>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--s-lime);color:var(--s-ink);font-size:11px;font-weight:900}.modern-services-page .service-process b{display:block;margin:20px 0 7px}.modern-services-page .service-process p{color:#cbd9d0;font-size:12px}

/* Gardening */
.modern-services-page .gardening-hero{padding:85px 0;color:#fff;background:radial-gradient(circle at 35% 25%,rgba(212,239,112,.12),transparent 28%),#10291d}.modern-services-page .gardening-hero-grid{grid-template-columns:1.05fr .75fr;gap:90px;align-items:center}.modern-services-page .gardening-hero h1{margin:0 0 20px;font-size:clamp(54px,6.5vw,84px);line-height:.98}.modern-services-page .gardening-hero p{color:#d3dfd7;font-size:18px}.modern-services-page .gardening-hero .breadcrumbs{color:#b9cbbf}.modern-services-page .gardening-hero img{width:100%;height:600px;object-fit:cover;border-radius:26px;box-shadow:0 40px 90px rgba(0,0,0,.28)}
.modern-services-page .garden-service-list{padding:120px 0;background:var(--s-paper)}.modern-services-page .garden-offer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.modern-services-page .garden-offer-grid article{min-height:420px;padding:36px;border:0;border-radius:22px;background:#fff;box-shadow:0 22px 55px rgba(15,38,27,.09)}.modern-services-page .garden-offer-grid article:nth-child(2){background:var(--s-green);color:#fff;transform:translateY(-18px)}.modern-services-page .garden-offer-grid article>span{color:#b56f00;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.modern-services-page .garden-offer-grid h3{margin:18px 0 10px;color:var(--s-green);font-size:30px}.modern-services-page .garden-offer-grid p{color:var(--s-muted);font-size:14px}.modern-services-page .garden-offer-grid ul{padding:18px 0 0;margin:20px 0 0;border-top:1px solid var(--s-line);list-style:none}.modern-services-page .garden-offer-grid li{margin:8px 0;font-size:13px}.modern-services-page .garden-offer-grid li:before{content:"✓";margin-right:8px;color:var(--s-green);font-weight:900}.modern-services-page .garden-offer-grid article:nth-child(2) h3{color:#fff}.modern-services-page .garden-offer-grid article:nth-child(2) p{color:#cadacf}.modern-services-page .garden-offer-grid article:nth-child(2) ul{border-color:rgba(255,255,255,.15)}
.modern-services-page .garden-combination{padding:110px 0;background:#10271d;color:#fff}.modern-services-page .garden-combination .container{grid-template-columns:1fr 1fr;gap:80px;align-items:center}.modern-services-page .garden-combination h2{font-size:clamp(40px,5vw,64px);line-height:1.04}.modern-services-page .garden-combination p{color:#cbd9d0}.modern-services-page .garden-combination-steps{grid-template-columns:1fr 1fr;gap:12px}.modern-services-page .garden-combination-steps span{min-height:130px;padding:25px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.05);font-size:13px}.modern-services-page .garden-combination-steps b{display:block;margin-bottom:8px;color:var(--s-lime);font-size:11px}.modern-services-page .garden-proof{padding:120px 0;background:#fff}.modern-services-page .garden-proof h2{color:var(--s-green);font-size:clamp(40px,5vw,62px)}.modern-services-page .garden-proof p{color:var(--s-muted);font-size:17px}.modern-services-page .garden-proof img{width:100%;height:520px;object-fit:cover;border-radius:24px;box-shadow:var(--s-shadow)}

@media(max-width:1050px){.modern-services-page .services-hero-grid,.modern-services-page .gardening-hero-grid,.modern-services-page .garden-combination .container{grid-template-columns:1fr}.modern-services-page .services-hero-grid{gap:55px}.modern-services-page .secondary-service-grid{grid-template-columns:1fr 1fr}.modern-services-page .garden-offer-grid{grid-template-columns:1fr}.modern-services-page .garden-offer-grid article:nth-child(2){transform:none}.modern-services-page .gardening-hero img{height:460px}}
@media(max-width:760px){.modern-services-page .services-hero{padding:72px 0}.modern-services-page .services-hero h1{font-size:50px}.modern-services-page .service-finder,.modern-services-page .services-secondary,.modern-services-page .garden-service-list,.modern-services-page .garden-proof{padding:78px 0}.modern-services-page .service-route-grid,.modern-services-page .waste-type-grid,.modern-services-page .secondary-service-grid,.modern-services-page .service-process ol,.modern-services-page .garden-combination-steps{grid-template-columns:1fr}.modern-services-page .service-route{min-height:270px;padding:28px}.modern-services-page .service-route strong{font-size:30px}.modern-services-page .waste-options{padding-top:75px}.modern-services-page .finder-result-heading,.modern-services-page .section-heading{display:flex;flex-direction:column;align-items:flex-start}.modern-services-page .waste-type-card{min-height:360px;padding:27px}.modern-services-page .waste-type-card h3{font-size:32px}.modern-services-page .secondary-service-grid a{min-height:245px}.modern-services-page .service-process{padding:78px 0}.modern-services-page .service-process .container{grid-template-columns:1fr;gap:35px}.modern-services-page .service-process li{min-height:155px}.modern-services-page .gardening-hero{padding:60px 0}.modern-services-page .gardening-hero h1{font-size:49px}.modern-services-page .gardening-hero img,.modern-services-page .garden-proof img{height:350px}.modern-services-page .garden-combination .container{gap:45px}}
