/* Страница E-Gift Card */
/* Custom select E-Gift Card */
.select {
	position: relative;
 }
 .selectLabel {
	display: block;
	font-weight: bold;
	margin-bottom: 0.4rem;
 }
 .selectWrapper {
	width: 34%;
	position: relative;
	margin-bottom: 25px !important;
 }
 .selectCustom {
	position: relative;
 }
 .selectCustom-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		 -ms-flex-align: center;
			  align-items: center;
	-webkit-box-pack: justify;
		 -ms-flex-pack: justify;
			  justify-content: space-between;
	height: 40px !important;
	margin-bottom: 25px !important;
	border-radius: var(--border-radius-1) !important;
	border: 1px solid var(--dark-light-color) !important;
	padding: 0 14px!important;
 }
 .selectCustom-button img {
	width: 16px !important;
	height: auto !important;
	min-width: unset !important;
	min-height: unset !important;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	-o-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
 }
 .selectCustom-trigger {
	width: 100%;
	font-size: var(--fz-3) !important;
	line-height: normal;
	color: var(--dark-color) !important;
 }
 .selectCustom-trigger::before {
	background-image: url("/wp-content/uploads/2023/05/Frame-10.svg");
	width: 12px;
	height: 12px;
	position: absolute;
	top: 0;
	line-height: normal;
	right: 0.8rem;
 }
 .selectCustom-wrapper {
	width: 100%;
	border-radius: 10px !important;
	background-color: var(--gray-color) !important;
	font-size: var(--fz-3) !important;
	color: var(--dark-color) !important;
	padding: 10px;
	position: absolute;
	top: 120%;
	left: 0;
	z-index: 10;
	-webkit-user-select: none;
		-moz-user-select: none;
		 -ms-user-select: none;
			  user-select: none;
	-webkit-box-shadow: var(--box-shadow-1);
			  box-shadow: var(--box-shadow-1);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
 }
 .selectCustom-options {
	max-height: 250px;
	padding-right: 10px;
	overflow-y: auto;
	overflow-x: hidden;
 }
 .selectCustom-options::-webkit-scrollbar {
	width: 8px;
 }
 .selectCustom-options::-webkit-scrollbar-track {
	border-radius: 16px;
	background-color: var(--dark-light-color);
 }
 .selectCustom-options::-webkit-scrollbar-thumb {
	border-radius: 16px;
	background-color: var(--dark-color);
 }
 .selectCustom.isActive .selectCustom-wrapper {
	opacity: 1;
	visibility: visible;
 }
 .selectCustom.isActive .selectCustom-button img {
	-webkit-transform: rotateX(180deg);
			  transform: rotateX(180deg);
 }
 .selectCustom-option {
	position: relative;
 }
 .selectCustom-option button {
	border-radius: var(--border-radius-1) !important;
	color: var(--dark-color);
	background-color: var(--gray-color);
 }
 .selectCustom-option button:hover,
 .selected_button {
	background-color: var(--primary-color) !important;
	color: white !important;
 }
 .selectCustom-option:not(:last-of-type)::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0.8rem;
	width: calc(100% - 1.6rem);
 }
 .ywgc-preset-image {
	border: 0px solid lightgray!important;
 }
 .swiper-button-next,
 .swiper-button-prev {
	-webkit-box-align: center;
		 -ms-flex-align: center;
			  align-items: center;
	-webkit-box-pack: center;
		 -ms-flex-pack: center;
			  justify-content: center;
	color: #e6e6e6 !important;
	background: #999;
	border-radius: 300px;
	width: 45px!important;
	height: 45px!important;
 }
 .swiper-button-prev::after,
 .swiper-rtl .swiper-button-next::after {
	content: 'prev';
	font-size: 30px!important;
 }
 .swiper-button-next::after,
 .swiper-rtl .swiper-button-prev::after {
	content: 'next';
	font-size: 30px!important;
 }
 .swiper-button-prev,
 .swiper-rtl .swiper-button-next {
	left: 0px!important;
	right: auto;
 }
 .swiper-button-next,
 .swiper-rtl .swiper-button-prev {
	right: 0px!important;
	left: auto;
 }
 .swiper-slide-group {
	height: 320px !important;
 }
 .gift_card_template_button {
	margin-top: -70px;
	text-align: left;
	margin-left: 39%;
 }
 .gift-cards-list .swiper-wrapper {
	padding: 35px 35px 0px 35px!important;
 }
 .gift_card_template_button .button {
	width: 56% !important;
 }
 .gift_card_template_button .button:hover {
	background: var(--dark-color);
	color: var(--primary-color);
 }
 .gift_card_template_button .button:active,
 .gift_card_template_button .button:focus {
	background: var(--primary-color-hover);
	color: var(--dark-color);
 }
 .gift-cards-list .amount {
	color: var(--dark-color);
 }
 .gift-cards-list button {
	border: 0px solid #000000;
	border-radius: 0px;
	padding: 8px 12px;
	margin-bottom: 0px;
	width: 100%;
	text-align: left;
 }
 input[type="checkbox"] {
	background-color: #fff0;
 }
 .gift-cards-list > h3 {
	margin-bottom: 20px;
 }
 .gift-card-content-editor {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		 flex-wrap: wrap;
 }

 .gift-card-main-block .ywgc-sender-name,
 .ywgc-single-recipient .ywgc-recipient-name {
	margin-bottom: 0;
 }
 .gift-card-main-block .ywgc-recipient-name {
	position: relative;
 }
 .gift-card-main-block .required-main {
	margin-bottom: 15px;
	color: var(--dark-light-color);
	position: absolute;
	bottom: 100%;
	right: 0;
 }
 .gift-card-main-block .ywgc-message {
	position: relative;
 }
 .gift-card-main-block .ywgc-message-text {
	display: block;
	font-size: 10px;
	line-height: normal;
	color: var(--dark-color);
	background-color: var(--gray-light-color);
	padding: 5px 14px 14px;
	border-bottom-left-radius: var(--border-radius-1);
	border-bottom-right-radius: var(--border-radius-1);
	position: absolute;
	bottom: 11px;
	left: 2px;
	right: 2px;
 }
 /* Custom input checkbox */
 .gift-card-main-block .form-text-main .custom-checkbox {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 16px !important;
	height: 16px !important;
	border: 1px solid var(--dark-light-color);
	border-radius: 100% !important;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	cursor: pointer;
	-webkit-transition: border-color 0.3s ease-in-out;
	-o-transition: border-color 0.3s ease-in-out;
	transition: border-color 0.3s ease-in-out;
	position: relative;
 }
 .gift-card-main-block .form-text-main .custom-checkbox::before {
	all: unset;
 }
 .gift-card-main-block .form-text-main .custom-checkbox:checked:before {
	all: unset;
 }
 .gift-card-main-block .form-text-main .custom-checkbox::after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background-color: transparent;
	border-radius: 100%;
	position: absolute;
	top: 48%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	-webkit-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
	-o-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
 }
 .gift-card-main-block .form-text-main .custom-checkbox:checked:after {
	width: 5px;
	height: 5px;
	background-color: var(--dark-color);
	opacity: 1;
 }
 .gift-card-content-editor.step-content input,
 .gift-card-content-editor.step-content textarea {
	float: left!important;
	width: 100%!important;
	max-width: 100%!important;
 }
 .lk-rewards_page .quantity {
	display: none;
 }
 .lk-rewards_page {
	padding: 40px 100px 60px 100px;
	position: relative;
	max-width: 1920px;
	margin: auto !important;
	width: 100%;
 }
 input[type="checkbox"]:checked::before {
	content: " • ";
	margin: -1px;
	color: #404040;
	font-weight: 600;
	font-size: 20px;
 }
 .gift-card-content-editor.step-content label {
	line-height: 8px!important;
 }
 .lk-rewards_page p {
	margin: 5px 0 20px 0!important;
 }
 .lk-rewards_page > p {
	line-height: normal;
	 font-weight: 500;
 }
 .rewards_container {
	width: 100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	-webkit-column-gap: 0px;
		-moz-column-gap: 0px;
			  column-gap: 0px;
 }
 .add_button .button {
	width: 60%;
	height: 40px;
	font-family: var(--swis) !important;
	font-size: var(--fz-1) !important;
	font-weight: 500 !important;
	letter-spacing: normal !important;
	text-decoration: uppercase !important;
		-webkit-text-decoration: uppercase !important;
	color: var(--dark-color);
	background: var(--primary-color);
	border-radius: var(--border-radius-1);
	padding: 0 10px !important;

	transition: background .3s ease-in-out, color .3s ease-in-out;
 }
 .rewards_column input[type=text],
 .rewards_column input[type=email],
 .rewards_column select {
	width: 100%!important;
	height: 40px!important;
	padding: 10px 14px!important;
	border: 1px solid var(--dark-light-color) !important;
	border-radius: var(--border-radius-1) !important;
	-webkit-box-sizing: border-box !important;
			  box-sizing: border-box !important;
	margin-bottom: 25px!important;
	font-size: 16px!important;
	color: var(--dark-color) !important;
 }
 .rewards_column input::-webkit-input-placeholder, .rewards_column textarea::-webkit-input-placeholder {
	font-size: var(--fz-3) !important;
	line-height: normal !important;
	color: var(--dark-color) !important;
 }
 .rewards_column input::-moz-placeholder, .rewards_column textarea::-moz-placeholder {
	font-size: var(--fz-3) !important;
	line-height: normal !important;
	color: var(--dark-color) !important;
 }
 .rewards_column input:-ms-input-placeholder, .rewards_column textarea:-ms-input-placeholder {
	font-size: var(--fz-3) !important;
	line-height: normal !important;
	color: var(--dark-color) !important;
 }
 .rewards_column input::-ms-input-placeholder, .rewards_column textarea::-ms-input-placeholder {
	font-size: var(--fz-3) !important;
	line-height: normal !important;
	color: var(--dark-color) !important;
 }
 .rewards_column input::placeholder,
 .rewards_column textarea::placeholder {
	font-size: var(--fz-3) !important;
	line-height: normal !important;
	color: var(--dark-color) !important;
 }
 .rewards_column input[type=submit] {
	background-color: var(--primary-color) !important;
	padding: 12px 20px!important;
	border: none!important;
	border-radius: var(--border-radius-1) !important;
	cursor: pointer!important;
	width: 100%!important;
	color: var(--dark-color) !important;
	font-size: var(--fz-3);
	font-weight: 500!important;
 }
 .rewards_column input[type=submit]:hover {
	background-color: var(--primary-color-hover) !important;
 }
 .rewards_column textarea {
	width: 350px!important;
	padding: 8px 14px 30px!important;
	border: 1px solid var(--dark-light-color) !important;
	border-radius: var(--border-radius-1) !important;
	-webkit-box-sizing: border-box !important;
			  box-sizing: border-box !important;
	margin-bottom: 10px!important;
	resize: vertical!important;
	height: 100%;
	max-height: 350px;
	min-height: 200px;
	font-size: var(--fz-3);
	color: var(--dark-color);
 }
 .gift-cards-list h3 {
	display: none;
 }

 .required-main,
 .form-text-main h4 {
	text-align: left;
	font-size: var(--fz-tiny);
 }
 .form-text-main h4 {
	margin-bottom: 5px;
 }
 .form-text-main p {
	font-size: var(--fz-tiny);
	line-height: normal;
 }
 .gift-cards_form {
	display: flex !important;
	flex-direction: row-reverse;
 }
 .wr-swiper {
	max-width: 720px;
	margin: 0;
	padding: 0px;
 }
 .form-gift--right {
	position: relative;
	padding-inline: 30px;
 }
 .form-gift--right h3 {
	padding-inline: 24px;
	margin-bottom: -3rem;
 }
 .form-gift--right h3 > span {
	display: block;
	font-size: var(--fz-tiny);
	font-weight: 300;
 }
 .ywgc-choose-design-preview {
	margin-bottom: 0;
	margin-top: -20px;
 }
 .gift-card-content-editor.step-appearance .wr-swiper {
	max-width: 500px;
 }
 .gift-card-content-editor.step-appearance img {
	width: 100%;
	height: auto;
	border-radius: var(--border-radius-1);
	box-shadow: var(--box-shadow-1);
	margin: auto;
	object-fit: contain;
 }
 .gift-card-content-editor .my-swiper-gift {
	width: 100%;
	margin-inline: auto !important;
 }
 .gift-card-content-editor .my-swiper-gift .swiper-wrapper {
	height: auto;
 }
 .gift-card-content-editor .my-swiper-gift .swiper-slide {
	padding: 30px !important;
 }
 .gift-card-content-editor .my-swiper-gift .selected_image_parent:after {
	top: -45px;
	right: 10px;
 }
 .gift-card-content-editor .swiper-button-next-gift,
 .gift-card-content-editor .swiper-button-prev-gift {
		top: 15%;
		bottom: 15%;
 }
 .gift-card-content-editor .swiper-button-prev-gift {
	left: -30px;
 }
 .gift-card-content-editor .swiper-button-next-gift {
	right: -30px;
 }
 .ywgc-preset-image:not(.ywgc-default-product-image) {
	border: 0px solid #d3d3d3;
 }

