.MagicSlideshow {
	box-shadow: rgb(191, 191, 191) 0px 0px 4px -1px;
	max-width: 100% !important;
	border-radius: 20px;
	padding: 28px;
	overflow: hidden !important;
}

.product-gallery img {
	mix-blend-mode: multiply;
}

.mss-fixed-height .mss-slide .mss-content {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	mix-blend-mode: multiply;
}

.mss-selectors-eye {
	mix-blend-mode: multiply;
	background: var(--accent-color4);
}

.mss-selectors-horizontal .mss-thumbnails .mss-selectors-container {
	padding: 16px 0 0;
}

.mss-selectors-horizontal .mss-thumbnails .mss-selectors-container>img {
	mix-blend-mode: multiply;
	background: var(--accent-color4);
	border-radius: 8px;
}

.mss-slide {
	background: var(--accent-color4);
	width: 100%;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
}

.MagicSlideshow .mss-thumbnails {
	background: #fff;
}

.MagicSlideshow .mss-thumbnails .mss-selector-active {
	box-shadow: none;
	padding: 0px;
}

.MagicSlideshow .mss-selector-thumbnails {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.product-name {
	display: block;
	font-size: 19px;
	font-weight: bold;
	margin: 0 0 2rem;
	line-height: normal;
}

.main-content .props-wrapper .item {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	font-size: 1rem;
	color: #000;
	margin-bottom: 0.5rem;
	background: var(--accent-color4);
	border: solid 1px var(--light-3);
	border-radius: 12px;
	padding: 8px 39px 8px 8px;
	overflow: hidden;
}

.main-content .props-wrapper .item:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 12px;
	background-color: var(--light-3);
}

.main-content .props-wrapper .item .title {
	color: var(--light-0);
}

.main-content .props-wrapper .item .value,
.main-content .props-wrapper .item .value * {
	/* font-weight: normal; */
	font-size: 1rem;
	color: #000;
	margin: 0;
}

.main-content .props-wrapper .more-props-link {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 24px 0 16px;
}

.main-content .props-wrapper .more-props-link:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: var(--light-1);
}

.main-content .props-wrapper .more-props-link .technical-tab-trigger {
	flex-shrink: 0;
	white-space: nowrap;
	cursor: pointer;
}

.main-content .props-wrapper .more-props-link .technical-tab-trigger strong {
	font-size: 1rem;
	color: var(--light-0);
}

.main-content .props-wrapper .more-props-link .technical-tab-trigger svg {
	width: 20px;
	height: 20px;
	stroke: var(--light-0);
}

.main-content .actions-row .action-btn {
	position: relative;
	width: auto;
	height: auto;
	padding: 0;
	line-height: normal;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	background-color: transparent;
	margin-right: 1.5rem;
	cursor: pointer;
}

.main-content .actions-row .action-btn svg {
	width: 1.8rem;
	height: 1.8rem;
	fill: none;
	stroke: var(--accent-color);
}


.main-content .actions-row .action-btn.addtowish:hover svg,
.main-content .actions-row .action-btn.addtowish.active svg {
	fill: var(--accent-color);
}


.main-content .advanced-option-selector .attributes-group {
	display: inline-block;
	vertical-align: top;
	margin-left: 1rem;
}

.main-content select {
	min-width: 7rem;
	border: solid 1px #000;
	padding: 0.3rem 0.5rem;
	border-radius: 0.3rem;
	outline: none;
}

.main-content .rating-box,
.main-content .comments-box {
	font-size: 1rem;
	color: #000;
}

.main-content .rating-box svg,
.main-content .comments-box svg {
	width: 1.8rem;
	height: 1.8rem;
	margin-left: 0.5rem;
	fill: #FFE100;
}

.main-content .comments-box svg {
	fill: var(--accent-color);
}

.main-content .summary-box {
	font-size: 1rem;
	color: #000;
}

.main-content .summary-box .desc {
	font-size: 15px;
	color: var(--dark-5);
}

.main-content .summary-box .desc p {
	margin: 0;
}


.main-content .discount-box {
	padding: 0.6rem;
	border-radius: 8px;
	background: var(--accent-color);
}

.main-content .discount-box svg {
	width: 1.8rem;
	height: 1.8rem;
	fill: #fff;
}

.main-content .discount-box .caption {
	font-size: 0.9rem;
	color: #fff;
}

.main-content .discount-box .soon {
	direction: ltr;
}

