/* ===========================================================
   MOBILE ÖZEL STİLLER (768px ve altı)
   =========================================================== */

@media (max-width: 768px) {
  /* NAVBAR */
  .navbar {
    padding: 1rem;
  }

  .navbar-top {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }

  .navbar .nav-links {
    justify-content: center;
    gap: 1rem;
  }

  .navbar .search-box {
    flex: 1 1 100%;
    max-width: 100%;
  }

  /* TICKER */
  .ticker-text {
    font-size: 0.875rem;
    padding: 0.75rem 1.25rem;
  }

  /* KATEGORİLER */
  .category-card {
    flex: 1 1 48%;
  }

  /* CTA ACTION */
  .cta-action h2,
  .cta-collection h2 {
    font-size: 1.5rem;
  }

  .cta-action p,
  .cta-collection p {
    font-size: 1rem;
  }

  /* AVANTAJ KART - MOBİL */
  .advantage-bar {
    gap: 1.5rem;
  }

  /* INSTAGRAM */
  .instagram-section h3 {
    font-size: 1.25rem;
  }

  /* FOOTER */
  .footer .footer-columns {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer .footer-col {
    width: 100%;
  }

  .footer .footer-subscribe input[type="email"] {
    max-width: 100%;
  }

  /* ===========================================================
     MOBILE GÖRSELLER İÇİN STANDART AYARLAR
     =========================================================== */

  /* Tüm img ve picture öğeleri mobilde %100 olmalı */
  img,
  picture img {
    width: 100% !important;
    height: auto !important;
    display: block;
    border-radius: 1rem;
  }

  /* Slider için responsive düzeltme */
  .slider-container .swiper-slide picture {
    display: block;
  }

  /* Kategori kartları için boşluk azaltması */
  .category-grid {
    gap: 1rem;
  }
}

@media (max-width: 768px) {
  .swiper-product-unique {
    padding: 0 0.5rem;
  }

  .swiper-slide {
    width: 50% !important;
    flex-shrink: 0;
  }

  .product-card-unique {
    margin: 0.5rem;
    border-radius: 0.75rem;
  }

  .product-meta-row-unique {
    padding: 0.5rem 0.75rem;
    gap: 0.25rem;
    flex-direction: column; /* ✅ ADI ve FİYATI alt alta getirir */
    align-items: flex-start;
  }

  .product-title-unique {
    font-size: 0.9rem;
    white-space: normal; /* ✅ Uzunsa satır atsın */
  }

  .price {
    font-size: 0.85rem;
  }

  .favorite-btn-unique,
  .add-to-cart-unique {
    width: 28px;
    height: 28px;
    font-size: 0.85rem;
  }

  .product-image-unique {
    aspect-ratio: 3 / 4;
  }
}