/*@font-face {
    font-family: 'FormaDJR'; 
    src: url('Forma_DJR/fonts/FormaDJRCyrillicBanner-Regular-Testing.woff2') format('woff2'), 
         url('Forma_DJR/fonts/FormaDJRCyrillicBanner-Regular-Testing.woff') format('woff'),   
         url('Forma_DJR/fonts/FormaDJRCyrillicBanner-Regular-Testing.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal;  
}*/

body {
    /* font-family: 'Montserrat', sans-serif; */
    margin: 0;
    padding: 0;
    color: #0a0a0a;
            background-color: #f8f9fa;



}

@media (max-width: 576px) {
    #header {
        display: flex;
        justify-content: center; /* Центрирование содержимого */
        align-items: center; /* Вертикальное центрирование */
        flex-direction: column; /* Вертикальное расположение элементов */
    }

    #header .head_contact, .grafik, .but {
        display: none; /* Скрыть контактную информацию, график и кнопки */
    }

    .logo_head {
        margin: 0; /* Убираем отступы */
    }
}
#payment:hover, #checkout-button:hover {
    background-color: #094030;
    color: white;
}
#payment, #checkout-button {
    color: #094030;
    border-color: #094030;
}



h5 {
    color: #094030;
}
header {
    background-color: #094030;
    padding: 20px 0;
    color:white;
    padding-top: 2%;

}

.container_body {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.logo_head img {
    max-height: 60px;
}

.head_contact p {
    margin: 0;
}

.grafik p {
    margin: 0;
}

.but {
    display: flex;
    align-items: center;
}

.but a {
    margin-right: 10px;
}

.but img {
    max-height: 50px;
}

.avia-section {
    padding: 50px 0;
    text-align: start;
    padding-bottom:0 ;
    padding-top:0
}

.avia-section h2 {
    font-size: 38px;
    color: #ffffff;
}

.avia-section p {
    font-size: 22px;
    color: #ffffff;
}

.button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #094030;
    color: #ffffff;
    text-decoration: none;
    border-radius: 3px;
    border: #fff solid 2px;
    margin-bottom: 3%;
    margin-left: 10%;
}

.gazon_options {
    background-color: #2ca334;
    color: #ffffff;
    padding: 20px;
    border-radius: 5px;
}

.iconbox {
    margin-top: 20px;
}

.iconbox h3 {
    font-size: 24px;
    color: #0a0a0a;
}

.iconbox p {
    font-size: 16px;
    color: #0a0a0a;
}

.video-container {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.video-1 {
    width: 45%;
    height: auto;
}

footer {
    background-color: #094030;
    padding: 20px 0;
    margin-bottom: 0;
    color: #fff;
    text-decoration: none;
    
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Минимальная высота контейнера равна высоте видимой области */
}

#main {
    flex: 1; /* Основной контент занимает всё доступное пространство */
}

footer {
    flex-shrink: 0; /* Footer не сжимается */
}

.footer-column {
    width: 30%;

}

.footer-column ul {
    list-style: none;
    padding: 0;
}

.footer-column ul li {
    margin-bottom: 10px;
}

.footer-column ul li a {
    text-decoration: none;
    color: #fff;
}

.footer-column p {
    margin: 0;

}
.footer-column .footer_tel {
    display: block;
    margin-bottom: 5%;

}


.footer-column p a{
    text-decoration: none;
    color: #fff;
    font-weight: 700;
}
.container_wrap {
    width: 100%;
    font-size: large;
}
#header_main_alternate {
    background-color: #83a846;
    border: none;
    z-index: 2;
    width: 100%; /* Задает ширину на всю страницу */
    margin: 0; /* Убирает отступы */
    padding: 0; /* Убирает внутренние отступы */
    box-sizing: border-box;
    
}
#minus, #plus {
    background-color: #83a846;
    color: white;
}
#minus:hover, #plus:hover {
    background-color: #5b831a;
    color: white;
}


