.tabloid.nowp:hover .optional {
	display: block;
}
.optional {
	display: none;
}

/* Для кнопок "Запросить Спец Цену", которые одновременно .tsk-btn и .openWebFormModal,
   возвращаем нормальный размер текста и ширину, чтобы текст был видим. */
.openWebFormModalOnhandMy.openWebFormModal {
	display: inline-flex !important;
	width: 100% !important;
	height: auto !important;
	font-size: 13px;
	line-height: 1.2 !important;
}

/* На кнопке "Запросить Спец Цену" отключаем покраснение текста при hover */
.openWebFormModalOnhandMy.openWebFormModal:hover {
	color: inherit !important;
}

.openWebFormModal:hover {
	color: red;
}

.open-button {
	color: #fff;
	background: #0066cc;
	padding: 10px;
	text-decoration: none;
	border: 1px solid #0157ad;
	border-radius: 3px;
}

.popup {
	position: fixed;
	top: 0px;
	left: 0px;
	/*  background:rgba(0,0,0,0.75);*/
	width: 100%;
	height: 100%;
	display: none;
}

/* Popup inner div */
.popup-content {
	width: 250px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 30px;
	margin-top: 100px;
	/*   box-shadow: 0px 2px 6px rgba(0,0,0,0.01);*/
	/*box-shadow:0 16px 24px rgb(68 92 130 / 14%), 0 6px 30px rgb(68 92 130 / 12%), 0 8px 10px rgb(68 92 130 / 20%);*/
	/*box-shadow: 1px 2px 0 3px rgba(198, 198, 198, 0.3);*/
	box-shadow:
		0 1px 2px rgb(0 0 0 / 7%),
		0 2px 4px rgb(0 0 0 / 7%),
		0 4px 8px rgb(0 0 0 / 7%),
		0 8px 16px rgb(0 0 0 / 7%),
		0 16px 32px rgb(0 0 0 / 7%),
		0 32px 64px rgb(255 255 255);

	border-radius: 3px;
	background: #fff;
	position: relative;
}

/* Popup close button */
.close-button {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 14px;
	right: 1px;
	border-radius: 20px;
	/* background: rgba(0,0,0,0.8);*/
	/*background: url(/bitrix/templates/dresscodeV2/images/exit.png) 0 0 no-repeat transparent;*/
	/* font-size: 20px;*/
	text-align: center;
	color: #1a1a1a;
	text-decoration: none;
	content: "★";
}

/* Контейнер */
.modal {
	/* Трансформации прозрачности при открытии  */
	-webkit-transition: opacity 500ms ease-in;
	-moz-transition: opacity 500ms ease-in;
	transition: opacity 500ms ease-in;
	opacity: 0;
	pointer-events: none;
	display: flex;
	top: 50%;
	left: 50%;
	margin-top: 500px;
	position: absolute;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;

	/* Скрываем изначально */
	opacity: 0;
	pointer-events: none;
}

/* Показываем модальное окно */
.modal:target {
	opacity: 1;
	pointer-events: auto;
}

/* Содержание */
.modal > div {
	width: 300px;
	height: 50px;
	background: #fff;
	position: absolute;
	/* margin: 10% auto; */
	-webkit-animation: minimise 500ms linear;
	padding: 30px;
	-moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 20px rgb(0 0 0 / 50%);
	/* top: 50%; */
	/* left: 50%; */
	/* margin-left: -100px; */
	/* margin-top: -75px; */
	z-index: 111;
	-webkit-animation: minimise 500ms linear;
	padding: 30px;
	-moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 20px rgb(0 0 0 / 50%);
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;

	/* По умолчанию минимизируем анимацию */
	-webkit-animation: minimise 500ms linear;

	/* Придаем хороший вид */
	padding: 30px;
	/*-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);*/
	-moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.5);
	/*background: -moz-linear-gradient(#fff, #ccc);
background: -webkit-gradient(linear, right bottom, right top, color-stop(1, rgb(255,255,255)), color-stop(0.57, rgb(230,230,230)));
text-shadow: 0 1px 0 #fff;*/
}

/* Ссылка на кнопку Закрыть */
.modal a[href="#close"] {
	position: absolute;
	right: 0;
	top: 0;
	color: transparent;
}

/* Сбрасываем изменения */
.modal a[href="#close"]:focus {
	outline: none;
}

