@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800&subset=cyrillic');

:root {
	--sidebar-border-radius: 10px;

	--color-red-802: #802420;
	--color-red-bd3: #bd362f;
	--color-red-d32: #d32f2f;
	--color-red-e30: #e30613;
	--color-red-f0: #f00;
	--color-red-ff0: #ff0020;
	--color-red-ff1: #ff181e;
	--color-red-f44: #f44336;
	--color-red-ff3: #ff3035;
	--color-red-fd4: #fd4d63;
	--color-red-eb7: #eb7e9a;

	--color-black: #000;

	--color-grey-11: #111;
	--color-grey-22: #222;
	--color-grey-31: #313131;
	--color-grey-33: #333;
	--color-grey-36: #363636;
	--color-grey-434: #434a54;
	--color-grey-444: #444;
	--color-grey-61: #616161;
	--color-grey-666: #666;
	--color-grey-6d: #6d6d6d;
	--color-grey-777: #777;
	--color-grey-80: #808080;
	--color-grey-98: #989da5;
	--color-grey-999: #999999;
	--color-grey-aaa: #aaa;
	--color-grey-ab: #ababab;
	--color-grey-af: #afafaf;
	--color-grey-b1: #b1b1b1;
	--color-grey-b3: #b3b3b3;
	--color-grey-b7: #b7b7b7;
	--color-grey-ca: #cacaca;
	--color-grey-c3c: #c3c3c3;
	--color-grey-c5c: #c5c6ca;
	--color-grey-ccc: #ccc;
	--color-grey-ddd: #ddd;
	--color-grey-dcd: #dcdde0;
	--color-grey-d8: #d8d8d8;

	--color-white: #fff;
	--color-white-f7: #f7f8fb;
	--color-white-f0f: #f0f3f6;
	--color-white-e2: #e2e2e2;
	--color-white-eae: #eaebf1;
	--color-white-eee: #eee;
	--color-white-eb: #ebeced;
	--color-white-ed: #ededed;
	--color-white-edf: #edf0f5;
	--color-white-e2d: #e2dfdf;
	--color-white-e5e: #e5e6ea;
	--color-white-e6: #e6e6e6;
	--color-white-e7: #e7e7e7;
	--color-white-e8: #e8e8e8;

	--color-blue-0d5: #0d59ac;
	--color-blue-007: #007bc0;
	--color-blue-107: #1071dc;
	--color-blue-188: #1886ff;
	--color-blue-23A: #23a1d1;
	--color-blue-239: #239fff;
	--color-blue-298: #2986ff;
	--color-blue-337: #337ab7;
	--color-blue-3da: #3dabff;
	--color-blue-42a: #42adff;
	--color-blue-55b: #55b5ff;
	--color-blue-6cb: #6cbfff;

	--color-teal-188: #18837e;
	--color-teal-009: #009997;
	--color-teal-00a: #00acc1;

	--color-green-387: #387038;
	--color-green-51a: #51a351;
	--color-green-5bb: #5bb75b;
	--color-green-62c: #62c462;
	--color-green-1db: #1db588;
	--color-green-20c: #20c997;
	--color-green-c6f: #c6ff2e;
	--color-green-d3f: #d3ff5e;

	--color-yellow-ff3: #f3c501;
	--color-yellow-ffd: #ffd820;
	--color-yellow-fd0: #fd0;

	--color-brown: #b3602e;

	--color-orange-a23: #a2371a;
	--color-orange-ad6: #ad6704;
	--color-orange-df5: #df5c39;
	--color-orange-dc5: #dc512c;
	--color-orange-e06: #e06342;
	--color-orange-f89: #f89406;
	--color-orange-faa: #faa732;
	--color-orange-fbb: #fbb450;

	--color-purple-99: #9933fc;
	--color-purple-9e: #9e2896;

	--color-pink: #ff33bb;
}

body {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: var(--color-grey-31);
	background-color: var(--color-white-f7);
}

body.open-sidebar {
	overflow: hidden;
}

.h1,
h1 {
	font-size: 26px;
	margin-top: 0;
}

a {
	color: var(--color-blue-007);
	transition: 0.3s all;
}

button {
	transition: 0.3s all;
}

a:hover,
a:focus,
button:focus {
	outline: 0 !important;
	text-decoration: none;
	color: inherit;
}

legend {
	font-size: 18px;
	padding: 7px 0;
}

label {
	font-size: 12px;
	font-weight: normal;
}

.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	background: var(--color-white);
	border: 1px solid var(--color-grey-ddd);
	border-right: 0;
	min-width: 100px;
}

.form-control {
	height: 38px;
	border: 1px solid var(--color-grey-ddd);
	box-shadow: none;
	border-radius: 6px;
	padding: 5px 15px;
	font-size: 12px;
}

.form-control:focus,
.form-control:hover {
	border-color: var(--color-grey-b1);
	outline: 0;
	box-shadow: none;
}

textarea.form-control {
	border-radius: 6px;
	resize: vertical;
}

.btn {
	padding: 10px 17px;
	font-size: 13px;
	border-radius: 50px;
	border: none;
	color: var(--color-white);
	font-weight: 500;
	transition: 0.3s all;
}

.btn:focus-visible,
.btn:hover {
	background: var(--color-blue-55b);
	border: none;
}

.main-btn {
	background: var(--color-red-ff0);
	color: var(--color-white);
	border-color: var(--color-red-ff0);
}

.btn-view .btn:focus-visible,
.btn-view .btn:hover {
	background-color: var(--color-blue-007);
	color: var(--color-white);
}

.main-btn:focus-visible,
.main-btn:hover {
	background: var(--color-red-fd4);
	color: var(--color-white);
	border-color: var(--color-red-fd4);
}

.main-btn.focus,
.main-btn:focus,
.main-btn:hover {
	color: var(--color-white);
	text-decoration: none;
}

.btn-del-cart {
	font-size: 20px;
	background: var(--color-white);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	padding: 0;
	border: 1px solid var(--color-grey-ddd);
}

.btn-del-cart:focus-visible,
.btn-del-cart:hover {
	background: var(--color-blue-007);
	color: var(--color-white);
	border-color: var(--color-blue-007);
}

.section-title {
	font-weight: 400;
	font-size: 24px;
	margin: 0 0 30px;
	position: relative;
}

/* Fix some bootstrap issues */
span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}

div.required .control-label:before {
	content: "* ";
	color: var(--color-red-f0);
	font-weight: bold;
}

#menu {
	background: var(--color-white);
	margin: 0;
	border: none;
	border-radius: 0;
	z-index: 1000;
	position: absolute;
	top: 88px;
	left: 0;
	width: 100%;
	height: 60px;
	min-height: 60px;
	-o-box-shadow: 0 3px 2px -1px rgba(0, 0, 0, 0.08);
	box-shadow: 0 3px 2px -1px rgba(0, 0, 0, 0.08);
}

#menu.fixed {
	top: 0;
	position: fixed;
}

#menu .menu-right {
	display: flex;
	align-items: center;
	float: right;
	min-height: 60px;
}

#menu .dropdown-menu {
	border: none;
	margin: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0;
	right: 0;
	left: auto;
}

#menu .dropdown-menu .btn-link-drop {
	font-size: 13px;
	color: var(--color-grey-22);
	padding: 8px 20px;
	display: block;
	white-space: nowrap;
}

#menu .dropdown-menu ul {
	margin: 0;
}

#logo {
	float: left;
	display: flex;
	align-items: center;
	height: 55px;
}

#logo img {
	height: 45px;
	width: auto;
}

.store_3 #logo img {
	height: 30px;
	width: auto;
}

.wrapper {
	position: relative;
	z-index: 2;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.65);
	transition: all 0.5s ease;
	z-index: 0;
	opacity: 0;
}

.open-sidebar .overlay {
	z-index: 999;
	opacity: 1;
}

#top-menu {
	margin-bottom: 63px;
	background: var(--color-white);
	position: relative;
	z-index: 1002;
	border-bottom: 1px solid var(--color-grey-ddd);
}

#top-menu .dropdown-menu {
	margin: 0;
	border-radius: 0 0 10px 10px;
	border: none;
	padding: 0;
}

.top-menu-wrapper {
	display: flex;
	justify-content: space-between;
}

#top-menu a {
	padding: 12px 0;
	display: block;
	font-size: 14px;
	color: var(--color-blue-007);
}

.header-free-shipment {
	height: 40px;
	min-height: 40px;
	z-index: 1002;
	position: relative;
}

.header-free-shipment a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	background-color: #e2001a;
	color: var(--color-white);
	font-weight: 700;
	font-size: min(4vw, 14px);
	height: 40px;
	min-height: 40px;
}

.header-free-shipment .container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;

	text-align: center;
	height: 40px;
	min-height: 40px;
}

.header-free-shipment img {
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	flex-shrink: 0;
}

.store_3 #top-menu a {
	color: var(--color-purple-99);
}

#top-menu a span {
	font-size: 17px;
	float: left;
	margin-right: 5px;
}

#top-menu .menu-left,
#top-menu .menu-right {
	display: flex;
	align-items: center;

	margin: 0;
	padding: 0;

	list-style: none;
}

#top-menu .menu-left > li,
#top-menu .menu-right > li {
	float: left;
}

#top-menu .menu-left > li {
	margin-right: 20px;
}

#top-menu .menu-right > li {
	margin-left: 20px;
}

#sidebar {
	--after-height: 4px;
	width: 100%;
	background: var(--color-blue-007);
	z-index: 999;
	transition: all 0.3s ease;
	height: auto;
	position: relative;
	margin-bottom: var(--after-height);
}

#sidebar::after {
	content: "";
	position: absolute;
	z-index: 1000;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(/image/catalog/raduga.png);
	inset-inline: 0;
	height: var(--after-height);
}

.store_3 #sidebar {
	background: var(--color-purple-99);
}

.sidebar-list {
	margin: 0;
	padding: 0;

	list-style: none;
}

.sidebar-list > li {
	display: inline-block;
}

.sidebar-list > li > a {
	font-size: 14px;
	font-weight: 500;
	color: var(--color-white);

	padding: 15px;
	display: block;
	position: relative;
}

.sidebar-list > li.dropdown > a {
	padding-right: 35px;
}

.sidebar-list > li > a:hover {
	color: rgba(255, 255, 255, 0.8);
}

.sidebar-list > li > a span {
	position: absolute;
	top: 12px;
	right: 8px;

	font-size: 25px;
}

.sidebar-list > li.open > a span {
	transform: rotate(0deg);
}

.sidebar-list .dropdown-menu {
	margin: 0;
	padding: 0;

	border-top-left-radius: 0;
	border-top-right-radius: 0;

	float: none;
	width: 225px;
	border: none;
	font-size: 13px;
	position: absolute;
	background: var(--color-white);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.sidebar-list > li.open > a {
	background: var(--color-blue-3da);
	color: var(--color-white);
	text-decoration: none;
}

.sidebar-title {
	font-size: 20px;
	font-weight: 500;
	padding: 10px 0 10px;
	clear: both;
}

.dropdown .sidebar-title {
	font-size: 15px;
	margin-bottom: 10px;
}

.dropdown .sidebar-list {
	margin: 0 0 15px;
}

.sidebar-list .dropdown-menu a {
	display: block;
	padding: 10px 20px;
	color: var(--color-grey-22);
}

.sidebar-list .dropdown-menu a:hover {
	background: var(--color-white-f7);
}

.sidebar-list .dropdown-menu a.see-all {
	font-weight: 500;
}

.btn-settings {
	position: relative;
	padding: 8px 20px;
	border: none;
	background: none;
	display: block;
	width: 100%;
	text-align: left;
	font-size: 13px;
}

.btn-settings:hover {
	color: var(--color-teal-00a);
}

.btn-settings.active {
	color: var(--color-blue-007);
	font-weight: 500;
}

#close-sidebar {
	font-size: 40px;
	position: absolute;
	top: 10px;
	left: 10px;
	cursor: pointer;
	display: none;
}

#close-sidebar:hover {
	color: var(--color-teal-00a);
}

/* search */
#search {
	width: 380px;
	float: left;
	position: relative;
	margin-left: 30px;
	margin-right: 15px;
	padding: 11px 0;
}

#search .form-control {
	font-size: 13px;
	border: none;
	padding: 8px 60px 8px 20px;
	box-shadow: none;
	border-radius: 30px;
	background: var(--color-white-f7);
}

#search .form-control::placeholder {
	color: var(--color-grey-ab);
	opacity: 1;
}

#search button {
	position: absolute;
	top: 17px;
	right: 10px;
	border: none;
	background: none;
	color: var(--color-grey-434);
	font-size: 26px;
	padding: 0;
}

/* cart */
#cart {
	float: right;
	position: relative;
}

#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: var(--color-white);
}

#cart.open > .btn {
	background-image: none;
	background-color: var(--color-white);
	border: 1px solid var(--color-white-e6);
	color: var(--color-grey-666);
	box-shadow: none;
	text-shadow: none;
}

#cart.open > .btn:hover {
	color: var(--color-grey-444);
}

#cart .dropdown-menu {
	z-index: 1001;
	min-width: 100%;
	width: 500px;
	background: var(--color-white);
	padding: 0;
	margin: 0;
	border: none;
}

#cart .dropdown-menu li p {
	padding: 20px;
	margin: 0;
	background: var(--color-white);
	overflow: hidden;
	border-top: 1px solid var(--color-grey-ddd);
}

#cart .dropdown-menu li .not-empty {
	text-align: center;
	border: none;
}

#cart .table > tbody > tr:nth-of-type(odd) {
	background-color: var(--color-white-f7);
}

#cart .table > tbody > tr td a {
	font-weight: 500;
	color: var(--color-grey-22);
}

#cart .table .price {
	white-space: nowrap;
	font-weight: bold;
	text-align: right;
}

#cart .table .count {
	white-space: nowrap;
}

#cart .table .img-thumbnail {
	width: 60px;
	max-width: 60px;
}

#cart .table > tbody > tr > td,
#cart .table > tbody > tr > th,
#cart .table > tfoot > tr > td,
#cart .table > tfoot > tr > th,
#cart .table > thead > tr > td,
#cart .table > thead > tr > th {
	padding: 8px;
	vertical-align: middle;
	border: none;
}

#cart .total-table > tbody > tr:nth-of-type(odd) {
	background: none;
}

.icon-btn-menu {
	font-size: 26px;
	color: var(--color-grey-22);
	position: relative;
	display: flex;
	float: right;
	height: 60px;
	min-height: 60px;
	padding: 5px 15px;
	background: none;
	border: none;
	align-items: center;
	border-left: 1px solid var(--color-white-eb);
}

.icon-btn-menu .text {
	font-size: 13px;
	margin-left: 14px;
	min-width: 60px;
	text-align: left;
}

.icon-btn-menu .count {
	background: var(--color-blue-007);
	width: 18px;
	height: 18px;
	min-width: 18px;
	min-height: 18px;
	display: block;
	border-radius: 50%;
	color: var(--color-white);
	font-size: 10px;
	text-align: center;
	line-height: 18px;
	position: absolute;
	top: 14px;
	left: 30px;
	font-style: initial;
}

.store_3 .icon-btn-menu .count {
	background: var(--color-purple-99);
}

.icon-btn-menu:hover {
	background: var(--color-white-f7);
}

/* content */
#content {
	margin-bottom: 30px;
}

/* footer */

