/* TonyMed v3.1.8 — compact, scrollable quick inquiry on mobile */
@media (max-width: 700px) {
  #inquiryModal.modal-backdrop:not([hidden]) {
    position: fixed !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom)) !important;
    overflow: hidden !important;
    z-index: 9999 !important;
    box-sizing: border-box !important;
  }
  #inquiryModal .inquiry-modal {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 440px !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding: 22px 20px 24px !important;
    border-radius: 22px !important;
  }
  #inquiryModal .inquiry-modal h2 {font-size: clamp(24px, 7vw, 32px) !important;line-height: 1.15 !important;margin: 7px 40px 14px 0 !important;}
  #inquiryModal .modal-kicker {font-size: 10px !important;letter-spacing: .11em !important;}
  #inquiryModal .inquiry-modal form {gap: 6px !important;}
  #inquiryModal .inquiry-modal label {font-size: 13px !important;margin-top: 5px !important;}
  #inquiryModal .inquiry-modal input,
  #inquiryModal .inquiry-modal select,
  #inquiryModal .inquiry-modal textarea {box-sizing: border-box !important;min-height: 44px !important;padding: 10px 12px !important;font-size: 16px !important;border-radius: 12px !important;}
  #inquiryModal .inquiry-modal textarea {min-height: 76px !important;max-height: 120px !important;resize: vertical;}
  #inquiryModal .inquiry-modal form > .btn {min-height: 48px !important;margin-top: 8px !important;}
  #inquiryModal .modal-close {position: sticky;top: 0;float: right;z-index: 3;}
  .catalog-page .detail-image #detailImg {cursor: zoom-in;}
}
@media (max-height: 600px) and (max-width: 700px) {
  #inquiryModal .inquiry-modal {padding-top: 14px !important;padding-bottom: 14px !important;}
}