/**
 * Image Size Optimization - Performance Fix (05.11.2025)
 * 
 * Зменшуємо фактичні розміри зображень до відображуваних
 * для економії трафіку та швидшого завантаження
 */

/* Мобільний додаток - зменшуємо з 1200x1200 до 500x500 */
.mobile__image {
    max-width: 500px !important;
    max-height: 500px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
}

/* Social іконки - зменшуємо з 75x150 до 20x40 */
.footer-link__social-item__img img {
    max-width: 20px !important;
    max-height: 40px !important;
    width: 20px !important;
    height: 40px !important;
}

/* Chat widget icon - зменшуємо з 300x78 до 32x8 */
app-root button#openChat img {
    max-width: 32px !important;
    max-height: 32px !important;
    width: auto !important;
    height: auto !important;
}

/* App Store / Play Market іконки - точний розмір */
.btn__link img[src*="Appstore.svg"],
.btn__link img[src*="PlayMarket.svg"],
.center_link img[src*="Appstore.svg"],
.center_link img[src*="PlayMarket.svg"] {
    display: block !important;
    width: auto !important;
    height: 26px !important; /* Фактичний відображуваний розмір */
}

/* Slider banners - responsive */
.promotion-slider__img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover;
}

/* Загальне правило - запобігаємо надмірним розмірам */
img {
    max-width: 100%;
    height: auto;
}

/* Responsive для мобільних */
@media (max-width: 768px) {
    .mobile__image {
        max-width: 300px !important;
        max-height: 300px !important;
    }
    
    .promotion-slider__img {
        width: 100% !important;
        height: auto !important;
    }
}