/* CraftCore 10.3.57 — service hero quote-card top spacing polish.
   Loaded after every service-specific stylesheet so the approved spacing is
   consistent across driveway, patio, render, gutter, solar and soffit/fascia. */
.dc-page .dc-hero .dc-quote{
  padding:38px 27px 27px!important;
}
.dc-page .dc-hero .dc-quote__topline{
  margin:0 0 10px!important;
}
.dc-page .dc-hero .dc-quote h2{
  margin:0 0 10px!important;
}
.dc-page .dc-hero .dc-quote > p{
  margin:0 0 22px!important;
}
.dc-page .dc-hero .craftcore-enquiry-form{
  margin-top:0!important;
}
@media(max-width:900px){
  .dc-page .dc-hero .dc-quote{
    padding:34px 27px 27px!important;
  }
}
@media(max-width:650px){
  .dc-page .dc-hero .dc-quote{
    padding:29px 21px 23px!important;
  }
  .dc-page .dc-hero .dc-quote__topline{
    margin-bottom:8px!important;
  }
  .dc-page .dc-hero .dc-quote > p{
    margin-bottom:19px!important;
  }
}

/* CraftCore 10.3.61 — protect service hero content from the fixed desktop header.
   The quote card can be taller than the copy, so the hero must grow around it
   rather than allowing the card to touch the top edge of the viewport. */
@media (min-width:1081px){
  .dc-page .dc-hero,
  .dc-page .sf-hero,
  .dc-page .sf-hero-v8,
  .dc-page .patio-hero-v10,
  .dc-page .render-hero,
  .dc-page .render-hero-v10,
  .dc-page .gutter-hero,
  .dc-page .gutter-hero-v10,
  .dc-page .solar-hero{
    min-height:900px !important;
    padding-top:150px !important;
    padding-bottom:86px !important;
  }
}
@media (min-width:851px) and (max-width:1080px){
  .dc-page .dc-hero,
  .dc-page .sf-hero,
  .dc-page .sf-hero-v8,
  .dc-page .patio-hero-v10,
  .dc-page .render-hero,
  .dc-page .render-hero-v10,
  .dc-page .gutter-hero,
  .dc-page .gutter-hero-v10,
  .dc-page .solar-hero{
    min-height:auto !important;
    padding-top:118px !important;
    padding-bottom:82px !important;
  }
}
@media (max-width:850px){
  .dc-page .dc-hero,
  .dc-page .sf-hero,
  .dc-page .sf-hero-v8,
  .dc-page .patio-hero-v10,
  .dc-page .render-hero,
  .dc-page .render-hero-v10,
  .dc-page .gutter-hero,
  .dc-page .gutter-hero-v10,
  .dc-page .solar-hero{
    padding-top:104px !important;
    padding-bottom:72px !important;
  }
}
@media (max-width:650px){
  .dc-page .dc-hero,
  .dc-page .sf-hero,
  .dc-page .sf-hero-v8,
  .dc-page .patio-hero-v10,
  .dc-page .render-hero,
  .dc-page .render-hero-v10,
  .dc-page .gutter-hero,
  .dc-page .gutter-hero-v10,
  .dc-page .solar-hero{
    padding-top:94px !important;
    padding-bottom:64px !important;
  }
}


/* CraftCore 11.2.6 — Driveway hero layout correction
   Removes legacy viewport-height stretching and restores a compact,
   content-led hero beneath the site header. */
@media (min-width:1081px){
  body .driveway-page-v10 .dc-hero{
    min-height:0 !important;
    height:auto !important;
    padding:54px 0 62px !important;
    align-items:center !important;
  }

  body .driveway-page-v10 .dc-hero__layout{
    grid-template-columns:minmax(0,1.08fr) minmax(390px,430px) !important;
    gap:52px !important;
    align-items:center !important;
  }

  body .driveway-page-v10 .dc-hero__copy{
    max-width:760px !important;
    min-width:0 !important;
  }

  body .driveway-page-v10 .dc-breadcrumbs{
    margin:0 0 22px !important;
    padding:0 !important;
    font-size:.76rem !important;
    line-height:1.35 !important;
  }

  body .driveway-page-v10 .dc-hero .dc-kicker{
    display:block !important;
    margin:0 0 14px !important;
  }

  body .driveway-page-v10 .dc-hero h1{
    max-width:760px !important;
    margin:0 0 22px !important;
    font-size:clamp(3.35rem,4.25vw,4.45rem) !important;
    line-height:.96 !important;
    letter-spacing:-.045em !important;
    text-wrap:balance !important;
  }

  body .driveway-page-v10 .dc-hero__lead{
    max-width:720px !important;
    margin:0 0 24px !important;
    font-size:1.02rem !important;
    line-height:1.62 !important;
  }

  body .driveway-page-v10 .dc-actions{
    margin-top:0 !important;
    gap:12px !important;
  }

  body .driveway-page-v10 .dc-hero__ticks{
    margin-top:20px !important;
    gap:8px 20px !important;
  }

  body .driveway-page-v10 .dc-hero .dc-quote{
    width:100% !important;
    max-width:430px !important;
    justify-self:end !important;
    align-self:center !important;
    margin:0 !important;
    padding:30px 27px 26px !important;
  }

  body .driveway-page-v10 .dc-hero .dc-quote h2{
    font-size:clamp(1.7rem,2vw,2rem) !important;
    line-height:1.05 !important;
  }
}

