/*!
Theme Name: Nowaby
Theme URI: http://underscores.me/
Author: Mher Harutyunyan
Author URI: https://www.upwork.com/freelancers/~01c021960b56b305dd
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nowaby
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Nowaby is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body {
	position: relative;
	background: #fff;
	font-family: 'Inter';
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	word-break: break-word;
	overflow-x: hidden;
}
p {
	font-family: 'Inter';
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: left;
}

ul {
	display: block;
	position: relative;
	width: 100%;
	text-align: left;
	list-style: none;
	padding-inline-start: 0;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
	padding: 0px;
}
img {
	width: 100%;
	height: auto;
}
a {
	display: inline-block;
	position: relative;
	font-family: 'Inter';
	font-weight: 600;
	text-align: inherit;
	text-decoration: none;
	color: #000;
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	line-height: 28px;
	transition: all 0.5s;
}
.content {
	position: relative;
	height: 100%;
	width: 100%;
	max-width: 1920px;
	text-align: left;
	margin: 0px auto;
	padding: 30px 15px;
}

.semi-content__wrap {
	width: calc(100% + 25px);
	margin-right: -25px;
}

.semi-content {
	flex: 1 50%;
	width: 100%;
	padding-right: 25px;
}

.semi-content.smallest {
	padding-top: 50px;
	padding-bottom: 50px;
}

.third-wrap-content {
	display: block;
	position: relative;
	width: calc(100% + 25px);
	text-align: center;
	margin-left: -25px;
	margin-bottom: 25px;
}

.third-content {
	display: inline-block;
	width: 32.9%;
	margin-bottom: 25px;
}

.third-content:nth-child(n) {
	padding-left: 25px;
}
.site-block {
	margin-top: 20px;
	max-width: 1920px;
}
.flex-block {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}

.flex-wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
}

h1,
h2,
h3,
h4,
.title {
	display: block;
	position: relative;
	width: 100%;
	font-family: 'Inter';
	text-align: left;
}

h1,
.title.general {
	font-family: 'Inter';
	font-weight: 600;
	font-size: 28px;
	line-height:48px;
	color: rgba(0, 0, 0, 1);
	text-transform: uppercase;
	text-align: center;
}

h2,
.title.high {
	font-weight: 400;
	font-size: 28px;
	line-height: 34px;
	color: #21201f;
	text-align: center;
	text-transform: uppercase;
}
h3,
.title.middle {
	font-weight: 600;
	font-size: 24px;
	line-height: 28px;
	text-align:left;
	color: rgba(32, 32, 32, 1);
}

h4,
.title.lower {
	font-family: 'Inter';
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	text-align: left;
	color:#21201f;
}
.light {
	color: rgba(255,255,255,1);
}
.button {
	position: relative;
	display: block;
	font-family: 'Inter';
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	transition: all 0.5s;
	color: #fff;
	font-size: 16px;
	line-height: 57px;
	width: 100%;;
	max-width: 300px;
	max-height: 60px;
	height: 100%;
	padding: 0px 20px;
	margin-top: 25px;
	box-sizing: border-box;
	border-radius: 14px;
	border: none;
	background: #094672;
	text-transform: uppercase;
}
.button:hover {
	text-decoration: none;
	opacity: 0.5;
}

 .menu__list {
	 position: relative;
	 display: flex;
	 padding: 20px 50px;
	 background: #fff;
	 box-shadow: 0px 0px 2.72px 0px #00000040;
	 border-radius: 13px;
	 max-width: 1220px;
	 justify-content: space-between;
 }


.menu__list .owl-stage-outer {
	overflow: hidden;
}

.menu__list .owl-stage {
	display: flex;
	align-items: stretch;
}

.menu__list .owl-item {
	display: flex;
	justify-content: center;
}


.owl-nav {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
	pointer-events: none;
}

.owl-nav button {
	background: none;
	font-size: 24px;
	line-height: 32px;
	pointer-events: all;
	transition: background 0.3s;
}
.owl-nav button,
.owl-nav button:focus,
.owl-nav button:active {
	background: none !important;
	outline: none !important;
	box-shadow: none !important;
}
.owl-prev {
	margin-left: 10px;
}
.owl-next {
	margin-right: 10px;
}

.owl-nav button:hover {
	background: #c9e7ff;
}




input[type="radio"].input-radio, input[type="checkbox"].input-radio {

	width: 20px;
	height: 20px;
	border: 2px solid #666;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	vertical-align: middle;
	margin: 0 10px 0 0;
	transition: all 0.2s ease;
	background-color: #fff;
	padding: unset;
}

/* Внутренний круг при выборе */
input[type="radio"].input-radio:checked::after, input[type="checkbox"].input-radio:checked::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background-color: #094672; /* цвет выбранного радио */
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Ховер эффект */
input[type="radio"].input-radio:hover, input[type="checkbox"].input-radio:hover {
	border-color: #0073e6;
}

