/*Обнуление*/
*{
	padding: 0;
	margin: 0;
	border: 0;
}
*,*:before,*:after{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}

nav,footer,header,aside{display: block;}

html,body{
	height: 100%;
	width: 100%;
	font-size: 100%;
	line-height: 1;
	font-size: 14px;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
input,button,textarea{font-family:inherit;}

input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner {padding:0;border:0;}
a, a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
ul li{list-style: none;}
img{vertical-align: top;}

h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight: 400;}
/*-----------------Header-----------------------*/
html{
	scroll-behavior: smooth; /* Включает плавную прокрутку */
}
body{
	height: 100%;
	line-height: 1;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	font-family: Montserrat;
}
.wrapper{
	min-height: 100%;
	overflow: hidden;
	background-color: #000;
}
._container{
	max-width: 1246px;
	padding: 0px 15px;
	margin: 0 auto;
	box-sizing: content-box;
}
._ibg{
	position: relative;
}
._ibg img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
/*----------------------Header----------------*/
/* Общие стили */
.header {
	position: fixed; /* Сделаем заголовок фиксированным */
	width: 100%;
	left: 0;
	top: 0;
	z-index: 50;
	background-color: #000; /* Фон для лучшего отображения логотипа и меню */
	display: flex;
	justify-content: space-between; /* Логотип слева, бургер-меню справа */
	align-items: center;
	padding: 15px 20px;
}

.header-container {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between; /* Пространство между логотипом и бургер-меню */
}

.header_logo img {
	border: 1px solid #fff;
	border-radius: 50%;
	width: 60px; /* Ограничим ширину логотипа для лучшего отображения */
}

.header-menu {
	display: flex;
	align-items: center;
	margin-left: 50px; /* Отступ для меню от логотипа */
}

.menu_list {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	align-items: center;
}

.menu_item {
	margin: 0 15px; /* Сокращены отступы для мобильной версии */
	align-items: center;
}

.menu_link {
	color: #f9c806;
	line-height: 171%;
	font-weight: 600;
	text-decoration: none;
	padding: 10px 15px;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.5); 
	transition: background-color 0.3s ease;
	align-items: center;
}

.menu_link:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

/* Бургер-меню */
.burger-menu {
	display: none;
	flex-direction: column;
	cursor: pointer;
	padding: 10px;
	position: absolute;
	right: 20px;
	top: 20px; /* Установили бургер-меню справа */
}

.burger-menu span {
	width: 25px;
	height: 3px;
	background-color: #fff; /* Сделаем цвет полос белым для лучшей видимости */
	margin: 4px 0;
	transition: 0.4s;
}

/* Мобильное меню */
@media (max-width: 767px) {
	.header-menu {
		display: none;
		flex-direction: column;
		position: absolute;
		top: 60px; /* Отступ от верхнего края после заголовка */
		left: 0;
		width: 100%;
		background-color: rgb(5, 5, 5);
		padding: 20px;
		z-index: 49;
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Легкая тень */
	}

	.header-menu.active {
		display: flex;
	}

	.burger-menu {
		display: flex; /* Отображение бургер-меню на мобильных */
	}

	.menu_list {
		flex-direction: column;
		width: 100%; /* Меню будет на всю ширину */
	}

	.menu_item {
		margin: 10px 0; /* Вертикальные отступы между пунктами меню */
	}

	.menu_link {
		color: #fff;
		text-align: center;
		padding: 15px 20px;
		background-color: rgba(0, 0, 0, 0.5);
		border-radius: 5px;
	}
}

/* Анимация для бургер-меню */
.burger-menu.active span:nth-child(1) {
	transform: rotate(-45deg) translate(-5px, 6px); /* Анимация для первой линии */
}

.burger-menu.active span:nth-child(2) {
	opacity: 0; /* Скрываем среднюю линию */
}