.service-wrapper {
	background: var(--color-white);
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.service-item {
	padding: 30px 0 30px 80px;
	position: relative;
}

.service-item span {
	font-size: 28px;
	position: absolute;
	left: 15px;
	top: 27px;
	background: var(--color-blue-007);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	color: var(--color-white);
	text-align: center;
	line-height: 50px;
}

.store_3 .service-item span {
	background: var(--color-purple-99);
}

.service-item span.red {
	background: var(--color-red-ff0);
}

.service-item span.blink {
	animation: sale_blink 3s infinite;
	background-color: transparent;
	color: var(--color-red-ff0);
	font-size: 26px;
	font-weight: bold;
	height: 36px;
	left: 185px;
	line-height: 36px;
	position: absolute;
	top: 5px;
	width: 36px;
}

.store_3 .service-item span.red {
	background: var(--color-yellow-ff3);
}

.store_3 .service-item span.blink {
	color: var(--color-yellow-ff3);
}

@keyframes sale_blink {
	40% {
		transform: rotate(0deg);
	}

	42% {
		transform: rotate(25deg);
	}

	45% {
		transform: rotate(45deg);
	}

	48% {
		transform: rotate(25deg);
	}

	50% {
		transform: rotate(0deg);
	}

	52% {
		transform: rotate(-25deg);
	}

	55% {
		transform: rotate(-45deg);
	}

	58% {
		transform: rotate(-25deg);
	}

	60% {
		transform: rotate(0deg);
	}

	62% {
		transform: rotate(25deg);
	}

	65% {
		transform: rotate(45deg);
	}

	68% {
		transform: rotate(25deg);
	}

	70% {
		transform: rotate(0deg);
	}

	72% {
		transform: rotate(-25deg);
	}

	75% {
		transform: rotate(-45deg);
	}

	78% {
		transform: rotate(-25deg);
	}

	80% {
		transform: rotate(0deg);
	}

	82% {
		transform: rotate(25deg);
	}

	85% {
		transform: rotate(45deg);
	}

	88% {
		transform: rotate(25deg);
	}

	90% {
		transform: rotate(0deg);
	}

	92% {
		transform: rotate(-25deg);
	}

	95% {
		transform: rotate(-45deg);
	}

	98% {
		transform: rotate(-25deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

.service-item .title {
	font-size: 16px;
	font-weight: 500;
}

.service-item .text {
	font-size: 13px;
	color: var(--color-grey-22);
}

.home-text {
	margin-bottom: 30px;
	border-radius: 3px;
	padding-top: 30px;
}

.home-text-container {
	position: relative;
}

.home-text-container h2 {
	margin: 0 0 30px;
	font-size: 22px;
}

.home-text-container ul {
	padding-left: 17px;
}

#expand-home-text {
	background: var(--color-white);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	line-height: 46px;
	font-size: 30px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	transition: 0.3s all;
	color: var(--color-blue-239);
	border: 3px solid var(--color-blue-239);
}

#expand-home-text:hover {
	background: var(--color-blue-007);
	color: var(--color-white);
}

#expand-home-text.open {
	transform: rotate(45deg);
}

.servise-widget {
	background: var(--color-white);
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 30px;
}

.servise-widget .widget-box {
	margin-bottom: 20px;
}

.widget-box .title {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}

.widget-box .title span {
	color: var(--color-blue-007);
	font-size: 26px;
	float: left;
	margin-right: 10px;
}

.store_3 .widget-box .title span {
	color: var(--color-purple-99);
}

.body-widget ul {
	padding-left: 20px;
	margin: 0;
}

.body-widget ul li span {
	color: var(--color-blue-007);
	font-weight: 500;
}

footer {
	background-color: var(--color-white);
}

footer a {
	color: var(--color-grey-22);
}

footer a:hover {
	color: var(--color-blue-0d5);
}

footer h5 {
	font-size: 16px;
	font-weight: 500;
	color: var(--color-grey-22);
	cursor: pointer;
	position: relative;
	margin: 0 0 15px;
}

footer .list-unstyled {
	margin-bottom: 0;
	line-height: 30px;
}

footer .footer-line {
	background-image: linear-gradient(
					45deg,
					var(--color-teal-009) 0%,
					var(--color-teal-009) 30%,
					transparent 31%,
					transparent 32%,
					var(--color-blue-007) 33%,
					var(--color-blue-007) 75%,
					transparent 76%,
					transparent 77%,
					var(--color-teal-009) 78%,
					var(--color-teal-009) 100%
	);
	background-size: 64px 7px;
	overflow: hidden;
	height: 5px;
	margin: 0 0 50px;
}

.store_3 footer .footer-line {
	background-image: linear-gradient(
					45deg,
					var(--color-purple-99) 0%,
					var(--color-purple-99) 30%,
					transparent 31%,
					transparent 32%,
					var(--color-pink) 33%,
					var(--color-pink) 75%,
					transparent 76%,
					transparent 77%,
					var(--color-purple-99) 78%,
					var(--color-purple-99) 100%
	);
}

.footer-powered {
	background: var(--color-white-f7);
	padding: 20px 0;
	margin-top: 20px;
	color: var(--color-grey-c3c);
	overflow: hidden;
}

.footer-powered a {
	color: var(--color-grey-6d);
	font-weight: 500;
}

.footer-powered a:hover {
	color: var(--color-grey-6d);
	text-decoration: underline;
}

.footer-contact .phone {
	font-size: 18px;
	font-weight: 500;
	display: block;
	clear: both;
	margin-bottom: 7px;
}

.footer-contact .phone span {
	font-size: 12px;
	float: left;
	margin-right: 5px;
	border: 1px solid var(--color-grey-22);
	border-radius: 50%;
	width: 19px;
	height: 19px;
	text-align: center;
	line-height: 20px;
	margin-top: 3px;
}

.footer-contact .open-hours {
	margin-bottom: 10px;
}

.footer-contact .phone:hover {
	color: var(--color-red-ff0);
}

.footer-contact .phone:hover span {
	color: var(--color-grey-22);
}

.footer-contact .email {
	font-size: 15px;
	color: var(--color-grey-ccc);
}

footer .social-btn {
	overflow: hidden;
}

footer .social-btn a {
	display: block;
	width: 40px;
	height: 40px;
	background: var(--color-white-f7);
	border-radius: 50%;
	text-align: center;
	line-height: 47px;
	float: left;
	margin-right: 10px;
	color: var(--color-grey-ccc);
}

footer .social-btn a:hover {
	background: var(--color-blue-239);
	color: var(--color-white);
}

.powered {
	float: left;
}

.copyright {
	float: right;
}

/* alert */
.alert {
	padding: 8px 60px 8px 75px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 400px;
	font-size: 13px;
	font-weight: 500;
	min-height: 60px;
	display: block;
	border: none;
	z-index: 9999;
	color: rgba(255, 255, 255, 0.59);
	margin: 0;
	border-radius: 10px;
	overflow: hidden;
}

.alert .close {
	color: var(--color-white);
	opacity: 1;
	text-shadow: none;
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 30px;
	height: 30px;
	width: 30px;
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.09);
}

.alert .close:hover {
	background: rgba(255, 255, 255, 0.18);
	color: var(--color-white);
}

.alert .fa {
	color: var(--color-white);
	opacity: 1;
	text-shadow: none;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 30px;
	width: 60px;
	bottom: 0;
	background: rgba(255, 255, 255, 0.09);
	display: flex;
	align-items: center;
	justify-content: center;
}

.alert a {
	margin: 0 3px;
	color: var(--color-white);
}

.alert-success {
	background: var(--color-green-20c);
}

.alert-success a,
.alert-success a:visited,
.alert-success a:focus,
.alert-success a:hover {
	color: var(--color-white);
}

.alert-success .fa {
	background: var(--color-green-1db);
}

.alert-danger {
	background-color: var(--color-red-f44);
}

.alert-danger .fa {
	background-color: var(--color-red-d32);
}

.alert-info {
	background: var(--color-blue-188);
}

.alert-info .fa {
	background: var(--color-blue-007);
}

/* breadcrumb */
.breadcrumb {
	margin: 0;
	padding: 20px 0;
	border: none;
	background: none;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 10px;
}

.breadcrumb > li {
	padding-right: 20px;
	position: relative;
	white-space: nowrap;
}

.breadcrumb > li:last-child {
	padding-right: 0;
}

.breadcrumb > li + li:before {
	content: "";
	padding: 0;
}

.breadcrumb > li a {
	color: var(--color-grey-61);
	position: relative;
	font-weight: 400;
}

.breadcrumb > li > a:hover {
	color: var(--color-grey-22);
}

.breadcrumb > li a:before {
	content: "\f105";
	font-family: FontAwesome;
	font-size: 16px;
	position: absolute;
	right: -20px;
	top: -2px;
}

.breadcrumb > li:last-child a {
	color: var(--color-grey-999);
}

.breadcrumb > li:last-child a:before {
	display: none;
}

.pagination {
	margin: 0 0 20px;
}

/* buttons */

.btn-xs {
	font-size: 9px;
}

.btn-sm {
	font-size: 10px;
}

.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
	font-size: 12px;
}

.btn-group > .btn-xs {
	font-size: 9px;
}

.btn-group > .btn-sm {
	font-size: 10px;
}

.btn-group > .btn-lg {
	font-size: 15px;
}

.btn-default {
	color: var(--color-grey-777);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: var(--color-white-e7);
	background-image: linear-gradient(
					to bottom,
					var(--color-white-eee),
					var(--color-grey-ddd)
	);
	background-repeat: repeat-x;
	border-color: var(--color-grey-ddd) var(--color-grey-ddd) var(--color-grey-b3)
	var(--color-grey-b7);
}

.btn-warning {
	color: var(--color-white);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: var(--color-orange-faa);
	background-image: linear-gradient(
					to bottom,
					var(--color-orange-fbb),
					var(--color-orange-f89)
	);
	background-repeat: repeat-x;
	border-color: var(--color-orange-f89) var(--color-orange-f89)
	var(--color-orange-ad6);
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-danger {
	color: var(--color-white);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: var(--color-red-ff0);
	border-color: var(--color-red-ff0);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-success {
	color: var(--color-white);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: var(--color-green-5bb);
	background-image: linear-gradient(
					to bottom,
					var(--color-green-62c),
					var(--color-green-51a)
	);
	background-repeat: repeat-x;
	border-color: var(--color-green-51a) var(--color-green-51a)
	var(--color-green-387);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-info {
	color: var(--color-white);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: var(--color-orange-df5);
	background-image: linear-gradient(
					to bottom,
					var(--color-orange-e06),
					var(--color-orange-dc5)
	);
	background-repeat: repeat-x;
	border-color: var(--color-orange-dc5) var(--color-orange-dc5)
	var(--color-orange-a23);
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
	background-image: none;
	background-color: var(--color-orange-df5);
}

.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: var(--color-blue-23A);
	border-radius: 0;
}

.store_3 .btn-link {
	color: var(--color-purple-99);
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}

.btn-inverse {
	color: var(--color-white);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: var(--color-grey-36);
	background-image: linear-gradient(
					to bottom,
					var(--color-grey-444),
					var(--color-grey-22)
	);
	background-repeat: repeat-x;
	border-color: var(--color-grey-22) var(--color-grey-22) var(--color-black);
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
	background-color: var(--color-grey-22);
	background-image: linear-gradient(
					to bottom,
					var(--color-grey-33),
					var(--color-grey-11)
	);
}

/* list group */
.list-group a {
	border: 1px solid var(--color-grey-ddd);
	color: var(--color-grey-22);
	padding: 10px 15px;
}

.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
	color: var(--color-grey-444);
	background: var(--color-white-eee);
	border: 1px solid var(--color-grey-ddd);
	text-shadow: 0 1px 0 var(--color-white);
}

/* carousel */
.carousel-caption {
	color: var(--color-white);
	text-shadow: 0 1px 0 var(--color-black);
}

.carousel-control .icon-prev:before {
	content: "\f053";
	font-family: FontAwesome;
}

.carousel-control .icon-next:before {
	content: "\f054";
	font-family: FontAwesome;
}

/* product list */
.product-layout {
	height: 100%;
}

.product-thumb {
	background: var(--color-white);
	border-radius: 10px;
	position: relative;
	transition: 0.3s all;
	overflow: hidden;
	z-index: 3;
	width: 100%;
	height: 100%;
}

.product-thumb:hover {
	box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.15);
	z-index: 3;
	position: relative;
}

.product-thumb .image {
	display: flex;
	align-items: center;
	justify-content: center;

	text-align: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	position: relative;
	min-height: 300px;
	aspect-ratio: 1/1;
}

.product-list .product-thumb .image {
	float: left;
}

.product-thumb .image div,
.product-thumb .image span {
	z-index: 2;
}

.product-thumb .image a {
	position: relative;
	z-index: 0;

	padding: 15px;
	margin: 0 auto;

	width: 100%;
	height: 100%;
	min-height: 300px;

	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	text-align: center;
}

.product-thumb .image a:hover {
	opacity: 0.8;
}

.product-thumb .image .main {
	transform: rotateY(0deg);
	transition: all ease-in-out 0.4s;
}

.product-thumb .image .additional {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	cursor: pointer;
	transform: rotateY(180deg);
	transition: all ease-in-out 0.4s;
}

.product-thumb .image:hover .main {
	transform: rotateY(180deg);
}

.product-thumb .image:hover .additional {
	opacity: 1;
	background: var(--color-white);
	transform: rotateY(0deg);
}

.product-pricelist .product-thumb .image .additional {
	width: 140px;
	height: 140px;
}

.product-thumb .sale {
	position: absolute;
	left: -28px;
	top: -8px;
	background: var(--color-yellow-ffd);
	padding: 20px 30px 7px 30px;
	color: var(--color-black);
	font-weight: 500;
	z-index: 2;
	font-size: 13px;
	transform: rotate(-45deg);
}

.products-list {
	display: flex;
	flex-wrap: wrap;
	row-gap: 30px;

	margin-bottom: 30px;
}

.product-list .product-thumb .sale {
	z-index: 3;
}

.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
}

.owl-item .product-thumb,
.product-grid .product-thumb {
	display: flex;
	flex-direction: column;
}

.product-grid .product-thumb .image {
	float: none;
}

.product-grid .product-thumb .caption {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.product-thumb h3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;

	font-size: 15px;
	font-weight: 500;

	overflow: hidden;
	text-overflow: ellipsis;

	margin-top: 0;
}

.product-list .product-thumb h3 {
	white-space: normal;
}

.product-thumb h3 a {
	color: var(--color-grey-22);
}

.product-thumb h3 a:hover {
	color: var(--color-blue-007);
}

.product-thumb .caption {
	display: flex;
	flex-direction: column;

	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;

	z-index: 2;
	position: relative;
	padding: 5px 15px 15px;
	background: var(--color-white);
}

.product-list .product-thumb .caption {
	margin-left: 210px;
	text-align: left;
	padding: 20px 20px 56px 5px;
	min-height: 200px;
	border-right: 1px solid #f2f2f2;
	border-radius: 0;
}

.product-list .product-thumb .rating {
	margin-top: 0;
}

.product-list .product-thumb .caption .button-group {
	margin-bottom: 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: -215px;
	top: 0;
	bottom: 0;
	padding: 20px;
	text-align: center;
	width: 200px;
}

.product-list .product-thumb .caption .button-group a {
	display: block;
}

.product-list .product-thumb .caption .button-group .btn {
	width: 100%;
	margin-bottom: 10px;
}

.product-thumb .caption .description {
	display: none;
}

.product-list .product-thumb .caption .description {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	font-size: 13px;
}

.product-list .product-thumb {
	overflow: hidden;
	padding-right: 215px;
}

.product-list .product-thumb .quiqview-btns {
	background: none;
	transform: translate(0, 0);
	opacity: 1;
	/*left: 215px;*/
	bottom: 20px;
	top: auto;
	z-index: 3;
	text-align: left;
	right: 215px;
}

.product-list .product-thumb .quiqview-btns .icon-btn {
	width: auto;
	height: auto;
	color: var(--color-grey-ca);
	border: none;
	border-radius: 0;
	margin: 0 10px 0 0;
	background: none;
	display: inline-block;
	overflow: hidden;
	line-height: 1;
}

.product-thumb .quiqview-btns .icon-btn .text {
	display: none;
}

.product-list .product-thumb .quiqview-btns .icon-btn:hover {
	color: var(--color-blue-007);
	background: none;
}

.product-list .product-thumb .quiqview-btns .icon-btn span {
	float: left;
	margin-right: 5px;
	margin-top: 2px;
}

.product-list .product-thumb .quiqview-btns .icon-btn .text {
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	display: inline-block;
}

.product-list .product-thumb .image img {
	width: 180px;
	height: 180px;
}

@media (max-width: 767px) {
	.product-list .product-thumb .caption {
		min-height: 0;
		margin-left: 0;
		padding: 0 10px;
	}

	.product-grid .product-thumb .caption {
		min-height: 0;
	}

	.product-info .product-icons {
		justify-content: center;
	}
}

.product-thumb .rating {
	padding-bottom: 10px;
	margin-top: auto;
}

.product-thumb:not(:has(.rating)) .button-group {
	margin-top: auto;
}

.rating .fa-stack {
	font-size: 8px;
}

.rating .fa-star {
	color: var(--color-white-e6);
	font-size: 16px;
}

.rating .fa-star.stary {
	color: var(--color-yellow-ffd);
	z-index: 1;
}

h2.price {
	margin: 0;
}

.product-thumb .price {
	color: var(--color-grey-22);
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
}

.product-list .product-thumb .price {
	font-size: 16px;
	margin-bottom: 15px;
}

.product-thumb .price-new {
	color: var(--color-red-ff0);
	font-weight: bold;
}

.product-thumb .price-old {
	color: var(--color-grey-999);
	text-decoration: line-through;
	font-size: 13px;
	display: block;
}

.product-thumb .price-tax {
	color: var(--color-grey-999);
	font-size: 12px;
	display: block;
	font-weight: 400;
	padding: 10px 0 0;
}

.product-thumb .caption .button-group {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.product-thumb .caption .button-group a {
	display: none;
}

.product-thumb .quiqview-btns {
	text-align: center;
	position: absolute;
	top: 20px;
	right: 20px;
}

.product-thumb .quiqview-btns .icon-btn {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 44px;
	height: 44px;

	font-size: 20px;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	color: var(--color-grey-80);

	padding: 0;
	margin-bottom: 10px;

	border-radius: 50%;
	border: 1px solid var(--color-grey-ddd);

	position: relative;
	background: var(--color-white);
}

.product-thumb .quiqview-btns .icon-btn:hover {
	background: var(--color-blue-007);
	color: var(--color-white);
	border-color: var(--color-blue-007);
}

.row .product-pricelist:last-child {
	margin-bottom: 30px;
}

.product-pricelist .product-thumb {
	margin: 0;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid var(--color-grey-ddd);
	align-items: center;
	padding-left: 170px;
	height: 170px;
}

.product-pricelist .product-thumb .quiqview-btns {
	display: none;
}

.product-pricelist .product-thumb .image {
	width: 170px;
	position: absolute;
	left: 0;
	top: 0;
}

.product-pricelist .product-thumb .caption {
	padding: 15px 150px 15px 15px;
	width: auto;
	height: 169px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.product-pricelist .product-thumb .caption .button-group {
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: absolute;
	width: 150px;
	right: 0;
	top: 0;
	bottom: 0;
}

.product-pricelist .product-thumb .caption .description {
	display: block;
	font-size: 13px;
}

.product-pricelist .product-thumb .price {
	text-align: center;
	margin-bottom: 10px;
}

/* thumbnail */
.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0 0 0 -20px;
}

.thumbnails > li {
	margin-left: 20px;
}

.thumbnails > img {
	width: 100%;
}

.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid var(--color-grey-ddd);
}

.image-additional {
	max-width: 78px;
}

.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
	#column-left .product-layout .col-md-3 {
		width: 100%;
	}

	#column-left + #content .product-layout .col-md-3 {
		width: 50%;
	}

	#column-left + #content + #column-right .product-layout .col-md-3 {
		width: 100%;
	}

	#content + #column-right .product-layout .col-md-3 {
		width: 100%;
	}
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout,
#column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^="quantity"] {
	min-width: 50px;
}

.card {
	background: var(--color-white);
	margin-bottom: 30px;
	padding: 30px;
	border-radius: 10px;
}

.card h3 {
	margin-top: 0;
	font-size: 20px;
}

.card h2 {
	font-size: 24px;
	margin: 0 0 20px;
}

h1.title-page {
	margin: 0 0 20px;
	font-size: 26px;
}

.card h2.title-page,
h2.title-page {
	font-size: 20px;
	margin: 0 0 20px;
}

.panel {
	box-shadow: none;
	border-radius: var(--sidebar-border-radius);
	border: none;
	margin-bottom: 30px;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
	border-bottom-left-radius: var(--sidebar-border-radius);
	border-bottom-right-radius: var(--sidebar-border-radius);
}

.card-category img {
	width: 100%;
}

