/* ELÇİSOY V8 — MOBILE GAP / NAV OVERLAP FIX | 2026-11-13
   Loaded last, after the V6 !important rules. Keeps site imagery, content and URLs.
*/
@media screen and (max-width: 767px) {
  /* Avoid legacy JS fixed-top header covering section text while scrolling. */
  body .home-3.header,
  body .home-3.header .main-navigation,
  body .home-3.header .navbar,
  body .home-3.header .navbar.fixed-top {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    animation: none !important;
  }
  body .home-3.header .navbar.fixed-top {
    width: 100% !important;
    margin: 0 !important;
    box-shadow: none !important;
  }
  /* A visible LIGHT separation between the white header and navy CTA card.
     This deliberately overrides the V6 .elci-hero-actions padding!important. */
  body .main .elci-hero-actions {
    position: relative !important;
    display: block !important;
    clear: both !important;
    margin: 0 !important;
    padding: 38px 0 24px !important;
    background: #f5f8fa !important;
    transform: none !important;
    z-index: 1 !important;
  }
  body .main .elci-hero-actions .container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  body .main .elci-hero-actions-shell {
    margin: 0 !important;
    padding: 30px 20px 24px !important;
    border-radius: 20px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  body .main .elci-hero-actions-copy,
  body .main .elci-hero-actions-copy > div {
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
  body .main .elci-actions-kicker {
    display: block !important;
    margin: 0 0 10px !important;
  }
  body .main .elci-hero-actions h2 {
    display: block !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    font-size: clamp(20px, 5.2vw, 26px) !important;
    line-height: 1.26 !important;
    position: static !important;
    transform: none !important;
    overflow: visible !important;
  }
  /* No layout shift from fixed CTA dock on phones. */
  body .elci-contact-dock { bottom: max(9px, env(safe-area-inset-bottom)) !important; }
}
@media screen and (max-width: 390px) {
  body .main .elci-hero-actions { padding-top: 34px !important; }
  body .main .elci-hero-actions-shell { padding: 28px 18px 22px !important; }
}