/* =============================================
   TABLET (≤1024px)
   ============================================= */
@media (max-width:1024px) {
    .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
    .features-grid{grid-template-columns:1fr 1fr}
    .banners-triple{grid-template-columns:1fr 1fr}
    .banners-triple .banner-item:last-child{grid-column:1/-1}
    .contact-grid{grid-template-columns:1fr}
    .product-detail-grid{gap:36px}
}

/* =============================================
   MOBİL MENÜ (≤900px) — hamburger + drawer
   ============================================= */
@media (max-width:900px) {

    /* Hamburger göster */
    .menu-toggle{display:flex}

    /* Desktop nav gizle */
    .main-nav{display:none}

    /* WA yazısı gizle */
    .wa-label{display:none}

    /* Layout düzeltmeleri */
    .product-detail-grid{grid-template-columns:1fr}
    .product-gallery{position:static}
    .category-layout{grid-template-columns:1fr}
    .sidebar{order:-1}
}

/* =============================================
   MOBİL (≤640px)
   ============================================= */
@media (max-width:640px) {
    .container{padding:0 14px}
    .section{padding:48px 0}
    .section-sm{padding:32px 0}

    /* Top bar */
    .top-bar .container{gap:12px;font-size:.72rem}
    .topbar-extra{display:none}

    /* Header */
    .header-inner{height:60px}
    .logo-main{font-size:1.3rem}
    .logo-sub{font-size:.58rem}
    .btn-whatsapp-header{padding:7px 12px;font-size:.78rem}

    /* Hero */
    .hero-section{height:72vw;min-height:300px;max-height:500px}
    .hero-content{left:5%;right:5%;bottom:8%}
    .hero-content h1{font-size:clamp(1.5rem,5vw,2rem)}
    .hero-content p{display:none}
    .hero-btn{padding:10px 20px;font-size:.82rem}

    /* Ürün grid */
    .products-grid{grid-template-columns:repeat(2,1fr);gap:10px}
    .product-info{padding:10px}
    .product-name{font-size:.88rem}
    .product-actions{opacity:1;transform:none}

    /* Banner */
    .banners-double,.banners-triple{grid-template-columns:1fr}
    .banners-triple .banner-item:last-child{grid-column:auto}
    .banner-full{height:200px}
    .banner-overlay{padding:20px}
    .banner-text h2{font-size:1.5rem}
    .banner-item{height:200px}

    /* Özellikler */
    .features-grid{grid-template-columns:1fr 1fr;gap:12px}
    .feature-item{flex-direction:column;text-align:center;gap:8px}
    .feature-icon{width:44px;height:44px;font-size:1rem}
    .feature-text h4{font-size:.78rem}
    .feature-text p{font-size:.7rem}

    /* Kategoriler */
    .categories-grid{grid-template-columns:repeat(2,1fr);gap:10px}

    /* Footer */
    .footer-grid{grid-template-columns:1fr;gap:24px}
    .footer-top{padding:40px 0 28px}

    /* İletişim */
    .contact-grid{padding:36px 0;gap:20px}
    .contact-info-box{padding:24px}

    /* Ürün detay */
    .product-detail-name{font-size:1.4rem}
    .gallery-thumbs{gap:8px}
    .gallery-thumb{width:56px;height:68px}

    /* WA float */
    .whatsapp-float{bottom:16px;right:16px;width:50px;height:50px;font-size:1.25rem}

    /* Sayfa başlığı */
    .page-hero{padding:36px 0}
    .section-title{font-size:1.6rem}
}

/* =============================================
   ÇOK KÜÇÜK (≤380px)
   ============================================= */
@media (max-width:380px) {
    .products-grid{grid-template-columns:1fr}
    .hero-content h1{font-size:1.4rem}
    .features-grid{grid-template-columns:1fr}
}