/* Создаем кнопку Закрыть */
.modal a[href="#close"]:after {
	content: "×";
	display: block;
	position: absolute;
	right: -15px;
	top: 5px;
	width: 1.5em;
	padding: 1px 1px 1px 2px;
	color: #1a1a1a;
	font-size: 40px;
	font-family: Times;
}

/* Открываем модальное окно */
a.openModal {
	margin: 1em auto;
	display: block;
	width: 200px;
	background: #ccc;
	text-align: center;
	padding: 10px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: -moz-linear-gradient(#fff, #ddd);
	background: -webkit-gradient(
		linear,
		right top,
		right bottom,
		from(rgb(255, 255, 255)),
		to(rgb(230, 230, 230))
	);
	text-shadow: 0 1px 0 #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

a.openModal:hover,
a.openModal:focus {
	background: -moz-linear-gradient(#fff, #ccc);
	background: -webkit-gradient(
		linear,
		right top,
		right bottom,
		from(rgb(255, 255, 255)),
		to(rgb(200, 200, 200))
	);
}

input:focus,
a {
	outline: none;
	text-decoration: none;
}

/*css для  кнопок мессенджеров - Вотсап, Телеграм, Вайбер и др*/

#link {
	right: 0;
	bottom: 0;
	text-align: center;
	color: white;
	text-decoration: blink;
	position: fixed;
	background: red;
	border-radius: 50%;
	width: 40px;
	line-height: 40px;
	margin-right: 10px;
	margin-bottom: 15px;
	animation-duration: 3s;
	animation-delay: 2s;
	animation-iteration-count: 3;
}

#okno {
	width: 40px;
	display: none;
	position: fixed;
	text-align: center;
	color: white;
	cursor: pointer;
	right: 0;
	bottom: 0;
	margin-right: 10px;
	margin-bottom: 15px;
	z-index: 100;
	background: white;
}
#okno:target {
	display: block;
}

.close1 {
	display: inline-block;
	background: url(/bitrix/templates/dresscodeV2/images/exit.png) 0 0 no-repeat
		transparent;
	height: 21px;
	width: 20px;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
	text-decoration: none;

	font-size: 14pt;
	cursor: pointer;
}

.fig {
	margin: 3px;
	border: 3px;
	border-style: ridge;
}

.up {
	align-content: center;
	z-index: 1;
}

