/* R80 TABLET HOME SPACING AUDIT V9
   Loaded after tablet-v8.css. Tablet only: 761-1000px.
   Scope: full home-page spacing/centering audit + readable tablet footer legal line.
   Desktop >=1001px and phone <=760px are untouched. */
@media (min-width:761px) and (max-width:1000px){
  :root{
    --home-t-space-xs:10px;
    --home-t-space-sm:16px;
    --home-t-space-md:24px;
    --home-t-space-lg:32px;
    --home-t-space-xl:40px;
    --home-t-line:1px solid var(--line);
  }

  /* ---------- HOME: one deliberate vertical rhythm from header to footer ---------- */
  .page-home .hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-rows:auto!important;
    align-items:start!important;
    gap:0!important;
    min-height:0!important;
    padding-top:28px!important;
    padding-bottom:0!important;
  }
  .page-home .hero-copy{
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
  }
  .page-home .hero-location-line{
    display:flex!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0 auto 12px!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .page-home .hero h1.hero-title-editor{
    margin-top:12px!important;
    margin-bottom:20px!important;
    margin-inline:auto!important;
  }
  .page-home .hero-copy>p{
    max-width:730px!important;
    margin:0 auto!important;
    font-size:16px!important;
    line-height:1.55!important;
    text-align:center!important;
  }
  .page-home .hero-buttons{
    display:flex!important;
    justify-content:center!important;
    align-items:stretch!important;
    gap:12px!important;
    margin-top:22px!important;
  }
  .page-home .hero-buttons .button{min-height:50px!important}

  /* The three facts are a centered, closed band, like the mobile composition. */
  .page-home .hero-stats{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    width:100%!important;
    margin-top:28px!important;
    padding:18px 0!important;
    border-top:var(--home-t-line)!important;
    border-bottom:var(--home-t-line)!important;
  }
  .page-home .hero-stats>div{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:50px!important;
    padding:0 16px!important;
    border-right:var(--home-t-line)!important;
    text-align:center!important;
  }
  .page-home .hero-stats>div:last-child{border-right:0!important}
  .page-home .hero-stats strong{
    display:block!important;
    width:100%!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1.2!important;
    text-align:center!important;
  }
  .page-home .hero-stats span{
    display:block!important;
    width:100%!important;
    max-width:210px!important;
    margin:5px auto 0!important;
    font-size:11px!important;
    line-height:1.4!important;
    text-align:center!important;
  }

  /* Emblem geometry is anchored to the exact centre, independent of old grid rules. */
  .page-home .hero-visual{
    position:relative!important;
    display:block!important;
    width:min(100%,760px)!important;
    height:clamp(420px,50vw,470px)!important;
    min-height:0!important;
    margin:22px auto 0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .page-home .hero-visual .hero-logo{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    translate:-50% -50%!important;
    width:clamp(340px,44vw,400px)!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    object-fit:contain!important;
    justify-self:auto!important;
    align-self:auto!important;
  }
  .page-home .hero-orbit{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    translate:-50% -50%!important;
    width:clamp(382px,50vw,446px)!important;
    max-width:none!important;
    margin:0!important;
  }
  .page-home .temperature-card{
    z-index:4!important;
    min-width:92px!important;
    padding:11px 14px!important;
    border-radius:14px!important;
  }
  .page-home .temperature-card span{font-size:11px!important}
  .page-home .temperature-card strong{font-size:21px!important;line-height:1.15!important}
  .page-home .temperature-card.hot{
    left:max(42px,calc(50% - 270px))!important;
    top:42%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
  }
  .page-home .temperature-card.cold{
    right:max(42px,calc(50% - 270px))!important;
    top:60%!important;
    left:auto!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
  }

  /* Four practical benefits: no void between emblem and the 2x2 grid. */
  .page-home .trust-strip{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:min(calc(100% - 40px),var(--max))!important;
    margin:0 auto!important;
    padding:0!important;
    border-top:var(--home-t-line)!important;
    border-bottom:var(--home-t-line)!important;
  }
  .page-home .trust-strip span{
    display:grid!important;
    place-items:center!important;
    min-width:0!important;
    min-height:62px!important;
    padding:12px 16px!important;
    border-right:var(--home-t-line)!important;
    border-bottom:var(--home-t-line)!important;
    font-size:11px!important;
    line-height:1.4!important;
    text-align:center!important;
    text-wrap:balance!important;
  }
  .page-home .trust-strip span:nth-child(2n){border-right:0!important}
  .page-home .trust-strip span:nth-last-child(-n+2){border-bottom:0!important}

  .page-home .quality-promises{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    margin-top:16px!important;
    margin-bottom:0!important;
  }
  .page-home .quality-promises article{
    min-height:84px!important;
    gap:14px!important;
    padding:16px 18px!important;
  }
  .page-home .quality-promises strong{font-size:14px!important;line-height:1.38!important}
  .page-home .quality-mark{width:38px!important;height:38px!important;flex-basis:38px!important}

  /* Services: controlled top/bottom padding, no accidental inherited voids. */
  .page-home .quality-promises + .section-block{
    padding-top:34px!important;
    padding-bottom:36px!important;
  }
  .page-home .quality-promises + .section-block .section-heading{
    margin-bottom:24px!important;
    gap:18px!important;
  }
  .page-home .quality-promises + .section-block .section-heading h2{
    margin-top:10px!important;
    line-height:1.02!important;
  }
  .page-home .service-grid.five-up{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .page-home .service-grid.five-up .service-card{
    min-height:250px!important;
    padding:20px!important;
  }
  .page-home .service-grid.five-up .service-card:last-child:nth-child(odd){
    grid-column:1/-1!important;
    min-height:205px!important;
  }
  .page-home .service-grid.five-up .service-card h3{
    min-height:0!important;
    margin:0 0 10px!important;
    font-size:21px!important;
    line-height:1.25!important;
  }
  .page-home .service-grid.five-up .service-card p{
    margin:0 0 16px!important;
    font-size:13px!important;
    line-height:1.5!important;
  }

  /* Process had double tablet padding: wrapper + inner layout. Keep one layer only. */
  .page-home .process-section.section-block{padding:0!important}
  .page-home .process-layout{
    grid-template-columns:minmax(0,1fr)!important;
    gap:20px!important;
    padding-top:36px!important;
    padding-bottom:36px!important;
  }
  .page-home .process-layout .section-heading.vertical{margin:0!important}
  .page-home .process-layout h2.process-title{
    margin:10px 0 0!important;
    line-height:1.03!important;
  }
  .page-home .process-layout .section-heading.vertical p{
    max-width:720px!important;
    margin:14px 0 0!important;
    line-height:1.5!important;
  }
  .page-home .process-list{width:100%!important;margin:0!important}
  .page-home .process-list li{
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:16px!important;
    min-height:0!important;
    padding:16px 0!important;
    align-items:center!important;
  }
  .page-home .process-list li:first-child{
    padding-top:16px!important;
    border-top:var(--home-t-line)!important;
  }
  .page-home .process-list>li>span{font-size:34px!important;line-height:1!important}
  .page-home .process-list h3{margin:0 0 5px!important;font-size:18px!important;line-height:1.25!important}
  .page-home .process-list p{margin:0!important;font-size:13px!important;line-height:1.48!important}

  /* Rating -> site reviews: exactly one normal section gap, not two stacked paddings. */
  .page-home .external-reviews-section-top{
    padding-top:24px!important;
    padding-bottom:8px!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .page-home .external-reviews-card{
    min-height:96px!important;
    margin:0!important;
    padding:18px 22px!important;
    gap:18px!important;
  }
  .page-home .external-reviews-section-top + .home-reviews-section{
    padding-top:24px!important;
  }
  .page-home .home-reviews-section.section-block{
    padding-bottom:34px!important;
  }
  .page-home .home-reviews-section .section-heading{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    gap:16px 20px!important;
    margin-bottom:24px!important;
  }
  .page-home .home-reviews-section .section-heading h2{margin-top:10px!important}
  .page-home .home-reviews-section .section-heading p{margin-bottom:0!important}
  .page-home .home-reviews-actions{align-self:end!important;margin:0!important}
  .page-home .reviews-empty-state{
    min-height:300px!important;
    padding:34px 22px!important;
  }

  /* Final CTA and footer should close the page instead of creating a black tail. */
  .page-home .contact-banner{
    margin-top:0!important;
    margin-bottom:32px!important;
    padding:30px!important;
    gap:24px!important;
  }
  .page-home .contact-banner p{margin-top:14px!important;margin-bottom:0!important}

  /* V8's footer layout is retained; only its finishing rhythm/readability is corrected. */
  body.page-home>.site-footer{
    margin-top:0!important;
    padding-top:24px!important;
    padding-bottom:16px!important;
  }
  body.page-home>.site-footer>.footer-legal{
    margin-top:16px!important;
    padding-top:10px!important;
    padding-bottom:0!important;
  }
  body.page-home>.site-footer>.footer-legal .footer-legal-line{
    font-size:clamp(10px,1.06vw,10.6px)!important;
    line-height:1.25!important;
    letter-spacing:-.026em!important;
    white-space:nowrap!important;
  }
}

/* Narrow tablet: keep the emblem cards attached without touching mobile rules. */
@media (min-width:761px) and (max-width:840px){
  .page-home .hero-visual{height:420px!important;margin-top:20px!important}
  .page-home .hero-visual .hero-logo{width:clamp(338px,44vw,360px)!important}
  .page-home .hero-orbit{width:clamp(382px,50vw,410px)!important}
  .page-home .temperature-card.hot{left:max(28px,calc(50% - 255px))!important}
  .page-home .temperature-card.cold{right:max(28px,calc(50% - 255px))!important}
  .page-home .home-reviews-section .section-heading{column-gap:14px!important}
  body.page-home>.site-footer>.footer-legal .footer-legal-line{
    font-size:9.7px!important;
    letter-spacing:-.035em!important;
  }
}