.main-content .discount-box .soon .soon-label {
	display: none;
}

.main-content .discount-box .soon .soon-separator {
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
	margin: 0px 0.3rem;
}

.main-content .discount-box .soon .soon-group-inner {
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-content .discount-box .soon .soon-group-inner .soon-group-sub {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.3rem;
	height: 2.3rem;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	background-color: #fff;
	font-size: 1rem;
	font-weight: bold;
	color: #000;
	padding-top: 4px;
}

.main-content .product-code svg {
	width: 1.8rem;
	height: 1.8rem;
	fill: var(--accent-color3);
}

.main-content .product-code .caption {
	font-size: 0.9rem;
}

.main-content .product-code .value {
	font-size: 0.9rem;
	font-weight: 500;
}

.main-content .left-side {
	display: flex;
	flex-direction: column;
	gap: 16px;
}


.main-content .left-side .items-box {
	border-radius: 16px;
	background: var(--light-3);
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 24px;
}

.main-content .left-side .items-box .item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px;
	color: #000;
}

.main-content .left-side .items-box .item .label {
	font-size: 16px;
}

.main-content .left-side .items-box .item .value {}

.main-content .left-side .items-box .item.main-tax {
	color: var(--dark-5);
}

.main-content .left-side .items-box .item.main-discount {
	color: #f00;
}

.main-content .left-side .items-box .item .discount {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 29px;
	height: 28px;
	background-color: #f00;
	border-radius: 50%;
	font-size: 0.9rem;
	font-weight: 500;
	color: #fff;
	line-height: 0;
}

.main-content .left-side .items-box .item i {
	font-size: 14px;
}

.main-content .left-side .price-box .currency {
	font-size: 14px;
}

.main-content .left-side .items-box .item .final-price {
	font-size: 19px;
	font-weight: bold;
}

.main-content .left-side .prod-count .input-group {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
	padding: 16px !important;
	width: 100%;
	max-width: 100%;
	height: 64px;
	background-color: var(--accent-color4);
	border: solid 1px var(--accent-color3);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.main-content .left-side .prod-count .input-group .remove-item-from-basket {
	width: 1.5rem;
	height: 1.5rem;
	stroke: var(--accent-color);
	fill: var(--accent-color);
	vertical-align: middle;
	cursor: pointer;
}

.main-content .left-side .prod-count .input-group .input-group-text {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
}

.main-content .left-side .prod-count .input-group .input-group-text.bootstrap-touchspin-postfix {
	display: none;
}

.main-content .left-side .prod-count .input-group .input-group-text button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	padding: 11px 0 7px !important;
	aspect-ratio: 1;
	font-size: 24px;
	padding: 6px 0 0;
	color: var(--accent-color3);
	line-height: 0;
	border: none;
	background-color: transparent;
	border: solid 1.5px var(--accent-color3);
	border-radius: 50%;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}


.main-content .left-side .prod-count input {
	width: 5rem;
	border: none !important;
	outline: none;
	background-color: transparent;
	text-align: center !important;
	font-size: 1rem;
	font-weight: bold;
}

.main-content .left-side .addToBasket {
	width: 100%;
	height: 100%;
	padding: 0.8rem;
	background-color: var(--accent-color2);
	color: #fff;
	font-size: 19px;
	font-weight: 700;
	border: none;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	cursor: pointer;
}

.main-content .left-side .addToBasket svg {
	width: 20px;
	height: 20px;
	fill: #fff;
}

.main-content .left-side .btn-notifyme {
	border-radius: 8px;
	background-color: #fbfbfb;
	font-size: 1rem;
	color: #000;
	margin-top: 0.5rem;
	padding: 0.8rem;
}

.main-content .left-side .btn-notifyme svg {
	width: 1.2rem;
	height: 1.2rem;
	margin-left: 0.5rem;
	stroke: var(--accent-color3);
	vertical-align: middle;
}

.main-content .left-side .btn-notifyme svg.info {
	stroke: var(--CustomColor10);
}

.main-content .left-side .facilitie-box {
	display: flex;
	align-items: center;
	gap: 8px;
	background-color: var(--accent-color4);
	padding: 24px 52px;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
}

.main-content .left-side .facilitie-box svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	fill: var(--accent-color);
	stroke: var(--accent-color);
}

.main-content .left-side .facilitie-box .caption {
	font-size: 16px;
}