.hover-block {
	max-width: 650px;
	/*background:#176387;*/
	background: #fbae17;
	font-size: 18px;
	border: 3px solid #2ba2db;
	padding: 2px;
	margin: auto;
	/*margin-bottom:20px;*/
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
.hidden-block-initial {
	position: absolute;
	margin-top: 120px;
	width: 530px;
	background: #176387;
	font-size: 14px;
	border: 3px solid #2ba2db;
	padding: 2px;
	margin: auto;
	text-align: center;
	opacity: 0; /*Элемент полностью прозрачный (невидимый)*/
	/*transition: 0.5s; Скорость перехода состояния элемента*/
}
.hidden-block {
	opacity: 0;
	position: absolute;
	z-index: 0;
	font-size: 14px;
	border: 3px;
	border-style: ridge;
	width: 631px;
}

.hb1 {
	margin-top: 150px;
}
.hb2 {
	margin-top: 150px;
}
.hb3 {
	margin-top: 150px;
}
.hb4 {
	margin-top: 320px;
}
.hb5 {
	margin-top: 320px;
}
.hb6 {
	margin-top: 320px;
}

.even {
	/*position: absolute;*/

	background: gray;

	display: inline-flex;
	height: auto;
}

.leftblock {
	width: 300px;
	display: inline-block;
	margin: 10px;
}
.rightblock {
	width: 300px;
	display: inline-block;
	margin: 10px;
	border-left: thick;
	border-left-style: dashed;
	border-left-width: 2px;
	border-left-color: aliceblue;
}

/*прошлый селектор
.on-hover:hover .hidden-block0{
opacity:1;
position: absolute;
margin-top:120px;
transition: 0.5s;
}
*/

.mar:hover + .hidden-block {
	position: absolute;
	z-index: 2;
	opacity: 1;
	transition: 0.5s;
}

.up:hover + .hb1 {
	margin-top: 160px;
}

.up:hover + .hb2 {
	margin-top: 160px;
}

.up:hover + .hb3 {
	margin-top: 160px;
}

.up:hover + .hb4 {
	margin-top: 320px;
}

.up:hover + .hb5 {
	margin-top: 320px;
}

.up:hover + .hb6 {
	margin-top: 320px;
}

@media screen and (max-width: 670px) {
	.hover-block {
		max-width: 450px;
		background: #fbae17;
		/*background:#176387;*/
		/*background:green;*/
		font-size: 16px;
		border: 3px solid #2ba2db;
		padding: 2px;
		margin: auto;
		/*margin-bottom:20px;*/
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}

	.hidden-block {
		opacity: 0;
		position: absolute;
		z-index: 0;
		font-size: 13px;
		border: 3px;
		border-style: ridge;
		width: 440px;
	}

	.leftblock {
		width: 200px;
		display: inline-block;
		margin: 10px;
	}
	.rightblock {
		width: 200px;
		display: inline-block;
		margin: 10px;
		border-left: thick;
		border-left-style: dashed;
		border-left-width: 2px;
		border-left-color: aliceblue;
	}

	.hb1 {
		margin-top: 150px;
	}
	.hb2 {
		margin-top: 150px;
	}
	.hb3 {
		margin-top: 320px;
	}
	.hb4 {
		margin-top: 320px;
	}
	.hb5 {
		margin-top: 440px;
	}
	.hb6 {
		margin-top: 440px;
	}

	.up:hover + .hb1 {
		margin-top: 160px;
	}
	.up:hover + .hb2 {
		margin-top: 160px;
	}
	.up:hover + .hb3 {
		margin-top: 330px;
	}
	.up:hover + .hb4 {
		margin-top: 330px;
	}
	.up:hover + .hb5 {
		margin-top: 450px;
	}
	.up:hover + .hb6 {
		margin-top: 450px;
	}
}

@media screen and (max-width: 480px) {
	.hover-block {
		max-width: 370px;
		background: #fbae17;
		/*background:#176387;*/
		/*background:violet;*/
		font-size: 16px;
		border: 3px solid #2ba2db;
		padding: 2px;
		margin: auto;
		/*margin-bottom:20px;*/
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}

	.even {
		/*position: absolute;*/

		background: gray;
		height: auto;
		display: grid;
	}
	.hidden-block {
		width: 280px;
	}

	.rightblock {
		width: 250px;
		border-top: thick;
		border-top-style: dashed;
		border-top-width: 2px;
		border-top-color: aliceblue;
		border-left: none;
	}
	.leftblock {
		width: 250px;
	}

	.hb1 {
		margin-top: 150px;
	}
	.hb2 {
		margin-top: 290px;
	}
	.hb3 {
		margin-top: 450px;
	}
	.hb4 {
		margin-top: 600px;
	}
	.hb5 {
		margin-top: 750px;
	}
	.hb6 {
		margin-top: 900px;
	}

	.up:hover + .hb1 {
		margin-top: 160px;
	}
	.up:hover + .hb2 {
		margin-top: 315px;
	}
	.up:hover + .hb3 {
		margin-top: 475px;
	}
	.up:hover + .hb4 {
		margin-top: 635px;
	}
	.up:hover + .hb5 {
		margin-top: 790px;
	}
	.up:hover + .hb6 {
		margin-top: 945px;
	}
}

/* конец css для всплывающей доставки */

/* начало css для формы быстрого заказа */

/* Общий оверлей для модальных окон (быстрый заказ + запрос цены) */
#requestPrice,
#appFastBuy {
	position: fixed;
	inset: 0;
	background: rgba(15, 23, 42, 0.45);
	display: none; /* включается js как flex */
	align-items: center;
	justify-content: center;
	z-index: 1300;
	padding: 16px;
	box-sizing: border-box;
}

/* Общий контейнер модального окна */
.request-price-modal,
.fastbuy-modal {
	background: #ffffff;
	border-radius: 16px;
	max-width: 720px;
	width: 100%;
	padding: 20px 24px 22px;
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.35);
	position: relative;
	box-sizing: border-box;
	font-family: "Montserrat", "Roboto", Arial, sans-serif;
	font-size: 14px;
	color: #111827;
}

/* Крестик закрытия */
.request-price-header .close,
.fastbuy-header .close {
	position: absolute;
	top: 12px;
	right: 16px;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	line-height: 1;
	color: #4b5563;
	cursor: pointer;
}

