/* v417G — Home spacing recovery.
   Goal: restore the tighter, cleaner section transitions from the nicer older homepage.
   Fixes: excessive white gaps around landmark line-art blocks and overly separated
   follow-up sections. Keeps the decorative line drawing, but treats it as a subtle
   footer background instead of a giant empty spacer. */

/* 1) If the old Main Services section still exists in a branch/cache, keep its line-art tight. */
.home-page .home-service-routes{
  padding-top: clamp(44px, 5vw, 62px) !important;
  padding-bottom: clamp(36px, 4.2vw, 64px) !important;
}

.home-page .home-service-routes .home-route-grid{
  margin-bottom: 0 !important;
}

.home-page .home-service-routes::before,
.home-page .home-service-routes::after{
  width: min(90vw, 1480px) !important;
  height: clamp(140px, 13vw, 210px) !important;
  bottom: 0 !important;
}

.home-page .home-service-routes::before{
  opacity: .64 !important;
}

.home-page .home-service-routes::after{
  background: linear-gradient(180deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.04) 24%,
    rgba(255,255,255,.18) 54%,
    rgba(255,255,255,.72) 100%) !important;
}

/* 2) Tighten the Why section so the plane feature and 8 cards still breathe,
      but the line-art footer no longer creates giant blank bands. */
.home-page .trust-section{
  padding-top: clamp(44px, 5vw, 62px) !important;
  padding-bottom: clamp(22px, 2.8vw, 38px) !important;
}

.home-page .why-vge-fixed-frame-v343G,
.home-page .why-vge-fixed-frame-v341G{
  margin-bottom: 24px !important;
}

.home-page .trust-section .trust-grid{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.home-page .why-vge-line-art-under-grid-v404G{
  height: clamp(118px, 12vw, 178px) !important;
  margin-top: clamp(10px, 1.3vw, 18px) !important;
  margin-bottom: 0 !important;
}

.home-page .why-vge-line-art-under-grid-v404G::before,
.home-page .why-vge-line-art-under-grid-v404G::after{
  width: min(88vw, 1480px) !important;
}

.home-page .why-vge-line-art-under-grid-v404G::before{
  opacity: .58 !important;
}

.home-page .why-vge-line-art-under-grid-v404G::after{
  background: linear-gradient(180deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.03) 18%,
    rgba(255,255,255,.14) 50%,
    rgba(255,255,255,.80) 100%) !important;
}

/* 3) Pull the next section closer so it feels like the old neat composition. */
.home-page .trust-section + .section,
.home-page .home-service-routes + .section{
  padding-top: clamp(30px, 3.6vw, 48px) !important;
}

/* The fees teaser right after Why should not float too far away. */
.home-page .home-fees-teaser{
  padding-top: clamp(30px, 3.4vw, 46px) !important;
}

/* 4) Floating help area: keep it visually anchored to the corner instead of 
      looking like it's sitting in the middle of a whitespace block. */
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root{
  right: 20px !important;
  bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-dock-v416G{
  right: 20px !important;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
}

@media (max-width: 980px){
  .home-page .home-service-routes{
    padding-bottom: clamp(28px, 5vw, 48px) !important;
  }

  .home-page .home-service-routes::before,
  .home-page .home-service-routes::after{
    width: 94vw !important;
    height: clamp(118px, 16vw, 170px) !important;
  }

  .home-page .trust-section{
    padding-bottom: clamp(18px, 3vw, 30px) !important;
  }

  .home-page .why-vge-line-art-under-grid-v404G{
    height: clamp(100px, 16vw, 146px) !important;
    margin-top: 10px !important;
  }

  .home-page .why-vge-line-art-under-grid-v404G::before,
  .home-page .why-vge-line-art-under-grid-v404G::after{
    width: 92vw !important;
  }
}

@media (max-width: 640px){
  .home-page .home-service-routes{
    padding-top: 34px !important;
    padding-bottom: 22px !important;
  }

  .home-page .home-service-routes::before,
  .home-page .home-service-routes::after{
    width: 96vw !important;
    height: clamp(92px, 24vw, 128px) !important;
  }

  .home-page .trust-section{
    padding-top: 34px !important;
    padding-bottom: 14px !important;
  }

  .home-page .why-vge-fixed-frame-v343G,
  .home-page .why-vge-fixed-frame-v341G{
    margin-bottom: 18px !important;
  }

  .home-page .why-vge-line-art-under-grid-v404G{
    height: clamp(88px, 24vw, 120px) !important;
    margin-top: 8px !important;
  }

  .home-page .why-vge-line-art-under-grid-v404G::before,
  .home-page .why-vge-line-art-under-grid-v404G::after{
    width: 96vw !important;
  }

  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root{
    right: 12px !important;
    bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-dock-v416G{
    right: 12px !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }
}