.card-category h1 {
	margin: 0 0 20px;
	font-size: 26px;
}

.card-category #category-description {
	margin-bottom: 10px;
}

.card-subcategory h2 {
	font-size: 24px;
	margin: 0 0 30px;
}

.subcategory-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;

	padding: 0;
	margin-bottom: 20px;

	list-style: none;
}

.subcat-box {
	width: 100%;
}

.subcat-box a {
	display: flex;
	align-items: center;
	flex-direction: column;

	color: inherit;
	font-size: 15px;
	font-weight: 700;
	text-align: center;

	overflow: hidden;
	border-radius: 10px;
	transition: 0.3s all;
	background: var(--color-white);
}

.subcat-box a:focus-visible,
.subcat-box a:hover {
	box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.15);
}

.subcat-box a img {
	width: 100%;
	height: auto;
}

.subcat-box a span {
	padding: 5px 10px;
}

.btn-category-description {
	background: var(--color-blue-007);
	border: none;
	border-color: var(--color-blue-007);
	border-radius: 20px;
	color: var(--color-white);
	display: inline-block;
	font-weight: bold;
	margin: 5px 0;
	padding: 10px 40px 10px 20px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
}

.btn-category-description:focus-visible,
.btn-category-description:hover {
	color: var(--color-white);
	background: var(--color-blue-007);
}

.btn-category-description:before {
	content: "\f107";
	font-family: FontAwesome;
	font-size: 20px;
	position: absolute;
	right: 15px;
	top: 6px;
}

.btn-category-description.hiden:before {
	transform: rotate(180deg);
}

.btn-view .btn {
	color: var(--color-grey-33);
	width: 50px;
	height: 40px;
	text-align: center;
	border-radius: 30px;
	overflow: hidden;
	background-color: var(--color-white);
	line-height: 29px;
	transition: all 0.3s ease 0s;
	text-shadow: none;
	border: 1px solid var(--color-grey-ddd);
	font-size: 14px;
}

.btn-view .btn.active {
	background: var(--color-blue-007);
	color: var(--color-white);
	box-shadow: none;
}

.store_3 .btn-view .btn.active,
.store_3 .btn-view .btn:focus-visible,
.store_3 .btn-view .btn:hover {
	background: var(--color-purple-99);
}

.store_3 .noUi-connect {
	background: var(--color-purple-99);
}

.card-category #category-description.collapse {
	display: block;
	overflow: hidden;
}

.card-category #category-description.collapse.in {
	height: auto !important;
}

.panel-attribute .head-td {
	margin-bottom: 10px;
}

.panel-attribute .attr-td {
	padding: 8px 10px;
}

.category-wall-box {
	display: -webkit-box;
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
	background: var(--color-white);
	border-radius: 10px;
	padding: 20px;
	transition: 0.3s all;
	overflow: hidden;
}

.category-wall-box:focus-visible,
.category-wall-box:hover {
	box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.15);
}

.category-wall-box .category-list {
	width: 55%;
	font-size: 13px;
	line-height: 24px;
	padding-left: 15px;
}

.category-wall-box .image {
	width: 45%;
	overflow: hidden;
	margin-inline: 0;
	margin-block: -20px;
	display: block;
}

.category-wall-box .image img {
	width: 100%;
	max-width: 140px;
	height: auto;
	transition: 0.3s all;
	margin-block: 30px;
}

.category-wall-box:focus-visible .image img,
.category-wall-box:hover .image img {
	transform: scale(1.1);
}

.category-wall-box .title {
	font-size: 14px;
	display: block;
	font-weight: 500;
	overflow: hidden;
	color: var(--color-grey-22);
}

.category-wall-box .show-more {
	font-size: 12px;
	color: var(--color-blue-007);
	font-weight: 600;
}

.store_3 .category-wall-box .show-more {
	color: var(--color-purple-99);
}

.category-wall-box .show-more:focus-visible,
.category-wall-box .show-more:hover {
	color: var(--color-grey-22);
}

.category-wall-box ul {
	margin: 0 0 10px;
	padding-left: 0;
	list-style: none;
}

.category-wall-box ul li a {
	color: var(--color-grey-22);
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.category-wall-box ul li a:focus-visible,
.category-wall-box ul li a:hover {
	text-decoration: underline;
}

.banner-box {
	background: var(--color-white);
	margin-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	height: 400px;
}

.banner-box.white {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.banner-box.long-banner {
	height: 200px;
}

.banner-box img {
	width: 100%;
	height: 100%;
	transition: all 1s ease 0s;
}

.banner-box:has(:focus-visible) img,
.banner-box:hover img {
	transform: scale(1.1) rotateZ(-1.5deg);
}

.banner-box.long-banner img {
	width: 103%;
	height: 103%;
}

.banner-box .banner-text {
	display: -webkit-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;

	position: absolute;
	inset: 0;
	z-index: 4;

	font-size: 17px;
	color: var(--color-grey-33);

	margin: 20px;
	padding: 10px;

	width: 40%;
	background-color: rgba(255, 255, 255, 0.7);
}

.banner-box .banner-text .name {
	font-size: 26px;
	font-weight: 500;
	color: var(--color-grey-33);

	margin-bottom: 15px;
}

.banner-box .main-btn {
	color: var(--color-white);
	background: var(--color-red-ff0);
	border-color: var(--color-red-ff0);
}

.store_3 .banner-box .main-btn {
	background: var(--color-yellow-ff3);
	border-color: var(--color-yellow-ff3);
}

.banner-box.blue-square .main-btn {
	color: var(--color-white);
	background: var(--color-teal-009);
	border-color: var(--color-teal-009);
}

.store_3 .banner-box.blue-square .main-btn {
	color: var(--color-white);
	background: var(--color-purple-99);
	border-color: var(--color-purple-99);
}

.banner-box .main-btn:focus-visible,
.banner-box .main-btn:hover {
	color: var(--color-white);
	background: rgba(255, 0, 32, 0.7);
	border-color: rgba(255, 0, 32, 0.7);
}

.banner-box.blue-square .main-btn:focus-visible,
.banner-box.blue-square .main-btn:hover {
	color: var(--color-white);
	background: rgba(0, 153, 151, 0.7);
	border-color: rgba(0, 153, 151, 0.7);
}

.yellow-square,
.blue-square {
	background: url("../image/banner-bg.jpg");
	background-size: cover;
}

.yellow-square {
	border: 3px solid var(--color-red-ff0);
}

.store_3 .yellow-square {
	border: 3px solid var(--color-yellow-ff3);
}

.blue-square {
	border: 3px solid var(--color-teal-009);
}

.store_3 .blue-square {
	border: 3px solid var(--color-purple-99);
}

.yellow-square:before {
	content: "";

	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;

	width: 135px;
	height: 540px;

	transition: 0.3s all;
	transform: rotate(45deg);
	background: var(--color-red-ff0);
}

.store_3 .yellow-square:before {
	background: var(--color-yellow-ff3);
}

.blue-square:before {
	content: "";

	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;

	width: 135px;
	height: 540px;

	transition: 0.3s all;
	transform: rotate(45deg);
	background: var(--color-teal-009);
}

.store_3 .blue-square:before {
	background: var(--color-purple-99);
}

.banner-box.yellow-square img,
.banner-box.blue-square img {
	position: relative;
	z-index: 5;

	animation-duration: 2s;
	animation-name: blinker;
	animation-timing-function: ease;
	animation-iteration-count: infinite;

	width: 230px;
	height: auto;

	margin-right: 30px;
	max-height: 310px;
}

@keyframes blinker {
	0% {
		transform: scale(1) rotateZ(0deg);
	}

	50% {
		transform: scale(1.07) rotateZ(-1.1deg);
	}

	100% {
		transform: scale(1) rotateZ(0deg);
	}
}

.banner-box.yellow-square:hover:before,
.banner-box.yellow-square:focus-visible:before,
.banner-box.blue-square:hover:before,
.banner-box.blue-square:focus-visible:before {
	top: 30px;
}

.banner-box.white .banner-text {
	color: var(--color-grey-22);
	position: relative;
}

.banner-box.white .banner-text .name {
	color: var(--color-grey-22);
}

.owl-carousel.custom-nav .owl-nav {
	position: absolute;
	top: 0;
	right: 0;
	transform: translateY(-100%);
	margin-top: -10px;
}

.owl-carousel.custom-nav .owl-nav button.owl-prev,
.owl-carousel.custom-nav .owl-nav button.owl-next {
	font-size: 28px;
	line-height: 41px;
	text-align: center;

	width: 46px;
	height: 36px;

	border-radius: 0;
	overflow: hidden;
	transition: all 0.3s ease 0s;
	background-color: var(--color-white);
}

.owl-carousel.custom-nav .owl-nav button.owl-prev {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;

	margin-right: -1px;
}

.owl-carousel.custom-nav .owl-nav button.owl-next {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.owl-carousel.custom-nav .owl-nav button.owl-prev:focus-visible,
.owl-carousel.custom-nav .owl-nav button.owl-prev:hover,
.owl-carousel.custom-nav .owl-nav button.owl-next:focus-visible,
.owl-carousel.custom-nav .owl-nav button.owl-next:hover {
	background-color: var(--color-blue-007);
	color: var(--color-white);
}

.owl-dots {
	margin-top: 10px;
	margin-bottom: 30px;

	display: block;
	text-align: center;
	position: relative;
}

.owl-carousel button.owl-dot {
	width: 22px;
	height: 10px;

	background: var(--color-grey-ddd);
	display: inline-block;
	margin: 0 3px;
	border-radius: 20px;
}

.owl-carousel button.owl-dot.active {
	background: var(--color-blue-007);
}

.owl-carousel.carousel .owl-item img {
	width: auto;
}

.owl-carousel.carousel .owl-dots {
	margin-bottom: 0;
}

.banner-block-home .banner-box {
	height: 165px;
}

.banner-block-home .banner-box .banner-text .name {
	margin-bottom: 5px;
}

.banner-block-home .banner-box .title {
	color: var(--color-grey-22);
	margin-bottom: 10px;
	font-size: 15px;
	display: block;
	width: 60%;
}

.banner-block-home .banner-box a {
	color: var(--color-grey-22);
	text-decoration: underline;
	font-size: 14px;
}

.banner-block-home .banner-box a:focus-visible,
.banner-block-home .banner-box a:hover {
	color: var(--color-blue-107);
}

.card .image-container {
	position: relative;
}

.card .image-container:has(.sale) {
	overflow: hidden;
	border-top-left-radius: 10px;
}

.card .image-container:has(.none-slider-bigthumb) {
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card .image-container .sale {
	position: absolute;
	top: 0;
	left: 0;
	background: var(--color-yellow-ffd);
	padding: 30px 40px 7px 40px;
	color: var(--color-black);
	font-weight: 500;
	z-index: 2;
	font-size: 13px;
	transform: translate(-40%, -30%) rotate(-45deg);
}

.card .image-container .none-slider-bigthumb {
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-marker {
	--font-size: 22px;
	--padding-block: 6px;
	--border-radius: 6px;
	--marker-color: var(--color-black);

	position: absolute;
	left: 0;
	bottom: 20%;
	z-index: 10;

	display: inline-flex;
	align-items: center;
}

.product-marker[data-energy-type="A+++"] {
	--marker-color: #009208;
}
.product-marker[data-energy-type="A++"] {
	--marker-color: #01b701;
}
.product-marker[data-energy-type="A+"] {
	--marker-color: #02c50f;
}
.product-marker[data-energy-type="A"] {
	--marker-color: #79d439;
}
.product-marker[data-energy-type="B"] {
	--marker-color: #cfd229;
}
.product-marker[data-energy-type="C"] {
	--marker-color: #fd6800;
}
.product-marker[data-energy-type="D"] {
	--marker-color: #ff2700;
}
.product-marker[data-energy-type="E"] {
	--marker-color: #fe0000;
}
.product-marker[data-energy-type="F"] {
	--marker-color: #560000;
}
.product-marker[data-energy-type="G"] {
	--marker-color: #000;
}

.product-marker-content {
	color: #fff;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: var(--font-size);

	padding-inline: 12px 24px;
	padding-block: var(--padding-block);

	position: relative;
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
	background-color: var(--marker-color);
}

.product-marker-after {
	--border-size: calc((var(--font-size) + var(--padding-block) * 2) / 2);

	position: absolute;
	top: 0;
	left: 100%;

	width: 0;
	height: 0;

	border-top: var(--border-size) solid transparent;
	border-bottom: var(--border-size) solid transparent;
	border-left: var(--border-size) solid var(--marker-color);
}

.thumb-container .slider-thumb {
	width: 100%;
	position: relative;
	z-index: 2;
}

.slider-thumb-container {
	position: relative;
	z-index: 3;
	margin: 0 -5px;
}

.thumb-container .slider-thumb img {
	display: block;
	width: 100%;
	border: 1px solid var(--color-grey-ddd);
	border-radius: 10px;
	opacity: 0.5;
	padding: 10px;
}

.slider-bigthumb {
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid var(--color-grey-ddd);
	border-radius: 10px;
}

.thumb-container .slider-thumb .slick-current img,
.thumb-container .slider-thumb img:focus-visible,
.thumb-container .slider-thumb img:hover {
	opacity: 1;
}

.thumb-container .slider-thumb .slick-slide {
	margin: 0 5px;
	cursor: pointer;
}

.thumb-container .slider-thumb .slick-slide:focus {
	outline: none;
}

.none-slider-bigthumb {
	width: 100%;
}

.slider-bigthumb .slick-slide {
	padding: 15px;
	overflow: hidden;
	border-radius: 10px;
}

.slider-bigthumb .slick-slide a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.slider-bigthumb .slick-slide img {
	width: 100%;
}

.slider-thumb .slick-slide {
	text-align: center;
}

.prev.slick-arrow,
.next.slick-arrow {
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;

	position: absolute;
	top: 50%;
	z-index: 20;

	font-size: 28px;
	font-weight: bold;
	text-align: center;
	color: var(--color-white);

	width: 36px;
	height: 36px;

	cursor: pointer;
	border-radius: 50%;
	margin: -18px auto 0;
	background: var(--color-blue-007);
}

.store_3 .prev.slick-arrow,
.store_3 .next.slick-arrow {
	background: var(--color-purple-99);
}

.prev.slick-arrow {
	left: -13px;
}

.next.slick-arrow {
	right: -13px;
}

.prev.slick-arrow.slick-disabled,
.next.slick-arrow.slick-disabled {
	color: var(--color-grey-98);
	background: var(--color-white-ed);
}

.checkcontainer {
	padding: 5px 20px;
	margin: 0 5px 5px 0;

	width: auto;
	cursor: pointer;
	font-size: 13px;
	user-select: none;
	border-radius: 6px;
	position: relative;
	display: inline-block;
	border: 1px solid var(--color-grey-ddd);
}

.checkcontainer .text {
	position: relative;
	z-index: 3;
}

.checkcontainer input {
	width: 0;
	height: 0;

	opacity: 0;
	cursor: pointer;
	position: absolute;
}

.radiobtn {
	position: absolute;
	inset: -1px;

	background: none;
	border-radius: 6px;
	border: 1px solid var(--color-grey-ddd);
}

.checkcontainer:focus-visible input ~ .radiobtn,
.checkcontainer:hover input ~ .radiobtn {
	background-color: var(--color-grey-ccc);
}

.checkcontainer input:checked ~ .radiobtn {
	border-color: var(--color-white-edf);
	background: var(--color-white-edf);
}

.checkcontainer img {
	width: 30px;
	height: 30px;

	border-radius: 50%;
	border: 1px solid var(--color-grey-ddd);
}

.checkboxcontainer {
	font-size: 13px;
	line-height: 20px;

	padding-left: 30px;
	margin-bottom: 10px;

	display: block;
	cursor: pointer;
	user-select: none;
	position: relative;
}

.checkboxcontainer input {
	position: absolute;
	opacity: 0;

	width: 0;
	height: 0;

	cursor: pointer;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;

	width: 20px;
	height: 20px;

	border-radius: 3px;
	border: 1px solid var(--color-grey-ddd);
}

.checkboxcontainer:focus-visible input ~ .checkmark,
.checkboxcontainer:hover input ~ .checkmark {
	background-color: var(--color-grey-ccc);
}

.checkboxcontainer input:checked ~ .checkmark {
	background-color: var(--color-teal-00a);
	border-color: var(--color-teal-00a);
}

.checkboxcontainer:after {
	content: "";
	position: absolute;
	display: none;
}

.checkboxcontainer input:checked ~ .checkmark:after {
	display: block;
}

.checkboxcontainer .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
}

.review-stars-lab {
	overflow: hidden;
}

.lab-text {
	font-size: 14px;
	float: left;
	margin-right: 30px;
	margin-top: 2px;
}

#reviewstar {
	overflow: hidden;
	position: relative;
	float: left;
}

#reviewstar input {
	opacity: 0;
	position: absolute;
	top: 0;
	z-index: 0;
	width: 18px;
	height: 20px;
	margin: 0;
}

#reviewstar input:checked ~ label {
	color: var(--color-yellow-ffd);
}

#reviewstar label {
	float: right;
	cursor: pointer;
	margin-bottom: 0;
	margin-right: 4px;
	position: relative;
	z-index: 1;
	color: var(--color-white-e2);
	font-size: 19px;
	transition: 0.3s all;
}

#reviewstar label:focus-visible,
#reviewstar label:hover,
#reviewstar label:focus-visible ~ label,
#reviewstar label:hover ~ label {
	color: var(--color-yellow-ffd);
}

.product-info h1 {
	font-size: 26px;
	margin: 0 0 10px;
}

.product-info .rating {
	margin-bottom: 15px;
}

.product-info .product-icons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;

	position: relative;
}

.product-info .product-icons .icon-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-info .product-icons img {
	width: 100%;
	max-width: 60px;
	height: auto;
	border-radius: 10px;
}

.product-info .product-icons .icon-tooltip {
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	z-index: 1000;

	padding-top: 10px;
}

.product-info .product-icons .icon-tooltip-container {
	width: clamp(200px, 100%, 300px);

	padding: 5px 10px;
	border-radius: 5px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	background-color: rgba(255, 255, 255, 0.9);
}