.av-main-nav {
    margin: 0;
    padding: 0;
}

/* Делаем меню горизонтальным */
.menu.av-main-nav {
    display: flex; /* Располагаем элементы горизонтально */
    list-style: none; /* Убираем маркеры списка */
    padding: 0; /* Убираем отступы */
    margin: 0; /* Убираем внешние отступы */
    justify-content: center;
    gap: 10px; 
}

.menu.av-main-nav li {
    margin-right: 20px; /* Отступ между пунктами меню */
}

.menu.av-main-nav li:last-child {
    margin-right: 0; /* Убираем отступ у последнего элемента */
}

/* Убираем стандартное выделение ссылок синим цветом */
.menu.av-main-nav a {
    color:      #fff;
    text-decoration: none; /* Убираем подчеркивание */
    display: block; /* Делаем ссылки блочными */
    padding: 15px 10px; 
    font-weight: 600;
    font-size: 15px;
}

/* Стили для эффектов при наведении */
.menu.av-main-nav a:hover {
    background-color: rgba(255, 255, 255, 0.1); /* Легкий фон при наведении */
    border-radius: 5px; /* Скругление углов */
}

/* Стили для текущей страницы (активной ссылки) */
.menu.av-main-nav .current-menu-item a {
    /* font-weight: bold; */
    /* background-color: #013918;  */
}

#main {
    width: 100%; /* Задает ширину на всю страницу */
    margin: 0; /* Убирает отступы */
    padding: 0; /* Убирает внутренние отступы */
    box-sizing: border-box; /* Учитывает границы и отступы в ширине */
}


.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.container_nav {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    /* align-items: start; */
    font-size: large;
 
}

.container_nav h2, .container_nav p  {
    text-align: start;
    margin-left: 10%;
}

.avia-button-wrap {
    display: inline-block;
}
.container_nav .container_wrap {
    margin-left: 10%;

}
 .logo_head {
            color: #094030;
            position: relative;
            text-align: left;
        }

        .logo-container {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .logo-part {
            height: auto;
            max-width: 100%;
        }

        .internet-text {
            font-family: 'Mulish', sans-serif;
            font-size: 16px;
            font-weight: 700;
            color: #094030;
            padding-left: 25%;
            text-align: left;
        }

        .sadoviy-text {
            font-family: 'Mulish', sans-serif;
            font-size: 16px;
            font-weight: 700;
            color: #094030;
            padding-left: 25%;
            text-align: left;
        }

.container_wrap .avia-builder-el-no-siblings {
   
    margin-top: 0;
    margin-bottom: 0;
}
body {
    font-family: 'Mulish', sans-serif; 
    color: #094030;
}
h2 {
    font-family: 'Mulish', sans-serif; 
    color: #094030;
}
/* .container_nav {
    font-family: 'FormaDJR', sans-serif ;
} */
 
.tel {
    font-family: 'FormaDJR', sans-serif ;
    text-decoration: none;
    color: #094030;
    font-weight: 700;
    font-size: larger;
}
.tel_nadpis {
    text-decoration: none;
    color: #094030;
    font-size: medium;
}
.tel_nadpis_footer {
    text-decoration: none;
    color: #094030;
    font-size: medium;
}

* {box-sizing: border-box;}
.d1 {
    padding: 30px 0;
}

form {
    position: relative;
    width: 50%;
    margin: 0 auto;
  }
  .d1 input {
    width: 100%;
    height: 42px;
    padding-left: 10px;
    border: 2px solid #094030;
    border-radius: 5px;
    outline: none;
    background: white;
    color: #094030;
    padding-right: 0;
  }
  .d1 button {

    position: absolute; 
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    border: none;
    background: #094030;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
  }
  .d1 button:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 16px;
    color: white ;
  }

  .product-container {
    display: flex;
    justify-content: space-between; /* Равномерное распределение карточек */
    flex-wrap: wrap; /* Перенос карточек на новую строку, если не хватает места */
    gap: 20px; /* Расстояние между карточками */
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto; /* Центрирование контейнера */
}
h1,.product-container h2 {
    color: #094030;
    font-family: "Mulish", sans-serif;
    font-weight: 800;
}

