/* ===================================================
   SILAI GHAR — COMPREHENSIVE RESPONSIVE STYLES
   Breakpoints: 1024px | 768px | 480px | 360px
   =================================================== */

/* ===== TABLET (max 1024px) ===== */
@media (max-width: 1024px) {
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
    .insta-grid { grid-template-columns: repeat(3, 1fr); }
    .hero-grid { gap: 40px; padding: 50px 24px; }
    .hero h1 { font-size: 3rem; }
    .shop-layout { grid-template-columns: 220px 1fr; gap: 28px; }
    .about-grid { gap: 40px; }
}

/* ===== MOBILE (max 768px) ===== */
@media (max-width: 768px) {

    /* --- NAVBAR --- */
    .nav-menu { display: none; }
    .mobile-toggle { display: block; }
    .nav-menu.active {
        display: flex;
        position: absolute; top: 100%; left: 0; right: 0;
        flex-direction: column;
        background: #fff;
        padding: 24px;
        box-shadow: var(--shadow-luxe);
        gap: 16px;
        z-index: 999;
    }
    .nav-wrap { padding: 14px 20px; }

    /* --- GLOBAL --- */
    .section { padding: 60px 0; }
    .container { padding: 0 16px; }

    /* --- HERO --- */
    .hero { min-height: auto; }
    .hero-grid {
        grid-template-columns: 1fr;
        gap: 32px;
        text-align: center;
        padding: 44px 20px 40px;
    }
    .hero-content { order: 2; }
    .hero-image { order: 1; }
    .hero-btns { justify-content: center; }
    .hero p { margin: 0 auto 28px; max-width: 100%; }
    .hero h1 { font-size: clamp(2rem, 8vw, 3.2rem); }
    .hero-image-wrap { max-width: 280px; margin: 0 auto; aspect-ratio: 1/1; border-radius: 50%; }
    .hero-badge { right: 0; bottom: -10px; padding: 14px 20px; }
    .hero-badge-num { font-size: 1.5rem; }

    /* --- SECTION HEADS --- */
    .section-head { margin-bottom: 36px; }
    .section-title { font-size: 1.8rem; }

    /* --- CATEGORIES --- */
    .category-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .category-card { padding: 24px 16px; }
    .category-icon { width: 60px; height: 60px; font-size: 1.5rem; }
    .category-card h3 { font-size: 1rem; }
    .category-card p { font-size: 0.8rem; }

    /* --- PRODUCT GRID --- */
    .product-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .product-info { padding: 14px; }
    .product-info h3 { font-size: 0.92rem; margin: 6px 0 8px; }
    .price-now { font-size: 1rem; }
    .product-btn { padding: 10px; font-size: 0.78rem; }
    .product-badge { font-size: 0.65rem; padding: 4px 10px; }

    /* --- PRODUCT DETAIL VIEW --- */
    .product-view { grid-template-columns: 1fr !important; gap: 24px; }

    /* --- SHOP LAYOUT --- */
    .shop-layout { grid-template-columns: 1fr; gap: 20px; }
    .shop-filters { display: none; }

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

    /* --- TESTIMONIALS --- */
    .testi-grid { grid-template-columns: 1fr; gap: 20px; }
    .testi-card { padding: 28px 20px; }

    /* --- ABOUT --- */
    .about-grid { grid-template-columns: 1fr; gap: 32px; }
    .about-image { aspect-ratio: 16/9; max-height: 280px; }
    .about-stats { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .stat-box { padding: 18px 14px; }
    .stat-num { font-size: 1.7rem; }

    /* --- FOOTER --- */
    .footer { padding: 50px 0 24px; }
    .footer-grid { grid-template-columns: 1fr; gap: 32px; text-align: center; }
    .footer-social { justify-content: center; }
    .footer h4 { margin-bottom: 14px; }

    /* --- BOTTOM NAV --- */
    .bottom-nav { display: flex; }
    body { padding-bottom: 72px; }
    .float-wa { bottom: 86px; right: 20px; width: 52px; height: 52px; font-size: 1.4rem; }

    /* --- FORMS --- */
    .form-card { padding: 28px 20px; margin: 24px 12px; }

    /* --- CART LAYOUT --- */
    .cart-layout { grid-template-columns: 1fr !important; gap: 20px; }

    /* --- STATS GRID --- */
    .stats-grid { grid-template-columns: repeat(2, 1fr) !important; }

    /* --- PAGE HERO --- */
    .page-hero { padding: 44px 20px 32px; }
    .page-hero h1 { font-size: 2rem; }

    /* --- BUTTONS --- */
    .btn { padding: 13px 24px; font-size: 0.82rem; }

    /* --- SERVICES GRID --- */
    .services-grid { grid-template-columns: 1fr; gap: 18px; }
}

/* ===== SMALL MOBILE (max 480px) ===== */
@media (max-width: 480px) {

    /* --- NAVBAR --- */
    .nav-actions { gap: 14px; }
    .logo-text { font-size: 1.15rem; }
    .logo img { height: 44px; }
    .nav-badge { font-size: 0.6rem; min-width: 16px; height: 16px; }

    /* --- HERO --- */
    .hero-grid { padding: 32px 16px 28px; gap: 24px; }
    .hero-tag { font-size: 0.65rem; letter-spacing: 2px; padding: 6px 16px; }
    .hero h1 { font-size: clamp(1.8rem, 7vw, 2.6rem); }
    .hero p { font-size: 0.95rem; margin-bottom: 24px; }
    .hero-btns { flex-direction: column; align-items: center; gap: 12px; }
    .hero-btns .btn { width: 100%; max-width: 280px; justify-content: center; }
    .hero-image-wrap { max-width: 220px; }

    /* --- CATEGORIES --- */
    .category-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .category-card { padding: 20px 12px; }
    .category-icon { width: 52px; height: 52px; font-size: 1.3rem; margin-bottom: 14px; }
    .category-card h3 { font-size: 0.88rem; margin-bottom: 4px; }
    .category-card p { display: none; }

    /* --- PRODUCT GRID --- */
    .product-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .product-info { padding: 12px; }
    .product-info h3 { font-size: 0.85rem; margin: 4px 0 8px; }
    .price-now { font-size: 0.95rem; }
    .product-cat { font-size: 0.62rem; }
    .product-btn { padding: 9px; font-size: 0.72rem; border-radius: 30px; }
    .product-wish { width: 34px; height: 34px; font-size: 0.85rem; }

    /* --- INSTAGRAM --- */
    .insta-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }

    /* --- TESTIMONIALS --- */
    .testi-card { padding: 22px 16px; }

    /* --- ABOUT --- */
    .about-stats { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .stat-box { padding: 14px 10px; }
    .stat-num { font-size: 1.5rem; }
    .stat-label { font-size: 0.75rem; }

    /* --- SECTION --- */
    .section { padding: 50px 0; }
    .section-title { font-size: 1.6rem; }
    .section-head { margin-bottom: 28px; }

    /* --- FORM --- */
    .form-card { padding: 24px 16px; margin: 20px 10px; }

    /* --- FOOTER --- */
    .footer-grid { gap: 24px; }
    .footer { padding: 40px 0 20px; }

    /* --- BUTTONS --- */
    .btn { padding: 12px 22px; font-size: 0.78rem; }

    /* --- PAGE HERO --- */
    .page-hero { padding: 36px 16px 24px; }
    .page-hero h1 { font-size: 1.7rem; }
    .page-hero p { font-size: 0.9rem; }

    /* --- DELIVERY INFO ON PRODUCT PAGE --- */
    .product-delivery-info { grid-template-columns: 1fr !important; gap: 12px; }

    /* --- BOTTOM NAV --- */
    .bottom-nav a { font-size: 0.62rem; }
    .bottom-nav i { font-size: 1.1rem; }
}

/* ===== VERY SMALL (max 360px) ===== */
@media (max-width: 360px) {
    .container { padding: 0 12px; }
    .hero-grid { padding: 28px 12px 24px; }
    .logo-text { font-size: 1rem; }
    .product-grid { gap: 8px; }
    .category-grid { gap: 8px; }
    .section { padding: 40px 0; }
    .hero h1 { font-size: 1.7rem; }
    .nav-wrap { padding: 12px 14px; }
    .logo img { height: 40px; }
    .btn { padding: 11px 18px; }
}

/* ===== TOUCH OPTIMIZATIONS ===== */
@media (hover: none) {
    .nav-icon { min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; }
    .product-wish { min-width: 44px; min-height: 44px; }
    .bottom-nav a { min-height: 50px; justify-content: center; }
    .filter-item { min-height: 44px; }
}

/* ===== LANDSCAPE MOBILE ===== */
@media (max-width: 768px) and (orientation: landscape) {
    .hero { min-height: auto; }
    .hero-grid { padding: 30px 24px; }
    .hero-image { display: none; }
}