/**
 * Адаптивные стили для блока contact-info
 * Оптимизация для мобильных устройств
 */

/* Мобильные устройства и планшеты */
@media (max-width: 1400px) {
    /* Родительский контейнер */
    .container.map .content > div {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }
    
    .contact-info {
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px !important;
        box-sizing: border-box !important;
    }
    
    .contact-address {
        word-wrap: break-word !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
        max-width: 100% !important;
    }
}

/* Мобильные устройства (до 768px) */
@media (max-width: 768px) {
    .contact-info {
        padding: 16px !important;
        gap: 12px !important;
    }
    
    .contact-icons {
        flex-wrap: wrap !important;
        gap: 12px !important;
    }
}

/* Очень маленькие экраны (до 480px) */
@media (max-width: 480px) {
    .contact-info {
        padding: 12px !important;
        gap: 10px !important;
    }
}