/* Стили для карточки товара */
.product-card {
    flex: 1 1 calc(33.333% - 40px); /* 3 карточки в ряду с учетом отступов */
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    color: #094030 ;
    font-family: 'Mulish', sans-serif;
}
.d-flex {
    flex: 1;
}
h5 {
    font-family: 'Mulish', sans-serif;
    font-weight: 900;
}
/* Эффект при наведении на карточку */
.product-card:hover {
    transform: translateY(-10px); /* Поднимаем карточку */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Увеличиваем тень */
}

/* Стили для логотипа */
.product-logo {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
    border-radius: 50%; /* Круглый логотип */
    object-fit: cover; /* Сохраняем пропорции изображения */
}

.product-container h2 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: #094030;
}

/* Стили для описания товара */
.product-container p {
    font-size: 1rem;
    color: #666;
    line-height: 1.5;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .product-card {
        flex: 1 1 calc(50% - 20px); /* 2 карточки в ряду на мобильных */
    }
}

@media (max-width: 480px) {
    .product-card {
        flex: 1 1 100%; /* 1 карточка в ряду на очень маленьких экранах */
    }

}

.av-main-nav li a {
    font-size: 20px;
}

.navbar {
    background-color: #094030;
    font-family: 'Mulish', sans-serif; 
    color: #fff;
    font-weight: 600;
    font-size: 20px;

}
.navbar a {
    color: #fff;
    
}
.navbar a:hover {
    /*background-color: #033527;*/
    color: #fadeaa;
    
}
.navbar-toggler {
    border: 1px solid white
}

/* Скрываем wrapper_images_mobile на больших экранах */
.wrapper_images_mobile {
    display: none;
}
.navbar-brand {
    display: none;
}
/*#sidebar {
    position: absolute;
    top: 30%;
    left: 2%;
    width: 22%;*/
    /*margin-right:15% ;*/
/*    background-color: #094030;
    color: white;
    font-family: 'Mulish', sans-serif;
    font-weight: 700;
}*/



/* #sidebar {
    position: fixed;             
    top: 35%;                     
    left: 2%;                    
    width: 23%;                  
    background-color: #83a846;    
    color: white;                 
    font-family: 'Mulish', sans-serif; 
    font-weight: 700;             
    z-index: 1000;                
} */
#sidebar li{
    background-color: white;
    color: #094030;

}

#sidebar li:hover{
    color: #088a66;

}

/* Скрываем diagonal-container на маленьких экранах */
@media (max-width: 870px) {
    .navbar-brand {
        display: inline-block;
    }
    #diag-cont{
        display: none;
    }

    .wrapper_images_mobile {
        display: block;
        
    }
    .wrapper_images_mobile img{
        max-width: 100%;
        
    }
    header { 
        position: relative;
    }
    #main {
        padding-top: 0;
    }
    .sidebar-col {
        display: none; 
    }
    
.wrapper_images_mobile {
    display: flex;
    flex-direction: column;
    gap: 20px; 
    padding: 5px;
    font-family: 'Mulish', sans-serif; 

}

.mobile_img_box {
    position: relative;
    overflow: hidden;
    border-radius: 10px; 
}

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

.mobile_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2; /* Текст поверх изображения */
    background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачный фон */
    padding: 10px 20px;
    /* border-radius: 5px; */
}

.mobile_text a {
    font-size: 20px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    transition: color 0.3s ease;
}

.mobile_text a:hover {
    color: #83a846; /* Изменение цвета текста при наведении */
}
}

#numb .form-floating{
    width: 40%;
}
.favorite {
    position: absolute;
    top: 10px; right: 10px; font-size: 24px; cursor: pointer;
    z-index: 10;
}
.favorite:hover {
    color: #dd153c;
}



