body {
    font-family: "Philosopher", sans-serif;
    margin: 0;
    padding: 0;
    background-color: #333;
}

header {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

main {
    /*padding: 20px;*/
}

section {
    margin-bottom: 10px;
}

h2 {
	text-align: center;
	color: #fff;
	font-family: 'satisfy', Comfortaa;
}

h3 {
	font-family: "Comfortaa", sans-serif;
	color: #fff;
	font-size: 18px;
}

h2.lang {
    font-size: 50px;
	margin-block-start: 0.2em;
    margin-block-end: 0;
}

.euro {
    white-space: nowrap;
}

.sangr {
	 position: absolute;
	 width: 9%;
	 margin-left: 30%;
	}
	
.decorated-text.a h3.top {
    margin-bottom: 5px;
}

.decorated-text.a h3.bottom {
    margin-top: 5px;
}

.decorated-text.a h3.top_j {
	font-size: 12px;
	font-weight: 100;
	margin-right: 15px;
}

.decorated-text.a h3.top_jj {
	font-size: 12px;
	font-weight: 100;
	margin-right: 22px;
}

.decorated-text.a h3.bottom_c {
	font-size: 12px;
	font-weight: 100;
	margin-right: 15px;
}

.decorated-text.a h3.bottom_cc {
	font-size: 12px;
	font-weight: 100;
	margin-right: 11px;
}

.decorated-text.a h3.bottom_cv {
	font-size: 12px;
	font-weight: 100;
	margin-right: 19px;
}

.decorated-text.a h3.bottom_cb {
	font-size: 12px;
	font-weight: 100;
	margin-right: 20px;
}

.decorated-text.a h3.bottom_cbd {
	font-size: 12px;
	font-weight: 100;
	margin-right: 25px;
}

.decorated-text.a h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}

p.foot {
    font-size: 10px;
}

h3.sid {
	font-family: 'Philosopher', sans-serif;
	font-size: 18px;
}

span {
	color: #fff;
	font-size: 12px;
}

.drink {
	position: relative;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 5px;
	overflow: hidden; /* Добавляем overflow: hidden, чтобы блок корректно обтекал изображение */
	/*box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); */
}

.drink img {
    float: left; /* Размещаем изображение слева */
    margin-right: 20px; /* Отступ справа от изображения */
	height: auto; /* Автоматический подбор высоты, чтобы сохранить пропорции */
    border-radius: 5px; /* Скругление углов изображения */
}

.drink h3 {
    color: #fff;
    margin-top: 0;
}

.drink p {
	font-family: "Comfortaa", sans-serif;
    color: #fff;
}

footer {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

.drink-info {
    display: flex;
    justify-content: space-between; /* Распределение элементов по горизонтали */
    align-items: center; /* Выравнивание по вертикали */
    width: 100%; /* Занимать всю доступную ширину */
}

.drink-ind {
	display: flex;
    align-items: center;
    /*background-color: #fff;*/
    padding: 5px;
	align-items: center;
	/*box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); */
	border-bottom: 1px solid #404040; /* Черная линия шириной 1 пиксель */
}
.drink-ind_up {
	display: flex;
    align-items: center;
    /*background-color: #fff;*/
    padding: 5px;
	align-items: center;
	/*box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); */
	border-bottom: 1px solid #404040; /* Черная линия шириной 1 пиксель */
	border-top: 1px solid #404040; /* Черная линия шириной 1 пиксель */
}

.drink-ind_b {
	display: flex;
    align-items: center;
    /*background-color: #fff;*/
    padding: 5px;
	align-items: center;
	/*box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); */
	border-bottom: 1px solid #404040; /* Черная линия шириной 1 пиксель */
}
.drink-ind_up_b {
	display: flex;
    align-items: center;
    /*background-color: #fff;*/
    padding: 5px;
	align-items: center;
	/*box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); */
	border-bottom: 1px solid #404040; /* Черная линия шириной 1 пиксель */
	border-top: 1px solid #404040; /* Черная линия шириной 1 пиксель */
}

.drink-price {
    text-align: right;
}

.volume-info {
    display: flex; /* Добавляем flexbox */
    align-items: center; /* Выравниваем элементы по центру вертикально */
	justify-content: flex-end;
}

.volume-info h3 {
    margin: 5px 0; /* Устанавливаем отступы сверху и снизу для элемента h3 */

}

 a {
            text-decoration: none;
        }
		
.tel {
	color: #fff;
}

#liqueurs {
    flex-wrap: wrap;
	background-color: #333;
	padding: 5px; /* Внутренний отступ внутри рамки */
    border-radius: 5px; /* Скругление углов рамки */
	/*background-image: url('../img/beer.webp');
    /*background-position: center top; /* Устанавливаем положение изображения по центру по горизонтали и вверху по вертикали */
    /*background-size: auto 70%; /* Устанавливаем размер изображения. Ширина - авто, высота - 33.33% от высоты элемента */
    /*background-repeat: no-repeat; /* Запрещаем повторение изображения */
}

