/* Start:/local/templates/main/components/bitrix/news.detail/fullpage-banner-shopping/style.css?17780543922696*/
.fullpage-banner.banner-shopping  {
	height: 100vh;
	max-height: 903px;
	margin-bottom: 60px;
}
.fullpage-banner__container {
	width: 100%;
	height: 100%;
	position: relative;
}

.fullpage-banner.banner-shopping .d-lg-block {
	height: 100%;
}

.fullpage-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fullpage-banner-container {
	position: absolute;
	bottom: 6%;
	width: 100%;
	display: flex;
	justify-content: center;
	left: 0;
}

.fullpage-banner-text {
	max-width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.page_content .fullpage-banner-text h1 {
	color: #FFFFFF;
	font-size: 48px;
	line-height: 105%;
	margin-bottom: 15px;
	letter-spacing: -0.42px;
    font-weight: 400;
}

.fullpage-banner-text p {
	color: #FFFFFF;
	font-size: 18px;
	line-height: 27px;
	margin: 0;
	text-align: center;
}

.page_content .fullpage-banner-text .fullpage-banner-arrow {
	background: url("/images/personal-shopping/shopping-arrows.png") no-repeat;
	width: 14px;
	height: 25px;
	display: block;
	margin-top: 20px;
}


.wr-breadcrumb {
	position: absolute !important;
	width: 100% !important;
	top: 60px !important;
	z-index: 1;
}

.wr-breadcrumb .bx-breadcrumb .bx-breadcrumb-item > span {
	color: #fff
}

.wr-breadcrumb .bx-breadcrumb .bx-breadcrumb-item a:hover {
	color: #fff !important;
}
@media (min-width: 768px) and (max-width: 1200px) {
	.fullpage-banner.banner-shopping {
		height: 100vh;
		max-height: 529px;
		margin-left: -40px;
		margin-right: -40px;
	}

	.fullpage-banner-container {
		bottom: 4%;
	}

	.page_content .fullpage-banner-text h1 {
		font-size: 24px;
		margin-left: 0;
	}

	.fullpage-banner-text p {
		font-size: 18px;
	}

	.banner-shopping .main-banner__image.d-sm-block {
		height: 100%;
	}

	.fullpage-banner-text {
		max-width: 64%;
	}
}


@media (max-width: 767px) {
	.fullpage-banner.banner-shopping {
		margin-left: -40px;
		margin-right: -40px;
		height: 100vh;
		max-height: 471px;
	}

	.fullpage-banner-container {
		bottom: 5%;
	}

	.page_content .banner-shopping .fullpage-banner-text {
		max-width: 85%;
	}

	.page_content .banner-shopping .fullpage-banner-text h1 {
		font-size: 24px;
		margin-left: 0;
		line-height: 120%;
	}

.banner-shopping .fullpage-banner-text p {
		font-size: 18px;
	}

	.banner-shopping .main-banner__image.d-sm-none {
		height: 100%;
	}

	body .white-header.main-page-header.main-page-header-category .icon .svg-fill {
		fill: #000;
	}

	.white-header.main-page-header.main-page-header-category .icon .svg-stroke line,
	body .white-header.main-page-header.main-page-header-category .icon .svg-stroke path {
		stroke: #000;
	}

	.wr-breadcrumb .container.main-container {
		padding-left: 0;
	}

}


/* End */


/* Start:/local/templates/main/components/bitrix/form.result.new/shopping-form/style.css?17785801695932*/
#shoppingModal .modal-dialog {
	width: 95%;
	max-width: 800px;
	height: 100%;
	display: flex;
	align-items: center;
}

#shoppingModal .modal-dialog .modal-content {
	border-radius: 10px;
	padding: 20px;
}

#shoppingModal .close {
	background: url("/images/personal-shopping/icon-close.png") no-repeat;
	width: 22px;
	height: 22px;
	display: block;
	opacity: 1;
	right: 20px;
	position: absolute;
}

#shoppingModal .close:hover {
	opacity: 0.8;
}

.shopping-form-top .shopping-form-name {
	color: #1E1E1E;
	font-size: 20px;
	line-height: 29px;
	text-align: left;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-weight: 700;
}

.shopping-form-top .shopping-form-name.success {
	margin-bottom: 0;
}

.shopping-form-top .shopping-form-description {
	color: #1E1E1E;
	font-size: 15px;
	line-height: 100%;
	text-align: left;
	margin-bottom: 30px;
	max-width: 83%;
}

.shopping-form-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}

.shopping-form-left .shopping-form-input-top {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
	margin-bottom: 20px;
}