/* Laptop-height correction: keep the full hero comfortably within the first fold
   without collapsing the breadcrumb against the navigation. */
@media (min-width:1081px) and (max-height:850px){
  body .driveway-page-v10 .dc-hero{
    min-height:0 !important;
    padding:42px 0 48px !important;
  }
  body .driveway-page-v10 .dc-breadcrumbs{
    margin-bottom:18px !important;
  }
  body .driveway-page-v10 .dc-hero h1{
    font-size:clamp(3.05rem,3.9vw,4rem) !important;
    margin-bottom:18px !important;
  }
  body .driveway-page-v10 .dc-hero__lead{
    font-size:.98rem !important;
    line-height:1.55 !important;
    margin-bottom:20px !important;
  }
  body .driveway-page-v10 .dc-hero__ticks{
    margin-top:16px !important;
  }
  body .driveway-page-v10 .dc-hero .dc-quote{
    padding:25px 25px 23px !important;
  }
}

/* Tablet/mobile: breadcrumb stays part of the content flow with sensible space. */
@media (max-width:1080px){
  body .driveway-page-v10 .dc-hero{
    min-height:0 !important;
    height:auto !important;
  }
  body .driveway-page-v10 .dc-breadcrumbs{
    margin-bottom:18px !important;
  }
}
@media (max-width:650px){
  body .driveway-page-v10 .dc-breadcrumbs{
    margin-bottom:15px !important;
    font-size:.72rem !important;
  }
  body .driveway-page-v10 .dc-hero h1{
    font-size:clamp(2.65rem,12vw,3.35rem) !important;
    line-height:.98 !important;
  }
}


/* CraftCore 11.2.7 — remove visible service-page breadcrumbs.
   Breadcrumb structured data remains generated in PHP/schema. */
.dc-page .dc-breadcrumbs{
    display:none !important;
}

/* Rebalance hero spacing now the breadcrumb row is gone. */
@media (min-width:1081px){
    body .driveway-page-v10 .dc-hero .dc-kicker{
        margin-top:0 !important;
    }
}


/* =========================================================
   CraftCore 11.2.9 — clean Driveway hero lock
   One final layout rule-set to replace the accumulated legacy
   viewport-height and top-spacing overrides on driveway pages.
   ========================================================= */
@media (min-width:1081px){
  body .driveway-page-v10 .dc-hero{
    min-height:0 !important;
    height:auto !important;
    padding:104px 0 54px !important;
    align-items:stretch !important;
    overflow:hidden !important;
  }

  body .driveway-page-v10 .dc-hero__layout{
    width:min(1180px,calc(100% - 48px)) !important;
    grid-template-columns:minmax(0,1fr) minmax(390px,430px) !important;
    column-gap:54px !important;
    row-gap:34px !important;
    align-items:start !important;
  }

  body .driveway-page-v10 .dc-hero__copy{
    max-width:700px !important;
    min-width:0 !important;
    align-self:start !important;
  }

  body .driveway-page-v10 .dc-hero .dc-kicker{
    display:block !important;
    margin:0 0 13px !important;
  }

  body .driveway-page-v10 .dc-hero h1{
    max-width:680px !important;
    margin:0 0 20px !important;
    font-size:clamp(3rem,3.65vw,4rem) !important;
    line-height:.97 !important;
    letter-spacing:-.043em !important;
    text-wrap:balance !important;
  }

  body .driveway-page-v10 .dc-hero__lead{
    max-width:690px !important;
    margin:0 0 22px !important;
    font-size:.98rem !important;
    line-height:1.58 !important;
  }

  body .driveway-page-v10 .dc-actions{
    margin:0 !important;
    gap:12px !important;
  }

  body .driveway-page-v10 .dc-hero__ticks{
    margin-top:18px !important;
    gap:8px 18px !important;
  }

  body .driveway-page-v10 .dc-hero .dc-quote{
    width:100% !important;
    max-width:430px !important;
    justify-self:end !important;
    align-self:start !important;
    margin:0 !important;
    padding:28px 26px 24px !important;
  }

  body .driveway-page-v10 .dc-hero .dc-quote__topline{
    margin-bottom:8px !important;
  }

  body .driveway-page-v10 .dc-hero .dc-quote h2{
    margin:0 0 8px !important;
    font-size:clamp(1.62rem,1.9vw,1.9rem) !important;
    line-height:1.05 !important;
  }

  body .driveway-page-v10 .dc-hero .dc-quote > p{
    margin-bottom:18px !important;
    line-height:1.5 !important;
  }

  body .driveway-page-v10 .cc-service-hero-trust{
    grid-column:1/-1 !important;
    grid-area:trust !important;
    margin-top:0 !important;
  }
}