.swiper-button-next-gift, .swiper-button-prev-gift {
	width: auto;
	height: auto;
}

@media screen and (max-width: 1440px) {
	.lk-rewards_page {
		padding-inline: 40px !important;
	}

	.gift-card-content-editor.step-appearance .wr-swiper {
		max-width: calc(200px + 20vw);
	}


	.selectWrapper {
		width: 45%;
	}

	.gift_card_template_button {
		margin-left: 49%;
	}

	.gift_card_template_button .button {
		width: 70% !important;
	}
}
@media screen and (max-width: 1024px) {
	.gift_card_template_button {
		margin-left: 0;
	}

	.gift-cards_form {
		flex-direction: column;
	}

	.form-gift--right,
	.form-gift--right h3 {
		padding: 0;
	}

	.gift-card-content-editor .my-swiper-gift {
		width: calc(100% + 48px) !important;
		margin: 0 -24px !important;
	}

	.gift-card-content-editor .swiper-button-next-gift,
	.gift-card-content-editor .swiper-button-prev-gift {
		display: none;
	}

	/* Custom select E-Gift Card */
	.selectWrapper {
		width: 100%;
	}
	.lk-rewards_page {
		padding: 46px 20px 60px 20px!important;
		width: 100%!important;
	}
	.submenu {
		padding: 5px 20px 5px 20px !important;
	}
	.swiper-button-prev,
	.swiper-button-next {
		display: none!important;
	}
	.gift-card-content-editor.step-appearance {
		position: static!important;
		width: 100%!important;
	}
	.gift-card-content-editor .my-swiper-gift {
		padding-top: 20px;
	}
	.gift-card-content-editor .wr-swiper {
		position: relative;
	}
	.lk-rewards_page h2 {
		font-size: 26px !important;
		font-weight: 700 !important;
		line-height: 30px !important;
		margin-bottom: 17px !important;
		text-align: left !important;
	}
	.swiper {
		margin: 0px !important;
	}
	.wr-swiper {
		width: 100%!important;
		margin: 0!important;
		padding: 0px!important;
	}
	.swiper-slide.swiper-slide-group {
		padding: 0px !important;
	}
	.gift-card-content-editor {
		display: block!important;
	}
	.gift_card_template_button {
		margin-top: 0px!important;
		text-align: center!important;
	}
	.gift_card_template_button .single_add_to_cart_button {
		width: 100% !important;
		margin-right: 0px!important;
	}
	.gift-card-main-block {
		width: 100%!important;
		margin-right: 0!important;
	}
	.ywgc-design-list > ul {
		width: 100%!important;
	}
	.my-swiper-gift {
		width: 90%!important;
	}
	.my-swiper-gift .swiper-wrapper {
		padding: 16px 0 !important;
	}
	.my-swiper-gift .swiper-scrollbar {
		bottom: 12px;
	}
	.selectWrapper {
		margin-bottom: -8px !important;
	}
	.rewards_column input[type="text"],
	.rewards_column input[type="email"],
	.rewards_column select {
		width: 100%!important;
		margin-bottom: 16px !important;
	}
	.rewards_column textarea {
		margin-bottom: 30px !important;
	}
	.gift-card-main-block .ywgc-message-text {
		padding-bottom: 8px;
		bottom: 32px;
	}
	.gift-card-main-block .required-main {
		margin-bottom:4px;
	}
	.rewards_container {
		display: block!important;
	}
	.wr-swiper {
		max-width: none!important;
	}
	.gift-card-content-editor.step-appearance img {
		width: 100%!important;
	}
	.gift-card-content-editor.step-appearance {
		margin-top: 0px!important;
	}
	.swiper-button-next-gift svg, .swiper-button-prev-gift svg {
		width: 40px;
		height: 40px;
	}

	.gift-card-content-editor {
		position: relative;
	}

	.gift-card-content-editor.step-appearance {
		margin-bottom: 60px !important;
	}

	.gift-card-main-block .ywgc-single-recipient, .gift-card-main-block .ywgc-recipient-name {
		position: static;
	}

	.gift-card-main-block .required-main {
		margin-bottom: 0;
		bottom: auto;
		top: -85px;
	}

	.gift-card-content-editor .swiper-scrollbar {
		bottom: 10px !important;
	}

	.form-text-main h4 {
		text-align: left;
	}

	.selectCustom-button,
	.rewards_column input[type=text], .rewards_column input[type=email], .rewards_column select {
		height: 40px !important;
		min-height: unset !important;
		font-size: var(--fz-3) !important;
		line-height: normal !important;
		padding-block: 4px !important	;
	}

	.rewards_column input[type=text], .rewards_column input[type=email], .rewards_column select,
	.rewards_column input[type=text]::placeholder, .rewards_column input[type=email]::placeholder, .rewards_column select::placeholder {
		font-size: var(--fz-3) !important;
		line-height: normal !important;
	}

	.add_button .button {
		height: 40px;
	}
}
 
@media screen and (max-width: 576px) {
	.my-swiper-gift {
		width: 85%!important;
	}
	.gift_card_template_button {
		margin-left: 0;
	}
}