/* WebEasee mobile/responsive safety fixes - keeps design same, prevents overflow */
html, body { max-width: 100%; overflow-x: hidden; }
img, video, iframe { max-width: 100%; height: auto; }
* { box-sizing: border-box; }
@media (max-width: 1199px) {
  .lqd-sticky-menu-floating-vertical, .right-60.left-auto.lqd-fancy-menu { display: none !important; }
  .container, .w-90percent { max-width: 100% !important; }
}
@media (max-width: 767px) {
  h1, .h1 { font-size: clamp(38px, 12vw, 62px) !important; line-height: 1.05 !important; }
  h2, .h2 { font-size: clamp(30px, 9vw, 46px) !important; line-height: 1.12 !important; }
  p { overflow-wrap: anywhere; }
  .row { margin-left: 0 !important; margin-right: 0 !important; }
  [class*="col-"] { max-width: 100%; }
  .btn, button, input, textarea { max-width: 100%; }
  .titlebar-inner { overflow: hidden; }
}

/* ===== WebEasee final responsive/contact/FAQ protection ===== */
.lqd-modal[data-modal-type="fullscreen"] .lqd-modal-content,
.lity-modal .lqd-modal-content { overflow-x: hidden; }

.di-modal-phone { display:block; color:#000; text-decoration:none; margin-top:6px; }

.faq .accordion .accordion-title a {
  min-height: 74px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-radius: 999px !important;
  padding: 18px 34px !important;
}
.faq .accordion-title-txt { line-height: 1.25 !important; }
.faq .accordion-content { padding: 18px 34px 26px !important; color:#566174; line-height:1.65; }

@media (max-width: 1199px) {
  .lqd-sticky-menu-floating-vertical,
  .lqd-fancy-menu.fixed,
  .lqd-fancy-menu.pos-fixed,
  .right-60.left-auto.lqd-fancy-menu,
  .lqd-fancy-menu[class*="right-"] { display:none !important; }
}

@media (max-width: 991px) {
  #contact-modal .container.min-h-100vh,
  .lity-modal .container.min-h-100vh {
    min-height: auto !important;
    align-items: flex-start !important;
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  #contact-modal .w-55percent,
  #contact-modal .w-45percent,
  .lity-modal .w-55percent,
  .lity-modal .w-45percent { width: 100% !important; max-width: 100% !important; }
  #contact-modal .module-content,
  .lity-modal .module-content { padding: 10px 0 20px !important; }
  #contact-modal h2,
  .lity-modal h2,
  #contact-modal .text-120,
  .lity-modal .text-120 {
    font-size: clamp(46px, 16vw, 78px) !important;
    line-height: .92 !important;
    letter-spacing: -0.06em !important;
  }
  #contact-modal .module-info,
  .lity-modal .module-info { flex-direction: column !important; gap: 18px !important; }
  #contact-modal .module-info > div,
  .lity-modal .module-info > div { width: 100% !important; padding-left: 0 !important; }
  #contact-modal .row,
  .lity-modal .row { margin-left:0 !important; margin-right:0 !important; }
  #contact-modal [class*="col-"],
  .lity-modal [class*="col-"] { padding-left:0 !important; padding-right:0 !important; }

  .faq .lqd-section.mt-60 { margin-top: 35px !important; }
  .faq .col-md-6 { flex: 0 0 100% !important; max-width: 100% !important; padding: 0 !important; }
  .faq .accordion { margin-bottom: 16px !important; }
}

@media (max-width: 767px) {
  body { overflow-x: hidden !important; }
  .container { width: 100% !important; padding-left: 18px !important; padding-right: 18px !important; }
  .main-header .container { padding-left: 12px !important; padding-right: 12px !important; }
  .faq { padding-top: 55px !important; padding-bottom: 60px !important; }
  .faq h2,
  .faq .ld-fh-element.faq { font-size: clamp(30px, 9vw, 42px) !important; line-height:1.12 !important; }
  .faq .accordion .accordion-item { margin-bottom: 14px !important; }
  .faq .accordion .accordion-title a {
    min-height: 62px !important;
    border-radius: 30px !important;
    padding: 16px 20px !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
  }
  .faq .accordion-expander { flex: 0 0 auto !important; }
  .faq .accordion-content { padding: 14px 20px 22px !important; font-size: 15px !important; }

  #contact-modal .lqd-modal-content,
  .lity-modal .lqd-modal-content { background-position: center top !important; }
  #contact-modal textarea,
  .lity-modal textarea { min-height: 130px !important; }
  #contact-modal input,
  #contact-modal textarea,
  .lity-modal input,
  .lity-modal textarea { font-size: 16px !important; }

  #contact-modal-1 .container {
    width: calc(100% - 28px) !important;
    max-height: 92vh !important;
    overflow-y: auto !important;
    padding: 28px 18px !important;
    border-radius: 20px !important;
  }
  #contact-modal-1 .module-content h2 { font-size: clamp(42px, 14vw, 62px) !important; line-height: .95 !important; }
  #contact-modal-1 .module-form { width: 100% !important; }
  #contact-modal-1 .form-group { width: 100% !important; margin-bottom: 14px !important; }
  #contact-modal-1 input,
  #contact-modal-1 textarea { width: 100% !important; font-size: 16px !important; }
}