.elementor-269 .elementor-element.elementor-element-50fe1d11{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-269 .elementor-element.elementor-element-2c6df299{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-269 .elementor-element.elementor-element-2c6df299::before, .elementor-269 .elementor-element.elementor-element-2c6df299 > .elementor-background-video-container::before, .elementor-269 .elementor-element.elementor-element-2c6df299 > .e-con-inner > .elementor-background-video-container::before, .elementor-269 .elementor-element.elementor-element-2c6df299 > .elementor-background-slideshow::before, .elementor-269 .elementor-element.elementor-element-2c6df299 > .e-con-inner > .elementor-background-slideshow::before, .elementor-269 .elementor-element.elementor-element-2c6df299 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-269 .elementor-element.elementor-element-4ca38daa{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-269 .elementor-element.elementor-element-4ca38daa::before, .elementor-269 .elementor-element.elementor-element-4ca38daa > .elementor-background-video-container::before, .elementor-269 .elementor-element.elementor-element-4ca38daa > .e-con-inner > .elementor-background-video-container::before, .elementor-269 .elementor-element.elementor-element-4ca38daa > .elementor-background-slideshow::before, .elementor-269 .elementor-element.elementor-element-4ca38daa > .e-con-inner > .elementor-background-slideshow::before, .elementor-269 .elementor-element.elementor-element-4ca38daa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-269 .elementor-element.elementor-element-2e3e02be{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-269 .elementor-element.elementor-element-5344711b.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-269 .elementor-element.elementor-element-56dccf96{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-269 .elementor-element.elementor-element-2c6df299{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-1ea04288 *//* Общие стили для модального меню */
.modal-menu {
    display: none; /* Модальное окно по умолчанию скрыто */
    position: fixed; /* Фиксированное положение */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9); /* Затененный фон */
    z-index: 1000; /* Высокий z-index, чтобы окно было поверх всего */
    justify-content: center;
    align-items: center;
    overflow: auto; /* Позволяет прокручивать, если контент не помещается */
}

.modal-menu-content {
    background-color: #333; /* Темно-серый фон содержимого окна */
    padding: 20px; /* внутренний отступ */
    margin: 1px; /* внешний отступ */
    border-radius: 5px; /* Закругление углов */
    max-width: 99%;
    max-height: 99%; /* Максимальная ширина и высота */
    overflow: auto;
    color: white; /* Белый цвет текста */
    position: relative; /* Позиционирование относительно родительского элемента */
    width: 100%; /* Занимает всю ширину экрана */
}


/* Стили для разделов внутри модального окна */
.modal-section,
.order-and-hours,
.social-links {
    margin-bottom: 20px;
}

/* Стили для заголовков разделов */
.modal-section h2,
.order-info h5,
.working-hours h5,
.social-links h5 {
    margin-bottom: 10px;
}

/* Стили для колонок */
.menu-columns,
.nav-columns {
    display: flex; /* Выравнивание элементов в строку */
    justify-content: space-between; /* Размещаем элементы с равными отступами */
}

.menu-columns .column,
.nav-columns .column {
    width: calc(50% - 10px); /* Устанавливаем ширину колонок */
    box-sizing: border-box; /* Учитываем внутренний отступ и рамку при расчете ширины */
}

/* Стили для списков */
.menu-columns ul,
.nav-columns ul,
.order-info ul {
    list-style: none; /* Убираем маркеры у списка */
    padding: 0;
    margin: 0;
}

/* Стили для элементов списка */
.menu-columns li,
.nav-columns li,
.order-info li {
    margin-bottom: 5px;
    padding: 0;
}

/* стили для кнопок меню*/
.menu-button{
  display: inline-flex;
  align-items:center;
  justify-content: flex-start;
  background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
  color:white;
  padding:10px;
  text-align: left;
  border-radius: 5px;
    width: 100%;
    cursor: pointer;
  text-decoration: none; /* убираем подчеркивание */
   transition: background-color 0.3s ease; /* Плавный переход для фона */
}


/* стили для иконки в кнопках меню */
.menu-button .menu-icon {
    margin-right: 10px;
    font-size: 30px;
    width: 30px;
    height: 30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

/* Стиль для кнопок при наведении */
.menu-button:hover {
    background: rgba(255, 255, 255, 0.1); /*  устанавливаем новый цвет фона */
}
/*стили для ссылок навигации*/
.nav-columns a,
.order-info a {
    color: white; /* устанавливаем цвет текста*/
    text-decoration: none; /* убираем подчеркивание */
    display: inline-flex;
    align-items: center;
    line-height: 1.5;
    margin-bottom: 5px;
}

/*стили для иконок в ссылках*/
.nav-columns i,
.order-info i {
    margin-right: 10px;
    font-size: 18px;
}

/* Стили для блока телефонов и времени */
.order-and-hours {
    display: flex; /* Выравниваем элементы в строку */
    justify-content: space-between; /* Размещаем элементы с равными отступами */
}
.order-and-hours div {
    width: calc(50% - 10px); /* Устанавливаем ширину блока */
    box-sizing: border-box; /* учитываем padding */
}
/* Стили для кнопки закрытия */
.modal-close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 40px;
    background: none;
    border: none;
    color: white;
    cursor: pointer;
}





 
 
 

/* Базовые стили для кнопки зона доставки */
.menu-button2 {
    display: inline-flex; /* Размещение элементов в строку */
    align-items: center; /* Выравнивание по центру по вертикали */
    justify-content: center; /* Выравнивание текста по центру */
    gap: 8px; /* Расстояние между иконкой и текстом */
    text-decoration: none; /* Убираем подчеркивание ссылки */
    font-family: Arial, sans-serif; /* Шрифт */
    font-size: var(--button2-font-size, 22px); /* Размер текста */
    color: var(--button2-text-color, #d6d6d6); /* Цвет текста */
    background-color: #666666; /* Фон кнопки */
    padding: 10px 20px; /* Внутренние отступы */
    border: 1px solid #ff8a14c; /* Граница кнопки */
    border-radius: 8px; /* Скругление углов */
    transition: all 0.3s ease; /* Плавные переходы для анимации */

    /* Настройка ширины */
    width: var(--button2-width, auto); /* Ширина кнопки (по умолчанию автоматическая) */
    min-width: var(--button2-min-width, 80%); /* Минимальная ширина */
    max-width: var(--button2-max-width, 90%); /* Максимальная ширина */
}

/* Стиль для иконки второй кнопки */
.menu-icon2 img {
    width: 30px; /* Размер иконки */
    height: 30px;
}





/* Общий стиль для заголовка h5 */
h5 {
    font-family: Arial, sans-serif; /* Шрифт */
    font-size: 20px; /* Размер текста */
    margin: 0; /* Убираем отступы */
}

/* Стиль для "Робочий час:" */
.work-hours-label {
    color: #ffbb00; /* Цвет текста (серый) */
}

/* Стиль для "з 12:00 до 20:00" */
.work-hours-time {
    color: #28d60d; /* Цвет текста (оранжевый) */
}



/* Стиль для заголовка навігація*/
.navigation-title {
    color: #ffbb00; /* Цвет текста */
    font-family: Arial, sans-serif; /* Шрифт */
    font-size: 24px; /* Размер текста */
    margin-top: 20px; /* Отступ сверху */
}

/* Стиль для заголовка навігація2*/
.navigation-title2 {
    color: #ffbb00; /* Цвет текста */
    font-family: Arial, sans-serif; /* Шрифт */
    font-size: 18px; /* Размер текста */
    margin-top: 20px; /* Отступ сверху */
}/* End custom CSS */