.product-info .product-icons .icon-tooltip-container > *:last-child {
	margin-bottom: 0;
}

.box-info-product {
	overflow: hidden;
}

.box-info-product .form-group {
	float: left;
	margin: 0;
	width: 100%;
}

.box-info-product #button-cart,
.box-info-product input[type="button"].btn-block.occm-button {
	max-width: calc(50% - calc(var(--gap) / 2));
	width: 100%;

	font-size: 14px;
}

.number-spinner {
	border-radius: 30px;
	overflow: hidden;
}

.detail-action {
	display: flex;
	align-items: center;
	gap: 10px;
}

.detail-action .btn-icon {
	border: none;
	color: var(--color-blue-007);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border-radius: 50%;
}

.store_3 .detail-action .btn-icon {
	color: var(--color-purple-99);
}

.detail-action .btn-icon:focus-visible,
.detail-action .btn-icon:hover {
	color: var(--color-white);
	background: var(--color-blue-007);
}

.store_3 .detail-action .btn-icon:focus-visible,
.store_3 .detail-action .btn-icon:hover {
	color: var(--color-pink);
}

.detail-action .btn-icon span {
	font-size: 20px;
	float: left;
}

.number-spinner .btn {
	height: 42px;
	background: var(--color-white-eae);
	color: var(--color-black);
	border: none;
	padding: 10px 20px;
}

.number-spinner .btn:hover {
	background: var(--color-blue-007);
	color: var(--color-white);
}

.number-spinner .form-control {
	height: 42px;
	border-color: var(--color-white-eae);
}

.product-price {
	display: flex;
	align-items: center;
	gap: 10px;

	margin-bottom: 15px;
}

.product-price-logos {
	display: flex;
	gap: 5px;
}

.product-price-logos svg {
	max-width: 40px;
	height: 100%;
}

.product-price .new-price {
	color: var(--color-red-ff0);
	font-size: 24px;
	font-weight: 600;
	display: inline-block;
}

.product-price .new-price.arch_price {
	color: var(--color-grey-999);
}

.product-price .tax {
	font-size: 12px;
}

.product-price .old-price {
	display: inline-block;
	font-size: 20px;
	text-decoration: line-through;
	color: var(--color-grey-af);
	font-weight: 300;
}

.product-info .list-unstyled {
	margin-bottom: 15px;
	line-height: 30px;
}

.product-info .list-unstyled span {
	display: inline-block;
	width: 150px;
}

.box-review {
	margin-bottom: 15px;
}

.box-review .rating {
	display: inline-block;
	margin: 0 20px 0 0;
	z-index: 0;
	position: relative;
}

.card-info .nav-tabs {
	margin: 0;
	padding: 0;

	border: none;
	background: none;
}

.card-info .nav-tabs > li {
	float: left;
	margin-bottom: 0;
}

.card-info .nav-tabs > li > a {
	font-size: 16px;
	font-weight: 400;
	color: var(--color-grey-22);

	margin: 0;
	padding: 14px 25px;

	display: block;
	border-radius: 0;
	position: relative;
	border: none !important;
}

.card-info .nav-tabs > li.active > a {
	background: var(--color-white);
}

.card-info .nav-tabs > li.active > a:hover {
	background-color: var(--color-white);
}

.card-info .nav-tabs > li > a:hover {
	border: none;
	color: var(--color-grey-22);
	background-color: var(--color-white-e8);
}

.review-box .autor {
	font-size: 16px;
	font-weight: 500;
}

.review-box {
	margin-bottom: 30px;
	padding-bottom: 30px;

	position: relative;
	background: var(--color-white);
	border-bottom: 2px solid var(--color-white-f7);
}

.review-box .date {
	font-weight: 600;
	color: var(--color-grey-dcd);
}

#sidebar-btn {
	width: 50px;
	height: 50px;

	float: right;
	display: none;
	cursor: pointer;
	position: relative;
	border-radius: 50%;
	transform: rotate(0deg);
	transition: 0.5s ease-in-out;
	background: var(--color-white);
}

#sidebar-btn span {
	position: absolute;
	left: 0;

	height: 1px;
	width: 24px;

	opacity: 1;
	display: block;
	border-radius: 9px;
	transform: rotate(0deg);
	transition: 0.25s ease-in-out;
	background: var(--color-grey-22);
}

#sidebar-btn span:nth-child(1) {
	top: 18px;
}

#sidebar-btn span:nth-child(2),
#sidebar-btn span:nth-child(3) {
	top: 25px;
}

#sidebar-btn span:nth-child(4) {
	top: 32px;
}

#sidebar-btn.open span:nth-child(1) {
	width: 0;
	top: 18px;
	left: 50%;
}

#sidebar-btn.open span:nth-child(2) {
	transform: rotate(45deg);
}

#sidebar-btn.open span:nth-child(3) {
	transform: rotate(-45deg);
}

#sidebar-btn.open span:nth-child(4) {
	width: 0;
	top: 18px;
	left: 50%;
}

#sidebar-btn-mobile {
	width: 50px;
	height: 50px;

	float: right;
	display: none;
	cursor: pointer;
	position: relative;
	border-radius: 50%;
	transform: rotate(0deg);
	transition: 0.5s ease-in-out;
	background: var(--color-white);
}

.show-sidebar-list {
	display: none;
}

.sidebar-list.wt-list > li > a {
	color: var(--color-white);
	padding: 15px 15px 15px 45px;
}

.sidebar-list.show-sidebar-list > li > a span {
	left: 15px;
	right: auto;
}

.main-table {
	width: 100%;
}

.main-table tr th {
	padding: 10px;
	font-weight: 500;
	vertical-align: middle;
	border-bottom: 1px solid var(--color-grey-ddd);
}

.main-table tr td {
	padding: 10px;
	vertical-align: middle;
	border-top: 1px solid var(--color-white-f0f);
}

.main-table tr td.price {
	font-weight: bold;
}

.main-table tr td.head-td {
	padding: 10px;
	background: var(--color-white-f7);
}

.group-inpt .btn {
	height: 38px;
	padding: 5px 20px;
}

.panel > .list-group {
	border-radius: 10px;
}

.panel-default > .panel-heading {
	border-top-left-radius: var(--sidebar-border-radius);
	border-top-right-radius: var(--sidebar-border-radius);

	padding: 15px;
	border-bottom: none;
	background-color: inherit;
	color: var(--color-grey-22);
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: var(--color-white-f7);
}

.panel-default > .panel-heading > .panel-title > a {
	display: block;
	position: relative;
}

.panel-default > .panel-heading > .panel-title > a .fa {
	right: 15px;
	font-size: 19px;
	position: absolute;
}

.panel-group .panel {
	overflow: hidden;
	margin-bottom: 0;
	border-radius: 3px;
	background: var(--color-white);
}

.account-box {
	text-align: center;
	color: var(--color-grey-22);

	padding: 20px 35px;
	margin-bottom: 30px;

	display: block;
	border: 1px solid var(--color-grey-ddd);
	border-radius: 10px;
}

.account-box span {
	display: block;
	font-size: 36px;
	margin-bottom: 10px;
}

.account-box:hover {
	background: var(--color-white-f0f);
}

.option-label {
	font-size: 16px;
}

.input-image {
	display: inline-block;
	margin-right: 5px;
}

.input-image img {
	width: 50px;
	height: 50px;

	padding: 2px;
	display: block;
}

.input-image label {
	padding: 0;
}

.checkbox + .checkbox,
.radio + .radio {
	margin-top: 10px;
}

.input-image [type="radio"]:not(:checked),
.input-image [type="radio"]:checked {
	left: -9999px;
	position: absolute;
}

.input-image [type="radio"]:checked + img {
	background: var(--color-blue-298);
}

.input-image [type="radio"]:disabled + label {
	color: var(--color-grey-aaa);
}

.show-tablet {
	display: none !important;
}

.hide-tablet {
	display: block !important;
}
.featured-carousel-wrapper {
	margin-bottom: 30px;
}

.slider-home-carousel {
	border-top: 1px solid var(--color-white-f7);
}

.slider-home-carousel .home-carousel-wrapper {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;

	background: var(--color-blue-007);
	background-size: cover;

	width: 100%;
}

.slider-home-carousel .left-info {
	display: flex;
	align-items: center;

	width: 65%;
	height: 100%;

	padding: 20px;
	color: var(--color-grey-33);
}

.slider-home-carousel .slider-title {
	font-size: 32px;
	font-weight: bold;
	line-height: 110%;

	margin-bottom: 10%;
}

.slider-home-carousel .after-title {
	font-size: 18px;
	margin-bottom: 20px;
}

.slider-home-carousel .price-text {
	display: flex;
	align-items: center;
	justify-content: center;

	font-size: 18px;
	margin-bottom: 20px;
}

.slider-home-carousel .price-text span {
	font-size: 30px;
	font-weight: 700;

	margin: 0 5px;
}

.slider-home-carousel .list-attribute .item span {
	font-size: 24px;
	line-height: 46px;
	text-align: center;

	width: 46px;
	height: 46px;

	border-radius: 50%;
	border: 1px solid var(--color-white);

	float: left;
	margin-right: 10px;
}

.slider-home-carousel .list-attribute .item {
	overflow: hidden;
	margin-top: 15px;
}

.slider-home-carousel .right-info {
	display: flex;
	align-items: flex-end;

	width: 35%;
}

.owl-carousel .owl-item .right-info img {
	width: 100%;
	height: auto;

	float: right;
	display: block;
}

.slider-home-carousel .owl-dots {
	padding: 0 20px;
	margin-top: 10px;

	text-align: left;
}

.slider-home-carousel.owl-carousel button.owl-dot {
	width: 16px;
	height: 16px;

	margin: 0 5px 0 0;
	border-radius: 20px;
	background: var(--color-blue-007);
}

.store_3 .slider-home-carousel.owl-carousel button.owl-dot {
	background: var(--color-purple-99);
}

.slider-home-carousel.owl-carousel button.owl-dot.active {
	background: var(--color-white);
}

.slider-home-carousel .main-btn {
	margin-right: 30px;
	color: var(--color-white);
	background: var(--color-blue-007);
	border-color: var(--color-blue-007);
}

.store_3 .slider-home-carousel .main-btn {
	background: var(--color-purple-99);
	border-color: var(--color-purple-99);
}

.slider-home-carousel .black-friday {
	--bf-bg-color: #101010;
	--bf-main-color: #f9f7f7;
	--bf-second-color: #ff0000;
	--bf-after-height: 50px;

	background-color: var(--bf-bg-color);
}

.slider-home-carousel .black-friday .left-info {
	width: 50%;
	text-align: center;
	justify-content: center;
	padding-bottom: var(--bf-after-height);
}

.slider-home-carousel .black-friday .left-info .main-info {
	font-weight: 700;
	font-size: 1.1rem;
	text-transform: uppercase;
	color: var(--bf-main-color);

	padding: 0;
	background-color: unset;
}

.slider-home-carousel .black-friday .left-info .slider-date {
	margin-bottom: 3%;
	font-size: inherit;
}

.slider-home-carousel .black-friday .left-info .slider-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	font-size: 10rem;
	line-height: 0.75em;

	height: unset;
	margin-bottom: 3%;
}

.slider-home-carousel .black-friday .left-info .slider-title .red {
	color: var(--bf-second-color);
}

.slider-home-carousel .black-friday .left-info .after-title {
	margin: 0;
	font-size: inherit;
}

.slider-home-carousel .black-friday .right-info {
	display: flex;
	align-items: center;

	padding-inline: 20px;
	padding-block: 10px var(--bf-after-height);

	width: 50%;
	height: 100%;
}

.slider-home-carousel .black-friday .black-friday-after {
	position: absolute;
	bottom: 0;
	inset-inline: 0;

	display: flex;
	align-items: center;

	font-weight: 700;
	text-transform: uppercase;

	padding: 10px;
	height: var(--bf-after-height);
	background-color: var(--bf-second-color);
}

.slider-home-carousel .black-friday .black-friday-after ul {
	--bf-gap: 50px;
	display: inline-flex;
	gap: var(--bf-gap);

	line-height: 30px;
	white-space: nowrap;

	margin: 0;
	padding-inline: calc(var(--bf-gap) / 2);

	list-style: none;
}

.slider-home-carousel .black-friday .black-friday-after li:nth-child(odd) {
	color: var(--bf-main-color);
}

.slider-home-carousel .black-friday .black-friday-after li:nth-child(even) {
	color: var(--bf-bg-color);
}

.slider-home-carousel .valentine .main-btn {
	background: var(--color-red-eb7);
	color: var(--color-white);
}

#back-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1000;
	background: var(--color-white-e5e);
	color: var(--color-grey-22);
	margin-bottom: 0;
	text-align: center;
	border-radius: 50%;
	transition: 0.3s all;
	width: 50px;
	height: 50px;
	line-height: 56px;
	font-size: 40px;
	cursor: pointer;
	opacity: 1;
}

#back-top:hover {
	opacity: 1;
	background: var(--color-blue-239);
	color: var(--color-white);
}

#policy {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9999;

	font-weight: 400;
	color: var(--color-white);

	opacity: 0;
	width: 100%;
	display: none;
	padding: 20px 0;
	transition: 0.3s;
	visibility: hidden;
	background-color: var(--color-blue-007);
	box-shadow: 0 0 0 3px var(--color-blue-007);
}

#policy.active {
	display: block;
}

#policy.activated {
	opacity: 1;
	visibility: visible;

	margin-bottom: 0;
}

.policy-container {
	text-align: right;
}

.policy-text {
	font-size: 12px;
	text-align: left;

	float: left;
	width: calc(100% - 200px);
}

#policy .policy-confirm {
	font-size: 12px;
	color: var(--color-grey-22);

	transition: 0.3s;
	padding: 10px 25px;
	border-radius: 40px;
	display: inline-block;
	background-color: var(--color-white);
}

#policy .policy-confirm:hover {
	color: var(--color-grey-22);
	background-color: var(--color-white-ed);
}

.pagination > li > a,
.pagination > li > span {
	font-size: 12px;
	font-weight: 500;
	line-height: 34px;
	text-align: center;
	color: var(--color-grey-777);

	width: 34px;
	height: 34px;

	padding: 0;
	border: none;
	border-radius: 50%;
	background: var(--color-white);
}

.pagination > li {
	margin-right: 5px;
	display: inline-block;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
	border-radius: 50%;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-radius: 50%;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	z-index: 2;
	cursor: default;
	color: var(--color-white);
	border-color: var(--color-grey-777);
	background-color: var(--color-grey-777);
}

.manufactured-box {
	background: var(--color-white);
	display: block;
	padding: 15px;
	text-align: center;
	border-radius: 10px;
	font-size: 14px;
	color: var(--color-grey-22);
	font-weight: 500;
	margin-bottom: 15px;
}

.manufactured-box:hover {
	color: var(--color-grey-22);
	box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.15);
}

.manufactured-box img {
	width: 100%;
	margin: 0 auto;
	display: block;
}

.list-group.category-group {
	background-color: var(--color-white);
	padding: 10px;
	border-radius: var(--sidebar-border-radius);
}

.store_3 .list-group.category-group {
	background: var(--color-purple-99);
}

.list-group.category-group a {
	color: var(--color-grey-22);
	padding: 10px 15px;
	border: none;
	border-radius: 6px;
	font-weight: 500;
	font-size: 13px;
	background: none;
}

.list-group-item {
	border-top: none;
}

.list-group.category-group .list-group-item:first-child {
	border-radius: 6px;
}

.list-group.category-group a.active,
.list-group.category-group a.active:hover,
.list-group.category-group a:hover {
	color: var(--color-white);
	background: var(--color-blue-42a);
	border: none;
	text-shadow: none;
}

.store_3 .list-group.category-group a.active,
.store_3 .list-group.category-group a.active:hover,
.store_3 .list-group.category-group a:hover,
.store_3 .list-group.category-group a {
	background: var(--color-pink);
}

.service-aside {
	background: var(--color-white);
	padding: 30px 0 0;
	border-radius: 3px;
	display: flex;
	border-top: 1px solid var(--color-white-ed);
	margin-top: 30px;
}

.service-aside .service-item {
	padding: 0 10px 0 40px;
	position: relative;
	width: 33.3333%;
}

.service-aside .service-item:last-child {
	margin-bottom: 0;
}

.service-aside .service-item .title {
	font-size: 14px;
}

.service-aside .service-item .text {
	font-size: 13px;
	color: var(--color-grey-777);
}

.service-aside .service-item span {
	font-size: 27px;
	position: absolute;
	left: 0;
	top: 3px;
}

.widget-banner {
	position: relative;
	margin-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
}

.widget-banner img {
	width: 100%;
	transition: all 1s ease 0s;
}

.widget-banner:hover img {
	transform: scale(1.1) rotateZ(-1.5deg);
}

.banner-body {
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	color: var(--color-white);
}

.banner-body .main-btn {
	background: var(--color-red-ff0);
	color: var(--color-black);
	border-color: var(--color-red-ff0);
	width: 150px;
	margin: 15px auto 0;
	display: block;
}

.banner-body .title {
	position: relative;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding: 20px 20px 10px;
}

.banner-body .subtitle {
	font-size: 13px;
	position: relative;
	text-align: center;
	padding: 0 20px 0;
}

#lightboxOverlay {
	position: fixed !important;
	top: 0;
	left: 0;
	height: 100% !important;
	width: 100% !important;
}

#lightbox {
	position: fixed !important;
	top: 50% !important;
	transform: translateY(-50%);
}

.sidebar-btn-text {
	display: none;
}

/* mono banner */
.slider-home-carousel .mono::before {
	content: '';

	position: absolute;
	inset: 0;


	width: 100%;
	max-width: 100%;

	background-image: url(/image/catalog/banners/mono-pseudo-1.png);
	background-size: 50%;
	background-position: bottom;
	background-repeat: repeat-x;
}

.slider-home-carousel .mono .left-info {
	position: relative;
	z-index: 2;

	padding: 0;
	color: var(--color-white);
}

.slider-home-carousel .mono .left-info::after {
	content: '';

	position: absolute;
	right: 0;
	inset-block: 0;
	z-index: -1;

	width: 100%;
	max-width: 100px;

	background-image: url(/image/catalog/banners/mono-pseudo-2.png);
	background-size: contain;
	background-position: bottom;
	background-repeat: repeat-x;
}