/* Заголовок */
.request-price-header,
.fastbuy-header {
	margin: 0 0 12px 0;
	border-bottom: 1px solid #e5e7eb;
	padding-bottom: 10px;
}

.request-price-header .requestPriceHeading,
.fastbuy-header .heading {
	font-size: 18px;
	font-weight: 600;
	color: #111827;
}

/* Основная часть: слева товар, справа форма */
.request-price-body,
.fastbuy-body {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.request-price-left,
.fastbuy-left {
	flex: 0 0 38%;
	min-width: 0;
}

.request-price-right,
.fastbuy-right {
	flex: 1;
	min-width: 0;
}

/* Картинка товара */
.request-price-left .productImageBlock,
.fastbuy-left #fastBuyPicture {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	background: #f3f4f6;
	display: flex;
	align-items: center;
	justify-content: center;
}

.request-price-left img,
.fastbuy-left img {
	max-width: 100%;
	height: auto;
	display: block;
}
.markerContainer {
	position: absolute;
	top: 0;
	left: 0;
}

/* Название и цена */
.request-price-left .productNameBlock {
	margin-top: 8px;
}

.request-price-left .productNameBlock .productUrl,
.fastbuy-left .name {
	font-size: 14px;
	font-weight: 500;
	color: #111827;
	text-decoration: none;
}

/* Заголовок блока формы и заголовок товара в быстром заказе */
.fastbuy-right .title {
	margin-top: 2px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 600;
	color: #111827;
}

#fastBuyName .name {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	color: #111827;
	text-decoration: none;
}

.fastbuy-left .price {
	margin-top: 8px;
	font-size: 14px;
	font-weight: 600;
	color: #111827;
}

/* Поля формы */
.request-price-form,
.fastbuy-form {
	margin-top: 4px;
}

.request-price-field,
.fastbuy-field {
	margin-top: 10px;
}

.request-price-field input,
.request-price-field textarea,
.fastbuy-field input,
.fastbuy-field textarea {
	font-family: "Montserrat", "Roboto", Arial, sans-serif;
	width: 100%;
	padding: 8px 10px;
	border-radius: 8px;
	border: 1px solid #d1d5db;
	font-size: 14px;
	box-sizing: border-box;
}

/* Визуализация ошибок в полях форм модалок */
.request-price-field input.error,
.fastbuy-field input.error {
	border-color: #f87171;
	box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.4);
}

.request-price-field input.error::placeholder,
.fastbuy-field input.error::placeholder {
	color: #b91c1c;
}

.personalInfoRequest input.error + label,
.fastbuy-personal input.error + label {
	color: #b91c1c;
}

/* Сообщения делаем одинаковой умеренной высоты */
.request-price-field textarea,
.fastbuy-field textarea {
	min-height: 70px;
	max-height: 140px;
	resize: vertical;
}

/* Убираем фокус-рамку у textarea в модалках */
.request-price-field textarea:focus,
.request-price-field textarea:focus-visible,
.fastbuy-field textarea:focus,
.fastbuy-field textarea:focus-visible {
	outline: none;
	box-shadow: none;
}

/* Блок согласия на персональные данные */
.personalInfoRequest,
.fastbuy-personal {
	margin-top: 10px;
	font-size: 12px;
	color: #4b5563;
	display: flex;
	align-items: flex-start;
	gap: 6px;
}

.personalInfoRequest input,
.fastbuy-personal input {
	position: absolute;
	opacity: 0;
	width: 18px;
	height: 18px;
	margin: 0;
	cursor: pointer;
}

.personalInfoRequest label,
.fastbuy-personal label {
	position: relative;
	padding-left: 28px;
	min-height: 20px;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	color: #4b5563;
	transition: color 0.15s;
}

.personalInfoRequest input + label::before,
.fastbuy-personal input + label::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	border: 2px solid #d1d5db;
	border-radius: 4px;
	background: #fff;
	transition:
		border-color 0.2s,
		background 0.2s,
		box-shadow 0.2s;
}

.personalInfoRequest input:checked + label::before,
.fastbuy-personal input:checked + label::before {
	background: #ffcc33;
	border-color: #ffcc33;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2937' stroke-width='2.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
	background-size: 12px;
	background-position: center;
	background-repeat: no-repeat;
}

