/* ===========================================================
   Mağaza — Duyarlı (responsive) stiller
   Tüm viewport tabanlı media query'ler burada toplanır.
   style.css'ten SONRA yüklenmelidir.
   =========================================================== */

@media (max-width: 900px) {
    .hero-inner { grid-template-columns: 1fr; gap: 24px; min-height: 0; padding: 48px 24px 24px; text-align: center; }
    .hero-content { max-width: none; margin: 0 auto; }
    .hero h1 { font-size: 38px; }
    .hero-text { margin-left: auto; margin-right: auto; }
    .hero-actions { justify-content: center; flex-direction: row; flex-wrap: nowrap; }
    .hero-media { order: -1; min-height: 360px; }
    .hero-blob { width: 360px; height: 360px; }
    .hero-product-card { right: 0; bottom: 0; }
    .hero-nav { position: static; justify-content: center; margin-top: -8px; }
    .collection-grid { grid-template-columns: repeat(3, 1fr); }
    .product-grid { grid-template-columns: repeat(2, 1fr); }
    /* Yeni Gelenler slider'ı mobilde container içinde kalsın (full-bleed iptal) */
    .arrivals-swiper { width: auto; margin-left: 0; margin-right: 0; }
    .footer-inner { grid-template-columns: 1fr 1fr; gap: 32px; }
    .feature-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
    .feature { padding: 0 16px; }
    .feature:nth-child(2)::after { display: none; }
    .main-nav { display: none; }
    .menu-toggle { display: inline-flex; }
    .header-inner { display: flex; align-items: center; justify-content: space-between; }
    .header-actions { justify-self: auto; margin-left: auto; }

    /* ---- Shop: kenar çubuğu mobilde çekmece ---- */
    .shop-layout { grid-template-columns: 1fr; }
    .shop-grid { grid-template-columns: repeat(2, 1fr); }
    .filter-toggle { display: inline-flex; }

    .shop-sidebar {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 320px;
        max-width: 88vw;
        background: #fff;
        padding: 20px 24px;
        overflow-y: auto;
        z-index: 70;
        transform: translateX(-100%);
        transition: transform .3s ease;
    }
    .shop-sidebar.is-open { transform: translateX(0); }
    .sidebar-close { display: inline-flex; }

    /* ---- PDP mobil ---- */
    .pdp-top { grid-template-columns: 1fr; gap: 32px; }
    .pdp-title { font-size: 28px; }
    .reviews-summary { grid-template-columns: 1fr; gap: 24px; }

    /* ---- Legal mobil ---- */
    .legal-hero { padding: 48px 0; }
    .legal-hero h1 { font-size: 30px; }

    /* ---- Teşekkürler mobil ---- */
    .thankyou-title { font-size: 34px; }
    .thankyou-icon svg { width: 120px; }

    /* ---- Sipariş takibi mobil ---- */
    .track-form { grid-template-columns: 1fr; }
    .track-summary-card { grid-template-columns: 1fr 1fr; gap: 18px; }

    /* ---- 404 mobil ---- */
    .error-code { font-size: 88px; }
    .error-title { font-size: 24px; }

    /* ---- Hesabım mobil ---- */
    .woocommerce-account .wc-page .woocommerce { grid-template-columns: 1fr; gap: 24px; }
    .account-nav { position: static; }
    .account-nav ul { display: flex; flex-wrap: wrap; }
    .account-nav li { border-bottom: none; border-right: 1px solid var(--color-line); flex: 1 1 auto; }
    .account-nav a { padding: 12px 14px; font-size: 14px; }
    .account-cards { grid-template-columns: 1fr; }
    .account-welcome { flex-wrap: wrap; }
    .account-logout-btn { margin-left: 0; width: 100%; text-align: center; }
    .account-order-row { grid-template-columns: 1fr 1fr; row-gap: 8px; }
    .account-auth.has-register { grid-template-columns: 1fr; gap: 32px; }
    .address-grid.cols-2 { grid-template-columns: 1fr; }
    .address-form-fields { grid-template-columns: 1fr; }
    .address-form-fields .form-row-first,
    .address-form-fields .form-row-last { grid-column: 1 / -1; }
    .track-summary-card { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
    .hero-inner { padding: 48px 24px 32px; }
    .hero h1 { font-size: 32px; }
    .hero-nav { margin-bottom: 24px; padding: 10px 0; }
    .section { padding: 48px 0; }
    .collection-grid { grid-template-columns: repeat(2, 1fr); }
    .shop-grid { grid-template-columns: repeat(2, 1fr); gap: 20px 14px; }
    .shop-toolbar { flex-wrap: wrap; }
    .sort-by { width: 100%; }
    .sort-by select { flex: 1; }
    .newsletter-form { flex-direction: column; }
    .footer-inner { grid-template-columns: 1fr 1fr; }
    .footer-bottom-inner { flex-direction: column; text-align: center; }
    .search-form input { font-size: 18px; }
}

/* ===========================
   Hareket hassasiyeti (erişilebilirlik)
   =========================== */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
    .hotspot::after { animation: none; }
}