/* Стили для label, чтобы клик по тексту работал */
.radio-item label,
.wc_payment_method label {
	cursor: pointer;
	font-size: 14px;
	line-height: 1.4;
	user-select: none;
}

/* Обёртка радио и текста */
.radio-item,
.wc_payment_method {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.edit-mess {
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	margin-top: 5px;
	opacity: 0;
	transition: opacity 0.5s ease;
}
.edit-mess.success {
	color: green;
	opacity: 1;
}
.edit-mess.error {
	color: red;
	opacity: 1;
}


.white-block {
	box-shadow: 0px 0px 2.72px 0px #00000040;
	background: #fff;
	width: 100%;
	border-radius: 13px;
	padding: 15px 15px;
	position: relative;
	margin-top: 30px;
}
.empty-cart {
	display: flex;
	justify-content: space-between;
}
.empty-cart p {
	line-height: 34px;
	font-weight: 600;
	font-size: 27px;
	color: #094672;
}
.empty-cart img {
	width: 34px;
}

.toggle-block-content {
	display: none;
	padding-top: 10px;
}
.toggle-block.active p.toggle-block-title:after {
	transform: translateY(-50%) rotate(-90deg)
}
.delivery-next-slot {
	font-weight: 600;
	font-size: 18px;
	color: #094672;
	text-decoration: underline;
	margin-top: 10px;
	text-align: center;
}
.select-client-type {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-bottom: 10px;
}
.delivery-dates {
	display: flex;
	justify-content: space-around;
}
span.delivery-date-btn, .billing_express_delivery_field label {
	padding: 3px 7px;
	border: 1px solid  #ccc;
	border-radius: 50px;
	font-size: 14px;
	cursor: pointer;
}
span.delivery-date-btn.active {
	background: #094672;
	color: #fff;
}

.billing_express_delivery_field {
	margin: 20px 0;
	text-align: center;
}
#billing_express_time_field span {
	width: 100%;
}
#billing_express_time {
	width: 100%;
	cursor: pointer;
}

.billing_express_delivery_field label {
	font-size: 12px;
	text-transform: uppercase;
}
.billing_express_delivery:checked + label {
	border: 2px solid #094672;
}

.billing_express_delivery:disabled + label {
		opacity: 0.3;
		cursor: not-allowed;
	}

.time-delivery-radio .woocommerce-input-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
/*label[for="billing_first_name"], label[for="billing_address_1"], label[for="billing_porch"],
label[for="billing_porch"], label[for="billing_storey"], label[for="billing_email"], label[for="billing_phone"],
label[for="billing_date_delivery"], label[for="billing_time_delivery"],
label[for="billing_comment"], label[for="billing_city_delivery"] {
    display: none;
}*/

.mk-display-none, label[for="billing_express_time"] {
	display: none;
}

.mk-opacity-2  {
	opacity: .2;
}
#billing_comment_field label {display: none}

textarea,
input{outline: none;font-family: 'Inter';font-size: 14px;line-height: 20px;}
.header__content.content{padding-top: 10px;padding-bottom: 10px;align-items: center;}
.header__center p{font-weight: 900;font-size: 26px;line-height: 32px;text-transform: uppercase;}
.header__tel{padding: 5px 25px 5px 15px;background: #094672;border-radius: 13px;color: #fff;font-weight: 600;font-size: 32px;display: flex;align-items: center;}
.header__tel img {
	margin-right: 5px;
	width: 36px;
}
.phone-mts {
	font-size: 16px;
	display: none;
}
.header-question  {
	display: flex;
	align-items: center;
}
.header-question img {
	display: none;
	width: 36px;
}
.mobile__button{margin-left: 60px;background-size: cover;background-repeat: no-repeat;background-position: center;background-image: url(images/mobile-menu.svg);width: 45px;height: 45px;background-color: transparent;}
.header__right{display: flex;align-items: center;position: relative;}
.header__left{max-width: 375px;width: 100%;max-width: 100px;}
.main__bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	
	border-radius: 16px;
}
.main{padding-top: 0px;padding-bottom: 20px;}
.site__left {
	max-width: 1220px;
	flex: 1 1 1220px;
}

