/* ==========================================================================
   MITHILA MAATI - TABLET RESPONSIVENESS (576px to 768px)
   ========================================================================== */

@media (min-width: 577px) and (max-width: 768px) {
    :root {
        --phi-spacing-sm: 0.9rem;
        --phi-spacing-md: 1.4rem;
        --phi-spacing-lg: 2.2rem;
    }

    body {
        font-size: 15px;
    }

    /* Typography settings */
    h1, .hero-slider h1 {
        font-size: 2.2rem !important;
    }
    h2 {
        font-size: 1.8rem !important;
    }

    /* Padding adjustments */
    .section-padding {
        padding: 3.5rem 0 !important;
    }

    /* Hero Banner */
    .hero-slider-item {
        height: 450px !important;
    }
    .hero-content h1 {
        font-size: 2.8rem !important;
    }
    .hero-content p {
        font-size: 1.15rem !important;
        margin-bottom: 2rem !important;
    }

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

    /* Layout structural shifts */
    .about-img-box {
        margin-bottom: 2rem;
    }

    .footer-col {
        margin-bottom: 1.5rem;
    }
}