/* ==========================================================================
   MITHILA MAATI - LAPTOP RESPONSIVENESS (769px to 1024px)
   ========================================================================== */

@media (min-width: 769px) and (max-width: 1024px) {
    :root {
        --phi-spacing-sm: 1rem;
        --phi-spacing-md: 1.5rem;
        --phi-spacing-lg: 2.4rem;
    }

    body {
        font-size: 15px;
    }

    /* Hero Banner height */
    .hero-slider-item {
        height: 500px !important;
    }

    /* Product Grid */
    .product-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
    }

    /* Navigation item padding */
    .nav-link-custom {
        padding: 0.5rem 0.75rem !important;
    }
}