/* Tamiyouz mobile QA polish — 2026-11-01
 * Scoped changes for verified mobile issues; avoids layout/logic replacement.
 * Tested for primary company, careers, appointment, quote, EN and store routes.
 */
@media screen and (max-width:767px) {
  /* iOS Safari zooms automatically on focused fields rendered below 16px.
     Keep the actual enhanced source controls' tiny hidden geometry unchanged. */
  #joinusNativeApplication input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not(.tyz-enhanced-source),
  #joinusNativeApplication select:not(.tyz-enhanced-source),
  #joinusNativeApplication textarea,
  #tyz11-consultation-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  #tyz11-consultation-form select,
  #tyz11-consultation-form textarea,
  #tyz12-name, #tyz12-phone, #tyz12-country, #tyz12-service, #tyz12-message,
  #consultCountry, #consultTopic, #consultName, #consultPhone, #consultEmail,
  .consultation-input textarea, .consultation-phone-row select {
    font-size:16px!important;
    line-height:1.45!important;
  }
  #joinusNativeApplication input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not(.tyz-enhanced-source),
  #joinusNativeApplication select:not(.tyz-enhanced-source),
  #tyz11-consultation-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  #tyz11-consultation-form select,
  #tyz12-name,#tyz12-phone,#tyz12-country,#tyz12-service,
  #consultCountry,#consultName,#consultPhone,#consultEmail{
    min-height:44px;
    max-width:100%;
  }
  #joinusNativeApplication textarea,#tyz11-consultation-form textarea,
  #tyz12-message,#consultTopic{max-width:100%;min-height:88px}
  /* Keep inputs from forcing overflow in narrow flex/grid rows. */
  #tyz11-consultation-form,#joinusNativeApplication,
  #tyz12-name,#tyz12-phone,#tyz12-country,#tyz12-service,
  .consultation-phone-row,.country-picker{min-width:0}
  #joinusNativeApplication button[type="submit"],
  #tyz11-consultation-form button[type="submit"],
  .rsh3-register,
  #tyz12-submit{min-height:44px}
  /* The service mega menu measured ~800+px on mobile; give it an
     independent scroll area inside the already scrollable siteNav. */
  #siteNav.open #servicesNavItem.open .mega-menu {
    max-height:min(52dvh,410px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  #siteNav.open {overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  /* Protect long headings and CTA labels on 320px devices. */
  main h1,main h2,.site-main h1,.site-main h2 {
    overflow-wrap:break-word;
  }
}
@media screen and (max-width:359px){
  #siteNav.open #servicesNavItem.open .mega-menu{max-height:min(49dvh,350px)!important}
}