.notification-form-modal {
	width: 400px !important;
	max-width: 100% !important;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	padding: 1.5rem !important;
}

.notification-form-modal .notification-form .input-group {
	position: relative;
	border: solid 1px #F1EEEE !important;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 0.2rem;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	padding: 0px 1rem;
	margin-bottom: 1rem;
}

.notification-form-modal .notification-form .input-group .form-control {
	width: 100%;
	height: 42px;
	border: none !important;
	outline: none;
	font-size: 1rem;
	padding: 0.5rem 0;
	resize: none;
}

.notification-form-modal .notification-form .input-group .form-control::placeholder {
	color: #959595;
	font-size: 1rem;
	font-weight: normal;
}

.notification-form-modal .notification-form .input-group .form-control:disabled {
	background-color: transparent;
}

.notification-form-modal .notification-form .input-group svg {
	min-width: 1.8rem;
	width: 1.8rem;
	height: 1.8rem;
	stroke: #1B2C65;
	margin-left: 0.8rem;
}

.notification-form-modal .notification-form .btn {
	display: flex;
	align-items: center;
	border: none;
	padding: 0.5rem 1rem;
	border-radius: 8px;
	gap: 8px;
	background: var(--accent-color);
	color: #fff !important;
	margin: auto;
	cursor: pointer;
	font-weight: normal;
	font-size: 14px;
}

.notification-form-modal .notification-form .btn svg {
	width: 1.4rem;
	height: 1.4rem;
	stroke: #fff;
	fill: #fff;
}


.sections-wraper {
	margin-top: 5rem;
}

