.hero {
    background-color: var(--color-neutral-100);
    padding: var(--spacing-12) 0;
}

.hero-content {
    margin-bottom: var(--spacing-6);
}

.hero img {
    border-radius: var(--radius-lg);
}

.popular-products,
.new-arrivals,
.types-of-cleaners,
.cleaning-tips,
.eco-solutions,
.customer-reviews,
.current-promotions,
.how-to-choose,
.organize-cleaning {
    padding: var(--spacing-12) 0;
}

.popular-products .grid {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

@media (max-width: 768px) {
    .hero {
        padding: var(--spacing-8) 0;
    }

    .hero-content {
        margin-bottom: var(--spacing-4);
    }

    .hero .flex {
        flex-direction: column;
    }

    .hero img {
        margin-top: var(--spacing-6);
    }
}