/* =====================================================
   AyleModa - Responsive CSS
   Mobile-First Design
   ===================================================== */

/* Kategori kartları <a> olarak kullanıldığında */
a.category-card {
  display: block;
  text-decoration: none;
  color: inherit;
}

html, body { overflow-x: hidden; max-width: 100%; }

/* ---- Tablet (max 1024px) ---- */
@media (max-width: 1024px) {
  .header-whatsapp-btn span { display: none; }
  .products-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
  .campaign-inner { gap: 48px; }
  .fabric-grid { gap: 48px; }
  .instagram-grid { grid-template-columns: repeat(4, 1fr); }
  .trust-grid { grid-template-columns: repeat(2, 1fr); }
  .category-grid { grid-template-columns: repeat(2, 1fr); }
  .category-card:first-child { grid-column: span 2; }
  .reviews-grid { grid-template-columns: repeat(2, 1fr); }
  .newsletter-inner { gap: 40px; }
}

/* ---- Mobile Large (max 768px) ---- */
@media (max-width: 768px) {
  .container { padding: 0 16px; }
  .section { padding: 56px 0; }
  .section-header { margin-bottom: 36px; }

  /* Announcement Bar */
  .announcement-slider { gap: 0; }
  .ann-item:not(:first-child) { display: none; }

  /* Header */
  .site-header .container { padding: 0 10px; }
  .header-inner { height: 60px; gap: 0; justify-content: space-between; }
  .header-logo { flex: 1; text-align: center; }
  .header-logo a { align-items: center; }
  .mobile-menu-toggle { display: flex; flex-shrink: 0; }
  .header-actions { flex-shrink: 0; gap: 2px; }
  .header-icon-btn { width: 36px; height: 36px; }
  .cart-btn { width: 38px; height: 38px; font-size: 1.05rem; }
  .main-nav {
    position: fixed; left: -100%; top: 0; bottom: 0;
    width: 300px; z-index: 998;
    background: var(--white); box-shadow: var(--shadow-lg);
    padding: 80px 0 40px;
    overflow-y: auto;
    transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .main-nav.open { left: 0; }
  .main-nav > ul { flex-direction: column; gap: 0; }
  .main-nav > ul > li > a {
    padding: 14px 24px; border-radius: 0;
    border-bottom: 1px solid var(--light-gray);
    font-size: 1rem;
  }
  .mega-dropdown {
    position: static !important; transform: none !important; width: 100%;
    border: none; border-top: 2px solid var(--gold); border-radius: 0; box-shadow: none;
    opacity: 1 !important; visibility: visible !important;
    display: none; padding: 0;
    background: var(--cream);
  }
  .has-dropdown:hover .mega-dropdown { transform: none !important; }
  .has-dropdown.open .mega-dropdown { display: block; }
  .mega-inner { grid-template-columns: 1fr; gap: 0; }
  .mega-group { padding: 10px 16px; border-right: none; border-bottom: 1px solid var(--light-gray); }
  .mega-featured { padding: 10px 16px; background: transparent; }
  .mega-link { padding: 7px 8px; font-size: 0.88rem; }
  .mega-link em { display: none; }
  .mega-featured-item { padding: 7px 8px; }
  .mega-whatsapp { margin-top: 8px; }
  .mega-group-title { font-size: 0.68rem; margin-bottom: 8px; padding-bottom: 6px; }
  .header-whatsapp-btn { display: none; }

  /* Hero */
  /* Hero Slider — Tablet */
  .hero-section { height: 90vh; max-height: 700px; }
  .hero-image-side { display: none; }
  .hero-content { max-width: 100%; padding-bottom: 140px; }
  .hero-stats { gap: 24px; flex-wrap: wrap; }
  .hero-stat .stat-number { font-size: 1.5rem; }
  .hero-actions { gap: 12px; }
  .hero-bottom-bar { height: 80px; }
  .hero-counter { padding: 0 20px; }
  .hero-counter-current { font-size: 1.6rem; }
  .hero-thumb { max-width: 160px; }
  .hero-slider-prev { left: 16px; }
  .hero-slider-next { right: 16px; }
  .hero-scroll-hint { display: none; }

  /* Products */
  .products-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; align-items: start; }
  .product-card-actions { display: none; }
  .product-card-mobile-actions { display: flex; }
  .product-card-image { aspect-ratio: 1; }
  .product-card-image img { object-fit: cover; }

  /* Category */
  .category-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .category-card:first-child { grid-column: span 2; aspect-ratio: 16/9; }

  /* Campaign */
  .campaign-inner { grid-template-columns: 1fr; gap: 40px; }
  .campaign-image { display: none; }
  .campaign-countdown { gap: 12px; flex-wrap: wrap; }
  .countdown-number { width: 52px; height: 52px; font-size: 1.5rem; }

  /* Fabric */
  .fabric-grid { grid-template-columns: 1fr; gap: 40px; }
  .fabric-image { display: none; }

  /* Instagram */
  .instagram-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .instagram-header { flex-direction: column; align-items: flex-start; gap: 12px; }

  /* Reviews */
  .reviews-grid { grid-template-columns: 1fr; }

  /* Newsletter */
  .newsletter-inner { flex-direction: column; gap: 32px; }
  .newsletter-input-group { flex-direction: column; gap: 12px; }
  .newsletter-input-group input { border-radius: var(--radius-full); border: none; }
  .btn-newsletter { border-radius: var(--radius-full); justify-content: center; padding: 14px; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .footer-bottom-inner { flex-direction: column; gap: 12px; text-align: center; }

  /* Trust */
  .trust-grid { grid-template-columns: 1fr 1fr; }

  /* Mini Cart */
  .mini-cart-sidebar { width: 100%; right: -100%; }

  /* Floating WA */
  .floating-whatsapp { bottom: 20px; right: 20px; width: 52px; height: 52px; }
  .scroll-top { bottom: 84px; right: 20px; }
}

/* ---- Header — çok küçük ekranlar (max 360px) ---- */
@media (max-width: 360px) {
  .header-icon-btn { width: 32px; height: 32px; }
  .cart-btn { width: 34px !important; height: 34px !important; }
  .logo-text { font-size: 1.25rem; }
  .logo-tagline { display: none; }
}

/* ---- Mobile Small (max 480px) ---- */
@media (max-width: 480px) {
  .products-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .category-grid { grid-template-columns: 1fr; }
  .category-card:first-child { grid-column: span 1; }
  .instagram-grid { grid-template-columns: repeat(2, 1fr); }
  .trust-grid { grid-template-columns: 1fr; }
  .footer-payments { display: none; }
  .ann-close { display: none; }

  /* Hero Slider — Mobil */
  .hero-section { height: 100svh; max-height: none; }
  .hero-content { padding-bottom: 110px; }
  .hero-content h1 { font-size: 1.9rem; margin-bottom: 24px; }
  .hero-actions { gap: 10px; }
  .hero-actions .btn-whatsapp span { display: none; }
  .hero-bottom-bar { height: 70px; }
  .hero-counter { padding: 0 14px; }
  .hero-counter-current { font-size: 1.3rem; }
  .hero-counter-sep, .hero-counter-total { font-size: 0.75rem; }
  .hero-thumb { max-width: 120px; }
  .hero-thumb-label { font-size: 0.65rem; padding: 6px 8px 8px; }
  .hero-slider-btn { width: 40px; height: 40px; font-size: 0.85rem; }
  .hero-slider-prev { left: 10px; }
  .hero-slider-next { right: 10px; }
}

/* ---- Product Card Hover - Touch Devices (only mobile widths) ---- */
@media (hover: none) and (max-width: 1024px) {
  .product-card-actions { display: none; }
  .product-card-mobile-actions { display: flex; }
}

/* ---- Print ---- */
@media print {
  .site-header, .site-footer, .floating-whatsapp, .scroll-top, .mini-cart-sidebar { display: none; }
}