/**
 * oz-mobile.css — grid + a11y + menü güvenliği
 * Mobil kategori: 2 sütun | Masaüstü kategori: 3 sütun
 */

/* Kontrast (masaüstü + mobil PSI) */
:root {
  --primary: #c23b2e;
}
.text-primary,
#sepetTutar,
#sepetFrame,
#sepetframe,
#s_gelen .text-primary,
.card-product .price-wrap .price-new,
.price-wrap .price-new,
span.price-new {
  color: #5a1510 !important;
}
.flat-title .title,
h4.title {
  color: #1a1a1a !important;
}
.sw-dots .swiper-pagination-bullet,
.sw-dot-default .swiper-pagination-bullet {
  background: #333 !important;
  opacity: 0.9 !important;
  box-shadow: 0 0 0 1px #fff;
}
.sw-dots .swiper-pagination-bullet-active,
.sw-dot-default .swiper-pagination-bullet-active {
  background: #111 !important;
}

@media (max-width: 991.98px) {
  /* CLS kilitleri — ajan tarama (styles.min gelince oran değişmesin) */
  body { padding-bottom: 48px; }
  .tf-topbar { display: none !important; height: 0 !important; min-height: 0 !important; overflow: hidden !important; }
  #header,
  #header .wrapper-header { min-height: 56px !important; }
  .slider-home-compact,
  .slider-fullscreen,
  .slider-fullscreen-inner {
    aspect-ratio: 1920 / 700;
    width: 100% !important;
  }
  .slider-home-compact .slider-img,
  .slider-fullscreen .slider-img {
    aspect-ratio: 1920 / 700 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }
  .card-product .card-product-wrapper,
  .category-grid-img,
  .product-img img,
  .img-product {
    aspect-ratio: auto !important;
  }
  .category-grid-img {
    aspect-ratio: 1 / 1 !important;
  }
  .card-product .img-product,
  .card-product .product-img img,
  #urun_alani .img-product {
    object-fit: contain !important;
    height: auto !important;
    max-height: none !important;
    width: 100% !important;
  }

  /* Ana sayfa kategori — tek dokunuşla git (iOS hover çift tık engeli) */
  .section-categories-grid .category-grid-card {
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: rgba(0,0,0,.06);
    cursor: pointer;
  }
  .section-categories-grid .category-grid-card:hover,
  .section-categories-grid .category-grid-card:active {
    transform: none !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.08) !important;
  }
  .section-categories-grid .category-grid-card:hover .category-grid-img img,
  .section-categories-grid .category-grid-card:active .category-grid-img img {
    transform: none !important;
  }

  /* Kategori ürün listesi — tam ürün görseli, kesilmesin */
  #urun_alani > [class*="col-"],
  .promosyon-product-row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .shop-with-sidebar #urun_alani .card-product .card-product-wrapper,
  .shop-with-sidebar #urun_alani .card-product .product-img,
  .shop-with-sidebar #urun_alani .card-product .img-product,
  .kategori-no-sidebar #urun_alani .card-product .card-product-wrapper,
  .kategori-no-sidebar #urun_alani .card-product .product-img,
  .kategori-no-sidebar #urun_alani .card-product .img-product {
    max-height: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
  }
  .shop-with-sidebar #urun_alani .card-product .product-img,
  .kategori-no-sidebar #urun_alani .card-product .product-img {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #f7f8fa;
    border-radius: 10px;
    min-height: 200px !important;
    padding: 8px;
  }
  .shop-with-sidebar #urun_alani .card-product .img-product,
  .kategori-no-sidebar #urun_alani .card-product .img-product {
    object-fit: contain !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Dış layout kolonları tam genişlik — kritik CSS %50 kilidini kır */
  .shop-with-sidebar > .container > .row > [class*="col-lg-"],
  .shop-with-sidebar > .container > .row > .col-12,
  .kategori-no-sidebar > .container > .row > .col-12,
  .product-detail-row > [class*="col-"],
  .benzer-urunler-row > [class*="col-"],
  .row > .col-12,
  .row > [class*="col-12"]:not([class*="col-6"]):not([class*="col-4"]):not([class*="col-3"]) {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Ürün detay — mobil ince ayar */
  .product-detail-page .product-detail-main-img,
  .product-detail-page .tf-single-slide .swiper-slide img {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    max-height: 70vh !important;
  }
  .product-detail-page .tf-single-slide .swiper-slide {
    aspect-ratio: auto !important;
    max-height: none !important;
    min-height: 220px;
  }
  .product-detail-page .product-action-buttons .btn,
  .product-detail-page .product-action-buttons a {
    width: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    margin-bottom: 8px;
  }
  .product-detail-page .product-options-table,
  .product-detail-page .table {
    width: 100% !important;
    display: table !important;
  }
  .product-detail-page .benzer-urunler-swiper .card-product-benzer .img-product,
  .product-detail-page .benzer-urunler-swiper .img-product {
    object-fit: contain !important;
    height: auto !important;
    max-height: 160px !important;
  }

  .whatsapp-mobile-bar,
  .whatsapp-mobile-bar a {
    background-color: #075e54 !important;
    color: #fff !important;
  }

  #header .mobile-menu,
  #header .nav-icon,
  #header .logo-header,
  #header .box-nav-menu {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .mobile-sepete-ekle-sticky {
    z-index: 10050 !important;
  }
}

/* Masaüstü: ürün kategorilerinde yan yana 3 */
@media (min-width: 992px) {
  #urun_alani > [class*="col-"],
  .promosyon-product-row > [class*="col-"],
  .kategori-no-sidebar #urun_alani > [class*="col-"] {
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
    width: 33.333333% !important;
  }
}