/* Úprava benefit bannerů pro mobilní zařízení (Finální oprava: 2 vedle sebe, plná šířka, zoom efekt) */
@media screen and (max-width: 767px) {
    
    .benefitBanner.position--benefitHomepage {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        gap: 10px !important; 
        padding: 5px 15px !important; 
        margin: 0 0 15px 0 !important;
    }

    
    .benefitBanner.position--benefitHomepage .benefitBanner__item {
        flex: 0 0 calc(50% - 5px) !important; 
        max-width: calc(50% - 5px) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important; 
        display: block !important; 
    }

   
    .benefitBanner.position--benefitHomepage .benefitBanner__link {
        display: block !important;
        width: 100% !important;
        text-decoration: none !important;
        transition: transform 0.3s ease, box-shadow 0.3s ease !important; 
    }

   
    .benefitBanner.position--benefitHomepage .benefitBanner__picture {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    
    .benefitBanner.position--benefitHomepage .benefitBanner__img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    
    .benefitBanner.position--benefitHomepage .benefitBanner__link:hover,
    .benefitBanner.position--benefitHomepage .benefitBanner__link:active {
        transform: scale(1.05) !important; 
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important; 
        position: relative !important;
        z-index: 10 !important; 
    }
}