.btn-block {
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 15px;
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 15px 0 10px;
	z-index: 99;
	background: rgb(207 234 251 / 90%);
	border-top: 1px solid rgb(9 70 114 / 50%);
	transform: translateY(100%);
	transition: transform 0.4s ease-in-out;
}

.btn-block.visible {
	transform: translateY(0);
}



.btn-block a {
	font-weight: 600;
	color: #000;
	height: 40px;
	padding: 5px;
	border-radius: 10px;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
}

.btn-block a img {
	width: 36px;
}

.fix-cart {
	position: relative;
}
span.cart-count {
	position: absolute;
	top: 2px;
	left: 0;
	display: flex;
	width: 23px;
	height: 23px;
	background: #094672;
	color: #fff;
	border-radius: 50px;
	padding-top: 1px;
	align-items: center;
	justify-content: center;
	font-size: 9px;
	opacity: 0;
	transform: scale(0.5);
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
	line-height: 9px;
}

span.cart-count.visible {
	opacity: 1;
	transform: scale(1);
	color: red;
    font-size: 12px;
}


.product__item{max-width: calc(100% / 4 - 20px);background: #fff;margin-left: 20px;margin-top: 20px;box-shadow: 0px 0px 2.72px 0px #00000040;border-radius: 13px;padding: 15px 5px;display: none;}
.product__item.cat-active {display: block;}
.product__list{margin-left: -20px;width: calc(100% + 20px);align-items: stretch;justify-content: flex-start;}
.product-item__img{width: 100%;display: flex;align-items: center;justify-content: center}
.product-item__img img {
	height: 300px; /* нужная высота */
	width: auto;
	object-fit: cover; /* сохраняет пропорции и обрезает лишнее */
	display: block;
}
.product-item__price{font-weight: 800;font-size: 22px;line-height: 28px;text-align: center;color: #094672;display: inline-block;width: 100%;}
.product-item__info{margin-top: 10px;}
.product-item__title.title{font-size: 18px;line-height: 24px;font-weight: 600;text-align: center;margin-top: 5px;}

.number{box-shadow: 0px 0px 2.72px 0px #00000040;border-radius: 13px;width:125px;display: flex;align-items: center;justify-content: space-between;padding: 0px 10px;height: 30px;margin: 0 auto;margin-top: 10px;}
.number input{border: none;font-size: 24px;line-height: 28px;font-weight: 800;color: #094672;text-align: center;width: 40px;padding: 0px 0px;}
.number span{font-weight: 600;font-size: 24px;cursor: pointer;}
.footer__left{max-width: 495px;width: 100%;padding-left: 30px;}


.footer__title.title{font-size: 20px;line-break: 26px;color: #094672;font-weight: 600;}
.footer__left p{font-size: 14px;line-height: 20px;color: #000;font-weight: 600;margin-top: 15px;}
.footer__left a{font-size: 16px;line-height: 22px;color: #000;font-weight: 600;margin-top: 20px;text-decoration: underline;}
.footer__content{align-items: center;padding-bottom: 75px;}
.footer__right{max-width: max-content;width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-right: 20px;padding-left: 20px;}
.footer__right a{font-size: 16px;text-decoration: underline;font-weight: 600;line-height: 22px;margin-top: 30px;}
.footer__right .footer__mail{color: #094672;font-size: 20px;font-weight: 900;line-height: 26px;text-decoration: none;margin-top: 15px;}
.footer__right .footer__tel{color: #094672;font-size: 24px;line-height: 30px;font-weight: 900;text-decoration: none;margin-top: 0px;}
.footer-soc__list a{width: 34px;height: 34px;border-radius: 50px;background: #094672;display: flex;align-items: center;justify-content: center;}
.footer{position: relative;z-index: 1;}
.footer:after, .main:after{content: '';z-index: -2;background-size: cover;background-repeat: no-repeat;background-position-y: top;background-position-x: center;background-image: url(images/footer-bg.avif);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.main:after{ background-image: url(images/top-bg.avif);top: -100px;left: 0px;background-size: 100% 900px;}
.main:before, .footer:before{content: '';z-index: -1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.85)}
.main:before{ top: -100px;	background: rgba(255, 255, 255, 0.91);}
.cart-block{padding: 20px 25px;background: #DEF1FF;border-radius: 13px;box-shadow: 0px 0px 5.43px 0px #09467240;width: 100%;}
.site__right {
	max-width: 630px;
	flex: 1 1 630px;
}
.cart__title.title{text-align: center;font-size: 28px;line-height: 32px;font-weight: 600;text-decoration: underline;color: #3E3E3E;}
.cart__header p{margin-top: 10px;text-align: center;font-size: 18px;line-height: 26px;color: #094672;text-decoration: underline;}
.cart__header{box-shadow: 0px 0px 2.72px 0px #00000040;background: #fff;width: 100%;border-radius: 13px;padding: 15px 15px;position: relative;}
.cart__header:after{content: '';position: absolute;top: 10px;right: 15px;width: 35px;height: 35px;background-size: cover;background-repeat: no-repeat;background-position: center;background-image: url(images/cart-header__icon.svg)}
.cart__express{margin-top: 40px;}
.cart__express label{font-size: 20px;line-height: 26px;font-weight: 600;color: #000;position: relative;text-transform: uppercase;padding-left: 50px;}
.cart__express input{position: absolute;top: 0;left: 0;opacity: 0;z-index: -100}
.cart__express label:after{content: '';position: absolute;top: -2px;left: 10px;width: 24px;height: 24px;border-radius: 50px;border: 2px solid #000}
.cart__list-wrap{box-shadow: 0px 0px 2.72px 0px #00000040;background: #fff;border-radius: 13px;padding: 15px 10px;margin-top: 40px;}
.cart__item{position:relative;max-width: calc(100% / 2 - 10px);align-items: flex-start;margin-bottom: 30px;}
.product-item__img {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
}
.product-info {
	position: absolute;
	top: 0px;
	right: 6px;
	height: 30px;
	cursor: pointer;
}

.product-info img {
	width: 30px;
	height: 30px;
}
.cart-item__img {
	max-width: 50px;
	display: flex;
	justify-content: center;
	overflow: hidden;
}
.cart-item__img img {
	width: 90px;
	/* margin-top: -13px; */
}
.cart-item__info{max-width: calc(100% - 50px);width: 100%;padding-left: 10px;}
.cart-item__title{font-size: 10px;font-weight: 600;line-height: 14px;}
.cart-item__info .number input{font-size: 16px;height: 18px;}
.cart-item__info .number span{font-size: 16px;}
.cart-item__info .number{height: 18px;width: auto;max-width: 110px;margin-left: 0px;}
.cart__item:not(:last-child):after{content: '';position: absolute;top: 50%;transform: translateY(-50%);right: -5px;width: 1px;height: calc(100% - 30px);background: #E5E5E5;}
.cart__comment textarea{box-shadow: 0px 0px 2.72px 0px #00000040;height: 90px;padding:18px 20px;color:#C4C4C4;font-size: 20px;line-height: 34px;font-weight: 600;border-radius: 13px;width: 100%;border: none;resize: none;}
.cart__comment{margin-top: 30px;}
button.personal__edit img {
	margin-bottom: -6px;
}
.location p {
	width: calc(100% - 46px);
	height: 30px;
	position: relative;
	overflow: hidden;
	font-weight: 600;
	color: #094672;
	font-size: 24px;
	line-height: 29px;
	text-wrap: nowrap;
}
.location p::after {
	content: "";
	position: absolute;
	left: 65%;
	right: 0;
	bottom: 0;
	height: 30px;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
}
.location{margin-top: 30px;background: #fff;border-radius: 13px;box-shadow: 0px 0px 2.72px 0px #00000040;padding: 15px 20px;align-items: center;}
.location button{background: transparent;}
.location__right{display: flex;align-items: center;}
.location__right button{margin-left: 10px;}
.flex-block.location.active {
	border: 1px solid #034573;
}
.toggle-block{margin-top: 20px;padding: 15px 20px;position: relative;background: #fff;box-shadow: 0px 0px 2.72px 0px #00000040;border-radius: 13px;width: 100%;}
p.toggle-block-title{text-align: center;font-size: 23px;font-weight: 600;line-height: 30px;text-transform: uppercase;position: relative;cursor: pointer;}
p.toggle-block-title:after{content: '';position: absolute;top: 50%;transform: translateY(-50%);right: -5px;width: 35px;height: 35px;border-radius: 50px;background-size: cover;background-repeat: no-repeat;background-position: center;background-image: url(images/payment-icon.svg);transform: translateY(-50%) rotate(0deg);transition: transform 0.3s ease;}
.mob-delivery-block p.toggle-block-title {
	font-size: 18px;
	line-height: 22px;
}
.mob-delivery-block p.toggle-block-title:after {
	right: -14px;
	width: 31px;
	height: 31px;
}
.cart__button.button{margin: 0 auto;margin-top: 40px;max-width: 300px;}
.cart-block{padding-bottom: 40px;}

.popup{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,0.5);z-index: -1;opacity: 0;transition: all 0.5s;}
.popup__content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 10px;
	max-width: 580px;
	width: 95%;
	padding: 20px 30px;
	max-height: 90vh; /* ограничение по экрану */
	display: flex;
	flex-direction: column;
}
img.close {
	position: absolute;
	top: 13px;
	right: 10px;
	width: 26px;
	cursor: pointer;
}
.popup__body {
	overflow-y: auto;
	margin-top: 20px;
	flex: 1;              /* растягиваем */
	min-height: 0;        /* фикс для flex + overflow */
}


label:has(input:disabled) {
	opacity: 0.3;
	cursor: not-allowed;
}


.popup__form textarea, .popup__form input:not([type="checkbox"]) {
	font-family: 'Inter';
	width: 100%;
	resize: none;
	height: 54px;
	border-radius: 10px;
	box-shadow: 1px 1px 1px 1px #00000040;
	border: aquamarine;
	background: #fff;
	padding: 10px 25px;
	margin: 20px 0 1px 1px;
}
.popup__title.title{font-size: 20px;color: #000;font-weight: 600;line-height: 24px;}
.popup__button.button{max-width: 480px;margin: 0 auto;margin-top: 30px;}
.popup-edit .popup__button.button{margin-top: 10px;}
.popup__label input{position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;}
.popup__label label{font-size: 18px;font-weight: 600;line-height: 24px;position: relative;padding-left: 52px;}
.popup__label label:after{content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 20px;width: 20px;height: 20px;border-radius: 50px;border: 2px solid #000;}
.popup__label, .cart-agree{margin-top: 20px;}
.popup__header .popup-header__button.button{border-radius: 10px;background: transparent;color: #000;border: 1px solid #094672;font-size: 12px;max-height: 45px;line-height: 42px;max-width: calc(100% / 2 - 10px)}
.popup__form{margin-top: 10px;}
.popup__header .popup-header__button.button.active{background: #094672;color: #fff;}
.popup__form{display: none;}
.popup__form.active{display: block;}
.popup.active{z-index: 100;opacity: 1;}
.header-menu__list {
	position: absolute;
	top: 70px;
	right: 0;
	z-index: 100;
	max-width: 240px;
	width: max-content;
	border-radius: 10px;
	background: #DEF1FF;
	box-shadow: 0px 0px 2px 0px #00000040;
	padding: 30px;
	opacity: 0;
	transform: scale(0.95);
	pointer-events: none;
	transition: opacity 0.35s ease, transform 0.35s ease;
}
span.optional, .payment_box.payment_method_custom {
	display: none !important;
}
.custom_input {
	display: none !important;
}
.payment_box.payment_method_online {
	display: none !important;
}
.popup-product__item {
	display: flex;
	align-items: center;
}
.popup-product-item__img {
	width: 100px;
}
.popup-product-item__info .product-item__price {
	text-align: left;
}
.ui-timepicker-table .ui-timepicker-title {
	min-width: 100px;
}
.loader {
	border: 2px solid #fff;
	border-top: 2px solid #0968b5;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 4px;
	right: 4px;
	animation: spin 1s linear infinite;
	-webkit-animation: spin 1s linear  infinite;
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform:rotate(360deg);
	}
}

@-webkit-keyframes spin {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform:rotate(360deg);
	}
}
/* когда меню активно */
.header-menu__list.active {
	opacity: 1;
	transform: scale(1);
	pointer-events: auto;
}

.header{position: relative;}
.header-menu__list a{font-size: 20px;font-weight: 600;}
.header-menu__list li:not(:first-child){margin-top: 5px;}

.personal-claim .popup__form,
.popup-call .popup__form{display: block;}
.personal__claim,
.personal__call{cursor: pointer;}
.popup__form textarea{height: 110px;}
.is-bottle .quantity {
	display: none;
}
.bottle-return {
	margin-top: 5px;
	font-weight: 600;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	text-transform: lowercase;
	color: #094672;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance: textfield;
}


.mk-mess {
	font-size: 15px;
}
.mk-mess.error {
	color: red;
}
.mk-mess.success {
	color: green;
}
.delivery-dates-mess {
	color: red;
	margin-bottom: 5px;
	font-size: 16px;
}
/* ─── Обёртка таблицы ─────────────────────────────────── */
.schedule-wrap {
    width: 100%;
    max-width: 860px;
    margin: 0 auto 30px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
}

/* ─── Сама таблица ────────────────────────────────────── */
.schedule-table {
    width: 100%;
    border-collapse: collapse;
    font-family: inherit;
    font-size: 15px;
    background-color: transparent;
}

/* ─── Шапка таблицы ──────────────────────────────────── */
.schedule-table thead tr {
    background: linear-gradient(90deg, #c0392b, #e74c3c);
    /* 👆 Замените цвета на цвета вашего бренда */
}

.schedule-table thead th {
    padding: 14px 20px;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
    border: none;
}

/* ─── Строки таблицы ──────────────────────────────────── */
.schedule-table tbody tr {
    background-color: #ffffff;
    transition: background-color 0.2s ease;
}

.schedule-table tbody tr:nth-child(even) {
    background-color: #fdf2f2;
}

.schedule-table tbody tr:hover {
    background-color: #fde8e8;
}

/* ─── Ячейки ─────────────────────────────────────────── */
.schedule-table tbody td {
    padding: 13px 20px;
    text-align: center;
    color: #333333;
    border-bottom: 1px solid #f0e0e0;
    font-size: 15px;
    white-space: nowrap;
}

.schedule-table tbody td:first-child {
    font-weight: 600;
    color: #c0392b;
}

/* ─── Строка «выходной» ──────────────────────────────── */
.schedule-table tbody tr.holiday-row td {
    color: #999999;
    font-style: italic;
}

.schedule-table tbody tr.holiday-row td:first-child {
    color: #777777;
}

/* ─── Управление видимостью десктоп / мобайл ─────────── */
.desktop-table {
    display: block;
}

.mobile-table {
    display: none;
}

/* ─── Адаптив: мобильные устройства ─────────────────── */
@media screen and (max-width: 767px) {

    .desktop-table {
        display: none;
    }

    .mobile-table {
        display: block;
        margin: 0 auto 20px;
        border-radius: 8px;
        font-size: 13px;
    }

    /* На мобильных — карточный вид */
    .mobile-table .schedule-table thead {
        display: none; /* скрываем шапку */
    }

    .mobile-table .schedule-table tbody tr {
        display: block;
        margin-bottom: 12px;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    .mobile-table .schedule-table tbody td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 14px;
        text-align: right;
        white-space: normal;
        border-bottom: 1px solid #f0e0e0;
        font-size: 13px;
    }

    /* Метка-псевдоэлемент из data-label */
    .mobile-table .schedule-table tbody td::before {
        content: attr(data-label);
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase;
        color: #c0392b;
        letter-spacing: 0.04em;
        text-align: left;
        flex-shrink: 0;
        margin-right: 10px;
    }

    .mobile-table .schedule-table tbody td:last-child {
        border-bottom: none;
    }

    /* Первая ячейка (дата) — как заголовок карточки */
    .mobile-table .schedule-table tbody td:first-child {
        background: linear-gradient(90deg, #c0392b, #e74c3c);
        color: #ffffff;
        font-size: 14px;
        font-weight: 700;
        justify-content: center;
    }

    .mobile-table .schedule-table tbody td:first-child::before {
        display: none;
    }

    /* Строка выходной на мобиле */
    .mobile-table .schedule-table tbody tr.holiday-row td {
        color: #aaaaaa;
    }

    .mobile-table .schedule-table tbody tr.holiday-row td:first-child {
        background: linear-gradient(90deg, #888, #aaa);
        color: #ffffff;
    }
}