@media (max-width: 992px) {
    #hero-home {
        flex-direction: column-reverse;
        text-align: center;
        height: auto;
        padding: 40px 20px 60px;
    }

    #hero-home .hero-image {
        max-width: 340px;
        margin: 0 auto;
    }

    #hero-home .hero-title {
        font-size: 38px;
        line-height: 1.15;
    }

    #hero-home .hero-subtitle {
        font-size: 18px;
        margin: 0 auto 22px;
    }

    #hero-home .hero-btn {
        font-size: 18px;
        padding: 14px 30px;
        border-radius: 16px;
    }

    .category-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    #section-hero,
    #tiepost-1307-section-4283 {
        display: none !important;
    }

    .category-grid { grid-template-columns: 1fr; }
}