.personalInfoRequest input:focus + label::before,
.fastbuy-personal input:focus + label::before {
	outline: none;
}

/* Кнопки действий */
.request-price-actions,
.fastbuy-actions {
	margin-top: 14px;
}

.request-price-submit,
.fastbuy-submit,
.request-price-result-close,
.fastbuy-result-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 14px;
	border-radius: 999px;
	border: 1px solid #e5e7eb;
	cursor: pointer;
	font-weight: 600;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
	box-sizing: border-box;
	background: #f9fafb;
	color: #111827;
	transition: all 0.2s ease-in-out;
}

.request-price-submit span,
.fastbuy-submit span {
	white-space: nowrap;
}

/* Основные кнопки сабмита и закрытия — градиент под наш дизайн */
#requestPriceSubmit,
#fastBuyFormSubmit,
#requestPriceResultClose,
#fastBuyResultClose {
	width: 100%;
	background: linear-gradient(135deg, #ffcc33 0%, #ffd700 50%, #ffcc33 100%);
	border-color: rgba(255, 204, 51, 0.95);
	color: #1a1a1a;
	box-shadow:
		0 4px 10px rgba(15, 23, 42, 0.12),
		inset 0 1px 2px rgba(255, 255, 255, 0.8);
}

#requestPriceSubmit:hover,
#fastBuyFormSubmit:hover,
#requestPriceResultClose:hover,
#fastBuyResultClose:hover {
	filter: brightness(1.03);
	box-shadow:
		0 6px 14px rgba(15, 23, 42, 0.18),
		inset 0 1px 2px rgba(255, 255, 255, 0.9);
}

/* Результаты отправки */
#requestPriceResult,
#fastBuyResult {
	margin-top: 14px;
	padding: 14px 16px 16px;
	border-radius: 14px;
	background: #f9fafb;
	border: 1px solid #e5e7eb;
	font-size: 13px;
	color: #111827;
	text-align: center;
}

#requestPriceResultTitle,
#fastBuyResultTitle {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 6px;
}

#requestPriceResultMessage,
#fastBuyResultMessage {
	font-size: 13px;
	color: #4b5563;
	margin-bottom: 10px;
}

.request-price-result-close,
.fastbuy-result-close {
	margin-top: 4px;
	min-width: 160px;
	justify-content: center;
}

/* Блок минимальной суммы заказа */
.fastbuy-modal .minsum {
	display: block;
	margin: 10px auto 4px;
	font-size: 12px;
	font-weight: 600;
	color: #b91c1c;
	padding: 6px 14px;
	border-radius: 999px;
	background-color: #fef2f2;
	text-align: center;
}

/* Адаптив: на мобильных складываем в колонку */
@media all and (max-width: 640px) {
	.request-price-modal,
	.fastbuy-modal {
		max-width: 100%;
		padding: 16px 16px 18px;
		border-radius: 12px;
	}

	.request-price-header .requestPriceHeading,
	.fastbuy-header .heading {
		font-size: 16px;
	}

	.request-price-body,
	.fastbuy-body {
		flex-direction: column;
	}

	.request-price-left,
	.fastbuy-left {
		flex: none;
		width: 100%;
	}

	.request-price-right,
	.fastbuy-right {
		width: 100%;
	}

	.request-price-left .productNameBlock .productUrl,
	#fastBuyName .name {
		font-size: 13px;
	}
}

/* конец css для формы быстрого заказа */

/* начало css разворачивание текста оплат */
/* Убираем стандартный маркер Chrome */
details summary::-webkit-details-marker {
	display: none;
}
/* Убираем стандартный маркер Firefox */
details > summary {
	color: blue;
	cursor: pointer;
	/* list-style: none; */
}

input + div.content {
	display: none;
	position: absolute;
	background-color: white;
	border: 1px solid;
	border-block-style: groove;
	z-index: 10;
	padding: 10px;
	border-collapse: initial;
}

input:focus + div.content {
	display: block;
	outline: none !important;
	box-shadow: none !important;
	border: none;
}

div.content:hover {
	display: block;
}
@media all and (max-width: 460px) {
	.openWebFormModal {
		color: #1a1a1a !important;
		font-weight: 600 !important;
		text-align: center !important;
		font-size: 11px !important;
		border-radius: 12px !important;
	}
}
/* конец css разворачивание текста оплат */