.decorated-text {
    position: relative;
    padding: 5px; /* Внутренний отступ внутри рамки */
    border-radius: 5px; /* Скругление углов рамки */
    overflow: hidden; /* Обрезание лишних частей изображения */
	/*box-shadow: 0 0 10px rgba(0, 255, 255, 0.8); Тень с неоновым эффектом */
	/*border: 2px solid #ccc; Добавление цвета к рамке */
	border: 2px solid transparent;
}

.price-circle {
    width: 60px; /* Ширина круга */
    height: 60px; /* Высота круга */
    border-radius: 50%; /* Создание круглой формы */
    background-color: #fff; /* Цвет фона */
    color: #333; /* Цвет текста */
	font-weight: 500;
	font-size: 18px;
    display: flex; /* Использование flexbox */
    justify-content: center; /* Выравнивание содержимого по центру по горизонтали */
    align-items: center; /* Выравнивание содержимого по центру по вертикали */
    position: absolute; /* Абсолютное позиционирование внутри родительского блока */
    right: 20px; /* Расположение справа внутри родительского блока */
	bottom: 30px; /* Расположение справа внутри родительского блока */
	font-family: "Philosopher", sans-serif;
}

.slider {
overflow: hidden; /* Скрыть содержимое, выходящее за пределы слайдера */
width: 100%; /* Ширина слайдера */
}

.sliderDwn {
overflow: hidden; /* Скрыть содержимое, выходящее за пределы слайдера */
width: 100%; /* Ширина слайдера */
 text-align: center;
  color: #fff; /* Цвет текста */
  padding: 20px 0;
}

.translate {
background: transparent;
border: none;
padding: 3px; /* Уменьшение внутренних отступов */
width: 40px; /* Уменьшение ширины кнопок */
height: 40px; /* Уменьшение высоты кнопок */
}

.translate_links {
/*padding-left: 60px;*/
    list-style: none; /* Убрать стандартные маркеры */
    padding: 0; /* Убрать внутренние отступы */
    margin: 0; /* Убрать внешние отступы */
    white-space: nowrap; /* Запретить перенос элементов списка на новую строку */
}

.translate_links li {
    display: inline-block; /* Выстраиваем элементы в ряд */
    margin-right: 10px; /* Добавляем отступ между элементами */
}

.translate_links li:last-child {
    margin-right: 0; /* Убрать отступ справа у последней кнопки */
}

/* Стили для мобильных устройств (для экранов шириной до 768px) */
@media only screen and (max-width: 768px) {
    body {
        font-size: 14px;
    }
    .drink img {
        width: 50%;
		margin-right: 5px;
    }
	.drink-ind img {
		width: 25%;
		margin-right: 10px;
	}
	.drink-ind_up img {
		width: 25%;
		margin-right: 10px;
		}
	.drink-ind_b img {
		width: 40%;
		margin-right: 30px;
	}
	.drink-ind_up_b img {
		width: 40%;
		margin-right: 30px;
		}
	h3 {
	font-size: 14px;
    }

		.sangr {
		visibility: hidden;
}

}

/* Стили для планшетов и десктопов */
@media only screen and (min-width: 769px) {
    body {
        font-size: 18px;
    }
    .drink img {
        width: auto;
		margin-right: 75px;
    }

	
	.drink-ind img{
        margin-right: 50px;
		width: 20%;
    }
	.drink-ind_up img{
		width: 20%;
        margin-right: 50px;
    }
	.drink-ind_b img{
        margin-right: 100px;
		width: 50%;
    }
	.drink-ind_up_b img{
		width: 50%;
        margin-right: 100px;
    }
	.drink {
        width: 60%;
        margin: 0 auto;
    }
	.drink-ind {
        width: 60%;
        margin: 0 auto;
    }
	.drink-ind_up {
        width: 60%;
        margin: 0 auto;
    }
	.drink-ind_b {
        width: 60%;
        margin: 0 auto;
    }
	.drink-ind_up_b {
        width: 60%;
        margin: 0 auto;
    }
	#liqueurs {
        width: 60%;
        margin: 0 auto;
    }
	#cocktails {
        width: 60%;
        margin: 0 auto;
    }
	h3.sid {
	font-size: 30px;
    }
    h2.lang {
    font-size: 80px;
	margin-block-start: 0.3em;
    margin-block-end: 0.2em;
    }
	.price-circle {
		margin: 0 auto;
		width: 100px;
        height: 100px;
		font-size: 30px;
		margin-right: 10px;
		margin-bottom: 30px;
	}
	.decorated-text.b h3.billard {
	margin-left: 15px;
}
}