@media (max-width: 950px) {
    /* HERO SECTION STYLES */
    .hero-section {
        height: auto; /* Висота адаптується до контенту */
        padding: 50px 20px; /* Додаємо внутрішні відступи */
        align-items: flex-start; /* Вирівнюємо контент вгору */
    }

    .hero-content {
        margin-top: 80px; /* Прибираємо верхній відступ */
        max-width: 100%; /* Займаємо всю доступну ширину */
        padding: 0;

    }
    /* Банер єВідновлення */
    .evidnovlennya-bottom-banner {
        padding: 1px 0;
        font-size: 1em;
        max-width: 95%;
        margin-bottom: 20px;
    }

    .hero__vertical-stack {
        flex-direction: column; /* Елементи розташовуються у стовпець */
        gap: 30px; /* Зменшуємо відступ між елементами */
        margin-bottom: 10px;
    }

    .hero__logo-wrapper {
        order: 1; /* Текстовий блок йде ПЕРШИМ */
        padding: 0;
        max-width: 100%; /* Займаємо всю ширину */
        max-height: none; /* Прибираємо обмеження по висоті */
        gap: 15px; /* Зменшуємо відступ */
        text-align: center; /* Центруємо текст */
    }

    .hero__logo-wrapper1 {
        order: 2; /* Зображення йде ДРУГИМ */
        display: flex; /* Показуємо блок із зображенням */
        justify-content: center; /* Центруємо зображення */
        padding: 0; /* Прибираємо зайві відступи */
        margin-top: 20px; /* Додаємо відступ між текстом та зображенням */
    }

    .hero__main-image {
        max-width: 80%; /* Зменшуємо розмір зображення, щоб воно вміщалося */
        height: auto;
        display: block; /* Переконуємось, що зображення відображається */
    }

    .hero__subtitle1 {
        font-size: 16px; /* Зменшуємо розмір шрифту */
        letter-spacing: 1px;
    }

    .hero__subtitle2 {
        font-size: 12px; /* Зменшуємо розмір шрифту */
        letter-spacing: 0.8px;
    }

    .hero__logo-button {
        flex-direction: column; /* Кнопки одна під одною */
        gap: 15px; /* Відступ між кнопками */
        width: 100%; /* Займають всю ширину */
    }

    .hero__button, .hero__button1 {
        width: 80%; /* Зменшуємо ширину кнопок */
        margin: 0 auto; /* Центруємо кнопки */
        padding: 12px 10px; /* Збільшуємо padding для зручності натискання */
        font-size: 13px; /* Зменшуємо розмір шрифту */
    }


/* ================================================================= */

/* Секкція про нас! */

    .free__measurement-section {
        width: 90%; /* Збільшуємо ширину секції на мобільних, щоб займати більше місця */
        padding: 30px 0; /* Зменшуємо вертикальні відступи */
    }

    .free__measurement__content-container {
        flex-direction: column; /* Елементи розташовуються один під одним */
        align-items: center; /* Центруємо вміст по горизонталі */
        gap: 20px; /* Додаємо відступ між блоком зображення та текстовим блоком */
    }

    .free__measurement__text-block {
        max-width: 100%; /* Дозволяємо текстовому блоку займати всю ширину */
        padding: 0 10px; /* Додаємо невеликі горизонтальні відступи */
        text-align: center; /* Центруємо текст для мобільних пристроїв */
        margin-bottom: 0; /* Прибираємо нижній відступ, оскільки gap вже є */
    }

    .free__measurement__subtitle1 {
        font-size: 20px; /* Зменшуємо розмір заголовка */
        padding-bottom: 10px; /* Зменшуємо відступ під заголовком для лінії */
        margin-bottom: 15px; /* Зменшуємо відступ після лінії */
    }

    .free__measurement__subtitle1::after {
        bottom: 5px; /* Піднімаємо лінію трохи вище */
        left: 50%; /* Центруємо лінію */
        transform: translateX(-50%); /* Центруємо лінію */
        width: 80%; /* Зменшуємо ширину лінії */
    }

    .free__measurement__subtitle2 {
        font-size: 13px; /* Зменшуємо розмір основного тексту */
        margin: 8px 0; /* Зменшуємо відступи між параграфами */
    }

    .free__measurement__image-block {
        flex: 0 0 auto; /* Зображення адаптується, без фіксованої ширини */
        max-width: 80%; /* Обмежуємо ширину зображення для кращого вигляду */
        margin-bottom: 20px; /* Відступ між зображенням та кнопкою */
        order: -1; /* Переміщуємо зображення над текстом (або залишаємо за замовчуванням, якщо хочете текст зверху) */
        /* Якщо ви бажаєте, щоб текст був зверху, а зображення знизу, приберіть "order: -1;" і додайте його до .free__measurement__text-block з order: 1 */
    }

    /* Якщо ви хочете, щоб текст був ПЕРШИМ, а зображення ДРУГИМ: */
    .free__measurement__text-block {
        order: 1;
    }

    .free__measurement__image-block {
        order: 2;
    }


    .free__measurement__main-image {
        max-width: 100%; /* Зображення займає всю доступну ширину свого блоку */
    }

    .hero__button2 {
        width: 80%; /* Збільшуємо ширину кнопки */
        margin: 20px auto 0 auto; /* Центруємо кнопку та додаємо відступ зверху */
        padding: 12px 10px; /* Збільшуємо padding для зручності натискання */
        font-size: 13px; /* Зменшуємо розмір шрифту */
    }


/* ================================================================= */

    /* ================================================================= */
    /* Загальні стилі секції "ПРОФІЛЬНІ СИСТЕМИ" */
    /* ================================================================= */
    .profile-systems-section {
        width: 95%; /* Збільшуємо ширину секції для кращого використання простору */
        padding: 40px 0 20px; /* Оптимізуємо відступи */
    }

    .section-heading-container {
        flex-direction: column; /* Розташовуємо текст і лінію у стовпець */
        align-items: center; /* Центруємо по горизонталі */
        gap: 10px; /* Зменшуємо відступ */
        margin-bottom: 30px; /* Відступ від наступного контенту */
    }

    .section-heading-text {
        width: 100%; /* Заголовок займає всю ширину */
        font-size: 24px; /* Зменшуємо розмір шрифту */
        text-align: center; /* Центруємо текст */
    }

    .section-heading-line {
        width: 80%; /* Зменшуємо ширину лінії */
        margin-top: 5px; /* Невеликий відступ від тексту */
    }

    .container {
        padding: 0 10px; /* Зменшуємо внутрішні відступи */
    }

    /* ---------------------------------------------------- */
    /* СТИЛІ ДЛЯ Rehau БЛОКІВ */
    /* ---------------------------------------------------- */
    .intro-block { /* Rehau Intro Block */
        flex-direction: column; /* Змінюємо напрямок на стовпець */
        align-items: center; /* Центруємо вміст */
        gap: 20px; /* Зменшуємо відступ */
        margin-bottom: 30px; /* Зменшуємо нижній відступ */
    }

    .intro-text { /* Rehau Intro Text */
        max-width: 100%; /* Текстовий блок займає всю ширину */
        text-align: center; /* Центруємо текст */
        order: 1; /* Текст йде першим */
    }

    .intro-text .subtitle-rehau {
        font-size: 20px; /* Зменшуємо розмір заголовка */
    }

    .intro-text .description-text {
        font-size: 14px; /* Зменшуємо розмір опису */
    }

    .intro-image { /* Rehau Intro Image */
        flex: 0 0 auto; /* Зображення адаптується, без фіксованої ширини */
        max-width: 90%; /* Обмежуємо максимальну ширину зображення */
        order: 2; /* Зображення йде другим */
        margin-top: 15px; /* Невеликий відступ між текстом та зображенням */
    }

    .subsection-heading { /* Rehau Sub-heading */
        font-size: 22px; /* Зменшуємо розмір заголовка */
        margin-top: 30px; /* Зменшуємо верхній відступ */
        margin-bottom: 25px; /* Зменшуємо нижній відступ */
    }

    .products-grid { /* Rehau Products Grid */
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* 1 або 2 колонки */
        gap: 15px; /* Зменшуємо відступ між картками */
        margin-bottom: 40px; /* Зменшуємо нижній відступ */
    }

    .product-item { /* Rehau Product Item */
        padding: 10px; /* Зменшуємо внутрішній відступ картки */
    }

    .product-item img {
        max-height: 150px; /* Обмежуємо висоту зображень в картках */
        margin-bottom: 8px; /* Зменшуємо відступ */
    }

    .product-item .product-title {
        font-size: 15px; /* Зменшуємо розмір заголовка продукту */
        margin-bottom: 5px;
    }

    .product-item .product-description {
        font-size: 12px; /* Зменшуємо розмір опису продукту */
        line-height: 1.4;
    }

    /* ---------------------------------------------------- */
    /* СТИЛІ ДЛЯ WDS БЛОКІВ */
    /* ---------------------------------------------------- */
    .wds-intro-block { /* WDS Intro Block */
        flex-direction: column; /* Змінюємо напрямок на стовпець */
        align-items: center; /* Центруємо вміст */
        gap: 20px; /* Зменшуємо відступ */
        margin-bottom: 30px; /* Зменшуємо нижній відступ */
    }

    .wds-intro-text { /* WDS Intro Text */
        max-width: 100%; /* Текстовий блок займає всю ширину */
        text-align: center; /* Центруємо текст */
        order: 1; /* Текст йде першим */
    }

    .wds-main-description-text { /* WDS Main Description Text */
        text-align: center; /* Центруємо текст */
        font-size: 14px; /* Зменшуємо розмір опису */
    }

    .wds-intro-image { /* WDS Intro Image */
        flex: 0 0 auto;
        max-width: 90%;
        order: 2; /* Зображення йде другим */
        margin-top: 15px;
    }

    .wds-subsection-heading { /* WDS Sub-heading */
        font-size: 22px;
        margin-top: 30px;
        margin-bottom: 25px;
    }

    .products-grid-wds { /* WDS Products Grid */
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); /* 1 або 2 колонки */
        gap: 15px;
        margin-bottom: 40px;
    }

    .product-item-wds { /* WDS Product Item */
        padding: 10px;
    }

    .product-item-wds img {
        max-height: 150px;
        margin-bottom: 8px;
    }

    .product-item-wds .product-title-wds {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .product-item-wds .product-description-wds {
        font-size: 12px;
        line-height: 1.4;
        text-align: center; /* Центруємо текст */
    }

    /* ---------------------------------------------------- */
    /* СТИЛІ ДЛЯ ВІКНАНОВІ БЛОКІВ */
    /* ---------------------------------------------------- */
    .viknanovi-intro-block { /* Viknanovi Intro Block */
        flex-direction: column;
        align-items: center;
        gap: 20px;
        margin-bottom: 30px;
    }

    .viknanovi-intro-text { /* Viknanovi Intro Text */
        max-width: 100%;
        text-align: center;
        order: 1; /* Текст йде першим */
    }

    .viknanovi-description-text { /* Viknanovi Description Text */
        text-align: center;
        font-size: 14px;
    }

    .viknanovi-intro-image { /* Viknanovi Intro Image */
        flex: 0 0 auto;
        max-width: 90%;
        order: 2; /* Зображення йде другим */
        margin-top: 15px;
    }

    .viknanovi-subsection-heading { /* Viknanovi Sub-heading */
        font-size: 22px;
        margin-top: 30px;
        margin-bottom: 25px;
    }

    .products-grid-viknanovi { /* Viknanovi Products Grid */
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* 1 або 2 колонки */
        gap: 15px;
        margin-bottom: 40px;
    }

    .viknanovi-product-item { /* Viknanovi Product Item */
        padding: 10px;
    }

    .viknanovi-product-item img {
        max-height: 180px; /* Зменшуємо висоту зображень для кращої пропорції */
        margin-bottom: 8px;
    }

    .viknanovi-product-item .product-title-viknanovi {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .viknanovi-product-item .product-description-viknanovi {
        font-size: 12px;
        line-height: 1.4;
        text-align: center;
    }

    /* ---------------------------------------------------- */
    /* СТИЛІ ДЛЯ KÖMMERLING БЛОКІВ */
    /* ---------------------------------------------------- */
    .kommerling-intro-block { /* Kömmerling Intro Block */
        flex-direction: column;
        align-items: center;
        gap: 20px;
        margin-bottom: 30px;
    }

    .kommerling-intro-text { /* Kömmerling Intro Text */
        max-width: 100%;
        text-align: center;
        order: 1; /* Текст йде першим */
    }

    .kommerling-description-text { /* Kömmerling Description Text */
        text-align: center;
        font-size: 14px;
    }

    .kommerling-intro-image { /* Kömmerling Intro Image */
        flex: 0 0 auto;
        max-width: 90%;
        order: 2; /* Зображення йде другим */
        margin-top: 15px;
    }

    .kommerling-subsection-heading { /* Kömmerling Sub-heading */
        font-size: 22px;
        margin-top: 30px;
        margin-bottom: 25px;
    }

    .products-grid-kommerling { /* Kömmerling Products Grid */
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* 1 або 2 колонки */
        gap: 15px;
        margin-bottom: 40px;
    }

    .kommerling-product-item { /* Kömmerling Product Item */
        padding: 10px;
    }

    .kommerling-product-item img {
        max-height: 180px; /* Зменшуємо висоту зображень */
        margin-bottom: 8px;
    }

    .kommerling-product-item .product-title-kommerling {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .kommerling-product-item .product-description-kommerling {
        font-size: 12px;
        line-height: 1.4;
        text-align: center;
    }

    /* Додатковий медіа-запит для дуже малих екранів (наприклад, до 480px),
       щоб сітки продуктів завжди були в одну колонку */
    @media (max-width: 480px) {
        .products-grid,
        .products-grid-wds,
        .products-grid-viknanovi,
        .products-grid-kommerling {
            grid-template-columns: 1fr; /* Одна колонка на дуже малих екранах */
        }
    }



    /* ================================================================= */
    /* ОНОВЛЕНІ СТИЛІ ДЛЯ СЕКЦІЇ СКЛАДОВІ (components-section) */
    /* (БЕЗ ВНУТРІШНІХ БІЧНИХ ЛІНІЙ В ЕЛЕМЕНТАХ) */
    /* ================================================================= */
    .components-section {
        width: 95%; /* Зберігаємо ширину 95% для мобільних */
        margin: 0 auto;
        padding: 30px 0; /* Можна трохи зменшити відступи для компактності */
        text-align: center; /* Центруємо весь вміст секції */
    }

    .component-big {
        /* Заголовок "СКЛАДОВІ" та його лінія (зверху секції) - залишається як є */
        display: flex;
        align-items: center;
        justify-content: center; /* Центруємо вміст */
        width: 100%;
        margin-bottom: 40px; /* Відступ від заголовка до першого елемента */
        padding: 0 15px;
    }

    .components-main-heading {
        font-size: 24px;
        font-weight: 600;
        color: #333;
        white-space: nowrap; /* Щоб заголовок не переносився */
        margin-right: 20px; /* Відступ від заголовка до лінії */
        flex-shrink: 0;
    }

    .component-line1-big {
        flex-grow: 1;
        height: 1px;
        background-color: #ccc;
        border-radius: 0;
        width: auto;
        margin: 0;
    }

    .component-item {
        /* Елементи компонентів: заголовок, потім опис */
        /* На мобільних просто розташовуємо їх по центру один під одним */
        display: flex; /* Важливо для flex-direction: column */
        flex-direction: column; /* Елементи один під одним */
        align-items: center; /* Центруємо вміст по горизонталі */
        margin-bottom: 30px; /* Відступ між окремими елементами компонентів */
        padding: 0 15px; /* Горизонтальні відступи для вмісту картки */
        text-align: center; /* Центруємо текст всередині кожного елемента */
    }

    .component-item:last-child {
        margin-bottom: 0;
    }

    .component-line {
        /* Це стилі для БІЧНИХ ЛІНІЙ, які тепер будуть приховані на мобільних */
        display: none; /* ПОВНІСТЮ ПРИХОВУЄМО ВСІ ВНУТРІШНІ ЛІНІЇ В ЕЛЕМЕНТАХ */
    }

    .component-title {
        font-size: 20px; /* Зберігаємо розмір */
        font-weight: 600;
        color: #333;
        white-space: normal; /* Дозволяємо тексту переноситися, якщо він довгий */
        margin-bottom: 10px; /* Відступ від заголовка до опису */
        text-align: center; /* Центруємо заголовок */
        width: 100%; /* Займає всю ширину для центрування */
    }

    .component-description {
        font-size: 14px;
        line-height: 1.6;
        color: #666;
        text-align: center; /* Центруємо текст */
    }




    /* ================================================================= */
    /* СТИЛІ ДЛЯ СЕКЦІЇ ПЕРЕВАГИ / ОСОБЛИВОСТІ (advantages-section) */
    /* ================================================================= */
    .advantages-section {
        width: 95%; /* Збільшуємо ширину секції */
        padding: 50px 0; /* Зменшуємо відступи */
    }

    .advantages-grid {
        grid-template-columns: 1fr; /* Одна колонка для мобільних */
        gap: 25px; /* Зменшуємо відступ між картками */
    }

    .advantage-item {
        padding: 20px; /* Зменшуємо внутрішній відступ */
        height: auto; /* Висота адаптується до вмісту */
    }

    .advantage-number {
        font-size: 38px; /* Зменшуємо розмір числа */
        margin-bottom: 15px;
    }

    .advantage-title {
        font-size: 20px; /* Зменшуємо розмір заголовка */
        margin-bottom: 10px;
    }

    .advantage-description {
        font-size: 14px; /* Зменшуємо розмір опису */
        line-height: 1.5;
    }

    /* ================================================================= */
    /* СТИЛІ ДЛЯ СЕКЦІЇ ПЕРЕВАГИ (benefits-section) */
    /* ================================================================= */
    .benefits-section {
        width: 95%; /* Збільшуємо ширину секції */
        padding: 50px 0; /* Зменшуємо відступи */
    }

    .benefits-heading-container {
        flex-direction: column; /* Заголовок і лінія у стовпець */
        align-items: center; /* Центруємо */
        margin-bottom: 40px; /* Зменшуємо відступ */
        padding: 0 10px; /* Додаємо невеликі відступи */
    }

    .benefits-main-heading {
        font-size: 28px; /* Зменшуємо розмір заголовка */
        margin-right: 0; /* Прибираємо правий відступ */
        margin-bottom: 10px; /* Додаємо нижній відступ */
        white-space: normal; /* Дозволяємо перенесення рядків */
        text-align: center; /* Центруємо текст */
    }

    .benefits-heading-line {
        width: 80%; /* Зменшуємо ширину лінії */
        margin: 0 auto; /* Центруємо лінію */
        height: 1px; /* Залишаємо товщину лінії */
    }

    .benefits-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /* 2 колонки на мобільних */
        gap: 20px; /* Зменшуємо відступ між картками */
        padding: 0 10px; /* Зменшуємо внутрішні відступи */
    }



    /* ================================================================= */
    /* СТИЛІ ДЛЯ СЕКЦІЇ ЧОМУ ОБИРАЮТЬ НАС (why-choose-us-section) */
    /* Текст зверху, зображення знизу */
    /* ================================================================= */
    .why-choose-us-section {
        width: 95%; /* Ширина секції для мобільних */
        margin: 0 auto;
        padding: 40px 0; /* Оптимізуємо вертикальні відступи */
        text-align: center; /* Центруємо весь вміст */
    }

    .why-choose-us-content {
        display: flex; /* Робимо контейнер flexbox */
        flex-direction: column; /* Елементи один під одним */
        align-items: center; /* Центруємо їх по горизонталі */
        gap: 30px; /* Відступ між текстовим блоком та зображенням */
        padding: 0 15px; /* Горизонтальні відступи для вмісту */
    }

    .why-choose-us-text-block {
        order: 1; /* Текстовий блок буде зверху */
        width: 100%; /* Займає всю доступну ширину */
    }

    .why-choose-us-heading {
        font-size: 28px; /* Зменшуємо розмір заголовка */
        line-height: 1.3;
        margin-bottom: 20px; /* Відступ від заголовка до опису */
        text-align: center; /* Центруємо заголовок */
    }

    .why-choose-us-heading .highlight {
        white-space: normal; /* Дозволяємо перенесення слова "комфорт" */
    }

    .why-choose-us-description {
        font-size: 14px; /* Зменшуємо розмір опису */
        line-height: 1.6;
        text-align: center; /* Центруємо опис */
    }

    .why-choose-us-image-block {
        order: 2; /* Блок зображення буде знизу */
        width: 100%; /* Займає всю доступну ширину */
        max-width: 400px; /* Обмежуємо максимальну ширину зображення для великих мобільних */
        margin-top: 10px; /* Додатковий відступ зверху, якщо потрібно */
    }

    .why-choose-us-image {
        width: 100%; /* Зображення адаптується до ширини батьківського блоку */
        height: auto; /* Зберігаємо пропорції */
        display: block; /* Видаляємо зайві пробіли під зображенням */
        border-radius: 8px; /* Можливо, збережемо заокруглення кутів, якщо воно є на десктопі */
    }


    /* ================================================================= */
    /* СТИЛІ ДЛЯ СЕКЦІЇ КОНТАКТИ (contacts-section) */
    /* ================================================================= */
    .contacts-section {
        width: 95%; /* Ширина секції для мобільних */
        margin: 0 auto;
        padding: 40px 0; /* Оптимізуємо вертикальні відступи */
        text-align: center; /* Центруємо весь вміст */
    }

    .contacts-heading-container {
        flex-direction: column; /* Заголовок "КОНТАКТИ" та лінія у стовпець */
        align-items: center; /* Центруємо по горизонталі */
        gap: 10px; /* Зменшуємо відступ */
        margin-bottom: 30px; /* Відступ від наступного контенту */
    }

    .contacts-main-heading {
        font-size: 24px; /* Зменшуємо розмір заголовка */
        white-space: nowrap; /* Зберігаємо nowrap, якщо це потрібно для дизайну */
        margin-right: 0; /* Прибираємо можливий відступ, якщо він був */
    }

    .contacts-heading-line {
        width: 80%; /* Зменшуємо ширину лінії */
        height: 1px; /* Робимо тоншою */
        background-color: #ccc; /* Сірий колір */
        margin: 0 auto; /* Центруємо лінію */
    }

    .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; /* Відступ від попереднього блоку тексту до заголовка "Години роботи" */
    }

}