.shopping-form-content input,
.shopping-form-content textarea {
	width: 100%;
	border: none;
	border-bottom: 0.8px solid #D7D7D7;
	padding: 8px 0;
}

.shopping-form-left .shopping-form-input-bottom {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}

.shopping-form-left .shopping-form-input-bottom input {
	width: 100%;
	border: none;
	border-bottom: 0.8px solid #D7D7D7;
	padding: 8px 0;
}

.shopping-form-content .form__block-select {
	border-bottom: 0.8px solid #D7D7D7;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 8px 0;
}

.shopping-form-content .form__block-select span {
	color: #1E1E1E;
	font-size: 15px;
	line-height: 100%;
}

.shopping-form-content .form__block-select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('/images/gifts-arrow.png');
	background-position: right 10px center;
	background-repeat: no-repeat;
	padding-right: 30px;
	border: none;
	width: 100%;
	color: #787777;
	cursor: pointer;
}


.subscribe-form-text input[type="checkbox"] {
	width: 20px;
	height: 20px;
}

.subscribe-form-text a {
	color: #212529;
	font-size: 16px;
	line-height: 24px;
	padding-left: 5px;
}

.shopping-form-wrapper .success {
	color: green
}

.shopping-form-btn {
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 1fr;
	margin: 15px 0;
}

.shopping-form-btn .btn {
	background-color: #2C2C2C;
	color: #fff;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s ease;
	height: 52px;
}

.shopping-form-btn .btn:active {
	background-color: #2C2C2C;
	border-color: #2C2C2C;
}

.shopping-form-btn .btn:focus {
	box-shadow: none
}

.shopping-form-btn .close-form {
	background-color: #EFF2F5;
	color: #1E1E1E;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .3s ease;
	border: 2px solid #EFF2F5;
	height: 52px;
}

.shopping-form-btn .close-form:hover {
	border-color: #dce3ea;
	background-color: #dce3ea;
}


#shopping-form-calendar  {
	background-image: url('/images/personal-shopping/calendar.png');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-repeat: no-repeat;
	padding-right: 30px;
	background-size: 20px;
	-webkit-tap-highlight-color: transparent;
}


#shopping-form-calendar::selection,
#shopping-form-time::selection {
	background-color: transparent;
	color: inherit; /* Сохраняет цвет текста как есть */
}

#shopping-form-calendar::-moz-selection,
#shopping-form-time::-moz-selection {
	background-color: transparent;
	color: inherit;
}


#shopping-form-calendar:focus {
	outline: none;
	background-color: #fff; /* Принудительно белый фон */
}


/* Убираем цвет выделения текста в полях времени */
.flatpickr-time input.flatpickr-hour::selection,
.flatpickr-time input.flatpickr-minute::selection,
.flatpickr-time input.flatpickr-hour::-moz-selection,
.flatpickr-time input.flatpickr-minute::-moz-selection {
	background: transparent !important;
}

/* Дополнительно отключаем подсветку при фокусе для всех браузеров */
.flatpickr-time input.flatpickr-hour:focus,
.flatpickr-time input.flatpickr-minute:focus {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}


#shoppingModal .flatpickr-wrapper {
	display: block;
}

#shoppingModal .flatpickr-calendar.arrowTop:after,
#shoppingModal .flatpickr-calendar.arrowTop:before{
	display: none;
}

#shopping-form-time:focus {
	outline: none !important;
	background-color: transparent !important;
}

/*.subscribe-form-text input[type="checkbox"].error {
	box-shadow: 0 0 2px red;
}*/

input.error {
	border-bottom: 0.8px solid red;
}

.checkbox-error {
	color:red;
	font-size: 14px;
}

@media (max-width: 1199px) {


}

@media (max-width: 767px) {
	.shopping-form-content,
	.shopping-form-btn {
		grid-template-columns: 1fr;
	}

	.container.main-container.shopping-form-container {
		padding-left: 0;
		padding-right: 0;
		}

	.shopping-form-wrapper {
		padding: 20px;
	}

	#shoppingModal .modal-dialog .modal-content {
		max-height: 85%;
 overflow: auto;
		margin-left: auto;
		margin-right: auto;
}
	.shopping-form-btn .btn {
		order: -1;
	}

	.shopping-form-top .shopping-form-name {
		max-width: 90%;
	}

	.shopping-form-btn .btn,
	.shopping-form-btn .close-form {
		font-size: 13px;
	}

}





/* End */
/* /local/templates/main/components/bitrix/news.detail/fullpage-banner-shopping/style.css?17780543922696 */
/* /local/templates/main/components/bitrix/form.result.new/shopping-form/style.css?17785801695932 */