/* Admin-bar sessions need the same clean clearance while editing. */
@media (min-width:1081px){
  body.admin-bar .driveway-page-v10 .dc-hero{
    padding-top:104px !important;
  }
}

/* Short desktop screens: compact, never clipped behind the fixed navigation. */
@media (min-width:1081px) and (max-height:850px){
  body .driveway-page-v10 .dc-hero{
    padding:88px 0 44px !important;
  }
  body .driveway-page-v10 .dc-hero h1{
    font-size:clamp(2.85rem,3.4vw,3.65rem) !important;
    margin-bottom:16px !important;
  }
  body .driveway-page-v10 .dc-hero__lead{
    font-size:.94rem !important;
    line-height:1.5 !important;
    margin-bottom:18px !important;
  }
  body .driveway-page-v10 .dc-hero .dc-quote{
    padding:24px 24px 22px !important;
  }
}

/* Tablet/mobile stays content-led and clear of the mobile header. */
@media (max-width:1080px){
  body .driveway-page-v10 .dc-hero{
    min-height:0 !important;
    height:auto !important;
    padding-top:104px !important;
    padding-bottom:56px !important;
  }
}
@media (max-width:650px){
  body .driveway-page-v10 .dc-hero{
    padding-top:88px !important;
    padding-bottom:46px !important;
  }
  body .driveway-page-v10 .dc-hero h1{
    font-size:clamp(2.55rem,11vw,3.15rem) !important;
    line-height:.99 !important;
    margin-bottom:18px !important;
  }
}


/* =========================================================
   CraftCore 11.3.0 — driveway hero recovery
   Fixes the trust-strip regression from 11.2.9 and restores
   a compact, balanced first screen.
   ========================================================= */
@media (min-width:1081px){
  body .driveway-page-v10 .dc-hero{
    padding:92px 0 42px !important;
  }

  body .driveway-page-v10 .dc-hero__layout{
    grid-template-columns:minmax(0,1fr) minmax(390px,430px) !important;
    grid-template-areas:
      "copy quote"
      "trust trust" !important;
    column-gap:52px !important;
    row-gap:26px !important;
    align-items:start !important;
  }

  body .driveway-page-v10 .dc-hero__copy{
    grid-area:copy !important;
    max-width:700px !important;
  }

  body .driveway-page-v10 .dc-hero .dc-quote{
    grid-area:quote !important;
    align-self:start !important;
    justify-self:end !important;
  }

  body .driveway-page-v10 .cc-service-hero-trust{
    grid-area:trust !important;
    grid-column:1/-1 !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    width:100% !important;
    margin:0 !important;
  }

  body .driveway-page-v10 .cc-service-hero-trust article{
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:12px !important;
    align-items:center !important;
    min-width:0 !important;
    min-height:86px !important;
    padding:16px 18px !important;
  }

  body .driveway-page-v10 .cc-service-hero-trust__icon{
    grid-column:auto !important;
    grid-row:auto !important;
    width:42px !important;
    height:42px !important;
    margin:0 !important;
  }

  body .driveway-page-v10 .cc-service-hero-trust article > div{
    min-width:0 !important;
  }

  body .driveway-page-v10 .cc-service-hero-trust strong{
    display:block !important;
    font-size:.86rem !important;
    line-height:1.2 !important;
    white-space:normal !important;
  }

  body .driveway-page-v10 .cc-service-hero-trust p{
    margin:3px 0 0 !important;
    font-size:.7rem !important;
    line-height:1.35 !important;
    white-space:normal !important;
  }
}

@media (min-width:1081px) and (max-height:850px){
  body .driveway-page-v10 .dc-hero{
    padding:78px 0 36px !important;
  }
  body .driveway-page-v10 .dc-hero__layout{
    row-gap:22px !important;
  }
  body .driveway-page-v10 .cc-service-hero-trust article{
    min-height:80px !important;
    padding:14px 16px !important;
  }
}

@media (min-width:901px) and (max-width:1080px){
  body .driveway-page-v10 .cc-service-hero-trust{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body .driveway-page-v10 .cc-service-hero-trust article{
    grid-template-columns:42px minmax(0,1fr) !important;
  }
  body .driveway-page-v10 .cc-service-hero-trust__icon{
    grid-column:auto !important;
    grid-row:auto !important;
  }
}

@media (max-width:900px){
  body .driveway-page-v10 .cc-service-hero-trust__icon{
    grid-column:auto !important;
    grid-row:auto !important;
  }
}