.brand-about-section { /* Змінено з rehau-about-section */
    padding: 60px 0;
    background-color: #f8f8f8; /* Світлий фон */
    margin-top: 100px;
}

.brand-about-section .container { /* Змінено з rehau-about-section */
    max-width: 70%; /* Обмежте ширину контенту для кращої читабельності */
    margin: 0 auto;
    padding: 0 15px;
    text-align: center; /* Вирівнювання заголовка */
}

.section-title {
    font-size: 2.5em;
    color: #333;
    margin-bottom: 40px;
    font-weight: 500;
}

/* Сітка для контенту контактів */
.contacts-content-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr; /* Три колонки: карта ширша, ніж інші */
    gap: 40px; /* Відступ між колонками */

    margin: 0 auto; /* Центрування сітки */
    padding: 0 20px; /* Горизонтальні відступи */
}

.contacts-map-block {
    grid-column: 1 / 2; /* Займає першу колонку */
    border-radius: 8px; /* Заокруглення кутів карти */
    overflow: hidden; /* Обрізає вміст за межі рамки */
    box-shadow: 0 4px 15px rgba(0,0,0,0.08); /* Легка тінь */
}

.contacts-map-block iframe {
    border-radius: 8px; /* Заокруглення кутів iframe, якщо браузер підтримує */
}

.contacts-info-block {
    padding: 0; /* Внутрішні відступи вже є в .contacts-content-grid */
    text-align: left;
    display: flex; /* Для вирівнювання заголовків та тексту */
    flex-direction: column;
}

.contacts-info-title {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

.contacts-info-text {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 10px;
}

.contacts-info-text a {
    color: #555; /* Колір посилань як у тексту */
    text-decoration: none; /* Прибрати підкреслення */
    transition: color 0.3s ease;
}

.contacts-info-text a:hover {
    color: #000; /* Зміна кольору при наведенні */
}

.contact-details .contacts-info-text:last-of-type {
    margin-bottom: 0; /* Прибираємо відступ для останнього елемента */
}

.work-hours-title {
    margin-top: 25px; /* Відступ для заголовка "Години роботи" */
    margin-bottom: 15px;
}


@media (max-width: 950px) {
    /* СТИЛІ ДЛЯ СЕКЦІЇ КОНТАКТИ (contacts-section) */
    /* ================================================================= */
    .brand-about-section .container { /* Змінено з rehau-about-section */
    max-width: 100%; /* Обмежте ширину контенту для кращої читабельності */
    margin: 0 auto;
    padding: 0 15px;
    text-align: center; /* Вирівнювання заголовка */
    }


    .contacts-content-grid {
        display: flex; /* Робимо контейнер flexbox */
        flex-direction: column; /* Блоки один під одним */
        gap: 30px; /* Відступ між блоками (карта, адреса, контакти) */
        padding: 0 15px; /* Горизонтальні відступи для вмісту */
    }

    .contacts-map-block {
        order: 1; /* Карта йде першою */
        width: 100%; /* Карта займає всю ширину */
        height: auto; /* Висота адаптується */
        max-width: 100%; /* Забезпечуємо, що не виходить за межі */
    }

    .contacts-map-block iframe {
        width: 100%; /* Карта займає всю ширину батьківського блоку */
        height: 250px; /* Фіксована висота для мобільного, можна змінити */
        border-radius: 8px; /* Можливо, збережемо заокруглення кутів */
    }

    .contacts-info-block {
        order: 2; /* Інформаційні блоки йдуть після карти */
        width: 100%; /* Займають всю ширину */
        padding: 20px; /* Внутрішні відступи для інформаційних блоків */
        border: 1px solid #eee; /* Можливо, додамо легку рамку, якщо її немає */
        border-radius: 8px; /* Заокруглення кутів */
        background-color: #f9f9f9; /* Легкий фон */
    }

    .contacts-info-block.address-info {
        order: 2; /* Залишаємо order: 2, щоб вона йшла після карти */
    }

    .contacts-info-block.contact-details {
        order: 3; /* Цей блок йде останнім */
    }

    .contacts-info-title {
        font-size: 20px; /* Зменшуємо розмір заголовка інформаційного блоку */
        margin-bottom: 15px; /* Відступ від заголовка до тексту */
        color: #333;
    }

    .contacts-info-text {
        font-size: 14px; /* Зменшуємо розмір тексту інформації */
        line-height: 1.6;
        color: #666;
        margin-bottom: 10px; /* Відступ між абзацами тексту */
    }

    .contacts-info-text:last-of-type {
        margin-bottom: 0; /* Останній текстовий параграф без нижнього відступу */
    }

    .contacts-info-text a {
        font-size: 14px; /* Розмір посилань */
        line-height: 1.6;
        color: #007bff; /* Колір посилань */
        text-decoration: none; /* Без підкреслення */
    }

    .work-hours-title {
        margin-top: 20px; /* Відступ від попереднього блоку тексту до заголовка "Години роботи" */
    }
}