:root {
	--module-spacing: 30px;
	--module-spacing-first: 20px;

	--color-white: #ffffff;
	--color-black: #000000;
	--color-gray-1: #8E8E93;
	--color-gray-2: #F5F5F7;
	--color-gray-3: #F2F2F2;
	--color-gray-4: #E3E3E3;
	--color-gray-5: #EAEAEA;
	--color-blue-1: #4A71B1;
	--color-blue-2: #457DE3;

	--color-dark-0: #0F0F0F;
	--color-dark-1: #1F1F22;
	--color-dark-3: #1E1E1E;
	--color-dark-4: #282828;
	--color-dark-5: #3D3D42;
	--color-dark-6: rgba(0, 0, 0, 0.8);
	--color-dark-7: #050505;
	--color-dark-border: #252525;

	--up-box-shadow-large: 8px 8px 48px 0 rgba(0, 0, 0, 0.04);
	--up-box-shadow-small: 4px 4px 24px 0 rgba(0, 0, 0, 0.04);
	--up-border-radius-large: 20px;
	--up-border-radius-medium: 16px;
	--up-border-radius-small: 12px;
}


.light-theme {
    --up-box-shadow-1px: 0px 0px 0px 1px var(--color-gray-3);
    --up-body-bg: #F5F5F7;
    --up-header-bg: #1F1F22;
    --up-header-bg-secondary: #313136;
    --up-header-text-color: #E2E2E2;

    --up-text-color: var(--color-black);
    --up-text-wd-color: var(--color-black);
    --up-text-link: var(--color-blue-1);
    --up-text-light-color: var(--color-gray-1);
    --up-text-gray-color: var(--color-gray-1);

    --up-bg-wd: var(--color-white);
    --up-bg-main: var(--color-gray-2);
    --up-bg-gray: var(--color-gray-2);
    --up-bg-wg: var(--color-white);
    --up-bg-gray-hover: var(--color-gray-3);
    --up-bg-main-hover: var(--color-white);

    --up-gray-color-1: var(--color-gray-3);
    --up-border-color: var(--color-gray-3);
    --up-dd-menu-bg-hover: var(--color-gray-2);

    --up-modal-backdrop: var(--color-black);
    --up-modal-bg: var(--color-white);
    --up-quantity-bg: var(--color-gray-2);
    --up-quantity-bg-hover: var(--color-gray-3);

    --slider-arrow-bg: var(--color-gray-2);
    --slider-arrow-color: var(--color-black);
    --slider-arrow-hover-bg: var(--color-gray-2);
    --slider-arrow-hover-color: var(--color-black);
    --slider-navigation-border: 1px solid var(--color-gray-3);
    --slider-navigation-bg: var(--color-white);

    --slider-bullet: var(--color-gray-2);
    --slider-bullet-active: var(--color-dark-1);
    --slider-progressbar-bg: var(--color-gray-2);
    --slider-progressbar-fill: var(--color-dark-1);


    --form-field-bg: var(--color-white);
    --form-field-border: var(--color-gray-4);
    --form-field-border-focus: var(--color-gray-5);

    --tab-nav-bg: var(--color-white);
    --tab-nav-bg-active-item:  var(--color-gray-2);

    --next-prev-box-bg: var(--color-gray-2);
    --next-prev-btn-bg: var(--color-gray-2);
    --next-prev-btn-bg-hover: var(--color-gray-3);
    --next-prev-btn-color: var(--color-black);
    --next-prev-btn-color-hover: var(--color-black);

    --pagination-active-bg: var(--color-white);
    --footer-dark-bg: #1f1f22;
}

/* ТЕМНАЯ ТЕМА */
.dark-theme {
    --up-box-shadow-1px: 0px 0px 0px 1px var(--color-dark-border);
    --up-body-bg: var(--color-black);
    --up-header-bg: #121212;
    --up-header-bg-secondary: var(--color-dark-1); /* #1F1F22 */
    --up-header-text-color: #E2E2E2;

    --up-text-color: #D1D1D1; /* Основной текст стал чуть светлее для контраста */
    --up-text-wd-color: var(--color-white);
    --up-text-link: var(--color-blue-2);
    --up-text-light-color: var(--color-gray-1);
    --up-text-gray-color: var(--color-gray-1);

    --up-bg-wd: var(--color-dark-0); /* #0F0F0F - Карточки теперь выделяются на черном фоне */
    --up-bg-main: var(--color-dark-0);
    --up-bg-gray: var(--color-dark-1); /* #1F1F22 - Элементы внутри карточек */
    --up-bg-wg: var(--color-dark-1);
    --up-bg-gray-hover: var(--color-dark-4);
    --up-bg-main-hover: var(--color-dark-1);

    --up-gray-color-1: var(--color-dark-border);
    --up-border-color: var(--color-dark-border);
    --up-dd-menu-bg-hover: var(--color-dark-1);

    --up-modal-backdrop: var(--color-dark-6);
    --up-modal-bg: var(--color-dark-7);
    --up-quantity-bg: var(--color-dark-1);
    --up-quantity-bg-hover: var(--color-dark-2);

    --slider-arrow-bg: var(--color-dark-1);
    --slider-arrow-color: var(--color-gray-1);
    --slider-arrow-hover-bg: var(--color-dark-4);
    --slider-arrow-hover-color: var(--color-white);
    --slider-navigation-border: 1px solid var(--color-dark-border);
    --slider-navigation-bg: var(--color-black);

    --slider-bullet: var(--color-dark-1);
    --slider-bullet-active: var(--color-gray-1);
    --slider-progressbar-bg: var(--color-dark-1);
    --slider-progressbar-fill: var(--color-gray-1);



    --form-field-bg: var(--color-dark-3);
    --form-field-border: var(--color-dark-4);
    --form-field-border-focus: var(--color-dark-5);

    --tab-nav-bg: var(--color-dark-1);
    --tab-nav-bg-active-item: var(--color-dark-1);

    --next-prev-box-bg: var(--color-dark-1);
    --next-prev-btn-bg: var(--color-dark-1);
    --next-prev-btn-bg-hover: var(--color-dark-4);
    --next-prev-btn-color: var(--color-gray-1);
    --next-prev-btn-color-hover: var(--color-white);

    --pagination-active-bg: var(--color-white);
    --footer-dark-bg: #121212;
}

html {
	font-size: 14px;
}
body {
	font-weight: 400;
	color: var(--up-text-wd-color);
	line-height: 20px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	min-height: 100vh;
	background-color: var(--up-body-bg);
}
b, strong {
	font-weight: 600;
}
main {
	overflow: clip;
}
@media (min-width: 992px) {
	main {padding-top: 10px;}
}
@media (min-width: 1200px) {
	html {
		width: 100vw;
	}
}
h1, h2, h3, h4, h5, h6 {
	color: var(--up-text-wd-color);
	margin-top: 5px;
	margin-bottom: 20px;
}
.fa {
	font-size: 14px;
}
.h1,h1 {
	font-size: 22px;
	line-height: 30px;
}
.h2,h2 {
	font-size: 20px;
}
.h3,h3 {
	font-size: 18px;
}
.h4,h4 {
	font-size: 14px;
}
.h5,h5 {
	font-size: 12px;
}
.h6,h6 {
	font-size: 10.2px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
}
a {
	color: var(--up-color-link);
}
a:hover {
	text-decoration: none;
	color: var(--up-color-link-hover);
}
a:focus {
	outline: none;
	text-decoration: none;
	outline-offset: -2px;
}
legend {
	font-size: 18px;
	padding: 7px 0px;
	border-color: var(--up-border-color);
	color: var(--up-text-wd-color);
}
.captcha-block legend {
	padding: 15px 0px;
	margin-bottom: 15px;
	position: relative;
}
.captcha-block .form-group {
	margin-left: -10px;
	margin-right: -10px;
}
label {
	font-size: 12px;
	font-weight: normal;
}
.form-horizontal .control-label {
	font-size: 14px;
	margin-bottom: 5px;
}
.icon-arrow-down {
	width: 8px;
	height: 4px;
	margin-left: 8px;
}
select.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 14px;
	box-shadow:none;
	border:1px solid var(--form-field-border);
}
textarea.form-control{
	font-size: 14px;
	box-shadow:none;
	border:1px solid var(--form-field-border);
}
select.form-control {
	height: 44px;
	border:1px solid var(--form-field-border);
	font-size: 14px;
	box-shadow: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	padding-right: 25px;
	background-position: right 15px center;
	background-repeat: no-repeat;
	background-size: 8px;
	border-radius: 6px;
	cursor:pointer;
	color: var(--up-text-light-color);
	background-color: var(--form-field-bg);
}
.light-theme select.form-control {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M6.422 7.504a1 1 0 0 0 1.25-.007l3.7-2.994a1 1 0 1 1 1.257 1.555l-3.7 2.994a3 3 0 0 1-3.748.02l-3.8-3.007a1 1 0 1 1 1.24-1.57l3.801 3.009Z' clip-rule='evenodd'/%3E%3C/svg%3E");
	color:#000000;
}
.dark-theme select.form-control {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23B1B1B1' fill-rule='evenodd' d='M6.422 7.504a1 1 0 0 0 1.25-.007l3.7-2.994a1 1 0 1 1 1.257 1.555l-3.7 2.994a3 3 0 0 1-3.748.02l-3.8-3.007a1 1 0 1 1 1.24-1.57l3.801 3.009Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.dark-theme select.form-control:focus {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M6.422 7.504a1 1 0 0 0 1.25-.007l3.7-2.994a1 1 0 1 1 1.257 1.555l-3.7 2.994a3 3 0 0 1-3.748.02l-3.8-3.007a1 1 0 1 1 1.24-1.57l3.801 3.009Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
select.form-control:focus,
textarea.form-control:focus,
input.form-control:focus {
	box-shadow: none;
	background-color: var(--form-field-bg);
	border-color:  var(--form-field-border-focus);
	z-index: 1;
	color: var(--up-text-wd-color);
}

input.form-control {
	box-shadow: none;
	color: var(--up-text-wd-color);
	background: var(--form-field-bg);
	border-radius: 6px;
	padding: 10px 12px 10px 12px;
	height: 44px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
}
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}
input[type="number"],
input[type="text"] {
	-webkit-appearance: none !important;
}
input, input:hover, input:active {
	outline: none;
	box-shadow: none;
}
button, input {overflow: visible;}
/*.modal-open > div:not(.box-dopmenu) {
	overflow: hidden;
}*/
.action-timer {
	opacity: 0;
}
.product-thumb .action-timer {
	position: absolute;
}
header{
	position: relative;
	background: var(--up-header-bg);
}
.img-rounded-10 {
	border-radius: 10px;
}
.justify-content-xs-end {justify-content: flex-end;}
.justify-content-end {
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}
.justify-content-between {
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}
.row-flex {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-left: -10px;
}
.f-col-xs-12,
.f-col-sm-6
.f-col-md-4,
.f-col-lg-3,
.item-col-5 {
	padding-right: 10px;
	padding-left: 10px;
}
.f-col-xs-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
.f-col-xs-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.xs-w-100 {
	width: 100%;
}
.xs-mb-5 {
	margin-bottom: 5px;
}
.xs-mb-10 {
	margin-bottom: 10px;
}
.xs-mb-20 {
	margin-bottom: 20px;
}
.flex-column {
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}
.pt-xs-5 {padding-top: 5px;}
.pb-xs-5 {padding-bottom: 5px;}

@media (max-width: 767px) {
	.d-xs-flex{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	.flex-xs-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}
	.justify-content-xs-center {
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}
}
.w-auto {
	width: auto !important;
}
@media (min-width: 768px) {
	.pt-sm-10 {padding-top: 10px;}
	.pb-sm-10 {padding-bottom: 10px;}
	.flex-sm-row {
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}
	.sm-w-auto {
		width: auto;
	}
	.sm-w-100 {
		width: 100%;
	}
	.sm-mb-0 {
		margin-bottom: 0;
	}
	.sm-mb-30 {
		margin-bottom: 30px;
	}
	.d-sm-block {display: block !important;}
	.flex-sm-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}
	.f-col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.justify-content-sm-end {justify-content: flex-end;}
	.col-sm-auto {width: auto;}
}

#column-left, #column-right {display: none;}

.htop-b-pc img {margin:0 auto;}
.htop-b-mob img {margin:0 auto;}
.htop-b-mob ~ header {padding-top: 0px;}

header {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

@media (min-width: 992px) {
	.f-order-3 {
		-ms-flex-order: 3;
		order: 3;
	}
	.pt-md-15 {padding-top: 15px;}
	.pb-md-15 {padding-bottom: 15px;}

	.mt-md-0 {
		margin-top: 0;
	}
	.flex-md-row {
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}
	header{
		z-index: 1008;
	}

	#column-left, #column-right {display: block;}
	.flex-md-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}
	.f-col-md-4 {
		-ms-flex: 0 0 33.3333333333%;
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}
	.justify-content-md-center {justify-content: center;}
	.col-md-offset-right-3 {margin-right: 25% !important;}
	.flex-1 {flex:1;}

	.col-auto {
		width: auto;
	}

	html.vw-100 body {
		overflow-y: hidden;
	}

	.vw-100 .htop-b-pc,
	.vw-100 nav#top,
	.vw-100 header{
		z-index: 1007;
		position: relative;
	}
	.fix-header.h-sticky {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 1009;
	}
	.vw-100 .box-dopmenu {
		z-index: 1008;
	}
	html.light-theme:not(.vw-100) .fix-header.h-sticky {
		box-shadow:0 4px 12px rgba(0, 0, 0, 0.2);
	}
	html.dark-theme:not(.vw-100) .fix-header.h-sticky {
		box-shadow:0 4px 12px rgba(0, 0, 0, 0.2);
	}
}
.ml-auto {
	margin-left: auto;
}
.pos-r {
	position: relative;
}

@media (min-width: 1200px) {
	.f-col-lg-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-lg-30 {width: 30%}
	.col-lg-20 {width: 20%}
}
@media (min-width: 1360px){
	.item-col-5 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
		align-items: center;
	}
}
#column-right .pct_gv .item-col-5,
#column-left .pct_gv .item-col-5,
#column-right .latest_gv .item-col-5,
#column-left .latest_gv .item-col-5 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.col-md-1-5,
.col-lg-1-5 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
@media (min-width: 992px) {
	.col-md-1-5 {width: 20%;float: left;}
}
.container {
	width: 100%;
}
@media (min-width: 768px) {
	.container {
		width: calc(100% - 30px);
	}
}
#column-left,
#column-right {
	margin-top: 10px;
}
@media (max-width: 991px) {
	#content.col-md-9 {
		width: 100%;
		clear: both;
	}
}
@media (min-width: 1500px) {
	.container{width:1470px;}
	.col-md-3.menu-box,
	.menu_fix.col-md-3,
	.container .sw-20,
	#column-left.col-md-3,
	#column-right.col-md-3{width:22%;}
	.container .sw-80,
	#content.col-md-9,#content.col-sm-9 {width: 78%;}
	#content.col-md-6,#content.col-sm-6 {width: 56%;}
	.col-lg-offset-3,.col-md-offset-3 {margin-left: 20.4%;}
	.col-lg-1-5 {width: 20%;float: left;}
}
.p-content {
	margin-bottom: 20px;
}
.dark-theme .p-content,
.dark-theme .p-content * {
	color:var(--up-text-gray-color);
}
.container {
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}
.container-fluid {
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}
.row {
	margin-right: -10px;
	margin-left: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mb-0 {margin-bottom: 0px !important;}
.mb-15 {margin-bottom: 15px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mt-0 {margin-top: 0px;}
.mr-10 {margin-right: 10px;}
.mb-0 {margin-bottom: 0px;}
.pr-10 {padding-right: 10px;}
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pl-10 {padding-left: 10px;}
.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pr-20 {padding-right: 20px !important;}
.pr-35 {padding-right: 35px !important;}
.pt20 {padding-top:20px;}
.pr-17 {padding-right: 17px;}
.h-100 {height: 100%;}
.h-auto {height: auto;}
.w-100 {width: 100%;}
.pr-0 {padding-right: 0px;}
.pl-0 {padding-left: 0px;}
.dflex,
.d-flex {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.d-inline-flex {
	display:-ms-inline-flexbox;
	display:-webkit-inline-flex;
	display:inline-flex;
}
.flex-wrap {
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}
.mt-auto{
	margin-top: auto !important;
}
.flex-grow-1 {
	-ms-flex-positive: 1 !important;
	flex-grow: 1 !important;
}
.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}
.justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

.buttons {
	margin-top: 15px;
}
.btn {
	padding: 10px 15px;
	font-size: 14px;
	border: 0px;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
	outline: none;
}
.btn.active, .btn:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.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: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.chm-btn {
	border: 0px;
	border-radius: 12px;
	display: inline-block;
	padding: 0px 15px;
	height: 46px;
	font-size: 14px;
	line-height: 46px;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	touch-action: manipulation;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.chm-btn.disabled, .chm-btn[disabled] {
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 0.75;
}
.input-group-btn .chm-btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	height: 48px;
}
.input-group-btn:last-child > .chm-btn {
	z-index: 2;
	margin-left: -1px;
	position: relative;
}
.chm-btn-secondary {
	color:#000000;
}
.chm-btn-white {
	color:#000000;
	background-color: #ffffff;
}
.chm-btn-white:hover {
	background-color: #ffffff;
}
.chm-btn-white:focus,
.chm-btn-white:hover,
.chm-btn-white:hover {
	color: #3572E1;
}
.chm-btn-grey {
	color: var(--up-color-btn-default);
	background-color: var(--up-bg-btn-default);
}
.chm-btn-grey:hover {
	color: var(--up-color-btn-default-hover);
	background-color: var(--up-bg-btn-default-hover);
}
.chm-btn-black {
	color: var(--up-color-btn-black);
	background-color: var(--up-bg-btn-black);
}
.chm-btn-black:hover {
	color: var(--up-color-btn-black-hover);
	background-color: var(--up-bg-btn-black-hover);
	text-decoration: underline;
}
.chm-btn-outline-primary {
	background: transparent;
	border: 1px solid #457de3;
	color: #457de3;
}
.chm-btn-outline-primary:hover {
	background: #457DE3;
	border: 1px solid #457de3;
	color: #fff;
}
.chm-lg {
	height: 54px;
	line-height: 54px;
	font-weight: 500;
}
.chm-lg-rounded {
	border-radius: 54px;
}
.chm-sm {
	height: 40px;
	padding: 0px 13px;
	line-height: 40px;
}
.chm-btn-sm-only-icon {
	height: 44px;
	padding: 0px 8px;
	line-height: 40px;
	width: 44px;
	display:-ms-inline-flexbox;
	display:-webkit-inline-flex;
	display:inline-flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack:center !important;
	justify-content:center !important
}
.chm-px-lg {
	padding: 0px 25px;
}
.chm-px-xlg {
	padding: 0px 40px;
}
.btn-default {
	color: var(--up-color-btn-default);
	background-color: var(--up-bg-btn-default);
	border: 0px;
	border-radius: 8px;
	display: inline-block;
	font-size: 14px;
	padding: 0px 20px;
	line-height: 44px;
	min-height: 44px;
	font-weight: 400;
	box-shadow: none;
	text-shadow: none;
}
.btn-default:hover, .btn-default:active {
	color: var(--up-color-btn-default-hover);
	background-color: var(--up-bg-btn-default-hover);
}
.light-theme .input-group-btn .btn-default {
	border:1px solid var(--up-bg-btn-default);
	height: 44px;
	color: var(--up-color-btn-default);
	background-color: var(--up-bg-btn-default);
}
.dark-theme .input-group-btn .btn-default {
	border:1px solid var(--form-field-border);
	height: 44px;
	color: #ffffff;
	background-color:var(--form-field-bg);
}

.btn-primary,
.chm-btn-primary {
	color: var(--up-color-btn-primary);
	background-color: var(--up-bg-btn-primary);
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:disabled,
.btn-primary:active,
.btn-primary:active:focus,
.chm-btn-primary:focus,
.chm-btn-primary:hover,
.chm-btn-primary:hover {
	color: var(--up-color-btn-primary-hover);
	background-color: var(--up-bg-btn-primary-hover);
}
.btn-primary:focus, .btn-primary:focus, .btn-primary {
	color: var(--up-color-btn-primary);
	background-color: var(--up-bg-btn-primary);
	border: 0px;
	border-radius: 8px;
	display: inline-block;
	font-size: 14px;
	padding: 0px 20px;
	line-height: 44px;
	min-height: 44px;
	font-weight: 400;
	box-shadow: none;
	text-align: center;
}

.btn-primary:hover, .btn-primary:active{
	background-color:#3572E1;
	color:#ffffff;
	border:0px;
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.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: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}
div.required_field .control-label:before,
div.required .control-label:before {
	content: '* ';
	color: #EB5757;
	display: inline-flex;
	width: 12px;
}
[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	fill-rule: evenodd;
}

/*Dropdown*/
.dropdown-menu li > a:hover, .dropdown-menu li > a.active, .dropdown-menu li > a:focus {
	text-decoration: none;
	color: #000;
	background-color: transparent;
	border-radius:4px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
	background-color: transparent;
	color: #000;
	outline: 0 none;
	text-decoration: none;
}

.ch-dropdown {
	padding: 12px 15px;
	border:0px;
	border-radius:14px;
	box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.06);
	background-color: var(--up-bg-wd);

}
.up-compact-dropdown {
	padding: 8px;
	border:0px;
	border-radius:50px;
	box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.06);
}
.open .dropdown-menu.up-compact-dropdown {
	display: flex;
	align-items: center;
	gap:5px;
	background-color: var(--up-bg-wd);
}
.dropdown-menu.up-compact-dropdown > li > a,
.dropdown-menu.up-compact-dropdown > li > button {
	padding: 3px 12px 3px 12px !important;
	font-size: 14px !important;
	line-height: 20px;
	border: 0px;
	color:var(--up-text-light-color);
	text-align: center;
	text-decoration: none;
	background:transparent;
	display: flex;
	align-items:center;
	justify-content: center;
}
.dropdown-menu.ch-dropdown > .active > button,
.dropdown-menu.up-compact-dropdown > .active > button {
	color: var(--up-text-wd-color);
	background:var(--up-gray-color-1);
}
.dropdown-menu.up-compact-dropdown > .active > button {
	border-radius: 20px;
}
.dropdown-menu.ch-dropdown li {
	padding-top: 3px;
	margin-bottom: 3px;
	position: relative;
}
.dropdown-menu.ch-dropdown > li > button, .dropdown-menu.ch-dropdown > li > a {
	padding: 3px 10px 3px 10px !important;
	font-size: 14px !important;
	line-height: 1.42857143;
	border: 0px;
	text-align: left;
	text-decoration: none;
	color: var(--up-text-color);
}
.dark-theme .dropdown-menu.ch-dropdown > li > button:hover,
.dark-theme .dropdown-menu.ch-dropdown > li > a:hover {
	color: #ffffff;
}
.dropdown-menu.ch-dropdown li + li {
	border-top: 1px dashed var(--up-gray-color-1);
}
.dropdown-menu.ch-dropdown li > a:hover:before,
.dropdown-menu.ch-dropdown li > button:hover:before,
.dropdown-menu.ch-dropdown li > div:hover:before,
.dropdown-menu.ch-dropdown > .active > button:before,
.dropdown-menu.ch-dropdown > .active > button:focus:before,
.dropdown-menu.ch-dropdown > .active > button:hover:before,
.dropdown-menu.ch-dropdown > .active > a:before,
.dropdown-menu.ch-dropdown > .active > a:focus:before,
.dropdown-menu.ch-dropdown > .active > a:hover:before {
	background: var(--up-dd-menu-bg-hover);
	position: absolute;
	height: calc(100% - 3px);
	content: "";
	z-index: -1;
	left: 0px;
	right: 0px;
	width: 100%;
	top: 3px;
	border-radius: 4px;
}
.form-control::placeholder {
	opacity: 1;
	font-size: 14px;

}
.light-theme .form-control::placeholder {
	color:#6F6F6F;
}
.light-theme .search-top .form-control::placeholder {
	color:#E2E2E2;
}
.dark-theme .form-control::placeholder {
	color: var(--up-text-light-color);
}
/*Top Nav*/
.light-theme #top,
.light-theme #top .container {
	background-color: var(--menu-bg-color);
}
.dark-theme #top,
.dark-theme #top .container {
	background-color: #1E1E21;
}
#top {
	padding-top: 5px;
	padding-bottom: 5px;
	height: 40px;
}
#top .dropdown-menu-right {
	left: auto;
	min-width: 100%;
	right: -8px;
	border-top-right-radius: 0px;
	margin-top: 9px;
	z-index: 1009;
}
#top #currency .currency-select {
	text-align: left;
}
#top .btn-link {
	text-decoration: none;
}
.light-theme #top .box-nav-links .btn-link {
	color: #E2E2E2;
}
.dark-theme #top .box-nav-links .btn-link {
	color: #E2E2E2;
}
.header-nav-links {
	position:relative;
	border:0px;
	box-shadow:none;
	padding:0px;
	display:block;
	margin:0px 0px;
	background: transparent;
	width:auto;
	min-width: auto;
	list-style: none;
}
@media (min-width: 992px) {
	#top .box-nav-links ul li:first-child .btn-link{
		padding-left: 0px !important;
	}
	.header-nav-links .btn-link {padding:4px 8px;height: 28px;font-size: 14px;}
	#top .header-nav-links .btn-link:hover {color: #fff;}
	.header-nav-links li {display:inline-block;}

}

/*Header*/
.up-header__left {
	padding-left: 10px;
	padding-right: 10px;
	gap: 20px;
}
.up-header__right {
	margin-left: auto;
}
.up-header__btn-mobile-menu {
	width: 44px;
	height: 44px;
	background: transparent;
	border:0px;
	border-radius: 0px;
	box-shadow: none;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin-right: 10px;
	color: #fff !important;
}
.up-header #logo {
	position: relative;
}
.up-header #logo img {
	margin-left: 0;
	margin-right: auto;
	color:transparent;
	max-height: 40px;
}
.up-header .btn-menu-top {
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	touch-action: manipulation;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	width: 64px;
	border-radius: 22px;
	height: 44px;
}
.up-header .btn-menu-top {
	background-color: var(--up-bg-menu);
	border: 1px solid var(--up-border-color-menu);
	color: var(--up-color-menu);
}
.up-header .btn-menu-top.active-btn,
.up-header .btn-menu-top:hover,
.up-header .btn-menu-top:hover .text-category {
	background-color: var(--up-bg-menu-hover);
	color: var(--up-color-menu-hover);
	border-color: var(--up-border-color-menu-hover);
}
.up-header .btn-menu-top:hover i {
	color: var(--up-color-menu-hover);
}
.up-header .btn-menu-top .text-category {
	margin-right: 10px;
	margin-left: 10px;
}
.up-header .btn-menu-top i,
.up-header .btn-menu-top .text-category {
	color: var(--up-color-menu);
}
.up-header .btn-menu-top.show-tc {
	padding: 10px 18px;
	width: auto;
}
.up-header-phones {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.up-header-phones.hp-dd .up-header-phones__top:after {
	content: "\e901";
	font-size: 13px;
	position: relative;
	display: inline-flex;
	color: var(--up-header-text-color);
}
.dark-theme .up-header-phones.hp-dd .up-header-phones__top:after {
	color: #B1B1B1;
}
.up-header-phones__top {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	position:relative;
}
.up-header-phones.hp-dd .up-header-phones__items {
	margin-right: 10px;
	margin-left: 10px;
}
.up-header-phones:not(.hp-dd) .up-header-phones__items {
	margin-right: 15px;
	margin-left: 15px;
}
.up-header-phones__items {
	display: flex;
	flex-direction: column;
}
.up-header-phones__item {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 16px;
	font-weight: 600;
}

.up-header-phones__top .up-header-phones__item,
.up-header-phones__top .up-header-phones__item a{
	color: #FFFFFF;
}
.up-header-phones__item + .up-header-phones__item {
	margin-top: 2px;
}
.up-header-phones__dropdown.ch-dropdown > li > div,
.up-header-phones__dropdown.ch-dropdown > li > a {
	font-size: 13px;
	padding: 4px 8px 4px 8px !important;
	white-space: nowrap;
	color: var(--up-text-color);
	font-weight: 400;
}
.up-header-phones__text-af {
	color: var(--up-header-text-color);
	font-size:12px;
	font-weight: 400;
	line-height: 16px;
	text-align: right;
	margin-top: -1px;
	white-space: nowrap;
}
.light-theme .mobile-first-tel .up-header-phones__text-af {
	color: #8A8F99;
}
.up-header-phones__dropdown {
	margin-top: 0px;
	min-width: auto;
	z-index: 1012;
	left: auto;
	right: 0;
	border-radius: 12px;
	box-shadow: none;
}
.dark-theme .up-header-phones__dropdown.ch-dropdown > li {
	color: var(--up-text-color);
}
.dark-theme .up-header-phones__dropdown {
	background: var(--up-bg-wd);
}
.dark-theme .up-header-phones__dropdown.ch-dropdown > li > a:hover {
	color: #ffffff;
}
.up-header-phones__icon-image {
	margin-right: 10px;
	display: inline-block;
	text-align: center;
}

.box-cart,
.box-currency,
.box-language,
.box-account,
.box-wishlist,
.box-compare {
	order:4;
	position: relative;
}
.box-language-currency {
	display: none;
}
.up-header .btn-open-contact,
.up-header .btn-open-search,
.box-account .btn-account,
.btn-wishlist-top,
.btn-compare-top {
	position: relative;
	border: 0px;
	padding: 0px;
	background: transparent;
	border-radius: 0px;
	display: flex;
	align-items:center;
	justify-content: center;
	text-align: center;
	height: 30px;
	width: 30px;
	color: var(--up-header-text-color);
}
#cart > .btn {
	position: relative;
	border: 0px;
	padding: 0px;
	background: transparent;
	border-radius: 0px;
	display: flex;
	align-items:center;
	justify-content: center;
	text-align: center;
	height: 40px;
	width: 64px;
	background: var(--up-bg-header-cart);
	color:var(--up-color-header-cart);
	border-radius: 22px;
}
#cart {
	position: relative;
}

.viewed-quantity,
.wishlist-quantity,
.compare-quantity {
	position: absolute;
	height: 18px;
	min-width: 18px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius:25px;
	font-size: 11px;
	line-height: 22px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}
#cart .cart-total {
	height: 20px;
	min-width: 24px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 12px;
	font-size: 11px;
	line-height: 22px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}

.viewed-quantity,
.wishlist-quantity,
.compare-quantity {
	right: 0px;
  	top: 0px;
}
.up-header .viewed-quantity,
.up-header .wishlist-quantity,
.up-header .compare-quantity {
	background: var(--up-bg-header-total-cw);
	color: var(--up-color-header-total-cw);
}
.mob-fix-panel .viewed-quantity,
.mob-fix-panel .wishlist-quantity,
.mob-fix-panel .compare-quantity {
	background: var(--up-bg-header-total-cw);
	color: var(--up-color-header-total-cw);
	right: 1px;
}
.fixed-goods-bar .viewed-quantity,
.fixed-goods-bar .wishlist-quantity,
.fixed-goods-bar .compare-quantity {
	background: var(--up-bg-total-fix-bar);
	color: var(--up-color-total-fix-bar);
}

#cart .cart-total {
	background: var(--up-bg-header-total-cart);
	color: var(--up-color-header-total-cart);
}
.box-wishlist.text-ai-on .wishlist-quantity,
.box-compare.text-ai-on .compare-quantity,
.box-cart.text-ai-on #cart .cart-total{
	right: -3px;
   top: -2px;
   position: absolute;
}
.phone-box,
.box-account,
.box-cart {
	margin-left: 4px;
}
.box-account.open {
	z-index: 1012;
}
.box-account.open .dropdown-menu {
	z-index: 1012;
	border-radius: 12px;
	margin-top: 11px;
	right: 0;
	box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.06);
}
header .text-a-icon,
header .text-a-icon-cart  {
	display: none;
}
.header-search .form-control {
	height: 44px;
	border:0px !important;
	padding: 0 15px 0px 25px;
	box-shadow: none !important;
	border-radius: 44px 0px 0px 44px;
}
.light-theme .mobile-sidebar-search .header-search .form-control {
	background-color: #F5F5F7;
	color: #000;
}
.light-theme .box-search .header-search .form-control {
	background-color: #313136;
	color:#E2E2E2;
}
.dark-theme .header-search .form-control {
	background: var(--up-header-bg-secondary);
	color:#E2E2E2;
}
.header-search .categories + .form-control {
	padding-left: 5px;
}
.btn-search {
	padding:0px;
	height:38px;
	width: 38px;
	border-radius:100% !important;
	box-shadow:none;
	margin-top: 0px;
	margin-right: 4px;
	margin-left: 4px;
	border:0px;
	line-height:1;
	background: #fff;
	box-shadow: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 4px;
}
.light-theme .btn-search {
	background: transparent;
}
.dark-theme .btn-search {
	background: #1D1D1D;
}
.btn-search-select {
	display: block;
	background: transparent;
	padding: 0px;
	height: 38px;
	width: 38px;
	border-radius: 38px !important;
	box-shadow: none;
	margin-top: 0px;
	border: 0px;
	line-height: 1px;
	text-align: center;
	font-size: 12px;
	margin-left: 6px;
}
.btn-search-select .icon-search-category{
	color:#B4B4B4;
	width: 18px;
	height: 18px;
}
.btn-voice-search {
	background: transparent;
	border: 0px;
	padding: 0px;
	height: 38px;
	width: 38px;
	box-shadow: none;
	margin-top: 0px;
	margin-left: 4px;
	line-height: 1;
	box-shadow: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width: 768px) {
	.dark-theme .box-account.open .dropdown-menu {
		background: var(--up-header-bg);
	}
}

@media (min-width: 768px) {
	.flex-grow-sm-1 {
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important;
	}
	.up-header__logo-mobile {
		display: none;
	}
	.box-search {
		margin-right: 5px;
	}
	.box-account .btn-account,
	.box-wishlist:not(.text-ai-on) .btn-wishlist-top,
	.box-compare:not(.text-ai-on) .btn-compare-top,
	.up-header .btn-open-contact {
		border-radius: 54px;
		background: var(--up-header-bg-secondary);
	}
	header .box-account .btn-account,
	header .box-wishlist:not(.text-ai-on) .btn-wishlist-top,
	header .box-compare:not(.text-ai-on) .btn-compare-top,
	header .up-header .btn-open-contact {
		background: var(--up-header-bg-secondary);
	}
	.dark-theme .up-header .btn-open-contact,
	.dark-theme .up-header .btn-open-search,
	.dark-theme .box-account .btn-account,
	.dark-theme .btn-wishlist-top,
	.dark-theme .btn-compare-top,
	.dark-theme #cart > .btn {
		color: var(--up-header-text-color);
	}
	.box-account:not(.text-ai-on).open {
		filter:drop-shadow(2px 7px 7px rgba(0, 0, 0, 0.09));
	}
	.box-account.open .dropdown-menu {
		border-radius: 12px;
		margin-top: 5px;
		box-shadow: none;
	}

	#cart > .btn {
		height: 44px;
	}
	.up-header .btn-open-contact,
	.up-header .btn-account {
		height: 44px;
		width: 44px;
	}
	.phone-box, .box-account, .box-cart {
		margin-left: 8px;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
  .box-account.open .dropdown-menu:before {
		position: absolute;
		background: var(--up-bg-wd);
		width: 44px;
		content: '';
		top: -8px;
		height: 10px;
		right: 0;
	}
}

@media (max-width: 992px) {
	.up-header {
		background: var(--up-header-bg);
		position: sticky;
		top: 0px;
		z-index: 1009;
		height: 54px;
		max-height: 54px;
	}
	.light-theme .up-header:not(.header-no-shadow) {
		box-shadow: 0 0 15px -7px rgba(0,0,0,0.4);
	}
	.dark-theme .up-header:not(.header-no-shadow) {
		box-shadow: 0 5px 15px rgba(0,0,0,.45);
		border-bottom: 1px solid var(--up-border-color);
	}
	/*.up-header.header-no-shadow {
		border-bottom:1px solid var(--up-border-color);
	}*/
	.phone-box {
		-ms-flex-order: 3;
		order: 3;
	}
}

.fixed-goods-bar {
	display: none;
}
.search_word {
	display: none;
}
#top .up-theme-mode,
.mob-theme-mode .up-theme-mode {
	display: flex;
}
#top .up-theme-mode {
	margin-left: 8px;
}
.light-theme #top .up-theme-mode {
	border: 1px dashed #1f1f22;
}

.light-theme #top .up-theme-btn.active {
	background: #1f1f22;
}
.up-theme-mode {
	height: 30px;
	width: 54px;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	border-radius: 20px;
	padding: 3px;
	position: relative;
}
.light-theme .up-header__right .up-theme-mode,
.light-theme #top .up-theme-mode{
	background: var(--up-header-bg-secondary);
}

.light-theme .mob-theme-mode .up-theme-mode {
	background: var(--up-bg-wd);
	border: 1px dashed #e3e3e3;
}
.light-theme .mob-theme-mode .up-theme-btn.active{
	color: var(--up-text-wd-color);
	background: var(--up-gray-color-1);
}

.dark-theme .up-header__right .up-theme-mode,
.dark-theme #top .up-theme-mode {
	background: var(--up-header-bg-secondary);
}
.dark-theme .mob-theme-mode .up-theme-mode {
	border: 1px dashed #2F2F2F;
	background: transparent;
}


.up-theme-btn {
	display: flex;
	align-items:center;
	justify-content: center;
	border:0px;
	height: 22px;
	width: 22px;
	padding: 0px;
	border-radius: 20px;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	white-space: nowrap;
}
.light-theme .up-theme-btn {
	background: transparent;
	color: var(--up-header-text-color);
}
.up-theme-btn svg {
	width: 14px;
	height: 14px;
}
.light-theme .up-theme-btn:not(.active) svg {
	color:#3F78E0;
}
.dark-theme .light-theme-btn {
	background: transparent;
	color:#E3C045;
}
.dark-theme .dark-theme-btn {
	background: transparent;
	color:#457DE3;
}
.dark-theme .up-theme-btn.active {
	background: #1D1D1D;
}
.up-header__right .up-theme-mode {
	display: none;
}
@media (min-width: 992px) {
	.up-header__right .up-theme-mode {
		display: flex !important;
	}
	.up-header__right .up-theme-mode {
		height: 44px;
		width: 28px;
		order: 5;
		margin-left: 10px;
		flex-direction: column;
	}
	.box-search .search-top {
		position: relative;
	}
	.box-search .search_word {
		display: block;
		font-size: 12px;
		color: #8E8E93;
		text-align: right;
	}
	.box-search .search_word a {
		color:var(--up-text-wd-color);
		cursor: pointer;
	}
	.phone-box, .box-account, .box-cart {
		margin-left: 0px;
	}
	header .text-a-icon,
	header .text-a-icon-cart {
		font-size: 10px;
		font-weight: 500;
		line-height: 14px;
		display: block;
		margin-bottom: 4px;
	}
	header .text-a-icon {
		color: var(--up-header-text-color);
	}
	header .text-a-icon-cart {
		color:#fff;
	}
	.up-header__logo-top {
		margin-right: 15px;
	}
	.up-header #logo img {
		max-height: 66px;
	}

	.up-header-phones__dropdown {
		min-width: 100%;
	}
	.up-header-phones.hp-dd.open {
		filter:drop-shadow(2px 7px 7px rgba(0, 0, 0, 0.09));
		z-index: 1012;
	}

	.up-header-phones.hp-dd.open .up-header-phones__dropdown {
		padding-top: 10px;
	}

	.box-cart {
		min-width: 50px;
	}
	.top-lc {
		height: 30px;
		margin-left: 10px;
		border-radius: 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-left: 4px;
		padding-right: 4px;
	}
	.top-lc > div {
		z-index: 1010;
	}
	.no-scroll .top-lc > div {
		z-index: 1;
	}
	.light-theme .top-lc {
		border:1px dashed #1f1f22;
	}
	.dark-theme .top-lc {
		border:1px dashed #2F2F2F;
	}
	.top-lc:not(.only_one_block) {
		width: 70px;
	}
	.top-lc.only_one_block {
		width: 50px;
	}
	.top-lc.only_one_block .btn-language-top,
	.top-lc.only_one_block .btn-currency-top {
		width: 40px;
	}

	.box-language-currency {
		height: 44px;
		width: 28px;
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		padding: 0px;
		order:5;
		margin-left: 10px;
		position: relative;
	}

	.box-language-currency .dropdown-menu {
		right: 32px;
		height: 40px;
	}
	.box-language-currency:not(.only_one_block) .dropdown-menu {
		top: -11px;
	}
	.box-language-currency.only_one_block .dropdown-menu {
		top: 50%;
		transform: translateY(-50%);
	}
	.box-language-currency .open .dropdown-menu::after {
		content: '';
		position: absolute;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 8px solid var(--up-bg-wd);
		right: -3px;
		top: 50%;
		border-radius: 0;
		transform: translateY(-50%);
	}
	.btn-language-top,
	.btn-currency-top {
		display: flex;
		align-items:center;
		justify-content: center;
		border:0px;
		height: 20px;
		width: 28px;
		padding: 2px;
		border-radius: 20px;
		font-size: 10px;
		font-weight: 600;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.light-theme header .btn-language-top,
	.light-theme header .btn-currency-top {
		background: var(--up-header-bg-secondary);
		color: var(--up-header-text-color);
	}
	.light-theme #top .btn-language-top,
	.light-theme #top .btn-currency-top {
		background: #1F1F22;
		color: var(--up-header-text-color);
	}
	.dark-theme .btn-language-top,
	.dark-theme .btn-currency-top {
		background: var(--up-header-bg-secondary);
		color: var(--up-header-text-color);
	}
	.box-language-currency.only_one_block .btn-language-top,
	.box-language-currency.only_one_block .btn-currency-top {
		height: 46px;
	}
	.up-header .btn-open-contact {
		display: none;
	}

	.box-account.text-ai-on .btn-account,
	.box-wishlist.text-ai-on .btn-wishlist-top,
	.box-compare.text-ai-on .btn-compare-top,
	.box-cart.text-ai-on #cart > .btn {
		justify-content: space-between;
		flex-direction: column;
	}
	.box-account.text-ai-on .btn-account {
		background: transparent;
	}
	.box-account.text-ai-on .btn-account i,
	.box-compare.text-ai-on .btn-compare-top i,
	.box-wishlist.text-ai-on .btn-wishlist-top i,
	.box-cart.text-ai-on .shopping-cart .up-icon-cart {
		margin-top: auto;
		margin-bottom: 0px;
	}
	.box-search {
		margin-left: 10px;
		margin-right: 10px;
	}
	.header-search .form-control {
		height: 44px;
		border-radius: 56px 0px 0px 56px;
	}
	.btn-search {
		height:44px;
		width: 44px;
		margin-right: 1px;
	}
	.btn-voice-search,
	.btn-search-select {
		height: 44px;
		width: 44px;
	}
	.phone-box {
		margin-right: 10px;
		margin-left: 10px;
	}
	.box-account {
		margin-left: auto;
	}
	.box-account,
	.box-wishlist,
	.box-compare {
		margin-right: 10px;
	}
	.box-account .btn-account,
	.btn-wishlist-top,
	.btn-compare-top {
		height: 44px;
		width: 64px;
	}
	.box-account.open .dropdown-menu {
		box-shadow: none;
		margin-top: 2px;
	}
	.box-cart.text-ai-on #cart > .btn {
		border-radius: 12px;
	}
	.box-cart:not(.text-ai-on) #cart > .btn {
		border-radius: 22px;
	}
	#cart > .btn {
		padding: 0px 6px;
		height: 44px;
	}
	.box-cart:not(.text-ai-on) #cart > .btn {
		min-width: 80px;
		gap:5px;
	}
	.box-cart.text-ai-on #cart > .btn {
		min-width: 64px;
	}
	#cart > .btn > .up-icon-cart {
		width: 22px;
		height: 22px;
	}
	.viewed-quantity,
	.wishlist-quantity,
	.compare-quantity {
		top: 2px;
		right: 0px;
	}

	.fixed-goods-bar {
		padding: 5px;
		position: fixed;
		bottom:20px;
		right:20px;
		z-index: 1007;
		background: var(--up-bg-fix-bar);
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: nowrap;
		border-radius:48px;
		transition: all .3s ease-out;
		outline: 1px solid var(--up-bc-fix-bar);
		gap:5px;
	}
	.fixed-goods-bar.show-back-top {
		right: 90px;
	}
	.fixed-goods-bar .box-wishlist, .fixed-goods-bar .box-compare {
		order: 0;
	}
	.fixed-goods-bar .box-viewed-pc,
	.fixed-goods-bar .box-wishlist,
	.fixed-goods-bar .box-compare {
		margin-top: 0px;
		display: inline-block;
		position: relative;
		margin-right: 0px;
	}
	.fixed-goods-bar .box-viewed-pc .btn-viewed-pc,
	.fixed-goods-bar .box-wishlist .btn-wishlist-top,
	.fixed-goods-bar .box-compare .btn-compare-top {
		background: var(--up-bg-btn-fix-bar);
		height: 44px;
		width: 100%;
		border-radius: 48px;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		width: 44px;
		line-height:1;
		border:0px;
	}
	.fixed-goods-bar .btn-viewed-pc i,
	.fixed-goods-bar .btn-wishlist-top i,
	.fixed-goods-bar .btn-compare-top i {
		margin-top: 5px;
		color: var(--up-color-icon-btn-fix-bar);
	}
}

@media (min-width: 1200px) {
	.up-header__logo-top {
		min-width: 200px;
	}
	.box-search {
		margin-left: 10px;
		margin-right: 20px;
	}
	.phone-box {
		margin-right: 20px;
		margin-left: 10px;
	}
}

.box-account .dropdown-menu {
	min-width: auto;
}
.box-currency .btn-group.open .dropdown-toggle,
.btn-group.box-account.open .dropdown-toggle {
	box-shadow: none;
}
#currency .currency__title {
	display: none;
}
.box-wishlist .text-wishlist,
.box-compare .text-compare {
	display: none;
}
.box-account,
.box-account-mob {
	position: relative;
}
.box-account.text-ai-on .icon-account {
	margin-top: auto;
}
.box-currency .mob-text-currency,
.box-language .mob-text-language{
	display: none;
}
.box-language .up-compact-dropdown,
.box-currency .up-compact-dropdown {
	min-width: 80px;
}
.box-language .dropdown-menu.ch-dropdown > li > a {
	text-align: center;
}
.fixed-goods-menu .viewed-quantity, .fixed-goods-menu .wishlist-quantity, .fixed-goods-menu .compare-quantity {
	top:8px ;
	right:10px;
}

.btn-search .icon-hsearch {
	color:#000;
	width: 18px;
	height: 18px;
}

.header-search .form-control:focus {
	border:0px;
	box-shadow: none;
	outline: 0 none;
}
.header-search .dropdown-menu {
	margin-top: 0px;
}
.light-theme .box-search .header-search .group_voice_search {
	background: var(--up-header-bg-secondary);
}
.dark-theme .box-search .header-search .group_voice_search {
	background: var(--up-header-bg-secondary);
}
.light-theme .mobile-sidebar-search .header-search .group_voice_search {
	background: #F5F5F7;
}
.light-theme .mobile-sidebar-search .btn-voice-search .up-icon-microphone {
    color:#000;
}
.box-search .header-search .group_voice_search {
	border: 0px;
	position: relative;
}

.btn-voice-search .up-icon-microphone {
	color:var(--up-header-text-color);
}
.btn-voice-search.active-speak .up-icon-microphone {
	color:#319F46;
}
.search-voice__dots {
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap:2px;
	bottom:2px;
}
.search-voice__dots-item {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    animation: moveDots 1s infinite;
}
.search-voice__dots-item_color_blue {
    background-color: #3e77aa;
    animation-delay: .15s;
}
.search-voice__dots-item_color_red {
    background-color: #f84147;
    animation-delay: .3s;
}
.search-voice__dots-item_color_orange {
    background-color: #ff5c00;
    animation-delay: .45s;
}
.search-voice__dots-item_color_green {
    background-color: #00a046;
    animation-delay: .6s;
}
@keyframes moveDots {
	50% {
		transform: translateY(-3.12px)
	}
}

.header-search .button_search {
	border: 0px;
	border-radius:0px 22px 22px 0px;
}
.header-search .categories {
	border-radius: 22px 0px 0px 22px
}
.light-theme .mobile-sidebar-search .header-search .categories,
.light-theme .mobile-sidebar-search .header-search .button_search {
	background: #F5F5F7;
}

.light-theme .box-search .header-search .categories,
.light-theme .box-search .header-search .button_search {
	background: var(--up-header-bg-secondary);
}
.dark-theme .header-search .categories,
.dark-theme .header-search .button_search {
	background: var(--up-header-bg-secondary);
}
.light-theme .mobile-sidebar-search .btn-search i,
.light-theme .mobile-sidebar-search .header-search .categories i {
	color:#000;
}
.light-theme .box-search .btn-search i,
.light-theme .box-search .header-search .categories i {
	color: var(--up-header-text-color);
}
.dark-theme .btn-search i,
.dark-theme .header-search .categories i {
	color: var(--up-text-color);
}
.header-search .autosearch_link {
	cursor:pointer;
}
.header-search .search_autocomplete {
	background: var(--up-bg-wd);
	padding: 2px 4px;
	border-radius: 12px;
	margin-top: 0px;
	width: 100%;
	z-index: 1042 !important;
	left: 0px;
	right: 0px;
	border: 0px;
	position: absolute;
	display: none;
	font-size:12px;
}
@media (min-width: 768px) {
	.light-theme .header-search .search_autocomplete {
		-webkit-box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.06);
		box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.06);
	}
	.dark-theme .header-search .search_autocomplete {
		-webkit-box-shadow:0px 0px 0px 1px var(--up-gray-color-1);
		box-shadow: 0px 0px 0px 1px var(--up-gray-color-1);
	}
}
@media (min-width: 992px) {
	.header-search .search_autocomplete {
		min-width: 530px;
		margin-top: 10px;
	}
}
.header-search .search_autocomplete .autocomplete-wrapper {
	max-height: 465px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 14px 16px;
	scrollbar-color: #e3e3e3 transparent;
	scrollbar-width: thin;
}
.header-search .search_autocomplete .autocomplete-wrapper::-webkit-scrollbar {
	width: 8px;
}
.header-search .search_autocomplete .autocomplete-wrapper::-webkit-scrollbar-track {
	background: transparent;
}
.header-search .search_autocomplete .autocomplete-wrapper::-webkit-scrollbar-thumb {
	background-color: #e3e3e3;
	border-radius: 12px;
	border: transparent;
}
@media (min-width: 1200px) {
	.header-search .search_autocomplete li.is-active:after {
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		background: transparent;
		width: 30px;
	}
}
.header-search .search_autocomplete li > a:hover,
.header-search .search_autocomplete li.is-active > a,
.header-search .search_autocomplete li > a:focus {
	border-radius:8px;
}
.light-theme .header-search .search_autocomplete li > a:hover,
.light-theme .header-search .search_autocomplete li.is-active > a,
.light-theme .header-search .search_autocomplete li > a:focus {
	background-color: rgba(0,0,0,.022);
}
.dark-theme .header-search .search_autocomplete li > a:hover,
.dark-theme .header-search .search_autocomplete li.is-active > a,
.dark-theme .header-search .search_autocomplete li > a:focus {
	background: #000000;
	box-shadow: 0px 0px 0px 1px var(--up-gray-color-1);
}

.header-search .search_autocomplete .search-view-all-result {
	color: #2b8cdb;
}
.header-search .search_autocomplete a.autosearch_link {
	border-radius: 0;
	white-space: normal;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	color: var(--up-text-wd-color);
}
.light-theme .header-search .search_autocomplete a.autosearch_link {
	padding: 5px 5px;
}
.dark-theme .header-search .search_autocomplete a.autosearch_link {
	padding: 10px 5px;
}
.header-search .search_autocomplete a.autosearch_link .model {
	color: var(--up-text-gray-color);
}
.header-search .search_autocomplete li + li {
	border-top: 1px dashed var(--up-gray-color-1);
}
.header-search .ajaxadvance {
	width: 100%;
	display: flex;
	align-items: center;
}
.header-search .ajaxadvance .content {
	display: flex;
	width: 100%;
	position: relative;
}
.header-search .ajaxadvance .search__left_block {
	margin-right: 15px;
	flex:1;
}
.header-search .ajaxadvance .search__right_block {
	white-space: nowrap;
	margin-left: auto;
	display: flex;
	align-items: center;
	align-self: center;
}
.header-search .ajaxadvance .name {
	font-size:13px;
	font-weight: 600;
}
.light-theme .header-search .search_autocomplete li a .image img {
	mix-blend-mode: multiply;
}
.header-search .ajaxadvance .stock_status {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inherit;
	font-weight: 500;
}
.header-search .ajaxadvance .stock_status.instock {
	color: var(--up-color-status-in-stock);
}
.header-search .ajaxadvance .stock_status.outofstock {
	color: var(--up-color-status-out-of-stock);
}
.header-search .ajaxadvance .image {
	margin-right:15px;
	position: relative;
}
.light-theme .header-search .ajaxadvance .image {
	margin-left: 15px;
}
.dark-theme .header-search .ajaxadvance .image {
	margin-left: 5px;
	border-radius: 8px;
	background: #ffffff;
}
.dark-theme .header-search .ajaxadvance .image img {
	padding: 10px;
}
.header-search .ajaxadvance .search__left_block > div:not(:first-child) {
	margin-top:5px;
}
.header-search .ajaxadvance .price-old {
	text-decoration: line-through;
}
.header-search .price-old {
	font-size: 14px;
}
.header-search .price {
	color: var(--up-color-price);
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 5px;
	text-align: left;
	padding-right: 5px;
}
.header-search .ajaxadvance .highlight {
	color: #38b0e3;
}
.search_fix .header-search .search_autocomplete {
	margin-top: 0 !important;
}

.sel-cat-search:before {
	content: url("../image/option-checked-icon.svg");
	position: absolute;
	left: 6px;
	top: 7px;
}
@media (max-width: 992px) {
	.header-search {
		padding: 0px;
	}
}

/*Header - cart - right*/
.header-cart-backdrop {
	background: #0b0b0b;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1011;
	transition: visibility .2s ease, opacity .2s ease;
}
.no-scroll header{
	z-index: 1012;
}
.header-cart-sticky {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px;
	z-index: 1;
	transform: translate(0, 100%);
	background: var(--up-modal-bg);
	transition: transform .35s ease, visibility .35s ease, opacity .35s ease;
}
.light-theme .header-cart-sticky {
	box-shadow: 0px 0px 22px rgba(182, 195, 217, 0.25);
}
.dark-theme .header-cart-sticky {
	box-shadow: 0px 0px 22px rgba(0,0,0,.45);
}
.cart-is-sticky .header-cart-sticky {
	opacity: 1;
	visibility: visible;
	transform: translate(0, 0);
}
.cart-is-open .header-cart-backdrop {
	opacity: 0.6;
	visibility: visible;
}
.header-cart-fix-right {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1012;
	max-height: 100vh;
	height: 100%;
	width: 100%;
	max-width: 100%;
	background: var(--up-modal-bg);
	transition: transform .2s ease, visibility .2s ease, opacity .2s ease;
	transform: translate(100%, 0);
	text-align: left;
}

.cart-is-open .header-cart-fix-right {
	transform: translate(0, 0);
	opacity: 1;
	visibility: visible;
}
.header-cart-top {
	padding: 15px 60px 15px 20px;
	border-bottom: 1px solid var(--up-border-color);
	align-items: center;
	overflow: hidden;
	height: 54px;
}
.header-cart-title {
	color: var(--up-text-wd-color);
	font-size: 16px;
	font-weight: 600;
	position: relative;
	width: 100%;
	text-align:left;
}

.btn-close-viewed,
.header-cart-close {
	cursor: pointer !important;
	font-size: 0px;
	height: 28px;
	outline: medium none;
	position: absolute;
	right: 18px;
  	top: 16px;
	width: 28px;
	z-index: 1060;
	text-align: center;
	line-height: 25px;
	border: 1px solid var(--up-gray-color-1);
	background-color: var(--up-bg-wd);
	border-radius: 6px;
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn-close-viewed i,
.header-cart-close i {
	font-size: 11px;
	color: var(--up-text-color);
}
.light-theme .btn-close-viewed:hover,
.light-theme .header-cart-close:hover {
	border: 1px solid #fff;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.067);
}
.dark-theme .btn-close-viewed:hover i,
.dark-theme .header-cart-close:hover i {
	color:#ffffff;
}
.header-cart-scroll {
	padding: 0px 15px 15px;
	height: calc(100% - 54px);
	overflow-x: hidden;
	overflow-y: auto;
}
.page-cart-empty {
	padding-top: 20px;padding-bottom: 20px;
}
.page-cart-empty .cart-text-empty,
.header-cart-scroll .cart-empty {
	font-size: 16px;
	font-weight: 500;
	color: var(--up-text-wd-color);
	padding: 25px 0px 10px;
}
.page-cart-empty .cart-text-empty-slogan,
.header-cart-scroll .cart-empty-info-text {
	color:#505966;
	font-size: 14px;
}
.header-cart-scroll .box-empty-cart-icon {
	padding-top: 30px;
	text-align: center;
}
.header-cart-product-item,
.header-cart-voucher-item {
	padding-top: 20px;
	padding-bottom: 20px;
}
.header-cart-products > div:last-child{
	border-bottom:2px dashed var(--up-border-color);
}
.header-cart-product-item .header-cart-product-name a:hover,
.header-cart-voucher-item .header-cart-voucher-name:hover {
	color:#0f4b82;
}

.header-cart-product-item-left .btn-link-delete {
	border-radius: 6px;
	font-size: 16px;
	text-align: center;
	width: 26px;
	height: 26px;
	position: absolute;
	right: 0;
	top: 20px;
}
.light-theme .header-cart-product-item-left .btn-link-delete {
	color: var(--up-text-wd-color);
}
.dark-theme .header-cart-product-item-left .btn-link-delete {
	color: #da4f49;
}

.header-cart-product-item-left .btn-link-delete {
	left: -7px;
}

.header-cart-voucher-item .btn-link-delete {
	background: var(--color-gray-2);
	border-radius: 6px;
	font-size: 16px;
	color: var(--up-text-wd-color);
	text-align: center;
	width: 28px;
	height: 28px;
}
.header-cart-product-item + div.header-cart-product-item,
.header-cart-voucher-item + div.header-cart-voucher-item,
.header-cart-product-item + div.header-cart-voucher-item {
	border-top:2px dashed var(--up-border-color);
}
.header-cart-product-item-left {
	-ms-flex: 0 0 90px;
	flex: 0 0 90px;
	max-width: 90px;
	padding-left: 20px;
	position: relative;
}
.header-cart-product-item-left img{
	max-width: 70px;
	border-radius: 8px;
	padding: 5px;
	background: #fff;
}
.header-cart-voucher-item-left {
	width: 100%;
}
.header-cart-product-item-center {
	padding: 0px 10px;
	width: 100%;
	align-self: flex-start;
}
.header-cart-voucher-name,
.header-cart-product-name a{
	font-size: 14px;
	color: var(--up-text-wd-color);
	font-weight: 600;
}
.header-cart-voucher-amount,
.header-cart-price-quantity {
	-ms-flex: 0 0 100px;
	flex: 0 0 100px;
	max-width: 100px;
	text-align: right;
}
.header-cart-voucher-remove{
	-ms-flex: 0 0 40px;
	flex: 0 0 40px;
	max-width: 40px;
	text-align: left;
	padding-right: 10px;
}
.header-cart-voucher-quantity {
	-ms-flex: 0 0 20px;
	flex: 0 0 20px;
	max-width: 20px;
	text-align: right;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px;
}
.header-cart-price-quantity .ch-cart-quantity {
	justify-content: flex-end;
}
.header-cart-voucher-amount {
	font-weight: 600;
	color: var(--up-text-wd-color);
}
.header-cart-item-total {
	margin-top: 10px;
	font-weight: 600;
	color: var(--up-text-wd-color);
}
.header-cart-options,
.header-cart-product-recurring{
	margin-top: 5px;
}
.header-cart-product-option .hcp-option-name,
.header-cart-product-recurring .hcp-recurring-text {
	font-size: 12px;
	color: var(--up-text-gray-color);
	margin-right: 5px;
}
.header-cart-product-option .hcp-option-value,
.header-cart-product-recurring .hcp-recurring-value {
	font-size: 12px;
	color: var(--up-text-wd-color);
	font-weight: 500;
}
.header-cart-totals {
	margin-top: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
.header-cart-text-info {
	padding: 15px 0px;
	color: var(--up-text-wd-color);
	display: inline-block;
	text-align: right;
	font-size: 16px;
}
.header-cart-text-info .icon-arrow-down {
	width: 8px;
	height: 4px;
	color: var(--up-text-wd-color);
	margin-left: 10px;
}
.ch-total-item {
	justify-content: flex-end;
	margin-top: 15px;
}
.header-cart-total-info.collapse.in {
	margin-bottom: 10px;
}
.header-cart-total-title{
	width: 100%;
	color:#535D67;
	font-size: 16px;
}
.header-cart-total-text{
	-ms-flex: 0 0 100px;
	flex: 0 0 100px;
	max-width: 100px;
	font-size: 16px;
}
.header-cart-total-cnt,
.header-cart-total-price,
.header-cart-total-text {
	font-weight: 600;
}
.header-cart-total-price {
	margin-right: 5px;
}
@media (min-width: 768px) {
	.dark-theme .header-cart-fix-right {
		border-left:1px solid var(--up-border-color);
	}
	.header-cart-top {
		padding: 15px 60px 15px 30px;
	}
	.header-cart-scroll {
		padding: 0px 30px 30px;
	}
	.header-cart-sticky {
		padding: 30px;
	}
	.header-cart-close{
		top:16px;
	}
	.header-cart-fix-right {
		max-width: 480px;
	}
	.header-cart-top {
		height: 60px;
	}
	.header-cart-scroll {
		height: calc(100% - 60px);
	}
	.dark-theme .header-cart-product-item-left .btn-link-delete {
		left: -12px;
	}
}

.dropdown-menu.ch-dropdown > li.sel-cat-search > a {
	padding-left: 20px !important;
}

.alert {
	padding: 8px 14px 8px 14px;
}
#content {
	min-height: 320px;
	max-width: 100%;
	margin-bottom: 20px;
	margin-top: 10px;
}
.row-flex #content.col-md-9 {
	flex:1;
}
.breadcrumb {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: transparent;
	padding-top: 10px;
	padding-bottom: 10px;
}
.breadcrumb + .row-flex {
	margin-top: 10px;
}
.breadcrumb.col-md-offset-3 {
	margin-bottom: 10px;
}
.breadcrumb.col-lg-offset-3 {
	margin-bottom: 10px;
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li:first-child{
	padding-left:0px;
}
.breadcrumb > li {
	font-size: 13px;
	padding: 0 7px;
	position: relative;
	white-space: nowrap !important;
}
.breadcrumb > li a,
.breadcrumb > li a span {
	color: var(--up-text-color);

}
.breadcrumb > li a span {
	text-decoration: underline;
}
.breadcrumb > li a:hover span {
	text-decoration: none;
}
.breadcrumb > li span{
	color:#8E8E93;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:after {
	content: "/";
	display: block;
	height: 26px;
	position: absolute;
	right: -2px;
	top: 0;
	width: 2px;
	color: var(--up-text-color);
}
.breadcrumb > li:last-child:after {
	content: "";
}
@media (max-width: 992px) {
	.breadcrumb-box {
		overflow: hidden;
		position: relative;
		margin-top:5px;
	}
	.breadcrumb-box .breadcrumb {
		white-space: nowrap;
		position: relative;
		overflow: auto;
		overflow-y: hidden;
		padding-bottom: 18px;
		margin-bottom: -9px !important;
	}
	.breadcrumb-box:after {
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		height: 100%;
		width: 30px;
		z-index: 1;
		background: linear-gradient(90deg, rgba(217, 217, 217, 0) 0%, var(--up-body-bg) 100%);
	}
}

.view-box-rs {
	background: var(--up-bg-wd);
	padding: 6px;
	border-radius: 12px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.view-box {
	background: var(--up-bg-wd);
	padding: 6px;
	border-radius: 12px;
	margin-bottom: 20px;
	clear: both;
}
.dark-theme .view-box,
.dark-theme .view-box-rs {
	border:1px solid var(--up-border-color);
}
@media (min-width: 600px) {
	.view-box {
		margin-bottom: 10px;
	}
}
.product_list_toolbar {
	background: var(--up-bg-gray);
	border-radius: 10px;
	padding: 4px;
	box-shadow: inset 0 1.5px 4px rgba(0,0,0,0.09);
	display: flex;
	gap:4px;
}
.btn-view {
	background: transparent;
	border: 0px;
	padding: 2px;
	border-radius: 8px !important;
	margin-right: 0px;
	height: 34px;
	line-height: 1;
	width: 34px;
	max-width: 34px;
	z-index: 2;
	opacity: 0.75;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn-view.active, .btn-view:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index: 1;
	background: #ffffff;
	opacity: 1;
	box-shadow: 0 1px 5px rgba(0,0,0,0.06);
}
.btn-view:not(.active):hover {
	transform: scale(1.07);
}
.btn-view svg {
	vertical-align: middle;
	color: var(--up-text-wd-color);
}

.btn-view.active svg, .btn-view svg:focus {
	color: var(--color-black);
}
@media (max-width: 991px) {
	.product_list_toolbar {
		display: none !important;
	}
}

.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.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: #fff;
	background-color: #5bc0de;
	border:0px;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #23A1D1;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-link-delete {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #222;
	border-radius: 0;
	padding:1px;
}
.btn-link-delete:hover, .btn-link-delete:active {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #da4f49;
	border-radius: 0;
}
.btn-link-delete, .btn-link-delete[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}
.img-center {
	margin:0 auto;
}
.btn-remove {
	color:#000;
	border:0px;
	height: 34px;
	width: 34px;
	padding: 8px 5px;
	line-height: 19px;
	background: var(--color-gray-2);
}
.btn-remove:focus,.btn-remove:hover, .btn-remove:active{
	color:#da4f49;
	background: var(--color-gray-2);
}
.btn-general {
	color: var(--up-color-mod-add-to-cart);
	border-radius:12px;
	font-size:14px;
	padding:0px 16px;
	-webkit-transition: background .15s ease;
	transition: background .15s ease;
	height: 44px;
	min-width: 60px;
	border:0px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	border:0px;
	background: var(--up-bg-mod-add-to-cart);
	border:1px solid var(--up-bc-mod-add-to-cart);
}
.btn-general.rounded {
	border-radius: 22px;
}
.btn-general.squircle {
	border-radius: 12px;
	width: 44px;
	min-width: 44px;
}
.product-thumb:hover .cart .btn-general {
	background-color: var(--up-bg-mod-add-to-cart-hover-block);
	color: var(--up-color-mod-add-to-cart-hover-block);
	border:1px solid var(--up-bc-mod-add-to-cart-hover-block);
}
.product-thumb:hover .cart .btn-general .up-icon-cart {
	color: var(--up-color-mod-add-to-cart-hover-block);
}
.btn-general:focus,
.btn-general:hover,
.btn-general:active{
	color: var(--up-color-mod-add-to-cart-hover) !important;
	background-color: var(--up-bg-mod-add-to-cart-hover) !important;
	border:1px solid var(--up-bc-mod-add-to-cart-hover) !important;
}
.btn-general .text-cart-add {
	padding-left: 5px;
}
.btn-general .up-icon-cart {
	color: var(--up-color-mod-add-to-cart);
}
.btn-general:focus .up-icon-cart,
.btn-general:hover .up-icon-cart,
.btn-general:active .up-icon-cart {
	color: var(--up-color-mod-add-to-cart-hover) !important;
}
.light-theme .btn-general.is-active {
	background: #5EA91C !important;
}
.light-theme .btn-general.is-active:focus, .light-theme .btn-general.is-active:hover, .light-theme .btn-general.is-active:active {
	color: #fff !important;
	background-color: #529C10 !important;
}
.light-theme .btn-general.is-active .up-icon-cart {
	color: #ffffff !important;
}

.dark-theme .btn-general.is-active {
	background: #9AC872 !important;
}
.dark-theme .btn-general.is-active:focus, .dark-theme .btn-general.is-active:hover, .dark-theme .btn-general.is-active:active {
	color: #fff;
	background-color: #9AC872 !important;
}
.dark-theme .btn-general.is-active {
	color: #000 !important;
}
.dark-theme .btn-general.is-active .up-icon-cart {
	color: #000 !important;
}
.btn.is-active .up-icon-cart:before {
  content: "\e91c";
}
.btn-general img {
	margin-top: -4px;
	min-width: 100%;
	min-height: 100%;
	height: auto;
}

.btn-compare,
.btn-wishlist,
.btn-quickview,
.btn-fastorder {
	color: var(--up-color-mod-dop-btn);
	padding:2px;
	-webkit-transition: background .2s ease;
	transition: background .2s ease;
	border:0px;
	height: 36px;
	width: 36px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-thumb.bg_image .btn-compare,
.product-thumb.bg_image .btn-wishlist,
.product-thumb.bg_image .btn-quickview,
.product-thumb.bg_image .btn-fastorder {
	background: #ffffff;
}
.product-thumb:not(.bg_image) .btn-compare,
.product-thumb:not(.bg_image) .btn-wishlist,
.product-thumb:not(.bg_image) .btn-quickview,
.product-thumb:not(.bg_image) .btn-fastorder {
	background: var(--up-bg-mod-dop-btn);
}

.btn-compare i:not(.up-icon-20):not(.up-icon-22),
.btn-wishlist i:not(.up-icon-20):not(.up-icon-22) {
	font-size: 16px;
}
.btn-quickview i,
.btn-fastorder i {
	font-size: 18px;
}
.btn-compare:hover,
.btn-wishlist:hover,
.btn-quickview:hover,
.btn-fastorder:hover {
	border:0px;
	background: var(--up-bg-mod-dop-btn-hover) !important;
	color: var(--up-color-mod-dop-btn-hover) !important;
}
.btn-compare.is-active,
.btn-wishlist.is-active {
	position: relative;
}
.btn-compare.is-active:after,
.btn-wishlist.is-active:after {
	position: absolute;
	content: "\e906";
	font-size: 12px;
	display: inline-flex;
	margin-right: 4px;
	font-family: 'prime' !important;
	background: var(--up-bg-mod-dop-btn);
	padding: 2px;
	border-radius: 50px;
	top:2px;
	right:-2px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
}
.btn-compare.is-active:hover:after,
.btn-wishlist.is-active:hover:after {
	background: var(--up-bg-mod-dop-btn-hover) !important;
}
.light-theme .btn-compare.is-active:after,
.light-theme .btn-wishlist.is-active:after{
	color:#5EA91C;
}
.dark-theme .btn-compare.is-active:after,
.dark-theme .btn-wishlist.is-active:after{
	color:#9AC872
}
.price {
	color: var(--up-color-price);
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
}
.price-old {
	color: var(--up-text-light-color);
	text-decoration: line-through;
	font-weight: 400;
	display: block;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 5px;
	display: inline-flex;
	align-items:center;
	position: relative;
	align-self: flex-start;
}
.price-new {
	color: var(--up-color-sale-price);
}
.price-tax, .points {
	color: var(--up-color-price);
	opacity: 0.6;
	font-size: 12px;
	display: block;
	font-weight: 400;
}

/* 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%;
}

.product-modules .product-layout {
	display: inline-block;
	min-height: 1px;
	padding: 0 15px;
	position: relative;
	vertical-align: top;
	width: 100%;
	word-spacing: normal;
}
.showmore-paginatation {
	flex-direction: column-reverse;
	margin-bottom: 10px;
}
.pagination {
	margin-bottom: 0;
	margin-top: 0;
	background: var(--up-bg-gray);
	border-radius: 10px;
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px;
	gap:4px;
	box-shadow: inset 0 1.5px 4px rgba(0,0,0,0.09);
}
.box-showmore {
	text-align: center;
}
.chm-icon-showmore {
	width: 20px;
	height: 20px;
	vertical-align: -5px;
	margin-right: 6px;
}

.showmore-paginatation {
	background: var(--up-bg-wd);
	padding: 6px;
	border-radius: 12px;
	margin-bottom: 20px;
	clear: both;
	margin-top: 10px;
}
@media (min-width: 768px) {
	.pagination {
		margin-right: auto;
	}
	.showmore-paginatation > .row > .col-sm-12 {
		flex-direction: row-reverse;
	}
	.box-showmore {
		text-align: right;
		margin-left: auto;
	}
}
.pagination > li {display: inline-block;}
.pagination>li>a,
.pagination>button {
	width: 24px;
}
.pagination>li>span,
.pagination>button.active {
	width: 34px;
}
.pagination>li>a,
.pagination>button,
.pagination>li>span {
	height: 34px;
	max-width: 34px;
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
	color: var(--up-text-gray-color);
	background-color:transparent;
	border:0px;
	border-radius: 8px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination>li:not(.active):first-child {
	padding-left: 5px;
}
.pagination>li:not(.active):last-child {
	padding-right: 5px;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>button:focus,
.pagination>button:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {color:var(--up-text-wd-color);background-color:transparent;}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>button.active,
.pagination>button.active:focus,
.pagination>button.active:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {color:#000;background-color:var(--pagination-active-bg);}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>button.disabled,
.pagination>button.disabled:focus,
.pagination>button.disabled:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {color:var(--up-text-wd-color);background-color:transparent;}


.list-group-item:first-child {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.list-group-item:last-child {
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}
.list-group-item {
	background: var(--up-bg-wd);
}
.list-group a {
	border: 1px solid var(--up-border-color);
	color: var(--up-text-color);
	padding: 12px 20px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #444444;
	background: #eeeeee;
	border: 1px solid #DDDDDD;
	text-shadow: 0 1px 0 #FFF;
}
/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

.mod-categories {
	box-shadow: var(--up-box-shadow-1px);
	border-radius:12px;
	background: var(--up-bg-wd);
	padding: 20px;
	position: relative;
	margin-bottom: 30px;
}
.mod-categories .mod-cat-list-items {
	margin-bottom: 0;
}
.mod-categories .mc-children.children-2-lv {
	display: none;
	padding-top: 5px;
	padding-bottom: 10px;
}
.mod-categories .mc-children.children-3-lv {
	display: none;
}
.mod-categories .mc-item {
	margin-bottom: 8px;
}
.mod-categories li.mc-item:last-child{
	margin-bottom: 0;
}
.mod-categories li.mc-item:last-child .mc-children.children-2-lv {
	padding-bottom: 0;
}
.mod-categories .mc-item > span {
	padding: 10px 0px 10px 15px;
	background: var(--up-bg-gray);
	border-radius:6px;
	position: relative;
}
.mod-categories .mc-item .mc-show-child {
	width: 40px;
	min-height: 40px;
	height: 100%;
}
.mod-categories .mc-child-item .mc-show-child {
	width: 40px;
	height: 34px;
}
.mod-categories .mc-show-child {
	position: absolute;
	right: 0;
	top: 0;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	border-radius:0px 5px 5px 0px;
}
.mod-categories .mc-child-item > span {
	padding: 6px 0px 6px 15px;
	position: relative;
}
.mod-categories .mc-item > span > a,
.mod-categories .mc-child-item a {
	color: var(--up-text-color);
}
.mod-categories .mc-item > span > a:hover,
.mod-categories .mc-child-item a:hover {
	text-decoration: underline;
	color: var(--up-text-wd-color);
}
.mod-categories .mc-item.is-active-item > span > a,
.mod-categories .mc-child-item.is-active-item > span > a,
.mod-categories .mc-child-item.is-active-item > .mc-children > .mc-child-item.is-active-item > a {
	color: var(--up-text-link);
}
.mod-categories .mc-item.has-child > span > a {
	padding-right: 40px;
}
.mod-categories .icon-mc-down {
	color: var(--up-text-color);
}
.mod-categories .mc-item.is-active-item > span > .mc-show-child > .icon-mc-down,
.mod-categories .mc-child-item.is-active-item > span > .mc-show-child > .icon-mc-down {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.mod-categories .is-active-item .mc-children.children-2-lv {
	display: block;
}
.mod-categories .children-3-lv{
	padding: 2px 15px 0px 15px;
}
.mod-categories .children-3-lv > li > a {
	display: block;
	padding: 6px 8px;
}
.mod-categories .is-active-item .mc-children.children-2-lv > .is-active-item > .children-3-lv {
	display: block;
}

/*BANNER*/
.container-banner {
	margin: 10px 0px 10px;
	position: relative;
}
.container-banner .item {
	position: relative;
	border-radius:10px;
	overflow: hidden;
}
#column-left .container-banner .item img,
#column-right .container-banner .item img {
	width: 100%;
}
.container-banner .item:hover {
	opacity: .9 !important;
}
/*SLIDESHOW*/
.container-slideshow {
	margin: 10px 0px 10px;
	position: relative;
}
.container-slideshow .swiper-slideshow{
	margin-left: -10px;
	margin-right: -10px;
}
.container-slideshow .item {
	padding-left: 10px;
	padding-right: 10px;
}
.container-slideshow .item .inner-item{
	border:1px solid #e9e9e9;
	border-radius: 10px;
}
.container-slideshow .item img{
	margin: 0 auto;
	color:transparent;
}
.swiper-slideshow-arrow{
	position: absolute;
	top:6px;
	background: var(--slider-arrow-hover-bg);
	color:var(--slider-arrow-color);
	border-radius: 5px;
	font-size: 0;
	height: 40px;
	width: 40px;
	line-height: 40px;
	padding: 0;
	text-align: center;
	transition: all .15s ease 0s;
	cursor:pointer;
	top: 50%;
	margin-top: -20px;
	z-index: 10;
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;

}
.light-theme .swiper-slideshow-arrow:hover,
.light-theme .swiper-slideshow-arrow:active {
	background: var(--color-gray-5);
}
.dark-theme .swiper-slideshow-arrow:hover,
.dark-theme .swiper-slideshow-arrow:active {
	background: var(--up-bg-main-hover);
}
.swiper-slideshow-arrow .icon-arrow-prev,
.swiper-slideshow-arrow .icon-arrow-next {
	width: 6px;
	height: 10px;
	color: var(--slider-arrow-color);
}
.swiper-slideshow-arrow.prev-prod{
	left:-20px;
}
.swiper-slideshow-arrow.next-prod {
	right:-20px;
}
.container-slideshow:hover .swiper-slideshow-arrow.prev-prod {
	left:20px;
	opacity: 1;
}
.container-slideshow:hover .swiper-slideshow-arrow.next-prod {
	right: 20px;
	opacity: 1;
}
.container-banner .swiper-banner-pagination,
.container-slideshow .swiper-slideshow-pagination {
	bottom: 15px;
	top: auto;
	position: absolute;
	display: inline-block;
	text-align: center;
	height: 18px;
	background: #F9F9F999;
	border-radius: 18px;
	padding: 2px 6px;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center !important;
	align-items: center !important;
}
.container-banner .swiper-banner-pagination .swiper-pagination-bullet,
.container-slideshow .swiper-slideshow-pagination .swiper-pagination-bullet{
	width: 20px;
	height: 4px;
	border-radius: 50px;
	opacity: 1;
	background: #fff;
	box-shadow: 0px 6px 10px rgba(232, 234, 243, 0.8);
}
.container-banner .swiper-banner-pagination .swiper-pagination-bullet-active,
.container-slideshow .swiper-slideshow-pagination .swiper-pagination-bullet-active{
	background: #457DE3;
}
.container-module .swiper-module {
	padding-top: 10px;
	padding-bottom: 25px;
	margin-left: -10px;
	margin-right: -10px;
	flex: 1 1 100%;
	max-width: calc(100% + 20px)
}
.container-module .item.swiper-slide,
.bb-container-module .item.swiper-slide,
.container-module .row_items.swiper-slide,
.container-module .mod-art-item.swiper-slide {
	padding-left: 10px;
	padding-right: 10px;
}
.position-no-owl .swiper-visible {
	overflow: hidden;
}
.container-module .swiper-initialized .swiper-slide:not(.swiper-slide-visible),
.bb-container-module .swiper-initialized .swiper-slide:not(.swiper-slide-visible){
	opacity: 0;
}
.container-module .swiper-visible .swiper-slide:not(.swiper-slide-visible),
.bb-container-module .swiper-visible .swiper-slide:not(.swiper-slide-visible){
	opacity: 0;
	transition: all 0.2s linear;
}
.bb-container-module .swiper-initialized .swiper-slide-visible,
.bb-container-module .swiper-visible .swiper-slide-visible,
.container-module .swiper-initialized .swiper-slide-visible,
.container-module .swiper-visible .swiper-slide-visible,
#column-left .container-module .swiper-visible,
#column-right .container-module .swiper-visible{
	opacity: 1;
}
.container-module .swiper-module:not(.swiper-backface-hidden) .item.swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#column-left .container-module .swiper-slide,
#column-right .container-module .swiper-slide{
	max-width: 100%;
	flex: 0 0 100%;
}
.swiper-scrollbar.swiper-scrollbar-horizontal {
	bottom: 0px;
	height: 3px;
}
.swiper-scrollbar {
	cursor: grab;
}
.light-theme .swiper-scrollbar {
	background: var(--color-gray-2);
}
.light-theme .swiper-scrollbar-drag {
	background: #557DC0
}
.dark-theme .swiper-scrollbar {
	background: #1d1d1d;
}
.dark-theme .swiper-scrollbar-drag {
	background: #B1B1B1
}
@media (max-width: 768px) {
	.container-module .swiper-slide.h-auto {
		transform: none !important;
	}
	.swiper-scrollbar {
		display: none !important;
	}
}
.stock-status {
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	align-items: center;
	font-size: 13px;
	font-weight: 500;
	-ms-flex-item-align: start;
	align-self: flex-start;
	padding: 2px 8px;
	border-radius: 4px;
	line-height: 18px;

}
.stock-status.outofstock {
	color: var(--up-color-status-out-of-stock);
	background: rgb(from var(--up-color-status-out-of-stock) r g b / 0.10);
}
.stock-status.instock {
	color: var(--up-color-status-in-stock);
	background: rgb(from var(--up-color-status-in-stock) r g b / 0.10);
}
.stock-quantity_success {
  background: var(--up-color-status-in-stock);
  color: #fff;
  padding: 3px 6px;
  margin-left: 5px;
  border-radius: 4px;
  line-height: 1;
}
.stock-status.instock svg {
	margin-right: 5px;
}
.no-slider .product-thumb.bg_image,
.container-module .item.swiper-slide .product-thumb.bg_image {
	border-radius: 20px 20px 0px 0px;
}
.container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide,
.container-module .swiper-module:not(.swiper-initialized) .mod-art-item.swiper-slide {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
@media (min-width: 350px) {
	.container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (min-width: 600px) {
	.container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide,
	.container-module .swiper-module:not(.swiper-initialized) .mod-art-item.swiper-slide {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (min-width: 770px) {
	.container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide {
		-ms-flex: 0 0 33.33333333%;
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}
}

@media (min-width: 1022px) {
	.col-sm-12 .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide,
	.col-md-12 .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-sm-8 .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide,
	.col-md-9 .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide {
		-ms-flex: 0 0 33.33333333%;
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}
	.col-sm-12 .container-module .swiper-module:not(.swiper-initialized) .mod-art-item.swiper-slide,
	.col-md-12 .container-module .swiper-module:not(.swiper-initialized) .mod-art-item.swiper-slide {
		-ms-flex: 0 0 33.33333333%;
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}
	.col-md-6 .container-module .swiper-module:not(.swiper-initialized) .swiper-slide,
	.col-sm-8 .container-module .swiper-module:not(.swiper-initialized) .mod-art-item.swiper-slide,
	.col-md-9 .container-module .swiper-module:not(.swiper-initialized) .mod-art-item.swiper-slide {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.position-no-owl.col-md-6 .container-module .swiper-module:not(.swiper-initialized) .swiper-slide {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media (min-width: 1230px) {
	.col-sm-12 .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide,
	.col-md-12 .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media (min-width: 1230px) {
	.col-sm-8 .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide,
	.col-md-9 .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-md-3 .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

#column-left .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide,
#column-right .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.container-module .row_items{
	-webkit-transition: box-shadow .2s ease, opacity .2s ease;
	transition: box-shadow .2s ease,opacity .2s ease;
}
.container-module .row_items .item{
	border-radius:10px;
}
@media (min-width: 768px) {
	.container-module .item.swiper-slide:hover {
		z-index: 1;
	}
}
.container-module .product-thumb-viewed,
.container-module .product-thumb {
	overflow: hidden;
	position:relative;
}
.product-thumb {
	padding: 0px;
}
.product-thumb .image {
	text-align: center;
	position:relative;
	margin-bottom:15px;
	min-height: 13em;
	padding: 15px;
}
.product-thumb:not(.bg_image) {
	border-radius: 12px;
}
@media (min-width: 992px) {
	.product-thumb:not(.bg_image):hover {
		box-shadow: var(--up-box-shadow-small);
	}
}
.light-theme .product-thumb.bg_image .image:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: auto;
	background-color: rgba(0,0,0,.022);
	border-radius: 16px;
}
.light-theme .product-thumb.bg_image .image a img.img-responsive {
	mix-blend-mode: multiply;
}

.product-thumb .image a {
	display: block;
	position: relative;
}
.product-thumb .main-img{opacity:1;transform:rotateY(0deg);transition:all ease-in-out .3s;}
.product-thumb:hover .main-img{opacity:0;transform:rotateY(-180deg);}
.product-thumb .additional-img-hover{position:absolute;top:0px;left:0px;right:0px;opacity:0;cursor:pointer;transform:rotateY(-180deg);transition:all ease-in-out .3s;}
.product-thumb:hover .additional-img-hover{opacity:1;transform:rotateY(0deg);}
.product-thumb .image a img.img-responsive {
	max-width: 100%;
	max-height: 100%;
}
.product-thumb .image a img.img-responsive {
	width: 100%;
	padding: 10px;
}
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
	font-size: 0px;
	color:transparent;
}
.dark-theme .product-thumb:not(.bg_image) .image a img {
	border-radius: 8px;
	background: #ffffff;
}
.dark-theme .product-thumb.bg_image .image {
	background: #ffffff;
	border-radius: 12px;
	padding: 15px;
}
.product-layout.product-grid .product-model + .image .rating {
	top: -30px;
}
@media (min-width: 1500px) {
	#content.col-sm-9 .product-layout.product-grid.col-lg-4,
	#content.col-md-9 .wl-product-layout.product-grid.col-lg-4,
	#content.col-md-9 .product-layout.product-grid.col-lg-4 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}
.product-grid .product-thumb .image {
	float: none;
}
.product-thumb .caption {
	position:relative;
	padding-bottom: 10px;
}
.product-thumb:not(.bg_image) {
	box-shadow: 0px 0px 0px 1px var(--up-gray-color-1);
}
.product-thumb:not(.bg_image) .caption {
	padding: 0px 15px 15px;
}
.product-thumb .caption > .product-name + div {
	margin-top: auto !important;
}
.product-list.reviews-list .caption > div:nth-child(2) {
	margin-top: 0 !important;
}
.price-actions-box {
	min-height: 40px;
}
@media (min-width: 768px) {
	.price-actions-box {
		margin-top: 10px !important;
		min-height: 40px;
	}
}
.product-thumb .price {
	min-height: 40px;
	display: flex;
	flex-direction: column;
	align-items: initial;
	justify-content: flex-end;
	margin-right: auto;
}

/* --- MODULES --- */
.tab-pane .container-modules {
	text-align: center;
}
.container-module {
	position: relative;
}
.container-module:not(.col-lg-push-9) {
	margin-top: var(--module-spacing);
}
main .row:first-child .container-module {
	margin-top: var(--module-spacing-first);
}
.container-module .box-pagination,
.container-module .box-showmore {
	padding: 10px 0px;
	width: 100%;
}
[class^="showmore-review-store"] {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.container-module .box-pagination .pagination {
	margin-top: 0;
}
.container-module .title-module,
.bb-container-module .title-module {
	margin-bottom: 10px;
	padding: 10px 0px;
	position:relative;
	clear:both;
}
.container-module .title-module span,
.bb-container-module .title-module span {
	font-size: 20px;
	padding: 0 20px 0px 15px;
	z-index: 5;
	position: relative;
	font-weight: 600;
}
.light-theme .container-module .title-module span,
.light-theme .bb-container-module .title-module span {
	color: var(--up-text-wd-color);
}
.dark-theme .container-module .title-module span,
.dark-theme .bb-container-module .title-module span {
	color: var(--up-text-wd-color) !important;
}
.container-module .item.no-slider .product-thumb:not(.bg_image),
.container-module .item:not(.no-slider) .product-thumb:not(.bg_image),
.bb-container-module .item.no-slider .product-thumb:not(.bg_image),
.bb-container-module .item:not(.no-slider) .product-thumb:not(.bg_image) {
	background: var(--up-bg-wd);
}
.swiper-mod-navigation {
	border: var(--slider-navigation-border);
	background: var(--slider-navigation-bg);
	border-radius: 48px;
	width: 84px;
	height: 32px;
	position: absolute;
	top: 7px;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 4px;
	transition: all .1s linear;
}
.swiper-mod-arrow.swiper-button-disabled {
	opacity: .5;
	cursor: inherit;
}
.disabled-navigation {
	opacity: 0;
	display: none;
}
.swiper-mod-arrow {
	position: relative;
	background: var(--slider-arrow-bg);
	color: var(--slider-arrow-color);
	border-radius: 40px;
	font-size: 0;
	height: 24px;
	width: 35px;
	min-width: 34px;
	line-height: 24px;
	padding: 0;
	text-align: center;
	-webkit-transition:all 0.1s linear 0s;
	-moz-transition:all 0.1s linear 0s;
	-ms-transition:all 0.1s linear 0s;
	-o-transition:all 0.1s linear 0s;
	transition: all 0.1s linear 0s;
	cursor:pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.swiper-mod-arrow:hover, .swiper-mod-arrow:active {
	background: var(--slider-arrow-hover-bg);
   color: var(--slider-arrow-hover-color);
}
.swiper-mod-arrow i {
	font-size: 22px;
}
@media (max-width: 991px) {
	.sidebar-viewed {
		display: none;
	}
}
@media (min-width: 992px) {
	.sidebar-viewed {
		position: fixed;
		right: 0;
		top:0;
		bottom:0;
		left:auto;
		max-height: 100vh;
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		width: 100%;
		max-width: 480px;
		z-index: 1150;
		background: var(--up-bg-wd);
		transition: transform .3s ease-out;
	}
	.dark-theme .sidebar-viewed {
		border-left: 1px solid var(--up-border-color);
	}
	.sidebar-viewed.open-viewed {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	.sidebar-viewed__header {
		padding: 15px 60px 15px 30px;
		height: 60px;
		border-bottom: 1px solid var(--up-border-color);
		display: flex;
		align-items: center;
	}
	.sidebar-viewed__content {
		padding: 15px;
	}
	.sidebar-viewed__title {
		color: var(--up-text-wd-color);
		font-size: 16px;
		font-weight: 600;
		position: relative;
		width: 100%;
		text-align: left;
	}
	.sidebar-viewed__content {
		height: 100%;
		max-height: calc(100% - 60px);
		overflow-x: hidden;
		overflow-y: auto;
	}
}

.product-thumb-viewed .image {
	text-align: center;
}
.product-thumb-viewed .image img {
	margin-left: auto;
	margin-right: auto;
}
.product-thumb-viewed {padding-bottom: 15px;padding-top: 15px;}
.product-thumb-viewed + div.product-thumb-viewed {border-top:1px dashed var(--up-border-color)}
.container-module-viewed .image {
	-ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
}
.light-theme .container-module-viewed .image img {
	mix-blend-mode: multiply;
}
.dark-theme .container-module-viewed .image img {
	background: #fff;
	border-radius: 10px;
	padding: 5px;
}
.container-module-viewed .caption {
	padding-right: 0;
}
.container-module-viewed .product-name{margin-bottom: 10px;text-align: left;}
.container-module-viewed .product-name a{color: var(--up-text-wd-color);font-size:13px; font-weight: 600;}
.container-module-viewed .product-model{
	color: var(--up-text-light-color);
	text-align:left;
	margin-bottom:5px;
	font-size: 12px;
}
.product-thumb-viewed .price-actions-box {
	margin-top: auto !important;
}

.container-module-viewed .cart .btn-general {
	padding: 5px;
	width: 40px;
	height: 40px;
	min-width: 40px;
	border-radius: 12px;
}
.container-module-viewed .cart .text-cart-add {
	display: none;
}
.product-thumb-viewed .price {
	min-height: 40px;
	display: flex;
	flex-direction: column;
	align-items: initial;
	justify-content: flex-end;
	text-align: left;
	margin-right: auto;
	font-size: 18px;
}
.product-thumb-viewed .price-old {
	margin-bottom: 0;
	line-height: 16px;
	margin-bottom: auto;
	font-size: 15px;
}

.product-thumb .product-name{min-height: 44px;margin-bottom: 15px;text-align: left;}
.product-thumb .product-name a{
	color: var(--up-text-wd-color);
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-height: 20px;
	font-size: 14px;
	font-weight: 500;
}
@media (min-width: 992px) {
	.light-theme .product-thumb .product-name a:hover {
		color:#365A95;
	}
	.dark-theme .product-thumb .product-name a:hover {
		color:#3572E1;
	}
}
@media (min-width: 992px) {
	.product-thumb .product-name a{
		-webkit-line-clamp: 4;
		font-size:15px;
		line-height: 22px;
	}
}

.product-description {
	margin-bottom: 10px;
}
.container-module .product-description {
	height: 62px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: left;
}
.product-thumb .product-model{
	color: var(--up-text-light-color);
	font-size: 13px;
	text-align: left;
}
.product-thumb .rating-stars {
	margin-right: 8px;
}
.product-thumb .product-reviews .up-icon-message {
	color: var(--up-text-light-color);
}
.product-thumb .product-reviews .total-reviews {
	height: 20px;
	min-width: 20px;
	margin-left: 8px;
	color: var(--up-text-color);
	font-size: 10px;
	border-radius: 6px;
	border: 1px solid var(--up-text-light-color);
}
.product-thumb .rating-star {
	width: 16px;
	position: relative;
	color: var(--up-color-rating-passive);
	margin-right: 3px;
	line-height: 18px;
}
.product-thumb .rating-star:after,
.product-thumb .rating-star-active:after {
	content:"\e914";
	line-height:16px;
	font-size:16px;
	display: inline-block;
}
.product-thumb .rating-star-active {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	overflow:hidden;
	color: var(--up-color-rating-active);
	width: 0%;
}
.product-thumb .product_model_sstatus {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media (max-width: 767px) {
	.product-thumb .product-model {
		margin-bottom: 5px;
		width: 100%;
	}
}
@media (min-width: 768px) {
	.product-thumb .product_model_sstatus {
		flex-wrap: nowrap;
	}
}
.stock-status {
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	display: inherit;
}
@media (max-width: 500px) {
	.product-grid .product-thumb .cart,
	.container-module .product-thumb .cart {
		width: 100%;
		margin-top: 10px;
	}
}

.product-grid .product-thumb .cart,
.container-module .product-thumb .cart {
	margin-left: auto;
	align-items: flex-end;
}
.product-grid .product-thumb .addit-action,
.container-module .product-thumb .addit-action{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.product-grid .product-thumb .addit-action,
.container-module .product-thumb .addit-action {
	position: absolute;
	transition: all .15s ease 0s;
	opacity: 1;
	z-index: 2;
}
.product-grid  .product-thumb .cart,
.container-module .product-thumb .cart {
	width: auto;
	margin-left: auto;
	display: flex;
}
@media (max-width: 992px) {
	.product-grid .product-thumb .addit-action,
	.container-module .product-thumb .addit-action {
		top:auto;
		bottom:15px;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		flex-direction: row;
		gap: 4px;
	}
	.product-grid .btn-compare.is-active:after,
	.container-module .btn-compare.is-active:after,
	.product-grid .btn-wishlist.is-active:after,
	.container-module .btn-wishlist.is-active:after {
		font-size: 9px;
		width: 12px;
		height: 12px;
		right: -3px;
	}
	.product-grid .addit-action > div > button,
	.container-module .addit-action > div > button {
		width: 28px;
		height: 28px;
	}
	.product-grid .addit-action > div > button i,
	.container-module .addit-action > div > button i {
		font-size: 15px;
	}
}
@media (min-width: 992px) {
	.product-grid .product-thumb .addit-action,
	.container-module .product-thumb .addit-action {
		top:15px;
		right:-46px;
		flex-direction: column;
		opacity: 0;
		z-index: -1;
	}
	.product-grid .product-thumb .addit-action > div + div,
	.container-module .product-thumb .addit-action > div + div{
		margin-top: 4px;
	}
	.product-grid .product-thumb:hover .addit-action,
	.container-module .product-thumb:hover .addit-action {
		z-index: 2;
		right: 15px;
		opacity: 1;
	}
	.dark-theme .product-grid .product-thumb:hover .addit-action,
	.dark-theme .container-module .product-thumb:hover .addit-action {
		right: 20px;
		top: 20px;
	}
}

.position-no-owl .row_items .item {
	position:relative;
	margin-bottom: 20px;
}
.position-no-owl .row_items .item:last-child{
	margin-bottom: 0px !important;
}
.position-no-owl .row_items .image {
	position:inherit;
	float:left;
	width: clamp(80px, 100%, 130px);
   min-width: 80px;
   max-width: 130px;
	padding:10px;
	margin-bottom: 0px;
	min-height: auto;
	display: flex;
	align-items: flex-start;
	align-self: normal;
	align-self: flex-start;
	transition: opacity .15s ease 0s;
}
.position-no-owl .row_items .image img.additional-img-hover {
	padding: 15px;
	top:0px;
}
.position-no-owl .row_items .product-thumb {
	flex-direction: row !important;
	flex-wrap: nowrap;
	border-radius: 20px;
	padding: 50px 15px 15px;
}
.position-no-owl .row_items .product-thumb.bg_image .caption {
	padding: 0px 0px 5px 15px;
}
.position-no-owl .row_items .product-thumb:not(.bg_image) .caption {
	padding: 15px;
}
.position-no-owl .row_items .product-thumb .caption {
	margin-bottom: 0px;
	flex-grow: 1;
	position: relative;
	min-height: 132px;
}
.position-no-owl .row_items .product-name {
	overflow:hidden;
	margin-bottom: 0px;
	min-height: 22px;
	width: calc(100% - 30px);
	left: 15px;
	top:15px;
	position: absolute;
}
.position-no-owl .row_items .product-thumb .product-name a {
	font-size: 14px;
	font-weight: 600;
	-webkit-line-clamp: 1;
}
.position-no-owl .row_items .product-thumb .cart {
	margin-left: auto;
	width: auto;
	margin-top: 0;
}
@media (min-width: 992px) {
	.position-no-owl .row_items .product-thumb .cart {
		opacity: 0;
		transition: opacity .15s ease 0s;
	}
}
.position-no-owl .row_items .product-thumb:hover .cart {
	opacity: 1;
}
.position-no-owl .row_items .product-thumb .btn-general {
	padding: 5px 7px;
}
.position-no-owl .row_items .product-thumb .btn-general .text-cart-add,
.position-no-owl .row_items .product-thumb .addit-action {
	display: none !important;
}
.position-no-owl .row_items .product-thumb .price {
	margin-bottom: 0px;
}
.position-no-owl .row_items .product-thumb .addit-action > div {
	margin:4px;
}
.position-no-owl .row_items .product-thumb .addit-action > div  > .btn:hover{
	background: var(--color-gray-2);
}
.position-no-owl .row_items .product-thumb .caption > div:nth-child(2){
	margin-top: 0 !important;
}
.position-no-owl .row_items .product_model_sstatus {
	flex-direction: column;
}
.position-no-owl .row_items .product-thumb .caption .rating,
.position-no-owl .row_items .product-thumb .caption .product-model {
	margin-bottom: 6px;
}
.position-no-owl .row_items .price-actions-box {
	margin-top: auto !important;
}
.position-no-owl .row_items .quantity_plus_minus,
.position-no-owl .row_items .product-description,
.position-no-owl .row_items .stickers-ns,
.position-no-owl .row_items .pro_sticker_block,
.position-no-owl .row_items .pro_sticker,
.position-no-owl .row_items .action-timer{
	display:none;
}

.wl-product-layout .product-thumb,
.product-layout .product-thumb {
	overflow:hidden;
	position:relative;
}
.ch-limit-sorts .btn-group + .btn-group:before {
	content:'';
	position: absolute;
	left: 0;
	top:50%;
	height: 22px;
	width: 1px;
	border-radius: 2px;
	transform: translateY(-50%);
}
.light-theme .ch-limit-sorts .btn-group + .btn-group:before {
	background: #E6E4E0;
}
.dark-theme .ch-limit-sorts .btn-group + .btn-group:before {
	background: #252525;
}
.ch-limit-sorts .dropdown-menu.ch-dropdown > li > a {
	text-align: center;
}
.ch-limit-sorts .dropdown-menu.ch-dropdown > li.active > a {
	color: var(--up-text-wd-color);
}
@media (max-width: 991px) {
	.ch-limit-sorts {
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
		width: 100%
	}
}
.box-sub-cat {
	padding-top: 1px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
@media (max-width: 768px) {
	.box-sub-cat {
		overflow-x: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.box-sub-cat .item-subc {
		flex:0 0 45%;
		max-width: 45%;
	}
}
@media (min-width: 768px) {
	.box-sub-cat {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
.item-subc {
	margin-bottom: 20px;
}
@media (min-width: 1200px) {
	.item-subc.col-lg-1-8 {
		-ms-flex: 0 0 12.5%;
		flex: 0 0 12.5%;
		max-width: 12.5%;
	}
}
.sub-categories {
	position: relative;
}
.sub-categories .swiper-module {
	padding-top: 1px;
	padding-bottom: 10px;
	margin-left: -10px;
	margin-right: -10px;
}
#content .sub-categories .swiper-module {
	padding-bottom: 0;
}
.swiper-sub-category__item {
	padding-left: 10px;
	padding-right: 10px;
}
.sub-categories .swiper-module:not(.swiper-initialized) .swiper-sub-category__item {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

@media (min-width: 500px) {
	.sub-categories .swiper-module:not(.swiper-initialized) .swiper-sub-category__item {
		-ms-flex: 0 0 33.3333333333%;
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}
}
@media (min-width: 768px) {
	.sub-categories .swiper-module:not(.swiper-initialized) .swiper-sub-category__item {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}
@media (min-width: 992px) {
	.sub-categories .swiper-module:not(.swiper-initialized) .swiper-sub-category__item {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media (min-width: 1150px) {
	.sub-categories .swiper-module:not(.swiper-initialized) .swiper-sub-category__item {
		-ms-flex: 0 0 16.66666667%;
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%;
	}
}
@media (min-width: 1350px) {
	.sub-categories .swiper-module:not(.swiper-initialized) .swiper-sub-category__item {
		-ms-flex: 0 0 12.5%;
		flex: 0 0 12.5;
		max-width: 12.5%;
	}
}
.subcategory {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	-ms-flex-align: center !important;
	align-items: center !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
	text-align: center;
	height: 100%;
   border-radius: 20px;
}
/*.subcategory:not(.bg_item) {
	border: 1px solid #e3e3e3;
}*/
.sub-categories.bg_item .subcategory {
	height: auto;
}
.swiper-sub-category__arrow.swiper-button-disabled {
	opacity: .5;
	cursor: inherit;
}
.swiper-sub-category__arrow {
	position: absolute;
	background: var(--slider-arrow-bg);
	color: var(--slider-arrow-color);
	border-radius: 40px;
	font-size: 0;
	height: 40px;
	width: 40px;
	min-width: 40px;
	line-height: 40px;
	padding: 0;
	text-align: center;
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	transition: all 0.1s linear 0s;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
.swiper-sub-category__navigation {
	opacity: 0;
}
.swiper-sub-category__arrow i {
	font-size: 22px;
}
.swiper-sub-category__arrow_prev {
	left: 15px;
}
.swiper-sub-category__arrow_next {
	right: 15px;
}
.type_arrow_bg_item .swiper-sub-category__arrow_prev,
.type_arrow_bg_item .swiper-sub-category__arrow_next {
	top: 45%;
	transform: translateY(-45%);
}
.type_arrow_bg_image .swiper-sub-category__arrow_prev,
.type_arrow_bg_image .swiper-sub-category__arrow_next {
	top: 40%;
	transform: translateY(-40%);
}
.sub-categories:hover .swiper-sub-category__navigation:not(.disabled-navigation) {
	opacity: 1;
}
.subcategory.bg_item {
	margin-bottom: 5px;
	background: var(--up-bg-wd);
	border:1px solid var(--up-border-color);
}
.subcategory.bg_item .sc-image,
.subcategory.bg_image .sc-image {
	padding: 5px;
	width: 100%;
	display: flex;
	align-items: center;
	border-radius: 12px;
	min-height: 125px;
	position: relative;
}
.subcategory.bg_image .sc-image {
	background: var(--up-bg-wd);
	margin-bottom: 10px;
}

.light-theme .subcategory .sc-image img {
	mix-blend-mode: multiply;
}
.subcategory .sc-name {
	color: var(--up-text-wd-color);
	padding-left: 10px;
	padding-right: 10px;
}
.subcategory.bg_item > .sc-name {
	margin: 15px 0px;
}
.subcategory.bg_item .sc-image + .sc-name {
	margin: 0px 0 15px;
}
.subcategory img {
	margin: 0 auto;
	color:transparent;
}
.dark-theme .subcategory img {
	background: #ffffff;
	border-radius: 8px;
	padding: 5px;
}
.subcategory.bg_item {
	border-radius: 12px;
	margin-bottom: 10px;
}
.dark-theme .subcategory.bg_item {
	background: var(--up-bg-main);
	border:1px solid var(--up-border-color);
}
@media (min-width: 992px) {
	.subcategory:hover .sc-name {
		text-decoration: underline;
	}
	.light-theme .subcategory:hover .sc-name{
		color:#4A71B1;
	}
	.dark-theme .subcategory:hover .sc-name{
		color:#457DE3;
	}
}
.subcategory .name-wrapper {
	height: 44px;
	padding: 0 10px;
	overflow: hidden;
	color: #000;
	text-align: left;
}
.display-table {
	display: table;
	height: 100%;
	width: 100%;
	overflow:hidden;
}
.display-table-cell {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	width: 100%;
}
.btn-sort-limit {
	background: transparent;
	height: 40px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px !important;
	color: var(--up-text-wd-color);
}
.btn-sort-limit:focus, .btn-sort-limit:hover {
	color: var(--up-text-wd-color) !important;
}

.ch-limit-sorts .btn-group + .btn-group .btn {
	margin-left: 6px;
}
.us-category-sort-title {
	display: none;
}
@media (min-width: 992px) {
	.us-category-sort-title {
		font-size: 16px;
		font-weight: 600;
		color: var(--up-text-wd-color);
		padding: 0px 5px 0px 15px;
		margin-bottom: 1px;
		display: inline-flex;
		align-items: center;
		white-space: nowrap;
	}
	.ddm-sort-list-pc {
		display: flex;
		flex-wrap: wrap;
		margin-right: 20px;
		position: relative;
		padding: 0px;
		background: transparent;
		box-shadow: none;
		top: 0;
		margin-top: 0px !important;
		float: none;
	}
	.ddm-sort-list-pc.dropdown-menu.ch-dropdown li {
		margin-bottom: 0px;
		padding-top: 0px;
		border-top:0px;
	}
	.ddm-sort-list-pc.dropdown-menu.ch-dropdown > li > button:before {
		display: none !important;
	}
	.ddm-sort-list-pc.dropdown-menu.ch-dropdown > li > button {
		color: var(--up-text-gray-color);
		background: transparent;
	}
	.ddm-sort-list-pc.dropdown-menu.ch-dropdown > li > button:hover{
		color: var(--up-text-wd-color);
	}
	.ddm-sort-list-pc.dropdown-menu.ch-dropdown > li.active > button {
		color: var(--up-text-wd-color);
		text-decoration: underline;
	}
}


.btn-sort-limit svg {
	margin-left: 6px;
	margin-bottom: 2px;
}
.btn-sort-link,
.btn-limit-link {
	font-size: 12px;
	width: 100%;
	border: 0px;
	background: transparent;
	white-space: nowrap;
}
.dropdown-menu.ch-dropdown > li > button.btn-limit-link {
	text-align: center;
}
.btn-sort-link {
	text-align: left;
}

.localstorage .btn-group:active .dropdown-toggle,
.localstorage .btn-group.open .dropdown-toggle {
	box-shadow:none;
	color: var(--up-text-wd-color);
	background: var(--up-bg-gray-hover);
}

.localstorage .dropdown-menu.ch-dropdown{
	min-width: 80px;
	text-align: center;
	margin-top: 5px;

}
.ddm-sort {
	border-top-right-radius: 0px;
}
.ddm-limit{
	left:0 !important;
	border-top-left-radius: 0px;
}
@media (min-width: 992px) {
	.ddm-limit{
		left:auto !important;
		border-top-right-radius: 0px;
		border-top-left-radius: 8px;
	}
	.md-border-radius .btn-sort-limit {
		border-radius: 42px;
	}
}
/*PRODUCT-GRID*/
.image-category {
	float:left;
	list-style:none;
	max-width:78px;
}
#list-view .fa,
#price-view .fa,
#grid-view .fa {
	font-size:16px;
}


@media (min-width: 600px) {
	.product-grid.wl-product-layout,
	.product-grid.product-layout {
		margin-top:10px;
		margin-bottom:10px;
	}
}
.product-grid .product-thumb{
	background: var(--up-bg-wd);
}
.product-grid .product-thumb:not(.bg_image) {
	border-radius:12px;
}
.product-grid .product-thumb.bg_image {
	border-radius:12px 12px 0px 0px;
}

@media (max-width: 600px) {
	.container-module .pct_gv, .container-module .latest_gv {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.no_bg_image .product-grid.col-xs-6,
	.container-module .item.no-slider.p-xs-0,
	.container-module:not(.carousel-mod) .item.swiper-slide.p-xs-0 {
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.container-module:not(.carousel-mod) .item.swiper-slide .product-thumb,
	.container-module .no-slider .product-thumb,
	.no_bg_image .product-grid .product-thumb {
		border-radius:0px !important;
	}
	.product-thumb .image a:after {
		border-radius:0px !important
	}
	.product-thumb .image {
		min-height: 8em;
	}
	.product-grid .product-thumb .price,
	.container-module .product-thumb .price {
		font-size: 16px;
	}
	.product-grid .product-thumb .price-old,
	.container-module .product-thumb .price-old {
		font-size: 14px;
		margin-bottom: 2px;
	}
	.product-grid .product-thumb .cart,
	.container-module .product-thumb .cart {
		margin-top: 0;
	}
	.product-grid .product-thumb .pro_sticker,
	.container-module .product-thumb .pro_sticker {
		display: none;
	}
	.container-module .product-thumb .quantity_plus_minus,
	.container-module .product-thumb .cart .text-cart-add,
	.product-grid .product-thumb .quantity_plus_minus,
	.product-grid .product-thumb .cart .text-cart-add {
		display: none;
	}
}
@media (max-width: 350px) {
	.container-module .item.no-slider.f-col-xs-6,
	.wl-product-layout.product-grid.col-xs-6,
	.product-layout.product-grid.col-xs-6{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 350px) and (max-width: 992px) {
	.container-module .item.no-slider.f-col-xs-6,
	.wl-product-layout.product-grid.col-xs-6,
	.product-layout.product-grid.col-xs-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}
/*PRODUCT GRID*/

/*PRODUCT LIST*/
.product-list.reviews-list,
.product-layout.product-list {
	margin-top:10px;
	margin-bottom: 10px;
}

.product-list .product-thumb {
	background: var(--up-bg-wd);
	box-shadow: 0px 0px 0px 1px var(--up-border-color);
	-webkit-transition: box-shadow .2s ease;
	transition: box-shadow .2s ease;
	border-radius: 12px;
}
.product-list .product-thumb:hover {
	-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.07);
	box-shadow: 3px 3px 10px rgba(0,0,0,.07);
	z-index: 1;
}

@media (min-width: 992px) {
	.product-list .product-thumb.flex-column {
		flex-direction: row !important;
	}
	.product-list .product-thumb .stickers-ns{
		bottom:66px;
	}
	.product-list .product-thumb:hover .ch-g-dots {
		padding-bottom: 6px;
	}
	.product-list .product-thumb:hover .action-timer,
	.product-list .product-thumb:hover .stickers-ns{
		z-index: 1 !important;
		opacity: 1 !important;
	}
	.product-list .product-thumb.bg_image .image {
		margin:0 auto;
		margin-right: 5px;
		flex: 0 0 25%;
		min-width: 280px;
		margin: 15px 0px 15px 15px;
	}
	.product-list .product-thumb:not(.bg_image) .image {
		margin:0 auto;
		padding: 20px 15px 15px 15px;
		min-width: 260px;
		max-width: 260px;
	}
	.dark-theme .product-list .product-thumb:not(.bg_image) .image {
		padding: 15px;
	}
	.product-list .product-thumb:not(.bg_image) .image img {
		max-width: 230px;
	}
	.product-list .product-thumb .image a {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.dark-theme .product-list .product-thumb .image a {
		border-radius: 16px;
		background: #ffffff;
	}
	.product-list .product-thumb .caption {
		float:left;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		position: unset;
	}
	.product-list .product-thumb:not(.bg_image) .caption {
		border-left: 1px solid var(--up-border-color);
	}
	.product-list .product-thumb .addit-action > div > .btn:hover {
		background: #e9e9e9;
		color: #000;
	}
	.product-list .product-name {
		min-height: auto;
		margin-bottom: 15px;
	}
	.product-list .product_model_sstatus {
		flex-direction: column;
		gap:5px;
	}
	.product-list .price-actions-box {
		display: flex;
	}
	.product-list .price-actions-box .quantity_plus_minus {
		margin-left: 0px;
		margin-right: 15px;
		margin-bottom: 0px;
	}
	.product-list .price-actions-box .price {
		margin-right: 20px;
		margin-bottom: 0px;
		order: -1;
		width: 100%;
		margin-bottom: 15px;
	}
	.product-list .product-thumb .cart {
		text-align: left;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	.product-list .product-thumb .cart .btn-general {
		width: auto;
		max-width: 100%
	}
	.product-list .product-model + .image .action-timer {
		top: 30px;
	}
	.product-list .product-thumb .addit-action{
		top: 15px;
		right: -46px;
		flex-direction: column;
		opacity: 0;
		z-index: -1;
		position: absolute;
  		transition: all .15s ease 0s;
	}
	.product-list .product-thumb .addit-action > div {
		position: relative !important;
		margin-bottom: 0px;
		position: relative;
		bottom: 0px;
		right: 0px;
		opacity: 1;
		visibility: visible;
		text-align: center;
		margin-bottom: 0px;
		margin-left: 5px;
		margin-right: 5px;
	}
	.product-list .product-thumb .addit-action > div + div {
		margin-top: 4px;
	}
}
/*END PRODUCT LIST*/

/*PRODUCT PRICE*/
@media (min-width: 1199px) {
	.product-price .product-thumb .additional-img-hover {
		top:0px;
	}
	.product-price .product-thumb .image {
		border-right: solid 1px var(--up-border-color);
		max-width: 80px;
		padding: 12px;
		width: 110px;
		min-width: 110px;
		min-height: 80px;
		margin-bottom: 0px;
		order: -1;
		border-radius: 18px 0px 0px 18px;
	}
	.product-price .product-thumb .image a {
		padding: 0px;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.product-price {
		overflow:hidden;
	}
	.product-price .editproducts {
		display:none;
	}
	.product-price:first-child {
		margin-top: 10px;
	}
	.product-price:first-child .product-thumb {
		border-radius:12px 12px 0 0;
	}
	.product-price:last-child {
		margin-bottom: 10px;
	}
	.product-price:last-child .product-thumb {
		border-radius:0 0 12px 12px;
	}
	.product-price:last-child:first-child .product-thumb {
		border-radius: 20px;
	}
	.product-price:nth-child(n+1) .product-thumb {
		border-top:solid 1px var(--up-border-color);
	}
	.product-price:last-child .product-thumb {
		border-bottom:solid 1px var(--up-border-color);
	}
	.product-price .product-thumb {
		flex-direction: row !important;
		background: var(--up-bg-wd);
		padding: 0;
		border-radius: 0px;
		box-shadow: none;
		border-left: solid 1px var(--up-border-color);
	}
	.product-price .product-thumb .caption {
		margin-bottom: 0px;
		display: grid;
		grid-template-areas:"product_name price""model_sstatus price";
		grid-template-columns: auto minmax(240px, 275px);
		padding: 0;
	}
	.product-price .product-thumb > div.caption {
		border-left: none;
		border-right: 1px solid var(--up-border-color);
	}
	.product-price .product-thumb .caption .product-name {
		margin-bottom: 5px;
		min-height: auto;
		grid-area: product_name;
		padding-left: 15px;
		padding-top: 15px;
	}
	.product-price .product-thumb .product_model_sstatus {
		margin-bottom: 0;
		grid-area: model_sstatus;
		flex-wrap: wrap;
		flex-direction: column;
		margin-bottom: 0;
		gap: 3px;
		align-self: flex-start;
		padding-left: 15px;
	}
	.product-price .product-thumb .price-actions-box {
		margin-top: 0px !important;
		border-left: solid 1px var(--up-border-color);
		grid-area: price;
		justify-self: end;
		padding-left: 15px;
		width: auto;
		min-width: 225px;
		max-width: 285px;
		flex-wrap: nowrap !important;
	}
	.product-price .quantity_plus_minus + .price {
		border-right: solid 1px var(--up-border-color);
	}
	.product-price .product-thumb .caption .price-actions-box .price {
		padding-right: 10px;
		padding: 10px 10px 10px 0px;
		align-items: flex-start;
		flex-grow: 1;
		order:-1;
		min-width: 110px;
	}
	.product-price .product-thumb .caption .price-actions-box .price .price-old {
		line-height: 18px;
	}
	.product-price .product-thumb .caption .price-actions-box .cart {
		width: auto;
		padding-left: 10px;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		padding: 10px 20px;
		border-left: solid 1px var(--up-border-color);
		align-items: center;
	}
	.product-price .product-thumb .price {
		justify-content: center;
	}
	.product-price .product-thumb .caption .price-actions-box .quantity_plus_minus {
		margin-bottom: 0px;
		align-self: center;
		padding-right: 5px;
		margin-left: 10px;
		padding-left: 5px;
	}
	.product-price .product-thumb .btn-fastorder {box-shadow:none;background: var(--color-gray-2);}
	.product-price .product-thumb .image:before,
	.product-price .product-thumb .image .action-timer,
	.product-price .product-thumb .image .addit-action,
	.product-price .product-thumb .caption .product-description,
	.product-price .product-thumb .rating,
	.product-price .product-thumb .pro_sticker,
	.product-price .product-thumb .pro_sticker_block,
	.product-price .product-thumb .image .stickers-ns,
	.product-price .product-thumb .caption .price-actions-box .cart .btn-general span.text-cart-add{
		display:none !important;
	}
	.product-price .product-thumb .caption .cart .btn-general {
		padding: 5px 7px;
	}
}
/*END PRODUCT PRICE*/

/* --- PRODUCT PAGE --- */
.image-additional {text-align: center;}
.cloud-zoom-big {background: #fff;  margin: 0 auto;width: 100%;right: 0px;}
.mousetrap {margin: 0 auto;width: 100%;right: 0px;}

.general-image {
	text-align: center;
	position:relative;
	position: relative;
	-ms-flex: 1;
	flex: 1;
	max-width: 100%;
}
.general-image.have-images .swiper {
	padding-bottom: 20px;
}
.ch-pagination {
	bottom: 0px !important;
}
.ch-pagination .swiper-pagination-bullet{
	width: 20px;
	border-radius: 2px;
	height: 3px;
	background: var(--color-gray-2);
	opacity: 1;
}
.ch-pagination .swiper-pagination-bullet-active {
	background: #557DC0;
}
.hide-sticker {
	z-index: 6;
}
.hide-sticker ~ .stickers-ns {
	opacity: 0;
}
.general-image {
	border-radius: 20px;
}
.dark-theme .general-image.have-images .swiper .swiper-slide {
	background: #fff;
	border-radius: 20px;
}
@media (min-width: 768px) {
	.thumbnails {
		flex-direction: row-reverse;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: start;
		align-items: start;
	}
	.general-image.have-images {
		width: calc(100% - 105px);
    	margin-left: 15px;
  	}
	.general-image.have-images .swiper {
		padding-bottom: 0;
	}
	.dark-theme .general-image.have-images .swiper {
		border-radius: 20px;
	}
}
.thumbnails .general-image span.thumbnail { display: inline-block; border:0px;padding:0px;margin-bottom: 0px;border-radius: 20px; cursor: pointer; }
.thumbnails .general-image img { display: block; margin-left: auto; margin-right: auto; color:transparent;border-radius: 20px;}

.image-additional {
	position: relative;
}
@media (min-width: 768px) {
	.image-additional.image-loop {
		padding-top: 32px;
		padding-bottom: 32px;
	}
}
.image-additional .swiper {
	max-height: 484px;
	overflow: hidden;
	border-radius: 10px;
}
.image-additional .swiper-slide:not(.swiper-slide-thumb-active) .thumbnail:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: auto;
	background-color: rgba(0,0,0,.022);
	border-radius: 10px;
}
.image-additional .swiper-ai-arrow {
	width: 60px;
	height: 22px;
	border-radius: 6px;
	background-color: var(--up-bg-gray);
	position: absolute;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.image-additional .swiper-ai-arrow.prev-image {
	top:0px;
	left: 50%;
  transform: translateX(-50%);
}
.image-additional .swiper-ai-arrow.next-image {
	bottom:0px;
	left: 50%;
	transform: translateX(-50%);
}
.general-image .swiper-ai-arrow {
	width: 22px;
	height: 42px;
	border-radius: 20px;
	background-color: var(--up-bg-gray);
	position: absolute;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 1000;
}
.general-image .swiper-ai-arrow.next-image-mobile {
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
}
.general-image .swiper-ai-arrow.prev-image-mobile {
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
}
@media (min-width: 768px) {
	.general-image .next-image-mobile,
	.general-image .prev-image-mobile {
		display: none;
	}
}

.image-additional .swiper .swiper-wrapper {
	flex-direction: column;
	gap:10px;
}
.image-additional .swiper:not(.swiper-initialized) .item.swiper-slide:first-child .thumbnail:before {
	display: none;
}
.image-additional .swiper:not(.swiper-initialized) .item.swiper-slide:first-child .thumbnail {
	border-color:#f8f8f8;
}
.image-additional .swiper-slide {
	display: -ms-flexbox;
	display: flex;
	height: 88px !important;
	width: 100%;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}
.light-theme .image-additional .swiper-slide.swiper-slide-thumb-active .thumbnail {
	border-color:#f8f8f8 !important;
}
.dark-theme .image-additional .swiper-slide.swiper-slide-thumb-active .thumbnail {
	border-color: #9AC872 !important;
}
.image-additional .thumbnail {
	margin: 0;
	border: 0;
	padding: 0;
	position: relative;
	border-radius: 10px;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	cursor: pointer;
}
.image-additional span.thumbnail.active, .image-additional span.thumbnail:focus, .image-additional span.thumbnail:hover {
	border-color:#f8f8f8 !important;
}
.image-additional .thumbnail img {
	margin:0px;
	max-width: 66px;
}

.info-minimum {
	padding: 12px 15px;
	margin-top: 20px;
	border-radius: 8px;
}
.light-theme .info-minimum {
	background: #fcfbef;
	color: #000;
}
.dark-theme .info-minimum {
	border: 2px dashed #E5DB77;
	background: transparent;
	color: #E5DB77;
}
.info-minimum svg {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 5px;
}
.zoom-magnify { width:100%; text-align:center; }
a.zoom-magnify { width: 100%; }
.space-padding-r20 {
	padding-right:20px;
}
.space-padding-r5 {
	padding-right:5px;
}

.nextprev-share-group {
	gap:6px;
}
#next-prev-box .nextprevprod{
	align-items: center;
}

.has-share-next .top-product-button {
	position: absolute;
	right: 6px;
	top: 6px;
}
.btn-share {
	border-radius: 8px;
}
.nextprevprod button {
	border-radius: 0;
}
.nextprevprod button:first-child {
	border-radius: 8px 0 0 8px;
}
.nextprevprod button:last-child {
	border-radius: 0 8px 8px 0;
}
.nextprevprod button:only-child {
	border-radius: 8px;
}
.btn-share,
.next-product,
.prev-product{
	width: 40px;
	height: 40px;
	background: var(--next-prev-btn-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0px;
	position: relative;
	padding: 0px;
	color: var(--next-prev-btn-color);
}
.btn-share:hover,
.next-product:hover,
.prev-product:hover {
	background-color:var(--next-prev-btn-bg-hover);
	color: var(--next-prev-btn-color-hover);
}
.nextprevprod .popover {
	border: 0px;
	box-shadow: none;
	filter:drop-shadow(2px 4px 18px rgba(0,0,0,0.1));
	border-radius: 16px;
	z-index: 10;
	max-width:195px;
	width:195px;
}
.nextprevprod .popover.popover-next-prod,
.nextprevprod .popover.popover-prev-prod {
	left: auto !important;
	right: 0px !important;
}
.share-off .nextprevprod.next__prev .popover.popover-prev-prod.bottom > .arrow {
	right:55px !important;
	left: auto !important;
}
.share-off .nextprevprod.next__prev .popover.popover-next-prod.bottom > .arrow {
	right:14px !important;
	left:auto !important;
}
.share-off .nextprevprod.only_one_btn .popover.popover-prev-prod.bottom > .arrow,
.share-off .nextprevprod.only_one_btn .popover.popover-next-prod.bottom > .arrow {
	right:55px !important;
	left:auto !important;
}
.has-share .nextprevprod.next__prev .popover.popover-prev-prod.bottom > .arrow {
	right:97px !important;
	left: auto !important;
}
.has-share .nextprevprod.next__prev .popover.popover-next-prod.bottom > .arrow {
	right:55px !important;
	left:auto !important;
}
.has-share .nextprevprod.only_one_btn .popover.popover-prev-prod.bottom > .arrow,
.has-share .nextprevprod.only_one_btn .popover.popover-next-prod.bottom > .arrow {
	right:55px !important;
	left:auto !important;
}
.popover-pr-image img {
	margin:0 auto;
}
.popover-pr-name {
	font-size:14px;
	color:#000;
	font-weight:400;
	margin-top: 15px;
	margin-bottom: 10px;
}
.nextprevprod .popover-content {
	padding: 15px;
}
.nextprevprod .popover.bottom > .arrow {
  border-bottom-color: #fff !important;
}
.nextprevprod .popover.left > .arrow {
  border-left-color: #fff !important;
}
.nextprevprod .popover.right > .arrow {
  border-right-color: #fff !important;
}
.light-theme .nextprevprod .price {
	color: var(--up-color-price);
}
.nextprevprod .price {
	font-size: 18px !important;
	font-weight: 600;
	line-height: 20px;
}
.nextprevprod .price .price-new span {
	font-size: 18px;
	font-weight: 600;
	line-height: 20px;
}
.dark-theme .nextprevprod .price .price-new span {
	color: var(--up-color-sale-price);
}
.dark-theme .nextprevprod .price {
	color: #000;
}
.dark-theme .nextprevprod .price .price-old span {
	color:#000;
}
.nextprevprod .price .price-old {
	margin-bottom: 0px !important;
}
.light-theme .nextprevprod .price .price-old span {
	color: var(--up-text-light-color);
}
.nextprevprod .price .price-old span {
	text-decoration: line-through;
	font-weight: 400;
	display: block;
	font-size: 16px !important;
	line-height: 16px !important;
	margin-bottom: 2px !important;
}

.no-gutters > [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}

#product .top-product-button {
	margin-top: 15px;
}
#product .top-product-button .nextprev-share-group {
	width: 100%;
}
#product .has-share .btn-share {
	margin-left: auto;
}
.light-theme #product .btn-share, .light-theme #product .next-product, .light-theme #product .prev-product {
	background: #f8f8f8;
}
#product.row-flex {
	margin-bottom: 10px;
	padding-top: 10px;
}
#product .image-block .stickers-ns,
#popup-quickview .product-img-box .stickers-ns {
	top:0px;
	position: absolute;
	margin-left: 0;
	margin-right: 0;
	right:0;
	left:auto;
	display: flex;
	flex-direction: row;
	gap:6px;
}
.dark-theme #product .image-block .stickers-ns,
.dark-theme #popup-quickview .product-img-box .stickers-ns {
	top: 10px;
	right: 5px;
}
#product .image-block .stickers-ns > div,
#popup-quickview .product-img-box .stickers-ns > div {
	margin-right: 0;
	margin-bottom: 0;
}

#product .image-block {
	background: var(--up-bg-wd);
	position: relative;
	padding: 20px 10px 15px;
	border-radius: 12px;

}
@media (min-width: 992px) {
	#product .image-block {
		padding: 20px;
		border:1px solid var(--up-border-color);
		margin-bottom: 20px;
	}
	.no-gutters {
		margin-left: 0px;
		margin-right: 0px;
	}
	#product.row-flex {
		margin-bottom: 20px;
	}
}

@media (max-width: 992px) {
	.sticky-left-block{position: relative; top:0px !important;}
}

@media (min-width: 992px) {
	.sticky-left-block{position: sticky; top:20px;z-index: 1;}
}
.thumbnails:not(.sticky-left-block) {
	position: relative;
}
#product .fix_true .sticky {
	position: fixed;
	z-index:99;
}
.stop {
	position: relative;
}

.p-block {
	background: var(--up-bg-wd);
	border-radius: 12px;
	padding: 20px;
	border: 1px solid var(--up-border-color);
}
.p-header__title {
	margin-top: 0;
}
.p-block + .p-block {
	margin-top: 15px;
}
.p-header__row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}
.p-stock-status__label {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    padding: 2px 8px;
    border-radius: 4px;
    line-height: 18px;
    align-self: flex-start;
}
.p-stock-status__label--out {
    color: var(--up-color-status-out-of-stock);
    background: rgb(from var(--up-color-status-out-of-stock) r g b / 0.10);
}
.p-stock-status__label--in {
    color: var(--up-color-status-in-stock);
    background: rgb(from var(--up-color-status-in-stock) r g b / 0.10);
}
.p-stock-status__count {
    background: var(--up-color-status-in-stock);
    color: #fff;
    padding: 3px 6px;
    margin-left: 5px;
    border-radius: 4px;
    line-height: 1;
    font-size: 11px;
}
.p-header__prop {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 14px;
}
.p-header__prop-label {
    color: var(--up-text-wd-color);
}
.p-header__prop-text {
	color: var(--up-text-gray-color);
}
.p-header__prop-value--link {
	color: #3F78E0;
}

#product .rating-stars,
#popup-quickview .rating-stars {
	margin-right: 8px;
}
#product .product-reviews .up-icon-message,
#popup-quickview .product-reviews .up-icon-message {
	color:var(--up-text-gray-color);
}
#product .product-reviews .total-reviews,
#popup-quickview .product-reviews .total-reviews {
	height: 20px;
	min-width: 20px;
	margin-left: 8px;
	color: var(--up-text-gray-color);
	font-size: 10px;
	border-radius: 6px;
	border:1px solid var(--up-text-gray-color);
}
#product .rating-star,
#popup-quickview .rating-star {
  width: 16px;
  position: relative;
  color: var(--up-color-rating-passive);
  margin-right: 3px;
  line-height: 18px;
}
#product .rating-star:after,
#product .rating-star-active:after,
#popup-quickview .rating-star:after,
#popup-quickview .rating-star-active:after {
  content:"\e914";
  line-height:16px;
  font-size:16px;
  display: inline-block;
}
#product .rating-star-active,
#popup-quickview .rating-star-active {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	overflow:hidden;
	color:var(--up-color-rating-active);
	width: 0%;
}

.dark-theme .manufacturer-block__image {
	background: #fff;
	border-radius: 10px;
}
.image-radio {
	display: inline-flex;
}
.image-radio input {
	display: none;
}
.image-radio label {
	width: 70px;
	height: 70px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 8px;
	max-width: 70px;
	position: relative;
}
.light-theme .image-radio label:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: auto;
	background-color: rgba(0,0,0,.022);
	border-radius: 8px;
}
.light-theme .image-radio label img {
	mix-blend-mode: multiply;
}
.image-radio label img {
	border: 0px;
	padding: 5px;
}
.dark-theme .image-radio label {
	background: #ffffff;
	border-radius: 8px;
}
.image-radio label:hover,
.image-radio input:checked + label {
	outline:2px solid #3F78E0;
}
.image-radio input:checked + label:after {
	position: absolute;
	content: "\e906";
	font-size: 12px;
	display: inline-flex;
	margin-right: 4px;
	font-family: 'prime' !important;
	color: #3F78E0;
	background: #fff;
	padding: 2px;
	border-radius: 50px;
	bottom: 6px;
	right: 1px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
}

#product-options .color-radio,
#popup-quickorder .color-radio,
#popup-quickview .color-radio,
#product .color-radio,
#product-options .default-radio,
#popup-quickorder .default-radio,
#popup-quickview .default-radio,
#product .default-radio {
	display: inline-flex;
}

#product-options .color-radio input,
#popup-quickorder .color-radio input,
#popup-quickview .color-radio input,
#product .color-radio input,
#product-options .default-radio input,
#popup-quickorder .default-radio input,
#popup-quickview .default-radio input,
#product .default-radio input {
	display: none;
}

#product-options .default-radio label,
#popup-quickorder .default-radio label,
#popup-quickview .default-radio label,
#product .default-radio label {
	border-radius: 4px;
	cursor: pointer;
	padding: 10px 8px;
	font-size: 14px;
	margin-bottom: 10px;
	background-color: var(--form-field-bg);
	outline: 2px solid var(--form-field-border);
	height: 40px;
	min-width: 60px;
	text-align: center;
}

[id^="input-option"],
[id^="input-modal-option"] {
	display: flex;
	flex-wrap: wrap;
	gap:10px;
}
#product-options .color-radio input:checked + label,
#popup-quickorder .color-radio input:checked + label,
#popup-quickview .color-radio input:checked + label,
#product .color-radio input:checked + label,
#product-options .default-radio input:checked + label,
#popup-quickorder .default-radio input:checked + label,
#popup-quickview .default-radio input:checked + label,
#product .default-radio input:checked + label,
#product-options .color-radio label:hover,
#popup-quickorder .color-radio label:hover,
#popup-quickview .color-radio label:hover,
#product .color-radio label:hover,
#product-options .default-radio label:hover,
#popup-quickorder .default-radio label:hover,
#popup-quickview .default-radio label:hover,
#product .default-radio label:hover {
	outline: 2px solid #3F78E0;
}

#product-options .color-radio label,
#popup-quickorder .color-radio label,
#popup-quickview .color-radio label,
#product .color-radio label {
	border-radius: 4px;
	cursor: pointer;
	min-height: 38px;
	min-width: 38px;
	text-align: center;
	padding: 2px;
	background: var(--form-field-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
	outline: 2px dashed var(--up-border-color);
}

#product-options .color-radio img,
#popup-quickorder .color-radio img,
#popup-quickview .color-radio img,
#product .color-radio img {
	border: 0px;
	border-radius: 20px;
	cursor: pointer;
}

#product-options .color-radio input:checked +img,
#popup-quickorder .color-radio input:checked +img,
#popup-quickview .color-radio input:checked +img,
#product .color-radio input:checked +img{
	border-color: #3F78E0;
	border-width:1px;
}

@media (max-width: 768px) {
	#product-options .color-radio img,
	#popup-quickorder .color-radio img,
	#popup-quickview .color-radio img,
	#product .color-radio img{
		max-width: 40px;
	}
}

.options .text-danger {
	font-size: 11px;
	color:#EB5757;
}

#product-options .options .form-group,
#popup-quickorder .options .form-group,
#popup-quickview .options .form-group,
#product .options .form-group {
	margin-bottom:15px;
	position:relative;
}

#product-options .options .form-group:last-child,
#popup-quickview .options .form-group:last-child,
#product .options .form-group:last-child {
	margin-bottom: 0;
}
#product-options .options .form-group .control-label,
#popup-quickorder .options .form-group .control-label,
#popup-quickview .options .form-group .control-label,
#product .options .form-group .control-label {
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 500;
	color: var(--up-text-wd-color);
	display: flex;
}
.form-group .text-danger{
	margin-top: 8px;
}
.form-group.option-error .control-label{
	color: #EB5757 !important;
}
#product-options .options .color-option,
#popup-quickorder .options .color-option,
#popup-quickview .options .color-option,
#product .options .color-option {
	cursor: pointer;
	display: inline-block;
	height: 24px;
	padding: 0;
	vertical-align: middle;
	width: 24px;
	border-radius: 4px;
	box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
	outline: 2px solid #fff;
}

#product-options.product-thumb {
	padding: 0;
	box-shadow: none;
}
#product-options .price-old {
	font-weight: 400;
	font-size: 18px;
	float: left;
	margin-bottom: 10px;
}
#product-options .price,
#product-options .price-new {
	text-align: left;
	font-size: 30px;
	display: block;
	clear: both;
	line-height: 22px;
	margin-bottom: 1px;
	font-weight: 600;
	color: var(--up-text-wd-color);
	min-height: auto;
}
#product-options .btn-general{
	height: 54px;
	width: auto;
	padding: 12px 22px;
	font-size: 16px;
}
#product-options .options {
	padding-bottom: 20px;
	border-bottom: 1px solid var(--up-border-color);
}
#product-options .info-options-bottom {
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
	align-items: flex-end;
}
#product-options .quantity_plus_minus {
	margin-right: 20px;
}
#product-options .chm-price-totals {
	margin-right: auto;
}
#product-options .quantity_plus_minus .add-action {
	height: 16px;
}
#product-options .quantity_plus_minus input.quantity-num {
	height: 20px;
}

.p-price-action {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.p-price-action__info {
	display: flex;
	justify-content: space-between;
}
.p-price-action__controls {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

#product hr {
	margin-top: 0px;
	margin-bottom: 25px;
	border-color: var(--up-border-color);
}
.product-timer {
	padding: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 2px dashed #FF3131;
	border-radius: 12px;
	height: 58px;
	position: relative;
	min-width: 130px;
	margin-left: auto;
}
.product-timer__title {
	color: var(--up-text-wd-color);
	font-weight: 600;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: auto;
	line-height: 16px;
}
.product-timer__countdown {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 25px;
	margin-bottom: 5px;
	min-height: 25px;
	width: 100%;
}
.product-timer .countDays,
.product-timer .countHours,
.product-timer .countMinutes,
.product-timer .countSec {
	font-size: 13px;
	font-weight: 600;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.product-timer .countDays,
.product-timer .countHours,
.product-timer .countMinutes {
	color:#FF3131;
}
.product-timer .countSec {
	color:var(--up-text-wd-color);
}
.product-timer .countDays:after,
.product-timer .countHours:after,
.product-timer .countMinutes:after {
	content:":";
	position: absolute;
	right: -1px;
	top: 2px;
	color:var(--up-text-wd-color);
}
.product-timer .time_productany {
	display: none;
}

.related-products {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid var(--up-border-color);
	padding-bottom: 25px;
	margin-bottom: 22px;
}
.related-products__title {
	font-size: 16px;
	color: var(--up-text-wd-color);
	margin-bottom: 20px;
	font-weight: 500;
}
.related-products__item {
	background: var(--up-bg-gray);
	padding: 16px;
	border-radius: 12px;
	display: flex;
}
.related-products__item + .related-products__item {
	margin-top: 20px;
}
.related-products__image {
	width: 70px;
	height: 70px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	overflow: hidden;
	min-width: 70px;
	margin-right: 15px;
	padding: 10px;
}
.related-products__image img {
	font-size: 0;
	color:#fff;
	margin: 0 auto;
}
.related-products__name-model {
	display: flex;
	flex-direction: column;
	margin-right: 22px;
	flex-grow: 1;
	align-self: center;
	width: 100%;
	margin-bottom: 5px;
}
.related-products__name-model a {
	color: var(--up-text-wd-color);
	margin-bottom: 5px;
}
.related-products__caption {
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1;
	width: 100%;
}
.related-products__model {
	font-size:13px;
	color:var(--up-text-gray-color);
}
.related-products__price {
	margin-left: 0;
	display: flex;
	flex-direction: column;
	font-size: 16px;
	color: var(--up-text-wd-color);
	font-weight: 600;
	justify-content: center;
	min-width: 70px;
	position: relative;
}
.related-products__price .old-price {
	font-size: 14px;
	color: var(--up-text-gray-color);
	font-weight: 400;
	text-decoration: line-through;
}
.related-products__action {
	margin-left: auto;
	align-self: center;
}
.related-products__action .cart {
	margin-left: 0 !important;
}
.related-products__action .btn-general {
	width: 46px !important;
	height: 46px !important;
	min-width: 46px;
	border-radius: 12px;
	position: relative;
	padding: 5px !important;
}
.related-products__action .btn-general .add-icon-plus:before {
	content: '';
	position: absolute;
	display: block;
	width: 2px;
	top: 27%;
	bottom: 27%;
	right: calc(50% - 1px);
	left: auto;
	border-radius: 1px;
	background: #fff;
	opacity: .9;
	transform: none;
}
.related-products__action .btn-general .add-icon-plus:after {
	content: '';
	position: absolute;
	display: block;
	height: 2px;
	right: 27%;
	left: 27%;
	top: calc(50% - 1px);
	border-radius: 1px;
	background: #fff;
	opacity: .9;
}
.related-products__more-products {
	margin-top: 20px;
	text-align: center;
}
.dark-theme .related-products__more-products .chm-btn-grey {
	background: var(--up-bg-gray);
}
.dark-theme .related-products__more-products .chm-btn-grey:hover {
	background: #2F2F2F;
}
@media (min-width: 768px) {
	.related-products__caption {
		flex-wrap: nowrap;
	}
	.related-products__name-model {
		margin-bottom: 0;
		width: auto;
	}
	.related-products__price {
		margin-left: auto;
	}
	.related-products__action {
		margin-left: 20px;
	}
}


#product .title_short_description,
#product .title_short_attribute {
	font-size: 14px;
	color: var(--up-text-wd-color);
	margin-bottom: 15px;
	font-weight: 500;
}

/*DISCOUNTS*/
.p-discounts__header {
	margin-bottom: 20px;
}
.p-discounts__title {
	font-size: 16px;
	color: var(--up-text-wd-color);
	font-weight: 500;
}
.p-discounts__sub-title {
	font-size: 12px;
	color: #8E8E93;
}
.p-discounts__range {
	margin-bottom: 20px;
}
.p-discounts__bar-wrap {
	height: 6px;
	background: #f5f5f7;
	border-radius: 99px;
	position: relative;
}
.p-discounts__bar-fill {
	height: 100%;
	width: 0%;
	background: linear-gradient(90deg, #e53935, #ff6f00); border-radius: 99px; transition: width 0.5s ease;
}
.p-discounts__steps {
	display: flex;
	justify-content: space-between;
	padding-top: 8px;
}
.p-discounts__step {
	font-size: 11px;
	color: #8E8E93;
	line-height: 1;
}

.p-discounts__cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
	gap: 12px;
	margin-bottom: 20px;
}

.p-discounts__card {
	border: 1px solid #EBEBEB;
	background: #F5F5F7;
	border-radius: 12px;
	padding: 15px 10px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.p-discounts__card-qty,
.p-discounts__card-price {
	font-size: 16px;
	font-weight: 600;
	color: #000;
}
.p-discounts__card-label {
	color: #8E8E93;
	font-size: 11px;
	line-height: 1;
	margin-bottom: 5px;
}
.p-discounts__card-price {
	margin-bottom: 5px;
}
.p-discounts__card-save {
	position: relative;
	display: inline-flex;
	margin-top: 8px;
	font-size: 10px;
	font-weight: 600;
	color: #fff;
	background: #e53935;
	border-radius: 99px;
	padding: 2px 10px;
	height: 22px;
	line-height: 1;
	align-items: center;
}
.p-discounts__card.active {
	background: #111;
	border-color: #111;
	color: #fff;
}
.p-discounts__card.active .p-discounts__card-qty,
.p-discounts__card.active .p-discounts__card-price { color: #fff; }
.p-discounts__card.active .p-discounts__card-label { color: rgba(255,255,255,0.5); }


.p-discounts__note-icon {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}
.p-discounts__note {
	display: flex;
	gap:15px;
	padding: 10px 15px;
	background: #F5F5F7;
	border-radius: 12px;
	align-items: center;
	border: 1px solid #EBEBEB;
	color: #000;
}
/*END DISCOUNTS*/

#product .list-unstyled.product-discounts > li:not(:last-child){
	margin-bottom: 5px;
}

#product .product-discounts .product-discount-price {
	font-size: 14px;
	font-weight: 600;
}
#product .text_short_description {
	color:var(--up-text-gray-color);
	margin-bottom: 15px;
	font-size: 14px;
}
#product .redmore-link {
	border-radius: 8px;
	color: var(--up-color-btn-default);
	background-color: var(--up-bg-btn-default);
	padding: 10px 18px;
	font-size: 14px;
	display: inline-block;
}
#product .redmore-link:hover {
	color: var(--up-color-btn-default-hover);
	background-color: var(--up-bg-btn-default-hover);
}

#product .price,
#popup-quickview .price {
	text-align:left;
	font-size:22px;
	margin-right: 20px;
	align-self: flex-end;
	margin-right: auto;
	flex:1;
}
#product .price-new {
	text-align:left;
	font-size:30px;
	display: block;
	clear: both;
	line-height: 24px;
	margin-bottom: 1px;
	white-space: nowrap;
}
#product .price-old {
	font-weight:400;
	font-size: 18px;
	float:left;
	margin-bottom: 10px;
}


#popup-quickview .quantity-adder,
#product .quantity-adder {
	width: 92px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--up-gray-color-1);
	background: var(--up-bg-wd);
	padding: 3px;
}
#product .quantity-adder .quantity-number {
	width: 100%;
	align-items: center;
	justify-content: center;
}
#popup-quickview .quantity-adder .add-action,
#product .quantity-adder .add-action {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	height: 40px;
	line-height: 10px;
	position: relative;
	text-align: center;
	width: 26px;
	background: var(--up-quantity-bg);
	color: var(--up-text-color);
}
@media (min-width: 992px) {
	#popup-quickview .quantity-adder .add-action:hover,
	#product .quantity-adder .add-action:hover {
		color: var(--up-text-wd-color);
	}
}
#popup-quickview .quantity-adder .add-down,
#product .quantity-adder .add-down {
	border-radius: 10px;
}
#popup-quickview .quantity-adder .add-up,
#product .quantity-adder .add-up {
	border-radius: 10px;
}
#popup-quickview .quantity-adder .quantity-number input,
#product .quantity-adder .quantity-number input {
	display: inline-block;
	height: 40px;
	min-width: 40px;
	padding: 0px 2px;
	text-align: center;
	border-radius:0px;
	border:0px;
	vertical-align:top;
	box-shadow:none;
	color: var(--up-text-wd-color);
	background: transparent !important;
}


#product .cart,
#popup-quickview .cart {
	width: auto;
	flex-grow: 1;
}
#product .btn-notify-stock {
	height: 48px;
	padding: 12px 24px;
	font-size: 14px;
}
#product .cart .btn-general,
#popup-quickview .cart .btn-general {
	height: 46px;
	width: 100%;
	padding: 12px 24px;
	font-size: 14px;
	font-weight: 500;
}
#product .btn-fastorder,
#popup-quickview .btn-fastorder {
	height: 46px;
	width: auto;
	flex-grow: 1;
	font-size: 14px;
	font-weight: 500;
	padding: 12px 24px;
	margin-left: 0px;
	background: var(--up-bg-pp-fastorder);
	color: var(--up-color-pp-fastorder);
	border:1px solid var(--up-bc-pp-fastorder);
}
#product .btn-fastorder:hover,
#popup-quickview .btn-fastorder:hover {
	background: var(--up-bg-pp-fastorder-hover) !important;
	color: var(--up-color-pp-fastorder-hover) !important;
	border:1px solid var(--up-bc-pp-fastorder-hover);
}

#product .cart .btn-general,
#popup-quickview .cart .btn-general {
	background-color: var(--up-bg-pp-add-to-cart);
	color: var(--up-color-pp-add-to-cart);
	border-color: var(--up-bc-pp-add-to-cart);
}
#product .cart .btn-general .up-icon-cart,
#popup-quickview .cart .btn-general .up-icon-cart {
	color: var(--up-color-pp-add-to-cart);
}
#product .cart .btn-general:hover,
#popup-quickview .cart .btn-general:hover {
	background-color: var(--up-bg-pp-add-to-cart-hover) !important;
	color: var(--up-color-pp-add-to-cart-hover) !important;
	border-color: var(--up-bc-pp-add-to-cart-hover) !important;
}
#product .cart .btn-general:hover .up-icon-cart,
#popup-quickview .cart .btn-general:hover .up-icon-cart {
	color: var(--up-color-pp-add-to-cart-hover) !important;
}

#product .cart {
	flex: 1 1 60%;
}
@media (min-width: 600px) {
	#product .cart {
		margin-left: auto;
		flex: 1 1 auto;
	}
	#product .cart .btn-general {
		width: 100%;
	}
	#product .btn-fastorder {
		width: auto;
	}
}



@media (min-width: 992px) {
	#product .cart:has(+ .btn-fastorder) {
		flex: 1 1 60%;
	}
}
@media (min-width: 1300px) {
	#product .cart:has(+ .btn-fastorder) {
		flex: 1 1 auto;
	}
}
.compare-wishlist-group {
	display: flex;
	gap:15px;
	margin-left: auto;
	order: 4;
}
@media (max-width: 767px) {
	#product .cart:has(+ .compare-wishlist-group) {
		order: 3;
	}
	#product .cart + .compare-wishlist-group {
		order:2;
	}
}
#product .btn-compare,
#product .btn-wishlist,
#popup-quickview .btn-compare,
#popup-quickview .btn-wishlist {
	width: 46px;
	height: 46px;
}
#product .btn-compare,
#popup-quickview .btn-compare {
	background-color: var(--up-bg-pp-compare) !important;
	color: var(--up-color-pp-compare) !important;
}
#product .btn-compare:hover,
#popup-quickview .btn-compare:hover {
	background-color: var(--up-bg-pp-compare-hover) !important;
	color: var(--up-color-pp-compare-hover) !important;
}
#product .btn-wishlist,
#popup-quickview .btn-wishlist {
	background-color: var(--up-bg-pp-wishlist) !important;
	color: var(--up-color-pp-wishlist) !important;
}
#product .btn-wishlist:hover,
#popup-quickview .btn-wishlist:hover {
	background-color: var(--up-bg-pp-wishlist-hover) !important;
	color: var(--up-color-pp-wishlist-hover) !important;
}
#product .btn-compare.is-active:after,
#product .btn-wishlist.is-active:after {
	background-color: var(--up-bg-pp-wishlist) !important;
}
#product .btn-compare.is-active:hover:after,
#product .btn-wishlist.is-active:hover:after {
	background-color: var(--up-bg-pp-wishlist-hover) !important;
}

/*@media (min-width: 992px) {
	#product .btn-compare,
	#product .btn-wishlist,
	#popup-quickview .btn-compare,
	#popup-quickview .btn-wishlist {
		width: 34px;
		height: 34px;
	}
}*/

.info-text-notify-price,
.info-text-notify-stock,
.info-text-found-cheaper {
	color: var(--up-text-color);
	margin-bottom: 20px;
}
.notify-price {
	width: 100%;
	order: 4;
}
.found-cheaper + .notify-price {
	margin-top: 2px;
}
.notify-price:not(.found-cheaper + .notify-price) {
    margin-top: 8px;
}
.btn-cheaper,
.btn-notify-price {
	display: inline-flex;
	outline: none;
	text-align: center;
	border-radius: 0px;
	color: #457DE3;
	font-size: 12px;
	margin-right: auto;
	font-weight: 500;
}
.btn-cheaper {
	margin-top: 8px;
}
.btn-notify-price {
	background: transparent;
	border:0;
	padding: 0;
	white-space: wrap;
	text-align: left;
}
.btn-cheaper:hover,.btn-cheaper:focus,
.btn-notify-price:hover,.btn-notify-price:focus {
	text-decoration: underline;
	color: #457DE3;
}
.info-product-reward {
	color: #000;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 8px;
}
.info-product-reward .qty-reward {
	font-weight: 500;
	color:#F3AB07;
}
#product .points,
#popup-quickview .points {
	flex:0 0 100%;
	min-width: 100%;
	font-size: 12px;
	margin-top: 5px;
	line-height: 14px;
	color:var(--up-text-wd-color);
	opacity: 1;
}
#product .list-unstyled > li,
#popup-quickview .list-unstyled > li {
	font-size: 14px;
	margin:1px 0px;
}

#product i.required {
	color: #e4003a;
}
#product .btn-fastorder .btn-icon-fastorder {
	margin-right: 5px;
}

.sticky-product-info {
	display: none;
}
@media (min-width: 992px) {
	.sticky-product-info {
		margin-left: 20px;
		background: var(--up-bg-wd);
		border: 1px solid var(--up-border-color);;
		border-radius: 12px;
		position: sticky;
		top: 225px;
		align-self: flex-start;
		width: 300px;
		min-width: 300px;
		display: flex;
		flex-direction: column;
		padding: 15px;
	}
	.sticky-product-info__image {
		position: relative;
		margin-bottom: 15px;
	}
	.dark-theme .sticky-product-info__image img {
		border-radius: 16px;
		background: #ffffff;
		width: 100%;
		padding: 15px;
	}
	.sticky-product-info__image img {
		font-size: 0px;
		margin: 0 auto;
	}
	.light-theme .sticky-product-info__image {
		padding: 15px;
	}
	.light-theme .sticky-product-info__image:before {
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		height: auto;
		background-color: rgba(0,0,0,.022);
		border-radius: 12px;
	}
	.sticky-product-info__name {
		margin-bottom: 10px;
		font-weight: 600;
	}
	.sticky-product-info__model-stock {
		display: flex;
		justify-content: space-between;
		margin-bottom: 10px;
	}
	.sticky-product-info__model {
		color: var(--up-text-gray-color);
		font-size: 13px;
		text-align: left;
	}
	.sticky-product-info__price-action {
		display: flex;
		justify-content: space-between;
	}
	.sticky-product-info__price-action .price {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}
}


#bar{
	width: 0%;
	max-width: 100%;
	height: 4px;
	background: #2B8CDB;
}
#progressBar{
	width: 100%;
	background: #cccccc;
}

/*MODAL*/
.chm-modal.modal-dialog {
	z-index:1052;
}
.chm-modal .modal-content {
	border-radius: 12px;
	box-shadow: none;
	border: 0px;
	padding: 25px;
}
.dark-theme .chm-modal .modal-content {
	background: var(--up-modal-bg);
	outline: 1px solid var(--up-gray-color-1);
}
.chm-modal .close-modal {
	cursor: pointer !important;
	font-size: 0px;
	height: 28px;
	outline: medium none;
	position: absolute;
	right: 0px;
	top: -4px;
	width: 28px;
	z-index: 1060;
	text-align: center;
	line-height: 25px;
	border: 1px solid var(--up-gray-color-1);
	background-color: var(--up-bg-wd);
	border-radius: 6px;
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.chm-modal .close-modal i {
	font-size: 11px;
	color: var(--up-text-color);
}
.light-theme .chm-modal .close-modal:hover {
	border: 1px solid #fff;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.067);
}
.dark-theme .chm-modal .close-modal:hover i {
	color:#ffffff;
}

.chm-modal .modal-header {
	padding: 0px 0px 24px;
	border-bottom: 1px solid var(--up-gray-color-1);
	height: 44px;
	position: relative;
	display: flex;
	align-items: center;
}
.chm-modal .modal-header .modal-title {
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
}
.dark-theme .chm-modal .modal-title {
	color:#ffffff;
}
.chm-modal .modal-body {
	padding: 20px 0px;
	border: 0px;
}
.chm-modal .modal-footer {
	padding: 15px 20px 20px;
	border: 0px;
	text-align: left;
}
.chm-modal .modal-body + .modal-footer {
	padding: 0px;
	/*padding: 0px 20px 20px;*/
}
.chm-modal .form-group {
	margin-bottom: 20px;
}
.chm-modal .form-group ~ div.form-group:last-child {
	margin-bottom: 0 !important;
}
.chm-modal input.form-control {
	border: 1px solid #F2F2F2;
	box-shadow: none;
	color: #000000;
	background-color: #ffffff;
	border-radius: 12px;
	padding: 10px 20px 10px 20px;
	height: 48px;
}
.chm-modal .input-group-flex input.form-control {
	padding: 10px 20px 10px 64px;
}
.chm-modal textarea.form-control {
	border: 1px solid #F2F2F2;
	box-shadow: none;
	color: #000000;
	background-color: #ffffff;
	border-radius: 12px;
	padding: 10px 20px;
	min-height: 60px;
	resize: vertical;
}
.chm-modal .field_required_textarea {
	position: relative;
}
.chm-modal .field_required_textarea:before {
	content: "*";
	position: absolute;
	left: 11px;
	top: 6px;
	color: #EB5757;
	width: 8px;
	height: 14px;
	z-index: 9;
	font-size: 12px;
}
.chm-modal .form-group.required_field:before {
	content: "*";
	position: absolute;
	left: 10px;
	top: 10px;
	color: #EB5757;
	width: 8px;
	height: 14px;
	z-index: 9;
	font-size: 12px;
}
.chm-modal .form-group.field_required:before {
	content: "*";
	position: absolute;
	left: 54px;
	top: 10px;
	color: #EB5757;
	width: 8px;
	height: 14px;
	z-index: 9;
	font-size: 12px;
}
.chm-modal [class^="col-"].form-group.field_required:before {
	left:20px;
}
.chm-modal input.form-control:focus,
.chm-modal textarea.form-control:focus {
	background-color: #fff;
	border-color: #838D9E;
}
.dark-theme .chm-modal input.form-control,
.dark-theme .chm-modal textarea.form-control {
	color: #fff;
	border-color: #1D1D1D;
	background-color: #141414;
}
.dark-theme .chm-modal .input-group-icon img {
	filter: invert(48%);
}
.chm-modal .form-control.error_input {
	border-color:#EB5757;
}
.chm-modal .form-control.success_input {
	border-color:#00BC52;
}
.us-error-icon,
.us-success-icon {
	position: absolute;
	right: 11px;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	z-index: 2;
}
.us-error-agree {
	color:#EB5757;
}
.us-text-error {
	position: absolute;
	bottom: -8px;
	left: 18px;
	color:#EB5757;
	font-size: 11px;
	padding-right: 6px;
	padding-left: 6px;
	border-radius: 5px;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100% - 45px);
	z-index: 2;
}
.light-theme .us-text-error {
	background: #ffffff;
}
.dark-theme .us-text-error {
	background: #141414;
}
.form-group .input-group-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	position: relative;
}
.form-group .input-group-icon {
	position: absolute;
	top: 0;
	left: 0px;
	right: 0;
	bottom: 0;
	width: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
.form-group .input-group-icon:after {
	content: '';
	position: absolute;
	top: 8px;
	height: 32px;
	right: 2px;
	border-right: 1px solid var(--up-gray-color-1);
}

.modal-dialog {
	margin: 1rem 1rem;
}
.modal-dialog-centered {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - 1rem);
}
.chm-modal .modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	border: 0px;
}

.chm-modal.modal.in .modal-dialog {
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
/*END MODAL*/
@media (min-width: 500px) {
	.chm-modal.sm-modal-4{
		max-width: 400px;
		width: 400px;
	}
	.modal-dialog {
		margin: 1rem auto;
	}
}
@media (min-width: 768px) {
	.modal-dialog {
		margin: 1.75rem auto;
	}
	.modal-dialog-centered {
		min-height: calc(100% - 3.5rem);
	}
	.chm-modal .modal-body {
		padding: 20px 0px;
	}
	.chm-modal .modal-footer {
		padding: 0px;
	}
	.chm-modal .modal-body + .modal-footer {
		padding: 0px;
	}
}
.us-modal-lg {
	width: auto;
	margin: 10px;
}
@media (min-width: 992px) {
	.us-modal-lg {
		width: 840px;
		margin: 1.75rem auto;
	}
}
.form-group,
.field_required{
	position: relative;
}

a.agree,
a.register,
a.forgotten {
	color: var(--up-color-link);
}
a.agree:hover,
a.register:hover,
a.forgotten:hover {
	color: var(--up-color-link-hover);
	text-decoration: underline;
}
.form-group.message {
	margin-bottom: 0px;
}
.form-group.message .alert {
	margin-bottom: 15px;
}

.product-payment__title,
.product-delivery__title {
	font-size: 16px;
	color: var(--up-text-wd-color);
	margin-bottom: 20px;
	font-weight: 500;
}
.product-delivery__item {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}
.product-delivery__item:last-child {
	margin-bottom: 0;
}
.product-delivery__content {
	display: flex;
	align-items: center;
	width: 100%;
}
.product-delivery__image {
	padding: 10px;
	background-color:#ffffff;
	border-radius: 100%;
	margin-right: 15px;
}
.product-delivery__text {
	display: flex;
	align-items: flex-start;
	width: 100%;
	flex-grow: 1;
	justify-content: space-between;
	position: relative;
}
.product-delivery__text.delivery-price-available:before {
	position: absolute;
	top: 14px;
	content: '';
	border-bottom: 1px dashed var(--up-text-gray-color);
	left: 15px;
	width: calc(100% - 30px);
	right: 15px;
}
.product-delivery__name {
	background: var(--up-bg-wd);
	z-index: 1;
	padding-right: 5px;
	display: inline-flex;
}
.product-delivery__name,
.product-delivery__name a {
	color: var(--up-text-wd-color);
}
.product-delivery__name a:hover {
	text-decoration: underline;
}
.product-delivery__left-block {
	z-index: 1;
}
.product-delivery__right-block {
	margin-left: auto;
	display: flex;
	background: var(--up-bg-wd);
	z-index: 1;
	padding-left: 5px;
}
.product-delivery__description {
	color: var(--up-text-light-color);
	font-size: 12px;
}
.product-delivery__text-price{
	font-weight: 600;
	font-size: 14px;
}
.product-delivery__price {
	margin-left: 5px;
	font-weight: 600;
	font-size: 14px;
	white-space: nowrap;
}
.product-payment__list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap:15px;
}
.product-payment__item {
	border-radius: 12px;
	background: #fff;
	border: 1px solid var(--up-border-color);
	padding: 4px;
	display: flex;
	align-items:center;
	justify-content: center;
	overflow: hidden;
}
.product-payment__name {
	margin-left: 7px;
	margin-right: 12px;
	color:#000000;
}

.ch-g-image {
	display: none;
}
.ch-g-image.active-image {
	display: block;
}
.ch-g-dots {
	display: none;
}
@media (min-width: 992px) {
	.product-thumb:hover .ch-g-dots {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		padding: 0px;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: calc(100% + 8px);
	}
}
.ch-g-dots .ch-g-line {
	border-bottom: 2px solid #8E8E93;
	transition: border-color 0.25s;
	position: relative;
	margin-right: 3px;
	height: 100%;
	display: block;
	-ms-flex: 1;
	flex: 1;
}
.ch-g-dots .ch-g-line:last-child{
	margin-right: 0;
}

.ch-g-dots .ch-g-line.active-line {
	border-color: #457DE3;
}

.masked_bg {
	position: absolute;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.6;
	left: 0;
	top: 0;
	border-radius:8px;
}
.loading_masked {
	left: 8px;
	margin-top: -35px;
	position: absolute;
	right: 8px;
	text-align: center;
	top: 50%;
	width: auto;
	z-index: 11000;
}
.container-module.product-category {
	overflow: hidden;
}
#column-right .container-module .reviews .col-md-4.no-slider,
#column-left .container-module .reviews .col-md-4.no-slider {width:100%;}
#column-right .container-module .title-module span,
#column-left .container-module .title-module span {display: inline-block;}
#column-right .container-module .title-module .see-all-reviews,
#column-left .container-module .title-module .see-all-reviews {position: relative;}

.see-all-reviews {
	overflow: hidden;
	white-space: nowrap;
	color: var(--up-text-wd-color);
	font-size: 14px;
	position: absolute;
	right: 0px;
	top: 17px;
}
.see-all-reviews svg {
	margin-left: 15px;
}

.see-all-reviews:hover,
.see-all-reviews:hover .text-see-all{
	text-decoration: underline;
	color: var(--up-text-wd-color);
}
/*Customer reviews*/
.customer-reviews {
	margin-bottom: 10px;
}
.customer-reviews__item {
	margin-bottom: 10px;
}
.customer-reviews__content {
	box-shadow: 0px 0px 0px 1px var(--up-gray-color-1);
	border-radius: 20px;
	background: var(--up-bg-wd);
	padding: 30px;
	margin-top: 10px;
	flex: 1;
}
.customer-reviews__header {
	margin-bottom: 20px;
}
.customer-reviews__image {
	margin-right: 15px;
}
.customer-reviews__image img {
	min-width: 70px;
	padding: 5px;
	background: #fff;
	border-radius: 8px;
	color: transparent;
}
.customer-reviews__name a {
	color: var(--up-text-wd-color);
	font-size: 15px;
	line-height: 22px;
	font-weight: 600;
	transition: color 0.2s ease-out;
}
.customer-reviews__name a:hover {
	color:#457DE3;
	color:#365A95;
	text-decoration: underline;
}
.customer-reviews__description {
	margin-bottom: 20px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.dark-theme .customer-reviews__description {
	color: var(--up-text-color);
}
.customer-reviews__footer {
	margin-top: auto;
}
.customer-reviews__letter {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-weight: 600;
	margin-right: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.light-theme .customer-reviews__letter {
	background-color: #EFF4FF;
	color: #3F78E0;
}
.dark-theme .customer-reviews__letter {
	background-color: #1D1D1D;
	color: #ffffff;
}
.customer-reviews__author {
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	margin-bottom: 8px;
}
.customer-reviews__rating {
	display: flex;
	align-items: center;
	line-height: 18px;
}
.customer-reviews__rating .up-icon-star {
	margin-right: 3px;
}
.customer-reviews__rating .up-icon-star:not(.active) {
	color:#8E8E93;
}
.customer-reviews__rating .up-icon-star.active {
	color:#F3AB07;
}
/*End Customer Reviews*/
.popup_banner {width:600px;max-width:80%;padding:15px;background:#f8f8f8;}
@media (min-width: 768px) {
	.popup_banner {width:900px;max-width:100%;padding:15px;background:#f8f8f8;}
}
.popup_banner .close{position:absolute;z-index:999;top:8px;right:10px;}
.popup_banner h1 {font-size:1.8em;margin:0 0 10px;}
.popup_banner #content {
	min-height:10px;
}
.is_a_link {
	cursor:pointer;
}
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

.review-item .review_plus,
.review-item .review_minus {
	margin-bottom: 15px;
	color:var(--up-text-wd-color)
}
.review-item .review_minus span,
.review-item .review_plus span {
	display: block;
	color: var(--up-text-wd-color);
	font-weight: 600;
	margin-bottom: 5px;
	position: relative;
	padding-left: 20px;
}
.review-item .review_plus span:before {
	content: "+";
	color: #00BC52;
	font-size: 20px;
	font-weight: 400;
	position: absolute;
	left: -1px;
	top: 0px;
}
.review-item .review_minus span:before{
	content: "−";
	color: #F84147;
	font-size: 20px;
	font-weight: 400;
	position: absolute;
	left: -1px;
	top: 0px;
}
.review-item .admin_reply {
	padding:25px;
	margin-top:15px;
	background: var(--up-gray-color-1);
	border-radius: 8px;
	color:var(--up-text-wd-color)
}
.review-item .admin_reply div{
	margin-bottom: 5px;
	font-weight: 600;
	color: var(--up-text-wd-color);
}
.review-item .purchased{
	padding-left: 5px;
	vertical-align: middle;
}
.review-item .comment {
	margin-bottom: 10px;
	color:var(--up-text-wd-color)
}
.review-heading {
	margin-bottom: 10px;
}
.review-item + div.review-item {
	margin-top: 20px;
	border-top: 2px dashed var(--up-border-color);
	padding-top: 20px;
}
.review-item .rc-author {
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	margin-bottom: 8px;
}
.review-item .rc-heading {
	margin-bottom: 20px;
}
.rc-author-rating {
	display: flex;
	align-items: center;
	line-height: 18px;
}
.rc-author-rating .up-icon-star {
	margin-right: 3px;
}
.rc-author-rating .up-icon-star:not(.active) {
	color: var(--up-color-rating-passive);
}
.rc-author-rating .up-icon-star.active {
	color: var(--up-color-rating-active);
}
.rc-author-letter {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	font-weight: 600;
	margin-right: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.light-theme .rc-author-letter {
	background-color: #EFF4FF;
	color:#3F78E0;
}
.dark-theme .rc-author-letter {
	background-color: #1D1D1D;
	color:#ffffff;
}
.review-item .rc-author-info {
	flex:1;
	line-height: 22px;
}
.review-item .rc-author {
	color:var(--up-text-wd-color);
	font-weight: 500;
}
.review-item .rc-date {
	color:var(--up-text-gray-color);
}
.product-rating .star-rating {
	position: relative;
	width: 18px;
	height: 18px;
	margin-right: 2px;
	margin-bottom: 0 !important;
	cursor:pointer;
}
.product-rating .star-rating:before {
	position: absolute;
	content:"";
	color: var(--up-color-rating-passive);
	line-height: 16px;
	font-size: 16px;
	display: inline-block;
}
.product-rating .star-rating.checked:before, .product-rating .star-rating.active:before {
	color: var(--up-color-rating-active);
}

h2.ch-h2 {
	font-size: 20px;
	margin-bottom: 25px;
	line-height: 28px;
	margin-top: 0;
}
.reviews-product {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid var(--up-border-color);
	flex-wrap: wrap;
}

.reviews-product__average {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	max-height: 130px;
	width: 100%;
	gap: 15px;
}
.reviews-product__header {
	display: flex;
	align-items: flex-end;
}
.reviews-product__details {
	margin-left: auto;
	text-align: left;
	line-height: 14px;
	height: 46px;
	min-width: 88px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 12px;
	padding: 6px;
	margin-bottom: auto;
}
.reviews-product__details .up-icon-message {
	color: var(--up-text-gray-color);
	padding-left: 6px;
	padding-right: 6px;
}
.reviews-product__totals {
	height: 30px;
	background: var(--up-gray-color-1);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	min-width: 38px;
	margin-left: 10px;
}
.reviews-product__rating {
	color: var(--up-text-wd-color);
	font-weight: 600;
	font-size: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 50px;
	margin-top: -5px;
}


.light-theme .reviews-product__details {
	border:1px dashed #E3E3E3;
}

.dark-theme .reviews-product__details {
	border:1px dashed #B1B1B1;
}

.product-rating-summary {
	display: flex;
	gap:5px;
	flex-grow: 1;
	justify-content: space-between;
	margin-top: 20px;
}

.product-rating-summary__progress {
	position: relative;
	width: 100%;
	min-width: 52px;
	max-width: 70px;
	min-height: 52px;
	max-height: 70px;
	aspect-ratio: 1 / 1;
}

.product-rating-summary__progress > svg {
	width: 100%;
	height: auto;
}
.product-rating-summary__icon-star {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translate(-50%, -50%);
}
.product-rating-summary__percent {
	display: flex;
	justify-content: center;
	margin-top: 18px;
	font-weight: 600;
}
.product-rating-summary__total {
	position: absolute;
	width: 18px;
	height: 18px;
	color: #fff;
	font-size: 11px;
	top: -4px;
	right: -1px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	z-index: -1;
	font-weight: 600;
}

@media (min-width: 600px) {
	.reviews-product.d-flex {
		height: 100%;
	}
	.reviews-product__average {
		width: auto;
		margin-right: 10px;
	}
	.reviews-product__details {
		margin-left: 20px;
	}

	.product-rating-summary {
		margin-top: 0;
		margin-left: auto;
		flex-grow: 0;
	}
}
@media (min-width: 768px) {
	.reviews-product.d-flex {
		height: 100%;
	}

	.reviews-product__average {
		width: auto;
		max-height: 148px;
	}
	.reviews-product__details {
		margin-left: 20px;
	}
	.btn-block-rs {
		margin-top: auto;
	}
}
@media (min-width: 992px) {
	.product-rating-summary {
		gap:8px;
	}
}
@media (min-width: 1200px) {
	.reviews-product.d-flex {
		flex-wrap: nowrap;
	}
	.product-rating-summary {
		gap:10px;
	}
}
@media (min-width: 1320px) {

}
@media (min-width: 1420px) {

}




.category_description img.img-thumbnail {color:transparent;}

.dark-theme .category_description img.img-thumbnail {
	border-radius: 12px;
	background: #fff;
}
.category_description img {
	max-width:100%;
	border:0px;
}
.category_description {
	clear: both;
	display: block;
	margin: 10px 0;
	overflow: hidden;
	background: var(--up-bg-wd);
	border-radius: 12px;
	padding: 20px;
	border: 1px solid var(--up-border-color);
}

.light-theme .category_description {
	color: #000;
}
.dark-theme .category_description {
	color:var(--up-text-gray-color);
}
.category_description .psfl-l {padding: 0 20px 10px 0;}
.psfl-l {float:left;}

#column-left .banner-blocks-container > div,
#column-right .banner-blocks-container > div,
.position-no-owl .banner-blocks-container > div{
	width:100%
}
.dark-theme .articles__content,
.dark-theme .module-articles__content,
.dark-theme .banner-blocks-container .banner-item {
	outline: 1px solid var(--up-gray-color-1);
}
.banner-blocks-container {
	display: flex;
	flex-wrap: wrap;
	row-gap:20px;
}
.banner-blocks-container::before,
.banner-blocks-container::after {
    display: none !important;
}
.banner-blocks-container .banner-item {
	border-radius: 12px;
	overflow: hidden;
	background: var(--up-bg-wd);
	padding: 20px;
	align-items: flex-start;
	transition: all 0.1s linear;
}
.banner-blocks-container .banner-item .banner-image {
	width: 54px;
	height: 54px;
	border-radius: 100%;
	background: var(--up-body-bg);
	margin-bottom: 20px;
	display: flex;
	align-items:center;
	justify-content: center;
	position: relative;
	margin-right: auto;
	-ms-flex: 0 0 54px;
	flex: 0 0 54px;
	max-width: 54px;
	text-align: center;
}
.banner-blocks-container .banner-item .banner-image img {
	margin: 0 auto;
	font-size: 0px;
	color:#fff;
}
.dark-theme .banner-blocks-container .banner-item .banner-image img {
	filter: invert(1);
}
.banner-blocks-container .banner-item .banner-image .bb-circle-color {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 12px;
	height: 12px;
	border-radius: 100%;
}
@media (min-width: 992px) {
	.banner-blocks-container .banner-item:hover {
		-webkit-box-shadow: var(--up-box-shadow-large);
		box-shadow: var(--up-box-shadow-large);
		background: var(--up-bg-main-hover);
	}
	.banner-blocks-container .banner-item:hover .banner-image {
		background: var(--up-bg-main);
	}
}
.banner-blocks-container .banner-item .banner-info .banner-title {
	margin: 0;
	margin-bottom: 8px;
	overflow: hidden;
	font-weight: 600;
	font-size: 14px;
	color: var(--up-text-wd-color);
}
.banner-blocks-container .banner-item .banner-info .banner-description {
	color: var(--up-text-light-color);
	font-size: 12px;
	line-height: 16px;
}
/*Easy Catalog Swiper*/

.easy-catalog {

}
.easy-catalog .easy-catalog-box {
	margin: 0;
	overflow: hidden;
	position: relative;
	display: block;
	background: var(--up-bg-wd);
	border-radius: 12px;
	padding: 20px;
}
.dark-theme .easy-catalog .easy-catalog-box {
	outline: 1px solid var(--up-gray-color-1);
}
.easy-catalog-box .item-catalog {
	overflow: hidden;
	align-items: center;
}
.easy-catalog-box .easy-cat-image {
	position: relative;
	margin-bottom: 8px;
}
.dark-theme .easy-catalog-box .easy-cat-image {
	border-radius: 10px;
	background: #fff;
	width: 100%;
}
.easy-catalog-box .easy-cat-image img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
	border: 0;
	font-size: 0px;
	color:transparent;
	mix-blend-mode: multiply;
	border-radius: 8px;
}
.easy-catalog-box .easy-cat-name {
	overflow: hidden;
	padding: 0px 10px;
	text-align: center;
	position: relative;
}
.easy-catalog-box .easy-cat-name a{
	color: var(--up-text-wd-color);
	line-height: 18px;
	font-weight: 500;
}
.easy-catalog .swiper-slide {
    height: auto;
    display: flex;
}
.easy-catalog .item-catalog {
    width: 100%;
    margin-bottom: 0;
}

.easy-catalog__controls {
	margin-top: 20px;
	display: flex;
	justify-content: center;
}

.easy-catalog__control-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: var(--slider-navigation-border);
	background: var(--slider-navigation-bg);
	border-radius: 100px;
	padding: 4px;
	gap: 0;
	width: 100%;
	max-width: 260px;
	height: 32px;
	position: relative;
}
.easy-catalog__arrow {
	width: 35px;
	height: 24px;
	background: var(--slider-arrow-bg);
	color: var(--slider-arrow-color);
	border-radius: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease;
	flex-shrink: 0;
	z-index: 2;
}
.easy-catalog__arrow i {
	font-size: 20px;
	line-height: 1;
}
.easy-catalog__arrow:hover {
	background: var(--slider-arrow-hover-bg);
	color: var(--slider-arrow-hover-color);
}
.easy-catalog__arrow.swiper-button-disabled {
	opacity: 0.5;
	cursor: not-allowed;
	background: var(--slider-arrow-hover-bg);
}
.easy-catalog__control-wrapper .swiper-pagination {
	position: relative;
	bottom: auto !important;
	left: auto !important;
	top: auto !important;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.easy-catalog__control-wrapper .swiper-pagination-progressbar {
	position: relative;
	flex: 1;
	min-width: 50px;
	height: 6px;
	background: var(--slider-progressbar-bg);
	border-radius: 10px;
	overflow: hidden;
	margin: 0 10px;
}
.easy-catalog__control-wrapper .swiper-pagination-progressbar-fill {
	background: var(--slider-progressbar-fill) !important;
	border-radius: 10px;
}

/*Wall Category*/
@media (min-width: 768px) {
	.wall-category-box .item-category {
		transition: all 0.1s linear;
		box-shadow: 0px 0px 0px 1px var(--up-gray-color-1);
	}
	.wall-category-box .item-category:hover,
	.wall-category-box .item-category.sc-active {
		-webkit-box-shadow: 8px 8px 48px 0 rgba(0, 0, 0, 0.04);
		box-shadow: 8px 8px 48px 0 rgba(0, 0, 0, 0.04);
		background: var(--up-bg-main-hover);
	}

	.wall-category-box .item-category:hover .open-sub-cat,
	.wall-category-box .item-category.sc-active .open-sub-cat,
	.wall-category-box .item-category:hover .item-sub-category.active,
	.wall-category-box .item-category.sc-active .item-sub-category.active {
		background: var(--up-bg-main);
	}
}
.open-sub-cat {
	width: 42px;
	height: 42px;
	display: inline-flex;
	justify-content: center;
	align-items:center;
	text-align: center;
	line-height: 24px;
	border-radius: 42px;
	cursor: pointer;
	background: var(--up-body-bg);
	z-index: 1;
}
.open-sub-cat .up-icon-close {
	display: none;
}
.sc-active + .wall-cat-name .open-sub-cat .up-icon-close {
	display: block;
}
.sc-active + .wall-cat-name .open-sub-cat .up-icon-grid-plus {
	display: none;
}

@media (max-width: 300px) {
	.wall-category-box .wc-col-xs {
		float:none;
		-ms-flex: 0 0 90%;
		flex: 0 0 90%;
		max-width: 90%;
	}
}
@media (min-width: 300px) and (max-width: 500px)  {
	.wall-category-box .wc-col-xs {
		float:none;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
}
@media (min-width: 500px) and (max-width:768px)  {
	.wall-category-box .wc-col-xs {
		float:none;
		-ms-flex: 0 0 66%;
		flex: 0 0 66%;
		max-width: 66%;
	}
}
@media (max-width: 768px) {
	.box-item-catalog {
		float: none;
		-ms-flex: 0 0 100px;
		flex: 0 0 135px;
		max-width: 135px;
	}

	.wall-category-box.d-xs-flex {
		overflow-x: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
}
.imgcategory .product-thumb,
.wall-category-box .item-category {
	overflow: hidden;
	border-radius: 12px;
	position:relative;
}
.wall-category-box .item-category {
	background-color: var(--up-bg-wd);
}
.wall-category-box .wall-cat-image {
	position: relative;
	padding: 20px 15px;
}
.wall-category-box .wall-cat-image a {
	font-size: 0px;
}
.wall-category-box .wall-cat-image img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
	max-height: 100%;
	border: 0;
	font-size: 0px;
	color:transparent;
}
.light-theme .wall-category-box .wall-cat-image img {
	mix-blend-mode: multiply;
}
.imgcategory .wall-cat-name, .wall-category-box .wall-cat-name {
	min-height: 42px;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-top: 10px;
	position: relative;
	text-align: left;
}
.item-category.parent_category  .wall-cat-name a {
	margin-left: 15px;
}
.item-category .wall-cat-name a,
.imgcategory .product-thumb .wall-cat-name a {
	color: var(--up-text-wd-color);
	line-height: 18px;
	font-weight: 500;
}
.imgcategory .product-thumb:hover .wall-cat-name a,
.wall-category-box .item-category:hover .wall-cat-name a {
	color: var(--up-text-wd-color);
}
.wall-category-box .wall-cat-image.sc-active {
	opacity: 0;
}
.wall-category-box .item-sub-category {display:none;position:absolute;}
.wall-category-box .item-sub-category.active {
	margin-top: 0px;
	margin-bottom: 20px;
	display: block;
	overflow: hidden;
	background: var(--up-bg-main-hover);
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 60px;
	opacity: 1;
	padding: 15px 8px 15px 20px;
	border-radius: 20px;
}
.light-theme .item-sub-category .mCSB_dragger_bar {
	background-color: #8E8E93 !important;
}
.light-theme .item-sub-category .mCSB_draggerRail {
	background-color: #f8f8f8 !important;
}
.dark-theme .item-sub-category .mCSB_dragger_bar {
	background-color: #2F2F2F !important;
}
.dark-theme .item-sub-category .mCSB_draggerRail {
	background-color: #000000 !important;
}
.wall-category-box .item-sub-category .subcategory-name{margin-bottom: 2px;padding-right: 5px;}
.wall-category-box .item-sub-category .subcategory-name a{
	font-size:14px;
	color: var(--up-text-color);
	opacity:1;
	line-height: 20px;
}
.wall-category-box .item-sub-category .subcategory-name a:hover{text-decoration: underline;}
.dark-theme .wall-category-box .item-sub-category .subcategory-name a:hover{
	color:#ffffff;
}

.nswc-scrollbar {
	width: 3px;
	background-color: #ADB5BD;
	right: 11px !important;
	top: 13px !important;
	height: calc(100% - 25px) !important;
	border-radius: 10px;
}
.nswc-thumb {background-color: #000;border-radius:10px;}
.nswc-scrollbar.active .nswc-thumb {background-color: #000;}


.quantity_plus_minus {
	flex: 0 0 30px;
	max-width: 30px;
	z-index: 10;
	margin-right: 10px;
	line-height: 1;
	align-self:flex-end;
	display: flex;
	flex-direction: column;
	gap: 2px;
	align-items: center;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid var(--up-gray-color-1);
	border-radius: 6px;
	max-height: 44px;
}
.quantity_plus_minus input.quantity-num {
	display: inline-block;
	height: 14px;
	margin-top: -1px;
	line-height: 14px;
	width:30px;
	padding: 0px 2px;
	text-align: center;
	border-radius:0px;
	border-top:0px;
	border-bottom:0px;
	vertical-align:top;
	box-shadow:none;
	border: 0px;
	color: var(--up-text-color);
	box-shadow: none !important;
	background: transparent;
	font-size: 11px;
}
.light-theme .quantity_plus_minus .add-action:hover {
	background:var(--color-gray-2);
}
.dark-theme .quantity_plus_minus .add-action svg path {
	fill: var(--up-text-color);
}

.quantity_plus_minus .add-action {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	height: 14px;
	line-height: 10px;
	position: relative;
	text-align: center;
	width: 26px;
	border-radius: 4px;
	background: var(--up-quantity-bg);
}

.container-module .pct_gv,
.container-module .latest_gv {
	overflow: hidden;
	margin-bottom: 10px;
}
.item.no-slider{
	margin-bottom:10px;
	padding-top: 10px;
}
#column-left .container-module .no-slider,
#column-right .container-module .no-slider,
.position-no-owl .no-slider{
	border: 0px ;
}
.nswc-viewport {
	min-height: 70px;
}

#modal-addcart .modal-dialog {
	max-width: 550px;
	width: 95%;
}
#modal-addcart .modal-body {
	padding: 30px 35px;
}
#modal-addcart .modal-content {
	border-radius: 12px;
	box-shadow:none;
	border: 0px;
}
#modal-addcart .btn-checkout {
	margin-top: 20px;
}
#modal-addcart .btn-shopping {
	margin-top: 20px;
}
.ch-alert-success,
.ch-alert-danger,
.option-danger {
	animation: slider_add_product 0.5s linear;
	position: fixed;
	right: 15px;
	top: 15px;
	width: 330px;
	z-index: 9999;
	color: var(--up-text-wd-color);
	padding: 25px 50px 25px 25px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	background: var(--up-bg-wd);
	border-radius: 12px;
	box-shadow: 4px 5px 12px rgba(0,0,0,0.067);
	max-height: 105px;
	height: 105px;
	transition: all .5s ease-in-out;
}
.mh-100 {
	height: auto;
	max-height: 100%;
}

.ch-error-text + div.ch-error-text {
	margin-top: 10px;
}

.option-danger + .option-danger {top:132px; }
.option-danger + .option-danger + .option-danger {top:250px;}
.option-danger + .option-danger + .option-danger + .option-danger{top:396px}

.ch-alert-danger + .ch-alert-danger {top:132px;}
.ch-alert-danger + .ch-alert-danger + .ch-alert-danger {top:257px;}
.ch-alert-danger + .ch-alert-danger + .ch-alert-danger + .ch-alert-danger {top:382px;}
.ch-alert-danger + .ch-alert-danger + .ch-alert-danger + .ch-alert-danger + .ch-alert-danger {top:507px;}

.add_product_alert {
	padding: 25px 50px 25px 25px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	background: var(--up-bg-main);
	border-radius: 12px;
	box-shadow: 4px 5px 12px rgba(0,0,0,0.067);
	animation: slider_add_product 0.5s linear;
	position: fixed;
	right: 15px;
	top: 15px;
	width: 330px;
	z-index: 999999999;
}
.dark-theme .add_product_alert {
	outline:1px solid var(--up-border-color);
}
.dark-theme .add_product_alert a {
	color:#04A349;
}
.ch-alert-success .text-modal-block,
.ch-alert-danger .text-modal-block,
.option-danger .text-modal-block,
.add_product_alert .text-modal-block {
	margin-left: 20px;
}
@keyframes slider_add_product {
	0% {
		right: -100%;
	}
	50% {
		right:-20%;
	}
	85% {
		right:-30px;
	}
	100% {
		right:15px;
	}
}

.ch-modal-success {
	border-radius: 12px;
	border:0px;
	box-shadow:0 2px 15px rgba(0,0,0,.18);
}
.ch-modal-success .modal-body{
	padding:30px 50px 30px 40px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.dark-theme .ch-modal-success.modal-content {
	background: var(--up-bg-main);
	outline: 1px solid var(--up-gray-color-1);
}
.ch-modal-success .modal-body .success-icon{
	float:left;
	margin-right: 20px;
}
.ch-modal-success .modal-body .text-modal-block {
	margin-right: 5px;
}
.ch-modal-success .modal-body .text-modal-block a {
	color: #04A349;
}
.ch-alert-success button.close,
.ch-alert-danger button.close,
.option-danger button.close,
.add_product_alert button.close,
.ch-modal-success button.close {
	cursor: pointer !important;
	font-size: 0px;
	height: 28px;
	outline: medium none;
	position: absolute;
	right: 17px;
	top: 17px;
	width: 28px;
	z-index: 1060;
	text-align: center;
	line-height: 25px;
	border: 1px solid var(--up-gray-color-1);
	border-radius: 6px;
	opacity: 1;
	display: flex;
  	align-items: center;
  	justify-content: center;
  	text-shadow: none;
}
.ch-alert-success button.close i,
.ch-alert-danger button.close i,
.option-danger button.close i,
.add_product_alert button.close i,
.ch-modal-success button.close i {
	font-size: 11px;
   color: var(--up-text-color);
}

.light-theme .ch-alert-success button.close:hover,
.light-theme .ch-alert-danger button.close:hover,
.light-theme .option-danger button.close:hover,
.light-theme .add_product_alert button.close:hover,
.light-theme .ch-modal-success button.close:hover {
	border: 1px solid #fff;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.067);
}
.dark-theme .modal-body button.close:hover i {
	color:#ffffff;
}
@media (min-width: 992px) {
	.col-lg-offset-3,.col-md-offset-3 {
		margin-left: 25.4%;
	}
}
#fix_image .owl-carousel .owl-wrapper:after {
	padding-bottom: 0px;
}

.product-list .us-product-attributes {
	position: relative;
	opacity: 1;
	flex: 0 0 30%;
	padding: 20px;
	border-left: 1px solid var(--up-border-color);
	display: grid;
	gap:2px;
	align-content: start;
}
.us-product-attributes__item {
	display: grid;
	grid-template-columns: auto 45%;
	font-size: 12px;
	gap:10px;
}
.us-product-attributes__name {
	color:var(--up-text-gray-color);
}
.product-price .us-product-attributes,
.product-grid .product-thumb.bg_image .us-product-attributes { display:none; }

.product-grid .us-product-attributes {
	position: absolute;
	top: 100%;
	left: 0px;
	right: 0px;
	border-radius: 0px 0px 12px 12px;
	background: var(--up-bg-wd);
	opacity: 0;
	overflow: hidden;
	height: 0;
	padding: 15px;
	margin-top: -1px;
}
@media (min-width: 992px) {
	.product-grid .product-thumb:not(.bg_image):hover {
		overflow: visible;
		border-radius: 12px !important;
		z-index: 10;
		box-shadow: none;
		filter:drop-shadow(4px 4px 24px rgba(0, 0, 0, 0.04));
	}
	.product-grid .product-thumb:not(.bg_image):hover:before {
		opacity: 1;
	}
	.product-thumb:not(.bg_image):hover .us-product-attributes {
		height: auto;
		opacity: 1;
	}
}

.product-grid .product-thumb:not(.bg_image):before {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: var(--up-bg-wd);
	opacity: 0;
	box-shadow: none;
	border-radius: 12px;
}
.product-grid .product-thumb.top-r:not(.bg_image):before {
	border-radius: 20px 20px 0 0;
	bottom: 0;
}

@media (max-width:767px) {
	.product-grid .short-attribute {
		display: none;
	}
}
#image-box > #wrap {
	display: inline-block;
	position: relative;
	outline: none;
}
.mfp-zoom-in .mfp-content > div {
	opacity: 0;
	transition: all 0.2s ease-in-out;
	transform: scale(0.6);
}

.mfp-zoom-in.mfp-ready .mfp-content > div {
	opacity: 1;
	transform: scale(1);
}
#product .short-attributes-groups {
	margin-bottom: 18px;
}
.tab-pane .short-attributes-groups{
	margin-bottom: 0px;
}
.tab-pane .attr-group-name {
	margin-bottom: 15px;
	font-size: 16px;
	color: var(--up-text-wd-color);
	font-weight: 600;
}

#product div.short-attribute{
	padding:6px 15px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}
.tab-pane div.short-attribute {
	padding:15px 20px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.tab-pane div.short-attribute .attr-name {
	width: 50%;
}
.tab-pane div.short-attribute .attr-text {
	width: 50%;
}
#product div.short-attribute:nth-child(2n+1),
.tab-pane div.short-attribute:nth-child(2n+2) {
	background: var(--up-bg-gray);
}
.tab-pane .short-attributes-groups ~ div.short-attributes-groups {
	margin-top: 30px;
}
.short-attribute > span{position:relative;}

#product div.short-attribute > .attr-text{
	max-width: 50%;
	text-align:right !important;
}
.tab-pane div.short-attribute > .attr-text{
	max-width: 60%;
	text-align:left !important;
	font-weight: 600;
}
.short-attribute > .attr-name span {
	position: relative;
	z-index: 2;
	padding: 0 5px 0 0;
	font-size: 14px;
	color: var(--up-text-color);
}
.short-attribute > .attr-text span{position:relative;z-index:2;padding:0 0 0 5px;font-size: 14px;color: var(--up-text-wd-color);display: block;}
.short-attributes-groups .short_attr_group_name {
	color: var(--up-text-wd-color);
}

.input-group .form-control[name^=quantity], #product .quantity-number [name^=quantity] {background:var(--up-quantity-bg);}

.box-bg-full { background-attachment: fixed; background-position: center 0; background-repeat: no-repeat; background-size: cover; margin: 0; width: auto; }

.disabled_input {
	cursor: not-allowed;
}
@-webkit-keyframes active_load {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes active_load {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.active-load > svg {
	-webkit-animation: active_load 1s linear infinite;
	animation: active_load 1s linear infinite;
}

@media (max-width:767px) {
	.box-bg-full {
		padding:0px;
	}
	.product-slider .product-name a {
		font-size:14px;
	}
}

.container-module .latest_gv .item{
	background: transparent;
}
.container-module .latest_gv .item .product-thumb{
	background: #fff;
}
.container-module .owl-pagination {
	top: 0px;
}
#form-review .form-group.required_field label {
	margin-bottom: 10px;
	font-size: 14px;
	color: #6F6F6F;
}

.product-rating {line-height: 1;}
.product-rating .star-rating {color: #e7e7e7;}
.product-rating .star-rating.active,
.product-rating .star-rating.checked {color: #fc0 !important;}
.product-rating label .fa {
	font-size: 18px;
	padding: 2px 4px 2px 0px;
	cursor: pointer;
}
.product-rating label ~ label{margin-left:-5px;}


.alphabet-index {
	margin-bottom: 20px;
	padding: 20px;
	background: var(--up-bg-wd);
	border: 1px solid var(--up-border-color);
	border-radius: 12px;
	display: flex;
	flex-wrap: wrap;
	gap:5px;
}
.alphabet-index__title {
	font-size: 16px;
	font-weight: 600;
	color: var(--up-text-wd-color);
}
.alphabet-index__items {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.alphabet-index__item {
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	color: var(--up-color-link-hover);
}
@media (min-width:992px) {
	.alphabet-index__item:hover {
		text-decoration: underline;
	}
}

.brand-group + .brand-group {
	margin-top: 20px;
}

@media (min-width:992px) {
	.brand-group + .brand-group {
		margin-top: 40px;
	}
}
.brand-group__title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
	color: var(--up-text-wd-color);
}
.brand-grid {
	display: grid;
	gap: 20px;
}
.brand-grid--with-images {
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}

.brand-grid--with-images .brand-item {
	background: var(--up-bg-wd);
	border: 1px solid var(--up-border-color);
	border-radius: 12px;
	padding: 15px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
	text-decoration: none;
}
@media (min-width:992px) {
	.brand-grid--with-images .brand-item:hover {
		transform: translateY(-3px);
		box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	}
}

.brand-item__image {
	margin-bottom: 10px;
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 8px;
	padding: 10px;
}

.brand-item__image img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.brand-item__name {
	font-size: 14px;
	font-weight: 600;
	color: var(--up-text-wd-color);
}

.brand-grid--text-only {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.brand-item__name-only {
	font-size: 16px;
	font-weight: 500;
	color: var(--up-text-wd-color);
	text-decoration: none;
	transition: color 0.2s ease;
}
@media (min-width:992px) {
	.brand-item__name-only:hover {
		text-decoration: underline;
	}
}

#modal-wishlist,
#modal-compare {
	top:50px;
}
.container-module .prod-cat-tabs {
	list-style: none;
	padding-left: 0px;
	margin: 0px;
	padding: 10px 0px;
}
.container-module .prod-cat-tabs > li {
	display: inline-block;
	padding: 5px 15px;
}
.container-module .prod-cat-tabs > li > a{
	color:#818181;
	font-size: 16px;
}
.container-module .prod-cat-tabs > li > a:hover {
	border-bottom: 1px dashed #818181;
}
@media (min-width: 992px) {
	.container-module .prod-cat-tabs > li:first-child{
		padding-left: 0px;
	}
}

.container-module .prod-cat-tabs > li.active a{
	color:#1e1e1e;
	border-bottom: 1px dashed #1e1e1e;
}
.tab-content.prod_cat_tab_content {
	min-height: 300px;
	padding-top:0px;
}

.form-horizontal .form-group {
	margin-left: -10px;
	margin-right: -10px;
}

.ch-table .prod-name {
	display: block;
	max-width: 300px;
	white-space: normal;
	min-width: 200px;
}
.ch-table  > tbody > tr > td:nth-child(6){
	white-space: nowrap;
}

.ch-table > tbody > tr > td, .clss-table > thead > tr > td{
	vertical-align:middle;
}
.ch-table > thead > tr > td {
	padding: 10px;
	background:var(--up-gray-color-1);
}
.ch-table thead td:first-child {
	border-radius: 8px 0 0 8px;
}
.ch-table thead td:last-child {
	border-radius: 0 8px 8px 0;
}
.ch-table thead td:first-child:last-child {
	border-radius:8px;
}
.ch-table > tbody > tr > td {
	border-top: 0px;
	padding: 15px 10px;
	vertical-align: middle;
}
.total-rewards,
.total-transactions{
	padding: 12px 0px 20px 0px;
}
.ch-table > tbody > tr > td.pr-0 {
	padding-right: 0;
}
.ch-table > tbody > tr {
	border-bottom: 2px dashed var(--up-border-color);
}
.ch-table > tfoot.account-order-totals > tr > td {
	border-top: 0px;
	padding: 5px;
	vertical-align: middle;
}
.ch-table > tfoot.account-order-totals > tr:first-child > td {
	padding-top: 20px;
}
.account-order-totals .cart-total-title {
	width: 100%;
	color: #535D67;
	font-size: 14px;
}
.account-order-totals .cart-total-text {
	font-size: 14px;
	font-weight: 600;
}
.input-remove-voucher {
	height: 38.5px;
}

.column-quantity {
	width: 100px;
}
.ch-cart-quantity {
	width: 82px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid var(--up-gray-color-1);
	background: var(--up-bg-wd);
	padding: 2px;
	margin-left: auto;
}
.ch-cart-quantity .form-control {
	display: inline-block;
	height: 32px;
	min-width: 36px;
	padding: 0px 2px !important;
	text-align: center;
	border-radius:0px !important;
	border: 0px !important;
	vertical-align:top;
	box-shadow:none;
	color: var(--up-text-wd-color);
	background: transparent !important;
}
.ch-cart-quantity .input-btn .btn {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	height: 30px;
	line-height: 10px;
	position: relative;
	text-align: center;
	width: 20px;
	max-width: 20px;
	border-radius: 5px;
	padding: 2px;
	background: var(--up-quantity-bg);
	color: var(--up-text-color);
}
@media (min-width: 992px) {
	.ch-cart-quantity .input-btn .btn:hover {
		color: var(--up-text-wd-color);
		background: var(--up-quantity-bg-hover);
	}
}

.checkout-cart-accordion .panel-default{
	border:0px;
	margin-bottom: 20px;
}
.checkout-cart-accordion .panel-default > .panel-heading {
	background: var(--color-gray-2);
}
.checkout-cart-accordion .panel-default > .panel-heading a {
	font-size: 14px;
	color:var(--up-text-wd-color);
}
.checkout-cart-accordion .panel-default > .panel-heading + .checkout-cart-accordion .panel-collapse > .panel-body {
	border-top-color: var(--up-border-color);
}
.checkout-cart-accordion .panel-collapse > .panel-body {
	border-top:0px !important;
}
.checkout-cart-accordion .control-label{
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 20px;
	text-align: left;
}
.checkout-cart-accordion .panel-body .form-control::placeholder {
	font-size: 14px;
}
.checkout-cart-accordion .panel-body .form-control {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	width: 100%;
	margin-bottom: 20px;
	max-width: 100% !important;
}
.checkout-cart-accordion .panel-body .input-group-btn {
	width: 100%;
}
.checkout-cart-accordion .panel-body .input-group-btn .btn {
	width: 100%;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.checkout-cart-accordion .form-control {
	height: 44px;
	border: 1px solid var(--up-border-color);
	box-shadow: none;
	font-size: 14px;
}

.checkout-cart-accordion .input-group-btn .btn-primary {
	font-size: 14px;
}
.table-cart > tbody > tr > td {
	border-top: 0px;
}
.table-cart .total-title {
	color: var(--up-text-gray-color);
	width: 75%;
}
.table-cart .total-text {
	font-weight: 600 ;
	color: var(--up-text-wd-color);
	min-width: 80px;
}
.table-responsive {
	position: relative;
	z-index: 8;
	border:0px;
}

.ch-table .stock-status,
.ch-table .price {margin-bottom: 0px;}
.ch-table .prod-name {color:#000;margin-bottom: 8px;}
.ch-table .prod-name:hover {
	color:#0f4b82;
}
.ch-table .btn-general {min-width:34px;margin-right: 10px;padding:0px 7px;display: inline-flex;}
.mw-70 {min-width: 70px;}

#messageLoadPage {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*Category News*/
.mod-category-news {
	border-radius: 20px;
	border:1px solid var(--up-border-color);
	padding: 10px 20px;
	background: var(--up-bg-wd);
}
.mod-category-news .articles-count {
	width: 18px;
	height: 18px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	background: var(--up-bg-gray);
	position: absolute;
	right: 4px;
	top: 10px;
	font-size: 11px;
	line-height: 18px;
}
.list-group.mod-category-news a.active .articles-count, .list-group.mod-category-news a.active:hover .articles-count, .list-group.mod-category-news a:hover .articles-count  {
	background: var(--up-bg-wd);
}
.list-group.mod-category-news a.active, .list-group.mod-category-news a.active:hover, .list-group.mod-category-news a:hover {
	color: var(--up-text-wd-color);
	background: transparent;
	border: 0px;
	text-shadow: none;
}
.list-group.mod-category-news a {
	border:0px;
	padding: 8px;
}
.list-group.mod-category-news a + a {
	border-top: 1px dashed var(--up-border-color) !important;
	z-index: 1;
}
.mod-category-news .list-group-item {
	margin-top: 0px;
	margin-bottom: 3px;
}
.mod-category-news .list-group-item:first-child {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.mod-category-news .list-group-item:last-child {
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.list-group.mod-category-news a.active:before, .list-group.mod-category-news a.active:hover:before, .list-group.mod-category-news a:hover:before  {
	background: var(--up-bg-gray);
	position: absolute;
	height: calc(100% - 3px);
	content: "";
	z-index: -1;
	left: -5px;
	right: -5px;
	width: calc(100% + 10px);
	top: 3px;
	border-radius: 5px;
}
	/* END Category News*/

	/*Module Atricles*/
	.articles__item,
	.module-articles__item {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.articles__content,
	.module-articles__content {
		padding: 15px;
		background: var(--up-bg-wd);
		border-radius: 12px;
		border: 1px solid var(--up-border-color);
	}

	.articles__image,
	.module-articles__image {
		border-radius: 10px;
		margin-bottom: 15px;
	}
	.articles__image img,
	.module-articles__image img {
		border-radius: 10px;
		overflow: hidden;
		font-size: 0px;
	}
	.articles__title,
	.module-articles__title {
		margin-bottom: 20px;
	}
	.articles__title a,
	.module-articles__title a {
		color: var(--up-text-wd-color);
		font-size: 15px;
		line-height: 22px;
		font-weight: 600;
		transition: color 0.2s ease-out;
	}
	.articles__title a:hover,
	.module-articles__title a:hover {
		color: #457DE3;
		text-decoration: underline;
	}
	.articles__description,
	.module-articles__description {
		margin-top: auto;
		margin-bottom: 25px;
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		color: var(--up-text-color);
	}
	.atricles__footer,
	.module-atricles__footer {
		margin-top: auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.articles__description + .atricles__footer,
	.module-articles__description + .module-atricles__footer {
		margin-top: 0;
	}
	.articles__date,
	.module-articles__date {
		color: var(--up-text-light-color);
		display: flex;
		align-items: center;
	}
	.articles__date svg,
	.module-articles__date svg {
		margin-right: 10px;
	}
	.atricles__viewed,
	.module-atricles__viewed {
		display: flex;
		align-items: center;
		color: var(--up-text-light-color);
	}
	.atricles__viewed i,
	.module-atricles__viewed i {
		margin-right: 10px;
	}

	/*END Module Atricles*/

	#input-captcha {
		float: left;
		width: 160px;
		margin-right: 15px;
	}
	#form-article-comment .col-sm-2.control-label {
		text-align: left;
		width: auto;
	}
	#form-article-comment fieldset {
		padding-top: 20px;
	}
	#form-article-comment fieldset legend {
		display: none;
	}
	#article-comment {
		border: 1px solid var(--up-border-color);
		padding: 15px 20px;
		border-radius: 12px;
		margin-bottom: 25px;
		margin-top: 20px;
		background: var(--up-bg-wd);
	}
	#form-article-comment {
		border: 1px solid var(--up-border-color);
		padding: 15px 20px;
		border-radius: 12px;
		margin-top: 25px;
		margin-bottom: 20px;
		background: var(--up-bg-wd);
	}
	@media (min-width: 768px) {
		#article-comment,
		#form-article-comment {
			padding: 25px 30px;
		}
	}
	.info-article {
		margin-bottom: 15px;
		justify-content: flex-end;
		gap: 10px;
	}

	.info-article .date-added-article,
	.info-article .total-comnent-article,
	.info-article .aviewed-article {
		background: var(--up-bg-wd);
		border-radius: 6px;
		padding: 8px 12px;
		color: var(--up-text-color);
	}
	.image-atricle {
		margin-bottom: 20px;
	}
	.description-article {
		background: var(--up-bg-wd);
		padding: 25px 30px;
		border-radius: 12px;
		margin-bottom: 20px;
		border: 1px solid var(--up-border-color);
	}
	.info-article .icon-aviewed {
		display: block;
		width: 18px;
		height: 18px;
		margin-right: 8px;
	}
	.info-article .icon-comment {
		display: block;
		width: 18px;
		height: 18px;
		margin-right: 8px;
	}

	.info-article .icon-calendar {
		display: block;
		width: 18px;
		height: 18px;
		margin-right: 8px;
	}

	.comment-item .comment-heading {
		flex-direction: column;
		line-height: 22px;
		margin-bottom: 20px;
	}
	.comment-item .block-author {
		color: var(--up-text-wd-color);
		font-weight: 500;
	}
	.comment-item .block-date {
		color: #8F9AA2;
	}
	.comment-item .comment {
		margin-bottom: 10px;
	}
	.comment-item .admin_reply {
		padding: 25px;
		margin-top: 15px;
		background: var(--up-bg-gray);
		border-radius: 8px;
	}
	.comment-item .admin_reply div {
		margin-bottom: 5px;
		font-weight: 600;
	}
	.comment-item + div.comment-item {
		margin-top: 20px;
		border-top: 2px dashed #e9e9e9;
		padding-top: 20px;
	}
	.show-like-dislike {
		padding-right: 0px;
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 15px;
		align-items: flex-end;
	}
	@media (min-width: 768px) {
		.show-like-dislike {
			flex-direction: row;
		}
	}
	.article-like-dislike-box {
		display: flex;
		margin-left: auto;
		align-items: center;
		gap: 8px;
	}
	.article-like-dislike-box .btn-like,
	.article-like-dislike-box .btn-dislike {
		background: transparent;
		height: 34px;
		display: flex;
		gap: 6px;
		align-items: center;
		justify-content: center;
		border-radius: 8px;
		padding: 4px;
	}

	.light-theme .article-like-dislike-box .btn-like,
	.light-theme .article-like-dislike-box .btn-dislike {
		border: 1px dashed #E3E3E3;
	}
	.dark-theme .article-like-dislike-box .btn-like,
	.dark-theme .article-like-dislike-box .btn-dislike {
		border: 1px dashed #B1B1B1;
	}
	.article-like-dislike-box .btn-like svg,
	.article-like-dislike-box .btn-dislike svg {
		margin-left: 6px;
	}
	.article-like-dislike-box .btn-like .likes,
	.article-like-dislike-box .btn-dislike .dislikes {
		height: 24px;
		border-radius: 6px;
		background: var(--up-gray-color-1);
		min-width: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
	}

	.article-comment-title {
		font-size: 18px;
		color: #000;
		padding-bottom: 10px;
		margin-top: 25px;
	}
	.article-comment-title sup {
		margin-left: 5px;
	}

	.ch_contact_map_code {
		margin-bottom: 20px;
	}
	.ch_contact_map_code iframe {
		background: var(--up-bg-wd);
		overflow: hidden;
		border-radius: 10px;
	}
	.contact_image {
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.contact_image img{
		border-radius:8px;
	}
	.contact-title {
		margin-bottom: 10px;
		margin-top: 25px;
		font-size: 16px;
		color: var(--up-text-wd-color);
		font-weight: 600;
	}
	.ch_contacts_phone a{
		font-size: 14px;
		color: var(--up-text-wd-color);
		font-weight:600;
	}
	.ch_contacts_phone a:hover,.ch_contacts_phone a:focus{
		color:#0091ca;
	}

	.ch_contacts_phone li + li {
		margin-top: 5px;
	}
	.ch_contacts_phone li:not(.item-phone) + li.item-phone {
		margin-top: 15px;
	}
	.box-contact-left,
	.box-contact-form form{
		border-radius:8px;
		border:1px solid var(--up-border-color);
		overflow:hidden;
		padding:20px 30px;
		background: var(--up-bg-wd);
	}
	@media (min-width: 992px) {
		.box-contact-left,
		.box-contact-form form{
			padding:50px 100px;
		}
	}
	form.form-horizontal legend {
		padding:0px;
		border:0px;
		color: var(--up-text-wd-color);
		font-size: 16px;
		font-weight: 600;
		margin-top: 25px;
		margin-bottom: 20px;
	}

	.store-locations .col-xs-12 + .col-xs-12 {
		margin-top: 15px;
	}
	.store-locations__item {
		border-radius: 12px;
		border: 1px solid var(--up-border-color);
		overflow: hidden;
		padding: 15px;
		background: var(--up-bg-wd);
		display: flex;
		gap:15px;
		flex-wrap: wrap;
	}
	.store-locations__image {
		width: 100%;
	}
	.store-locations__image img {
		border-radius: 8px;
		object-fit: cover;
		width: 100%;
	}
	.store-locations__info {
		width: 100%;
	}

	@media (min-width: 500px) {
		.store-locations__image {
			width: 220px;
			order: 1;
		}
		.store-locations__map {
			order: 2;
		}
		.store-locations__info {
			order: 3;
		}
	}

	@media (max-width: 768px) {
		.store-locations__map iframe {
			height: 100%;
		}
	}
	@media (min-width: 768px) {
		.store-locations__image {
			width: 360px;
		}
		.store-locations__image img {
			border-radius: 8px
			object-fit: contain;
		}
		.store-locations__map {
			order: 3;
		}
		.store-locations__info {
			width: calc(100% - 375px);
			padding-left: 15px;
			order: 2;
		}
	}

	@media (min-width: 992px) {
		.store-locations__info {
			width: calc(100% - 375px - 35%);
		}
	}

	.store-locations__info-title,
	.store-locations__info-store-name {
		margin-bottom: 10px;
		font-size: 16px;
		color: var(--up-text-wd-color);
		font-weight: 600;
	}
	.store-locations__info-contacts a {
		font-size: 14px;
		color: var(--up-text-wd-color);
		font-weight: 600;
	}
	.chat-links {
		gap:5px;
		margin-bottom: 10px;
	}
	.store-locations__info-contacts li + li {
		margin-bottom: 5px;
	}
	.store-locations__info-address {
		margin-bottom: 15px;
	}
	.store-locations__map {
		flex: 1;
	}
	.store-locations__map iframe {
		border-radius: 8px;
	}

	.store-title {
		margin-bottom: 25px;
	}

	.panel-group .panel-store {
		border-radius:8px;
		border:1px solid #e9e9e9;
	}
	.panel-group .panel-store + div.panel-store {
		margin-top: 15px;
	}

	.ch-table .image .img-responsive {
		margin: 0 auto;
		min-height: 47px;
	}
	.panel-title > a.i_am_registered {
		color:#0f4b82;
	}
	.agree_checkout {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	textarea.form-control {
		border: 1px solid var(--form-field-border);
		background-color: var(--form-field-bg);
		box-shadow: none;
		font-size: 14px;
	}
	.title-customer {
		flex-direction: column;
	}
	.title-customer .i_am_registered {
		margin-top: 10px;
		font-size: 14px;
		font-weight: 400;
	}
	@media (min-width: 600px) {
		.title-customer {
			justify-content: space-between;
			flex-direction: row;
		}
		.title-customer .i_am_registered {
			margin-top: 0px;
		}
	}
	#cart_table table td {vertical-align: middle;}
	#cart_table .table_total .total-title {color:#838383;}
	#cart_table .table_total tr td {padding:8px;}
	#cart_table .table_total {margin: 0 0 20px;text-align: right;width: 100%;}
	#cart_table .table_total tr td:last-child {font-weight: 600;padding: 8px 8px 8px 20px;white-space: nowrap;width: 115px;}
	#cart_table .table_total tr:last-child td {font-size: 1em;font-weight: 600;padding: 8px 8px 8px 20px;color:#000;}
	#cart_table .coupon_table {margin: 0 0 20px;text-align: right;width: 100%;}
	#cart_table .coupon_table div {float: right;padding: 0 0 8px;width: 100px;}
	#cart_table .coupon .form-control,
	#cart_table .reward .form-control {font-size: 12px;width: 270px;height: 44px;}
	#cart_table .delete_td {width:50px;}
	.ch-gift {
		color: #EF1212;
		font-size: 13px;
		font-weight: 600;
		margin-top: 12px;
	}
	.cart-prod-info-reward,
	.cart-prod-info-option {
		font-size: 12px;
		margin-bottom: 4px;
	}
.group-checkbox {
	margin-top: 20px;
	margin-bottom: 20px;
}
.chm-radio,
.chm-checkbox {
	display: block;
	position: relative;
	margin: 0 0 10px;
	cursor: pointer;
	font-size: 14px;
	padding-left: 0 !important;
}
.chm-radio label {
	padding-left: 0;
	font-size: 14px;
}

.checkbox-input,
.chm-radio label input[type="radio"] {
	flex-shrink: 0;
	cursor: pointer;
	display: inline-block;
	position: relative !important;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: var(--up-bg-wd);
   border: 1px solid var(--form-field-border);
	outline: 0 !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.checkbox-input[type="radio"],
.checkbox-input[type="checkbox"],
.chm-radio label input[type="radio"] {
	margin-top: 0px;
	margin-right: 4px;
	margin-left: 0 !important;
}
.checkbox-input[type="radio"],
.chm-radio label input[type="radio"] {
	border-radius: 50%;
}
.checkbox-input[type="checkbox"] {
	border-radius: 4px;
}
.checkbox-radio,
.checkbox-check {
	display: none;
}
.checkbox-input[type="radio"]:checked,
.chm-radio label input[type="radio"]:checked {
	background-color: #457DE3;
	border-color: #457DE3;
	--form-checked-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4' fill='%23fff'/%3E%3C/svg%3E");
	background-image: var(--form-checked-bg-image);
}
.checkbox-input[type="checkbox"]:checked {
	background-color: #457DE3;
	border-color: #457DE3;
	--form-checked-bg-image:  url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
	background-image: var(--form-checked-bg-image);
}
.checkbox-input:hover,
.chm-radio label input[type="radio"]:hover {
	border-color: #457DE3
}

.checkbox-input:disabled ~ *, .checkbox-input[disabled] ~ * {
	cursor: default;
	opacity: .5;
}

.radio > label:hover > input.checkbox-input:not(:disabled):not(:checked) + span.checkbox-radio{
	border-color: #b3d7ff;
}
.group-checkbox .checkbox-inline {
	display: block;
	margin-top: 5px;
	margin-left: 0px;
}
.search-form-input {
	height: 40px;

	font-size: 14px;
	box-shadow: none;
}
.chm-legend {
	font-size: 16px;
	margin-bottom: 20px;
}
.chm-search-block {
	padding: 0px;
	border-radius: 0px;
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 12px;
	background: var(--up-bg-wd);
	border: 1px solid var(--up-border-color);
}
.dates_added {
	display: flex;
	flex-wrap: wrap;
	gap:10px;
	margin-bottom: 20px;
}
.dates_added__item a {
	background-color: var(--up-bg-main);
	padding: 8px 14px;
	border-radius: 10px;
	font-size:14px;
	display: inline-flex;
	height: 38px;
	align-items: center;
	justify-content: center;
}
.dates_added__item a.dates_added__active-date{
	border: 1px solid var(--up-border-color);
	font-weight: 600;
}
.light-theme .dates_added__item a {
	color: var(--color-black);
}
.light-theme .dates_added__item a.dates_added__active-date {
	background-color: #fff;
}
.dark-theme .dates_added__item a {
	color: #B1B1B1;
}
.dark-theme .dates_added__item a.dates_added__active-date {
	background-color: var(--up-bg-gray);
	color: var(--color-white);
}
.modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.2);
	box-shadow: 0 5px 15px rgba(0,0,0,.2);
}
.add-to-cart-footer {
	position: fixed;
	bottom: 0px;
	padding: 8px 10px;
	height: 60px;
	background: var(--up-bg-wd);
	left: 0;
	right: 0;
	z-index: 1001;
	border-top: 1px solid var(--up-border-color);
	box-shadow: 0px 3px 10px rgba(0,0,0,0.12);
	align-items: center;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

.add-to-cart-footer.fm_b_1 {
	bottom:54px;
}
.add-to-cart-footer.fm_b_2,
.add-to-cart-footer.fm_b_3 {
	bottom:0px;
}
.add-to-cart-footer.turn_on {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.add-to-cart-footer .btn-general {
	min-height: 40px;
	padding: 0px 18px;
	line-height: 40px;
	height: 44px;
}

#back-top {
	display: none;
	overflow: hidden;
	position: fixed;
	bottom: 10px;
	right: 10px;
	text-decoration: none;
	z-index: 1002;
}

#back-top,
#cs-fb-widget {
	transition: bottom .3s ease-out, -webkit-bottom .3s ease-out;
}
@media (max-width: 767px) {
	#back-top.turn_on.db_3 {
		bottom: 120px;
	}
	#back-top.turn_off {
		bottom: 68px;
	}
}
@media (max-width: 991px) {
	#back-top.turn_on,
	#back-top.back-top-design-1 {
		bottom: 68px;
	}
	.fix_cart_price_footer footer {
		padding-bottom: 75px;
	}
	.fix_cart_price_footer footer {
		padding-bottom: 135px;
	}
	footer {
		padding-bottom: 50px;
	}
}

@media (min-width: 992px) {
	#back-top {
		right: 20px;
		bottom: 20px;
	}
}

@media (min-width: 768px) {
	.add-to-cart-footer {
		display: none;
	}
	.fix-add-to-cart-footer footer {
		padding-bottom: 0;
	}
}
.chm-well {
	height: 100%;
	background: var(--up-bg-wd);
	border:1px solid var(--up-border-color);
	padding: 25px;
	border-radius:10px;
}
.chm-well.flex-column .btn-primary{
	margin-top: auto;
	align-self: flex-start;
}
.chm-content,
.register-content,
.chm-account-content {
	background: var(--up-bg-wd);
	border:1px solid var(--up-border-color);
	border-radius: 12px;
	padding: 25px;
}
.chm-content,
.chm-account-content {
	padding: 25px;
	border-radius: 12px;
}
.register-content .form-group,
.chm-account-content .form-group {
	margin-left: 0px;
	margin-right: 0px;
}
.register-content .form-group:last-child {
	margin-bottom: 0;
}
.chm-auth .form-group .control-label,
.register-content .form-group .control-label,
.chm-account-content .form-group .control-label {
	text-align:left;
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 6px;
}
.group-checkbox label > a {
	margin-left: 2px;
}
@media (min-width: 1200px) {
	.register-content fieldset,
	.chm-account-content fieldset {
		max-width: 55%;
	}
}
.register-content > p {
	margin-bottom: 20px;
}
.register-content fieldset {
	margin-top: 20px;
}
.register-content fieldset:first-child legend{
	margin-top: 0px !important;
}
.radio-inline-flex {
	display: flex;
}
.radio-inline-flex label {
	margin-right: 15px;
}
.chm-title-auth {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 600;
}
#chm-menu-account {
	margin-bottom: 20px;
}
.chm-list-group {
	border-radius: 12px;
	padding: 25px;
	background: var(--up-bg-wd);
	border:1px solid var(--up-border-color);
}
.chm-list-group-item.active::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	height: 24px;
	width: 2px;
	border-radius: 0px 10px 10px 0px;
	background: #557DC0;
	transform: translateY(-50%);
}
.chm-list-group a.chm-list-group-item {
	position: relative;
	display: block;
	padding: 12px 15px;
	background-color: var(--up-gray-color-1);
	border-radius: 6px;
	color: var(--up-text-color);
	-webkit-transition: background .2s ease;
	transition: background .2s ease;
	display: flex;
	align-items: center;
}
[class^="icon-am-"], [class*=" icon-am-"] {
	width: 16px;
	height: 16px;
	margin-right: 8px;
}
.chm-list-group a.active, .chm-list-group a.active:hover, .chm-list-group a:hover {
	color: var(--up-text-wd-color);
	background: var(--up-gray-color-1);
}
.chm-list-group a + a {
	margin-top: 5px;
}
.chm-account-fixed {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10;
	max-height: 100vh;
	height: 100%;
	width: 300px;
	max-width: 100%;
	background: var(--up-bg-wd);
	transition: transform .2s ease, visibility .2s ease, opacity .2s ease;
	transform: translate(100%, 0);
	text-align: left;
}
.chm-account-fixed .chm-mod-account {
	border:0px;
}
.chm-account-fixed .chm-account-menu-content {
	opacity: 0;
	visibility: hidden;
}
.chm-account-fixed.chm-account-is-open {
	transform: translate(0, 0);
	z-index: 1014;
}
.chm-account-fixed.chm-account-is-open .chm-account-menu-content {
	opacity: 1;
	visibility: visible;
}
.chm-account-button {
	position: absolute;
	right: 100%;
	top: 90px;
	background: #0b76ef;
	background-position: center;
	background-repeat: no-repeat;
	width: 42px;
	height: 44px;
	cursor: pointer;
	border-radius: 5px 0px 0px 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.chm-account-button .icon-account-menu {
	width: 20px;
	height: 20px;
	color: #fff;
	margin-left: 2px;
	margin-bottom: 9px;
}
.chm-account-button .text-am-menu {
	position: absolute;
	font-weight: 600;
	font-size: 8px;
	bottom: 5px;
	line-height: 10px;
	margin-left: 2px;
	color: #fff;
}
.chm-account-menu-content {
	padding: 0px;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.chm-account-backdrop {
	background: #0b0b0b;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	transition: visibility .2s ease;
}
.chm-account-backdrop.active {
	opacity: 0.6;
	visibility: visible;
	z-index: 1013;
}
.chm-text-empty {
	padding: 12px 0px;
}

.icon-downloads{
	height: 22px;
	width: 22px;
}
.icon-returns {
	width: 24px;
	height: 24px;
}
.chm-account-content form.form-horizontal legend:first-child {
	margin-top: 0;
}
.chm-content-title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 28px;
}
.table-responsive + .chm-content-title {
	margin-top: 20px;
}
.address-item {
	border-bottom: 2px dashed var(--up-border-color);
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.address-item .chm-address-info {
	margin-bottom: 20px;
	line-height: 22px;
}
.chm-btn-info{
	margin-right: 20px;
}
.chm-btn-info,
.chm-btn-delete {
	cursor: pointer;
	border-bottom: 1px dashed;
}
.chm-btn-info:hover, .chm-btn-info:focus,
.chm-btn-delete:hover, .chm-btn-delete:focus {
	border-color: transparent;
}
.chm-btn-delete, .chm-btn-delete:hover,.chm-btn-delete:focus {
	color: #da4f49;
}
#content.forgot-password {
	min-height: 220px;
}

.page-cart {
	padding-bottom: 5px;
	align-items: flex-start;
	flex-direction: column;
}
.cart-col-left {
	width: 100%;
	margin-bottom: 20px;
	box-shadow: 0px 0px 0px 1px var(--up-border-color);
	background: var(--up-bg-wd);
	padding: 15px;
	border-radius: 14px;
}
.cart-col-right {
	width: 100%;
	background: var(--up-bg-wd);
	border-radius: 14px;
	padding: 15px;
}
.title-text-next {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 15px;
}
.cart-item {
	flex-wrap: wrap;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
}
.cart-item + div.cart-item {
	border-top: 2px dashed var(--up-border-color);
}
.cart-item-left {
	-ms-flex: 0 0 85px;
	flex: 0 0 85px;
	max-width: 85px;
	position: relative;
	padding-right: 20px;
}
.dark-theme .cart-item-left img {
	padding: 5px;
	border-radius: 8px;
	background: #fff;
}
.cart-item-image {
	justify-content: space-between;
}
.cart-item-center {
	padding: 0px 10px;
	flex-grow: 1;
	align-self: flex-start;
}
@media (max-width: 619px) {
	.cart-item-center {
		flex: 0 0 calc(100% - 85px);
	}
}
.cart-item-prod-name {
	margin-bottom: 10px;
	padding-right: 30px;
}
.cart-item-prod-name a {
	font-size: 14px;
	color: var(--up-text-wd-color);
	font-weight: 600;
}
.cart-item .product-model {
	color: var(--up-text-gray-color);
	text-align: left;
	font-size: 12px;
	padding-right: 30px;
}
.cart-item-options {
	margin-top: 10px;
}
.cart-item-option .cart-item-option-name{
	font-size: 12px;
	color: var(--up-text-gray-color);
	margin-right: 5px;
}
.cart-item-option .cart-item-option-value {
	font-size: 12px;
	color: var(--up-text-wd-color);
	font-weight: 500;
}
.cart-item .cart-item-price-quantity {
	text-align: right;
}
.cart-item .cart-item-price-quantity .btn-remove {
	position: absolute;
	top: 20px;
	right: 0px;
}
.cart-item .ch-cart-quantity {
	justify-content: flex-end;
}
.cart-item-price {
	color: var(--up-text-gray-color);
}
.cart-item-price,
.cart-item-total {
	white-space: nowrap;
}
.cart-item-total {
	margin-top: 2px;
	font-weight: 600;
	color: var(--up-text-wd-color);
}
.text-cart-item-price,
.text-cart-item-total {
	margin-right: 6px;
}
.cart-col-right .table-cart .total-title {
	padding-left: 0;
}
.cart-col-right .table-cart .total-text {
	padding-right: 0;
}
.cart-item .cart-totals {
	flex-direction: column;
	margin-left: auto;
}
.cart-item .cart-item-price-quantity {
	width: 100%;
	margin-top: 10px;
}
.cart-item .cart-item-price-quantity > .justify-content-end {
	align-items:center;
}
.cart-shipping {
	margin-bottom: 10px;
}
.cart-shipping #collapse-shipping {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--up-border-color);
}
.cart-shipping .accordion-toggle{
	font-size: 14px;
	padding: 10px 0px;
	color: var(--up-text-wd-color);
	display: inline-block;
}
.cart-shipping .accordion-toggle i {
	margin-left: 5px;
}
.cart-item:last-child {
	padding-bottom: 5px;
}
.checkout-col-left {
	width: 100%;
	margin-bottom: 0;
}
.checkout-col-left .cart-list{
	padding: 15px;
}

.mb-30 {
	margin-bottom: 30px;
}

.checkout-heading {
	font-size: 16px;
	font-weight: 600;
	padding-top: 5px;
	padding-bottom: 20px;
}
.form-control[disabled], .form-control[readonly], .form-control[disabled]:focus, .form-control[readonly]:focus, fieldset[disabled] .form-control {
	background-color: var(--color-gray-2);
	opacity: 1;
}
#payment-existing {
	float:left;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
#payment-address-new {
	float:left;
	width: 100%;
}
.payment .well.well-sm {
	padding: 15px;
	background: var(--color-gray-2);
	box-shadow: none;
	border-radius: 8px;
	border-color: var(--up-border-color);
}
.payment .well.well-sm p + p{
	margin-bottom: 0;
}
.register-form {
	float:left;
	width: 100%;
	overflow: hidden;
	margin-top: 15px;
}
.register-form label{
	font-size: 14px;
}
.shipping_method_title {
	color: var(--up-text-wd-color);
	font-weight: 600;
	margin-bottom: 10px;
}
.shipping_method_title ~ div.shipping_method_title {
	margin-top: 15px;
}

.checkout-comment {
	margin-bottom: 20px;
}
.checkout-cart-accordion {
	margin-bottom: 15px;
}
.text-checkout-modules {
	font-size: 14px;
	color: var(--up-text-wd-color);
	padding-bottom: 20px;
	margin-bottom: 15px;
	display: block;
	border-bottom: 1px solid var(--up-border-color);
}
.cart-shipping .control-label{
	text-align: left;
}
.cart-coupon .control-label,
.cart-reward .control-label,
.cart-voucher .control-label {
	font-size: 13px;
	font-weight: 600;
}
.cart-coupon .btn-primary,
.cart-reward .btn-primary,
.cart-voucher .btn-primary {
	font-size: 14px;
}
#collapse-dop-module {
	padding-top: 5px;
	border-bottom: 1px solid var(--up-border-color);
	margin-bottom: 15px;
}
.table_total {
	border-bottom: 1px solid var(--up-border-color);
	padding-bottom: 15px;
	display: block;
}

@media (min-width: 620px) {
	.cart-item .cart-item-price-quantity {
		width:auto;
		max-width: 220px;
	}
	.cart-item-total {
		margin-top: 5px;
	}

	.cart-item {
		flex-wrap: nowrap;
	}
	.cart-item-price-quantity {
		flex-direction: column;
	}
	.cart-item .cart-item-price-quantity .btn-remove {
		position: relative;
		margin-left: 15px;
		top: 0;
	}
	.cart-item .cart-totals {
		margin-top: 15px;
	}
}
@media (min-width: 768px) {
	.cart-item:first-child {
		padding-top: 5px;
	}
	.checkout-col-left .cart-list {
		box-shadow: 0px 0px 0px 1px var(--up-border-color);
		border-radius: 14px;
	}
	.cart-col-left {
		border-radius: 14px;
		padding: 15px;
	}

	.light-theme .cart-item .cart-item-prod-name a:hover {
		color: #0f4b82;
	}
	.dark-theme .cart-item .cart-item-prod-name a:hover {
		color: #457DE3;
	}
}
@media (min-width: 992px) {
	.page-cart {
		flex-direction: row;
	}
	.checkout-comment {
		margin-bottom: 0px;
	}
	.checkout-сustomer,
	.checkout-address,
	.checkout-shipping-address,
	.checkout-shipping-method,
	.checkout-payment-method{
		padding: 20px;
	}
	.checkout-col-left .cart-list{
		padding: 20px;
	}
	.cart-col-right {
		padding: 20px;
		position: sticky;
		top:20px;
		padding: 20px;
	}
	.checkout-col-left {
		margin-right: 30px;
	}
	.cart-col-left {
		margin-right: 30px;
		margin-bottom: 0;
		padding: 20px;
	}
	.cart-col-right {
		max-width: 350px;
	}
}

.chm-page-nf-ec {
	padding: 10px 25px 25px 25px;
	border-radius:10px;
	margin-top: 15px;
	background: var(--up-bg-wd);
}
.chm-not-found h1 {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 20px;
}
.chm-not-found img {
	max-width: 100%;
}
.modal-xl {
	max-width: 1030px;
	width: calc(100% - 30px);
}
.modal-backdrop ~ .modal-backdrop {
	opacity: 0;
}

.a2a_kit.a2a_kit_size_32.a2a_default_style {
	display: flex;
	justify-content: space-between;
}
.a2a_kit.a2a_kit_size_32.a2a_default_style div[style="clear: both;"] {
	display: none;
}

.search_categories_box {
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.search_category_items {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.search_category_items > a {
	background: var(--up-bg-main);
	color: var(--up-text-color);
	padding: 8px 16px;
	border-radius: 30px;
	font-size:13px;
	display: inline-block;
}
.light-theme .search_category_items > a:hover {
	background: #eaeaea;
}
.dark-theme .search_category_items > a {
	outline: 1px solid #1D1D1D;
}
.dark-theme .search_category_items > a:hover {
	background: #1D1D1D;
}
.search_categories_title {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px;
}
@media (min-width: 1200px) {
	.dropdown_search_item_product {
		border-radius: 12px;
		position: absolute;
		left: 100%;
		top: 0;
		margin-left: 15px;
		background: var(--up-bg-wd);
		width: 320px;
		opacity: 0;
		height: auto;
		min-height: 100%;
		display: flex;
		transition: opacity 0.3s ease-in-out;
		margin-top: 0;
	}
	.light-theme .dropdown_search_item_product {
		box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.06);
	}
	.dark-theme .dropdown_search_item_product {
		box-shadow: 0px 0px 0px 1px var(--up-gray-color-1);
	}
	li.is-active .dropdown_search_item_product {
		opacity: 1;
	}
	.dropdown_search_item_product:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 100%;
		width: 35px;
	}
	.header-search .product-thumb {
		flex: 1 0 100%;
		box-shadow: none;
	}
	.header-search .price-actions-box {
		margin-top: auto !important;
	}
}

.up-table-compare {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
.compare-table-scroll {
	padding-bottom: 15px;
	overflow-x: auto;
}
.compare-fixed-block {
	position: sticky;
	left: 15px;
	max-width: calc(100vw - 50px);
}

@media (max-width: 428px) {
	.compare-table-scroll {
		scroll-snap-type: x mandatory;
	}
	.up-table-compare td:not([colspan]) {
		min-width: 50vw;
		max-width: 50vw;
	}
}
@media (max-width: 768px) {
	.compare-table-scroll {
		margin-left: -10px;
		margin-right: -10px;
	}
	.up-table-compare:not(.mob-vw-40) td:not([colspan]) {
		min-width: 50vw;
		max-width: 50vw;
	}
	.up-table-compare.mob-vw-40 td:not([colspan]) {
		min-width: 40vw;
		max-width: 40vw;
	}
}
.up-table-compare > tbody > tr > th,
.up-table-compare > thead > tr > td,
.up-table-compare > tbody > tr > td,
.up-table-compare > thead > tr > th {
	padding-top: 12px;
	padding-bottom: 12px;
	line-height: 20px;
	vertical-align: top;
	padding-left: 12px;
	padding-right: 12px;
}
.up-table-compare > thead > tr > td + td,
.up-table-compare > tbody > tr > td + td {
	border-left: 1px solid var(--up-border-color);
}
.compare-property-group-name th {
	font-size: 18px;
	font-weight: 400;
	padding-left: 0px !important;
	padding: 0px !important;
}
.compare-property-group-name th > div {
	margin-bottom: 25px;
	padding-top: 20px;
	border-top: 1px solid var(--up-border-color);
}
.compare-property-name th {
	font-weight: 600;
	background: var(--up-bg-main);
	padding-left: 12px;
}
.up-table-compare .rating-star {
	width: 16px;
	position: relative;
	color: var(--up-color-rating-passive);
	margin-right: 3px;
	line-height: 18px;
}
.up-table-compare .rating-star-active {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	overflow: hidden;
	color: var(--up-color-rating-active);
	width: 0%;
}
.up-table-compare .rating-star:after,
.up-table-compare .rating-star-active:after {
  content:"\e914";
  line-height:16px;
  font-size:16px;
  display: inline-block;
}
.up-table-compare .compare-rating-info {
	margin-left: 5px;
}
.up-table-compare .compare-rating-info span {
	font-size: 10px;
}
.up-table-compare .compare-product-name {
	margin-bottom: 8px;
	font-size: 12px;
}
.light-theme .up-table-compare .compare-product-name {
	color: #797878;
}
.dark-theme .up-table-compare .compare-product-name {
	color: var(--up-text-gray-color);
}
.compare-product {
	display: flex;
	flex-direction: column;
}
.compare-product__image {
	position: relative;
	margin-bottom: 10px;
}
.dark-theme .compare-product__image img {
	border-radius: 8px;
	background: #ffffff;
	padding: 5px;
}
.compare-product__caption {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	height: 100%;
}
.compare-product__name {
	margin-bottom: 10px;
}
.compare-product__name a {
	color: var(--up-text-wd-color);
	font-size: 14px;
	font-weight: 400;
}
.compare-product__name a:hover {
	text-decoration: underline;
	color:#457DE3;
}
.compare-product__action {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.btn-remove-compare {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background: #f8f8f8;
	position: absolute;
	right: 5px;
	top: 5px;
	color:#000;
	display: flex;
	align-items: center;
	justify-content: center;
}
#cs-fb-widget {
	display: none;
}
.modal-backdrop {
	background-color: var(--up-modal-backdrop);
}

svg.up-spinner {
 width: 22px;
 transform-origin: center;
 animation: rotate4 2s linear infinite;
}

.up-spinner circle {
 fill: none;
 stroke-width: 3;
 stroke-dasharray: 1, 200;
 stroke-dashoffset: 0;
 stroke-linecap: round;
 animation: dash4 1.5s ease-in-out infinite;
}

@keyframes rotate4 {
 100% {
  transform: rotate(360deg);
 }
}

@keyframes dash4 {
 0% {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
 }

 50% {
  stroke-dasharray: 90, 200;
  stroke-dashoffset: -35px;
 }

 100% {
  stroke-dashoffset: -125px;
 }
}


/* --- FOOTER --- */
#logo-footer {
	margin-bottom: 20px;
}
.pos-rel {
	position: relative;
	z-index: 1;
}
footer {
	font-size:14px;
	margin-top: 25px;
	color: #ADB5BD;
}
footer .footer-top {
	padding-top: 40px;
	padding-bottom: 25px;
	margin-bottom: 25px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column-reverse;
}
@media (min-width: 768px) {
	footer .footer-top {
		flex-direction: row-reverse;
	}
}
footer.ch-dark-theme .footer-top {
	border-bottom:1px solid #1B1B1B;
}
.gmap iframe {
	border-radius: 12px;
	overflow: hidden;
}
footer .footer_map__desc {
	padding-top: 15px;
	margin-top: 15px;
}
@media (min-width: 768px) {
	footer .footer_map__desc {
		margin-top: 30px;
	}
}
footer .footer-bottom{
	padding-top: 15px;
	padding-bottom: 15px;
}
footer .footer-center {
	padding-top: 50px;
}
footer .f-column a {
	font-size: 12px;
}
footer.ch-dark-theme {
	background-color:var(--footer-dark-bg);
	color: #E2E2E2;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
footer.ch-dark-theme a {
	color: #E2E2E2;
}
footer.ch-dark-theme a:hover {
	color: #fff;
}
footer.ch-dark-theme .title-f {
	color: #fff;
}
footer.ch-light-theme {
	color: #535D67;
}
footer.ch-light-theme a {
	color: #535D67;
}
footer .copyright {
	font-size: 12px;
	color: #7b7b83;
}
footer.ch-light-theme {
	color:#000;
	background: #f8f8f8;
}
footer.ch-dark-theme {
	color:#fff;
}
footer.ch-light-theme a:hover {
	color: #000;
}
footer.ch-dark-theme a:hover {
	color: #fff;
}
footer .footer-center {
	margin-bottom: 20px;
}


@media (min-width: 992px) {
	footer .f-menu {
		display: grid;
		grid-template-columns: repeat(3, minmax(180px, 220px)) 1fr auto;
		gap: 20px;
		align-items: start;
	}

	.f-menu__right-side {
		grid-column: 5;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 20px;
	}
	.f-menu__col--contacts {
		max-width: 280px;
	}
	.f-menu__right-top {
		display: flex;
		gap: 40px;
		align-items: start;
		text-align: left;
	}
}

@media (max-width: 991px) {
	.f-menu__right-side,
	.f-menu__right-top {
		display: contents;
	}

	footer .f-menu {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		grid-template-areas:
		"catalog information"
		"service contacts"
		"socials socials"
		"newsletter newsletter";
	}
	.f-menu__col--catalog     { grid-area: catalog; }
	.f-menu__col--information { grid-area: information; }
	.f-menu__col--service     { grid-area: service; }
	.f-menu__col--contacts    { grid-area: contacts; }
	.f-menu__socials          { grid-area: socials; }
	.f-newsletter             { grid-area: newsletter; }

	.f-menu__socials,
	.f-newsletter {
		width: 100%;
	}
	.f-newsletter__btn-text {
		display: none;
	}
	#logo-footer > img {
		margin: 0 auto;
	}
}

footer.ch-light-theme .f-menu__title {
	color: #000;
}
footer .f-menu__title {
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 600;
}
footer .f-menu__list,
footer .f-menu__list--socials {
	padding-left: 0;
	list-style: none;
}
footer .f-menu__list--socials,
footer .f-menu__col--contacts .f-menu__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

footer .f-menu__list li {
	display: block;
	margin-bottom: 2px;
}
footer .f-menu__list li a {
	font-size: 12px;
}

footer.ch-dark-theme .f-menu__col--contacts a,
footer.ch-dark-theme .f-menu__col--contacts .f-menu__phone-text {
	font-size: 14px;
	color:#ffffff;
	font-weight: 500;
	display: flex;
	gap:5px;
}


.f-menu__link--phone,
.f-menu__link--social {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: inherit;
	transition: opacity 0.3s ease;
}

.f-menu__link i,
.f-menu__link img {
	display: block;
	width: 20px;
	height: 20px;
	object-fit: contain;
	flex-shrink: 0;
}

.f-menu__phone-text span,
.f-menu__link--phone span {
	margin-left: 8px;
}
.f-menu__link--social span {
	margin-left: 8px;
	font-size: 14px;
	line-height: 1;
}


.f-newsletter {
	width: 100%;
	max-width: 450px;
	order: 5;
}
.f-newsletter__title {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 12px;
	line-height: 1.2;
}

.f-newsletter__form {
	display: flex;
	align-items: center;
	background: #fff;
	border-radius: 50px;
	padding: 4px 6px;
	box-shadow: 2px 2px 12px rgba(0,0,0,0.07);
	position: relative;
}

.f-newsletter__input {
	flex: 1;
	border: none;
	background: transparent;
	height: 48px;
	padding: 0 20px;
	font-size: 14px;
	color: #222;
	outline: none;
}
.f-newsletter__input::placeholder {
	color: #939393;
}

.f-newsletter__btn {
	background-color: #3F78E0;
	color: #fff;
	border: none;
	border-radius: 40px;
	height: 44px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.1s ease;
	flex-shrink: 0;
}
.f-newsletter__btn:hover {
	background-color: #3467c7;
}
.f-newsletter__btn:active {
	transform: scale(0.97);
}
.f-newsletter__btn svg {
	flex-shrink: 0;
}
.f-newsletter__btn-text {
	margin-left: 8px;
	font-size: 14px;
	font-weight: 500;
}
.f-newsletter__msg {
	margin-top: 8px;
	font-size: 13px;
	min-height: 16px;
}

.f-newsletter__msg.nl-warning { color: #d80b0b; font-weight: 500; }
.f-newsletter__msg.nl-success { color: #2eb612; font-weight: 500; }

.ch-dark-theme .f-newsletter__title { color: #E2E2E2; }
.ch-light-theme .f-newsletter__title { color: #000; }

.footer-bottom {
	border-top: 1px solid #313136;
	margin-top: 20px;
	padding: 20px 0;
}
@media (min-width: 768px) {
	.footer-bottom {
		margin-top: 40px;
	}
}
.footer-bottom__content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

.f-menu__payments {
	display: flex;
	gap: 10px;
	align-items: center;
}

.f-menu__payments span {
	border-radius: 4px;
	background: #fff;
	overflow: hidden;
}
.f-menu__payments img {
	display: block;
}

.copyright {
	font-size: 13px;
	color: #939393;
}

@media (max-width: 767px) {
	.footer-bottom__content {
		flex-direction: column;
		text-align: center;
		justify-content: center;
	}

	.f-menu__payments {
		justify-content: center;
	}
}
.btn-back-top {
	border:0px;
	background:var(--up-bg-scroll-top);
	width: 54px;
	height:54px;
	border-radius:50px;
	box-shadow:none;
	line-height: 29px;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: background .2s ease;
	transition: background .2s ease;
	box-shadow:none !important;
}
.btn-back-top:hover {
	background: var(--up-bg-scroll-top-hover);
}
.btn-back-top .icon-back-top-arrow {
	width: 16px;
	height: auto;
}
.btn-back-top .icon-back-top-arrow path {
	fill: var(--up-color-icon-scroll-top);
}
.btn-back-top:hover .icon-back-top-arrow path {
	fill: var(--up-color-icon-scroll-top-hover);
}
.svg-progress.svg-progress--circle {
	transform: rotate(-90deg);
}
.svg-progress {
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	left: 4px;
	width: 46px;
	height: 46px;
}
.svg-progress circle {
	stroke-linecap: round;
}
.svg-progress circle, .svg-progress rect {
	stroke: var(--up-color-progress-scroll-top);
	stroke-dasharray: 289px, 289px;
	stroke-dashoffset: var(--scroll-progress);
}
.btn-back-top:hover .svg-progress circle,
.btn-back-top:hover .svg-progress rect {
	stroke: var(--up-color-progress-scroll-top-hover);
}

.banner-footer .col-xs-6 {
	margin-bottom: 20px;
}
.block-banner-footer {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	overflow: hidden;
	position: relative;
	flex-direction: column;
	padding: 20px;
	border-radius: 20px;
	height: 100%;
}

.block-banner-footer .image-banner-footer {
	margin-bottom: 20px;
	text-align: left;
}
.block-banner-footer .image-banner-footer img{font-size: 0px;}
.block-banner-footer .icon-banner-footer {
	text-align:center;
	margin-right: 5px;
}
.block-banner-footer .icon-banner-footer span {
	height: 50px;
	width: 50px;
	display:inline-block;
}
.block-banner-footer .icon-banner-footer i.fa {
	font-size: 24px;
	line-height: 50px;
}
.block-banner-footer .text-footer-banner .banner-title-footer {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 8px;
}
.block-banner-footer .text-footer-banner .banner-description-footer {
	font-size: 12px;
	line-height: 16px;
}
footer.ch-dark-theme .block-banner-footer {
	background: #1B1B1B;
}

footer.ch-dark-theme .block-banner-footer .icon-banner-footer i.fa,
footer.ch-dark-theme .block-banner-footer .text-footer-banner .banner-title-footer {
	color:#fff;
}
footer.ch-dark-theme .block-banner-footer .text-footer-banner .banner-description-footer {
	color:#E2E2E2;
}

footer.ch-light-theme .block-banner-footer {
	background: #fff;
}
@media (min-width: 768px) {
	footer.ch-dark-theme .block-banner-footer.is_a_link:hover {
		outline: 1px solid #313131;
	}
	footer.ch-light-theme .block-banner-footer.is_a_link:hover {
		box-shadow: var(--up-box-shadow-large);
	}
}
footer.ch-light-theme .block-banner-footer .icon-banner-footer i.fa,
footer.ch-light-theme .block-banner-footer .text-footer-banner .banner-title-footer {
	color:#000;
}
footer.ch-light-theme .block-banner-footer .text-footer-banner .banner-description-footer {
	color:#B1B1B1;
}

@media (max-width: 992px) {
	.banner-footer{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: row;
		flex-wrap:wrap;
	}
}

.footer-ribbon {
	background-color: #7657FF;
}
.footer-ribbon-box::after {
	background-color: #2958AC;
}
.footer-ribbon-box::after {
	content: "";
	display: block;
	height: 21px;
	right: -4px;
	position: absolute;
	top: 0;
	width: 22px;
	z-index: -1;
	display: inline-block;
	border-radius: 0px 6px 0px;
}
.footer-ribbon-box {
	position: absolute;
	top: -21px;
	max-width: 93vw;
}
@media (max-width: 360px) {
	.footer-ribbon-box {display: none;}
}
.footer-ribbon {
	padding: 10px 20px;
	border-radius: 8px;
	height: 42px;
	-moz-transform: skew(-15deg, 0deg);
	-webkit-transform: skew(-15deg, 0deg);
	-o-transform: skew(-15deg, 0deg);
	-ms-transform: skew(-15deg, 0deg);
	transform: skew(-15deg, 0deg);
}
.footer-ribbon span {
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	display: inline-block;
	-moz-transform: skew(15deg, 0deg);
	-webkit-transform: skew(15deg, 0deg);
	-o-transform: skew(15deg, 0deg);
	-ms-transform: skew(15deg, 0deg);
	transform: skew(15deg, 0deg);
}

GARNA — FILTER + SORT + PRODUCT GRID
   ЕДИНЫЙ MARKETPLACE-БЛОК
   DESKTOP ONLY
   ========================================================= */

@media (min-width: 1200px) {

    /* -----------------------------------------------------
       Убираем горизонтальные зазоры между фильтром и товарами
       ----------------------------------------------------- */

    #column-left {
        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding-right: 0 !important;
        padding-left: 0 !important;

        border: 0 !important;
    }

    #content.col-md-9,
    #content.col-sm-9 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* -----------------------------------------------------
       ФИЛЬТР — единая белая поверхность
       ----------------------------------------------------- */

    #column-left > *,
    #column-left .filter,
    #column-left .ocf-container,
    #column-left .ocfilter,
    #column-left .box {
        border-radius: 0 !important;
    }


    #column-left {
        background: #ffffff !important;

        border-top: 0.35px solid rgba(118,87,255,.22) !important;
        border-left: 0.35px solid rgba(118,87,255,.22) !important;
        border-bottom: 0.35px solid rgba(118,87,255,.22) !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       Убираем скругления у самого фильтра
       ----------------------------------------------------- */

    #column-left .box,
    #column-left .box-heading,
    #column-left .box-content,
    #column-left .ocfilter,
    #column-left .ocfilter-header,
    #column-left .ocfilter-content,
    #column-left .ocf-container,
    #column-left .ocf-content {

        border-radius: 0 !important;
    }


    /* -----------------------------------------------------
       СОРТИРОВКА — продолжение фильтра и сетки
       ----------------------------------------------------- */

    #content > .row:first-child,
    #content .product-filter,
    #content .sort-limit,
    #content .sorter,
    #content .category-refine,
    #content .products-filter,
    #content .product-sort {

        border-radius: 0 !important;
    }


    /* Верхняя панель сортировки */
    #content .product-filter,
    #content .sort-limit,
    #content .category-refine,
    #content .products-filter,
    #content .product-sort {

        background: #ffffff !important;

        border-top: 0.35px solid rgba(118,87,255,.22) !important;
        border-right: 0.35px solid rgba(118,87,255,.22) !important;
        border-bottom: 0.35px solid rgba(118,87,255,.22) !important;

        margin: 0 !important;

        min-height: 42px !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       СТЫК ФИЛЬТР ↔ ТОВАРЫ
       ----------------------------------------------------- */

    #column-left + #content {
        margin-left: 0 !important;
    }


    /* -----------------------------------------------------
       Убираем лишние отступы внутри верхней панели
       ----------------------------------------------------- */

    #content .product-filter > *,
    #content .sort-limit > *,
    #content .category-refine > *,
    #content .products-filter > *,
    #content .product-sort > * {

        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }


    /* -----------------------------------------------------
       SELECT сортировки
       ----------------------------------------------------- */

    #content select.form-control,
    #content .product-filter select,
    #content .sort-limit select {

        height: 34px !important;

        min-height: 34px !important;

        padding-top: 4px !important;
        padding-bottom: 4px !important;
        padding-left: 10px !important;
        padding-right: 28px !important;

        border-radius: 0 !important;

        border: 0.35px solid rgba(118,87,255,.25) !important;

        font-size: 12px !important;

        box-shadow: none !important;
    }


    /* -----------------------------------------------------
       Ссылки сортировки
       ----------------------------------------------------- */

    #content .product-filter a,
    #content .sort-limit a,
    #content .category-refine a,
    #content .products-filter a,
    #content .product-sort a {

        border-radius: 0 !important;

        transition:
            color .15s ease,
            background-color .15s ease !important;
    }


    #content .product-filter a:hover,
    #content .sort-limit a:hover,
    #content .category-refine a:hover,
    #content .products-filter a:hover,
    #content .product-sort a:hover {

        color: #7657FF !important;

        background-color: rgba(118,87,255,.055) !important;
    }


    /* -----------------------------------------------------
       АКТИВНАЯ СОРТИРОВКА
       ----------------------------------------------------- */

    #content .product-filter .active,
    #content .sort-limit .active,
    #content .category-refine .active,
    #content .products-filter .active,
    #content .product-sort .active {

        color: #7657FF !important;

        font-weight: 600 !important;
    }


    /* -----------------------------------------------------
       СЕТКА — вплотную к сортировке
       ----------------------------------------------------- */

    #content .product-layout.product-grid {

        margin-top: 0 !important;
    }


    /* -----------------------------------------------------
       ВЕРХНЯЯ ГРАНИЦА ПЕРВОЙ СТРОКИ
       не создаём двойной бордер
       ----------------------------------------------------- */

    #content .product-layout.product-grid:first-of-type .product-thumb {

        border-top-width: 0.35px !important;
    }


    /* -----------------------------------------------------
       ЕДИНАЯ ВЕРТИКАЛЬНАЯ ГРАНИЦА
       между фильтром и товарами
       ----------------------------------------------------- */

    #column-left {

        border-right: 0.35px solid rgba(118,87,255,.28) !important;
    }


    /* -----------------------------------------------------
       Фильтр визуально не должен иметь свою отдельную тень
       ----------------------------------------------------- */

    #column-left,
    #column-left * {

        box-shadow: none !important;
    }


    /* -----------------------------------------------------
       ЕДИНАЯ ВЫСОТА ВЕРХНЕЙ ПАНЕЛИ
       ----------------------------------------------------- */

    #content .product-filter,
    #content .sort-limit,
    #content .category-refine,
    #content .products-filter,
    #content .product-sort {

        display: flex !important;

        align-items: center !important;

        min-height: 42px !important;
    }


    /* -----------------------------------------------------
       ПОДПИСИ СОРТИРОВКИ
       ----------------------------------------------------- */

    #content .product-filter label,
    #content .sort-limit label,
    #content .category-refine label,
    #content .products-filter label,
    #content .product-sort label {

        font-size: 11px !important;

        font-weight: 500 !important;

        margin-bottom: 0 !important;

        white-space: nowrap !important;
    }


    /* -----------------------------------------------------
       VIEW MODE — GRID / LIST
       ----------------------------------------------------- */

    #content .product-filter button,
    #content .sort-limit button,
    #content .category-refine button,
    #content .products-filter button,
    #content .product-sort button {

        border-radius: 0 !important;

        box-shadow: none !important;
    }


    /* -----------------------------------------------------
       НИКАКИХ СКРУГЛЕНИЙ У MARKETPLACE-КОНТЕЙНЕРОВ
       ----------------------------------------------------- */

    #column-left,
    #column-left > *,
    #content .product-filter,
    #content .sort-limit,
    #content .category-refine,
    #content .products-filter,
    #content .product-sort {

        border-radius: 0 !important;
    }

}
/* =========================================================
   GARNA CATEGORY — ROZETKA STYLE UNIFIED DESKTOP LAYOUT
   Desktop only. Mobile is untouched.
   ========================================================= */

@media (min-width: 1200px) {

  /* Common category row becomes one continuous marketplace surface */
  body.garna-category-unified .garna-category-layout-row {
    display: grid !important;
    grid-template-columns: 290px minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    align-items: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.garna-category-unified .garna-category-layout-row > #column-left {
    width: 290px !important;
    max-width: 290px !important;
    min-width: 290px !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    border: 1px solid rgba(118,87,255,.18) !important;
    border-right-color: rgba(118,87,255,.28) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body.garna-category-unified .garna-category-layout-row > #content {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    border: 1px solid rgba(118,87,255,.18) !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  /* Filter: no floating card, no rounded outer shell */
  body.garna-category-unified #column-left > * {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.garna-category-unified #column-left .box,
  body.garna-category-unified #column-left .panel,
  body.garna-category-unified #column-left .ocfilter,
  body.garna-category-unified #column-left .ocf-container,
  body.garna-category-unified #column-left .module {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* Filter title */
  body.garna-category-unified #column-left .box-heading,
  body.garna-category-unified #column-left .panel-heading,
  body.garna-category-unified #column-left .ocfilter-header,
  body.garna-category-unified #column-left .ocf-header {
    min-height: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 16px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(118,87,255,.16) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  /* Filter content stays compact */
  body.garna-category-unified #column-left .box-content,
  body.garna-category-unified #column-left .panel-body,
  body.garna-category-unified #column-left .ocfilter-content,
  body.garna-category-unified #column-left .ocf-content {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* Sort toolbar: rectangular, dense, directly above product grid */
  body.garna-category-unified #content .ch-limit-sorts,
  body.garna-category-unified #content .localstorage,
  body.garna-category-unified #content .product-filter,
  body.garna-category-unified #content .sort-limit {
    min-height: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(118,87,255,.18) !important;
    background: #fff !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body.garna-category-unified #content .ch-limit-sorts .btn-group,
  body.garna-category-unified #content .localstorage .btn-group {
    border-radius: 0 !important;
  }

  body.garna-category-unified #content .ch-limit-sorts .btn,
  body.garna-category-unified #content .localstorage .btn,
  body.garna-category-unified #content .btn-sort-limit {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* Remove the old floating product-grid margins. */
  body.garna-category-unified #content .product-grid.product-layout,
  body.garna-category-unified #content .product-grid.wl-product-layout {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Product grid is physically attached to the sort bar. */
  body.garna-category-unified #content .row.row_items,
  body.garna-category-unified #content .row_items,
  body.garna-category-unified #content .product-grid-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Keep existing 6-column desktop GARNA product grid untouched except spacing. */
  body.garna-category-unified #content .product-layout.product-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* The filter/content divider is a single hairline. */
  body.garna-category-unified #column-left,
  body.garna-category-unified #content {
    position: relative !important;
    z-index: 1 !important;
  }

  /* No rounded corners anywhere in the desktop category shell. */
  body.garna-category-unified #column-left *,
  body.garna-category-unified #content .ch-limit-sorts * {
    --garna-category-radius: 0px;
  }

  /* Pagination should also read as part of the same surface. */
  body.garna-category-unified #content .pagination,
  body.garna-category-unified #content .pagination-container {
    margin-top: 0 !important;
    border-radius: 0 !important;
  }
}
/* =========================================================
   GARNA CATEGORY — REAL MARKETPLACE LAYOUT
   DESKTOP ONLY
   ========================================================= */

@media (min-width: 1200px) {

    /* =====================================================
       1. ОБЩИЙ КОНТЕЙНЕР
       ===================================================== */

    .garna-category-marketplace {

        display: grid !important;

        grid-template-columns: 300px minmax(0, 1fr) !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #ffffff !important;

        border: 1px solid rgba(118, 87, 255, .20) !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        overflow: hidden !important;

        align-items: stretch !important;
    }


    /* =====================================================
       2. FILTER — ЛЕВАЯ КОЛОНКА
       ===================================================== */

    .garna-category-marketplace
    #column-left {

        grid-column: 1 !important;
        grid-row: 1 !important;

        width: 300px !important;
        min-width: 300px !important;
        max-width: 300px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #ffffff !important;

        border: 0 !important;
        border-right: 1px solid rgba(118, 87, 255, .18) !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        float: none !important;
    }


    /* =====================================================
       3. CONTENT — ПРАВАЯ КОЛОНКА
       ===================================================== */

    .garna-category-marketplace
    #content {

        grid-column: 2 !important;
        grid-row: 1 !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #ffffff !important;

        border: 0 !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        float: none !important;
    }


    /* =====================================================
       4. SORT — ВЕРХ ПРАВОЙ КОЛОНКИ
       ===================================================== */

    .garna-category-marketplace
    .garna-category-sort-real {

        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 54px !important;

        margin: 0 !important;
        padding: 0 12px !important;

        background: #ffffff !important;

        border: 0 !important;
        border-bottom: 1px solid rgba(118, 87, 255, .18) !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       5. УБИРАЕМ СКРУГЛЕНИЕ У ВНУТРЕННЕЙ СОРТИРОВКИ
       ===================================================== */

    .garna-category-marketplace
    .garna-category-sort-real * {

        border-radius: 0 !important;
    }


    /* =====================================================
       6. PRODUCT AREA
       ===================================================== */

    .garna-category-marketplace
    .garna-category-products-real {

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #ffffff !important;

        border: 0 !important;

        border-radius: 0 !important;

        box-shadow: none !important;
    }


    /* =====================================================
       7. УБИРАЕМ BOOTSTRAP ROW ОТСТУПЫ
       ===================================================== */

    .garna-category-marketplace
    .garna-category-products-real.row {

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    .garna-category-marketplace
    #content .row {

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* =====================================================
       8. КАРТОЧКИ — ТОЛЬКО УБИРАЕМ ВНЕШНИЙ GUTTER
       ===================================================== */

    .garna-category-marketplace
    .product-layout.product-grid {

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        border-radius: 0 !important;
    }


    /* =====================================================
       9. ФИЛЬТР НЕ ДОЛЖЕН ИМЕТЬ ВНЕШНИЙ RADIUS
       ===================================================== */

    .garna-category-marketplace
    #column-left > * {

        border-radius: 0 !important;
    }


    /* =====================================================
       10. ВНУТРЕННИЕ СЕКЦИИ ФИЛЬТРА НЕ ТРОГАЕМ
       ===================================================== */

    .garna-category-marketplace
    #column-left .ocf-container,
    .garna-category-marketplace
    #column-left .ocf-content,
    .garna-category-marketplace
    #column-left .ocf-module {

        box-shadow: none !important;
    }


    /* =====================================================
       11. PAGINATION
       ===================================================== */

    .garna-category-marketplace
    .pagination {

        margin: 0 !important;
        padding: 10px !important;

        background: #ffffff !important;

        border-top: 1px solid rgba(118, 87, 255, .14) !important;

        border-radius: 0 !important;
    }


    /* =====================================================
       12. УБИРАЕМ СТАРЫЕ ВНЕШНИЕ СКРУГЛЕНИЯ
       ===================================================== */

    .garna-category-marketplace,
    .garna-category-marketplace #column-left,
    .garna-category-marketplace #content {

        border-radius: 0 !important;
    }


    /* =====================================================
       13. ШИРОКИЙ ЭКРАН
       ===================================================== */

    @media (min-width: 1600px) {

        .garna-category-marketplace {

            grid-template-columns:
                300px
                minmax(0, 1fr) !important;
        }

        .garna-category-marketplace
        #column-left {

            width: 300px !important;
            min-width: 300px !important;
            max-width: 300px !important;
        }
    }


    /* =====================================================
       14. ОЧЕНЬ ШИРОКИЙ ЭКРАН
       ===================================================== */

    @media (min-width: 1900px) {

        .garna-category-marketplace {

            grid-template-columns:
                310px
                minmax(0, 1fr) !important;
        }

        .garna-category-marketplace
        #column-left {

            width: 310px !important;
            min-width: 310px !important;
            max-width: 310px !important;
        }
    }

}
@media (min-width: 1200px) {

    .garna-category-marketplace
    .garna-category-sort-real {
        border-bottom: 0 !important;
    }

}

.ocf-noUi-target,
.ocf-noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; }
.ocf-noUi-base,
.ocf-noUi-connects { width: 100%; height: 18px; position: relative; z-index: 1; }
.ocf-noUi-connect,
.ocf-noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat; }
.ocf-noUi-connect { height: 100%; width: 100%; }
.ocf-noUi-origin { height: 10%; width: 10%; }
.ocf-noUi-txt-dir-rtl .ocf-noUi-origin { left: 0; right: auto; }
.ocf-noUi-origin { height: 0; }
.ocf-noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; }
.ocf-noUi-touch-area { height: 100%; width: 100%; }
.ocf-noUi-state-tap .ocf-noUi-connect,
.ocf-noUi-state-tap .ocf-noUi-origin { -webkit-transition: transform 0.3s; transition: transform 0.3s; }
.ocf-noUi-state-drag * { cursor: inherit !important; }

.ocf-noUi-handle { width: 24px; height: 24px; right: -13px; top: -3px; }
.ocf-noUi-txt-dir-rtl .ocf-noUi-handle { left: -13px; right: auto; }

.ocf-noUi-base:before,
.ocf-noUi-connect:before {
  content: "";
  border-radius: 20px;
  width: 100%;
  height: 4px;
  position: absolute; 
  top: 50%;
  margin-top: -2px;  
} 
.ocf-noUi-base:before { background-color: #eceef2; }

.ocf-noUi-connect:before,
.ocf-noUi-handle { background-color: #3366d5; }

.ocf-noUi-connects:before,
.ocf-noUi-connects:after {
  content: "";
  border-radius: 100%;
  position: absolute;
  background-color: #eceef2;
  width: 10px;
  height: 10px;
  top: 50%;
  margin-top: -5px;
}
.ocf-noUi-connects:before { left: 0; margin-left: -5px; }
.ocf-noUi-connects:after { right: 0; margin-right: -5px; }

.ocf-noUi-draggable { cursor: ew-resize; }
.ocf-noUi-handle {
  border: 3px solid #ffffff;
  border-radius: 100%;
  cursor: default;
  box-shadow: 0 3px 6px -3px #bbb;
}
.ocf-loading .ocf-noUi-handle {
  background-image: linear-gradient(45deg ,rgba(255,255,255,0.40) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.40) 50%, rgba(255,255,255,.40) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; 
  -webkit-animation: progresss 600ms linear infinite;
  animation: ocf-progress 600ms linear infinite;
}
.ocf-noUi-active { box-shadow: 0 0 0 6px #3366d540; }

[disabled].ocf-noUi-handle,
[disabled] .ocf-noUi-handle,
[disabled] .ocf-noUi-connect:before,
.ocf-loading .ocf-noUi-connect:before { background-color: #AEB5BD; }

[disabled].ocf-noUi-target,
[disabled].ocf-noUi-handle,
[disabled] .ocf-noUi-handle { cursor: not-allowed; }

.ocf-noUi-pips,
.ocf-noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; }
.ocf-noUi-pips { position: relative; color: #999; padding: 10px 0 0; height: 45px; }

.ocf-noUi-value { position: absolute; margin-top: 15px; top: 0; white-space: nowrap; text-align: center; font-size: 11px; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); }
.ocf-noUi-marker:first-child + .ocf-noUi-value, 
.ocf-noUi-value:last-child { color: #555; }
.ocf-noUi-rtl .ocf-noUi-value { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.ocf-noUi-value-sub { color: #ccc; font-size: 10px; }

.ocf-noUi-marker { position: absolute; background: #CCC; margin-left: -1px; width: 2px; margin-top: 6px; height: 3px; }
.ocf-noUi-marker:first-child, 
.ocf-noUi-marker[style*="100%"] { height: 10px; margin-top: 0; }

@keyframes ocf-progress {
  from { background-position: 0 0; }
  to { background-position: 1rem 0; }
}

/* BS */
.ocf-text-right{ text-align: right!important; }
.ocf-text-center{ text-align: center!important; }
.ocf-btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  background-color: #ECEEF2;
  border: none;
  border-radius: 4px;
}

[role="button"] { cursor: pointer; }

.ocf-btn:focus,
.ocf-btn:active:focus { outline: none; }
.ocf-btn:hover,
.ocf-btn:focus { color: #333; text-decoration: none; }
.ocf-btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, .2);
          box-shadow: inset 0 3px 6px rgba(0, 0, 0, .2);
}
.ocf-btn.ocf-disabled,
.ocf-btn[disabled] {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.65;
}
a.ocf-btn.ocf-disabled { pointer-events: none; }

.ocf-btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.ocf-btn-link,
.ocf-btn-link:active,
.ocf-btn-link[disabled]{
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ocf-btn-link:hover,
.ocf-btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.ocf-btn-link[disabled],
.ocf-btn-link[disabled]:hover,
.ocf-btn-link[disabled]:focus {
  color: #777;
  text-decoration: none;
}
.ocf-btn-block {
  display: block;
  width: 100%;  
}

.ocf-collapse{display:none}
.ocf-collapse.ocf-in{display:block}
.ocf-collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}

.ocf-input-group { position: relative; display: table; border-collapse: separate; width: 100%; }
.ocf-input-group .ocf-form-control { font-size: 14px; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; }
.ocf-input-group .ocf-form-control:focus { z-index: 3; }

.ocf-input-group-addon,
.ocf-input-group-btn,
.ocf-input-group .ocf-form-control { display: table-cell; }
.ocf-input-group-addon:not(:first-child):not(:last-child),
.ocf-input-group-btn:not(:first-child):not(:last-child),
.ocf-input-group .ocf-form-control:not(:first-child):not(:last-child) { border-radius: 0; }
.ocf-input-group-addon,
.ocf-input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; }
.ocf-input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #ECEEF2;
  border-radius: 4px;
}
.ocf-input-group .ocf-form-control:first-child,
.ocf-input-group-addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.ocf-input-group-addon:first-child { border-right: 0; }
.ocf-input-group .ocf-form-control:last-child,
.ocf-input-group-addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.ocf-input-group-addon:last-child { border-left: 0; }

.ocf-form-control,
input.ocf-form-control,
textarea.ocf-form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  margin: 0;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #eee;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, background-color ease-in-out .2s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, background-color ease-in-out .2s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, background-color ease-in-out .2s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, background-color ease-in-out .2s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .2s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .2s, -webkit-box-shadow ease-in-out .15s;
}
.ocf-form-control:focus,
input.ocf-form-control:focus,
textarea.ocf-form-control:focus {
  border-color: #5AA3C6!important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ocf-form-control::-moz-placeholder { color: #999; opacity: 1; }
.ocf-form-control:-ms-input-placeholder { color: #999; }
.ocf-form-control::-webkit-input-placeholder { color: #999; }
.ocf-form-control::-ms-expand { background-color: transparent; border: 0; }
.ocf-form-control[disabled],
.ocf-form-control[readonly] { background-color: #eeeeee; opacity: 1; }
.ocf-form-control[disabled] { cursor: not-allowed; }

.ocf-invisible{visibility:hidden;}
.ocf-hidden{display:none!important;}
.ocf-overflow-hidden{overflow: hidden!important;}
.ocf-clearfix::before,
.ocf-clearfix::after{ display: table; content: ""; clear: both; width: 100%; }

@-ms-viewport{width:device-width;}


/* OCFILTER MAKEUP */

/* Hide input number spinner */
/* Chrome, Safari, Edge, Opera */
.ocf-form-control[type="number"]::-webkit-outer-spin-button,
.ocf-form-control[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.ocf-form-control[type="number"] {
  -moz-appearance: textfield;
}

/* HELPER */
.ocf-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  min-width: 12px;
  min-height: 12px;  
  display: inline-block;
  vertical-align: middle; 
}

.ocf-icon-16 {
  min-width: 16px;
  min-height: 16px;
}

.ocf-sliders {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M11.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM9.05 3a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0V3h9.05zM4.5 7a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM2.05 8a2.5 2.5 0 0 1 4.9 0H16v1H6.95a2.5 2.5 0 0 1-4.9 0H0V8h2.05zm9.45 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm-2.45 1a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0v-1h9.05z'/%3e%3c/svg%3e");
}

.ocf-angle {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' width='12' height='12' viewBox='0 0 16 16'%3e%3cpath d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3e%3c/svg%3e");
}

.ocf-angle-up{}
.ocf-angle-right{ transform: rotate(90deg); }
.ocf-angle-down{ transform: rotate(180deg); }
.ocf-angle-left{ transform: rotate(-90deg); }

.ocf-arrow-long {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z'/%3e%3c/svg%3e");
}

.ocf-arrow-up{}
.ocf-arrow-right{ transform: rotate(90deg); }
.ocf-arrow-down{ transform: rotate(180deg); }
.ocf-arrow-left{ transform: rotate(-90deg); }

.ocf-times-circle {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%236B7275' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z'/%3e%3c/svg%3e");  
}

.ocf-times {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%236B7275' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M1.293 1.293a1 1 0 0 1 1.414 0L8 6.586l5.293-5.293a1 1 0 1 1 1.414 1.414L9.414 8l5.293 5.293a1 1 0 0 1-1.414 1.414L8 9.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L6.586 8 1.293 2.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");  
}

.ocf-help-circle {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z'/%3e%3c/svg%3e");  
}

.ocf-minus-circle {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7z'/%3e%3c/svg%3e");  
}

.ocf-between {
  display: flex!important;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
}

.ocf-collapse,
.ocf-collapsing{ width: 100%; }

[aria-expanded="false"] > .ocf-hide-expand-0{ display: none; }
[aria-expanded="true"] > .ocf-hide-expand-1{ display: none; }

/* Indicate mobile for JS */
.ocf-is-mobile{ display: none; height: 0; overflow: hidden; }

.ocf-mobile{ display: none; }

/* COMMON STYLE */
.ocf-container,
.ocf-filter-list { overflow-anchor: auto; }

.ocf-header{ font-size: 20px; line-height: 1.2; display: flex; align-items: center; }
  .ocf-header .ocf-brand{ margin-right: 10px; }

.ocf-hidden-filters-divider {
  margin-bottom: 45px;
  position: relative;
  top: 15px;  
  text-align: center;
  height: 1px;
}

.ocf-hidden-filters-divider > span{ 
  cursor: pointer; 
  padding: 1px 10px;
  border-radius: 15px;
  vertical-align: top;
  margin-top: -10px;
  display: inline-block; 
}

/* FILTER ITEM */
.ocf-filter-header{ 
  display: flex;
  align-items: center;
  font-style: normal;
  line-height: 1.5;
  cursor: default;
}
.ocf-more-selected {
  background-color: rgba(0 0 0 / 12%);
  padding: 1px 5px;
  border-radius: 2px;
  font-size: 12px;
  color: #444;
}
.ocf-filter-name,
.ocf-active-label { font-size: inherit; font-weight: inherit; line-height: inherit;}

.ocf-filter-header-append{ margin-left: auto; display: flex; align-items: center; order: 9; }    
  .ocf-filter-header-append > * { min-width: 16px; }
    .ocf-filter-discard{ display: none; cursor: pointer; }        
    
/* FILTER VALUE LIST */    
.ocf-collapse-value .ocf-value-list {
  border-top: 1px solid #e0e1e5;
  margin-top: 10px;
} 

  .ocf-collapse-value .ocf-value-list-body { padding-top: 10px; }
    
/* FILTER VALUE ITEM */
.ocf-value,
.ocf-value:active,
.ocf-value:focus,
.ocf-value:visited,
.ocf-value:hover {
  cursor: pointer;
  font-weight: normal;
  font-style: normal;  
  display: flex;
  font-size: 13px;
  width: 100%!important;
  color: #353535;
  flex-wrap: nowrap;
  align-items: flex-start;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  line-height: 1.5;
  height: auto!important;
  margin-bottom: 6px;
  text-transform: none;
  background: transparent;
  box-shadow: none;
  border: none;
  outline: none;
}

.ocf-value:last-child{ margin-bottom: 0; }

.ocf-value.ocf-disabled, 
.ocf-value[disabled], 
.ocf-value:disabled {
  color: #AEB5BD;
  cursor: not-allowed;
}

  /* Image, Color */
  .ocf-value-image,
  .ocf-value-color { 
    position: relative;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    margin-right: 10px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 200ms;
  }

  .ocf-selected .ocf-value-image,
  .ocf-selected .ocf-value-color { box-shadow: inset 0 0 0 2px #fff; border-color: #65A2C7; }

  .ocf-disabled .ocf-value-image,
  .ocf-disabled .ocf-value-color { opacity: 0.25; filter: saturate(0.5); }

  .ocf-value-image + .ocf-value-name,
  .ocf-value-color + .ocf-value-name{ align-self: center; }

  /* Input */
  .ocf-value-input{ position: relative; width: 16px; height: 16px; flex: 0 0 16px; margin-right: 10px; margin-top: 2px; }

  .ocf-value-input::before,
  .ocf-value-input::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
  }

  .ocf-value-input::before {
    pointer-events: none;
    background-color: #fff;
    border: #adb5bd solid 1px;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  @media (prefers-reduced-motion: reduce) {
    .ocf-value-input::before { transition: none; }
  }

  .ocf-value:active .ocf-value-input::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .ocf-value:focus:not(:active) .ocf-value-input::before { border-color: #328ca7; }
  .ocf-value:not(.ocf-disabled):active .ocf-value-input::before { color: #fff; background-color: #4fa6d966; border-color: transparent; }

  .ocf-value.ocf-disabled .ocf-value-input::before, 
  .ocf-value[disabled] .ocf-value-input::before, 
  .ocf-value:disabled .ocf-value-input::before { background-color: #eceef2; }
   
  .ocf-selected .ocf-value-input::before { color: #fff; border-color: #3366D5; background-color: #3366D5; }

  .ocf-value .ocf-value-input::after { background-repeat: no-repeat; background-position: center; background-size: 8px; }

  /* Checkbox */
  .ocf-value-input-checkbox::before { border-radius: 2px; }

  .ocf-value:active .ocf-value-input-checkbox::before {
    border-color: #328ca7;
    background-color: #219ac7;
  }

  .ocf-value.ocf-selected.ocf-disabled .ocf-value-input-checkbox::before,
  .ocf-value.ocf-disabled:active .ocf-value-input-checkbox::before { background-color: rgb(33 154 200 / 50%); }
  
  .ocf-selected .ocf-value-input-checkbox::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
  }

  .ocf-value.ocf-selected:active .ocf-value-input-checkbox::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
  }

  /* Radio */
  .ocf-value-input-radio::before { border-radius: 50%; }
  .ocf-value.ocf-selected.ocf-disabled .ocf-value-input-radio::before { background-color: rgba(0, 123, 255, 0.5); }

  .ocf-value.ocf-selected .ocf-value-input-radio::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  }

  .ocf-value.ocf-selected:active .ocf-value-input-radio::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
  }

  .ocf-value-name{margin-right: 5px;word-break: break-word;text-align: left; font-size: inherit;}
  .ocf-auto-column .ocf-value-name{ white-space: nowrap; }
  .ocf-value-append{margin-left: auto; min-width: 50px; text-align: right; }
  .ocf-auto-column .ocf-value-append {min-width: auto;}

    .ocf-value-count { padding: 2px 6px; font-size: 11px; font-weight: 400; }
    .ocf-value-count .ocf-num-abbr { font-weight: 600; color: #DB5C68; }

    .ocf-selected .ocf-value-count,
    .ocf-value-count:empty{ display: none;}  
    .ocf-disabled .ocf-value-count{  color: #b5b9c1;}  

.ocf-search-btn-static,
.ocf-search-btn-popover {
  padding-top: 9px;
  padding-bottom: 9px;
}

/* SEO PAGES */   
.ocf-page-list-top,
.ocf-page-list-bottom {
  position: relative;
  z-index: 3;
}
.ocf-page-list-top{ margin-bottom: 5px; }
.ocf-page-list-bottom{ margin-top: 25px; }

  .ocf-page-group{ margin-bottom: 10px; display: flex; align-items: start; }
    .ocf-page-group-name{ font-weight: bold; font-size: 14px; margin-top: 3px; margin-right: 15px; width: 150px; flex: 0 0 150px; }
    
    .ocf-category-page-list {
      max-height: 135px;
      list-style-type: none;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      margin: 0 -5px;
      overflow-y: scroll;
      overflow-x: hidden;
    }
    .ocf-category-page-list::-webkit-scrollbar        { width: 8px; }     
    .ocf-category-page-list::-webkit-scrollbar-track  { background-color: transparent; border-radius: 10px; }          
    .ocf-category-page-list::-webkit-scrollbar-thumb  { background-color: #DFE3ED; border-radius: 10px; }   
    .ocf-category-page-list:hover::-webkit-scrollbar-thumb  { background-color: #9096A4; }

    .ocf-category-page-list::-webkit-scrollbar-corner       { display: none; }
    .ocf-category-page-list::-webkit-resizer                { display: none; }  
    
      .ocf-category-page-list li { margin-bottom: 10px; }
      .ocf-category-page-list li.ocf-page-selected {  }
      
        .ocf-category-page-list a {
          background-color: #eceef2;
          padding: 3px 7px;
          border-radius: 7px;
          color: #3a3c40;
          display: block;
          font-size: 13px;
          align-items: center;
          font-weight: normal;
          margin: 0 5px;
          min-height: 100%;
          text-decoration: none;
        }

        .ocf-category-page-list .ocf-page-selected a{ background-color: #656565; color: #fff; }
        .ocf-category-page-list .ocf-page-selected a:after{
          content: "";
          width: 12px;
          height: 12px;
          display: inline-block;
          color: #656565;
          vertical-align: top;
          margin-left: 5px;
          margin-top: 4px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23fff' fill-opacity='0.8' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z'/%3e%3c/svg%3e");  
        }

/* LIGHT THEME */
.ocf-theme-light .ocf-text-danger { color: #D1524C; }

.ocf-theme-light .ocf-hidden-filters-divider { background-color: #ebebeb; }
.ocf-theme-light .ocf-hidden-filters-divider > span { background-color: #eceef2; color: #a0a4a6; box-shadow: 0 0 0 10px #fff; font-size: 13px; }     
.ocf-theme-light .ocf-hidden-filters-divider > span:hover { background-color: #cbced4; color: #575c5f; }
.ocf-theme-light .ocf-hidden-filters-divider > span .ocf-icon{ filter: brightness(1.3); }
.ocf-theme-light .ocf-hidden-filters-divider > span:hover .ocf-icon{ filter: brightness(0.7); }

.ocf-theme-light .ocf-filter-header { color: #444; }

.ocf-theme-light .ocf-value-count { background-color: #eceef2; border-radius: 50px; color: #46494e; }

.ocf-theme-light .ocf-footer { background-color: #ffffff; box-shadow: -10px -10px 10px 0px #ffffff; }

.ocf-theme-light .ocf-search-btn-static:hover,
.ocf-theme-light .ocf-search-btn-popover:hover {
  background-color: #596063;
}

.ocf-theme-light .ocf-search-btn-static:focus,
.ocf-theme-light .ocf-search-btn-static:active,
.ocf-theme-light .ocf-search-btn-popover:focus,
.ocf-theme-light .ocf-search-btn-popover:active {
  background-color: #596063;
}

.ocf-theme-light .ocf-search-btn-static,
.ocf-theme-light .ocf-search-btn-popover,
.ocf-theme-light .ocf-search-btn-static.ocf-disabled,
.ocf-theme-light .ocf-search-btn-popover.ocf-disabled {
  background-color: #6a7275;
  color: #fff;
} 

/* LIGHT BLOCK THEME */
.ocf-theme-light-block .ocf-noUi-connects:before, 
.ocf-theme-light-block .ocf-noUi-connects:after,
.ocf-theme-light-block .ocf-noUi-base:before {
  background-color: #81858c;
}

.ocf-theme-light-block .ocf-text-danger { color: #D1524C; }
.ocf-theme-light-block .ocf-footer { background-color: #ffffff; box-shadow: 0px -10px 10px 0px #ffffff; }

.ocf-theme-light-block .ocf-hidden-filters-divider { background-color: #ebebeb; }
.ocf-theme-light-block .ocf-hidden-filters-divider > span { background-color: #eceef2; color: #a0a4a6; box-shadow: 0 0 0 10px #fff;}     
.ocf-theme-light-block .ocf-hidden-filters-divider > span:hover { background-color: #cbced4; color: #575c5f; }
.ocf-theme-light-block .ocf-hidden-filters-divider > span .ocf-icon { filter: brightness(1.3); }
.ocf-theme-light-block .ocf-hidden-filters-divider > span:hover .ocf-icon { filter: brightness(0.7); }

.ocf-theme-light-block .ocf-input-group-addon { background-color: #DEE2E6; }
.ocf-theme-light-block .ocf-form-control { border-color: #DEE2E6; border-width: 2px; }

.ocf-theme-light-block .ocf-search-btn-static:hover,
.ocf-theme-light-block .ocf-search-btn-popover:hover {
  background-color: #596063;
}

.ocf-theme-light-block .ocf-search-btn-static:focus,
.ocf-theme-light-block .ocf-search-btn-static:active,
.ocf-theme-light-block .ocf-search-btn-popover:focus,
.ocf-theme-light-block .ocf-search-btn-popover:active {
  background-color: #596063;
}

.ocf-theme-light-block .ocf-search-btn-static,
.ocf-theme-light-block .ocf-search-btn-popover,
.ocf-theme-light-block .ocf-search-btn-static.ocf-disabled,
.ocf-theme-light-block .ocf-search-btn-popover.ocf-disabled {
  background-color: #6a7275;
  color: #fff;
}
/* =========================================================

GARNA MOBILE FILTER + SORT
   PRIME / GARNA FUTURE UI
   ========================================================= */

.garna-mobile-filter-sort {
	display: none;
}


/* =========================================================
   MOBILE ONLY
   ========================================================= */

@media (max-width: 767px) {

	/* -----------------------------------------------------
	   MAIN BAR
	   ----------------------------------------------------- */

	.garna-mobile-filter-sort {
		display: flex !important;

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

		margin: 0 0 12px 0;
		padding: 0;

		gap: 1px;

		position: relative;
		z-index: 50;
	}


	/* -----------------------------------------------------
	   FILTER BUTTON
	   ----------------------------------------------------- */

	.garna-mobile-filter-btn {

		position: relative;

		flex: 1 1 50%;
		width: 50%;
		height: 42px;
		min-height: 42px;

		display: flex;
		align-items: center;
		justify-content: center;

		gap: 8px;

		padding: 0 12px;

		border: 0 !important;
		border-radius: 7px 0 0 7px !important;

		outline: none !important;

		background:
			linear-gradient(
				135deg,
				#58c879 0%,
				#3db968 50%,
				#2ca65a 100%
			) !important;

		color: #ffffff !important;

		font-family: inherit;
		font-size: 14px;
		font-weight: 600;
		line-height: 1;

		cursor: pointer;

		box-shadow:
			inset 0 1px 0 rgba(255,255,255,.16),
			inset 0 -1px 0 rgba(0,0,0,.08),
			0 3px 12px rgba(40,170,90,.16);

		-webkit-tap-highlight-color: transparent;

		transition:
			transform .15s ease,
			background .15s ease,
			box-shadow .15s ease;
	}


	.garna-mobile-filter-btn:active {

		transform: translateY(1px);

		box-shadow:
			inset 0 2px 4px rgba(0,0,0,.15);
	}


	.garna-mobile-filter-btn svg {

		width: 18px;
		height: 18px;

		flex: 0 0 18px;

		fill: currentColor;

		display: block;
	}


	/* -----------------------------------------------------
	   SORT WRAPPER
	   ----------------------------------------------------- */

	.garna-mobile-sort-wrap {

		position: relative;

		flex: 1 1 50%;
		width: 50%;

		height: 42px;
		min-height: 42px;

		margin: 0 !important;
		padding: 0 !important;
	}


	/* -----------------------------------------------------
	   SORT BUTTON
	   ----------------------------------------------------- */

	.garna-mobile-sort-btn {

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

		display: flex;
		align-items: center;
		justify-content: center;

		gap: 8px;

		padding: 0 11px;

		border: 0 !important;
		border-left: 1px solid rgba(255,255,255,.08) !important;

		border-radius: 0 7px 7px 0 !important;

		outline: none !important;

		background:
			linear-gradient(
				135deg,
				#2b2137 0%,
				#21182c 55%,
				#191322 100%
			) !important;

		color: #f4eff8 !important;

		font-family: inherit;
		font-size: 14px;
		font-weight: 600;
		line-height: 1;

		cursor: pointer;

		box-shadow:
			inset 0 1px 0 rgba(255,255,255,.045),
			inset 0 -1px 0 rgba(0,0,0,.20),
			0 3px 12px rgba(0,0,0,.20);

		-webkit-tap-highlight-color: transparent;

		transition:
			transform .15s ease,
			background .15s ease,
			box-shadow .15s ease;
	}


	.garna-mobile-sort-btn:active {

		transform: translateY(1px);
	}


	/* -----------------------------------------------------
	   SORT ICON
	   ----------------------------------------------------- */

	.garna-mobile-sort-btn .garna-sort-icon {

		width: 18px;
		height: 18px;

		flex: 0 0 18px;

		display: block;

		fill: none !important;

		stroke: currentColor;
		stroke-width: 1.8;

		stroke-linecap: round;
		stroke-linejoin: round;
	}


	/* -----------------------------------------------------
	   CHEVRON
	   ----------------------------------------------------- */

	.garna-mobile-sort-btn .garna-sort-chevron {

		width: 14px;
		height: 14px;

		flex: 0 0 14px;

		margin-left: 2px;

		display: block;

		fill: none !important;

		stroke: currentColor;
		stroke-width: 1.8;

		stroke-linecap: round;
		stroke-linejoin: round;

		transition: transform .18s ease;
	}


	.garna-mobile-sort-wrap.open
	.garna-sort-chevron {

		transform: rotate(180deg);
	}


	/* =====================================================
	   SORT DROPDOWN
	   ===================================================== */

	.garna-mobile-sort-dropdown {

		position: absolute !important;

		top: 100%;
		left: 0;

		width: 100% !important;
		min-width: 100% !important;

		margin-top: 6px !important;

		padding: 5px !important;

		background:
			linear-gradient(
				180deg,
				#292034 0%,
				#1b1524 100%
			) !important;

		border: 1px solid rgba(172,132,205,.16) !important;

		border-radius: 8px !important;

		box-shadow:
			0 16px 40px rgba(0,0,0,.42),
			0 4px 14px rgba(85,50,115,.14) !important;

		overflow: hidden;

		z-index: 99999 !important;
	}


	/* -----------------------------------------------------
	   DROPDOWN ITEMS
	   ----------------------------------------------------- */

	.garna-mobile-sort-dropdown > li {

		display: block;

		margin: 0 !important;
		padding: 0 !important;

		list-style: none;

		background: transparent !important;
	}


	.garna-mobile-sort-dropdown > li + li {

		border-top: 1px solid rgba(255,255,255,.045);
	}


	.garna-mobile-sort-dropdown .btn-sort-link {

		display: flex !important;
		align-items: center;

		width: 100% !important;
		min-height: 40px;

		margin: 0 !important;
		padding: 0 12px !important;

		border: 0 !important;
		border-radius: 6px !important;

		background: transparent !important;

		color: #d8d1df !important;

		font-family: inherit;
		font-size: 13px;
		font-weight: 500;

		line-height: 1.2;

		text-align: left;

		box-shadow: none !important;

		transition:
			background .15s ease,
			color .15s ease;
	}


	.garna-mobile-sort-dropdown .btn-sort-link:active,
	.garna-mobile-sort-dropdown .btn-sort-link:hover {

		background: rgba(135,83,173,.14) !important;

		color: #ffffff !important;
	}


	/* ACTIVE SORT */

	.garna-mobile-sort-dropdown > li.active .btn-sort-link {

		background:
			linear-gradient(
				90deg,
				rgba(137,84,175,.28),
				rgba(137,84,175,.08)
			) !important;

		color: #ffffff !important;

		font-weight: 600;
	}


	/* =====================================================
	   ORIGINAL PRIME CONTROLS
	   HIDE ONLY ON MOBILE
	   ===================================================== */

	.ch-limit-sorts {

		display: none !important;
	}


	/* =====================================================
	   TOOLBAR LAYOUT
	   ===================================================== */

	.view-box > .row > .localstorage {

		display: flex !important;

		flex-wrap: wrap;

		align-items: center;

		width: 100%;
	}


	/* =====================================================
	   VIEW SWITCHER
	   ===================================================== */

	.product_list_toolbar {

		margin-left: auto;

		position: relative;

		z-index: 10;
	}


	/* =====================================================
	   OLD OCFILTER FLOATING BUTTON
	   
	   IMPORTANT:
	   Do NOT display:none.
	   We still need the element in DOM because
	   garnaOpenMobileFilter() triggers its click().
	   ===================================================== */



	/* =====================================================
	   PREVENT PRIME FROM ADDING EXTRA SPACING
	   ===================================================== */

	.garna-mobile-filter-sort + .ch-limit-sorts {

		margin: 0 !important;
		padding: 0 !important;
	}


	/* =====================================================
	   WHEN SORT DROPDOWN IS OPEN
	   ===================================================== */

	.garna-mobile-sort-wrap.open
	.garna-mobile-sort-btn {

		background:
			linear-gradient(
				135deg,
				#31243e 0%,
				#251b31 55%,
				#1d1628 100%
			) !important;

		color: #ffffff !important;
	}


	/* =====================================================
	   BOOTSTRAP DROPDOWN RESET
	   ===================================================== */

	.garna-mobile-sort-wrap .dropdown-menu {

		right: auto !important;

		float: none !important;

		text-align: left;
	}


	/* =====================================================
	   TOUCH
	   ===================================================== */

	.garna-mobile-filter-btn,
	.garna-mobile-sort-btn,
	.garna-mobile-sort-dropdown .btn-sort-link {

		touch-action: manipulation;
		user-select: none;
		-webkit-user-select: none;
	}

}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 380px) {

	.garna-mobile-filter-sort {

		height: 40px;
		min-height: 40px;

		margin-bottom: 10px;
	}


	.garna-mobile-filter-btn,
	.garna-mobile-sort-wrap,
	.garna-mobile-sort-btn {

		height: 40px;
		min-height: 40px;
	}


	.garna-mobile-filter-btn,
	.garna-mobile-sort-btn {

		font-size: 13px;

		gap: 6px;

		padding-left: 9px;
		padding-right: 9px;
	}


	.garna-mobile-filter-btn svg {

		width: 17px;
		height: 17px;

		flex-basis: 17px;
	}


	.garna-mobile-sort-btn .garna-sort-icon {

		width: 17px;
		height: 17px;

		flex-basis: 17px;
	}


	.garna-mobile-sort-btn .garna-sort-chevron {

		width: 13px;
		height: 13px;

		flex-basis: 13px;
	}

}

/* =========================================================

/* =========================================================
   GARNA FIX — DESKTOP OCFilter CONTENT MUST NOT HIDE UNDER NEXT HEADER
   The OCFilter collapse script can leave an inline/fixed height on the
   opened section. That makes the next .ocf-filter-header move upward and
   visually cover the values. Desktop only; mobile is untouched.
   ========================================================= */
@media (min-width:1200px) {
  #column-left .ocf-container .ocf-filter,
  #column-left .ocf-container .ocf-filter-list {
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }

  #column-left .ocf-container .ocf-collapse.ocf-in,
  #column-left .ocf-container .ocf-collapse-value,
  #column-left .ocf-container .ocf-collapse-value.ocf-in {
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  #column-left .ocf-container .ocf-collapsing {
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  #column-left .ocf-container .ocf-filter-header,
  #column-left .ocf-container .ocf-collapse-value,
  #column-left .ocf-container .ocf-value-list,
  #column-left .ocf-container .ocf-value-list-body {
    position:relative!important;
  }

  /* Never allow the following filter header to paint over open values. */
  #column-left .ocf-container .ocf-filter-header {
    z-index:2!important;
  }
  #column-left .ocf-container .ocf-collapse-value {
    z-index:1!important;
  }
}

/* =========================================================
   GARNA FIX V5 — DESKTOP: OPEN CONTENT MUST OCCUPY REAL FLOW HEIGHT
   Keep OCFilter collapse logic untouched. This only prevents an open
   section from being taken out of normal document flow / overlapped by
   the next filter header. Mobile is untouched.
   ========================================================= */
@media (min-width:1200px) {
  #column-left .ocf-container .ocf-filter {
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    float:none!important;
    clear:both!important;
  }

  #column-left .ocf-container .ocf-filter-header {
    position:relative!important;
    display:flex!important;
    width:100%!important;
    box-sizing:border-box!important;
    float:none!important;
    clear:both!important;
  }

  /* The collapse wrapper remains controlled by OCFilter.
     We only neutralize animation/inline height after it is open. */
  #column-left .ocf-container .ocf-filter > .ocf-collapse.ocf-in,
  #column-left .ocf-container .ocf-filter > .ocf-collapse-value.ocf-in {
    display:block!important;
    position:static!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    float:none!important;
    clear:both!important;
    box-sizing:border-box!important;
  }

  #column-left .ocf-container .ocf-filter > .ocf-collapsing {
    position:static!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    float:none!important;
    clear:both!important;
  }

  #column-left .ocf-container .ocf-collapse-value {
    position:static!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    float:none!important;
    clear:both!important;
    box-sizing:border-box!important;
  }

  #column-left .ocf-container .ocf-collapse-value .ocf-value-list,
  #column-left .ocf-container .ocf-collapse-value .ocf-value-list-body {
    position:static!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    float:none!important;
    clear:both!important;
  }

  /* Extra bottom space belongs to the open filter itself,
     so the next header can never cover the last value. */
  #column-left .ocf-container .ocf-collapse-value {
    padding-bottom:18px!important;
  }
}

/* =========================================================
   GARNA MARKETPLACE FILTER V7
   Desktop redesign: dense marketplace / Rozetka / Prom style
   Mobile intentionally untouched.
   ========================================================= */
@media (min-width:1200px) {
  #column-left .ocf-container{
    --garna-purple:#7657FF;
    --garna-purple-dark:#6548E8;
    --garna-purple-soft:#F5F2FF;
    --garna-border:#E6E7EB;
    --garna-border-strong:#D8DAE0;
    --garna-text:#16181D;
    --garna-text-2:#30343B;
    --garna-muted:#737780;
    --garna-hover:#F8F7FC;
    --garna-selected:#F1EEFF;
    background:#fff!important;
    color:var(--garna-text)!important;
  }

  /* FILTER = clean marketplace blocks, not cards inside cards */
  #column-left .ocf-container .ocf-filter{
    border-bottom:1px solid var(--garna-border)!important;
    background:#fff!important;
    margin:0!important;
    padding:0!important;
  }
  #column-left .ocf-container .ocf-filter:last-child{border-bottom:0!important;}

  /* HEADER: compact, strong, calm */
  #column-left .ocf-container .ocf-filter-header{
    min-height:48px!important;
    padding:0 14px!important;
    gap:8px!important;
    color:var(--garna-text)!important;
    background:#fff!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:20px!important;
    cursor:pointer!important;
    transition:background-color .12s ease!important;
  }
  #column-left .ocf-container .ocf-filter-header:hover{
    background:var(--garna-hover)!important;
    color:var(--garna-text)!important;
  }
  #column-left .ocf-container .ocf-filter-header-append{
    margin-left:auto!important;
    gap:7px!important;
  }
  #column-left .ocf-container .ocf-filter-header .ocf-angle,
  #column-left .ocf-container .ocf-filter-header .ocf-arrow-long{
    width:12px!important;
    height:12px!important;
    min-width:12px!important;
    min-height:12px!important;
    opacity:.58!important;
  }
  #column-left .ocf-container .ocf-more-selected{
    margin-left:2px!important;
    padding:1px 6px!important;
    min-height:18px!important;
    border-radius:9px!important;
    background:var(--garna-purple-soft)!important;
    color:var(--garna-purple-dark)!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:16px!important;
  }

  /* OPEN AREA */
  #column-left .ocf-container .ocf-collapse-value{
    padding:0 14px 13px!important;
    background:#fff!important;
  }
  #column-left .ocf-container .ocf-collapse-value .ocf-value-list{
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  #column-left .ocf-container .ocf-collapse-value .ocf-value-list-body{
    padding:2px 0 0!important;
  }

  /* VALUES: compact but not crushed */
  #column-left .ocf-container .ocf-value,
  #column-left .ocf-container .ocf-value:hover,
  #column-left .ocf-container .ocf-value:focus,
  #column-left .ocf-container .ocf-value:active{
    min-height:30px!important;
    margin:0 0 1px!important;
    padding:4px 7px!important;
    border-radius:5px!important;
    color:var(--garna-text-2)!important;
    background:transparent!important;
    font-size:13px!important;
    font-weight:400!important;
    line-height:20px!important;
    align-items:center!important;
  }
  #column-left .ocf-container .ocf-value:hover{
    background:var(--garna-hover)!important;
    color:#5138CC!important;
  }
  #column-left .ocf-container .ocf-value.ocf-selected{
    background:var(--garna-selected)!important;
    color:#4D32C9!important;
    font-weight:600!important;
  }

  /* CHECKBOXES: crisp marketplace style */
  #column-left .ocf-container .ocf-value-input{
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
    margin:0 9px 0 0!important;
  }
  #column-left .ocf-container .ocf-value-input::before{
    width:16px!important;
    height:16px!important;
    border:1px solid #B9BDC5!important;
    border-radius:4px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  #column-left .ocf-container .ocf-value-input-radio::before{border-radius:50%!important;}
  #column-left .ocf-container .ocf-value:hover .ocf-value-input::before{border-color:#9A8CF1!important;}
  #column-left .ocf-container .ocf-selected .ocf-value-input::before{
    background:var(--garna-purple)!important;
    border-color:var(--garna-purple)!important;
  }
  #column-left .ocf-container .ocf-value-name{
    margin:0!important;
    color:inherit!important;
    font-size:13px!important;
    font-weight:inherit!important;
    line-height:20px!important;
  }
  #column-left .ocf-container .ocf-value-append{
    min-width:0!important;
    margin-left:auto!important;
    padding-left:8px!important;
  }
  #column-left .ocf-container .ocf-value-count,
  #column-left .ocf-container .ocf-value-count .ocf-num-abbr{
    padding:0!important;
    background:transparent!important;
    color:#858A92!important;
    font-size:11px!important;
    font-weight:400!important;
    line-height:18px!important;
  }
  #column-left .ocf-container .ocf-selected .ocf-value-count,
  #column-left .ocf-container .ocf-selected .ocf-value-count .ocf-num-abbr{color:#7563D8!important;}

  /* SEARCH / PRICE INPUTS */
  #column-left .ocf-container .ocf-form-control,
  #column-left .ocf-container input.ocf-form-control,
  #column-left .ocf-container textarea.ocf-form-control{
    height:36px!important;
    min-height:36px!important;
    padding:0 10px!important;
    border:1px solid var(--garna-border-strong)!important;
    border-radius:5px!important;
    background:#fff!important;
    color:#22252A!important;
    font-size:13px!important;
    box-shadow:none!important;
  }
  #column-left .ocf-container .ocf-form-control:focus{
    border-color:#A99CF8!important;
    box-shadow:0 0 0 2px rgba(118,87,255,.09)!important;
    outline:none!important;
  }

  /* PRICE RANGE: ultra-thin, neutral rail + purple active segment */
  #column-left .ocf-container .ocf-noUi-base,
  #column-left .ocf-container .ocf-noUi-connects{
    height:22px!important;
  }
  #column-left .ocf-container .ocf-noUi-base::before,
  #column-left .ocf-container .ocf-noUi-connect::before{
    top:50%!important;
    height:3px!important;
    margin-top:-1.5px!important;
    border-radius:99px!important;
  }
  #column-left .ocf-container .ocf-noUi-base::before{background:#E1E3E7!important;}
  #column-left .ocf-container .ocf-noUi-connect::before{background:var(--garna-purple)!important;}
  #column-left .ocf-container .ocf-noUi-connects::before,
  #column-left .ocf-container .ocf-noUi-connects::after{display:none!important;}
  #column-left .ocf-container .ocf-noUi-handle{
    width:16px!important;
    height:16px!important;
    right:-8px!important;
    top:3px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:2px solid var(--garna-purple)!important;
    border-radius:50%!important;
    box-shadow:0 1px 3px rgba(20,22,28,.20)!important;
    cursor:pointer!important;
  }
  #column-left .ocf-container .ocf-noUi-handle::before,
  #column-left .ocf-container .ocf-noUi-handle::after{display:none!important;}
  #column-left .ocf-container .ocf-noUi-handle:hover,
  #column-left .ocf-container .ocf-noUi-active{box-shadow:0 0 0 3px rgba(118,87,255,.10)!important;}
  #column-left .ocf-container .ocf-noUi-value{
    color:#676C75!important;
    font-size:10px!important;
    font-weight:500!important;
  }

  /* FOOTER / APPLY */
  #column-left .ocf-container .ocf-footer{
    padding:12px 14px!important;
    background:#fff!important;
    border-top:1px solid var(--garna-border)!important;
    box-shadow:none!important;
  }
  #column-left .ocf-container .ocf-search-btn-static,
  #column-left .ocf-container .ocf-search-btn-popover{
    min-height:38px!important;
    height:38px!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:5px!important;
    background:var(--garna-purple)!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:38px!important;
    box-shadow:none!important;
    transition:background .12s ease,box-shadow .12s ease!important;
  }
  #column-left .ocf-container .ocf-search-btn-static:hover,
  #column-left .ocf-container .ocf-search-btn-popover:hover{
    background:var(--garna-purple-dark)!important;
    box-shadow:0 3px 10px rgba(118,87,255,.16)!important;
  }

  /* CLEAN SCROLLBAR FOR LONG FILTERS */
  #column-left .ocf-container::-webkit-scrollbar{width:5px!important;}
  #column-left .ocf-container::-webkit-scrollbar-track{background:transparent!important;}
  #column-left .ocf-container::-webkit-scrollbar-thumb{background:#D8D9DE!important;border-radius:99px!important;}
  #column-left .ocf-container::-webkit-scrollbar-thumb:hover{background:#B9BAC2!important;}
}


/* ============================================================
   GARNA DESIGN SYSTEM — FINAL CLEAN PRODUCT ARCHITECTURE
   2026-09-26

   IMPORTANT:
   - This is the SINGLE final product-card layer.
   - Previous product-card/image/module fixes are intentionally removed.
   - Desktop product cards: >= 1200px.
   - Mobile/theme CSS below 1200px is not overridden by this layer.
   - Category and product modules use the same card geometry.
   - Images NEVER stretch/distort: object-fit: contain.
   ============================================================ */


/* ============================================================
   GARNA — DESKTOP CATEGORY + MODULE GRID
   ============================================================ */

@media (min-width:1200px) {

    :root {
        --garna-card-columns: 6;
        --garna-card-image-h: 140px;
        --garna-card-image-max: 128px;
        --garna-card-height: 342px;

        --garna-purple: #7657FF;
        --garna-purple-dark: #6849F4;
        --garna-purple-soft: #F4F1FF;

        --garna-card-border: rgba(118,87,255,.20);
        --garna-card-border-hover: rgba(118,87,255,.55);

        --garna-card-text: #17191D;
        --garna-card-muted: #858A93;

        --garna-rating-empty: #C9CCD2;
        --garna-rating-active: #F59E0B;
    }


    /* ========================================================
       01 — CATEGORY GRID
       ======================================================== */

    html body .garna-category-products-real,
    html body .garna-category-products-real.row {

        display:flex !important;
        flex-wrap:wrap !important;

        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        box-sizing:border-box !important;
    }


    html body .product-layout.product-grid {

        flex:0 0 calc(100% / var(--garna-card-columns)) !important;

        width:calc(100% / var(--garna-card-columns)) !important;

        max-width:calc(100% / var(--garna-card-columns)) !important;

        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        box-sizing:border-box !important;
    }


    /* ========================================================
       02 — MODULE GRID
       Same visual card and same fixed 1/6 width.
       Swiper and non-Swiper layouts both supported.
       ======================================================== */

    html body .container-module .swiper-wrapper {
        display:flex !important;
        align-items:stretch !important;
    }


    html body .container-module .swiper-module .item.swiper-slide,
    html body .container-module .swiper-wrapper > .swiper-slide,
    html body .container-module .swiper-wrapper > .item,
    html body .container-module-viewed .row_items > .item,
    html body .container-module-viewed .row_items > .swiper-slide {

        flex:0 0 calc(100% / var(--garna-card-columns)) !important;

        width:calc(100% / var(--garna-card-columns)) !important;

        max-width:calc(100% / var(--garna-card-columns)) !important;

        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        box-sizing:border-box !important;

        display:flex !important;
        align-items:stretch !important;
    }


    /* Sidebar modules are NOT desktop marketplace grids. */
    html body #column-left .container-module .swiper-module .item.swiper-slide,
    html body #column-right .container-module .swiper-module .item.swiper-slide {

        flex:0 0 100% !important;
        width:100% !important;
        max-width:100% !important;
    }


    /* ========================================================
       03 — UNIVERSAL CARD
       ======================================================== */

    html body .product-layout.product-grid .product-thumb,
    html body .container-module .product-thumb,
    html body .container-module-viewed .product-thumb-viewed {

        position:relative !important;

        display:flex !important;
        flex-direction:column !important;

        width:100% !important;
        height:var(--garna-card-height) !important;

        min-width:0 !important;
        min-height:var(--garna-card-height) !important;
        max-height:var(--garna-card-height) !important;

        margin:0 !important;
        padding:0 !important;

        box-sizing:border-box !important;

        overflow:hidden !important;

        background:#FFFFFF !important;

        border:1px solid var(--garna-card-border) !important;
        border-radius:0 !important;

        box-shadow:none !important;

        transform:none !important;

        transition:
            border-color .16s ease,
            box-shadow .16s ease,
            background-color .16s ease !important;
    }


    /* One visual system for modules and categories. */
    html body .product-layout.product-grid .product-thumb:hover,
    html body .container-module .product-thumb:hover,
    html body .container-module-viewed .product-thumb-viewed:hover {

        border-color:var(--garna-card-border-hover) !important;

        background:#FFFFFF !important;

        box-shadow:
            0 4px 14px rgba(55,43,105,.07),
            inset 0 0 0 1px rgba(118,87,255,.04) !important;

        transform:none !important;
    }


    /* ========================================================
       04 — IMAGE AREA
       Fixed geometry across categories + modules.
       ======================================================== */

    html body .product-layout.product-grid .product-thumb .image,
    html body .container-module .product-thumb .image,
    html body .container-module-viewed .product-thumb-viewed .image {

        position:relative !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        flex:0 0 var(--garna-card-image-h) !important;

        width:100% !important;
        height:var(--garna-card-image-h) !important;

        min-width:0 !important;
        min-height:var(--garna-card-image-h) !important;
        max-height:var(--garna-card-image-h) !important;

        margin:0 !important;
        padding:7px !important;

        box-sizing:border-box !important;

        overflow:hidden !important;

        background:#FFFFFF !important;

        border:0 !important;
        border-radius:0 !important;
    }


    html body .product-layout.product-grid .product-thumb .image > a,
    html body .container-module .product-thumb .image > a,
    html body .container-module-viewed .product-thumb-viewed .image > a {

        position:relative !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:100% !important;
        height:100% !important;

        min-width:0 !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        box-sizing:border-box !important;

        overflow:hidden !important;

        line-height:0 !important;
    }


    html body .product-layout.product-grid .product-thumb .image img,
    html body .container-module .product-thumb .image img,
    html body .container-module-viewed .product-thumb-viewed .image img {

        position:relative !important;

        display:block !important;

        width:auto !important;
        height:auto !important;

        min-width:0 !important;
        min-height:0 !important;

        max-width:100% !important;
        max-height:var(--garna-card-image-max) !important;

        margin:auto !important;
        padding:0 !important;

        object-fit:contain !important;
        object-position:center center !important;

        transform:none !important;

        border:0 !important;

        box-sizing:border-box !important;
    }


    /* Additional hover image uses exactly the same geometry. */
    html body .product-layout.product-grid .product-thumb .image img.additional-img-hover,
    html body .container-module .product-thumb .image img.additional-img-hover {

        max-width:100% !important;
        max-height:var(--garna-card-image-max) !important;

        width:auto !important;
        height:auto !important;

        object-fit:contain !important;
    }


    /* Kill old image pseudo overlays that change geometry. */
    html body .product-layout.product-grid .product-thumb .image::before,
    html body .product-layout.product-grid .product-thumb .image::after,
    html body .container-module .product-thumb .image::before,
    html body .container-module .product-thumb .image::after,
    html body .container-module-viewed .product-thumb-viewed .image::before,
    html body .container-module-viewed .product-thumb-viewed .image::after {

        content:none !important;
        display:none !important;
    }


    /* ========================================================
       05 — CAPTION
       ======================================================== */

    html body .product-layout.product-grid .product-thumb .caption,
    html body .container-module .product-thumb .caption,
    html body .container-module-viewed .product-thumb-viewed .caption {

        position:relative !important;

        display:flex !important;
        flex-direction:column !important;

        flex:1 1 auto !important;

        width:100% !important;

        min-width:0 !important;
        min-height:0 !important;

        height:auto !important;

        margin:0 !important;
        padding:7px 9px 8px !important;

        box-sizing:border-box !important;

        background:#FFFFFF !important;

        overflow:hidden !important;
    }


    /* ========================================================
       06 — TITLE
       ======================================================== */

    html body .product-layout.product-grid .product-thumb .product-name,
    html body .container-module .product-thumb .product-name,
    html body .container-module-viewed .product-thumb-viewed .product-name {

        order:10 !important;

        display:block !important;

        width:100% !important;

        height:34px !important;
        min-height:34px !important;
        max-height:34px !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;

        box-sizing:border-box !important;
    }


    html body .product-layout.product-grid .product-thumb .product-name a,
    html body .container-module .product-thumb .product-name a,
    html body .container-module-viewed .product-thumb-viewed .product-name a {

        display:-webkit-box !important;

        width:100% !important;

        height:34px !important;
        min-height:34px !important;
        max-height:34px !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;

        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:2 !important;

        color:var(--garna-card-text) !important;

        font-size:12px !important;
        line-height:17px !important;
        font-weight:500 !important;

        text-decoration:none !important;

        box-sizing:border-box !important;
    }


    /* ========================================================
       07 — SKU / MODEL
       ======================================================== */

    html body .product-layout.product-grid .product-thumb .product-model,
    html body .container-module .product-thumb .product-model,
    html body .container-module-viewed .product-thumb-viewed .product-model {

        order:20 !important;

        display:block !important;

        width:100% !important;

        height:14px !important;
        min-height:14px !important;
        max-height:14px !important;

        margin:2px 0 0 !important;
        padding:0 !important;

        overflow:hidden !important;

        white-space:nowrap !important;
        text-overflow:ellipsis !important;

        color:#8B9098 !important;

        font-size:9px !important;
        line-height:14px !important;

        box-sizing:border-box !important;
    }


    /* ========================================================
       08 — RATING
       ======================================================== */

    html body .product-layout.product-grid .product-thumb .rating,
    html body .container-module .product-thumb .rating,
    html body .container-module-viewed .product-thumb-viewed .rating {

        order:30 !important;

        position:relative !important;

        display:flex !important;
        align-items:center !important;

        width:100% !important;

        height:18px !important;
        min-height:18px !important;
        max-height:18px !important;

        margin:2px 0 0 !important;
        padding:0 !important;

        overflow:visible !important;

        box-sizing:border-box !important;

        line-height:18px !important;
    }


    html body .product-thumb .rating-star {

        position:relative !important;

        display:block !important;

        width:13px !important;
        min-width:13px !important;

        height:17px !important;

        margin:0 1px 0 0 !important;

        padding:0 !important;

        color:var(--garna-rating-empty) !important;

        line-height:17px !important;
    }


    html body .product-thumb .rating-star::after {

        color:var(--garna-rating-empty) !important;

        font-size:12px !important;
        line-height:16px !important;
    }


    /* Active layer is orange only when its width is > 0. */
    html body .product-thumb .rating-star-active {

        position:absolute !important;

        top:0 !important;
        left:0 !important;
        bottom:0 !important;

        overflow:hidden !important;

        color:var(--garna-rating-active) !important;

        background:transparent !important;

        z-index:2 !important;
    }


    html body .product-thumb .rating-star-active::after {

        color:var(--garna-rating-active) !important;

        font-size:12px !important;
        line-height:16px !important;
    }


    html body .product-thumb .product-reviews .total-reviews {

        height:17px !important;

        min-width:0 !important;

        margin-left:5px !important;

        padding:0 5px !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        color:#777C84 !important;

        background:#FFFFFF !important;

        border:1px solid #D9DCE1 !important;

        border-radius:5px !important;

        font-size:9px !important;
        line-height:15px !important;

        box-sizing:border-box !important;
    }


    /* ========================================================
       09 — AVAILABILITY
       Own row. It can never occupy the price row.
       ======================================================== */

    html body .product-layout.product-grid .product-thumb .product_model_sstatus,
    html body .container-module .product-thumb .product_model_sstatus,
    html body .container-module-viewed .product-thumb-viewed .product_model_sstatus {

        order:40 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        width:100% !important;

        height:21px !important;
        min-height:21px !important;
        max-height:21px !important;

        margin:2px 0 0 !important;
        padding:0 !important;

        gap:4px !important;

        flex-wrap:nowrap !important;

        overflow:hidden !important;

        box-sizing:border-box !important;
    }


    html body .product-layout.product-grid .product-thumb .stock-status,
    html body .container-module .product-thumb .stock-status,
    html body .container-module-viewed .product-thumb-viewed .stock-status {

        position:relative !important;

        display:inline-flex !important;
        align-items:center !important;

        width:auto !important;

        max-width:100% !important;

        height:20px !important;
        min-height:20px !important;
        max-height:20px !important;

        margin:0 !important;
        padding:1px 7px !important;

        border:1px solid transparent !important;
        border-radius:5px !important;

        font-size:9px !important;
        font-weight:600 !important;
        line-height:16px !important;

        white-space:nowrap !important;

        overflow:hidden !important;
        text-overflow:ellipsis !important;

        box-sizing:border-box !important;
    }


    /* IN STOCK */
    html body .product-thumb .stock-status.instock,
    html body .product-thumb .stock-status.in-stock {

        color:#16834B !important;
        background:#ECF8F1 !important;
        border-color:#CBEBD9 !important;
    }


    /* ON ORDER / PREORDER */
    html body .product-thumb .stock-status.onorder,
    html body .product-thumb .stock-status.order,
    html body .product-thumb .stock-status.preorder,
    html body .product-thumb .stock-status.pre-order {

        color:#A76500 !important;
        background:#FFF6E5 !important;
        border-color:#F0D49D !important;
    }


    /* OUT OF STOCK */
    html body .product-thumb .stock-status.outofstock,
    html body .product-thumb .stock-status.out-of-stock {

        color:#8A4B55 !important;
        background:#FAF0F2 !important;
        border-color:#EFD6DB !important;
    }


    /* ========================================================
       10 — OPTIONAL PRODUCT ATTRIBUTES IN MODULES
       Fixed area so attributes cannot push the price around.
       ======================================================== */

    html body .container-module .product-thumb .us-product-attributes,
    html body .container-module-viewed .product-thumb-viewed .us-product-attributes {

        order:45 !important;

        width:100% !important;

        height:18px !important;
        min-height:18px !important;
        max-height:18px !important;

        margin:1px 0 0 !important;
        padding:0 !important;

        overflow:hidden !important;

        font-size:9px !important;
        line-height:14px !important;

        box-sizing:border-box !important;
    }


    /* ========================================================
       11 — PRICE + CART
       Always last row.
       ======================================================== */

    html body .product-layout.product-grid .product-thumb .price-actions-box,
    html body .container-module .product-thumb .price-actions-box,
    html body .container-module-viewed .product-thumb-viewed .price-actions-box {

        order:100 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

        width:100% !important;

        height:38px !important;
        min-height:38px !important;
        max-height:38px !important;

        margin:auto 0 0 !important;
        padding:0 !important;

        gap:7px !important;

        flex:0 0 38px !important;

        box-sizing:border-box !important;

        clear:both !important;
    }


    html body .product-layout.product-grid .product-thumb .price,
    html body .container-module .product-thumb .price,
    html body .container-module-viewed .product-thumb-viewed .price {

        position:relative !important;

        display:flex !important;
        flex-direction:column !important;

        align-items:flex-start !important;
        justify-content:center !important;

        flex:1 1 auto !important;

        width:auto !important;
        min-width:0 !important;

        height:auto !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;

        white-space:nowrap !important;

        color:#111318 !important;

        line-height:18px !important;
    }


    html body .product-layout.product-grid .product-thumb .price-new,
    html body .product-layout.product-grid .product-thumb .price-normal,
    html body .container-module .product-thumb .price-new,
    html body .container-module .product-thumb .price-normal,
    html body .container-module-viewed .product-thumb-viewed .price-new,
    html body .container-module-viewed .product-thumb-viewed .price-normal {

        color:#111318 !important;

        font-size:15px !important;
        font-weight:700 !important;

        line-height:20px !important;

        white-space:nowrap !important;
    }


    html body .product-thumb .price-old {

        margin:0 !important;

        color:#969BA3 !important;

        font-size:9px !important;
        line-height:11px !important;

        text-decoration:line-through !important;
    }


    html body .product-thumb .price-tax,
    html body .product-thumb .points {

        margin:0 !important;

        color:#9297A0 !important;

        font-size:8px !important;
        line-height:10px !important;
    }


    /* CART */
    html body .product-layout.product-grid .product-thumb .cart,
    html body .container-module .product-thumb .cart,
    html body .container-module-viewed .product-thumb-viewed .cart {

        position:relative !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        flex:0 0 34px !important;

        width:34px !important;
        min-width:34px !important;

        height:32px !important;

        margin:0 !important;
        padding:0 !important;
    }


    html body .product-layout.product-grid .product-thumb .cart .btn-general,
    html body .container-module .product-thumb .cart .btn-general,
    html body .container-module-viewed .product-thumb-viewed .cart .btn-general {

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:34px !important;
        min-width:34px !important;

        height:32px !important;
        min-height:32px !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;
        border-radius:7px !important;

        background:var(--garna-purple) !important;
        color:#FFFFFF !important;

        box-shadow:none !important;

        font-size:0 !important;
        line-height:32px !important;

        transition:
            background .15s ease,
            box-shadow .15s ease,
            transform .15s ease !important;
    }


    html body .product-thumb .cart .btn-general:hover {

        background:var(--garna-purple-dark) !important;

        box-shadow:
            0 4px 12px rgba(118,87,255,.22) !important;

        transform:translateY(-1px) !important;
    }


    html body .product-thumb .cart .btn-general i {

        font-size:15px !important;
        line-height:1 !important;

        color:#FFFFFF !important;
    }


    /* ========================================================
       12 — FLOAT/FLEX CONFLICT KILL
       ======================================================== */

    html body .product-layout.product-grid .product-thumb .caption > * {

        box-sizing:border-box !important;
    }


    html body .product-layout.product-grid .product-thumb .product-name + div,
    html body .container-module .product-thumb .product-name + div {

        margin-top:0 !important;
    }


    html body .product-layout.product-grid .product-thumb .product-name,
    html body .product-layout.product-grid .product-thumb .product-model,
    html body .product-layout.product-grid .product-thumb .rating,
    html body .product-layout.product-grid .product-thumb .product_model_sstatus,
    html body .product-layout.product-grid .product-thumb .price-actions-box {

        float:none !important;
    }


    /* ========================================================
       13 — ACTION ICONS
       ======================================================== */

    html body .product-layout.product-grid .product-thumb .addit-action,
    html body .container-module .product-thumb .addit-action {

        z-index:20 !important;
    }


    html body .product-layout.product-grid .product-thumb
    .addit-action > div > button,
    html body .product-layout.product-grid .product-thumb
    .btn-compare,
    html body .product-layout.product-grid .product-thumb
    .btn-wishlist,
    html body .product-layout.product-grid .product-thumb
    .btn-quickview,
    html body .product-layout.product-grid .product-thumb
    .btn-fastorder {

        width:26px !important;
        height:26px !important;

        min-width:26px !important;
        min-height:26px !important;

        padding:0 !important;

        border-radius:6px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        box-sizing:border-box !important;
    }


    html body .product-layout.product-grid .product-thumb .addit-action i {

        font-size:12px !important;
        line-height:1 !important;
    }


    /* ========================================================
       14 — SHOW MORE CELL
       ======================================================== */

    html body .product-layout.product-grid.garna-show-more-card {

        display:flex !important;
        align-items:stretch !important;

        width:calc(100% / var(--garna-card-columns)) !important;
        flex:0 0 calc(100% / var(--garna-card-columns)) !important;
        max-width:calc(100% / var(--garna-card-columns)) !important;

        padding:0 !important;
        margin:0 !important;

        box-sizing:border-box !important;
    }


    html body .product-layout.product-grid.garna-show-more-card
    .garna-show-more-inner {

        width:100% !important;
        height:100% !important;

        min-height:0 !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;

        padding:10px !important;

        background:#FFFFFF !important;

        border:1px solid var(--garna-card-border) !important;
        border-radius:0 !important;

        box-sizing:border-box !important;

        text-decoration:none !important;
    }


    html body .product-layout.product-grid.garna-show-more-card
    .garna-show-more-inner:hover {

        border-color:var(--garna-card-border-hover) !important;

        background:#FAF9FF !important;

        box-shadow:0 4px 14px rgba(118,87,255,.08) !important;
    }


    html body .product-layout.product-grid.garna-show-more-card
    .garna-show-more-icon {

        width:38px !important;
        height:38px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        margin-bottom:7px !important;

        border-radius:50% !important;

        background:var(--garna-purple) !important;
        color:#FFFFFF !important;

        font-size:23px !important;
        line-height:1 !important;
    }


    html body .product-layout.product-grid.garna-show-more-card
    .garna-show-more-title {

        margin:0 !important;

        color:#292832 !important;

        font-size:12px !important;
        line-height:16px !important;
        font-weight:600 !important;

        text-align:center !important;
    }


    html body .product-layout.product-grid.garna-show-more-card
    .garna-show-more-subtitle {

        margin-top:2px !important;

        color:#9999A4 !important;

        font-size:9px !important;
        line-height:12px !important;

        text-align:center !important;
    }


    /* ========================================================
       15 — DESKTOP SCALE
       Same card geometry; only image gets more room.
       ======================================================== */

    @media (min-width:1500px) {

        :root {
            --garna-card-image-h:148px;
            --garna-card-image-max:136px;
            --garna-card-height:350px;
        }
    }


    @media (min-width:1800px) {

        :root {
            --garna-card-image-h:156px;
            --garna-card-image-max:144px;
            --garna-card-height:358px;
        }
    }


    /* ========================================================
       16 — PRODUCT CARD BOX SIZING
       ======================================================== */

    html body .product-layout.product-grid,
    html body .product-layout.product-grid *,
    html body .container-module .product-thumb,
    html body .container-module .product-thumb *,
    html body .container-module-viewed .product-thumb-viewed,
    html body .container-module-viewed .product-thumb-viewed * {

        box-sizing:border-box !important;
    }

}

/* ============================================================
   GARNA FINAL FIX #1 — MODULES = 10 PRODUCTS PER ROW
   Desktop only. Mobile/tablet are intentionally untouched.
   Category grid remains 6 columns.
   ============================================================ */
@media (min-width:1200px) {

    /* --------------------------------------------------------
       ALL STANDARD MODULES
       -------------------------------------------------------- */
    html body .container-module .swiper-module .swiper-wrapper > .swiper-slide,
    html body .container-module .swiper-module .swiper-wrapper > .item,
    html body .container-module .swiper-module > .swiper-wrapper > .item.swiper-slide,
    html body .container-module .swiper-module > .swiper-wrapper > .mod-art-item.swiper-slide,
    html body .container-module .item.swiper-slide,
    html body .container-module .mod-art-item.swiper-slide,
    html body .container-module .row_items > .item,
    html body .container-module .row_items > .swiper-slide {

        flex:0 0 10% !important;
        width:10% !important;
        max-width:10% !important;
        min-width:10% !important;

        box-sizing:border-box !important;
        margin:0 !important;
    }

    /* --------------------------------------------------------
       НЕЩОДАВНО ПЕРЕГЛЯНУТІ
       -------------------------------------------------------- */
    html body .container-module-viewed .row_items > .item,
    html body .container-module-viewed .row_items > .swiper-slide,
    html body .container-module-viewed .swiper-wrapper > .item,
    html body .container-module-viewed .swiper-wrapper > .swiper-slide {

        flex:0 0 10% !important;
        width:10% !important;
        max-width:10% !important;
        min-width:10% !important;

        box-sizing:border-box !important;
        margin:0 !important;
    }

    /* --------------------------------------------------------
       THE CARD ITSELF ALWAYS FILLS ITS 10% COLUMN
       -------------------------------------------------------- */
    html body .container-module .product-thumb,
    html body .container-module-viewed .product-thumb-viewed {

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }

    /* --------------------------------------------------------
       SWIPER VIEWPORT
       Prevent old 5-card sizing from limiting the row.
       -------------------------------------------------------- */
    html body .container-module .swiper-module,
    html body .container-module-viewed .swiper-module {

        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    /* --------------------------------------------------------
       NON-SWIPER MODULES
       -------------------------------------------------------- */
    html body .container-module:not(:has(.swiper-wrapper)) .row_items,
    html body .container-module-viewed:not(:has(.swiper-wrapper)) .row_items {

        display:flex !important;
        flex-wrap:nowrap !important;
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    /* Sidebar modules stay single-column. */
    html body #column-left .container-module .item.swiper-slide,
    html body #column-left .container-module .mod-art-item.swiper-slide,
    html body #column-left .container-module .row_items > .item,
    html body #column-left .container-module-viewed .row_items > .item,
    html body #column-right .container-module .item.swiper-slide,
    html body #column-right .container-module .mod-art-item.swiper-slide,
    html body #column-right .container-module .row_items > .item,
    html body #column-right .container-module-viewed .row_items > .item {

        flex:0 0 100% !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }
}



/* ============================================================
   GARNA FINAL FIX #2 — MODULE CARD DENSITY + PRICE FIT
   2026-09-26
   - modules / recently viewed: compact vertical geometry
   - price can never grow to a large inherited font size
   - large 3/4/5 digit prices stay inside the price row
   - removes the large empty flex gap above the price
   - desktop only; mobile/tablet untouched
   ============================================================ */

@media (min-width:1200px) {

    /* --------------------------------------------------------
       MODULE CARDS — LESS EMPTY SPACE
       Categories keep their existing geometry.
       -------------------------------------------------------- */
    html body .container-module .product-thumb,
    html body .container-module-viewed .product-thumb-viewed {

        height:318px !important;
        min-height:318px !important;
        max-height:318px !important;

        overflow:hidden !important;
    }

    /* Smaller image zone in modules = more useful content area. */
    html body .container-module .product-thumb .image,
    html body .container-module-viewed .product-thumb-viewed .image {

        flex:0 0 128px !important;

        height:128px !important;
        min-height:128px !important;
        max-height:128px !important;

        padding:6px !important;
    }

    html body .container-module .product-thumb .image img,
    html body .container-module-viewed .product-thumb-viewed .image img {

        max-height:116px !important;
        max-width:100% !important;

        width:auto !important;
        height:auto !important;

        object-fit:contain !important;
    }

    /* --------------------------------------------------------
       REMOVE THE BIG YELLOW/EMPTY FLEX GAP
       -------------------------------------------------------- */
    html body .container-module .product-thumb .price-actions-box,
    html body .container-module-viewed .product-thumb-viewed .price-actions-box {

        margin-top:4px !important;
        margin-bottom:0 !important;

        flex:0 0 36px !important;

        height:36px !important;
        min-height:36px !important;
        max-height:36px !important;
    }

    /* --------------------------------------------------------
       PRICE — FIX INHERITED LARGE FONT / 487 грн BUG
       -------------------------------------------------------- */
    html body .container-module .product-thumb .price,
    html body .container-module .product-thumb .price *,
    html body .container-module-viewed .product-thumb-viewed .price,
    html body .container-module-viewed .product-thumb-viewed .price,
    html body .container-module-viewed .product-thumb-viewed .price * {

        font-size:13px !important;
        line-height:16px !important;
        font-weight:700 !important;

        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;

        max-width:100% !important;
    }

    /* Price itself gets priority over old theme span rules. */
    html body .container-module .product-thumb .price .price-new,
    html body .container-module .product-thumb .price .price-new span,
    html body .container-module .product-thumb .price .price-normal,
    html body .container-module .product-thumb .price .price-normal span,
    html body .container-module-viewed .product-thumb-viewed .price .price-new,
    html body .container-module-viewed .product-thumb-viewed .price .price-new span,
    html body .container-module-viewed .product-thumb-viewed .price .price-normal,
    html body .container-module-viewed .product-thumb-viewed .price .price-normal span {

        display:inline-block !important;

        font-size:13px !important;
        line-height:16px !important;
        font-weight:700 !important;

        max-width:100% !important;

        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    /* Old price stays visually secondary. */
    html body .container-module .product-thumb .price .price-old,
    html body .container-module .product-thumb .price .price-old span,
    html body .container-module-viewed .product-thumb-viewed .price .price-old,
    html body .container-module-viewed .product-thumb-viewed .price .price-old span {

        font-size:9px !important;
        line-height:11px !important;
        font-weight:400 !important;
    }

    /* --------------------------------------------------------
       CART — SAME HEIGHT AS PRICE ROW
       -------------------------------------------------------- */
    html body .container-module .product-thumb .cart,
    html body .container-module-viewed .product-thumb-viewed .cart {

        flex:0 0 32px !important;
        width:34px !important;
        min-width:34px !important;
        height:32px !important;

        margin:0 !important;
    }

    html body .container-module .product-thumb .cart .btn-general,
    html body .container-module-viewed .product-thumb-viewed .cart .btn-general {

        width:32px !important;
        min-width:32px !important;
        height:32px !important;
        min-height:32px !important;

        border-radius:7px !important;
    }

    /* --------------------------------------------------------
       CAPTION — DO NOT PUSH PRICE TO THE BOTTOM
       -------------------------------------------------------- */
    html body .container-module .product-thumb .caption,
    html body .container-module-viewed .product-thumb-viewed .caption {

        padding:6px 8px 6px !important;

        flex:1 1 auto !important;
        min-height:0 !important;
    }

    html body .container-module .product-thumb .product-name,
    html body .container-module-viewed .product-thumb-viewed .product-name {

        margin-bottom:2px !important;
    }

    html body .container-module .product-thumb .product-model,
    html body .container-module-viewed .product-thumb-viewed .product-model {

        margin-top:0 !important;
        margin-bottom:0 !important;
    }

    html body .container-module .product-thumb .rating,
    html body .container-module-viewed .product-thumb-viewed .rating {

        margin-top:1px !important;
        margin-bottom:0 !important;
    }

    html body .container-module .product-thumb .product_model_sstatus,
    html body .container-module-viewed .product-thumb-viewed .product_model_sstatus {

        margin-top:1px !important;
        margin-bottom:0 !important;
    }
}


/* ============================================================
   GARNA — MODULE PRICE FONT FINAL FIX
   Desktop only. Category cards are NOT affected.
   All module product prices use one compact size.
   ============================================================ */
@media (min-width: 1200px) {
    html body .container-module .product-thumb .price,
    html body .container-module .product-thumb .price *,
    html body .container-module-viewed .product-thumb-viewed .price,
    html body .container-module-viewed .product-thumb-viewed .price *,
    html body .bb-container-module .product-thumb .price,
    html body .bb-container-module .product-thumb .price * {
        font-size: 13px !important;
        line-height: 16px !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
    }

    html body .container-module .product-thumb .price .price-new,
    html body .container-module .product-thumb .price .price-new span,
    html body .container-module .product-thumb .price .price-normal,
    html body .container-module .product-thumb .price .price-normal span,
    html body .container-module-viewed .product-thumb-viewed .price .price-new,
    html body .container-module-viewed .product-thumb-viewed .price .price-new span,
    html body .container-module-viewed .product-thumb-viewed .price .price-normal,
    html body .container-module-viewed .product-thumb-viewed .price .price-normal span,
    html body .bb-container-module .product-thumb .price .price-new,
    html body .bb-container-module .product-thumb .price .price-new span,
    html body .bb-container-module .product-thumb .price .price-normal,
    html body .bb-container-module .product-thumb .price .price-normal span {
        font-size: 13px !important;
        line-height: 16px !important;
        font-weight: 700 !important;
    }

    html body .container-module .product-thumb .price .price-old,
    html body .container-module .product-thumb .price .price-old span,
    html body .container-module-viewed .product-thumb-viewed .price .price-old,
    html body .container-module-viewed .product-thumb-viewed .price .price-old span,
    html body .bb-container-module .product-thumb .price .price-old,
    html body .bb-container-module .product-thumb .price .price-old span {
        font-size: 8px !important;
        line-height: 10px !important;
    }
}

/* ============================================================
   GARNA FINAL FIX #3 — REMOVE EMPTY SPACE IN MODULE CARDS
   2026-09-26
   - modules/recently viewed only
   - card height follows real content instead of stretching
   - removes auto bottom push before price
   - keeps 10 products per row
   - desktop only; mobile untouched
   ============================================================ */
@media (min-width:1200px) {
    html body .container-module .product-thumb,
    html body .container-module-viewed .product-thumb-viewed,
    html body .bb-container-module .product-thumb {
        height:274px !important;
        min-height:274px !important;
        max-height:274px !important;
    }

    html body .container-module .product-thumb .caption,
    html body .container-module-viewed .product-thumb-viewed .caption,
    html body .bb-container-module .product-thumb .caption {
        flex:0 0 auto !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:hidden !important;
    }

    /* Price must follow the content — never get pushed to the bottom. */
    html body .container-module .product-thumb .price-actions-box,
    html body .container-module-viewed .product-thumb-viewed .price-actions-box,
    html body .bb-container-module .product-thumb .price-actions-box {
        margin:4px 0 0 !important;
        flex:0 0 36px !important;
        height:36px !important;
        min-height:36px !important;
        max-height:36px !important;
    }

    /* Do not reserve artificial vertical space inside the caption. */
    html body .container-module .product-thumb .caption > *:not(.price-actions-box),
    html body .container-module-viewed .product-thumb-viewed .caption > *:not(.price-actions-box),
    html body .bb-container-module .product-thumb .caption > *:not(.price-actions-box) {
        flex-shrink:0 !important;
    }

    /* Remove inherited auto margins which create the large blank area. */
    html body .container-module .product-thumb .product-name,
    html body .container-module .product-thumb .product-model,
    html body .container-module .product-thumb .rating,
    html body .container-module .product-thumb .product_model_sstatus,
    html body .container-module .product-thumb .us-product-attributes,
    html body .container-module-viewed .product-thumb-viewed .product-name,
    html body .container-module-viewed .product-thumb-viewed .product-model,
    html body .container-module-viewed .product-thumb-viewed .rating,
    html body .container-module-viewed .product-thumb-viewed .product_model_sstatus,
    html body .container-module-viewed .product-thumb-viewed .us-product-attributes {
        margin-top:0 !important;
        margin-bottom:1px !important;
    }

    /* The card is compact, but all 10 cards remain equal width. */
    html body .container-module .product-thumb,
    html body .container-module-viewed .product-thumb-viewed,
    html body .bb-container-module .product-thumb {
        overflow:hidden !important;
        box-sizing:border-box !important;
    }
}


@media (min-width: 993px) {

    /* ========================================================
       1. ВЫРАВНИВАЕМ НАЧАЛО ПОДКАТЕГОРИЙ
       ======================================================== */

    .breadcrumb-box + .row .sub-categories {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
    }

    .breadcrumb-box + .row .sub-categories .swiper-module {
        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        width: 100% !important;

        overflow: visible !important;
    }

    .breadcrumb-box + .row .sub-categories .swiper-wrapper {
        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }


    /* ========================================================
       2. УБИРАЕМ СТАРЫЕ 10px ОТСТУПЫ SWIPER
       ======================================================== */

    .breadcrumb-box + .row
    .sub-categories
    .swiper-sub-category__item {

        padding-left: 0 !important;
        padding-right: 0 !important;

        margin: 0 !important;

        overflow: visible !important;
    }


    /* ========================================================
       3. БАЗОВАЯ ПЛИТКА
       ======================================================== */

    .breadcrumb-box + .row
    .sub-categories
    .subcategory {

        position: relative !important;

        width: 100% !important;

        height: 66px !important;
        min-height: 66px !important;
        max-height: 66px !important;

        margin: 0 !important;

        padding: 7px 14px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;

        border-radius: 0 !important;

        background: #ffffff !important;

        border: 1px solid #e3e1f2 !important;

        box-shadow: none !important;

        overflow: visible !important;

        z-index: 1 !important;

        transition:
            background-color .16s ease,
            border-color .16s ease,
            box-shadow .16s ease,
            transform .16s ease !important;
    }


    /* ========================================================
       4. СОЕДИНЯЕМ ПЛИТКИ БЕЗ ДВОЙНОГО BORDER
       ======================================================== */

    .breadcrumb-box + .row
    .sub-categories
    .swiper-sub-category__item
    + .swiper-sub-category__item
    .subcategory {

        margin-left: -1px !important;
    }


    /* ========================================================
       5. ТЕКСТ — МАКСИМУМ 3 СТРОКИ
       ======================================================== */

    .breadcrumb-box + .row
    .sub-categories
    .subcategory
    .sc-name {

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        display: -webkit-box !important;

        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;

        overflow: hidden !important;

        text-overflow: ellipsis !important;

        text-align: center !important;

        font-size: 14px !important;
        line-height: 18px !important;
        font-weight: 400 !important;

        color: #303238 !important;

        transition: color .16s ease !important;
    }


    /* ========================================================
       6. HOVER — ПЛИТКА ВЫЕЗЖАЕТ ПОВЕРХ СЕТКИ
       ======================================================== */

    .breadcrumb-box + .row
    .sub-categories
    .subcategory:hover {

        height: auto !important;
        min-height: 66px !important;
        max-height: none !important;

        padding-top: 10px !important;
        padding-bottom: 10px !important;

        background: #ffffff !important;

        border-color: #7657FF !important;

        box-shadow:
            0 8px 24px rgba(35, 28, 80, .14) !important;

        z-index: 100 !important;

        transform: translateY(-1px) !important;
    }


    /* ========================================================
       7. ПРИ HOVER ПОКАЗЫВАЕМ ПОЛНОЕ НАЗВАНИЕ
       ======================================================== */

    .breadcrumb-box + .row
    .sub-categories
    .subcategory:hover
    .sc-name {

        display: block !important;

        -webkit-line-clamp: unset !important;

        overflow: visible !important;

        text-overflow: clip !important;

        white-space: normal !important;

        color: #7657FF !important;
    }


    /* ========================================================
       8. HOVER НЕ ДОЛЖЕН ПРЯТАТЬСЯ ЗА SWIPER
       ======================================================== */

    .breadcrumb-box + .row
    .sub-categories,
    .breadcrumb-box + .row
    .sub-categories .swiper,
    .breadcrumb-box + .row
    .sub-categories .swiper-wrapper {

        overflow: visible !important;
    }


    /* ========================================================
       9. УБИРАЕМ СТАРУЮ КАРТИНКУ
       ======================================================== */

    .breadcrumb-box + .row
    .sub-categories
    .subcategory
    .sc-image {

        display: none !important;
    }


    /* ========================================================
       10. СТРЕЛКИ НЕ НУЖНЫ
       ======================================================== */

    .breadcrumb-box + .row
    .sub-categories
    .swiper-sub-category__navigation {

        display: none !important;
    }

}
/* ============================================================
   GARNA — TITLE + BREADCRUMBS
   2 CELLS / ONE LINE / INTERNAL SCROLL
   FINAL
   ============================================================ */

@media (min-width: 993px) {

    /* Контейнер страницы категории становится опорной точкой */
    .container:has(.breadcrumb-box) {
        position: relative !important;
    }


    /* ========================================================
       ЛЕВАЯ ЯЧЕЙКА — H1
       ======================================================== */

    .breadcrumb-box + .row > .col-xs-12 {
        width: 50% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    .breadcrumb-box + .row h1 {

        width: 100% !important;

        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;

        margin: 0 !important;
        padding: 0 14px !important;

        display: flex !important;
        align-items: center !important;

        box-sizing: border-box !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        white-space: nowrap !important;
        word-break: normal !important;

        scrollbar-width: none !important;

        font-size: 22px !important;
        line-height: 48px !important;
        font-weight: 400 !important;

        color: #17191D !important;

        background: #ffffff !important;

        border-bottom: 1px solid #E3E1F2 !important;
        border-right: 1px solid #E3E1F2 !important;

        position: relative !important;
        z-index: 5 !important;
    }

    .breadcrumb-box + .row h1::-webkit-scrollbar {
        display: none !important;
    }


    /* ========================================================
       ПРАВАЯ ЯЧЕЙКА — BREADCRUMBS
       ======================================================== */

    .breadcrumb-box {

        display: block !important;

        position: absolute !important;

        top: 0 !important;
        right: 0 !important;

        width: 50% !important;
        height: 48px !important;
        min-height: 48px !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        overflow: hidden !important;

        background: #ffffff !important;

        border-bottom: 1px solid #E3E1F2 !important;
        border-left: 1px solid #E3E1F2 !important;

        z-index: 50 !important;
    }


    /* ========================================================
       САМА ЛЕНТА КРОШЕК
       ======================================================== */

    .breadcrumb-box .breadcrumb {

        position: relative !important;

        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 48px !important;
        min-height: 48px !important;

        margin: 0 !important;
        padding: 0 14px !important;

        box-sizing: border-box !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        flex-wrap: nowrap !important;

        white-space: nowrap !important;

        scrollbar-width: none !important;

        background: #ffffff !important;
    }

    .breadcrumb-box .breadcrumb::-webkit-scrollbar {
        display: none !important;
    }


    /* ========================================================
       КАЖДАЯ КРОШКА НЕ СЖИМАЕТСЯ
       ======================================================== */

    .breadcrumb-box .breadcrumb > li {

        flex: 0 0 auto !important;

        display: inline-flex !important;
        align-items: center !important;

        height: 48px !important;

        padding: 0 7px !important;
        margin: 0 !important;

        white-space: nowrap !important;

        font-size: 12px !important;
        line-height: 48px !important;
    }


    /* ========================================================
       СЛЕШИ
       ======================================================== */

    .breadcrumb-box .breadcrumb > li:after {

        top: 11px !important;

        height: 26px !important;

        right: -2px !important;

        color: #B8B5C7 !important;
    }


    /* ========================================================
       УБИРАЕМ СТАРЫЕ ОТСТУПЫ
       ======================================================== */

    .breadcrumb-box + .row {

        margin-top: 0 !important;
        padding-top: 0 !important;
    }


    /* ========================================================
       ПОДКАТЕГОРИИ ОСТАЮТСЯ ПОД HEADER
       ======================================================== */

    .breadcrumb-box + .row .sub-categories {

        margin-top: 8px !important;
    }

}
/* GARNA — remove category header gap */

@media (min-width: 993px) {

    .breadcrumb-box + .row .sub-categories {
        margin-top: 0 !important;
    }

    .breadcrumb-box + .row .sub-categories .swiper-module {
        margin-top: 0 !important;
    }

    .breadcrumb-box + .row .sub-categories .swiper-wrapper {
        margin-top: 0 !important;
    }

}
/* =========================================================
   GARNA — PRODUCT CARD HOVER FIX
   Без изменения HTML / Twig / JS
   ========================================================= */

@media (min-width: 993px) {

  /* ---------------------------------------------------------
     1. КАРТОЧКА
     --------------------------------------------------------- */

  .product-layout.product-grid .product-thumb,
  .container-module .product-thumb,
  .container-module-viewed .product-thumb-viewed {
    position: relative !important;

    /* НЕ МЕНЯЕМ ФОРМУ КАРТОЧКИ */
    border-radius: 0 !important;

    /*
     * Очень важно:
     * карточка НЕ получает огромный z-index.
     * Поэтому она не сможет залезть на header.
     */
    z-index: 1 !important;

    overflow: visible !important;

    transform: translateZ(0) !important;

    transition:
      transform .22s cubic-bezier(.2,.8,.2,1),
      box-shadow .22s ease !important;
  }


  /* ---------------------------------------------------------
     2. HOVER
     --------------------------------------------------------- */

  .product-layout.product-grid .product-thumb:hover,
  .container-module .product-thumb:hover,
  .container-module-viewed .product-thumb-viewed:hover {

    transform: translateY(-3px) translateZ(0) !important;

    /*
     * Только локальный stacking context.
     * Никакого z-index 9999.
     */
    z-index: 10 !important;

    /* Никакого border-radius при hover */
    border-radius: 0 !important;

    box-shadow:
      0 0 0 1px rgba(118,87,255,.55),
      0 0 12px rgba(118,87,255,.30),
      0 0 28px rgba(63,130,255,.18),
      0 12px 32px rgba(35,25,80,.16) !important;
  }


  /* ---------------------------------------------------------
     3. ПОДСВЕТКА РАМКИ
     
     ВАЖНО:
     pointer-events:none
     и z-index:-1,
     чтобы подсветка НИКОГДА не закрывала товар.
     --------------------------------------------------------- */

  .product-layout.product-grid .product-thumb::before,
  .container-module .product-thumb::before,
  .container-module-viewed .product-thumb-viewed::before {

    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    border-radius: 0 !important;

    pointer-events: none !important;

    z-index: -1 !important;

    opacity: 0 !important;

    box-shadow:
      inset 0 0 0 1px rgba(118,87,255,.75),
      inset 0 0 14px rgba(118,87,255,.08),
      0 0 14px rgba(118,87,255,.20) !important;

    transition:
      opacity .22s ease !important;
  }


  .product-layout.product-grid .product-thumb:hover::before,
  .container-module .product-thumb:hover::before,
  .container-module-viewed .product-thumb-viewed:hover::before {

    opacity: 1 !important;
  }


  /* ---------------------------------------------------------
     4. ВНЕШНЕЕ PURPLE / BLUE СВЕЧЕНИЕ
     --------------------------------------------------------- */

  .product-layout.product-grid .product-thumb::after,
  .container-module .product-thumb::after,
  .container-module-viewed .product-thumb-viewed::after {

    content: "" !important;

    position: absolute !important;

    left: 8px !important;
    right: 8px !important;
    bottom: -8px !important;

    height: 22px !important;

    pointer-events: none !important;

    z-index: -2 !important;

    opacity: 0 !important;

    background:
      radial-gradient(
        ellipse at center,
        rgba(118,87,255,.28) 0%,
        rgba(63,130,255,.14) 35%,
        transparent 72%
      ) !important;

    filter: blur(10px) !important;

    transition:
      opacity .22s ease !important;
  }


  .product-layout.product-grid .product-thumb:hover::after,
  .container-module .product-thumb:hover::after,
  .container-module-viewed .product-thumb-viewed:hover::after {

    opacity: 1 !important;
  }


  /* ---------------------------------------------------------
     5. НИКАКОГО Z-INDEX У КОНТЕНТА, КОТОРЫЙ ЛОМАЕТ КАРТОЧКУ
     --------------------------------------------------------- */

  .product-layout.product-grid .product-thumb > *,
  .container-module .product-thumb > *,
  .container-module-viewed .product-thumb-viewed > * {

    position: relative !important;

    /*
     * Контент гарантированно выше декоративных слоёв.
     */
    z-index: 2 !important;
  }


  /* ---------------------------------------------------------
     6. УБИРАЕМ СКРУГЛЕНИЕ ПРИ HOVER У ВНУТРЕННИХ ЭЛЕМЕНТОВ
     --------------------------------------------------------- */

  .product-layout.product-grid .product-thumb:hover *,
  .container-module .product-thumb:hover *,
  .container-module-viewed .product-thumb-viewed:hover * {

    /* НЕ навязываем border-radius */
  }


  /* ---------------------------------------------------------
     7. ОСОБЕННО ВАЖНО:
        HEADER / MENU ВСЕГДА ВЫШЕ ТОВАРОВ
     --------------------------------------------------------- */

  header,
  .header,
  #header,
  .main-header,
  .header-wrapper,
  .top-header,
  .header-menu,
  .menu-header,
  .navbar {

    position: relative !important;
    z-index: 1000 !important;
  }


  /* ---------------------------------------------------------
     8. КОНТЕЙНЕР КАТАЛОГА НЕ МОЖЕТ ПРОРВАТЬ HEADER
     --------------------------------------------------------- */

  .product-layout,
  .product-grid,
  .row-products,
  .products-grid,
  .category-products {

    position: relative !important;
    z-index: 1 !important;
  }

}
/* =========================================================
   GARNA — DISABLE STICKY PRODUCT TABS
   ========================================================= */

@media (min-width: 993px) {

  /* Панель вкладок товара */
  #product .nav-tabs,
  #product .product-tabs,
  #product .tabs,
  #product .tab-nav,
  #product .tab-header,
  #product .product-tab,
  #product .product-tabs-wrapper {

    position: relative !important;
    top: auto !important;
    bottom: auto !important;

    z-index: 1 !important;

    transform: none !important;
  }

  /* Если sticky-класс добавляется непосредственно контейнеру */
  #product .sticky,
  #product .is-sticky,
  #product .fixed,
  #product .tab-sticky {

    position: relative !important;
    top: auto !important;
    bottom: auto !important;

    transform: none !important;
    z-index: 1 !important;
  }

}
/* =========================================================
   GARNA — HEADER STICKY FIX
   ========================================================= */

@media (min-width: 993px) {

  header,
  header.fix-header,
  .fix-header.h-sticky {
    position: sticky !important;
    top: 0 !important;
    z-index: 1009 !important;
  }

}
/* GARNA — компактная шапка без изменения дизайна */

@media (min-width: 993px) {

  header .up-header {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  header .up-header__top,
  header .up-header__center,
  header .up-header__bottom {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  header .up-header > .container,
  header .up-header .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

}
/* =========================================================
   GARNA — SEARCH EXAMPLE LINKS
   Фіолетові посилання під пошуком
   ========================================================= */

@media (min-width: 992px) {

    .box-search .search_word a,
    .box-search .search_word a:visited {
        color: #9B82FF !important;
        cursor: pointer;
        transition:
            color .18s ease,
            opacity .18s ease;
    }

    .box-search .search_word a:hover,
    .box-search .search_word a:focus {
        color: #7657FF !important;
        text-decoration: none;
        opacity: 1;
    }

}
/* =========================================================
   GARNA — РЕЙТИНГ МАГАЗИНУ
   Фикс невидимых звезд в форме отзыва
   ========================================================= */

#form-review .product-rating,
#form-review .product-rating *,
.modal .product-rating,
.modal .product-rating * {
    box-sizing: border-box;
}

/* Сам контейнер рейтинга */
#form-review .product-rating,
.modal .product-rating {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    min-height: 48px !important;
    padding: 8px 14px !important;
    margin: 0 0 8px !important;

    background: #ffffff !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 14px !important;

    opacity: 1 !important;
    visibility: visible !important;
}

/* Label каждой звезды */
#form-review .product-rating label,
.modal .product-rating label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    cursor: pointer !important;
    position: relative !important;

    opacity: 1 !important;
    visibility: visible !important;
}

/* Сама иконка */
#form-review .product-rating label .fa,
.modal .product-rating label .fa {
    display: inline-block !important;

    font-family: FontAwesome !important;
    font-size: 27px !important;
    line-height: 34px !important;

    color: #D1D5DB !important;

    opacity: 1 !important;
    visibility: visible !important;

    transition:
        color .15s ease,
        transform .15s ease !important;
}

/* Выбранная звезда */
#form-review .product-rating label .fa.star-rating.active,
#form-review .product-rating label .fa.star-rating.checked,
.modal .product-rating label .fa.star-rating.active,
.modal .product-rating label .fa.star-rating.checked {
    color: #F59E0B !important;
}

/* Hover */
#form-review .product-rating label:hover .fa,
#form-review .product-rating label:hover ~ label .fa,
.modal .product-rating label:hover .fa {
    color: #F59E0B !important;
}

#form-review .product-rating label:hover .fa,
.modal .product-rating label:hover .fa {
    transform: scale(1.12);
}

/* Не даём теме скрывать radio */
#form-review .product-rating input,
.modal .product-rating input {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    pointer-events: none !important;
}

/* Dark theme */
.dark-theme #form-review .product-rating,
.dark-theme .modal .product-rating {
    background: #16171C !important;
    border-color: #292B33 !important;
}

.dark-theme #form-review .product-rating label .fa,
.dark-theme .modal .product-rating label .fa {
    color: #555A66 !important;
}

.dark-theme #form-review .product-rating label .fa.active,
.dark-theme #form-review .product-rating label .fa.checked,
.dark-theme .modal .product-rating label .fa.active,
.dark-theme .modal .product-rating label .fa.checked {
    color: #F59E0B !important;
}
/* =========================================
   GARNA — FIX REVIEW RATING STARS
   ========================================= */

#form-review .product-rating {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    line-height: 1 !important;
    height: 32px !important;
}

#form-review .product-rating input[type="radio"] {
    display: none !important;
}

#form-review .product-rating .label-star-prod {
    position: relative !important;
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    color: #D7D9E0 !important;
    font-size: 0 !important;
    transition: transform .18s ease, color .18s ease !important;
}

/* Рисуем звезду */
#form-review .product-rating .label-star-prod::before {
    content: "★" !important;
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: Arial, sans-serif !important;
    font-size: 26px !important;
    line-height: 26px !important;
    color: #D7D9E0 !important;
    transition: color .18s ease, transform .18s ease !important;
}

/* Наведение */
#form-review .product-rating .label-star-prod:hover {
    transform: scale(1.12) !important;
}

/* Наведение + выбранные */
#form-review .product-rating .label-star-prod.active::before,
#form-review .product-rating .label-star-prod.checked::before {
    color: #7657FF !important;
}

/* Все звёзды слева от выбранной */
#form-review .product-rating .label-star-prod.active,
#form-review .product-rating .label-star-prod.checked {
    color: #7657FF !important;
}

/* Мобильный */
@media (max-width: 767px) {
    #form-review .product-rating {
        gap: 7px !important;
    }

    #form-review .product-rating .label-star-prod {
        width: 30px !important;
        height: 30px !important;
    }

    #form-review .product-rating .label-star-prod::before {
        font-size: 29px !important;
        line-height: 30px !important;
    }
}