/* =========================================================
   RESPONSIVE — tinh chỉnh bổ sung ngoài các breakpoint đã
   khai báo trong từng file component
   ========================================================= */

@media (max-width: 1200px){
  :root{ --dx-gutter: 32px; }
}

@media (max-width: 600px){
  .dx-section{ padding-block: 56px; }
  .dx-cta__title h2{ font-size: 28px; }
}

/* Woocommerce: đảm bảo lưới sản phẩm mặc định của Flatsome
   không bị vỡ khi kế thừa font/màu của child theme */
@media (max-width: 480px){
  .dx-hero__stats{ gap: 18px; }
  .dx-hero__stat b{ font-size: 24px; }
}


/* iOS Safari tự zoom khi focus vào ô nhập có font-size < 16px */
@media (max-width: 849px){
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="file"]),
  select,
  textarea,
  .select2-container .select2-selection--single .select2-selection__rendered,
  .select2-search--dropdown .select2-search__field{
    font-size: 16px !important;
  }
}