.slider-home-carousel .mono .left-info .main-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;

	padding-block: 20px;
	padding-inline: 40px;

	color: #fff;
	text-align: center;
	text-shadow: 0 0 5px var(--color-black);

	background: none;
	position: relative;
	width: 100%;
}

.slider-home-carousel .mono .slider-title {
	color: inherit;
	font-size: 3rem;
	text-transform: uppercase;

	width: fit-content;
	height: auto;

	margin: 0;

	position: relative;
}

.slider-home-carousel .mono .after-title {
	font-weight: 700;
	margin: 0;
}

.slider-home-carousel .mono .price-text {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 10px;
	width: 100%;
	margin: 0;
}

.slider-home-carousel .mono .price-text .mono-date {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.slider-home-carousel .mono .price-text .mono-date span {
	font-size: 1.7rem;
	font-weight: 400;

	margin: 0;
}

.slider-home-carousel .mono .price-text .mono-banks {
	justify-self: center;
	max-width: 300px;
	height: auto;
}

.slider-home-carousel .mono .main-btn {
	margin: 0;
	font-weight: 700;
	background-color: var(--color-black);
}

.slider-home-carousel .mono .right-info {
	align-items: center;
	justify-content: center;

	height: 100%;
	width: 100%;

	z-index: 2;
	position: relative;
}

.slider-home-carousel .mono .right-info .mono-items {
	position: relative;
}

.slider-home-carousel .mono .right-info .mono-items::before {
	content: "";
	position: absolute;
	top: 100%;
	z-index: -1;

	inset-inline: 0;
	height: 30%;

	filter: blur(100px);
	border-radius: 100vw;
	background-color: #fff;
}

.slider-home-carousel .mono .right-info .mono-items img {
	width: auto;
	max-width: 100%;
	max-height: 300px;
}

.slider-home-carousel .mono .right-info .mono-cat {
	position: absolute;
	left: 0;
	bottom: 0;

	max-width: 50%;
}

.owl-carousel:has(.owl-item.active > .mono) .owl-dot:not(.active),
.owl-carousel:has(.owl-item.active > .black-friday) .owl-dot:not(.active) {
	background-color: #000;
}

/* spotless banner */
.slider-home-carousel .home-carousel-wrapper.spotless {
	position: relative;
}

.slider-home-carousel .home-carousel-wrapper.spotless::before {
	content: "";
	z-index: 2;
	position: absolute;

	top: -40px;
	inset-inline: 0;

	background-repeat: no-repeat;
	background-image: url(/image/catalog/banners/spotless-pseudo.jpg);

	height: 50px;
}

.slider-home-carousel .home-carousel-wrapper.spotless .left-info {
	text-align: initial;
	color: var(--color-white);

	padding: 0;
	background-color: #9e2896;
}

.slider-home-carousel .home-carousel-wrapper.spotless .main-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;

	height: 100%;
	padding-block: 20px;

	background-color: unset;
}

.slider-home-carousel .home-carousel-wrapper.spotless .slider-title {
	max-width: 50%;
	margin-bottom: 0;
}

.slider-home-carousel .home-carousel-wrapper.spotless .after-title {
	margin-bottom: 0;
	font-weight: 700;
	text-transform: uppercase;
}

.slider-home-carousel .home-carousel-wrapper.spotless .after-title p {
	margin-bottom: 5px;
}

.slider-home-carousel
.home-carousel-wrapper.spotless
.after-title
p:last-child {
	margin-bottom: 0;
}

.slider-home-carousel .home-carousel-wrapper.spotless .price-text {
	font-size: 1.3rem;
	margin-bottom: 0;
}

.slider-home-carousel .home-carousel-wrapper.spotless .right-info {
	height: 100%;
}

.slider-home-carousel
.home-carousel-wrapper.spotless
.right-info
.image-container {
	width: 100%;
	height: 100%;
	display: flex;
}

.slider-home-carousel .home-carousel-wrapper.spotless .right-info img {
	object-fit: cover;
	object-position: left;
	max-height: unset;
}

/* accept-line banner */
.slider-home-carousel .home-carousel-wrapper.accept {
	background-color: #c2b7b3;
}

.slider-home-carousel .home-carousel-wrapper.accept .left-info {
	justify-content: center;
	padding-block: 10px;
}

.slider-home-carousel .home-carousel-wrapper.accept .main-info {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	gap: 10px;

	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-black);

	background: none;
}

.slider-home-carousel .home-carousel-wrapper.accept .after-title {
	display: inherit;
	flex-direction: inherit;
	align-items: inherit;
	gap: 10px;

	margin-bottom: 10%;
}

.slider-home-carousel .home-carousel-wrapper.accept .after-title p {
	margin: 0;
}

.slider-home-carousel .home-carousel-wrapper.accept .price-text p {
	margin: 0;
}

.slider-home-carousel .home-carousel-wrapper.accept .price-text a {
	font-size: 1.3rem;
	font-weight: inherit;

	margin: 0;
	padding-inline: 1.5em;

	border-radius: 15px;
	background-color: #454344;
}

.slider-home-carousel .home-carousel-wrapper.accept .price-text {
	justify-content: inherit;
	margin: 0;
}

.slider-home-carousel .home-carousel-wrapper.accept .right-info {
	width: 100%;
	height: 100%;
}

.slider-home-carousel
.home-carousel-wrapper.accept
.right-info
.image-container {
	width: 100%;
	height: 100%;

	position: relative;
}

.slider-home-carousel .home-carousel-wrapper.accept .right-info img {
	position: absolute;
}

/* coffee banner */
.slider-home-carousel .home-carousel-wrapper.coffee {
	background-color: #928074;
}

.slider-home-carousel .home-carousel-wrapper.coffee .left-info {
	padding: 0;
	text-align: center;
	justify-content: center;
}

.slider-home-carousel .home-carousel-wrapper.coffee .main-info {
	display: inherit;
	align-items: center;
	flex-direction: column;
	justify-content: inherit;

	font-size: 1.25rem;
	font-weight: 700;
	color: var(--color-white);
	text-transform: uppercase;

	width: 100%;
	height: 100%;

	position: relative;
	background-color: unset;
}

.slider-home-carousel .home-carousel-wrapper.coffee .main-info::before,
.slider-home-carousel .home-carousel-wrapper.coffee .main-info::after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
}

.slider-home-carousel .home-carousel-wrapper.coffee .main-info::before {
	inset-inline: 0;
	bottom: 0;

	width: 100%;
	height: 25%;

	background-size: cover;
	background-image: url(/image/catalog/banners/coffee-pseudo.png);
}

.slider-home-carousel .home-carousel-wrapper.coffee .main-info::after {
	z-index: 1;
	right: -20%;
	inset-block: 0;

	background-size: contain;
	background-position: center;
	background-image: url(/image/catalog/banners/coffee-machine.png);

	height: 100%;
	width: 300px;
}

.slider-home-carousel .home-carousel-wrapper.coffee .price-text {
	position: absolute;
	top: 3%;
	left: 3%;

	flex-direction: column;
	gap: 10px;

	margin: 0;
	padding-block: 10px;

	background-color: #55402d;
	border-radius: 50%;
}

.slider-home-carousel .home-carousel-wrapper.coffee .price-text .price-new {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	font-size: 2rem;
}

.slider-home-carousel .home-carousel-wrapper.coffee .price-text .price-old {
	font-size: 1.25rem;
}

.slider-home-carousel .home-carousel-wrapper.coffee .price-text span {
	line-height: 1;
	font-size: inherit;

	margin: 0;
}

.slider-home-carousel .home-carousel-wrapper.coffee .price-text .number {
	width: 100%;
}

.slider-home-carousel .home-carousel-wrapper.coffee .price-text .currency {
	font-size: 0.8em;
}

.slider-home-carousel .home-carousel-wrapper.coffee .price-text .line-through {
	text-decoration: line-through;
}

.slider-home-carousel .home-carousel-wrapper.coffee .slider-title {
	max-width: 50%;
	margin-bottom: 5%;
	font-size: inherit;
	z-index: 2;
}

.slider-home-carousel .home-carousel-wrapper.coffee .after-title {
	max-width: 60%;
	margin-bottom: 0;
	font-size: inherit;
	z-index: 2;
}

.slider-home-carousel .home-carousel-wrapper.coffee .right-info {
	height: 100%;
}

.slider-home-carousel .home-carousel-wrapper.coffee .image-container {
	width: 100%;
	height: 100%;
	display: flex;
}

.slider-home-carousel .home-carousel-wrapper.coffee .right-info img {
	object-fit: cover;
	object-position: left;
	max-height: unset;
}

/* new year banner */
.slider-home-carousel .home-carousel-wrapper.new-year {
	--bg-color: #007bc0;
	background-color: var(--bg-color);
	z-index: 1;
}

.slider-home-carousel .home-carousel-wrapper.new-year::before,
.slider-home-carousel .home-carousel-wrapper.new-year::after {
	content: "";
	z-index: -1;
	position: absolute;
	background-image: url(/image/catalog/banners/new-year-bg-shape.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.slider-home-carousel .home-carousel-wrapper.new-year::after {
	transform: rotate(180deg);
}

.slider-home-carousel .home-carousel-wrapper.new-year .left-info {
	justify-content: center;
}

.slider-home-carousel .home-carousel-wrapper.new-year .right-info {
	width: 100%;
	padding: 20px;
	position: relative;
	justify-content: center;
}

.slider-home-carousel .home-carousel-wrapper.new-year .main-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;

	background-color: unset;
}

.slider-home-carousel .home-carousel-wrapper.new-year .slider-title {
	text-transform: uppercase;
	color: var(--color-white);

	margin: 0;
}

.slider-home-carousel .home-carousel-wrapper.new-year .after-title {
	position: relative;
	z-index: 2;

	font-size: 4rem;
	font-weight: 700;
	letter-spacing: 0.05rem;
	color: var(--bg-color);

	margin: 0;
}

.slider-home-carousel .home-carousel-wrapper.new-year .after-title::before {
	content: "до";
	position: absolute;
	font-size: 1.5rem;
	left: -3px;
	top: 35%;
	transform: translateY(-50%);
	letter-spacing: 0;
}

.slider-home-carousel .home-carousel-wrapper.new-year .after-title::after {
	content: "";
	position: absolute;
	z-index: -1;
	inset: -20%;
	background-image: url(/image/catalog/banners/new-year-shape.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.slider-home-carousel .home-carousel-wrapper.new-year .main-btn {
	background-color: var(--color-white);
	color: var(--color-black);
	font-weight: 700;
	margin: 0;
	opacity: 0.8;
}

.slider-home-carousel .home-carousel-wrapper.new-year .main-btn:hover {
	opacity: 1;
}

.slider-home-carousel .home-carousel-wrapper.new-year .new-year-items {
	max-height: 280px;
	width: auto;
}

.slider-home-carousel .home-carousel-wrapper.new-year .new-year-cat {
	position: absolute;
	top: 20px;
	right: 20px;
	max-width: 50px;
}

.slider-home-carousel:has(.owl-item.active .new-year) .owl-dot:not(.active) {
	background-color: var(--color-black);
}

.slider-home-carousel .home-carousel-wrapper.thin {
	--color-main: #18494a;
	--color-second: #942d87;
	background-image: linear-gradient(to right, var(--color-main) 40%, #fff);
}

.slider-home-carousel .home-carousel-wrapper.thin .left-info {
	padding: 0;
}

.slider-home-carousel .home-carousel-wrapper.thin .right-info {
	gap: 10px;
	align-items: center;

	height: 100%;
	padding: 10px;
}

.slider-home-carousel .home-carousel-wrapper.thin .main-info {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	gap: 3em;

	color: #fff;
	font-size: 10px;
	font-weight: 700;

	background: none;
	width: 100%;
}

.slider-home-carousel .home-carousel-wrapper.thin .slider-title {
	font-size: 1.7em;
	text-align: center;

	margin: 0;
	padding: 10px 20px;

	width: 100%;
	background-color: var(--color-second);
}

.slider-home-carousel .home-carousel-wrapper.thin .after-title {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1em;

	font-size: 1.2em;
	white-space: nowrap;

	margin: 0;
}

.slider-home-carousel .home-carousel-wrapper.thin .after-title p {
	border-radius: 20px;
	border: 1px solid #fff;

	margin: 0;
	padding: 5px 20px;

	text-align: center;
	background-color: var(--color-main);
	box-shadow: -6px 0 0 var(--color-second);
}

@media (max-width: 767px) {
	.slider-home-carousel .home-carousel-wrapper.coffee .left-info {
		display: flex;
	}

	.slider-home-carousel .home-carousel-wrapper.coffee .main-info {
		padding: 20px;
	}

	.slider-home-carousel .home-carousel-wrapper.coffee .main-info::after {
		display: none;
	}

	.slider-home-carousel .home-carousel-wrapper.coffee .price-text {
		top: unset;
		bottom: -50%;
	}

	.slider-home-carousel .home-carousel-wrapper.coffee .slider-title {
		max-width: 85%;
		margin-bottom: 20%;
	}

	.slider-home-carousel .home-carousel-wrapper.coffee .after-title {
		max-width: 90%;
	}

	.slider-home-carousel .home-carousel-wrapper.new-year::before {
		top: -5%;
		left: -15%;
		width: 60%;
		height: 60%;
	}

	.slider-home-carousel .home-carousel-wrapper.new-year::after {
		right: -15%;
		bottom: -5%;
		width: 60%;
		height: 60%;
	}

	.slider-home-carousel .black-friday .left-info,
	.slider-home-carousel .black-friday .right-info {
		width: 100%;
	}

	.slider-home-carousel .home-carousel-wrapper.spotless .main-info {
		padding-block: 15px;
	}

	.slider-home-carousel .home-carousel-wrapper.spotless .slider-title {
		max-width: 25%;
	}
}

@media (min-width: 768px) {
	.slider-home-carousel .home-carousel-wrapper.spotless .left-info {
		width: 35%;
	}

	.slider-home-carousel .home-carousel-wrapper.spotless .price-text {
		margin-bottom: 10px;
	}

	.slider-home-carousel .home-carousel-wrapper.spotless .right-info {
		width: 65%;
	}

	.slider-home-carousel .home-carousel-wrapper.accept .left-info {
		width: 50%;
	}

	.slider-home-carousel .home-carousel-wrapper.accept .right-info {
		width: 50%;
	}

	.slider-home-carousel .home-carousel-wrapper.coffee .left-info {
		width: 60%;
	}

	.slider-home-carousel .home-carousel-wrapper.coffee .main-info {
		font-size: 1.5rem;
	}

	.slider-home-carousel .home-carousel-wrapper.coffee .main-info::after {
		right: -40%;
	}

	.slider-home-carousel .home-carousel-wrapper.coffee .right-info {
		width: 40%;
	}

	.slider-home-carousel .home-carousel-wrapper.new-year::before {
		inset: -20%;
	}

	.slider-home-carousel .home-carousel-wrapper.new-year::after {
		inset: -20%;
	}

	.slider-home-carousel .home-carousel-wrapper.new-year .left-info {
		width: 50%;
	}

	.slider-home-carousel .home-carousel-wrapper.new-year .right-info {
		width: 50%;
	}

	.slider-home-carousel .home-carousel-wrapper.thin .left-info {
		width: 50%;
	}

	.slider-home-carousel .home-carousel-wrapper.thin .right-info {
		width: 50%;
	}

	.product-info .product-icons .icon-container {
		position: relative;
	}
}

@media (max-width: 991px) {
	.slider-home-carousel .home-carousel-wrapper.accept .right-info img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.slider-home-carousel .home-carousel-wrapper.accept .right-info img {
		object-position: left;
	}
}

@media (min-width: 992px) {
	.slider-home-carousel .mono .price-text .mono-date span {
		font-size: 2rem;
	}

	.slider-home-carousel .home-carousel-wrapper.accept .price-text a {
		font-size: 1.75rem;
	}

	.slider-home-carousel .home-carousel-wrapper.coffee .main-info::after {
		right: -20%;
	}

	.slider-home-carousel .home-carousel-wrapper.coffee .price-text {
		top: 10%;
		left: 5%;

		gap: 15px;
	}

	.slider-home-carousel .home-carousel-wrapper.coffee .price-text .price-new {
		font-size: 3rem;
	}

	.slider-home-carousel .home-carousel-wrapper.coffee .price-text .price-old {
		font-size: 1.5rem;
	}

	.slider-home-carousel .home-carousel-wrapper.new-year::before {
		inset: -10%;
	}

	.slider-home-carousel .home-carousel-wrapper.new-year .right-info::before,
	.slider-home-carousel .home-carousel-wrapper.new-year .right-info::after {
		content: "";
		z-index: -1;
		position: absolute;

		background-image: url(/image/catalog/banners/new-year-bg-shape.png);
		background-size: contain;
		background-repeat: no-repeat;

		height: 100%;
		width: 100%;
	}

	.slider-home-carousel .home-carousel-wrapper.new-year .right-info::before {
		left: -85%;
		bottom: -15%;

		transform: rotate(230deg);
	}

	.slider-home-carousel .home-carousel-wrapper.new-year .right-info::after {
		left: -30%;
		top: -15%;

		transform: rotate(100deg) rotateX(180deg);
	}
}

@media (max-width: 424px) {
	.product-price {
		flex-wrap: wrap;
		justify-content: center;
	}

	.product-price-logos {
		width: 100%;
		justify-content: center;
	}

	.subcategory-list {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media (max-width: 1300px) {
	.wrapper {
		padding-left: 0;
	}

	#sidebar-btn {
		display: none;
	}

	#sidebar-btn-mobile {
		display: block;
	}

	#sidebar {
		left: 0;
	}
}

@media (max-width: 1200px) {
	body {
		padding-bottom: 50px;
		padding-top: 110px;
	}

	.header-free-shipment {
		top: 0;
		inset-inline: 0;
		position: absolute;
	}

	.sidebar-list .dropdown-menu .pull-left {
		float: none !important;
	}

	.sidebar-list .dropdown-menu .btn,
	.sidebar-list .dropdown-menu .btn-group,
	.sidebar-list .dropdown-menu .btn-group-vertical {
		width: 100%;
	}

	.sidebar-list .dropdown-menu a {
		text-align: center;
		color: var(--color-white);
	}

	.sidebar-list .dropdown-menu .btn-group.open .dropdown-toggle.btn-link {
		display: none;
	}

	.btn-view .btn {
		width: 42px;
	}

	.show-sidebar-list {
		display: block;
	}

	.btn-settings {
		color: var(--color-white);
	}

	.btn-settings.active {
		color: var(--color-yellow-fd0);
	}

	.btn-settings:hover {
		color: var(--color-white);
	}

	.product-thumb .caption {
		padding: 5px 15px 20px;
	}

	.service-item {
		padding: 15px 0 15px 70px;
	}

	.service-item .title {
		margin-bottom: 5px;
		font-size: 16px;
		font-weight: 500;
	}

	.service-item .text {
		font-size: 15px;
	}

	.banner-block-home .banner-box .title {
		font-size: 15px;
	}

	#search {
		max-width: 465px;
		width: 100%;
		margin-right: 20px;
	}

	.banner-box.yellow-square img,
	.banner-box.blue-square img {
		width: 180px;
		max-height: 240px;
	}

	.banner-box {
		height: 290px;
	}

	.product-list .product-thumb .caption .description {
		font-size: 13px;
		margin-bottom: 10px;
	}

	.product-list .product-thumb .quiqview-btns .icon-btn .text {
		display: none;
	}

	.slider-home-carousel .left-info {
		width: 60%;
	}

	.slider-home-carousel .right-info {
		width: 40%;
	}

	.slider-home-carousel .slider-title {
		font-size: 24px;
		line-height: 1;
	}

	.slider-home-carousel .after-title {
		font-size: 16px;
		margin-bottom: 15px;
	}

	.slider-home-carousel .price-text span {
		font-size: 24px;
		font-weight: 700;
	}

	.slider-home-carousel .list-attribute .item span {
		width: 40px;
		font-size: 20px;
		height: 40px;
		line-height: 40px;
	}

	.slider-home-carousel .list-attribute .item {
		font-size: 12px;
		margin: 10px 0;
	}

	.service-item span {
		top: 16px;
	}

	.footer-service {
		padding: 15px 0;
	}

	.thumb-container {
		margin-bottom: 30px;
	}

	.banner-box img {
		width: auto;
		float: right;
	}

	.two-banners .banner-box .banner-text {
		background: rgba(255, 255, 255, 0.6);
		width: 100%;
		color: var(--color-black);
	}

	.product-list .product-thumb .image img {
		width: 160px;
		height: 160px;
	}

	.product-list .product-thumb .caption {
		margin-left: 175px;
	}

	.btn-cart {
		margin: 0 5px;
	}

	.show-tablet {
		display: block !important;
	}

	.hide-tablet {
		display: none !important;
	}

	.banner-box .banner-text .name {
		font-size: 20px;
	}

	.slider-home-carousel .price-text {
		margin-bottom: 0;
	}

	.list-attribute {
		width: 450px;
	}

	#menu .container {
		width: auto;
	}

	#menu .dropdown-menu {
		left: 0;
		top: auto;
		bottom: 100%;
	}

	#menu #cart .dropdown-menu {
		left: auto;
		top: 100%;
		bottom: auto;
		right: 0;
	}

	#sidebar-btn {
		display: block;
	}

	.sidebar-btn-text {
		display: inline-block;
	}

	#sidebar {
		width: 280px;
		transform: translateX(-280px);
		height: auto;
		bottom: 50px;
		position: fixed;
		top: 70px;
		z-index: 1003;
		overflow: auto;
	}

	#sidebar .container {
		width: auto;
		padding: 0;
	}

	.sidebar-list > li {
		display: block;
		float: none;
	}

	.sidebar-list .dropdown-menu {
		position: relative;
		box-shadow: none;
		background: var(--color-blue-3da);
		width: 100%;
	}

	.sidebar-list .dropdown-menu a:hover {
		background: var(--color-blue-6cb);
	}

	.open-sidebar #sidebar {
		transform: translateX(0);
	}

	#menu {
		position: fixed;
		top: 40px;
	}

	#menu .menu-right {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background: var(--color-white);
		justify-content: space-between;
		height: 50px;
		border-top: 1px solid var(--color-white-ed);
	}

	#menu .menu-right > div,
	#menu .menu-right > a {
		width: 33.3333%;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#menu .menu-right #search {
		display: none;
	}

	#menu .menu-right .icon-btn-menu {
		display: block;
		float: none;
		height: 50px;
		padding: 3px 15px;
		line-height: 50px;
		text-align: center;
	}

	#menu .menu-right .icon-btn-menu .count {
		top: 8px;
		right: 50%;
		margin-right: -24px;
		left: auto;
	}

	#menu .menu-right .dropdown .icon-btn-menu {
		width: 100%;
	}

	#top-menu {
		display: none;
	}

	.footer-powered {
		text-align: center;
	}

	.footer-powered .powered,
	.footer-powered .copyright {
		float: none;
	}
}

