/* Латиница (английский) - обычный */
        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url(fonts/inter-latin.woff2) format('woff2');
            unicode-range: U+0000-00FF;
        }

        /* Латиница (английский) - средний */
        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url(fonts/inter-latin.woff2) format('woff2');
            unicode-range: U+0000-00FF;
        }

        /* Латиница (английский) - жирный */
        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 700;
            font-display: swap;
            src: url(fonts/inter-latin.woff2) format('woff2');
            unicode-range: U+0000-00FF;
        }

        /* Кириллица (русский) - обычный */
        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url(fonts/inter-cyrillic.woff2) format('woff2');
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }

        /* Кириллица (русский) - средний */
        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url(fonts/inter-cyrillic.woff2) format('woff2');
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }

        /* Кириллица (русский) - жирный */
        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 700;
            font-display: swap;
            src: url(fonts/inter-cyrillic.woff2) format('woff2');
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }

        /* Общие стили */
        body {
            font-family: 'Inter', sans-serif;
            text-align: center;
            margin: 0;
            padding: 0;
            background-color: #222;
            color: white;
            box-sizing: border-box; /* Учитываем padding и border в ширине элементов */
        }

        .header-logo {
            margin-top: 0px;
        }

        * {
            box-sizing: inherit; /* Применяем box-sizing ко всем элементам */
            margin: 0;
            padding: 0;
        }

        .container {
            max-width: 600px; /* Максимальная ширина контейнера */
            width: 90%; /* Ширина 90% от родителя */
            margin: 50px auto; /* Центрируем контейнер */
            padding: 20px; /* Внутренние отступы */
        }

        .contact-label {
            font-size: 24px;
            margin-bottom: 5px; /* Отступ между текстом и номером */
            padding-top: 20px;
        }

        .contact-number {
            font-size: 24px; /* Размер номера телефона */
            margin-top: 0; /* Убираем верхний отступ */
        }

        img {
            max-width: 100%; /* Изображения не будут выходить за пределы родителя */
            height: auto; /* Сохраняем пропорции */
        }

        h1 {
            font-size: 24px;
            margin: 20px 0;
        }

        .address-header {
            font-size: 24px;
            margin-top: 20px;
        }

        .address {
            font-size: 24px;
        }

        .map {
            margin-top: 20px;
        }

        iframe {
            width: 100%; /* Занимает всю доступную ширину */
            height: 300px; /* Высота карты */
            border: none;
            border-radius: 10px;
            overflow: hidden; /* Убираем скроллбары, если они есть */
        }

        /* Стили для кнопки */
        .btn-book {
            display: inline-block;
            margin-top: 50px;
            margin-bottom: 20px;
            position: relative; /* Для позиционирования */
            padding: 20px 50px; /* Увеличиваем отступы внутри кнопки */
            font-size: 24px; /* Увеличиваем размер шрифта */
            font-weight: bold; /* Жирный шрифт */
            color: #fff; /* Цвет текста */
            text-decoration: none; /* Убираем подчеркивание ссылки */
            background: transparent; /* Прозрачный фон */
            border: none; /* Убираем стандартную границу */
            border-radius: 10px; /* Закругляем углы */
            transition: transform 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; /* Анимация */
            box-shadow: 
                0 0 0 2px #ffc7c7, /* Внешняя обводка (начальный цвет) */
                0 0 0 4px #ff9dff4d; /* Размытая обводка для глубины */
        }

        /* При наведении на кнопку */
        .btn-book:hover {
            transform: scale(1.05); /* Легкое увеличение при наведении */
            background: #fff; /* белый фон */
            color: #222;
            box-shadow: 
                0 0 0 2px #ffb3b3, /* Меняем цвет внешней обводки */
                0 0 0 4px #fca6fc4d; /* Меняем цвет размытой обводки */
        }

        /* Адаптация для планшетов */
        @media (max-width: 768px) {
            .container {
                width: 95%; /* Уменьшаем ширину контейнера для планшетов */
                margin: 30px auto; /* Корректируем отступы */
            }

            h1 {
                font-size: 24px; /* Уменьшаем размер заголовка */
            }

            .contact-label {
                font-size: 20px; /* Уменьшаем размер текста */
            }

            .contact-number {
                font-size: 20px; /* Уменьшаем размер номера */
            }

            .address-header {
                font-size: 20px; /* Уменьшаем размер адреса */
            }

            .address {
                font-size: 20px;
            }

            iframe {
                height: 250px; /* Уменьшаем высоту карты */
            }
        }

        /* Адаптация для телефонов */
        @media (max-width: 480px) {
            .container {
                width: 100%; /* Занимает всю ширину экрана */
                margin: 20px auto; /* Корректируем отступы */
                padding: 15px; /* Уменьшаем внутренние отступы */
            }

            h1 {
                font-size: 22px; /* Уменьшаем размер заголовка */
            }

            .contact-label {
                font-size: 18px; /* Уменьшаем размер текста */
            }

            .contact-number {
                font-size: 18px; /* Уменьшаем размер номера */
            }

            .address-header {
                font-size: 18px; /* Уменьшаем размер адреса */
            }

            .address {
                font-size: 18px;
            }

            iframe {
                height: 200px; /* Уменьшаем высоту карты */
            }
        }