/* ---------------------------------------------
   Blush & Brush – Extra Responsive Tweaks
   --------------------------------------------- */

/* Tablets & below */
@media (max-width: 1024px) {
    .hero-buttons {
        flex-wrap: wrap;
    }

    .section-heading h2 {
        font-size: 1.9rem;
    }
}

/* Mobiles */
@media (max-width: 768px) {
    body {
        font-size: 15px;
    }

    section {
        padding: 60px 0;
    }

    .hero-grid {
        gap: 32px;
    }

    .hero-buttons {
        flex-direction: column;
        align-items: flex-start;
    }

    .services-grid,
    .pricing-grid,
    .portfolio-grid,
    .testimonials-slider {
        gap: 20px;
    }

    .testimonials-section {
        padding-bottom: 70px;
    }

    .brands-grid {
        gap: 14px;
    }

    .footer-grid {
        gap: 22px;
    }
}

/* Very small screens */
@media (max-width: 480px) {
    .hero-text h1 {
        font-size: 2.1rem;
    }

    .hero-meta span {
        font-size: 0.75rem;
    }

    .pricing-card {
        padding-inline: 18px;
    }

    .contact-form-wrapper {
        padding-inline: 18px;
    }
}