.burger-menu.active span:nth-child(3) {
	transform: rotate(45deg) translate(-5px, -6px); /* Анимация для третьей линии */
}
/*---------------card-----------------------*/
/* Для SVG иконки корзины */
.ec-cart-widget svg {
	fill: white !important; /* Белый цвет для SVG */
	stroke: black !important; /* Чёрная обводка для контраста */
	stroke-width: 1px !important; /* Толщина обводки */
}

/* Для шрифтовых иконок или текста */
.ec-cart-widget i,
.ec-cart-widget span {
	color: white !important; /* Белый цвет для текста и шрифтовых иконок */
}

/* Добавление фоновой обёртки для контраста */
.ec-cart-widget {
	background-color: rgba(160, 152, 0, 0.616); /* Полупрозрачный фон */
	border-radius: 50%; /* Скругление фона */
	padding: 5px; /* Отступ вокруг корзины */
	display: inline-flex; /* Центрирование содержимого */
	align-items: center;
	justify-content: center;
}

/* Общие стили для всех состояний */
.ec-cart-widget, 
.ec-cart-widget * {
	opacity: 1 !important;
	visibility: visible !important;
}
/*-------------------Page--------------------*/
.page{
	flex: 1 1 auto;
}
.page {
}
.page_main-block {
}
/*-----------------Main-Block--------------*/
.main-block {
	position: relative;
}
.main-block_container {
}
.main-block_body{
	padding: 184px 0px 191px 0px;
	position: relative;
	z-index: 2;
}

.main-block_body > *:not(:last-child){
   margin: 0px 0px 10px 0px;
}
.main-block_title {
	font-size: 50px;
	line-height: 137%;
	font-weight: 800;
	max-width: 509px;
	color: #fff;
	top: 5px;
}
@media(max-width:767px){
	.main-block_title{
      font-size: 40px;
		font-weight: 700;
	}
}
@media(max-width:479px){
	.main-block_title{
      font-size: 32px;
		font-weight: 700;
	}
}
.main-block_text {
	color: hsl(0, 78%, 51%);
	font-size: 48px;
	line-height: 135%;
	font-weight: 800;
}
@media(max-width:767px){
.main-block_text{
font-size: 38px;
font-weight: 700;
}
@media(max-width:479px){

	.main-block_title{
		align-items: center;
      font-size: 30px;
		font-weight: 700;
	}
}
}
.main-block_image{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.87;
}
/*----------------Page-Services-------------*/
.page-services{
	position: relative;
	margin: -111px 0px 0px 0px;
	z-index: 2;
}
.services {
	align-items: center;
}
.services-container {

}
@media(max-width:500px){
	.services_body{
		flex-direction: column;
		flex: 1 1 100%;
	}
}
.services_body {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -15px -30px 0px;
}
@media(min-width:670px){
	.services_body{
		display: flex;
	margin: 0px -15px -30px 0px;
	}
}

.services_column {
	padding: 0px 15px;
	flex: 0 1 33.333%;
	margin: 0px 0px 30px 0px;
}
@media(min-width:670px){
	.services_column{
		padding: 0px 15px;
	}
}
@media(max-width:992px){
	.services_column{
		flex: 0 1 50%;
	}
	.services_column:last-child{
		flex: 1 1 100%;
	}
}
.services_item {
	height: 100%;
	box-shadow: 0px 13px 19px rgba(0, 0, 0,0.07);
	background-color: #cf140d;
	padding: 35px;
}
.item-service {
}
.item-service > *:not(:last-child) {
	margin: 0px 0px 10px 0px;
}
.item-service_icon {
	text-align:  center;
}
.item-service_title {
	font-weight: 700;
	font-style: 24px;
	line-height: 133%;
   text-align: center;
}
.item-service_text {
font-size: 14px;	
line-height: 142%;
text-align: center;
}
/*------------------Page-Uberuns------------*/
.page_uberuns {
	padding: 80px 20px 0px 20px;
	max-width: 1246px;
	margin: 0 auto;
	background-color: #000; /* Черная тема */
	color: #fff; /* Белый текст */
}

