/* Mobil QA düzeltmeleri: dokunmatik alan, dvh, yatay taşma, klavye uyumu */
@media (max-width: 768px) {
  html, body { max-width: 100%; overflow-x: clip; }
  img, video, iframe, svg { max-width: 100%; }

  /* Dokunmatik hedefler: en az 44px (WCAG 2.5.5 / Apple HIG) */
  .btn-add-cart { width: 44px; height: 44px; min-width: 44px; }
  .action-btn, .mobile-menu-btn, .modal-close-btn { min-width: 44px; min-height: 44px; }
  .btn-qty { min-width: 44px; min-height: 44px; }
  .category-pill, .subcat-pill { min-height: 44px; }
  .checkout-form label.checkbox-label,
  .checkout-form .form-group label:has(input[type="checkbox"]) { min-height: 44px; display: flex; align-items: center; gap: 10px; }

  /* Mobil tarayıcı adres çubuğu ile 100vh taşmasını önle */
  .nav-menu { max-height: calc(100dvh - var(--header-height) - 70px); }
  .modal-content { max-height: 92dvh; overflow-y: auto; overscroll-behavior: contain; }

  /* Çift dokunma gecikmesi / zoom */
  a, button, .btn-add-cart, .category-pill, .payment-method-card { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }

  /* Sticky ödeme CTA: klavye ve ev çubuğu güvenli alanı */
  .checkout-form button[type="submit"] { position: sticky; bottom: 0; padding-bottom: calc(14px + env(safe-area-inset-bottom)); z-index: 5; }
}
@media (max-width: 360px) {
  .products-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .payment-methods-grid { grid-template-columns: 1fr; }
}

/* Ürün detay: 1fr satırı içerik genişliğine göre şişip sayfayı taşırıyordu */
@media (max-width: 992px) {
  .product-detail-grid { grid-template-columns: minmax(0, 1fr); }
  .product-detail-grid > *,
  .product-gallery-box,
  .gallery-container-vertical,
  .product-info-box,
  .product-detail-wrapper .container { min-width: 0; max-width: 100%; }
  .product-detail-wrapper { overflow-x: clip; }
  .gallery-container-vertical { flex-direction: column; }
  .gallery-container-vertical > * { min-width: 0; max-width: 100%; }
  .gallery-thumbnails-strip { flex-direction: row; width: 100%; overflow-x: auto; }
  .product-detail-wrapper h1,
  .product-detail-wrapper h2 { overflow-wrap: anywhere; }
  .product-detail-wrapper img { max-width: 100%; height: auto; }
}
@media (max-width: 992px) {
  .gallery-main-view { width: 100%; min-width: 0; max-width: 100%; }
  .gallery-main-img { width: 100%; height: auto; max-width: 100%; }
  .gallery-thumb-item { margin-top: 0; height: auto; flex: 0 0 72px; width: 72px; box-shadow: none; }
}