@media (max-width: 991px) {
	.slider-home-carousel .left-info {
		width: 45%;
	}

	.slider-home-carousel .right-info {
		width: 55%;
	}

	.slider-home-carousel .main-info {
		width: 100%;
	}

	.slider-home-carousel .price-text span {
		font-size: 22px;
	}

	.slider-home-carousel .black-friday .left-info .main-info {
		font-size: 1.1rem;
	}

	.slider-home-carousel .black-friday .left-info .slider-title {
		font-size: 8rem;
	}

	.slider-home-carousel .black-friday .right-info {
		padding-top: 5px;
		padding-inline: 10px;
	}

	.prev.slick-arrow,
	.next.slick-arrow {
		top: 35px;
	}

	.service-aside .service-item {
		padding: 0;
		text-align: center;
	}

	.service-aside .service-item span {
		position: relative;
		top: 0;
	}

	.review-box {
		padding: 20px;
	}

	.category-wall-box .image {
		width: 100%;
		margin: 0;
	}

	.category-wall-box .category-list {
		width: 100%;
		padding-left: 0;
	}

	.category-wall-box .image img {
		margin: 0 auto;
		display: block;
	}

	.category-wall-box {
		display: block;
	}

	h1.title-page {
		font-size: 20px;
	}

	.servise-widget .widget-box {
		font-size: 11px;
	}

	#back-top {
		z-index: 998;
		background: var(--color-grey-d8);
		bottom: 70px;
		left: auto;
		right: 20px;
	}

	.widget-box .title span {
		float: none;
		margin-right: 0;
		display: block;
		text-align: center;
	}

	.widget-box .title {
		text-align: center;
	}

	.body-widget ul {
		padding-left: 0;
		list-style: none;
	}

	.body-widget ul li {
		margin-bottom: 7px;
		text-align: center;
	}

	.sidebar-list > li > a span {
		right: 15px;
	}

	.slider-home-carousel .main-btn {
		margin-right: 15px;
		padding: 10px 20px;
	}
}

@media (max-width: 767px) {
	#menu .dropdown-menu {
		bottom: 100%;
		top: auto;
		width: auto;
		left: 0;
		right: 0;
		border-radius: 0;
		border-bottom: 1px solid var(--color-grey-ddd);
		box-shadow: none;
		border-top: 1px solid var(--color-grey-ddd);
		margin: 0 !important;
	}

	#menu .menu-right > div,
	#menu .menu-right > a {
		position: initial;
	}

	#logo {
		height: 60px;
	}

	.banner-box .banner-text {
		width: 90%;
	}

	.banner-box.long-banner img {
		height: auto;
		width: auto;
	}

	.banner-box.yellow-square img,
	.banner-box.blue-square img {
		width: auto !important;
		max-height: 200px;
	}

	.yellow-square:before,
	.blue-square:before {
		width: 80px;
	}

	.card {
		padding: 15px;
		margin-bottom: 15px;
	}

	.section-title {
		font-size: 20px;
		padding-right: 80px;
	}

	.category-wall-box {
		height: auto;
		margin-bottom: 15px;
		text-align: center;
	}

	.row .col-sm-6:last-child .category-wall-box {
		margin: 0;
	}

	footer .list-unstyled {
		margin-bottom: 15px;
	}

	.footer-powered {
		margin-top: 10px;
		text-align: center;
	}

	.footer-powered .powered,
	.footer-powered .copyright {
		float: none;
	}

	.banner-box {
		margin-bottom: 15px;
		height: auto;
	}

	.category-wall-box .title {
		height: auto;
	}

	.owl-carousel.custom-nav .owl-nav button.owl-prev,
	.owl-carousel.custom-nav .owl-nav button.owl-next {
		width: 36px;
		height: 30px;
		line-height: 35px;
	}

	.owl-carousel.custom-nav .owl-nav {
		top: -56px;
	}

	#close-sidebar {
		top: 0;
		left: auto;
		right: 0;
	}

	.thumb-container {
		display: block;
		margin-bottom: 15px;
	}

	.slider-thumb-container {
		margin-top: 0;
		margin-bottom: 10px;
	}

	.thumb-container .slider-thumb {
		width: auto;
		margin: 0 -5px;
	}

	.thumb-container .slider-thumb .slick-slide {
		margin: 0 5px;
	}

	.slider-bigthumb {
		margin-left: 0;
		padding-left: 0;
	}

	.prev.slick-arrow,
	.next.slick-arrow {
		border-radius: 50%;
		width: 30px;
		height: 30px;
		position: absolute;
		top: 50%;
		margin-bottom: 0;
		margin-top: -15px;
		z-index: 10;
	}

	#sidebar {
		transform: translateX(-100%);
		transition: all 0.3s ease;
		width: 100%;
		top: 60px;
	}

	#sidebar-btn-mobile {
		margin-top: -5px;
	}

	.navbar-brand {
		display: block;
		padding: 0 15px;
	}

	.navbar-brand img {
		height: 34px;
		margin-top: 9px;
	}

	body {
		padding-top: 172px;
		padding-bottom: 50px;
	}

	#top-menu {
		display: none;
	}

	li.li-category {
		border-bottom: 1px solid var(--color-grey-ddd);
	}

	.category-dropdown > li.dropdown-submenu.open > a:before {
		transform: rotate(90deg);
	}

	.card-category img {
		display: none;
	}

	.card-category h1 {
		font-size: 24px;
	}

	.card-subcategory h2 {
		font-size: 20px;
		margin: 0 0 20px;
	}

	.btn-cart {
		display: none;
	}

	#cart .dropdown-backdrop {
		display: none;
	}

	#cart {
		position: fixed;
		right: 10px;
		z-index: 10;
	}

	#cart .dropdown-menu {
		width: 100%;
		display: block;
		position: fixed;
		left: 0 !important;
		top: 60px !important;
		bottom: 0 !important;
		margin: 0;
		border: none;
		border-radius: 0;
		box-shadow: none;
		background: var(--color-white-f0f);
		overflow: auto;
		padding: 0 0 50px;
		margin-left: -100% !important;
		transition: 0.3s all;
	}

	#cart.open .dropdown-menu {
		margin-left: 0 !important;
	}

	#cart > button.icon-btn-menu {
		border-left: none;
		height: 58px;
		line-height: 58px;
	}

	#cart > button.icon-btn-menu .count {
		right: 7px;
	}

	.navbar-toggle {
		margin-right: 10px;
	}

	.buttons-overflow .pull-left,
	.buttons-overflow .pull-right {
		float: none !important;
	}

	.buttons-overflow .btn {
		display: block;
		width: 100%;
	}

	.buttons-overflow .pull-left .btn {
		margin-bottom: 10px;
	}

	#cart .dropdown-menu li p {
		padding: 0 15px 15px;
		background: none;
		overflow: hidden;
		border-top: none;
	}

	#cart .dropdown-menu li p .btn {
		float: none !important;
		width: 100%;
		margin: 5px 0;
	}

	.mini-cart-table tr {
		display: block;
		position: relative;
		padding-left: 80px;
	}

	.mini-cart-table tr td {
		display: block;
	}

	.mini-cart-table tr td:first-child {
		position: absolute;
		left: 0;
		top: 0;
	}

	.mini-cart-table tr td.count {
		width: 40%;
		display: inline-block;
	}

	.mini-cart-table tr td.price {
		display: inline-block;
	}

	.mini-cart-table tr td:last-child {
		position: absolute;
		padding: 0 !important;
		top: 8px;
		right: 10px;
	}

	.mini-cart-table tr td:nth-child(2) {
		padding-right: 45px !important;
		padding-bottom: 0 !important;
	}

	.total-table {
		font-size: 12px;
	}

	#cart .table .img-thumbnail {
		width: 70px;
		max-width: 70px;
	}

	.alert {
		padding: 8px 60px 8px 55px;
		width: 90%;
		align-items: center;
		border-radius: 3px;
	}

	.alert .fa {
		height: 30px;
		line-height: 30px;
		width: 30px;
		background: none;
		top: 50%;
		margin-top: -15px;
		left: 15px;
	}

	.alert .close {
		right: 15px;
		bottom: -24px;
		font-size: 29px;
		height: 30px;
		width: 30px;
		border-radius: 50%;
	}

	.account-box {
		padding: 15px;
	}

	#back-top {
		display: none !important;
	}

	#content {
		min-height: 1px;
	}

	.breadcrumb {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 12px;
	}

	.breadcrumb > li a:before {
		top: -4px;
	}

	.card-info .nav-tabs {
		margin: 0;
		padding: 0;
	}

	.card-info .nav-tabs > li.active > a:before {
		display: none;
	}

	.product-info h1 {
		font-size: 20px;
		margin: 0 0 15px;
	}

	.product-list .product-thumb .image {
		float: none;
	}

	.product-list .product-thumb .caption {
		margin-left: 0;
		text-align: left;
		padding: 20px;
		height: auto;
	}

	.product-list .product-thumb .caption .button-group {
		right: auto;
		flex-direction: row;
		position: relative;
		width: auto;
		justify-content: space-between;
		padding: 0;
	}

	.product-list .product-thumb .caption .button-group .btn {
		display: none;
	}

	.product-list .product-thumb .caption .button-group .btn.main-btn {
		display: block;
		width: auto;
		margin: 0;
	}

	.product-list .product-thumb .price {
		margin-bottom: 0;
		text-align: left;
	}

	.product-list .product-thumb {
		padding: 0;
	}

	.news_list .product-list .product-thumb,
	.news_list_inner {
		flex-direction: column;
	}

	#content .news_list .product-list .product-thumb .image {
		width: 100%;
	}

	.news_list_flex {
		flex-direction: column;
	}

	.news_list_flex > div {
		text-align: left;
		width: 100%;
	}

	.product-list .product-thumb .caption .description {
		display: none;
	}

	.product-list .product-thumb .sale {
		left: -28px;
		right: auto;
	}

	.product-list .product-thumb .quiqview-btns .icon-btn,
	.product-thumb .quiqview-btns .icon-btn {
		width: 40px;
		height: 40px;
		margin: 0 0 10px;
		font-size: 20px;
		line-height: 40px;
		display: block;
		color: var(--color-grey-777);
		border: 1px solid var(--color-grey-ddd);
		border-radius: 50%;
		background: var(--color-white);
	}

	.product-list .product-thumb .quiqview-btns,
	.product-thumb .quiqview-btns {
		display: block;
		height: auto;
		opacity: 1;
		background: none;
		transform: translate(0, 0);
		top: 20px;
		right: 20px;
		left: auto;
	}

	.product-list .product-thumb .quiqview-btns .icon-btn span {
		float: none;
		margin-right: 0;
		margin-top: 0;
	}

	.product-pricelist .product-thumb {
		margin: 0 0 30px;
		border-radius: 10px;
		border: 1px solid var(--color-grey-ddd);
		padding-left: 0;
		height: auto;
	}

	.product-pricelist .product-thumb .image {
		width: auto;
		position: relative;
	}

	.product-pricelist .product-thumb .quiqview-btns {
		display: block;
	}

	.product-pricelist .product-thumb .caption {
		padding: 15px;
		width: auto;
		height: auto;
		display: block;
	}

	.product-pricelist .product-thumb .caption .button-group {
		justify-content: space-between;
		flex-direction: row;
		position: relative;
		width: auto;
	}

	.product-pricelist .product-thumb .price {
		text-align: left;
		margin-bottom: 0;
	}

	.product-pricelist .product-thumb .caption .description {
		display: none;
	}

	li .icon-btn span {
		float: left;
		margin-right: 10px;
	}

	.icon-btn .btn-text {
		font-size: 13px;
		font-style: normal;
		display: block;
	}

	.navbar-nav .open .dropdown-menu > li > a {
		padding: 5px 15px;
		font-size: 13px;
	}

	#cart .dropdown-menu li .not-empty {
		text-align: left;
	}

	.service-item .title {
		font-size: 15px;
		margin-bottom: 5px;
	}

	.service-item .text {
		font-size: 13px;
	}

	.card-info .nav-tabs > li > a {
		background: var(--color-white);
		text-align: center;
	}

	.card-info .nav-tabs > li.active > a {
		background: var(--color-white-e2d);
	}

	.card-info .nav-tabs > li.active > a:hover {
		background-color: var(--color-white-e2d);
	}

	.review-box {
		margin-bottom: 15px;
		padding: 15px;
	}

	.slider-home-carousel .home-carousel-wrapper {
		display: block;
	}

	.slider-home-carousel .main-info .black_friday_percent {
		font-size: 28px;

		top: unset;
		bottom: -20px;
		right: 50%;

		padding: 0 10px;

		transform: translateX(50%) skewX(-5deg);
	}

	.slider-home-carousel .main-info .black_friday_percent::before {
		top: 8px;
		left: 8px;
	}

	.slider-home-carousel .right-info {
		width: auto;
		height: auto;
		justify-content: center;
	}

	.slider-home-carousel .right-info img {
		height: 100%;
		max-width: 100%;
		max-height: 400px;
		width: auto;
	}

	.slider-home-carousel .mono .right-info {
		justify-content: center;
		padding: 0;
	}

	.slider-home-carousel .mono .right-info .mono-items img {
		max-width: 90%;
		max-height: unset;
	}

	.slider-home-carousel .left-info {
		display: block;
		text-align: center;
		height: auto;
		width: 100%;
	}

	.slider-home-carousel .main-info {
		margin-right: 0;
	}

	.slider-home-carousel .list-attribute {
		width: auto;
	}

	.slider-home-carousel .list-attribute .item span {
		float: none;
		display: block;
		margin: 0 auto 5px;
	}

	.slider-home-carousel .after-title {
		margin-bottom: 10px;
		font-size: 14px;
	}

	.slider-home-carousel .slider-title {
		font-size: 22px;
		margin-bottom: 15px;
	}

	.slider-home-carousel .price-text {
		flex-direction: column-reverse;
		gap: 1rem;
	}

	.slider-home-carousel .price-text span {
		font-size: 20px;
	}

	#policy {
		width: 100%;
	}

	.policy-text {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}

	#policy .policy-confirm {
		float: none;
	}

	.card-info .nav-tabs > li {
		width: 50%;
	}

	.panel-attribute .attr-td {
		padding: 8px 0;
		font-size: 12px;
	}

	.panel-attribute .head-td {
		border-bottom: 1px solid var(--color-grey-ddd);
		padding-bottom: 10px;
	}

	.pagination {
		margin: 0 0 8px;
		width: 100%;
		text-align: center;
	}

	h1.title-page {
		font-size: 20px;
	}

	.next.slick-arrow {
		right: -17px;
	}

	.prev.slick-arrow {
		left: -17px;
	}

	#menu {
		padding: 0;
		height: auto;
		border: 1px solid var(--color-white-ed);
		top: 40px;
		position: fixed;
	}

	.open-sidebar .overlay {
		z-index: 998;
	}

	#logo img {
		height: 40px;
		width: auto;
	}

	footer {
		text-align: center;
	}

	.menu-nav {
		display: block;
	}

	.footer-contact .phone span {
		float: none;
	}

	footer .social-btn a {
		display: inline-block;
		float: none;
		margin: 0 5px;
	}
}

