/* Стили для меню и кнопак */
        .menu {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            padding: 20px;
            background-color: rgba(248, 249, 250, 0.9);
            /* border-radius: 10px; */
            margin: 0px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.3);
            position: relative;
            z-index: 1;
            backdrop-filter: blur(2px);
            border: 2px solid #6B4226;
        }
        
        .menu a {
            display: inline-block;
            padding: 12px 24px;
            font-size: 16px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 1px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
            position: relative;
            z-index: 2;
        }
        
        .menu a:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.4);
        }

        .menu a:active {
            transform: translateY(0);
        }
        
        .btn-main {
            background-color: #49453f;
            color: white;
            border: 2px solid #49453f;
        }
        
        .btn-about {
            background-color: #49453f;
            color: white;
            border: 2px solid #49453f;
        }
        
        .btn-cart {
            background-color: #49453f;
            color: white;
            border: 2px solid #49453f;
        }
        
        .btn-register {
            background-color: #49453f;
            color: white;
            border: 2px solid #49453f;
        }
        
        .btn-login {
            background-color: #49453f;
            color: white;
            border: 2px solid #49453f;
        }

/* --------------------------------Регистрация------------------------------------------- */

.registration-page {
    display: flex; /* Flexbox для центрирования */
     align-items: center; /* Центрирование по вертикали */
     justify-content: center; /* Центрирование по горизонтали */
     padding: 60px 0; /* Отступы сверху и снизу */
 
 }
 
 .registration-form-wrapper {
     background-color: rgba(255, 255, 255, 0.95); /* Полупрозрачный белый фон (95%) */
     padding: 40px;/* Внутренние отступы 40px */
     border-radius: 8px; /* Закруглённые углы */
     box-shadow: 0 4px 20px rgba(139, 115, 85, 0.15);  /* Мягкая тень тёплого оттенка */
     max-width: 450px; /* Максимальная ширина формы */
     width: 100%; /* Адаптивная ширина */
     margin: 0 auto;/* Центрирование блока */
 }
 
 .registration-form-wrapper h2 {
     text-align: center; /* Текст по центру */
     margin-bottom: 30px; /* Отступ снизу */
     color: #09617c; /* Тёплый коричневый цвет */
 }
 
 .registration-form-wrapper label {
     display: block; /* Каждый label с новой строки */
     margin-bottom: 8px; /* Отступ до поля ввода */
     font-weight: bold; /* Жирный шрифт */
     color: #264061; /* Тёмно-коричневый цвет */
 }
 
 .registration-form-wrapper input[type="text"],
 .registration-form-wrapper input[type="password"],
 .registration-form-wrapper input[type="email"],
 .registration-form-wrapper input[type="tel"] {
     width: 100%; /* На всю ширину контейнера */
     padding: 12px; /* Внутренние отступы */
     margin-bottom: 20px; /* Отступ снизу до следующего элемента */
     border: 1px solid #ccc; /* Серая рамка */
     border-radius: 4px; /* Небольшое скругление */
     box-sizing: border-box; /* Padding включён в ширину */
     font-family: 'Montserrat', sans-serif;  /* Шрифт как на сайте */
 }
 
 .registration-form-wrapper
 .btn-register-submit {
     width: 100%; /* На всю ширину */
     background-color: #09317c; /* Коричневый фон */
     color: #fff; /* Белый текст */
     border: 2px solid #052957; /* Рамка в цвет фона */
     padding: 12px 25px; /* Отступы */
     border-radius: 5px; /* Скругление */
     margin: 10px 0 20px 0; /* Отступы сверху и снизу */
     cursor: pointer; /* Курсор-указатель */
     font-weight: bold; /* Жирный текст */
 }
 
 .registration-footer,
 .registration-back {
     text-align: center; /* Текст по центру */
     margin-top: 15px; /* Отступ сверху 15px */
     font-size: 14.4px; /* Шрифт на 10% меньше основного (≈14.4px) */
     color: #770606; /* Серый цвет текста */
 }
 
 .registration-footer a,
 .registration-back a {
     color: #523a03; /* Золотисто-бежевый цвет ссылок */
     font-weight: bold; /* Жирное начертание */
 }



 /*-----------------------Блоки-------------------------------  */


.services h2 {
    margin-bottom: 40px; /* Отступ под заголовком */
}

.services-grid {
    display: grid; /* Grid раскладка */
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Адаптивные колонки */
    gap: 30px; /* Расстояние между элементами */
}

.service-item {
    text-align: center; /* Центрирование текста */
    background-color: rgba(255, 255, 255, 0.95); /* Полупрозрачный белый фон */
    padding: 25px; /* Внутренние отступы */
    border-radius: 8px; /* Закругленные углы */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* Легкая тень */
    backdrop-filter: blur(10px); /* Эффект размытия фона */
}

.service-item img {
    border-radius: 5px; /* Закругление изображения */
    margin-bottom: 15px; /* Отступ снизу */
    width: 100%; /* Полная ширина */
    height: 200px; /* Фиксированная высота */
    object-fit: cover; /* Заполнение без искажений */
}

.service-item h3 {
    font-size: 25px; /* Размер заголовка */
}

.service-item p {
    font-size: 15.2px; /* Размер текста описания */
    color: #666; /* Серый цвет текста */
    margin-bottom: 15px; /* Отступ снизу */
}

.price {
    font-weight: bold; /* Жирный шрифт */
    font-size: 19.2px; /* Размер цены */
    color: #8b7355; /* Тёплый коричневый цвет для лучшей читаемости */
    margin-top: 10px; /* Отступ сверху */
}
/* ------------------------------------------------------------------------ */



.slider {
    width: 100%;
    height: 600px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.slider-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slide {
    min-width: 100%;
    flex-shrink: 0;
}

.slide img {
    width: 100%;
    height: auto;
    display: block;
}