.dropdown-menu {
    /* position: absolute; */
    /* top: calc(100% + 0.5rem); 
    left: 0; */
    z-index: 1000;
    width: 50%;
    margin: 0 25%;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
}
#searchResults {
    margin-top: 42px;
    /*width: 65%;*/
    /*margin: 0 25%;*/
}



.toast {
    background-color: #094030; 
    z-index: 1000;
    color: white; 
    border-radius: 8px; 
}

.toast-header {
    background-color: #094030; /* Цвет фона заголовка */
    color: white; /* Цвет текста заголовка */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Граница */
}

.toast-body {
    padding: 1rem; /* Отступы внутри Toast */
}
i {
    z-index: 10;
}

@media (max-width: 768px) {
    .sidebar {
        display: none; /* Скрыть боковую панель на мобильных устройствах */
    }
    .main_container {
        flex-direction: column; /* Переключить на вертикальное расположение */
    }
}

.pagination .active a {
    color: #094030; /* Цвет текста для активной ссылки */
    background-color: #e9ecef; /* Цвет фона для активной ссылки (можно изменить) */
    border-color: #094030; /* Цвет границы для активной ссылки (можно изменить) */
}

.pagination a {
    color: #000; /* Цвет текста для обычных ссылок */
}

.pagination a:hover {
    color: #094030; /* Цвет текста при наведении на обычные ссылки */
}
   
    .item_card {
    width: 240px; /* Фиксированная ширина карточки */
    /*height: 400px; */
    max-width: 600px;/* Фиксированная высота карточки */

}

.image-container {
    width: 238px; /* Фиксированная ширина */
    height: 250px; /* Фиксированная высота */
    overflow: hidden; /* Обрезаем изображение, если оно выходит за пределы блока */
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-container img {
    width: 100%; /* Занимает всю ширину контейнера */
    height: 100%; /* Занимает всю высоту контейнера */
    object-fit: contain; /* Сохраняет пропорции и обрезает изображение */
    /* object-fit: contain; */ /* Сохраняет пропорции, но не обрезает изображение */
    object-position: center; /* Центрирует изображение */
}

/* Убираем стрелки для всех браузеров */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none; /* Для Chrome, Safari, Opera */
    margin: 0;
}

/* Убираем стрелки для Firefox */
input[type=number] {
    -moz-appearance: textfield; /* Отключаем стиль числового поля */
}

.modal-body {
    display: flex; /* Используем flexbox для центрирования */
    justify-content: center; /* Центрируем по горизонтали */
    align-items: center; /* Центрируем по вертикали */
}

.main-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; /* Выравнивание по верхнему краю */
}

.row {
    display: flex;
    width: 100%;
}

.col-lg-3 {
    display: flex;
    flex-direction: column;
    height: 100%; /* Растягиваем сайдбар на всю высоту */
}

#sidebar {
    flex: 1; /* Растягиваем сайдбар на всю доступную высоту */
    background-color: #094030;
    color: white;
    font-family: 'Mulish', sans-serif;
    font-weight: 700;
    margin-top: 8%;
    margin-left: 2%;
}



.d1 {
    margin-bottom: 20px; /* Отступ между поисковиком и карточками */
    margin-left: 20px; /* Отступ слева для инпута */
}

.but {
    text-align: left; /* Выравнивание текста по левому краю */
    margin-top: 10px; /* Отступ сверху */
}

.but a {
    color: #fadeaa; /* Цвет ссылок */
    text-decoration: none; /* Убираем подчеркивание */
    transition: color 0.3s ease; /* Плавное изменение цвета при наведении */
}

.but a:hover {
    color: #ffffff; /* Цвет ссылок при наведении */
    text-decoration: underline; /* Подчеркивание при наведении */
}

.but p {
    margin: 0; /* Убираем отступы у параграфа */
    font-size: 5px; /* Уменьшенный размер текста */
    line-height: 1.4; /* Межстрочный интервал */
    color: white; /* Цвет текста */
}