@media (max-width: 380px) {
	.card-info .nav-tabs > li {
		width: 100%;
	}

	.card-info .nav-tabs > li > a {
		font-size: 14px;
		padding: 10px 15px;
	}

	.box-review .rating {
		display: block;
		margin: 0 0 10px;
	}

	.icon-btn-menu .text {
		display: none;
	}

	.slider-home-carousel .price-text img {
		margin: 0 auto;
	}

	.slider-home-carousel .main-btn {
		margin-right: 0;
		width: 100%;
	}

	.slider-home-carousel .owl-dots {
		margin-top: -52px;
	}

	.banner-box.white {
		align-items: center;
		justify-content: center;
		flex-direction: column;
		text-align: center;
	}

	.banner-box.yellow-square img,
	.banner-box.blue-square img {
		width: auto;
		height: auto;
		float: none;
		margin: 0;
	}

	.two-banners .banner-box .banner-text {
		background: none;
		display: block;
	}

	.two-banners .title {
		text-align: center;
	}

	.yellow-square:before,
	.blue-square:before {
		display: none;
	}
}

/* Header */
#top-menu .menu-lang .languages,
#mobile-lang .languages {
	display: flex;
	align-items: center;
	justify-content: center;
}

#top-menu .languages a {
	padding: 7px 12px;
}

#mobile-lang .languages a {
	width: 100%;
}

#top-menu .menu-lang a:not(:last-child) {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

#top-menu .menu-lang a.active {
	color: inherit;
	pointer-events: none;
}

#mobile-lang .languages a.active {
	font-weight: 700;
	pointer-events: none;
}

.menu-lang .btn {
	padding: 7px 25px;
}

.menu-lang .btn:hover {
	background-color: transparent;
}

.lang-circle {
	background-color: var(--color-blue-007);
	border-radius: 50%;
	color: var(--color-white);
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
}

.store_3 .lang-circle {
	background-color: var(--color-purple-99);
}

.ocf-offcanvas .ocfilter-mobile-handle {
	top: 116px;
}

.ocfilter-mobile-handle .btn {
	color: var(--color-white);
}

.ocfilter-mobile-handle .btn:hover,
.ocfilter-mobile-handle .btn:active {
	background-color: var(--color-blue-337);
	border: none;
}

.clearfix:after {
	clear: both;
	content: "";
	display: block;
	visibility: hidden;
}

.simplecheckout-cart .quantity .btn {
	background-color: var(--color-white-eae);
	border: none;
	color: var(--color-black);
	padding: 10px 20px;
}

.simplecheckout-cart .quantity .btn.btn-danger {
	background-color: var(--color-red-ff0);
	color: var(--color-white);
}

.simplecheckout-cart .quantity .btn.btn-danger:hover {
	background-color: var(--color-white);
	color: var(--color-red-ff0);
}

.store_3 .simplecheckout-cart .quantity .btn.btn-danger {
	background-color: var(--color-purple-99);
	color: var(--color-white);
}

.store_3 .simplecheckout-cart .quantity .btn.btn-danger:hover {
	background-color: var(--color-white);
	color: var(--color-purple-99);
}

.simplecheckout label:has(input),
.simpleregister label:has(input) {
	display: inline-flex !important;
	align-items: center;
}

.simplecheckout label.control-label,
.simpleregister label.control-label {
	padding-top: calc(38px / 2 - 1em + 2px);
}

.simplecheckout label input,
.simpleregister label input {
	margin-top: 0;
}

#simplecheckout_button_cart {
	color: var(--color-white);
}

/* Footer */
footer .social-btn svg {
	fill: rgba(0, 0, 0, 0.25);
	width: 16px;
}

footer .social-btn a:hover svg {
	fill: rgba(255, 255, 255, 1);
}

.footer-contact .footer-contact-phone {
	margin: 0;
	padding: 0;
}

.footer-contact-phone li {
	list-style: none;
}

/* Media */
@media screen and (min-width: 715px) and (max-width: 991px) {
	#search {
		max-width: 260px;
		width: 100%;
		margin-right: 0;
	}

	#search button {
		top: 15px;
		z-index: 3;
	}
}

@media screen and (max-width: 714px) {
	#search {
		max-width: unset;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-top: 0;
		z-index: 9;
	}

	#search button {
		top: 3px;
		z-index: 3;
	}

	.choose_city_select {
		width: 250px;
	}
}

/* CUSTOM */
/* Header */
.store_3 .under_nav {
	display: none;
}

.under_nav {
	position: relative;
	z-index: 1;
}

.under_nav img {
	height: min(24px, 4vw) !important;
	width: auto;
}

.under_nav_wrapper {
	background-color: var(--color-white);
	padding: 7px 0;
	min-height: 38px;
}

.under_nav_wrapper > div {
	align-items: center;
	color: var(--color-grey-22);
	display: flex;
	font-size: min(18px, 2.5vw);
	font-weight: bold;
	justify-content: center;
	text-transform: uppercase;
	min-height: 24px;
}

.under_nav_wrapper span {
	line-height: 100%;
	margin-right: 5px;
}

#sidebar-btn-wrapper {
	align-items: center;
	display: flex;
}

.slider-home-carousel .home-carousel-wrapper.first {
	background-image: url(/catalog/view/theme/electro/image/slider_002.jpg);
}

.slider-home-carousel .home-carousel-wrapper.one {
	background-image: url(/catalog/view/theme/electro/image/slider_00424022020.webp);
}

.slider-home-carousel .home-carousel-wrapper.sale {
	background-image: url(/catalog/view/theme/electro/image/MCIM01787955_WD_01.webp);
}

.slider-home-carousel .home-carousel-wrapper.riviera {
	background-image: url(/image/catalog/banners/banner_4_bg.jpg);
}

.slider-home-carousel .home-carousel-wrapper.new {
	background-image: url(/catalog/view/theme/electro/image/banner_new_424.jpg);
	background-position-x: right;
}

.slider-home-carousel .home-carousel-wrapper.free-shipment-24 {
	background-color: var(--color-purple-9e);
}

.slider-home-carousel .home-carousel-wrapper.mono {
	background-color: #077bc0;
	position: relative;
}

.slider-home-carousel .home-carousel-wrapper.valentine {
	background-image: url(/image/catalog/banners/valentine_background.jpg);
	background-size: cover;
}

.slider-home-carousel .home-carousel-wrapper.free_shipment_banner {
	background-image: url(/image/catalog/banners/free-shipment%20-%20banner.webp);
	background-size: cover;
}

.slider-home-carousel .home-carousel-wrapper.black_friday {
	background-color: var(--color-black);
	overflow: hidden;
}

.slider-home-carousel
.home-carousel-wrapper.black_friday
.left-info
.main-info {
	display: flex;
	align-items: flex-end;
	justify-content: center;

	background: none;
	height: 100%;
	width: 100%;
}

.slider-home-carousel .home-carousel-wrapper.black_friday .price-text img {
	max-width: 250px;
}

@media (min-width: 425px) {
	.slider-home-carousel .home-carousel-wrapper.thin .main-info {
		font-size: 12px;
	}

	.under_nav_wrapper span {
		margin-right: 10px;
	}
}

@media screen and (min-width: 768px) {
	.under_nav_wrapper {
		min-height: 38px;
	}

	.slider-home-carousel .mono .right-info::before {
		left: 0;
		width: 40%;
	}

	.slider-home-carousel .home-carousel-wrapper.black_friday .slider-title {
		font-size: 50px;
		margin-bottom: 5%;
	}

	.owl-carousel .owl-item .right-info img {
		position: relative;
	}
}

.product-info #button-cart {
	background-color: var(--color-red-ff0);
	border: var(--color-red-ff0);
}

.store_3 .product-info #button-cart {
	background-color: var(--color-green-c6f);
	border: var(--color-green-c6f);
}

.product-info #button-cart:focus-visible,
.product-info #button-cart:hover {
	background-color: var(--color-red-fd4);
	border: var(--color-red-fd4);
}

.store_3 .product-info #button-cart:focus-visible,
.store_3 .product-info #button-cart:hover {
	background-color: var(--color-green-d3f);
	border: var(--color-green-d3f);
}

.slider-home-carousel .left-info .main-info {
	background-color: rgba(255, 255, 255, 0.7);
	padding: 10px 20px;
}

.news-layout .button-group {
	padding: 10px;
}

.news-layout-title {
	display: inline-block;
	height: 38px;
	margin: 0;
	overflow: hidden;
}

.news-layout .product-thumb .caption {
	padding-bottom: 0;
}

.two-banners-lssnews {
	display: flex;
	justify-content: space-between;
}

.two-banners-item {
	width: 49%;
}

.two-banners-lssnews .banner-box {
	height: 220px;
}

.two-banners-lssnews .banner-box .banner-text {
	bottom: auto;
	width: auto;
	top: 50%;
	text-align: right;
}

.two-banners-lssnews .banner-box .banner-text .name {
	margin-bottom: 0;
	width: 100%;
}

/* ABOUT PAGE */
.about_block {
	margin-bottom: 20px;
}

.about_block_wrapper,
.partners_grid.more .block .wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}

.about_title {
	background-color: var(--color-blue-007);
	border-radius: 5px;
	color: var(--color-white);
	margin-bottom: 20px;
	padding: 14px 15px;
	text-transform: uppercase;
}

.about_item,
.partners_grid.more .block .inner {
	display: flex;
	flex-direction: column;

	border-radius: 5px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}

.about_item_top {
	display: flex;
	justify-content: space-between;
	gap: 10px;

	margin-bottom: 20px;
}

.about_item_top_info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	margin-bottom: auto;
}

.bs-store-item .about_item_top_info {
	padding: 10px;
}

.bs-search-wrap {
	margin-bottom: 20px;
}
.bs-search-wrap input {
	max-width: 480px;
	border-radius: 20px;
	padding-left: 16px;
}
.bs-city-group {
	margin-bottom: 20px;
}
.bs-city-toggle {
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	user-select: none;
}
.bs-city-toggle:hover {
	opacity: 0.88;
}
.bs-toggle-icon {
	font-size: 13px;
	transition: transform 0.25s;
}
.bs-city-toggle.collapsed .bs-toggle-icon {
	transform: rotate(-90deg);
}
.bs-city-stores.hidden {
	display: none;
}
.bs-store-item.bs-hidden {
	display: none;
}

.about_item_top .about_item_image {
	display: flex;
	justify-content: flex-end;

	max-height: 200px;
}

.about_item_top .about_item_image a {
	display: flex;
	align-items: center;
	justify-content: flex-end;

	width: 100%;
}

.about_item_image img {
	width: 100%;
}

.about_item_top .about_item_image img {
	width: auto;
	height: 100%;

	margin: 0;
}

.about_item_more,
.partners_grid.more .more {
	text-align: center;
}

.about_item_more a,
.partners_grid.more .more a {
	background: var(--color-blue-007);
	border-color: var(--color-blue-007);
	border-radius: 20px;
	color: var(--color-white);
	display: inline-block;
	font-weight: bold;
	margin: 10px 0;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase;
}

.partners_grid.more .inner img {
	height: auto;
	width: 100%;
}

.abous_us_contacts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	list-style: none;
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 700;
}

.abous_us_contacts a:hover {
	color: var(--color-red-ff0);
}

.abous_us_contacts span {
	margin-right: 5px;
}

.about_us_block {
	margin-bottom: 20px;
}

.about_us_image {
	margin-bottom: 20px;
}

.about_us_image .thumbnail {
	margin-bottom: 0;
	border: none;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	padding: 5px;
	transition: transform 0.3s ease;
}

.about_us_image .thumbnail:hover {
	transform: scale(1.02);
}

.about_us_advantages {
	margin-bottom: 20px;
}

.about_us_advantages_title {
	text-align: center;
	font-weight: 700;
}

.about_us_advantages_grid {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 20px;
}

.about_us_advantages_item {
	background: var(--color-white);
	color: inherit;
	text-align: center;
	padding: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.about_us_advantages_item:hover {
	transform: scale(1.02);
	color: inherit;
}

.about_us_advantages_item_icon {
	margin-bottom: 10px;
}

.about_us_advantages_item_icon p {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	font-size: 50px;
	color: var(--color-white);
	font-weight: 700;
	margin: 0 auto;
}

.about_us_advantages_item_icon span:first-child {
	line-height: 100%;
	font-size: 40px;
}

.about_us_advantages_item_icon span:last-child {
	font-size: 12px;
}

.about_us_advantages_item_icon.partner p {
	background-color: var(--color-red-ff3);
}

.about_us_advantages_item_icon.guarantee p {
	background-color: var(--color-teal-009);
}

.about_us_advantages_item_icon.years p {
	background-color: var(--color-blue-007);
}

.about_us_advantages_item_icon.sale p {
	background-color: var(--color-teal-009);
}

.about_us_advantages_item_icon.stock p {
	background-color: var(--color-red-ff3);
}

.about_us_advantages_item_footer_title {
	font-weight: 700;
	font-size: 16px;
}

.about_us_advantages_item_footer_text {
	font-size: 13px;
}

.about_us_history {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-bottom: 20px;
}

.about_us_history > a {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	position: relative;
	color: inherit;
}

.about_us_history > a:hover {
	transform: scale(1.02);
}

.about_us_history span {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 10px 20px;
	font-size: 24px;
	background: rgba(255, 255, 255, 0.5);
	font-weight: 700;
}

.about_us_history img {
	margin-bottom: 0;
}

.about_us_map iframe {
	width: 100%;
}

@media screen and (max-width: 560px) {
	#logo img {
		height: 30px;
		width: auto;
	}

	.about_block_wrapper,
	.partners_grid.more .block .wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media screen and (min-width: 561px) and (max-width: 990px) {
	.about_block_wrapper,
	.partners_grid.more .block .wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.about_us_advantages_grid {
		grid-template-columns: repeat(5, 1fr);
	}
}

/* free shipment (2023) */
.free_shipment_article {
	display: grid;
	gap: 10px;
}

.free_shipment_article_image {
	position: relative;
}

.free_shipment_article_image .free_shipment_span {
	position: absolute;
	top: 20px;
	right: 20px;
	max-width: 25vw;

	font-size: 3vw;
}

.free_shipment_line {
	background: linear-gradient(
					90deg,
					rgba(103, 177, 38, 1) 0%,
					rgba(17, 111, 67, 1) 100%
	);
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.7);

	text-align: center;

	padding: 10px 0;
	margin-bottom: 20px;
}