.uberuns-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.uberuns_body {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.uberuns_item {
	flex: 0 1 auto;
	margin: 10px;
}

.uberuns_item img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

.uberuns_content {
	max-width: 600px;
	margin: 10px;
	text-align: center;
}

.uberuns_title {
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	margin:20px 0px 20px 0px;
	color: #f9c806; /* Добавлен яркий цвет для заголовка */
}

@media (max-width: 768px) {
	.uberuns_title {
		font-size: 20px;
	}
}

.uberuns_text {
	text-align: left;
	font-size: 16px;
	color: #ccc; /* Белый текст для темной темы */
}

@media (min-width: 768px) {
	.uberuns-container {
		flex-direction: row-reverse;
	}
	.uberuns_body {
		flex-direction: row-reverse;
	}
	.uberuns_item, .uberuns_content {
		flex: 1;
		max-width: 50%;
	}
	.uberuns_content {
		text-align: left;
	}
}
@media (max-width: 768px) {
	.uberuns-container {
		flex-direction: column-reverse;
	}
	.uberuns_body {
		flex-direction: column-reverse;
	}
	.uberuns_content {
		text-align: left;
	}
}
/*----------------Page-Menu------------------*/
/* Основные стили для секции меню */
.page_menu {
	padding: 20px;
	background-color: #000;
}

.page-menu_body {
	text-align: center;
	margin-bottom: 20px;
}

.menu_title_subtitle {
	font-size: 45px;
	font-weight: 600;
	margin: 90px 0px 20px 0px;
	color:#f9c806;
}

.menu_title {
	font-size: 30px;
	font-weight: 600;
	color: #000;
	margin: 30px 0px 25px 0px;
}

/* Стили для навигации */
.menu_header {
	position: relative;
	width: 100%;
	overflow-x: scroll; /* Добавляем горизонтальный скролл */
	white-space: nowrap; /* Для предотвращения переноса */
}

.menu_header nav ul {
	display: inline-flex; /* Делаем элементы в одну линию */
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu_header nav ul li {
	flex: none; /* Убираем автоматическое растяжение */
	text-align: center;
	padding: 10px;
}

.menu_header nav ul li a {
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.3s;
}

.menu_header nav ul li a:hover {
	color: #b11726;
}

/* Стили для полосы прокрутки */
.menu_header::-webkit-scrollbar {
	height: 8px; /* Высота горизонтальной полосы прокрутки */
	background: #760808; /* Цвет фона полосы */
}

.menu_header::-webkit-scrollbar-thumb {
	background: #f9c806; /* Цвет бегунка */
	border-radius: 4px; /* Скругленные края */
}

.menu_header::-webkit-scrollbar-thumb:hover {
	background: #aa8903; /* Цвет бегунка при наведении */
}

/* Стили для карточек меню */
.menu_ids_body {
	display: grid;
	grid-gap: 20px;
	padding: 0 20px;
}

.menu_card {
	background-color: #f9c806;
	padding: 15px;
	margin: 15px 0px 0px 0px;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	text-align: center;
}

.menu_item img {
	max-width: 100%;
	height: auto;
	margin: 10px;
	border-radius: 4px;
	margin-bottom: 10px;
}

.menu_text h3 {
	font-size: 20px;
	font-weight: 600;
	color: #333;
	margin: 0 0 10px 0px;
}

.menu_text p {
	margin: 0px 0px 10px 0px;
	color: #000000;
}

.menu-block_price {
	font-size: 16px;
	font-weight: 600;
	margin: 20px 0px 10px 0px;
	color: #333;
}

.ec-add-to-cart {
	margin-top: 10px;
	padding: 10px 20px;
	background-color: #fff;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s;
} 
	

.ec-add-to-cart:hover {
	background-color: #970a26;
}

/* Адаптивные стили */
@media (min-width: 768px) {
	.menu_ids_body {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.menu_ids_body {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 479px) {
	.menu_ids_body {
		grid-template-columns: 1fr;
	}
}
/*----------------------Allergi--------------------------*/
.allergien-section {
	padding-top: 80px;
	font-family: Arial, sans-serif;
	display: flex;
	justify-content: center; /* Центрирование по горизонтали */
	align-items: center; /* Центрирование по вертикали */
	box-sizing: border-box;
}

.allergien-container {
	max-width: 800px; /* Ограничение ширины */
	width: 100%;
	margin: 0 auto; /* Центрирование по центру на маленьких экранах */
}

.allergien-title {
	color: #ae0e0e;
	padding-bottom: 15px;
	text-align: center;
	font-size: 1.8rem;
	margin-bottom: 20px;
}

.allergien-subtitle {
	color: #fff;
	margin: 20px 0;
	font-size: 20px;
}

.allergien-content {
	color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: space-between; /* Два столбика на больших экранах */
	align-items: flex-start;
	gap: 20px;
	flex-wrap: wrap; /* Адаптация на маленьких экранах */
}

.allergien_comment {
	font-size: 18px;
	margin-bottom: 20px;
}

.allergien-list {
	flex: 1;
	margin: 0;
	padding: 0;
	min-width: 200px; /* Минимальная ширина списка */
	text-align: left;
}

.allergien-list li {
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 8px;
}

.allergien-footer {
	color: #fff;
	text-align: center;
	padding-top: 25px;
	font-size: 0.9rem;
}

/* Адаптивность для экранов менее 768px */
@media (max-width: 768px) {
	.allergien-content {
		 flex-direction: column; /* Переход на вертикальное расположение */
		 align-items: center; /* Центрирование по центру */
	}

	.allergien-list {
		 width: 100%; /* Полная ширина для списка */
		 text-align: center; /* Центрирование текста */
	}
   .allergien-subtitle{
		font-size: 18px;
	}

	.allergien_comment{
		font-size: 16px;
	}
}

/* Специально для экранов менее 480px */
@media (max-width: 480px) {
	.allergien-section {
		 padding-left: 10px; /* Дополнительный отступ слева */
		 padding-right: 10px; /* Дополнительный отступ справа */
	}

	.allergien-title {
		 font-size: 1.5rem;
	}

	.allergien-list li {
		 font-size: 0.9rem;
	}
	.allergien-subtitle{
		font-size: 16px;
	}

	.allergien_comment{
		font-size: 14px;
	}
}

/* Специально для экранов менее 320px */
@media (max-width: 320px) {
	.allergien-title {
		 font-size: 1.3rem;
	}

	.allergien-list li {
		 font-size: 0.8rem;
	}
}



/*----------------------Kontakt---------------------------*/
.Kontakt {
	padding: 80px 0px;
}
.kontakt_body {
	display: flex;
	flex: 0 1 50%;
	justify-content: space-between;
}
.kontakt_content {
   margin-left:30px ;
}
.kontakt_title {
font-size: 48px;
font-weight: 600;
color: #fff;
margin-bottom: 35px;
}
.kontakt_box {
color: #fff;
}
.box_title {
margin: 15px 0px;
font-size: 32px;
font-weight: 500;
}
.kontakt_subtitle {
	font-size: 24px;
	box-sizing: border-box;
	height: 65px;
	width: 400px;
	padding: 14px 0px 0px 0px;
	border-radius: 3px;
}
.subtitle_info {
	color: #fff;
}
.subtitle_info:hover{
   color:#b70f0f;
}
/*----------------Kontakt_img---------*/
.kontakt_img img {
	max-width: 100%;
	height: auto;
	border-radius: 8px; /* Сделает края слегка закругленными, при необходимости */
	object-fit: cover; /* Обрезка изображения, чтобы оно заполняло контейнер */
}

/* Адаптивные стили */
@media (max-width: 900px) {
	.kontakt_body {
		 flex-direction: column; /* Перестроит элементы в колонку на мобильных устройствах */
		align-items: center;
		text-align: center;
	}

	.kontakt_content {
		 margin-left: 0; /* Убирает левый отступ на малых экранах */
		 margin-bottom: 20px; /* Добавляет отступ под контентом */
	}

	.kontakt_img {
		 width: 100%; /* Дает изображению 100% ширины на маленьких экранах */
		text-align: center;
	}

	.kontakt_img img {
		 width: 90%; /* Уменьшает ширину изображения для оптимального отображения на мобильных устройствах */
		 max-width: 400px; /* Ограничивает максимальную ширину */
	}
}

/*-------------------Map-----*/
.map_kontakt {
	padding: 50px 0 50px 0;
}
.map {
	flex: 1;
	padding-left: 20px;
}

.map iframe {
	width: 100%;
	border: none;
	border-radius: 5px;
}

/*----------Adaptiv------------*/
/* General Styles */
.kontakt_title {
	font-size: 48px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 35px;
}

.box_title {
	margin: 15px 0px;
	font-size: 32px;
	font-weight: 500;
}

.kontakt_subtitle {
	font-size: 24px;
	box-sizing: border-box;
	height: 65px;
	width: 400px;
	padding: 14px 0px 0px 0px;
	border-radius: 3px;
}

/* Media Queries */
@media (max-width: 1100px) {
	.kontakt_title {
      font-size: 36px;
	}

	.box_title {
		font-size: 28px;
	}

	.kontakt_subtitle {
		font-size: 18px;
	   height: 50px;
		width: 300px;
		padding: 12px 0px 0px 0px;
	}
}

@media (max-width: 880px) {
	.kontakt_subtitle {
		width: 240px;
	}
}

@media (max-width: 736px) {
	.map {
		order: 2;
		padding-left: 0;
		margin-top: 20px;
		text-align: center;
	}
   .map_kontakt{
	}
	.map iframe {
		 display: none; /* Hide map on screens below 736px */
	}
}
@media (min-width: 737px){
	.map_title {
		display: none;
	}
	.map_subtitle {
		display: none;
	}
	.map_adres {
		display: none;
	}
}
@media (max-width: 736px) {
	.kontakt_body {
		flex-direction: column;
	}

	.kontakt_subtitle {
		width: 300px;
	}

	.map_subtitle {
		font-size: 24px;
		font-weight: 500;
		text-align: center;
		color: #fff;
		margin-bottom: 15px;
	}

	.map_adres {
		font-size: 22px;
		text-align: center;
		color: #fff;
	}

	.map_title {
		text-align: center;
	}
}

@media (max-width: 350px) {
	.kontakt_subtitle {
		width: 245px;
	}
}
/*----------Cooki-------------*/
/*----------Footer------------*/
.footer {
	height: 65px;
	display: flex;
	align-items: center; /* Вертикальное выравнивание */
	justify-content: center; /* Горизонтальное выравнивание */
	color: #fff; /* Цвет текста белый */
}

.footer-container {
	max-width: 1246px; /* Ширина контейнера */
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between; /* Равномерное распределение контента */
	align-items: center;
}
.footer-menu {
	display: flex;
	align-items: center;
	gap: 20px; /* Отступы между элементами меню */
}

.footer-menu a {
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	transition: color 0.3s;
}

.footer-menu a:hover {
	color: #085ea5; /* Цвет ссылки при наведении */
}

.footer-rights {
	font-size: 14px;
}

/* Адаптивность */
@media (max-width: 768px) {
	.footer-container {
		flex-direction: column-reverse;
		justify-content: center;
		text-align: center;
	}

	.footer-menu {
		margin-top: 10px;
	}
}
@media (max-width:400px){
	.footer-menu a{
      font-size: 10px;
	}
}