/* v423G — Fine polish for Why Vietnam line-art height and quick-contact dock separation.
   Keeps v422G background artwork visible a little longer and raises the Need help launcher
   so it no longer presses into the WhatsApp / Messenger / Telegram icon row. */

.home-page .why-vge-line-art-under-grid-v404G{
  height: clamp(210px, 16.6vw, 292px) !important;
  margin-top: clamp(-26px, -1.7vw, -14px) !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{
  height: 100% !important;
  width: min(92vw, 1500px) !important;
}

.home-page .why-vge-line-art-under-grid-v404G::before{
  background-position: center bottom !important;
  background-size: 100% auto !important;
  opacity: .60 !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,.02) 34%,
    rgba(255,255,255,.08) 74%,
    rgba(255,255,255,.30) 100%) !important;
}

/* Stronger vertical separation: the large launcher sits clearly above the labeled icon dock. */
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root:not(.is-open){
  right:26px !important;
  bottom:calc(188px + env(safe-area-inset-bottom, 0px)) !important;
  z-index:10045 !important;
}

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

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G{
  min-width:74px !important;
  gap:8px !important;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-label-v419G{
  font-size:12px !important;
  padding:5px 10px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 10px 22px rgba(15,23,42,.12) !important;
}

@media (max-width: 980px){
  .home-page .why-vge-line-art-under-grid-v404G{
    height: clamp(172px, 22vw, 238px) !important;
    margin-top: -14px !important;
  }

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

@media (max-width: 640px){
  .home-page .why-vge-line-art-under-grid-v404G{
    height: clamp(132px, 34vw, 188px) !important;
    margin-top: -9px !important;
  }

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

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

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

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

  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G{
    min-width:54px !important;
    gap:5px !important;
  }
}