/**
 * 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: 1 / 1 !important;
  }

  /* Kategori detay — eski 2'li */
  #urun_alani > [class*="col-"],
  .promosyon-product-row > [class*="col-"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !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;
  }
}