.sections-wraper .row-item {
	display: flex;
	align-items: start;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.sections-wraper .comments-form .sec-title {
	display: block;
	color: #000;
	font-size: 1.1rem;
	margin-bottom: 1rem;
}

.sections-wraper .comments-form .field-holder {
	position: relative;
	border: solid 1px #F1EEEE !important;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: start;
	flex-direction: row;
	padding: 0px 1rem;
	margin-bottom: 1rem;
}

.sections-wraper .comments-form .field-holder svg {
	min-width: 1.3rem;
	width: 1.3rem;
	height: 1.3rem;
	stroke: var(--accent-color2);
	margin-left: 0.8rem;
}

.sections-wraper .comments-form .field-holder .form-control {
	width: 100%;
	height: 42px;
	border: none !important;
	outline: none;
	font-size: 1rem;
	padding: 0.5rem 0;
	resize: none;
}

.sections-wraper .comments-form .field-holder .form-control::placeholder {
	color: #959595;
	font-size: 1rem;
	font-weight: normal;
}

.sections-wraper .comments-form .field-holder .form-control:disabled {
	background-color: transparent;
}

.sections-wraper .comments-form .field-holder textarea {
	min-height: 150px;
}

.sections-wraper .comments-form .rating-in-comment .caption {
	color: #000;
}

.sections-wraper .comments-form .submit-btn {
	font-size: 1rem;
	color: #fff;
	border: none;
	padding: 0.5rem 2rem;
	border-radius: 8px;
	background-color: var(--accent-color);
	cursor: pointer;
}

@media (max-width: 760px) {
	.sections-wraper .row-item {
		flex-direction: column;
	}

	.sections-wraper .content-box {
		margin-top: 1rem;
	}
}

.unavailable-box .unavailable-title {
	color: var(--warning-2);
}

.unavailable-box .prod-btn {
	width: 2.66rem;
	min-width: 2.66rem;
	height: 2.66rem;
	border-radius: 50%;
	background: var(--secondary-color-light-1);
}

.unavailable-box .prod-btn svg {
	vertical-align: middle;
	width: 1.3rem;
	height: 1.3rem;
	fill: #fff;
	stroke: #fff;
	font-size: medium;
}

.unavailable-box .btn-makeavailable {
	padding: 0.5rem 1rem;
	border: none;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.facilities-wrapper {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	margin: 44px 0px;
}

.facilities-wrapper .item {
	position: relative;
	width: 256px;
}

.facilities-wrapper .item:before,
.facilities-wrapper .item:after {
	content: '';
	position: absolute;
	top: -5px;
	right: 35%;
	left: 35%;
	height: 11px;
	background-color: var(--accent-color3);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	z-index: 0;
}

.facilities-wrapper .item:after {
	top: auto;
	bottom: -5px;
	background-color: var(--accent-color);
}

.facilities-wrapper .item .content {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	background-color: var(--light-3);
	padding: 24px 18px;
	z-index: 1;
}

.facilities-wrapper .item .content:before {
	content: '';
	position: absolute;
	top: 8px;
	right: 8px;
	bottom: 8px;
	left: 8px;
	border: solid 1px var(--accent-color);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	z-index: -1;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

.facilities-wrapper .item svg {
	width: 32px;
	height: 32px;
	fill: var(--accent-color3);
	stroke: var(--accent-color3);
	flex-shrink: 0;
}

.facilities-wrapper .item .title {
	display: block;
	color: var(--accent-color3);
}

.facilities-wrapper .item .subtitle {
	display: block;
	font-size: 12px;
	color: var(--dark-5);
}

.section-head {
	display: flex;
	white-space: nowrap;
	overflow: auto;
	align-items: center;
	gap: 48px;
	padding: 26px 56px;
	margin-bottom: 16px;
	border-radius: 20px;
	border: solid 1px var(--accent-color3);
	background: var(--accent-color4);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.section-head .item {
	font-size: 16px;
	font-weight: bold;
	color: var(--dark-4);
}

.section-body {
	padding: 24px 42px;
	background-color: var(--accent-color4);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.tab-wrapper .tab-head>.item {
	cursor: pointer;
}

.tab-wrapper .tab-head>.item.active {
	color: var(--accent-color);
}

.tab-wrapper .tab-body {}

.tab-wrapper .tab-body>.item {
	display: none;
}


.tab-wrapper .tab-body>.item.active {
	display: block;
}

.technical-list {}

.technical-list table {
	width: 100%;
}

.technical-list table tr {}

.technical-list table tr td {
	padding: 6px 0 19px;
}

.technical-list table tr td:first-child {
	width: 153px;
}

.technical-list table tr td:last-child {
	border-bottom: solid 1px var(--light-1);
}

.technical-list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: center;
	list-style: none;
}

.technical-list ul li:not(:last-child):after {
	content: '،';
	display: inline-block;
}

.technical-list .technical-list-key {
	font-size: 16px;
	font-weight: 700;
	color: var(--accent-color);
}

.technical-list .technical-list-value {
	font-size: 15px;
	font-weight: normal;
	color: var(--dark-4);
}


.input-frame {
	position: relative;
	width: 100%;
	margin: 12px 0;
}

.input-frame .form-label {
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	color: var(--dark-5);
	background: rgb(240 251 245);
	top: -12px;
	right: 15px;
	padding: 0px 0.57rem;
}

.input-frame input,
.input-frame select,
.input-frame textarea {
	background: transparent;
	border: solid 1px var(--accent-color3) !important;
	box-shadow: 0px 0px 5px -3px #000;
	border-radius: 8px !important;
	width: 100%;
	max-width: 100%;
	padding: 16px 16px;
	outline: none !important;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.input-frame textarea {
	min-height: 250px;
	max-width: calc(100% - 2px);
	resize: none;
}


.comments-list,
.faq-list {
	max-height: 488px;
	overflow-y: auto;
	direction: ltr;
	padding-right: 16px;
	margin-right: -16px;
}

.comments-list *,
.faq-list * {
	direction: rtl;
}
.comments-list li,
.faq-list li {
	background: #fff;
	border: solid 1px var(--light-0);
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	padding: 16px;
	list-style: none;
	margin-bottom: 16px;
}

.comments-list li .comment-avatar,
.faq-list li .comment-avatar {
	width: 64px;
	aspect-ratio: 1;
	flex-shrink: 0;
}

.comments-list li .comment-avatar img,
.faq-list li .comment-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.comments-list li .author,
.faq-list li .author {
	font-size: 16px;
	font-weight: bold;
	color: var(--dark-4);
}

.comments-list li .user-type {
	padding: 4px 22px;
	font-size: 12px;
	background: var(--light-3);
	border: solid 1px var(--light-3);
	color: var(--dark-5);
	border-radius: 22px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	-ms-border-radius: 22px;
	-o-border-radius: 22px;
}

.comments-list li .user-type.type2 {
	color: var(--accent-color3);
	border-color: var(--accent-color3);
}

.comments-list li .user-type.type3 {
	color: var(--gold);
	border-color: var(--gold);
}

.comments-list li .time,
.faq-list li .time {
	font-size: 14px;
	color: var(--light-0);
}

.comments-list li .comment-content,
.faq-list li .comment-content {
	padding: 1rem 2rem;
}

.comments-list li .comment-content strong,
.faq-list li .comment-content strong {
	display: block;
	font-size: 16px;
}

.comments-list li .comment-content p,
.faq-list li .comment-content p {
	display: block;
	font-size: 14px;
	margin: 0;
}


.comments-list li ul,
.faq-list li ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-right: 31px;
}

.comments-list li ul li,
.faq-list li ul li {
	background: none;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	padding: 0;
	margin-bottom: 0;
}

.comments-list li ul li .comment-avatar,
.faq-list li ul li .comment-avatar {
	width: 42px;
}

.comments-list li ul li .author,
.faq-list li ul li .author {
	font-size: 12px;
	font-weight: normal;
	color: var(--light-0);
}

.comments-list li ul li .comment-content,
.faq-list li ul li .comment-content {
	padding: 0 58px 0 0;
}


.comments-list li ul li .comment-content p,
.faq-list li ul li .comment-content p {
	display: block;
	font-size: 12px;
	margin: 0;
	color: var(--dark-5);
}

.video-wrapper {
	padding: 3rem 0;
}

.video-wrapper .thumbnail {
	width: 100%;
	aspect-ratio: 3/1.8;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border: solid 4px #fff;
	overflow: hidden;
}

.video-wrapper .thumbnail video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


@media(max-width:768px) {
	.section-body {
		padding: 24px 16px;
	}
}

/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/


.products-slider-section .side {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 310px;
	height: 412px;
	flex-shrink: 0;
}

.products-slider-section .side .img-box {
	width: 160px;
	flex-shrink: 0;
}

.products-slider-section .side .controler-box {
	/* width: 50%; */
}

.products-slider-section .side .controler-box strong {
	display: block;
	font-size: 18px;
	color: var(--accent-color3);
	margin-bottom: 32px;
}

.products-slider-section .slider-wrapper {
	width: calc(100% - 315px);
}

.products-slider-section .slider-wrapper .swiper {
	width: 100%;
}

.products-slider-section .slider-wrapper .swiper .swiper-wrapper {
	align-items: stretch;
}

.products-slider-section .slider-wrapper .swiper-slide {
	width: 313px;
	flex-shrink: 0;
	height: 100%;
	padding: 1rem 0.57rem;
}

.products-slider-section .slider-wrapper .product-card {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 16px;
	min-height: 258px;
	border-radius: 14px;
	background-color: white;
	box-shadow: 0px 0px 10px 0px #bfbfbf;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-ms-border-radius: 14px;
	-o-border-radius: 14px;
	border: solid 1px transparent;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.products-slider-section .slider-wrapper .product-card:hover {
	border-color: var(--accent-color);
	box-shadow: 0px 0px 10px 0px #03c05133;
}

.products-slider-section .slider-wrapper .product-card .img-box {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 153px;
	width: 100%;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	background-color: var(--accent-color4);
}

.products-slider-section .slider-wrapper .product-card .img-box img {
	max-height: 100%;
	width: auto;
	mix-blend-mode: multiply;
}

.products-slider-section .slider-wrapper .product-card .cat-name {
	font-size: 12px;
	color: var(--dark-5);
	white-space: nowrap;
	display: -webkit-box !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.products-slider-section .slider-wrapper .product-card .cat-name svg {
	vertical-align: middle;
	width: 16px;
	height: 16px;
	fill: var(--accent-color);
	stroke: var(--accent-color);
}

.products-slider-section .slider-wrapper .product-card .available,
.products-slider-section .slider-wrapper .product-card .unavailable {
	font-size: 12px;
	color: var(--accent-color);
	white-space: nowrap;
}

.products-slider-section .slider-wrapper .product-card .available svg,
.products-slider-section .slider-wrapper .product-card .unavailable svg {
	width: 16px;
	height: 16px;
	fill: var(--accent-color);
	stroke: var(--accent-color);
}

.products-slider-section .slider-wrapper .product-card .unavailable {
	color: var(--gold);
}

.products-slider-section .slider-wrapper .product-card .unavailable svg {
	fill: var(--gold);
	stroke: var(--gold);
}

.products-slider-section .slider-wrapper .product-card .title {
	height: 50px;
	font-size: 1rem;
	color: var(--dark-5);
	text-align: right;
	margin: 0.57rem 0 2rem;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.products-slider-section .slider-wrapper .product-card .card-foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	min-height: 77px;
	gap: 1rem;
	padding-top: 0.57rem;
	border-top: dashed 1px var(--light-1);
}

.products-slider-section .slider-wrapper .product-card .price-box {
	min-height: 68px;
}

.products-slider-section .slider-wrapper .product-card .price-box .price {
	font-size: 1.17rem;
	color: var(--accent-color3);
	line-height: normal;
}

.products-slider-section .slider-wrapper .product-card .price-box .discount-price {
	font-size: 12px;
	color: var(--light-0);
}

.products-slider-section .slider-wrapper .product-card .price-box .currency {
	font-size: 14px;
	color: var(--light-0);
}

.products-slider-section .slider-wrapper .product-card .card-head {
	width: 100%;
	min-height: 24px;
	margin-bottom: 0.57rem;
}

.products-slider-section .slider-wrapper .product-card .discount {
	font-size: 12px;
	color: #FF0000;
}

.products-slider-section .slider-wrapper .product-card .discount svg {
	width: 13px;
	height: 13px;
	stroke: currentColor;
}

.products-slider-section .slider-wrapper .product-card .add-to-fav {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.products-slider-section .slider-wrapper .product-card .add-to-fav svg {
	width: 100%;
	height: 100%;
	stroke: var(--accent-color);
	fill: none;
}

.products-slider-section .slider-wrapper .product-card .add-to-fav.active svg {
	fill: var(--accent-color);
}



.products-slider-section .slider-wrapper .addItemToBasket svg {
	width: 1.8rem;
	height: 1.8rem;
	stroke: var(--accent-color);
}

.products-slider-section .slider-wrapper .discount-box {
	position: absolute;
	top: 0.6rem;
	right: 0.6rem;
	left: 0.6rem;
	padding: 0.6rem;
	border-radius: 5px;
	background: rgba(158, 11, 15, 0.6);
	z-index: 10;
}

.products-slider-section .slider-wrapper .discount-box svg {
	width: 18px;
	height: 18px;
	stroke: #F5B014;
	margin-left: 0.5rem;
}

.products-slider-section .slider-wrapper .discount-box .caption {
	font-size: 0.9rem;
	color: #fff;
}

.products-slider-section .slider-wrapper .discount-box .soon {
	direction: ltr;
}

.products-slider-section .slider-wrapper .discount-box .soon .soon-label {
	display: none;
}

.products-slider-section .slider-wrapper .discount-box .soon .soon-separator {
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
	margin: 0px 0.3rem;
}

.products-slider-section .slider-wrapper .discount-box .soon .soon-group-inner {
	display: flex;
	align-items: center;
	justify-content: center;
}

.products-slider-section .slider-wrapper .discount-box .soon .soon-group-inner .soon-group-sub {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	background-color: #fff;
	font-size: 1rem;
	font-weight: bold;
	color: #000;
	padding-top: 4px;
}

.notification-form-modal {
	width: 400px !important;
	max-width: 100% !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	padding: 1.5rem !important;
}

.notification-form-modal .notification-form .input-group {
	position: relative;
	border: solid 1px #F1EEEE !important;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 0.2rem;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	padding: 0px 1rem;
	margin-bottom: 1rem;
}

.notification-form-modal .notification-form .input-group .form-control {
	width: 100%;
	height: 42px;
	border: none !important;
	outline: none;
	font-size: 1rem;
	padding: 0.5rem 0;
	resize: none;
}

.notification-form-modal .notification-form .input-group .form-control::placeholder {
	color: #959595;
	font-size: 1rem;
	font-weight: normal;
}

.notification-form-modal .notification-form .input-group .form-control:disabled {
	background-color: transparent;
}

.notification-form-modal .notification-form .input-group svg {
	min-width: 1.8rem;
	width: 1.8rem;
	height: 1.8rem;
	stroke: #1B2C65;
	margin-left: 0.8rem;
}

.notification-form-modal .notification-form .btn {
	display: flex;
	align-items: center;
	border: none;
	padding: 0.5rem 1rem;
	border-radius: 5px;
	gap: 8px;
	background: var(--accent-color);
	color: #fff !important;
	margin: auto;
	cursor: pointer;
	font-weight: normal;
}

.notification-form-modal .notification-form .btn svg {
	width: 1.4rem;
	height: 1.4rem;
	stroke: #fff;
	fill: #fff;
}