.free_shipment_line a {
	color: var(--color-white);
	font-weight: 700;
	font-size: 3.5vw;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.free_shipment_span {
	aspect-ratio: 1;

	background: linear-gradient(
					90deg,
					rgba(103, 177, 38, 1) 0%,
					rgba(17, 111, 67, 1) 100%
	);
	box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.3);

	border: 1px solid var(--color-grey-33);
	border-radius: 50%;

	display: flex;
	align-items: center;

	text-align: center;
	color: var(--color-white);
	font-weight: 700;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.free_shipment_banner .main-btn {
	background: linear-gradient(
					90deg,
					rgba(103, 177, 38, 1) 0%,
					rgba(17, 111, 67, 1) 100%
	);
}

.free_shipment_banner .right-info {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 276px;
}

.free_shipment_banner .free_shipment_span {
	max-width: 200px;
	aspect-ratio: 1;
	font-size: 23px;
}

@media (min-width: 425px) {
	.free_shipment_article_text {
		font-size: 16px;
	}
}

@media (min-width: 1024px) {
	.free_shipment_article {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.free_shipment_article_image .free_shipment_span {
		max-width: 170px;
		font-size: 20px;
	}

	.free_shipment_line a {
		font-size: 24px;
	}
}

/* BRAND HISTORY */
.brand_history_item {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--color-grey-ddd);
}

.brand_history_item:last-child {
	border-bottom: none;
}

.brand_history_item_text {
	padding: 10px 10px 20px;
}

@media (min-width: 425px) {
	.brand_history_item_text {
		padding: 20px;
	}
}

@media (min-width: 768px) {
	.slider-home-carousel .price-text {
		justify-content: space-between;
	}

	.brand_history_item_text {
		padding: 50px 50px 20px;
	}

	.slider-home-carousel .mono::before {
		max-width: 25%;
		background-size: contain;
	}

	.slider-home-carousel .mono .right-info .mono-cat {
		left: 0;
		bottom: 0;

		max-width: 50%;
	}
}

@media (min-width: 992px) {
	.slider-home-carousel .mono .right-info::before {
		left: -5%;
		width: 35%;
	}

	.slider-home-carousel .mono .price-text {
		grid-template-columns: repeat(2, 1fr);
	}

	.slider-home-carousel .mono .price-text .mono-banks {
		grid-column: span 2;
	}

	.slider-home-carousel .mono .right-info .mono-cat {
		top: 2%;
		right: 2%;
		left: unset;
		bottom: unset;

		max-width: 35%;
	}
}

@media (min-width: 1024px) {
	.brand_history_item {
		flex-direction: row;
		gap: 20px;
		border-bottom: none;
		margin-bottom: 0;
	}

	.brand_history_item > div {
		width: 50%;
	}

	.brand_history_item_text {
		padding: 50px;
	}

	.brand_history_item:nth-child(even) .brand_history_item_text {
		order: 1;
	}

	.brand_history_item:nth-child(even) .brand_history_item_image {
		order: 2;
	}
}

/* Article pages */
.article_section {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 20px 0;
}

.article_section:first-child {
	padding-top: 0;
}

.article_section:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.article_advantages {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.article_advantages_image {
	text-align: center;
}

.article_cities {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
	font-size: 14px;
	margin-bottom: 0;
	font-weight: 700;
	padding: 10px 0;
	text-align: center;
}

.article_consultations {
	font-size: 20px;
	font-weight: 700;
}

.article_consultations a {
	white-space: nowrap;
}

.article_after {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.article_after_block {
	position: relative;
	max-width: 100%;
	width: 100%;
	padding-top: 45%;
	overflow: hidden;
}

.article_after_block:hover .article_after_block_background {
	transform: scale(1.05);
}

.article_after_block_background {
	position: absolute;
	inset: 0;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	transition: transform 0.5s ease;
}

.article_after_block_text {
	position: absolute;
	bottom: 15px;
	left: 15px;
	font-size: 16px;
	font-weight: 700;
	color: var(--color-white);
	text-transform: uppercase;
}

@media (min-width: 425px) {
	.article_cities {
		grid-template-columns: repeat(3, 1fr);
		font-size: 16px;
		grid-gap: 15px;
		padding: 20px 0;
	}
}

@media (min-width: 768px) {
	.article_cities {
		grid-template-columns: repeat(4, 1fr);
	}

	.article_after {
		flex-direction: row;
	}

	.article_after_block {
		padding-top: 35%;
	}

	.article_after_block_text {
		font-size: 18px;
	}
}

@media (min-width: 1200px) {
	.article_advantages {
		flex-direction: row;
		gap: 20px;
	}

	.article_after_block_text {
		font-size: 22px;
	}

	.slider-home-carousel .mono .right-info {
		padding: 0 50px;
	}

	.slider-home-carousel .home-carousel-wrapper.thin .main-info {
		font-size: 16px;
	}
}

/* NEWS LIST */
.news_list {
	display: flex;
	flex-wrap: wrap;
	row-gap: 30px;
}

.news_list .product-list .product-thumb {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 1px;
	padding-right: 0;
}

.news_list .product-list .product-thumb .caption {
	border-right: none;
	margin-left: 0;
	padding-bottom: 0;
}

.news_list .product-list .product-thumb .image {
	float: none;
	width: 40%;
}

.news_list .news_list_inner {
	display: flex;
	justify-content: space-between;
}

.news_list .product-list .button-group {
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 20px;
}

.news_list .product-list .button-group button + button {
	margin-top: 10px;
}

.news_list .product-grid .news_list_inner {
	flex-direction: column;
}

.news_list .product-grid .button-group {
	display: flex;
	justify-content: center;
	padding: 0 20px 20px;
}

.news_list .product-grid .caption h4 {
	height: 57px;
	overflow: hidden;
}

.news_list .product-grid .caption p {
	height: 80px;
	overflow: hidden;
}

.news_list_flex {
	display: flex;
	align-items: center;
}

.box-info-product input[type="button"].btn-block.occm-button {
	float: right;
	font-size: 14px;
	line-height: 1.42857143;
	padding: 11px 16px;
}

.box-info-product_wrapper {
	--gap: 10px;

	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--gap);

	margin-bottom: 10px;
}

.box-info-product_wrapper.no-wrap {
	flex-wrap: nowrap;
}

.banner_brand_wrapper {
	background-color: var(--color-blue-007);
	border-radius: 10px;
	color: var(--color-white);
	margin-bottom: 20px;
	padding: 20px 10px;
	text-align: center;
}

.store_3 .banner_brand_wrapper {
	background-color: var(--color-purple-99);
}

.banner_brand_wrapper .banner_brand {
	font-size: 1.2em;
	font-weight: 700;
}

.banner_shops_wrapper {
	color: var(--color-blue-007);
	text-align: center;
	background-color: var(--color-white);
	border-radius: 10px;
	margin-bottom: 20px;
	padding: 20px 10px;
}

.banner_shops_wrapper .banner_shops_title {
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 10px;
}

.banner_shops_wrapper .banner_shops_info ul {
	margin: 0;
	padding: 0 5px;
}

.banner_shops_wrapper .banner_shops_info li {
	list-style: none;
	margin-bottom: 5px;
}

.banner_shops_wrapper .banner_shops_info a {
	color: inherit;
	font-size: 17px;
}

.banner_shops_wrapper .banner_shops_info .fa {
	margin-right: 5px;
}

.banner_shops_wrapper .banner_middle span {
	background-color: var(--color-blue-007);
}

.banner_middle {
	align-items: center;
	display: flex;
	padding: 10px 0;
}

.banner_middle span {
	background-color: var(--color-white);
	display: inline-block;
	height: 1px;
	margin: 0 auto;
	width: 20%;
}

.product_sidebar_banner {
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 10px;
}

.product_sidebar_banner img {
	width: 100%;
}

.product_sidebar_phone {
	background-color: var(--color-white);
	border-radius: 10px;
	margin-bottom: 20px;
	padding: 15px 20px;
}

.product_sidebar_phone ul {
	margin: 0;
	padding: 0;
}

.product_sidebar_phone li {
	list-style: none;
	margin-left: 10px;
}

.product_sidebar_phone a {
	font-size: 17px;
}

.product_sidebar_phone_title {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}

.product_sidebar_phone_title span {
	color: var(--color-blue-007);
	font-size: 26px;
	float: left;
	margin-right: 10px;
}

.store_3 .product_sidebar_phone_title span {
	color: var(--color-purple-99);
}

@media screen and (max-width: 460px) {
	.box-info-product #button-cart,
	.box-info-product input[type="button"].btn-block.occm-button {
		max-width: 100%;
	}

	#cboxContent h3 {
		font-size: 20px;
		margin-top: 0;
	}

	#cboxLoadedContent {
		margin-bottom: 0;
	}
}

.choose_city_select {
	font-size: 14px;
	margin: 0 2px 10px;
	position: relative;
	width: 340px;
	z-index: 10;
}

.choose_city_select > span strong {
	font-weight: 600;
}

.choose_city_select .block {
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
	display: inline-block;
	margin-left: 10px;
	width: 200px;
	padding: 5px 10px;
}

.choose_city_select .block div {
	float: right;
}

.choose_city_dropdown {
	height: 0;
	overflow-y: auto;
	position: absolute;
	top: 30px;
	left: 0;
	transition: all 0.3s;
	z-index: 10;
}

.choose_city_dropdown.open {
	height: 310px;
}

.choose_city_dropdown ul {
	background-color: var(--color-white);
	border: 1px solid rgba(0, 0, 0, 0.2);
	padding: 10px;
	width: 180px;
}

.choose_city_dropdown li {
	display: block;
	list-style: none;
}

.choose_city_dropdown li a {
	text-decoration: none;
	transition: all 0.2s;
}

.partners_grid.more {
	position: relative;
}

.partners_grid .block {
	border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.partners_grid.more .block {
	display: none;
}

.partners_grid.more .block.active {
	display: block;
}

.owl-carousel {
	background: transparent;
}

.owl-wrapper-outer {
	border: none;
	box-shadow: none;
}

.store_3 a {
	color: var(--color-purple-99);
}

.store_3 a:focus,
.store_3 a:hover,
.store_3 .btn-primary:hover {
	color: var(--color-pink);
}

.store_3 .main-btn,
.store_3 .btn-primary {
	background-color: var(--color-purple-99);
}

.store_3 a.main-btn,
.store_3 a.btn-primary {
	color: var(--color-white);
}

.store_3 .main-btn:hover {
	background-color: var(--color-pink);
}

.category_filter_block {
	align-items: center;
	display: flex;
	margin-bottom: 10px;
}

@media screen and (max-width: 1200px) {
	.compare_button {
		margin-bottom: 5px;
		width: 125px;
	}
}

@media screen and (max-width: 767px) {
	.two-banners-lssnews {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}

	.two-banners-item {
		width: 100%;
	}

	.featured-carousel-wrapper,
	.latest-carousel-wrapper {
		display: none;
	}

	.slider-home-carousel .home-carousel-wrapper {
		display: flex;
		flex-direction: column;
	}

	.slider-home-carousel .home-carousel-wrapper.black_friday .left-info {
		height: 55%;
	}

	.slider-home-carousel .valentine .price-text {
		justify-content: space-evenly;
	}

	.category_filter_block {
		flex-wrap: wrap;
	}

	.category_filter_block .input-group {
		margin-top: 5px;
	}

	.category_filter_block .input-group label {
		width: 100px;
	}

	.category_filter_block .input-group .form-control {
		width: 210px;
	}

	.about_us_history {
		flex-wrap: wrap;
		justify-content: center;
	}

	.about_item_top {
		flex-direction: column-reverse;
	}

	.about_item_image a {
		align-items: center;
		justify-content: center;
	}
}

/* category filters */
.category-filters {
	display: flex;
}

@media (max-width: 767px) {
	.category-filters {
		flex-direction: column;
		gap: 10px;
	}
}

@media (min-width: 768px) {
	.category-filters {
		align-items: center;
	}
}

@media (max-width: 991px) {
	.category-filters a {
		font-size: 13px;
	}
}

/* BLACK FRIDAY */
.black_friday_page section {
	margin-bottom: 20px;
}

.black_friday_page section:last-child {
	margin-bottom: 0;
}

.black_friday_page img {
	max-width: 100%;
	height: auto;
}

.black_friday_page_title {
	text-align: center;
	font-size: 14px;
}

.black_friday_page_title span {
	font-size: 20px;
}

.black_friday_page_cards {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 10px;
}

.black_friday_page_card {
	display: flex;
	align-items: center;
	justify-content: center;
}

.black_friday_page_card a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 5px;

	width: 200px;
	aspect-ratio: 1;
	text-align: center;
	line-height: 1;
	font-size: 13px;
	color: var(--color-white);

	border-radius: 50%;
	border: 2px solid var(--color-white);

	padding: 25px;
	background-color: var(--color-black);
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.6);
}

.black_friday_page_card a:hover {
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 1),
	inset 0 0 20px 3px rgba(255, 255, 255, 0.4);
}

.black_friday_page_card_title {
	display: flex;
	align-items: flex-end;
	gap: 5px;
}

.black_friday_page_card_title_number {
	font-size: 80px;
	font-weight: 700;
}

.black_friday_page_card_title_text {
	max-width: 100px;
	text-align: left;
	font-size: 20px;
	font-weight: 600;
	padding-bottom: 10px;
}

.black_friday_page_card_image {
	width: 100px;
}

.black_friday_page_pdf {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.black_friday_page_pdf_text {
	font-size: 18px;
	font-weight: 700;
	color: var(--color-black);
	text-align: center;
}

@media (min-width: 768px) {
	.black_friday_page_title {
		font-size: 18px;
	}

	.black_friday_page_title span {
		font-size: 24px;
	}

	.black_friday_page_cards {
		grid-template-columns: repeat(3, 1fr);
	}

	.black_friday_page_pdf_text {
		font-size: 24px;
	}
}

/* BANNER NEW & EASTER */
.slider-home-carousel .home-carousel-wrapper.new .main-info,
.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .main-info {
	padding: 3rem 1.5rem;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	text-align: center;
}

.slider-home-carousel .home-carousel-wrapper.new .main-info {
	color: var(--color-black);
}

.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .main-info {
	color: var(--color-white);
}

.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .left-info {
	width: 55%;
}

.slider-home-carousel .home-carousel-wrapper.new .slider-title,
.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .slider-title {
	text-transform: uppercase;
	margin-bottom: 20px;
}

.slider-home-carousel .home-carousel-wrapper.new .slider-title {
	color: var(--color-purple-9e);
}

.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .slider-title {
	text-shadow: 0 3px 5px var(--color-black);
}

.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .after-title {
	font-size: 1.8rem;
	font-weight: 500;
	text-shadow: 0 2px 3px var(--color-black);
}

.slider-home-carousel .home-carousel-wrapper.new span {
	color: var(--color-teal-188);
	font-weight: 700;
}

.slider-home-carousel .home-carousel-wrapper.new .price-text,
.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .price-text {
	margin: 0;
}

.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .price-text {
	gap: 10px;
}

.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .price-text span {
	text-shadow: 0 3px 5px var(--color-black);
	font-size: 2.5rem;
}

.slider-home-carousel .home-carousel-wrapper.new .main-btn {
	background: #9e2896;
	font-size: 1.75rem;
	margin: 0;
}

.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .main-btn {
	font-size: 1.5rem;
	color: var(--color-black);
	background: var(--color-white);
	margin: 0;
}

.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .right-info {
	align-items: center;
	height: 100%;
	width: 45%;
}

@media (max-width: 991px) {
	.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .slider-title {
		font-size: 2.5rem;
	}

	.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .after-title {
		font-size: 1.5rem;
	}

	.category-wall-box .title {
		text-align: center;
	}

	.slider-home-carousel
	.home-carousel-wrapper.free-shipment-24
	.price-text
	span {
		font-size: 2rem;
	}

	.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .price-text {
		flex-direction: column-reverse;
	}
}

@media (max-width: 767px) {
	.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .left-info {
		width: 100%;
	}

	.slider-home-carousel .home-carousel-wrapper.new .left-info,
	.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .left-info {
		display: flex;
		flex-direction: column;
		text-align: center;
	}

	.slider-home-carousel .home-carousel-wrapper.new .left-info {
		height: 100% !important;
	}

	.slider-home-carousel .home-carousel-wrapper.new .main-info {
		background-color: rgba(255, 255, 255, 0.5);
	}

	.slider-home-carousel .home-carousel-wrapper.new .main-info,
	.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .main-info {
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: space-between;
		align-items: center;
		padding: 3rem 1rem;
	}

	.slider-home-carousel .home-carousel-wrapper.new .slider-title,
	.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .slider-title {
		height: unset;
		overflow: unset;
	}

	.slider-home-carousel .home-carousel-wrapper.new .after-title {
		display: flex;
		flex-direction: column;
	}

	.slider-home-carousel .home-carousel-wrapper.free-shipment-24 .right-info {
		width: auto;
	}

	.slider-home-carousel .mono .price-text .mono-date {
		order: -1;
	}

	.slider-home-carousel .mono .right-info .mono-items {
		display: flex;
		justify-content: center;
	}
}

/* OWL CAROUSEL */
.owl-carousel .owl-stage {
	display: flex;
}

#home-slider .owl-carousel .owl-stage,
#home-slider .owl-carousel .owl-item {
	display: flex;
	overflow: hidden;
}

/* /komplekty */
.product-category-182 #prd-sets {
	margin-top: 0;
	margin-bottom: 15px;
}

.product-category-182 #content,
.product-category-182 h1 {
	display: none;
}

@media (min-width: 768px) {
	.product-category-182 #prd-sets {
		margin-bottom: 30px;
	}
}

/* cboxOverlay */
#cboxOverlay {
	background: rgba(0, 0, 0, 0.9);
}

@media (min-width: 768px) {
	.slider-home-carousel .home-carousel-wrapper.mono {
		background-size: auto;
		background-repeat: no-repeat;
	}

	.slider-home-carousel .mono .left-info {
		width: 50%;
	}

	.slider-home-carousel .mono .left-info .main-info {
		gap: 20px;
		height: 100%;
		padding-block: 10px;
	}

	.slider-home-carousel .mono .slider-title {
		font-size: 4rem;
	}

	.slider-home-carousel .mono .price-text {
		column-gap: 20px;
	}

	.slider-home-carousel .mono .right-info {
		width: 50%;
		padding: 0 20px;
	}
}

/* mono article */
.card .mono {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 768px) {
	.card .mono {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
}

/* cart label fix */
.row-customer_register {
	display: flex;
	align-items: center;
	min-height: 30px;
}

.row-customer_register label {
	padding-block: 0 !important;
}

.row-customer_register .radio {
	padding-block: 0;
	margin-block: 0;
	min-height: 0;
}

.row-customer_register .radio label {
	display: flex !important;
	align-items: center;
}

.row-customer_register .radio input {
	margin-block: 0;
}

#tab-instruction a {
	display: flex;
	align-items: center;
	gap: 5px;
}

#tab-instruction a svg {
	color: var(--color-blue-007);
	height: 30px;
	max-width: 30px;
}

.home-connect-content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.home-connect-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	padding: 0;
	margin-bottom: 10px;

	list-style: none;
}

.home-connect-links li {
	display: flex;
	align-items: center;
	justify-content: center;

	color: var(--color-white);
	text-align: center;

	max-width: 10em;
	background-color: var(--color-blue-007);
	transition: background-color 0.3s ease;
}

.home-connect-links li:has(a:focus-visible),
.home-connect-links li:has(a:hover) {
	background-color: var(--color-blue-0d5);
}

.home-connect-links li a {
	color: inherit;
	padding: 10px;
}

.product-looked {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	column-gap: 30px;
}

.product-looked .product-layout {
	display: flex;
}

.product-looked .product-thumb {
	display: flex;
	flex-direction: column;
}

@media (max-width: 767px) {
	.home-connect-content {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media (min-width: 768px) {
	.home-connect-image {
		display: flex;
		justify-content: flex-end;
	}

	.home-connect .article_after_block {
		padding-top: 20%;
		max-width: 50%;
	}
}