/* [44.3.2] TOP HERO MOBILE ADAPTATION */
@media (max-width: 768px) {
    .ws-top-hero { padding: 20px 0; }
    
    .ws-top-hero__featured {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 25px;
    }
    
    .ws-top-hero__media { order: -1; } /* Image on top */
    .ws-top-hero__main-title { font-size: 22px; }

    .ws-top-hero__grid {
        grid-template-columns: 1fr;
        gap: 20px;
        padding-top: 20px;
    }
    
    .ws-top-hero__item {
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }
    .ws-top-hero__item:last-child { border-bottom: none; }
}

