@font-face {
	font-family: TenorSans-Regular;
	src: url(../fonts/TenorSans-Regular.woff2);
	font-display: swap;
}


:root {
	--main-color: #007241;
	--main-color-hover: #0c7b4b;
	--main-color-text: rgba(26, 26, 26, 1);
	--font-regular: "TenorSans-Regular", sans-serif;
	--font-bold: "Manrope-Bold", sans-serif;
	--font-medium: "Manrope-Medium", sans-serif;
	--font-semibold: "Manrope-Semibold", sans-serif;
	--font-black: "Manrope-Black", sans-serif;
	--font-light: "Manrope-Light", sans-serif;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: var(--font-regular);
	font-weight: 400;
	color: var(--main-color-text);
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	background-color: #fff;
	min-height: 100vh;
	height: 100%;
	display: flex;
	flex-direction: column;
}

*:active,
*:focus {
	outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000;
	font-family: var(--font-regular);
}

.fa {
	font-size: 14px;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 19px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 10px;
}

a {
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #333;
}

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

img {
	height: auto;
	object-fit: cover;
	max-width: 100%;
}

label {
	font-size: 14px;
	font-weight: normal;

}


select.form-control,
textarea.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: 16px;
	border-radius: 4px;
	box-shadow: none;
	min-height: 48px;
	background-color: rgba(245, 245, 245, 1);
	border: 1px solid rgba(245, 245, 245, 1);

}

input.form-control,
select.form-control {
	height: 48px;
}

.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
	font-size: 14px;
}

.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}

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

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

div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}

/* Gradent to all drop down menus */
.dropdown-menu li>a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}

#content {
	min-height: 350px;
	width: 100%;
}


.alert {
	padding: 45px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	margin: 0;
	border: 1px solid #f1f1f1;
	z-index: 500;
	color: #121212;
	border-radius: 0;
	background: #fff;
	box-shadow: 0 0 30px 15px rgb(0 0 0 / 5%);
}

.alert i {
	display: none;
}

.alert-dismissable .close,
.alert-dismissible .close {
	top: 0;
	right: 0;
	position: absolute;
}


::-webkit-scrollbar-button {
	background-image: url('');
	background-repeat: no-repeat;
	width: 5px;
	height: 0px
}

::-webkit-scrollbar-track {
	background-color: #fff
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background-color: #fff;
}

::-webkit-scrollbar-thumb:hover {
	background-color: black;
}

::-webkit-resizer {
	background-image: url('');
	background-repeat: no-repeat;
	width: 4px;
	height: 0px;

}

::-webkit-scrollbar {
	width: 6px;
}

::-webkit-scrollbar-button {
	background-image: url('');
	background-repeat: no-repeat;
	width: 10px;
	height: 0px
}

::-webkit-scrollbar-track {
	background-color: #fff;

}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background-color: #eee;
	width: 10px
}

::-webkit-scrollbar-thumb:hover {
	background-color: #888;
}

::-webkit-resizer {
	background-image: url('');
	background-repeat: no-repeat;
	width: 10px;
	height: 0px
}


.close {
	color: #fff;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 1 !important;
	font-size: 0;
	z-index: 100;
}

.close:hover {
	opacity: .7 !important;
}

.close::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(315deg);
	-ms-transform: translate(-50%, -50%) rotate(315deg);
	transform: translate(-50%, -50%) rotate(315deg);
	height: 1px;
	width: 13px;
	background: rgba(155, 155, 155, 1);
}

.close::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	height: 1px;
	width: 13px;
	background: rgba(155, 155, 155, 1);
}


.breadcrumb {
	border: none;
	background: transparent;
	display: flex;
	white-space: nowrap;
	padding: 0;
	margin: 24px 0;
	overflow-x: auto;
}


.breadcrumb::-webkit-scrollbar {
	width: 0px !important;
	display: none !important;
	background: transparent !important;
}

.breadcrumb>li {
	padding: 0 10px;
	position: relative;
	color: rgba(172, 172, 172, 1);
	white-space: nowrap;
}

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

.breadcrumb>li:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -5px;
	transform: translateY(-50%);
	width: 8px;
	height: 14px;
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.599609 12.5996L6.59961 6.59961L0.599609 0.599609' stroke='%23D3D3D3' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}

.breadcrumb>li:first-child {
	padding-left: 0;
}

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

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

.breadcrumb a {
	color: rgba(26, 26, 26, 1);
}


.pagination>li>a,
.pagination>li>span {
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 42px;
	height: 42px;
	color: #777;
	font-size: 14px;
	margin-right: 0;
	gap: 10px;
	background: transparent;
	border-radius: 6px;
	border: 1px solid rgba(226, 226, 226, 1);

}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
	border-radius: 6px;

}

.pagination {
	display: flex;
	width: 100%;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
	justify-content: center;
	margin: 16px 0 32px 0;
	border-radius: 0;
	gap: 15px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	color: #000;
	background: transparent;
	border: 1px solid rgba(11, 11, 11, 1);
	pointer-events: none;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	background: transparent;
	color: #999;
	border-color: #999 !important;
}




.pagination-text-justify form {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 25px 0;
}

.pagination>li.pagination-right>a {
	width: 100%;
}

.pagination>li svg {
	height: 15px;
}

.pagination>li.pagination-left>a {
	width: 100%;
}

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

.pagination>li.pagination-right {
	margin-left: 10px;
}

.buttons {
	margin: 1em 0;
}

.btn {
	padding: 7.5px 12px;
	font-size: 12px;
	border: 1px solid #cccccc;
	border-radius: 4px;
}

.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;
}

.btn-default {
	color: #121212;
	background-color: #f1f1f1;
	border-color: #f1f1f1;
	border-radius: 0;
	box-shadow: none;
	height: 45px;
	min-width: 45px;
}

.btn-default:hover,
.btn-default:active,
.btn-default.active,
.btn-default.disabled,
.btn-default[disabled] {
	background-color: #ededed;
	border-color: #ededed;
	color: #000;
}

.btn-primary {
	color: #ffffff;
	background-color: var(--main-color);
	border-color: var(--main-color);
	border-radius: 6px;
	box-shadow: none;
	height: 42px;
	min-width: 45px;
	align-items: center;
	text-align: center;
	padding: 10px 20px;
	font-size: 16px;

}

.header-telephone-btn {
	color: #ffffff;
	background-color: var(--main-color);
	border-color: var(--main-color);
	border-radius: 6px;
	box-shadow: none;
	height: 36px;
	display: flex;
	align-items: center;
	text-align: center;
	padding: 0 20px;
	font-size: 14px;
}

.btn-light {
	background-color: #fff;
	border-color: rgba(226, 226, 226, 1);
	color: var(--main-color-text);
	border-radius: 6px;
	box-shadow: none;
	height: 42px;
	min-width: 45px;
	align-items: center;
	text-align: center;
	padding: 10px 20px;
	font-size: 16px;
}

.btn-light:hover,
.btn-light:active,
.btn-light:focus,
.btn-light.active,
.btn-light.disabled,
.btn-light[disabled] {
	background-color: #fff !important;
	border-color: var(--main-color) !important;
	color: var(--main-color) !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
	background-color: var(--main-color-hover) !important;
	border-color: var(--main-color-hover) !important;
}

.btn-warning {
	color: #ffffff;
	background-color: #faa732;
	border-color: #faa732;
}

.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;
	background-color: #da4f49;
	border-color: #da4f49;
}

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

.btn-success {
	color: #ffffff;
	background-color: #5bb75b;
	border-color: #5bb75b;
}

.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: #ffffff;
	background-color: #df5c39;
	border-color: #df5c39;
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}

.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-inverse {
	color: #ffffff;
	background-color: #363636;
	border-color: #363636;
}

.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);
}

.carousel-caption {
	color: #FFFFFF;
}

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

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


.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}

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

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

.thumbnails>img {
	width: 100%;
}

.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}

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

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

@media (min-width: 1200px) {

	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear: left;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear: left;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear: left;
	}
}

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

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

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

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

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

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

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}

/* fix oclabs */
.alert-dismissable .close,
.alert-dismissible .close {
	right: -1px;
}

.container {
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	max-width: 1500px;
}

.search-wrap {
	position: static;
}

#search .input-lg {
	height: 48px;
	border-radius: 0 8px 8px 0;
	background: #fff;
	border: none;
	color: #000;
	box-shadow: none;
	padding: 0 18px 0 0;
}

#search .input-lg::placeholder {
	color: rgba(172, 172, 172, 1);
}

#search .btn-lg {
	height: 48px;
	width: 20px;
	display: flex;
	padding: 0;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: none;
	box-shadow: none;
	border-radius: 6px 0 0 6px
}

#search .btn-lg:hover {
	background-color: #fff;
}

.search__group {
	display: flex;
	align-items: center;
	border-radius: 8px;
	width: 280px;
}

#advanced-search-results {
	position: absolute;
	height: 100%;
	top: 100%;
	left: 0;
	right: 0;
	background: #ffffff;
	border-top: 1px solid #f0f0f0;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
	z-index: 50;
	padding: 30px 0;
	min-height: 590px;
	width: 100%;
	z-index: 9999;
}

#advanced-search-results .search-container {
	display: flex;
	margin: 0 auto;
	padding: 0 15px;
	height: 100%;
}

.header-bottom-search .header-menu {
	display: none;
}

.header-bottom-search .search__group,
.header-bottom-search .header-bottom-right,
.header-bottom-search .header-search,
.header-bottom-search .search-wrap {
	width: 100%;
}

.search-left-col {
	width: 280px;
	flex-shrink: 0;
	padding-right: 24px;
	border-right: 1px solid #f2f2f2;
	height: 100%;
	overflow-y: auto;
}

.search-section {
	margin-bottom: 25px;
}

.search-title {
	font-size: 16px;
	margin-bottom: 20px;
	text-transform: none;
}

.search-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.search-list li {
	margin-bottom: 10px;
}

.search-list li a {
	color: rgba(114, 114, 114, 1);
	text-decoration: none;
	font-size: 14px;

	align-items: center;
}

#default-popular-products .slider-header,
.hits-grid .slider-header {
	margin-bottom: 20px;
}

#default-popular-products .slider-header .title,
.hits-grid .slider-header .title {
	font-size: 16px;
}

.coh-order-block .slider-header {
	margin-bottom: 12px;
}

.list-queries li a:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	vertical-align: middle;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C10.866 0 14 3.13401 14 7C14 8.75624 13.3515 10.3599 12.2832 11.5889C12.3078 11.6058 12.3316 11.6246 12.3535 11.6465L15.8535 15.1465C16.0488 15.3417 16.0488 15.6583 15.8535 15.8535C15.6583 16.0488 15.3417 16.0488 15.1465 15.8535L11.6465 12.3535C11.6246 12.3316 11.6058 12.3078 11.5889 12.2832C10.3599 13.3515 8.75624 14 7 14C3.13401 14 0 10.866 0 7C0 3.13401 3.13401 0 7 0ZM7 1C3.68629 1 1 3.68629 1 7C1 10.3137 3.68629 13 7 13C10.3137 13 13 10.3137 13 7C13 3.68629 10.3137 1 7 1Z' fill='%23ACACAC'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}

.list-cats li a:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	vertical-align: middle;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.66683 4.66667L7.92313 3.17928C7.7091 2.7512 7.60207 2.53715 7.44241 2.38078C7.30122 2.24249 7.13104 2.13732 6.94421 2.07287C6.73294 2 6.49363 2 6.01502 2H3.46683C2.72009 2 2.34672 2 2.06151 2.14532C1.81063 2.27316 1.60665 2.47713 1.47882 2.72801C1.3335 3.01323 1.3335 3.3866 1.3335 4.13333V4.66667M1.3335 4.66667H11.4668C12.5869 4.66667 13.147 4.66667 13.5748 4.88465C13.9511 5.0764 14.2571 5.38236 14.4488 5.75869C14.6668 6.18651 14.6668 6.74656 14.6668 7.86667V10.8C14.6668 11.9201 14.6668 12.4802 14.4488 12.908C14.2571 13.2843 13.9511 13.5903 13.5748 13.782C13.147 14 12.5869 14 11.4668 14H4.5335C3.41339 14 2.85334 14 2.42552 13.782C2.04919 13.5903 1.74323 13.2843 1.55148 12.908C1.3335 12.4802 1.3335 11.9201 1.3335 10.8V4.66667Z' stroke='%23ACACAC' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}

.search-right-col {
	flex-grow: 1;
	padding-left: 32px;
}

.products-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
}

.load-more-btn-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px 0;
}

.article-item a {
	display: grid;
	grid-template-columns: 52px 1fr;
	gap: 10px;
	margin-bottom: 16px;
}

.article-item img {
	width: 52px;
	height: 52px;
	border-radius: 4px;
	object-fit: cover;
}

.article-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.article-info .name {
	margin-bottom: 5px;
	font-size: 14px;
}

.article-info .date {
	color: rgba(114, 114, 114, 1);
	font-size: 10px;
}

.btn-all-results {
	width: 100%;
	margin-top: 10px;
	display: flex;
	justify-content: center;
	text-align: center;
}

.empty-msg {
	padding: 40px;
	text-align: center;
	background: #fdfdfd;
	border: 1px dashed #ddd;
	border-radius: 8px;
	margin-bottom: 30px;
}

.empty-msg p {
	font-size: 18px;
	color: #333;
}

.empty-msg .small {
	font-size: 14px;
	color: #777;
	margin-top: 10px;
}

.loader-search {
	border: 3px solid #f3f3f3;
	border-top: 3px solid #006442;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite;
	margin: 50px auto;
}

.topline {
	background-color: #121212;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 25px;
	overflow: hidden;
	text-align: center;
	position: sticky;
	top: 0;
	z-index: 500;
}

.topline a {
	color: #fff;
	font-size: 12px;
	text-align: center;
}

.header {
	z-index: 500;
	background-color: #fff;
	position: sticky;
	top: -66px;
}


.with-topline .header {
	top: 25px;
}

.header-top {
	background-color: #fff;
}

.header-top-container {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 20px;
	padding: 15px 20px;
	align-items: center;
}

.header-top-container::after,
.header-top-container::before,
.header-bottom-container::after,
.header-bottom-container::before {
	display: none;
}

.header-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 24px;
}

.header-bottom {
	background-color: rgba(245, 245, 245, 1);
	position: relative;
	min-height: 64px;
	display: flex;
	align-items: center;
}

.checkout-success .header-bottom {
	border-bottom: 1px solid rgba(226, 226, 226, 1);
}

.header-bottom-container {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 50px;
	align-items: center;
}

.header-bottom-right {
	display: flex;
	gap: 16px;
}

.header-menu-wrapper {
	display: flex;
	gap: 24px;
	align-items: center;
	height: 100%;
}

.header-menu-item>a,
.header-menu-item {
	font-size: 18px;
	display: flex;
	align-items: center;
	gap: 6px;
	height: 100%;
}

.header-menu-wrapper>.header-menu-item {
	padding: 16px 0;
	border-bottom: 2px solid transparent;
}

.header-menu-wrapper>.header-menu-item:hover {
	border-color: #000;
}

.header-menu-item.dropdown-label {
	position: static;
}

.header-menu-item.dropdown-label .box-dropdown {
	position: absolute;
	left: 0;
	width: 100%;
	max-width: 100%;
	border-radius: 0 0 5px 5px;
	border: none;
	padding: 32px 0;
}

.header-menu-item.dropdown-label .box-dropdown .container {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.header-menu-item.dropdown-label .box-dropdown .container::before,
.header-menu-item.dropdown-label .box-dropdown .container::after {
	display: none;
}

.dropdown-products {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	border-left: 1px solid rgba(226, 226, 226, 1);
	padding-left: 32px;
}

.dropdown-products .product-item a {
	flex-direction: column;
	gap: 0;
	align-items: flex-start;
}

.box-dropdown-menu {
	column-count: 2;
	column-gap: 24px;
	padding-right: 50px;
}

.box-dropdown-menu a {
	display: block;
	margin-bottom: 16px;
	break-inside: avoid;
}

.box-dropdown-menu a:hover {
	color: var(--main-color);
}

.popup-bg {
	display: none;
	align-items: stretch;
	justify-content: flex-end;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99000;
}

.cart-body {
	background-color: #fff;
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
	max-width: 470px;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	padding-bottom: 120px;
}

#popup-bg .cart-buttons {
	margin-top: 0;
	position: fixed;
	bottom: 0;
	max-width: 470px;
    width: 100%;
	padding: 16px 32px 24px 32px;
	border: none;
	width: 100%;
	background: #fff;
	z-index: 999999;
}

.cart-body .title {
	font-size: 20px;
	padding: 15px 32px;
	border-bottom: 1px solid rgba(220, 220, 220, 1);
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.cart-body .title .close {
	position: relative;
}

.cart-products {
	display: grid;
	grid-template-columns: 88px 1fr;
	gap: 16px;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid rgba(220, 220, 220, 1);
}

.cart-products:last-child {
	border-bottom: none;
}

.cart-products-top {
	display: flex;
	gap: 8px;
	justify-content: space-between;
}

.cart-products-bottom {
	display: grid;
	grid-template-columns: 1fr 1fr auto;
	gap: 16px;
	align-items: center;
	margin-top: 8px;
}

.cart-products_btns {
	display: flex;
	flex-direction: column;

	gap: 4px;
}

.cart-products__image img {
	width: 100%;
	border-radius: 8px;
}

.cart-products__quant {
	display: flex;
	border: 1px solid rgba(220, 220, 220, 1);
	border-radius: 8px;
	width: max-content;
}

.cart-products__name a {
	font-size: 14px;
	display: flex;
	margin-bottom: 4px;
}

.cart-products__price {
	font-size: 16px;
	display: flex;
	gap: 4px;
	align-items: center;
}

.cart-quantity__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	border-radius: 0;
	flex: 0 0 33px;
	min-width: 33px;
	cursor: pointer;
	border: 1px solid transparent;
	background-color: transparent;
}

.cart-quantity__btn:hover,
.cart-quantity__btn:active,
.cart-quantity__btn:focus {
	color: #000;

}

.cart-quantity__input {
	border: 1px solid transparent;
	text-align: center;
	height: 36px;
	width: 36px;
	min-width: 36px;
	box-shadow: none;
	outline: none;
	background: transparent;
}

.cart-remove,
.cart-wishlist {
	background-color: transparent;
	border: 1px solid transparent;
	box-shadow: none;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	width: 32px;
	flex: 0 0 32px;
}

.cart-products__total {
	font-size: 16px;
	color: #121212;
}

.cart-options {
	font-size: 12px;
	color: rgba(122, 122, 122, 1);
}

.cart-buttons {
	margin-top: 20px;
	display: flex;
	gap: 12px;
	flex-direction: column;
}


.cart-data div.table-striped {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.cart-totals-box {
	border: 1px solid rgba(220, 220, 220, 1);
	border-radius: 12px;
	padding: 16px;
}

.cart-totals-box-title {
	font-size: 16px;
	margin-bottom: 12px;
}

.cart-totals {
	display: flex;
	justify-content: space-between;
	padding: 4px 0;
	color: rgba(122, 122, 122, 1);
	font-size: 14px;
	gap: 10px;
	align-items: center;
}

.cart-totals__price {
	color: var(--main-color-text);
}

.cart-totals__title {
	display: flex;
	align-items: center;
	gap: 8px;
}

.cart-fixed-btn {
	display: none;
}

#total-total {
	border-top: 1px dashed rgba(220, 220, 220, 1);
	margin-top: 10px;
	padding-top: 14px;
}

#total-total .cart-totals__price {
	color: var(--main-color-text);
	font-size: 20px;
}

.cart-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	width: 36px;
	flex: 0 0 36px;
	background-color: var(--main-color);
	border-radius: 8px;
}

#cart #cart-header-btn {
	display: flex;
	align-items: center;
	background-color: #fff;
	padding: 4px 16px 4px 4px;
	gap: 10px;
	border-radius: 8px;
	text-align: left;
	border: 2px solid transparent;
	box-shadow: none;
	position: relative;
	height: 48px;
}

.cart-text {
	color: rgba(114, 114, 114, 1);
	font-size: 12px;
	display: flex;
	flex-direction: column;

}

.cart-text span {
	color: rgba(26, 26, 26, 1);
	font-size: 16px;
}

.total-cart-badge {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 20px;
	width: 20px;
	background-color: var(--main-color);
	color: #fff;
	position: absolute;
	top: -10px;
	right: -10px;
	border-radius: 50%;
	font-size: 14px;
}

.cart-data #sub_total {
	display: none;
}

.cart-data {
	padding: 24px 32px;
}

.empty-cart-box {
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: center;
	text-align: center;
}

.empty-cart-box-title {
	margin-top: 16px;
	font-size: 24px;
}

.empty-cart-box-text {
	font-size: 14px;
	color: rgba(114, 114, 114, 1);
}

.cart-recommended {
	padding: 0 0 24px 32px;
}

.cart-recommended .title {
	border: none;
	font-size: 16px;
	padding: 0;
}

.cart-recommended .slider-header {
	margin-bottom: 12px;
	padding-right: 32px
}

.cart-recommended .product-item-caption {
	padding: 8px 0;
}

.cart-recommended .product-item-name {
	margin: 0 0 5px 0;
}

.cart-recommended .product-item-bottom button,
.cart-recommended .like {
	height: 36px;
	width: 36px;
}

#coh-splide .product-item-name {
	margin: 0 0 8px 0;
	display: -webkit-box;
	display: box;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

#coh-splide .product-item {
	display: grid;
	grid-template-columns: 80px 1fr;
	gap: 12px;
}

#coh-splide .product-item-caption {
	padding: 0;
}

#coh-splide .product-item-bottom {
	text-align: right;
	justify-content: flex-end;
	gap: 8px;
}

#coh-splide .product-item-bottom .product-item-price {
	font-size: 17px;
}

.recommended-title {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	align-items: center;
	font-size: 20px;
	margin-bottom: 21px;
}

.recommended-title .splide__arrow {
	position: static;
	background-color: transparent;
	border: 1px solid rgba(220, 220, 220, 1);
	display: flex;
	opacity: 1;
	height: 36px;
	width: 36px;
	flex: 1 1 36px;
	border-radius: 50px;
	transform: none;
}

.recom-item__image {
	border-radius: 12px;
	overflow: hidden;
}

.free-delivery-wrapper {
	margin: 25px 0 25px;
	padding: 0 5px;
}

.free-delivery-bar {
	width: 100%;
	height: 2px;
	background: #e9e9e9;
	border-radius: 2px;
	position: relative;
	margin-bottom: 12px;
}

.free-delivery-line {
	height: 100%;
	background: #000;
	border-radius: 2px;
	position: relative;
	transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.free-delivery-truck {
	position: absolute;
	right: -12px;
	top: -7px;
	transition: inherit;
}

.free-delivery-text {
	font-size: 15px;
	color: #333;
}

.free-delivery-text strong {
	font-weight: 700;
}

.free-delivery-text .accent {
	color: rgba(233, 63, 17, 1);
}

.splide__arrows {
	display: flex;
	gap: 10px;

}

.overflow-none {
	overflow: hidden;
}

.visible-popup {
	display: flex;
}

.header-logo {
	max-width: 134px;
}

.header-logo img {
	width: 100%;
	height: auto;
}


.header-account>a,
.header-wishlist a,
.search-btn,
.header-compare a {
	display: flex;
	position: relative;
	width: 48px;
	height: 48px;
	align-items: center;
	justify-content: center;
}

.header-information {
	display: flex;
	align-items: center;
	gap: 24px;
}

.header-information-more {
	position: relative;
	cursor: pointer;
}

.dropdown-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #000;
	position: relative;
}

.chevron-icon {
	transform-origin: center center;
	transition: transform 0.3s ease;
}

.header-information-more:hover .chevron-icon,
.dropdown-label:hover .chevron-icon {
	transform: rotate(180deg);
}

.box-dropdown {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	box-shadow: 0 4px 12px rgba(16, 24, 40, 0.06);
	z-index: 100;
	border-radius: 8px;
	min-width: 180px;
	padding: 8px;
	border: 1px solid rgba(226, 226, 226, 1);
}

.header-telephone-dropdown.box-dropdown {
	top: 0;
	padding: 12px;
}

.header-telephone-dropdown-title {
	margin-bottom: 12px;
}

.header-telephone-dropdown-text {
	color: rgba(172, 172, 172, 1);
	margin-bottom: 12px;
}

.box-dropdown .header-information-item,
.box-dropdown .header-menu-item {
	display: block;
	padding: 4px 8px;
	border-radius: 2px;
	font-size: 14px;
}

.box-dropdown .header-information-item:hover,
.box-dropdown .header-menu-item:hover {
	background-color: rgba(245, 245, 245, 1);
}

.user-avatar-circle {
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(11, 11, 11, 1);
	border-radius: 50%;
	height: 24px;
	width: 24px;
	flex: 0 0 24px;
	line-height: initial;
}

.user-name {
	line-height: initial;
}

.header-account-logged {
	display: flex;
	align-items: center;
	gap: 6px;
	height: 48px;
	font-size: 14px;
}

.header-account .box-dropdown>a {
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 8px;
}

.header-account .box-dropdown>a:hover svg path,
.header-account .box-dropdown>a:hover svg circle {
	stroke: #000;
}

.header-account .box-dropdown {
	width: max-content;
}

.header-language-currency,
.header-account {
	position: relative;
}

.header-language-currency .box-dropdown {
	left: initial;
	right: 0;
	top: 0;
}

.header-information-more:hover .box-dropdown,
.dropdown-label:hover .box-dropdown,
.header-language-currency:hover .box-dropdown,
.header-account:hover .box-dropdown {
	display: block;
}

.combined-dropdown-content-title {
	font-size: 18px;
	margin-bottom: 24px;
}

.combined-dropdown-content-subtitle {
	font-size: 14px;
	color: rgba(172, 172, 172, 1);
	margin-bottom: 4px;
}

#language {
	margin-bottom: 12px;
}

#language,
#currency {
	display: flex;
	flex-direction: column;
}

#language a,
#currency a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px;
	gap: 4px;
	border-radius: 2px;
	cursor: pointer;
}

#language a.selected-language,
#currency a.selected-currency {
	background-color: #F5F5F5;
	cursor: default;
}

.header-socials {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.header-telephone .header-socials a {
	gap: 8px;
	white-space: nowrap;
}

.header-compare {
	position: relative;
}

#wishlist-total,
#compare-total {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 14px;
	width: 14px;
	background-color: var(--main-color);
	color: #fff;
	position: absolute;
	top: 9px;
	right: 7px;
	border-radius: 50%;
	font-size: 9px;
}

.header-telephone a {
	display: flex;
	align-items: center;
	gap: 4px;
}

.category-page-wrapper {
	display: grid;
	grid-template-columns: 286px 1fr;
	gap: 32px;
}

.category-page-wrapper-full-width.category-page-wrapper {
	grid-template-columns: 1fr;
}


.product-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px 16px;
}

.product-wrapper img {
	width: 100%;
}

.product-module {
	margin: 40px 0;
}


.product-item {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}

.product-item.outstoke .product-item-image {
	opacity: 0.7;
}

.product-item.outstoke .product-item-bottom button {
	opacity: 0.7;
	pointer-events: none;
}

.product-item-out {
	color: rgba(172, 172, 172, 1);
	margin: 0 0 8px 0;
}

.like {
	background: transparent;
	box-shadow: none;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	border: 1px solid transparent;
	z-index: 2;
	position: absolute;
	top: 12px;
	right: 12px;
	border-radius: 6px;
	background-color: #fff;
}

.compare {
	background: transparent;
	box-shadow: none;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	border: 1px solid transparent;
	z-index: 2;
	position: absolute;
	top: 58px;
	right: 12px;
	border-radius: 6px;
	background-color: #fff;
}

.product-item-image {
	position: relative;
	overflow: hidden;
	border-radius: 6px;
	flex-shrink: 0;
}

.product-item-image img {
	transition: opacity 0.3s ease-in-out;
	display: block;
	width: 100%;
	height: auto;
}

.product-item-caption-rating {
	line-height: 1;
	display: flex;
	gap: 6px;
	align-items: center;
	margin-top: auto;
}

.product-item-caption-rating-count {
	color: rgba(172, 172, 172, 1);
	font-size: 12px;
	line-height: 1;

}

.img-secondary {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 1;
}

.product-item:hover .img-secondary {
	opacity: 1;
}

.product-item:hover .img-primary {
	opacity: 1;
}

.product-item:hover .img-primary:has(+ .img-secondary) {
	opacity: 0;
}

.product-item:hover .img-secondary {
	opacity: 1;
}

.product-item-name {
	margin: 16px 0;
	font-size: 14px;
	display: -webkit-box;
	display: box;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	overflow: hidden;

}

.product-item-empty-rating .product-item-name {
	margin-top: auto;
}

.product-item-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;

}

.product-item-bottom button {
	box-shadow: none;
	border: none;
	background-color: var(--main-color);
	border: 1px solid var(--main-color);
	align-items: center;
	justify-content: center;
	display: flex;
	height: 48px;
	width: 48px;
	border-radius: 6px;
}

.product-item-bottom button:hover {
	background-color: var(--main-color-hover);
	border-color: var(--main-color-hover);
}

.product-item-bottom .product-item-price {
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
}

.product-item-bottom .product-item-price .price-old {
	order: -1;
}

.product-item-bottom .product-item-price .price-new {
	color: rgba(233, 63, 17, 1);
	font-size: 20px;
}

.product-item-bottom .product-item-price {
	font-size: 20px;
}

.product-item-caption {
	padding: 16px 0;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.product-module .splide__slide .product-item .product-item-caption {
	min-height: 166px;
}

.product-item-price {
	display: flex;
	gap: 5px;
	font-family: var(--font-semibold);
	font-size: 16px;
	align-items: center;

}

.price-new {
	color: rgba(233, 63, 17, 1);
	font-size: 16px;
}


.product-item-caption .product-groups-list-text:nth-of-type(2)~.product-groups-list-text,
.product-item-caption .product-groups-list-text:nth-of-type(2) {
	display: none;
}


.product-item-caption .product-groups-list-text:first-of-type:has(~ .product-groups-list-text) .product-groups-text-list::after {
	content: "+1";
	display: inline-block;
	margin: 7px 0 0 8px;
	line-height: 1;
	font-size: 13px;
	color: #121212;
}

.price-tax {
	margin-top: 5px;
}

body .swiper-viewport {
	border: none;
	border-radius: 0;
	box-shadow: none;
}

body .swiper-slide.text-center {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

body .swiper-slide img {
	width: 100%;
}

body .swiper-button-next:before,
body .swiper-button-prev:before {
	content: '';
}

body .swiper-pagination-bullet {
	width: 25px;
	height: 2px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 0;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
	margin: 0 7px;
	opacity: 0.5;
	transition: background 0.3s, opacity 0.3s;
}

body .swiper-pagination-bullet-active {
	background: rgba(0, 0, 0, 0.7);
	opacity: 1;
}

body .swiper-pagination-bullet:hover {
	background: rgba(0, 0, 0, 0.5);
	opacity: 0.8;
}

.category-page {
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin-bottom: 32px;
}

.sort-box {
	position: relative;
	display: inline-block;
}


#input-sort-mobile-btn {
	display: flex;
	align-items: center;
	background: transparent;
	border-radius: 8px;
	padding: 10px 15px;
	cursor: pointer;
	gap: 10px;
	min-width: 220px;
	user-select: none;
	border: 1px solid rgba(226, 226, 226, 1);
}

.icon-sort {
	flex-shrink: 0;
}

.current-sort {
	flex-grow: 1;
	font-size: 14px;
	color: #0B0B0B;
}

.icon-arrow {
	transition: transform 0.2s;
}

#input-sort.visible-sort+#input-sort-mobile-btn .icon-arrow {
	transform: rotate(180deg);
}

#input-sort {
	display: none;
	position: absolute;
	top: calc(100% + 5px);
	left: 0;
	width: 100%;
	background: #FFFFFF;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	z-index: 100;
	overflow: hidden;
}

#input-sort.visible-sort {
	display: block;
}

#input-sort a {
	display: block;
	padding: 12px 15px;
	font-size: 14px;
	color: #0B0B0B;
	text-decoration: none;
	transition: background 0.2s;
	position: relative;
}

#input-sort a:hover {
	background: #F9F9F9;
}

#input-sort a.active {
	background: #F5F5F5;
	font-weight: 500;
}

#input-sort a.active:after {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 10px;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.5L4.66667 9.5L13 1' stroke='%23008D4C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}

.top-title {
	margin: 0;
}

.category-controlls {
	display: flex;
	gap: 50px;
	margin-bottom: 20px;
	position: relative;
	align-items: center;
	justify-content: space-between;
}

.category-controlls-right {
	display: inline;
}

.category-controlls-results {
	color: rgba(172, 172, 172, 1);
	margin: 0;
	display: inline;
	position: relative;
	top: -3px;
	white-space: nowrap;
}
.category-controlls-right .top-title {
	display: inline-block;
	margin: 0 8px 7px 0;
}
.category-module {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-bottom: 30px;
}

.category-module-item {
	color: #555;
}

.category-module-active {
	color: #000;
}

.width-25 {
	width: 25%;
}

.width-50 {
	width: 50%;
}

.product-wrapper-horisontal {
	display: flex;
	flex-direction: column;
}

.categories {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 20px;
	margin-bottom: 30px;
}

.categories img {
	border-radius: 6px;
}

.categories-item {
	display: flex;
	flex-direction: column;
	gap: 10px;
	text-align: center;
	align-items: center;
}

summary::-webkit-details-marker {
	display: none;
}

summary {
	text-align: left;
	cursor: pointer;
}


.rating {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
}

.rating-stars {
	display: flex;
	align-items: center;
	gap: 3px;
}

.empty-star {
	fill: #ddd;
}

.full-star {
	fill: #ffb300
}

.btn-wishlist {
	height: 54px;
	width: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: 1px solid #fff;
}

.btn-wishlist svg {
	height: 20px;
}

.btn-compare {
	height: 54px;
	width: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: 1px solid #fff;
}

.btn-compare svg {
	height: 20px;
}

.product-description-title {
	margin-bottom: 20px;
}

.product-attribute-title {
	margin-bottom: 20px;
}

.product-review-title {
	margin-bottom: 20px;
}

.product-info-box {
	margin-bottom: 30px;
}

.star-form {
	fill: #ddd;
	cursor: pointer;
	height: 23px;
}


.star-form.selected {
	fill: #ffb300;
}

.rating-form-stars label input {
	display: none;
}

.rating-form-stars {
	display: flex;
	gap: 5px;
	margin: 15px 0;
}

.review-form-box .buttons {
	display: flex;
	margin: 0;
}

.button-add-review-box {
	display: flex;
	justify-content: flex-start;
}

.button-add-review {
	margin-bottom: 30px;
}

.review-empty {
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: rgb(244, 244, 244);
	padding: 15px;
	border-radius: 10px;
}

.form-control {
	border-color: #ddd;
}

#review {
	margin: 20px 0;
}

.review-form {
	background: #fbfbfb;
	padding: 50px;
	margin-top: 30px;
	max-width: 550px;
	width: 100%;
	display: none;
}

.review-form .form-control {
	border-color: transparent;
	border-bottom-color: #999;
	padding: 0;
	background-color: transparent;
}

.review-form .form-control:focus,
.review-form .form-control:active {
	border-color: transparent;
	border-bottom-color: #999;
	padding: 0;
	background-color: transparent;
}

.review-form input.form-control {
	height: 50px;
	margin-bottom: 10px;
}

.panel-default {
	border-color: transparent;
}

.panel-default>.panel-heading {
	color: #000;
	padding: 10px 0;
	background-color: transparent;
	font-family: var(--font-regular);
	font-size: 17px;
	border: none !important
}

.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
	background-color: transparent;
	color: #000;
	border-color: transparent;
}

.list-group a {
	color: #333;
	border: none !important;
	padding: 10px 0;
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 0;
	margin-bottom: -1px;
	background-color: transparent;
	border: 1px solid transparent;
}

.panel-footer {
	padding: 0;
	background-color: transparent;
	border: none;
	box-shadow: none;
	text-align: left;
}

.rating-text span {
	cursor: pointer;
}

.form-control:focus,
.form-control:active {
	box-shadow: none;
	border-color: inherit;
	outline: none;
}

.review-table__header p {
	font-family: var(--font-regular);
	display: flex;
	gap: 15px;
	align-items: center;
}


.socials {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.socials svg {
	width: 20px;
	height: 20px;
}

:root {
	--menu-width: 380px;
	--menu-bg: #ffffff;
	--menu-text: #000000;
	--menu-accent: #c41e3a;
	--transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}



.slideshow-text {
	position: absolute;
	left: 0;
	bottom: 70px;
	width: 100%;
	z-index: 5;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	text-align: center;
	padding: 0 32px 20px 32px;
}

.slider-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 24px 0;
	position: relative;
}

.slideshow-text .btn-primary {
	padding: 14px 32px;
	height: 48px;
}

.slideshow-title {
	font-size: 56px;
	color: #fff;
	line-height: 1.2;
	width: 50%;
}

.custom-arrows {
	display: flex;
	gap: 10px;
}

.custom-arrows button {
	background: none;
	border: none;
	cursor: pointer;
	padding: 5px;
	display: flex;
	align-items: center;
	transition: all 0.3s;
}

.custom-arrows button:hover {
	background-color: #f0f0f0;
}

.splide button:disabled {
	opacity: 0.3;
	cursor: default;
}

.custom-arrows .splide__arrow--prev,
.custom-arrows .splide__arrow--next {
	position: static;
	transform: none;
}

.custom-arrows button:hover {
	background-color: transparent;
}

.slider-header .custom-arrows button {
	border: 1px solid rgba(226, 226, 226, 1);
	height: 40px;
	width: 40px;
	border-radius: 8px;
}

.slider-header .custom-arrows button:hover {
	border-color: #444;
}


.product-thumb {
	position: relative;
}

.rd-stickers {
	position: absolute;
	bottom: 12px;
	left: 12px;
	z-index: 10;
	display: flex;
	flex-direction: column;
	gap: 4px;
	pointer-events: none;
}

.rd-sticker {
	display: inline-block;
	padding: 4px 8px;
	font-size: 14px;
	line-height: 1.4;
	white-space: nowrap;
	text-align: center;
	width: max-content;
	border-radius: 2px;
}

.rd-sticker--new {
	background: #4caf50;
	color: #fff;
}

.rd-sticker--sale {
	background: #f44336;
	color: #fff;
}

.rd-sticker--hit {
	background: var(--main-color);
	color: #fff;
}

.rd-home-text {
	position: relative;
	line-height: 1.7;
	margin: 40px 0;
}

.rd-home-text__body {
	overflow: hidden;
	transition: max-height 0.4s ease;

}

.rd-home-text__body--collapsed::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 28px;
	left: 0;
	width: 100%;
	height: 60px;
	background: linear-gradient(to bottom, transparent, var(--rd-ht-bg, #fff));
	pointer-events: none;
}

.rd-home-text__toggle {
	display: inline-block;
	margin-top: 8px;
	background: none;
	border: none;
	padding: 0;
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 2px;
	line-height: 1.4;
}

.rd-home-text__toggle:hover {
	opacity: 0.7;
}

.rd-home-text__toggle--hidden {
	display: none;
}

.footer {
	background-color: rgba(245, 245, 245, 1);
	color: var(--main-color-text);
	padding: 48px 0 0 0;
}

.footer-grid {
	display: grid;
	grid-template-columns: 1fr .5fr .5fr 1fr .8fr;
	gap: 20px;
	align-items: start;
}

.footer-grid-item-title {
	margin-bottom: 16px;
}

.footer-grid-item a {
	color: var(--main-color-text);
}
.footer-grid-item a.footer-info-telephone {
	color: rgba(114, 114, 114, 1);
}
.footer__socials {
	display: flex;
	gap: 10px;
	align-items: center;
}

.footer__socials-box {
	margin-top: 32px;
}

.footer__socials-title {
	margin-bottom: 12px;
}

.footer__socials a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	color: #fff;
	background-color: var(--main-color);
	border-radius: 5px;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	text-decoration: none;
}

.footer__socials a:hover {
	background-color: var(--main-color-hover);
	border-radius: 50%;
}

.footer .list-unstyled li {
	margin-bottom: 8px;
}

.footer-bottom-grid {
	display: flex;
	gap: 16px;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid rgba(226, 226, 226, 1);
	padding: 28px 0;
	margin-top: 36px;
}

.footer-info-text {
	color: rgba(172, 172, 172, 1);
	margin: 12px 0 24px 0;
}

.footer-info-email,
.footer-info-telegram {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}

.footer-bottom-grid-powered {
	color: rgba(172, 172, 172, 1);
}

.footer-logo img {
	max-width: 178px;
}


#filter-inner {
	display: flex;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 50000;
	height: 100%;
	width: 100%;
	background-color: rgb(255 255 255 / 30%);
	backdrop-filter: blur(10px);
	transform: translateX(-100%);
	opacity: 0;
	transition: all .4s ease-in-out;

}

#filter-inner.visible-filter {
	transform: translateX(0);
	opacity: 1;
}

#filter-inner #column-left {
	width: 30vw;
	height: 100%;
	padding: 40px;
	box-shadow: 0 0 30px 15px rgb(0 0 0 / 5%);
	background-color: #fff;
	overflow-y: auto;
	overflow-x: visible;

}

#filter-inner #column-left-grid,
#filter-inner #column-right-grid,
#filter-inner #column-left,
#filter-inner #column-right {
	position: relative;
	z-index: 600;
}


.slideshow .splide__controls {
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	padding: 8px;
	border-radius: 50px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
	position: absolute;
	bottom: 32px;
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
}

#main-slider .splide__pagination {
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	padding: 4px;
	border-radius: 50px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
	position: absolute;
	bottom: 8px;
	left: 50%;
	transform: translateX(-50%);
	width: max-content;

}

#main-slider .splide__pagination li {
	padding: 0;
}

.slideshow .splide__arrows {
	display: flex;
	align-items: center;
	gap: 10px;
}

.slideshow .splide__arrow {
	position: static;
	transform: none;
	background: none;
	border: none;
	padding: 0;
	width: auto;
	height: auto;
	opacity: 1;
	color: #000;
	cursor: pointer;
	transition: color 0.3s ease, opacity 0.3s ease;
	display: flex;
	align-items: center;
}

.slideshow .splide__arrow svg {
	width: 20px;
	height: 20px;
	fill: none;
}

.slideshow .splide__arrow:disabled {
	color: #d1d1d1;
	opacity: 1;
	cursor: default;
}

.splide__pagination {
	position: static;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	margin: 0;
	list-style: none;
}

.splide__pagination li {
	display: flex;
	align-items: center;
	padding: 0 2px;
}

.splide__pagination li.splide__pagination__page {
	display: block;
	width: 8px;
	height: 8px;
	background-color: #e0e0e0;
	border-radius: 50%;
	border: none;
	padding: 0;
	cursor: pointer;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	width: max-content;
}

.splide__pagination__page.is-active {
	background-color: #000;
	width: 8px;
	height: 8px;
	transform: none;
}

.like.btn-wishlist-active path {
	fill: var(--main-color);
	stroke: var(--main-color);
}

.product-page-right-btns-btn.btn-wishlist-active path {
	fill: var(--main-color);
	stroke: var(--main-color);
}
.compare.btn-compare-active path,
.product-page-right-btns-btn.btn-compare-active path {
  stroke: var(--main-color);
  paint-order: fill stroke;
}
.title {
	font-size: 32px;
}

.review-card {
	background: rgba(245, 245, 245, 1);
	padding: 16px;
	border-radius: 6px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.review-card__header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 15px;
}

.review-card__avatar {
	width: 44px;
	height: 44px;
	min-width: 44px;
	border-radius: 50%;
	overflow: hidden;
	background: #eee;
}

.avatar-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #222222;
	color: #fff;
	text-transform: uppercase;
}

.review-card__author {
	font-size: 16px;
	margin-bottom: 6px;
}

.review-card__info {
	width: 100%;
}

.review-card__meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.review-card__rating {
	color: #ddd;
	font-size: 12px;
}

.review-card__rating .star.filled {
	color: #000;
}

.review-card__date {
	font-size: 14px;
	color: rgba(172, 172, 172, 1);
}

.review-card__text {
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	margin-bottom: 15px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.review-card__more {
	font-size: 14px;
	color: rgba(114, 114, 114, 1);
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
	align-self: flex-start;
	margin-top: auto;
}

.product-link-options {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 8px;
}

.option-group {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.option-group a {
	border: 1px solid rgba(226, 226, 226, 1);
	padding: 4px 12px;
	border-radius: 6px;
	font-size: 14px;
}

.option-group a.active-option {
	border-color: rgba(11, 11, 11, 1);
}

.description-wrap {
	position: relative;
	margin: 32px 0 0 0;
	background-color: rgba(245, 245, 245, 1);
	border-radius: 16px;
	padding: 32px;
}

.description-wrap a {

	color: var(--main-color);
}
.description-wrap a:hover {
	text-decoration: underline;
}
.description-category {
	max-height: 195px;
	overflow: hidden;
	position: relative;
	transition: height 0.3s ease;
}

.description-wrap.expanded .description-category {
	max-height: initial;
	height: auto;
	overflow: visible;
}

.description-wrap.expanded .description-category::after {
	opacity: 0;
	pointer-events: none;
}


.description-wrap h2:first-child,
.description-wrap h1:first-child,
.description-wrap h1 {
	margin-top: 0;
}

.btn-read-more {
	display: block;
	margin-top: 20px;
	background: none;
	border: none;
	color: rgba(114, 114, 114, 1);
	cursor: pointer;
	padding: 0;
	border-bottom: 1px dotted #ccc;
}

.description-wrap img {
	max-width: 100%;
	border-radius: 5px;
}

#button-load-more {
	font-size: 14px;
	padding: 10px 80px;
}

.load-more-container {
	text-align: center;
	margin: 24px 0 16px 0;
}

.benefits {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	margin: 64px 0;
}

.benefits-item {
	text-align: center;
}

.benefits-icon {
	margin-bottom: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
}

.benefits-title {
	font-size: 18px;
	margin: 0 0 10px 0;
}

.benefits-text {
	color: rgba(83, 83, 83, 1);
	line-height: 1.5;
	padding: 0 70px;
}

.empty-products {
	margin: 15px 0;
}


#thumbnail-slider li.splide__slide {
	overflow: hidden;
	border-radius: 8px;
}


#thumbnail-slider .splide__track--nav>.splide__list>.splide__slide {
	border: 1px solid transparent;
}

#thumbnail-slider .splide__track--nav>.splide__list>.splide__slide.is-active {
	border-color: #444;
}

.product-page-left-top,
.product-page-left-price {
	display: none;
}

.product-page-left.active-popup {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.45);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 600;
	overflow-y: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.product-page-left.active-popup .product-page-left-container {
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-template-columns: 1fr 1fr;
	background-color: #fff;
	max-width: 95%;
	width: 100%;
	border-radius: 16px;
	overflow-y: hidden;
	max-height: 100%;
	min-height: 90vh;
}

.product-page-left.active-popup .product-page-left-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 24px;
	border-bottom: 1px solid rgba(226, 226, 226, 1);
	grid-column: 1 / -1;
	grid-row: 1;
}

.product-page-left.active-popup .product-page-left-top .title {
	font-size: 18px;
	line-height: 1.3;
}

.product-page-left.active-popup .product-page-left-top .close {
	position: relative;
	top: auto;
	right: auto;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
}

.product-page-left.active-popup #main-slider {
	grid-column: 1;
	grid-row: 2;
	width: 80%;
	justify-self: self-end;
	max-height: 60vh;
	overflow: hidden;
}

.product-page-left.active-popup #main-slider .splide__slide {
	display: flex;
	justify-content: center;
}

.product-page-left.active-popup #main-slider img {
	width: auto;
	height: auto;
	max-height: 60vh;
	max-width: 100%;
	object-fit: contain;
	cursor: default;
}

.product-page-left.active-popup #main-slider iframe {
	max-height: 60vh;
}

.product-page-left.active-popup .product-page-left-price {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 24px;
	background-color: rgba(245, 245, 245, 1);
	grid-column: 2;
	grid-row: 3;
	margin: 0 20px 0 0;
	height: max-content;
	width: 320px;
	align-self: flex-end;
	justify-content: flex-start;
	border-radius: 6px;
	transform: translateY(-50%);
}

.product-page-left-price .price-wrapper {
	margin: 0;
}

.product-page-left.active-popup .splide__pagination {
	display: none !important;
}

.product-page-left.active-popup .hidden-thumb {
	display: flex !important;
}

.product-page-left.active-popup #thumbnail-slider {
	grid-column: 1 / 2;
	grid-row: 3;
	width: 80%;
	justify-self: self-end;
	height: max-content;
}

.product-page-left.active-popup #thumbnail-slider .splide__track {
	overflow: hidden;
}

.product-page-left.active-popup #thumbnail-slider .splide__list {

	gap: 8px;
	justify-content: center;
}

.product-page-left.active-popup #thumbnail-slider .splide__slide {
	width: 67px !important;
	height: 67px !important;
	flex-shrink: 0;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid transparent;
}

.product-page-left.active-popup #thumbnail-slider .splide__slide.is-active {
	border-color: #444;
}


.product-page-left.active-popup #thumbnail-slider {
	position: relative;
}


.product-page-left.active-popup .rd-stickers,
.product-page-left.active-popup .more-photos {
	display: none !important;
}


.product-page-left .splide__arrow,
.coh-module-wrap .splide__arrow {
	display: flex;
	height: 40px;
	width: 40px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	opacity: 1;
}


#thumbnail-slider .splide__track--ttb>.splide__list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.product-page {
	display: flex;
	gap: 32px;
	background-color: rgba(245, 245, 245, 1);
	border-radius: 18px;
	padding: 28px;
	margin-bottom: 32px;
}

.product-page-left {
	width: 50%;

}

.product-page-left img {
	width: 100%;
	cursor: pointer;
}

.product-page-left-container {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 20px;
	position: relative;
	height: max-content;
	position: sticky;
	top: 28px;
}

.product-page-right {
	width: 50%;
	background-color: #fff;
	border-radius: 12px;
	padding: 28px 32px;
}

.product-page-right-stock {
	display: flex;
	gap: 6px;
	align-items: center;
	font-size: 16px;
}

.product-page-right-stock.in-stock {
	color: rgba(23, 178, 96, 1);
}

.product-page-right-stock.out-of-stock {
	color: rgba(255, 65, 65, 1);
}

.product-page-right-top {
	margin: 16px 0 26px 0;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 16px;
}

.product-page-right-top h1 {
	font-size: 24px;
	margin: 0;
}

.product-page-right-btns {
	display: flex;
	flex-direction: column;
}

.product-page-right-btns-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	background-color: transparent;
	border: 1px solid transparent;
	box-shadow: none;
}

#main-slider img {
	width: 100%;
	border-radius: 12px;
	overflow: hidden;
}

.product-page-left .rd-stickers {
	left: initial;
	bottom: initial;
	right: 16px;
	top: 16px;
}


.product-page-right-model-rating {
	display: flex;
	justify-content: space-between;
	gap: 16px;
}

.product-page-rating {
	display: flex;
	align-items: center;
	gap: 7px;
	color: rgba(114, 114, 114, 1);
	font-size: 14px;
	line-height: 1;
	cursor: pointer;
}

.product-page-rating-stars {
	display: flex;
	gap: 1px;
}

.product-model {
	display: flex;
	align-items: center;
	gap: 5px;
}

.product-model .product-model-title {
	color: rgba(172, 172, 172, 1);
}

#copy-model,
#copy-model-success {
	cursor: pointer;
	width: 14px;
	height: 14px;
}

#copy-model-success {
	display: none;
}

.price-wrapper {
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 25px 0 20px 0;
}

.price-main {
	font-size: 32px;
}

.discount-block {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.percent-label {
	background-color: rgba(255, 229, 227, 1);
	border-radius: 2px;
	padding: 1px 8px;
	font-size: 12px;
}
.price-old {
    color: rgba(172, 172, 172, 1);
    text-decoration: line-through;
}

.product-module .price-old, .product-wrapper .price-old{
    color: revert;
    text-decoration: revert;
}
.price-old {
	font-size: 13px;
	display: flex;
	gap: 6px;
	align-items: center;
}
.price-old span {
	color: rgba(172, 172, 172, 1);
	text-decoration: line-through;
}
.price-old .percent-label {
	color: #000;
	text-decoration: none !important;
	padding: 1px 4px;
    line-height: 1.3;
}
.price-main-new {
	color: rgba(233, 63, 17, 1);
}

.option-link-current-title {
	color: rgba(172, 172, 172, 1);
}

.option-link-title {
	font-size: 14px;
}

.option-link-title .control-label {
	margin-bottom: 12px;
}

.option-link-btn a {
	display: flex;
	height: 36px;
	align-items: center;
	justify-content: center;
	text-align: center;
	border: 1px solid rgba(226, 226, 226, 1);
	border-radius: 4px;
	padding: 0 12px;
}

.option-link-btn a.view1_product {
	color: #fff;
	background-color: rgba(64, 64, 64, 1);
}

.option-link-no-stock.option-link-btn a {
	background-color: #F5F5F5;
	color: rgba(226, 226, 226, 1);
	position: relative;
	overflow: hidden;
	pointer-events: none;
}



.option-link-no-stock.option-link-btn a::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(226, 226, 226, 1);
	transform: rotate(-25deg);
	pointer-events: none;
}

#button-cart,
#button-go-to-cart {
	height: 48px;
}

.product-page-sticky-footer-right #button-go-to-cart {
	height: 40px;
	padding: 0 20px;
	align-items: center;
	display: flex;
}

#stock-notifer {
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	gap: 8px;
}

.product-info {
	margin: 32px 0;
}

.info-block {
	margin-bottom: 32px;
}

.info-block__title {
	font-size: 18px;
	margin: 0 0 18px;
}

.info-row {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 11px;
	line-height: 1.6;
}

.info-row:last-child {
	margin-bottom: 0;
}

.info-row__icon {
	width: 24px;
	height: 24px;
}

.delivery-city {
	display: flex;
	align-items: center;
	gap: 4px;
	color: #888;
}

.delivery-city a {
	color: #222;
	text-decoration: underline;
	text-underline-offset: 2px;
	font-size: 13px;
}

.delivery-row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-top: 16px;
}

.delivery-row:last-child {
	margin-bottom: 0;
}


.delivery-row__info {
	flex: 1;
}

.delivery-row__name {
	font-size: 16px;
}

.delivery-row__date {
	font-size: 14px;
	color: rgba(172, 172, 172, 1);
	margin-top: 2px;
}

.delivery-row__price {
	white-space: nowrap;
	margin-left: auto;
}

.delivery-row__icon {
	margin: auto;
}


.product-info-extra {
	max-width: 100%;
	margin-top: 25px;

	color: #222;
}
#details-description details a {
	color: var(--main-color);
}
#details-description details a:hover {
	text-decoration: underline;
}
.info-details {
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
}

.info-details__summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 0;
	list-style: none;
	cursor: pointer;
	font-size: 18px;
	outline: none;
	line-height: 1.3;
}

.product-page-faq .info-details:last-child {
	border-bottom: none;
}

.info-details__summary::-webkit-details-marker {
	display: none;
}


.info-details__summary::after {
	content: '+';
	font-size: 18px;
	transition: transform 0.3s ease;
}

.info-details[open] .info-details__summary::after {
	content: '–';
}

.info-details__content {
	padding: 15px 0 25px 0;
	font-size: 14px;

}


.info-details__content p {
	margin: 0;
}

.info-details__content span {
	font-size: inherit !important;
	color: inherit !important;
}

.specification-table-line {
	display: flex;
	justify-content: space-between;
	padding: 10px 16px;
	gap: 24px;
}

.specification-table-text {
	text-align: right;
}

.specification-table-title {
	padding: 10px 16px;
}

.specification-table-line:nth-child(odd) {
	background-color: rgba(245, 245, 245, 1);
}

.specification-table-name {
	color: rgba(114, 114, 114, 1);
}

#details-uvaga summary span {
	color: rgba(233, 63, 17, 1);
	display: flex;
	align-items: center;
	gap: 8px;
}

#details-uvaga {
	border-bottom: none;
}

.alert-box {
	border: 1px solid rgba(0, 114, 65, 1);
	border-radius: 8px;
	padding: 16px;
	display: flex;
	gap: 12px;
	font-size: 14px;
	margin: 24px 0;
}

.alert-box-gray {
	border-radius: 8px;
	padding: 16px;
	background-color: rgba(245, 245, 245, 1);
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 24px 0;
}

.alert-box-gray p {
	display: flex;
	gap: 12px;
	margin: 0;
	font-size: 16px;
}

.last-visible-thumb {
	position: relative;
	cursor: pointer;
}

.more-photos {
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(226, 226, 226, 1);
	border-radius: 8px;
	cursor: pointer;
	width: 67px;
	height: 67px;
	font-size: 18px;
}

.more-photos:hover {
	border-color: #444;
}

.video-thumb {
	position: relative;
}

.play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.hidden-thumb {
	display: none !important
}

.video-slide {
	aspect-ratio: 1/1;
	border-radius: 12px;
	overflow: hidden;
}

.stock-popup-bg {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.25);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 100000;
}

.stock-popup-bg.active {
	display: flex;
}

.stock-body {
	background: #fff;
	width: 100%;
	max-width: 465px;
	position: relative;
	border-radius: 2px;
}

#stock-form-content {
	padding: 20px 28px 28px 28px;
	border-radius: 6px;
}

#stock-submit-btn {
	width: 100%;
	height: 48px;
}

.stock-header {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(226, 226, 226, 1);
	padding: 16px 28px;
}

.stock-header .title {
	font-size: 18px;
}

.stock-close {
	cursor: pointer;
}

.stock-field label {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
}

#stock-email-input {

	margin-bottom: 15px;
}

#stock-success-content,
.stock-success-content {
	padding: 20px 28px 28px 28px;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.success-title {
	font-size: 24px;
	margin-bottom: 21px;
}

.success-subtitle {
	color: rgba(114, 114, 114, 1);
	font-size: 14px;
	margin-bottom: 28px;
}

.success-icon {
	text-align: center;
	margin-bottom: 20px;
}

.stock-subtitle {
	color: rgba(114, 114, 114, 1);
	margin-bottom: 16px;
	font-size: 14px;
}

#stock-success-content .btn-primary {
	height: 48px;
}

#stock-error {
	color: red;
	margin-bottom: 10px;
}

.compare-table-wrapper {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	position: relative;
}

.compare-grid {
	display: inline-block;
	min-width: 100%;
}

.grid-products,
.grid-row-values {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 292px;
	width: max-content;
	border-left: 1px solid #eee;

}

.grid-row-full {
	position: sticky;
	left: 0;
	width: 100%;
	max-width: 100vw;
	box-sizing: border-box;
	background: #f4f4f4;
	padding: 10px 15px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	z-index: 5;
}

.grid-attribute-title {
	background: rgba(245, 245, 245, 1);
	font-size: 14px;
	color: rgba(11, 11, 11, 1);
}

.product-cell {
	width: 292px;
	padding: 0 15px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
}

.grid-value-cell {
	width: 292px;
	padding: 10px 15px;
	font-size: 14px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
	text-align: center;
	justify-content: center;
}

.compare-actions {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: space-between;
	margin: 24px 0 16px 0;
}

.buttons-group {
	display: flex;
	gap: 12px;
}

.compare-categories {
	display: flex;
	gap: 8px;
	margin-top: 32px;
	overflow-x: auto;
}

.compare-categories .btn-category.active {
	color: #fff !important;
	box-shadow: none !important;
	background-color: rgba(64, 64, 64, 1) !important;
}

.compare-page {
	padding-bottom: 48px;
}

.toggle-switch {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	gap: 12px;
	user-select: none;
}

.toggle-switch input {
	display: none;
}

.toggle-slider {
	position: relative;
	width: 40px;
	height: 12px;
	background-color: #E2E2E2;
	border-radius: 6px;
	transition: background-color 0.3s;
}

.toggle-slider::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background-color: white;
	border: 1px solid #D3D3D3;
	border-radius: 50%;
	box-shadow: 0px 0.74px 2.24px rgba(20, 20, 42, 0.06);
	transition: left 0.3s, background-color 0.3s;
}

.toggle-switch input:checked+.toggle-slider {
	background-color: var(--main-color);
}

.toggle-switch input:checked+.toggle-slider::after {
	left: calc(100% - 24px);
	background-color: var(--main-color);
	border-color: var(--main-color);
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L4.5 8.5L11 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

.toggle-label {
	font-size: 16px;
	color: #333;
}

.btn-remove-compare.close {
	background-color: #fff;
	display: flex;
	height: 36px;
	width: 36px;
	top: 16px;
	right: 16px;
	border-radius: 4px;
	opacity: 1 !important;
}

.btn-remove-compare.close::after,
.btn-remove-compare.close::before {
	background-color: #000;

}

.compare-container {
	position: relative;
	width: 100%;
}

.compare-table-wrapper {
	width: 100%;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;

}

.compare-table-wrapper::-webkit-scrollbar {
	display: none;
}

.compare-arrow {
	position: absolute;
	top: 150px;
	z-index: 10;
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 6px;
	display: none;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 2px 5px rgba(20, 20, 43, 0.1);
	transition: all 0.3s ease;
	border: none;
}


.compare-arrow.prev {
	left: -20px;
}

.compare-arrow.next {
	right: -20px;
}

.sticky-header-clone {
	position: fixed;
	top: 65px;
	left: 0;
	width: 100%;
	z-index: 101;
	background: #fff;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	display: none;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}

.sticky-header-clone .grid-products {
	padding: 8px 0;
	border: none;
}

.sticky-header-clone .product-cell {
	border-bottom: none;
	padding: 0 10px;
}

.sticky-header-clone .product-item {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 60px;
	width: 100%;
	flex-direction: row;
}

.sticky-header-clone .product-item-image {
	width: 48px;
	height: 48px;
	flex-shrink: 0;
	position: static;
}

.sticky-header-clone .product-item-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.sticky-header-clone .product-item-caption {
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	flex: 1 1 0%;
	min-width: 0;
	padding: 0;
	width: 100%;
}

.sticky-header-clone .product-item-name {
	font-size: 12px;
	line-height: 1.2;
	margin: 0 0 4px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	width: 100%;
	max-width: 100%;
	padding-right: 30px;
	box-sizing: border-box;
}

.sticky-header-clone .product-item-bottom .product-item-price {
	font-size: 15px;
}

.sticky-header-clone .container {
	padding: 0;
	position: relative;
}

#otploginpopupconfirm {
	padding: 0 16px;
}

.sticky-header-clone .product-item-bottom button {
	width: 34px;
	height: 34px;

}

.sticky-header-clone .product-item-bottom button svg {
	width: 18px;
	height: 18px;
}

.sticky-header-clone .btn-remove-compare {
	width: 18px;
	height: 18px;
	top: 0;
	right: 5px;
	background: none;
}

.sticky-header-clone .rd-stickers {
	display: none;
}

#sticky-compare-header .product-item-caption-rating {
	display: none;
}

#sticky-compare-header .product-item-bottom .product-item-price .price-new{
	font-size: 15px;
}
#sticky-compare-header .product-item-name {
	min-height: initial;
}
.cart-wrapper {
	display: flex;
	gap: 40px;
	align-items: flex-start;
}

.cart-wrapper .cart-totals-box {
	min-width: 370px;
	padding: 24px;
	position: sticky;
	top: 20px;
}

.cart-wrapper .cart-totals-box-title {
	font-size: 20px;
	margin-bottom: 20px;
}

.cart-items {
	flex: 1;
	margin-bottom: 16px;
}

.cart-item {
	display: flex;
	gap: 16px;
	padding: 16px 0;
	border-bottom: 1px solid rgba(226, 226, 226, 1);
}

.cart-item:last-child {
	border-bottom: none;
}

.cart-item-image {
	width: 100px;
	flex-shrink: 0;
}

.cart-item-image img {
	max-width: 100%;
	border-radius: 4px;
}

.cart-item-details {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.cart-item-price-block {
	display: flex;
	gap: 4px;
}

.cart-item-price-block .price-old {
	align-items: flex-start;
}

.price-actual {
	color: rgba(233, 63, 17, 1);
	font-size: 16px;
}


.cart-item-main {
	display: flex;
	justify-content: space-between;
}

.cart-item-name {
	font-size: 16px;
	display: block;
	margin-bottom: 6px;
}

.cart-item-actions-top {
	display: flex;
	gap: 15px;
}

.cart-item-actions-top button {
	background-color: transparent;
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	gap: 8px;
	box-shadow: none;
	font-size: 14px;
	height: max-content;
	color: rgba(172, 172, 172, 1);
	white-space: nowrap;
}

.cart-item-bottom {
	display: flex;
	justify-content: space-between;
}

.cart-item-quantity {
	display: flex;
	gap: 36px;
	align-items: center;
	margin-top: 12px;
}

.quantity-control {
	display: flex;
	align-items: center;
	border: 1px solid #eee;
	border-radius: 8px;
	overflow: hidden;
}

.quantity-control button {
	width: 40px;
	height: 40px;
	background: #fff;
	border: none;
	cursor: pointer;
}

.quantity-control input {
	width: 40px;
	text-align: center;
	border: none;
}

.item-total-price {
	font-size: 20px;
}

.product-swap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	width: 100%;
}

.cart-item.out-of-stock .cart-item-price-block {
	width: 100%;
}

.cart-item.out-of-stock .cart-item-details {
	justify-content: space-between;
}

.cart-item.out-of-stock .cart-item-main,
.cart-item.out-of-stock .cart-item-image {
	opacity: 0.7;
}

.stock-warning {
	display: inline-block;
	padding: 4px 12px;
	background: #FFF9E5;
	color: #D4A700;
	border-radius: 4px;
	font-size: 12px;
}

.btn-replace {
	height: 38px;
	font-size: 14px;
	cursor: pointer;
	align-items: center;
	display: flex;
	padding: 0 16px;
}


.cart-total-sidebar {
	width: 350px;
}

.total-card {
	background: #fff;
	border: 1px solid #eee;
	padding: 24px;
	border-radius: 12px;
	position: sticky;
	top: 20px;
}

.total-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}

.total-row {
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
	font-size: 14px;
}

.total-row.final {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
	font-size: 22px;
	font-weight: 700;
}

.btn-checkout {
	display: block;
	width: 100%;
	background: #007342;
	color: #fff;
	text-align: center;
	padding: 15px;
	border-radius: 8px;
	text-decoration: none;
	margin-top: 20px;
}

.cart-title {
	display: flex;
	align-items: center;
	gap: 10px;
}

.cart-title span {
	color: rgba(172, 172, 172, 1);
	font-size: 20px;
}

.cart-page-recommended {
	margin: 24px 0;
}

#cart.single-item-mode .cart-totals-box,
#cart.single-item-mode .free-delivery-wrapper {
	display: none !important;
}

#cart.single-item-mode .cart-buttons {
	padding: 0 32px 32px 32px;
	margin-top: 0;
}

.cart-buttons-single {
	display: none;
}

#cart.single-item-mode .cart-buttons-single {
	display: flex;
}

#modal-add-compare .title,
#modal-replace-product .title {
	font-size: 20px;
}

#modal-add-compare .modal-header,
#modal-replace-product .modal-header {
	padding: 8px 40px;
}

#modal-add-compare .modal-body,
#modal-replace-product .modal-body {
	padding: 32px 40px;
}

.modal-header .close {
	position: relative
}

#modal-add-compare .modal-lg,
#modal-replace-product .modal-lg {
	width: 1200px
}

#modal-replace-product .btn-add-to-compare {
	display: none;
}

.author-header {
	padding: 24px;
	background-color: rgba(245, 245, 245, 1);
	display: grid;
	grid-template-columns: 500px 1fr;
	gap: 32px;
	border-radius: 8px;
	margin-bottom: 32px;
}


.author-header-text {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;

}
.information-information-content .text {
	margin: 50px 0;
	font-size: 16px;
	line-height: 1.4;
}
.author-header-label {
	color: rgba(83, 83, 83, 1);
}

.author-header-title {
	margin: 16px 0 7px 0;
	font-size: 25px;
}

.author-header-position {
	margin-bottom: 12px;
	color: rgba(114, 114, 114, 1);
	font-size: 16px;
}

.author-header-description {
	font-size: 16px;
	margin-bottom: 16px;
}

.author-header-image {
	border-radius: 12px;
	overflow: hidden;
	aspect-ratio: 1/1;
	object-fit: cover;

}

.author-header-image img {
	width: 100%;
}

.author-header-socials-icons {
	display: flex;
	gap: 10px;
}

.author-header-socials-icons a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	width: 36px;
	background-color: var(--main-color);
	border-radius: 6px;
}

.author-header-socials-title {
	margin-bottom: 12px;
}

.blog-menu {
	display: flex;
	gap: 8px;
	margin: 24px 0;
	overflow-x: auto;
}

.blog-menu-item {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 16px;
	border-radius: 6px;
	font-size: 16px;
	border: 1px solid rgba(226, 226, 226, 1);
	color: rgba(26, 26, 26, 1);
}

.blog-menu-item:hover {
	border-color: #666;
}

.blog-menu-item-active {
	background-color: rgba(64, 64, 64, 1);
	color: #fff;
	pointer-events: none;
}

.blog-title {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 32px;
}

.author-articles .blog-title {
	margin-bottom: 24px;
}

.blog-title span {
	font-size: 16px;
	color: rgba(172, 172, 172, 1);
}

.blog-featured-grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	gap: 16px 24px;
	margin-bottom: 40px;
}

.featured-item--large {
	grid-row: span 5;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 400px;
	border-radius: 4px;
	overflow: hidden;
}

.featured-item--large .featured-item__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.featured-item--large .featured-item__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;

}

.featured-item--large .featured-item__info {
	position: relative;
	z-index: 2;
	padding: 32px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
	width: 100%;
}

.featured-item--large .featured-item__title {
	color: #fff;
	font-size: 32px;
	margin-bottom: 14px;
	display: block;
}

.featured-item--large .featured-item__date {
	color: rgba(226, 226, 226, 1);
	font-size: 14px;
}

.featured-item--small {
	display: flex;
	gap: 12px;
}

.featured-item--small .featured-item__img {
	width: 112px;
	height: 71px;
	flex-shrink: 0;
}

.featured-item--small .featured-item__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 3px;
}

.featured-item--small .featured-item__info {
	display: flex;
	flex-direction: column;
	gap: 5px;
	height: 100%;
	justify-content: space-between;
}


.featured-item--small .featured-item__date {
	color: #888;
	font-size: 12px;
}

.blog-article #product-product .blog-article{
	margin-bottom: 32px;
}

.blog-article-hero {
	position: relative;
	width: 100%;
	height: 540px;
	margin-bottom: 60px;
	display: flex;
	align-items: flex-end;
}

.hero-bg-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hero-bg-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}

.hero-content-card {
	position: relative;
	z-index: 2;
	background: #fff;
	width: 100%;
	max-width: 600px;
	padding: 24px;
	border-radius: 6px;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
	margin: 0 0 34px 34px;
}

.blog-article-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.article-categories {
	display: flex;
	gap: 8px;
}

.article-category-link {
	display: inline-block;
	border: 1px solid #e0e0e0;
	padding: 4px 12px;
	border-radius: 3px;
}

.article-category-link:hover {
	background-color: #000;
	color: #fff;
	border-color: #000;
}

.article-date {
	color: rgba(114, 114, 114, 1);
}

.article-title {
	margin: 0 0 20px 0;
}

.article-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #f5f5f5;
	padding-top: 25px;
}

.author-container {
	display: flex;
	align-items: center;
	gap: 12px;
}

.author-photo {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}

.author-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.author-name a {
	font-size: 14px;
	color: #000;
	text-decoration: none;
	font-weight: 400;
}

.author-position {
	font-size: 12px;
	color: rgba(114, 114, 114, 1);
	margin-top: 2px;
}

.article-meta-stats {
	display: flex;
	gap: 12px;
	color: rgba(172, 172, 172, 1);
	font-size: 12px;
}

.meta-stat-item {
	display: flex;
	align-items: center;
	gap: 5px;
}

.meta-stat-item svg {
	display: block;
}

.article-sidebar {
	width: 100%;
	max-width: 400px;
	padding: 24px;
	height: max-content;
	position: sticky;
	top: 16px;
	border-radius: 8px;
	border: 1px solid rgba(226, 226, 226, 1);
}

.toc-container {
	background-color: rgba(245, 245, 245, 1);
	padding: 16px;
	margin-bottom: 24px;
}

.toc-title {
	font-size: 20px;
	margin-bottom: 16px;
}

.toc-navigation {
	display: flex;
	flex-direction: column;
}

.toc-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
	color: rgba(114, 114, 114, 1);
	font-size: 16px;
	gap: 12px;
}

.toc-link:last-child {
	border-bottom: none;
}

.toc-link svg {
	color: #ccc;
	flex-shrink: 0;
	transition: transform 0.3s, color 0.3s;
}

.toc-link:hover,
.toc-link--active {
	color: #000;
}

.toc-link--active svg {
	color: #000;
	transform: translateX(3px);
}

.share-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.share-title {
	font-size: 16px;
}

.share-buttons {
	display: flex;
	gap: 8px;
}

.share-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background-color: var(--main-color);
	border-radius: 6px;
}

.share-btn:hover {
	opacity: 0.8;
}

.blog-article-description {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 48px;
}

.article-feedback {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-align: center;
	margin-top: 24px;
}

.article-feedback__buttons button {
	border-radius: 5px;
	background-color: rgba(245, 245, 245, 1);
	padding: 12px;
	color: rgba(172, 172, 172, 1);
	font-size: 16px;
	border: 1px solid transparent;
	box-shadow: none;
	gap: 6px;
	display: flex;
}

.article-feedback__buttons button:hover {
	background-color: #ececec;
}

.article-feedback__title {
	font-size: 16px;
}

.article-feedback__buttons {
	display: flex;
	gap: 12px;
}

.related-product-box {
	margin: 40px 0;
}

.blog-comments {
	width: 100%;
	margin-top: 50px;
}

.blog-comments-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.blog-comments-title {
	font-size: 24px;
	color: #000;
	font-weight: 400;
}

.custom-popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

.custom-popup-overlay--active {
	opacity: 1;
	pointer-events: auto;
}

.custom-popup-body {
	background: #fff;
	width: 100%;
	max-width: 580px;
	position: relative;
	border-radius: 6px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.custom-popup-close {
	position: absolute;
	top: 15px;
	right: 20px;
	background: none;
	border: none;
	font-size: 24px;
	color: #999;
	cursor: pointer;
}

.custom-popup-close:hover {
	color: #000;
}

.custom-popup-title {
	font-size: 18px;
	color: #000;
	padding: 12px 32px;
	border-bottom: 1px solid rgba(226, 226, 226, 1);
}

.custom-popup-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.review-form-box {
	padding: 20px 32px 32px 32px;
}

.custom-popup-field {
	display: flex;
	flex-direction: column;
	margin-bottom: 12px;
}

.custom-popup-label {
	font-size: 14px;
	color: #000;
}

.custom-popup-input,
.custom-popup-textarea {
	width: 100%;
	border: 1px solid #f0f0f0;
	background-color: #f9f9f9;
	padding: 12px 16px;
	font-size: 14px;
	color: #000;
	outline: none;
}

.custom-popup-input::placeholder,
.custom-popup-textarea::placeholder {
	color: #b3b3b3;
}

.custom-popup-buttons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-top: 20px;
}

.custom-popup-buttons button {
	height: 49px;
}

.popup-alert-danger {
	color: #d9534f;
	font-size: 13px;
	margin-bottom: 15px;
}

.custom-popup-body--success {
	max-width: 420px;
	text-align: center;
	padding: 50px 40px;
}

.success-icon-box {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px auto;
}

.success-popup-title {
	font-size: 24px;
	margin-bottom: 12px;
}

.success-popup-message {
	font-size: 14px;
	color: rgba(114, 114, 114, 1);
	line-height: 1.5;
	margin-bottom: 30px;
}

.comments-tree-wrapper {
	display: flex;
	flex-direction: column;
	gap: 25px;
	width: 100%;
}

.comment-item-node {
	width: 100%;
	border-radius: 5px;
	border: 1px solid rgba(226, 226, 226, 1);
	padding: 24px;
}

.comment-item-main--reply {
	background-color: rgba(246, 246, 246, 1);
	padding: 20px;
	margin-top: 16px;
	border-radius: 5px;
}

.comment-item-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

.comment-item-author {
	font-size: 18px;
	color: #000;
	font-weight: 400;
}

#button-success-close {
	width: 100%;
	height: 48px;
}

.comment-item-date {
	font-size: 12px;
	color: #999;
}

.comment-item-text {
	font-size: 16px;
	color: #444;
	line-height: 1.6;
	margin-bottom: 15px;
	word-break: break-word;
}

.comment-item-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.btn-comment-reply-trigger {
	background: none;
	border: none;
	padding: 0;
	font-size: 16px;
	color: #000;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.btn-comment-reply-trigger:hover {
	text-decoration: underline;
	opacity: 0.8;
}

.comment-item-reactions {
	display: flex;
	gap: 6px;
}

.btn-comment-reaction {
	background: transparent;
	border: none;
	padding: 3px;
	font-size: 13px;
	color: #555;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: background-color 0.2s, color 0.2s;
}

.btn-comment-reaction:hover {
	background-color: transparent;
	color: #000;
}

.comment-item-replies {
	padding-left: 28px;
	display: flex;
	flex-direction: column;
}

.no-comments-yet {
	color: #777;
	font-size: 14px;
}

.blog-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 24px 16px;
	margin-bottom: 32px;
}


.blog-item__category {
	margin: 20px 0 12px 0;
}

.blog-item__description {
	color: rgba(114, 114, 114, 1);
	font-size: 14px;
	margin-bottom: 12px;
}

.blog-item__category a {
	display: inline-block;
	border: 1px solid rgba(226, 226, 226, 1);
	padding: 4px 12px;
	border-radius: 4px;
	font-size: 14px;
	text-decoration: none;
}

.blog-item__name {
	margin-bottom: 8px;
	font-size: 16px;
}

.blog-item__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 12px;


}

.blog-item-bottom {
	margin-top: auto;
}

.stat-date {
	font-size: 12px;
	color: rgba(172, 172, 172, 1);
}

.blog-item__author {
	display: flex;
	align-items: center;
	gap: 10px;
}

.author-thumb {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
}

.author-info {
	display: flex;
	flex-direction: column;
}


.blog-item__stats {
	display: flex;
	align-items: center;
	gap: 12px;
	color: rgba(172, 172, 172, 1);
	font-size: 12px;
}

.blog-item__stats span, .blog-item__stats a {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	color: rgba(172, 172, 172, 1);
}
.blog-item__stats a:hover {
	color: #000
}
.blog-item-image {
	max-height: 300px;
	min-height: 300px;
}
.blog-item-image img {
	border-radius: 4px;
	width: 100%;
	height: 100%;

}

.blog-item-caption {
	display: flex;
	flex-direction: column;
	height: 100%;

}

.blog-item {
	display: flex;
	flex-direction: column;
}

.blog-content {
	padding-bottom: 32px;
}

#splide-articles-latest- {
	margin: 64px 0;
}

.product-page-sticky-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 400;
	padding: 8px 0;
	box-shadow: 0 -30px 30px 0 rgba(20, 20, 43, 0.06);
	display: none;

}

.product-page-sticky-footer-container {
	display: flex;
	justify-content: space-between;
	gap: 32px;
}

.product-page-sticky-footer-container::after,
.product-page-sticky-footer-container::before {
	display: none;
}

.product-page-sticky-footer-right {
	display: flex;
	gap: 12px;
	align-items: center;
}

.like-sticky {
	position: static;
	border: 1px solid rgba(226, 226, 226, 1);
	border-radius: 4px;
}

.product-page-sticky-footer-img {
	display: flex;
	align-items: center;
	gap: 16px;
}

.product-page-sticky-footer-img img {
	height: 56px;
	width: 56px;
	overflow: hidden;
	object-fit: cover;
	border-radius: 4px;
}

.product-page-sticky-footer-title {
	display: -webkit-box;
	display: box;
	-webkit-box-orient: vertical;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.product-page-sticky-price {
	display: flex;
	flex-direction: column;
	text-align: right;
	font-size: 20px;
}

.product-page-sticky-price .price-new {
	font-size: 20px;
}

#button-cart-sticky {
	height: 40px;
	padding: 0 20px;
	align-items: center;
	display: flex;
}

.category-wall {
	margin: 48px 0 56px 0;
}

.category-wall .title {
	text-align: center;
	margin-bottom: 24px;
	line-height: 1.4;
}

.category-wall-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.category-wall-caption {
	margin-top: 12px;
	text-align: center;
	font-size: 16px;
}

.category-wall-item img {
	width: 100%;
	border-radius: 5PX;
}

.category-wall-item img:hover {
	opacity: 0.9;
}

.tabs-nav-scroll {
	overflow-x: auto;
	position: relative;
	white-space: nowrap;
}

.nav-tabs-custom {
	list-style: none;
	padding: 0 20px 0 0;
	margin: 0;
	display: flex;
	gap: 8px;
	margin: 24px 0;
	overflow-x: auto;
	width: 90%;
	position: relative;
	scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.nav-tabs-custom::-webkit-scrollbar {
    display: none;
}

.nav-tabs-custom::before,
.nav-tabs-custom::after,
.nav-tabs::after,
.nav-tabs::before {
	display: none;
}

.tabs-nav-scroll::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    pointer-events: none;
    z-index: 2;
}

.nav-tabs-custom li a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 16px;
	border-radius: 6px;
	font-size: 16px;
	border: 1px solid rgba(226, 226, 226, 1);
	color: rgba(26, 26, 26, 1);
}

.nav-tabs-custom li a:hover {
	background-color: transparent;
	border-color: #666;
	color: #000;
}

.nav-tabs-custom li.active a {
	background-color: rgba(64, 64, 64, 1);
	color: #fff;
	pointer-events: none;
}

.tab-pane-custom {
	display: none;
}

.tab-pane-custom.active {
	display: block;
}

.special-tabs-wrapper {
	position: relative;
}

.product-tab-module .slider-header {
	position: absolute;
	right: 0;
	top: -24px;
	transform: translateY(-100%);
	z-index: 50;
}

.product-tab-module {
	margin-top: 40px;
	margin-bottom: 40px;
}

.slider-header-right {
	display: flex;
	gap: 16px;
	align-items: center;
}

.slider-header-right .btn-light {
	height: 40px;
	padding: 0 20px;
	display: flex;
	align-items: center;
}

.common-home .description-wrap {
	margin: 32px 0;
}

.coh-module-wrap {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	margin: 48px 0 56px 0;
}

.coh-module-wrap.has-order-history {
	display: grid;
	grid-template-columns: calc(50% - 8px) calc(50% - 8px);
	align-items: start;
}

.coh-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
}

.coh-title,
.coh-order-number {
	font-size: 16px;
	margin-bottom: 4px;
}

.coh-subtitle,
.coh-order-date {
	font-size: 14px;
	color: rgba(114, 114, 114, 1);
}

.coh-buttons {
	display: flex;
	gap: 10px;
}

.coh-product-card {
	display: flex;
	gap: 12px;
	background: #fff;
	border: 1px solid #f0f0f0;
	padding: 10px;
	border-radius: 4px;
	align-items: center;
}

.coh-product-img img {
	border-radius: 4px;
	object-fit: cover;
}

.coh-product-info {
	flex: 1;
}

.coh-product-name {
	font-weight: 500;
	font-size: 14px;
	color: #333;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.coh-product-meta {
	font-size: 12px;
	color: #999;
	margin-top: 2px;
}

.coh-product-price {
	font-weight: 600;
	color: #e34a26;
	white-space: nowrap;
}

.coh-block-title {
	font-size: 16px;

}

.coh-order-card {
	display: grid;
	grid-template-columns: 1fr auto auto auto;
	gap: 16px;
	background: #fff;
	border: 1px solid rgba(226, 226, 226, 1);
	padding: 16px;
	border-radius: 6px;
	align-items: center;
}

.coh-order-images-side {
	display: flex;
	gap: 6px;
	max-width: 156px;
	overflow: hidden;
	position: relative;
}

.coh-order-images-side::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 25%;
	height: 100%;
	background: linear-gradient(to right, transparent, #fff);
	pointer-events: none;
}

.coh-order-mini-img {
	width: 48px;
	height: 48px;
	border-radius: 4px;
	object-fit: cover;
}

.coh-order-count {
	font-size: 12px;
	color: #777;
}

.coh-order-total {
	font-size: 20px;
	text-align: right;
}

.coh-order-actions-side {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.cookie-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #ffffff;
	box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
	z-index: 9999;
	padding: 12px 0;
}

.cookie-banner-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	gap: 24px;
}

.cookie-banner-text a {
	color: #008744;
	text-decoration: underline;
}

.cookie-banner-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
}


.cookie-close-x {
	background: none;
	border: none;
	padding: 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
}

#button-ukrcredits {
	margin-top: 16px;
	height: 48px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.mfp-bg {
	opacity: 1 !important;
	background-color: rgba(0, 0, 0, 0.25) !important;
}

#ukrcredit-popup .credithead {
	font-size: 18px;
	text-align: left;
	font-weight: normal;
}

#ukrcredit-popup {
	border-radius: 6px;
	max-width: 950px !important;
}

#ukrcredit-popup .ui-slider {
	display: none;
}

.proposition {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	border-color: rgba(226, 226, 226, 1) !important;
	border-radius: 6px;
	
}

.prop_info {
	display: flex !important;
	align-items: center;
	gap: 16px;
	width: auto !important;
}

.prop_name span {
	margin-left: 10px;
}


body[class*="account-"]>.container>.row {
	margin: 0;
	display: grid;
	grid-template-columns: 316px 1fr;
	gap: 44px;
	padding: 24px 0 64px 0;
}

body[class*="account-"]>.container>.row::after,
body[class*="account-"]>.container>.row::before {
	display: none;
}

body[class*="account-"]>.container>.row h1 {
	margin: 0 0 24px 0;
}

.account-sidebar {
	width: 100%;
	max-width: 360px;
	font-family: system-ui, -apple-system, sans-serif;
}

.account-user-card {
	display: flex;
	align-items: center;
	padding: 16px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	margin-bottom: 12px;
}

.account-avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #e8f5e9;
	border: 1px solid #c8e6c9;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-right: 16px;
}

.avatar-text {
	font-size: 20px;
	font-weight: 500;
	color: #2e7d32;
}

.icon-avatar-default {
	width: 24px;
	height: 24px;
	fill: #2e7d32;
}

.account-user-info {
	display: flex;
	flex-direction: column;
}

.user-name {
	font-size: 16px;
	font-weight: 500;
	color: #333333;
}

.user-phone {
	font-size: 14px;
	color: #999999;
	margin-top: 2px;
}

.account-menu {
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	padding: 8px;
}

.account-menu-item {
	display: flex;
	align-items: center;
	padding: 12px;
	text-decoration: none;
	border-radius: 6px;
	gap: 8px
}

.account-menu-item:hover {
	background: #f5f5f5;
	text-decoration: none;
	color: #333333;
}

.account-menu-item.active {
	background: #f5f5f5;
}

.account-menu-item:hover svg path,
.account-menu-item.active svg path,
.account-menu-item:hover svg circle,
.account-menu-item.active svg circle {
	stroke: #333333;
}

.menu-title {
	font-size: 15px;
}

.account-modal .modal-dialog-centered {
	display: flex;
	align-items: center;
	min-height: calc(100% - 60px);
	max-width: 360px;
}

.account-modal .modal-content {
	border-radius: 6px;
	border: 1px dashed #f1f1f1;
	box-shadow: 0 0 20px 16px rgba(0, 0, 0, 0.1);
	padding: 0;
}

.account-modal .modal-header {
	position: relative;
	border-bottom: 1px solid rgba(226, 226, 226, 1);
	padding: 10px 24px;
	display: flex;
	justify-content: space-between;
	gap: 16px;
}

.account-modal .modal-title {
	font-size: 18px;
}

.account-modal .close {
	position: relative;
}

.account-modal .modal-body {
	padding: 16px 24px;
}

.modal-confirm-text {
	font-size: 18px;
	margin-bottom: 12px;
}

.modal-hint-text {
	font-size: 16px;
	color: rgba(114, 114, 114, 1);
	margin: 0;
}

.account-modal .modal-footer {
	border-top: none;
	padding: 0 24px 24px 24px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.account-modal .modal-footer::after,
.account-modal .modal-footer::before {
	display: none;
}


.modal-backdrop.in {
	opacity: 0.2 !important;
}

.order-list-page .coh-order-images-side {
	max-width: 264px;
}

.order-list-page .coh-order-actions-side {
	flex-direction: row;
}

.order-list-page .coh-order-card {
	gap: 24px;
}

.coh-order-list {
	display: flex;
	flex-direction: column;
	gap: 12px
}

.orders-empty {
	display: flex;
	flex-direction: column;
	height: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 12px;
}

.orders-empty svg {
	margin-bottom: 24px;
}

.orders-empty-title {
	font-size: 20px;
}

.orders-empty-text {
	color: rgba(114, 114, 114, 1);
	margin-bottom: 24px;
}

.coh-order-detail-layout {
	display: flex;
	gap: 48px;
	align-items: flex-start;
}

.coh-order-delivery-payment-side {
	flex: 5;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.coh-order-items-side {
	flex: 7;
	background: #fff;
}

.coh-info-block {
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 8px;
	padding: 20px;
}

.coh-info-block h3,
.coh-order-items-side h3 {
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 20px;
}

.coh-info-group {
	margin-bottom: 15px;
}

.coh-info-group label {
	display: block;
	color: rgba(114, 114, 114, 1);
	margin-bottom: 4px;
	font-weight: normal;
	margin-bottom: 3px;
}

.coh-total-row {
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px;
}

.coh-order-products-scroll-container {
	max-height: 480px;
	overflow-y: auto;
	padding-right: 5px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.coh-product-item-card {
	display: flex;
	align-items: center;
	gap: 15px;
	border: 1px solid #f0f0f0;
	border-radius: 6px;
	padding: 12px;
}

.coh-prod-img img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 4px;
}

.coh-prod-details {
	flex: 1;
}

.coh-prod-title {
	font-weight: 500;
	color: #333;
	text-decoration: none;
	display: block;
	margin-bottom: 5px;
}

.coh-prod-meta {
	color: #777;
	font-size: 13px;
}

.coh-prod-actions-price {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
	min-width: 140px;
}

.coh-order-detail-header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 20px 0 32px 0 !important;
}

.coh-order-detail-header h1 {
	display: flex;
	gap: 4px;
	align-items: center;
	margin-bottom: 0 !important;
	font-size: 24px;
}

.coh-order-detail-header h1 span {
	font-size: 18px;
	color: rgba(114, 114, 114, 1);
}

.order-page-info-block h3,
.math-payment-totals h3 {
	font-size: 20px;
	margin: 0 0 16px 0;
}

.coh-totals-list {
	color: rgba(114, 114, 114, 1);
}

.coh-total-row-text {
	color: var(--menu-text);
}

.final-total .coh-total-row-text {
	color: var(--menu-text);
	font-size: 20px;
}

.coh-total-prod-price {
	font-size: 18px;
}

.coh-back-link {
	display: flex;
	align-items: center;
	gap: 6px;
	color: rgba(114, 114, 114, 1);
}

.coh-order-status {
	display: flex;
	align-items: center;
	padding: 2px 4px;
	width: max-content;
	border-radius: 4px;
	font-size: 12px;
	margin-top: 3px;
}

.coh-order-sale {
	padding: 20px 16px;
	border: 1px solid #f0f0f0;
	border-radius: 6px;
	gap: 12px;
	margin-bottom: 16px;
	align-items: center;
	display: flex;
}

.address-table {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 24px;
}

.address-table-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	border: 1px solid rgba(226, 226, 226, 1);
	padding: 20px 24px;
	border-radius: 6px;
}

.address-table-btns {
	display: flex;
	align-items: center;
	gap: 4px;
}

.address-table-btns-btn {
	display: flex;
	align-items: center;
	gap: 4px;
	background-color: transparent;
	box-shadow: none;
	border: 1px solid transparent;
	padding: 10px 16px
}

.simpleregister-block-content .form-horizontal {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 16px;
}

body.account-logout .container>.row {
	display: flex;
	flex-direction: column;
}

body.account-logout #content {
	padding: 0;
}

body.account-login>.container>.row {
	display: flex;
	flex-direction: column;
}

.input-group.date .btn-default {
	min-height: 48px;
	height: 48px;
	width: 48px;
	background-color: rgba(245, 245, 245, 1);
	border: 1px solid rgba(245, 245, 245, 1);
	border-radius: 0 4px 4px 0;
}

.nav-tabs {
	border: none;
	margin: 0 0 20px 0;
	display: flex;
	gap: 8px;
	overflow-x: auto;
	padding-bottom: 2px;
}

.nav-tabs>li>a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 16px;
	border-radius: 6px;
	font-size: 16px;
	border: 1px solid rgba(226, 226, 226, 1);
	color: rgba(26, 26, 26, 1);
	margin: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	background-color: rgba(64, 64, 64, 1);
	color: #fff;
	pointer-events: none;
}


.nav-tabs>li>a:hover {
	background-color: transparent;
	border-color: #666;
	color: #000;
}

.sc-success-page {
	padding: 40px 0;
	font-family: system-ui, -apple-system, sans-serif;
	color: #0b0b0b;
}

.sc-success-title {
	text-align: center;
	font-size: 32px;
	margin: 8px 0 32px 0;
}

.sc-success-flex {
	display: flex;
	gap: 30px;
	align-items: stretch;
}

.sc-success-card {
	background: #fff;
	border-radius: 8px;
	padding: 30px;
	box-sizing: border-box;
}

.sc-success-info-block {
	flex: 1;
	border-radius: 6px;
	background: #fff;
}

.sc-success-products-block {
	flex: 1;
	border-radius: 6px;
	background: #fff;
	padding: 32px;
}

.sc-success-info-header {
	display: flex;
	gap: 32px;
	padding: 32px;
}

.sc-success-status-icon {
	flex-shrink: 0;
	width: 200px;
}

.sc-success-order-meta {
	display: flex;
	flex-direction: column;
}

.sc-success-order-num {
	font-size: 24px;
	margin-bottom: 24px;
}

.sc-success-order-sub {
	font-size: 16px;
	color: rgba(114, 114, 114, 1);
	margin-bottom: 12px;
}

.sc-success-track-text {
	font-size: 14px;
	color: rgba(26, 26, 26, 1);
	margin: 0 0 18px 0;
}

.sc-success-details-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-top: 25px;
	margin-bottom: 25px;
}

.sc-success-detail-row {
	display: flex;
	font-size: 16px;
}

.sc-detail-label {
	width: 200px;
	color: rgba(114, 114, 114, 1);
	flex-shrink: 0;
}

.sc-detail-value {
	color: rgba(26, 26, 26, 1);
}

.sc-products-block-title {
	font-size: 24px;
	margin: 0 0 24px 0;
}

.sc-success-products-list {
	display: flex;
	flex-direction: column;
	gap: 15px;
	max-height: 320px;
	overflow-y: auto;
	margin-bottom: 20px;
	padding-right: 5px;
}

.sc-success-product-item {
	display: flex;
	gap: 12px;
	padding: 6px 16px;
	border-radius: 6px;
	border: 1px solid rgba(245, 245, 245, 1);
}

.sc-prod-img {
	width: 75px;
	height: 75px;
	flex-shrink: 0;
}

.sc-prod-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
}

.sc-prod-meta {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.sc-prod-name {
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 8px;
}

.sc-prod-option {
	font-size: 12px;
	color: #777;
}

.sc-prod-qty {
	font-size: 12px;
	color: #666;
}

.sc-prod-price-box {
	text-align: right;
	font-size: 16px;
}

.sc-success-totals-list {
	padding-top: 15px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sc-total-row {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: #666;
}

.sc-total-row svg {
	display: none;
}

.sc-total-row span {
	display: flex;
	justify-content: space-between;
}

.sc-total-row span:last-child {
	color: #000;
}

.sc-total-row:last-child {
	border-top: 1px dashed #ddd;
	margin-top: 16px;
	width: 100%;
	padding-top: 32px;
}

.sc-total-row:last-child>span {
	font-size: 20px;
	width: 100%;
}

.sc-final-total {
	border-top: 1px solid #e5e5e5;
	padding-top: 15px;
	margin-top: 5px;
	font-size: 18px;
	font-weight: 500;
	color: #0b0b0b;
}


.checkout-success {
	background-color: #F5F5F5;
}

.success-text-box {
	text-align: center;
}

.sc-success-order-meta .sc-success-order-sub {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.sc-copy-btn {
	background: none;
	border: none;
	padding: 2px;
	color: #888;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: color 0.2s, transform 0.1s;
	line-height: 1;
}

.sc-copy-btn:hover {
	color: #333;
}

.sc-copy-btn:active {
	transform: scale(0.9);
}

.sc-copy-btn.copied {
	color: #007a43;
}


.mobile-drawer,
.mobile-search-panel,
.filter-mobile-btn,
.mobile-filter-close,
.coh-buttons-bottom,
.bottom-related-articles-btn,
.mobile-nav-bar {
	display: none;
}

.product-reviews-main-block .btn-primary {
	border: 1px solid var(--main-color);
}

.account-menu-toggle {
	display: none;
}

.not-logged {
	padding-top: 0 !important;
}

body[class*="account-"]>.container>.row.not-logged {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.not-logged #content.col-sm-12 {
	padding: 0;
}

.mobile-menu-list {
	display: none;
}

.desktop-lang-currency-close {
	display: none;
}

.telephone-dropdown-popup-close {
	display: none;
}

.search-close svg {
	display: none;
}

.search-close span {
	display: none;
	height: 48px;
	align-items: center;
	background: #f5f5f5;
	padding: 0 16px;
	cursor: pointer;
}

.search-close span:hover {
	color: var(--main-color);
}

.header-bottom-search .search-close span {
	display: flex;
}

body.product-product {
	padding-bottom: 72px;
}

.information-menu-wrapper {
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	padding: 8px;
}

.information-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.information-menu-item a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px;
	text-decoration: none;
	border-radius: 6px;
	gap: 8px;
}

.information-menu-item a:hover,
.information-menu-item.active a {
	background-color: #f5f5f5;
}

.information-menu-item .chevron {
	fill: #333;
}

.information-menu-toggle {
	display: none;
	width: 100%;
	padding: 12px 20px;
	background: #fff;
	border: none;
	text-align: left;
	font-size: 15px;
	color: #333;
	font-weight: 500;
	justify-content: space-between;
	align-items: center;
}

.information-menu-toggle .arrow {
	border: solid #333;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}

.information-menu-toggle[aria-expanded="true"] .arrow {
	transform: rotate(-135deg);
}

.information-information .information-information-row {
	margin: 0;
	display: grid;
	grid-template-columns: 316px 1fr;
	gap: 44px;
	padding: 0 0 64px 0;
}

.information-information .information-information-row::before,
.information-information .information-information-row::after {
	display: none;
}

.information-information-h1 {
	margin-top: 0;
	margin-bottom: 24px;
}

.delivery-payment-grid {
	display: flex;
	flex-direction: column;
	gap: 20px;
	line-height: 1.5;
	box-sizing: border-box;
}

.delivery-payment-grid *,
.delivery-payment-grid *::before,
.delivery-payment-grid *::after {
	box-sizing: inherit;
}

.info-card {
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	padding: 24px;
}

.info-card h2 {
	font-size: 22px;
	margin: 0 0 16px 0;
}

.info-card h3 {
	font-size: 16px;
	margin: 24px 0 12px 0;
	text-decoration: underline;
	text-underline-offset: 4px;
	color: rgba(83, 83, 83, 1);
}

.info-card p {
	font-size: 14px;
	color: rgba(83, 83, 83, 1);
	margin: 0 0 16px 0;
}

.info-card ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.info-card li {
	font-size: 14px;
	color: rgba(83, 83, 83, 1);
	margin-bottom: 12px;
	position: relative;
	padding-left: 24px;
}

.info-card li:last-child {
	margin-bottom: 0;
}

.check-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	width: 16px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8094_530380)'%3E%3Cpath d='M14.6663 9.39016V10.0035C14.6655 11.4411 14.2 12.8399 13.3392 13.9914C12.4785 15.1428 11.2685 15.9851 9.88991 16.3928C8.51129 16.8004 7.03785 16.7514 5.68932 16.2532C4.3408 15.755 3.18944 14.8342 2.40698 13.6282C1.62452 12.4222 1.25287 10.9955 1.34746 9.56103C1.44205 8.12653 1.99781 6.76104 2.93186 5.66821C3.86591 4.57537 5.1282 3.81375 6.53047 3.49692C7.93274 3.1801 9.39985 3.32505 10.713 3.91016M14.6663 4.66634L7.99967 11.3397L5.99967 9.33967' stroke='%23007241' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8094_530380'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 2)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
}

.bullet-list li::before {
	content: "";
	position: absolute;
	left: 4px;
	top: 7px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #a0a0a0;
}

.info-card .note {
	color: var(--main-color);
	margin-top: 16px;
	margin-bottom: 0;
}

.contacts-page-wrapper {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 66px;
	box-sizing: border-box;
}

.contacts-page-wrapper *,
.contacts-page-wrapper *::before,
.contacts-page-wrapper *::after {
	box-sizing: inherit;
}

.contacts-left-info {
	background-color: var(--main-color);
	color: #fff;
	padding: 32px;
	border-radius: 4px;
}

.contacts-left-info h1 {
	font-size: 24px;
	margin: 0 0 12px 0;
	color: #fff;
}

.contacts-left-info h3 {
	font-size: 16px;
	margin: 24px 0 16px 0;
	color: #fff;
}

.contacts-subtitle {
	font-size: 16px;
	line-height: 1.5;
	margin: 0 0 24px 0;
	color: inherit;
}

.contacts-phone {
	font-size: 22px;
	margin-bottom: 8px;
}

.contacts-schedule {
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 16px;
}

.contacts-channels {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.contacts-channels a {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
}

.contacts-channels a:hover {
	text-decoration: underline;
}

.contacts-socials-block h3 {
	margin-top: 40px;
}

.contacts-social-icons {
	display: flex;
	gap: 10px;
}

.contacts-social-icons a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background-color: #fff;
	border-radius: 4px;
	transition: all 0.2s ease;
}

.contacts-social-icons a:hover {
	border-radius: 50%;
}

.custom-submit-btn {
	height: 48px;
	align-items: center;
}

.contacts-right-form {
	background-color: #fff;
	border: 1px solid rgba(226, 226, 226, 1);
	padding: 32px;
	border-radius: 4px;
	flex: 1;
}

.contacts-right-form h2 {
	font-size: 24px;
	font-weight: 500;
	margin: 0 0 16px 0;
	text-align: center;
}

.contacts-right-form .contacts-subtitle {
	text-align: center;
	color: #666666;
	max-width: 480px;
	margin: 0 auto 32px auto;
}

.custom-contact-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.form-row-grid {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.custom-form-group {
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
}

.custom-form-group input[type="text"],
.custom-form-group textarea {
	width: 100%;
	padding: 12px 16px;
	border-radius: 4px;
	font-family: inherit;
	font-size: 14px;
	color: var(--text-dark);
	outline: none;
	transition: border-color 0.2s ease;
}

.custom-form-group input[type="text"]:focus,
.custom-form-group textarea:focus {
	border-color: #cccccc;
}

.custom-form-group.has-error input[type="text"],
.custom-form-group.has-error textarea {
	border-color: var(--error-color);
}

.error-msg {
	font-size: 12px;
	color: var(--error-color);
}

.form-submit-wrapper {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.about-title {
	text-align: center;
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 40px;
	color: #111111;
}

.about-gallery {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	margin-bottom: 40px;
}

.gallery-img-wrapper img {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
	border-radius: 6px;
}

.about-intro {
	max-width: 800px;
	margin: 0 auto 60px auto;
	text-align: center;
}

.about-intro p {
	font-size: 18px;
	line-height: 1.6;
}

.highlight-year {
	color: var(--main-color);
	font-weight: 600;
}

.about-history {
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin-bottom: 80px;
	align-items: center;
}

.history-img-wrapper {
	width: 100%;
}

.history-img-wrapper img {
	width: 100%;
	height: auto;
	display: block;
}

.history-content h2 {
	font-size: 26px;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 20px;
	color: #111111;
}

.history-content p {
	font-size: 14px;
	line-height: 1.6;
	color: #666666;
	margin-bottom: 16px;
}

.history-content p:last-child {
	margin-bottom: 0;
}

.values-section h2 {
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 35px;
}

.values-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

.value-card {
	background: rgba(245, 245, 245, 1);
	padding: 24px;
	border-radius: 4px;
	text-align: left;
}

.value-icon {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}

.value-card h3 {
	font-size: 22px;
	margin: 0 0 10px 0;
}

.value-card p {
	font-size: 16px;
	line-height: 1.6;
	color: #666666;
	margin: 0;
}

.container-4>.information-information-row #column-left {
	display: none;
}

.container-4 .information-information-row {
	display: flex;
	flex-direction: column;
}

#mobile-menu-btn .icon-close {
	display: none;
}

#mobile-menu-btn.active .icon-menu {
	display: none;
}

#mobile-menu-btn.active .icon-close {
	display: block;
}

.dropdown-products .product-item-name,
#search .product-item-name {
	display: -webkit-box;
	display: box;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.product-item-name {
	min-height: 40px;
}

.categories-slider {
	display: flex;
	align-items: center;
	margin: 24px 0;
	position: relative;
}

.categories-slider__track {
	overflow: hidden;
	flex: 1;
}

.categories-slider__inner {
	display: flex;
	gap: 10px;
}

.categories-list__li {
	display: grid;
	align-items: center;
	width: 21%;
	grid-template-columns: 50px 1fr;
	border: 1px solid #e1e1e1;
	border-radius: 6px;
	padding: 12px 16px;
	gap: 14px;
}

.categories-list__li:hover {
	border-color: var(--main-color);
	color: var(--main-color);
}

.categories-list__img {
	overflow: hidden;
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 3px;
}

.categories-slider .splide__track {
	position: relative;
}

.categories-slider .splide__track::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	background: linear-gradient(to left,
			#fff,
			transparent);
	pointer-events: none;
	z-index: 10;
}

.categories-list__img img {
	width: 100%;
	display: block;
}

.categories-list__title {
	display: -webkit-box;
	display: box;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.categories-slider .custom-arrows .splide__arrow--prev,
.categories-slider .custom-arrows .splide__arrow--next {
	position: absolute;
	transform: translateY(-50%);
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #e1e1e1;
}

#input-sort-close {
	display: none;
}

.review-box {
	padding: 20px 100px;
}

.exit-popup-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.25);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	z-index: 999999;
	transition: opacity 0.2s ease;
}

.exit-popup-bg.visible-exit-popup {
	opacity: 1;
	pointer-events: auto;
}

.exit-popup-body {
	background: #fff;
	border-radius: 4px;
	width: 100%;
	max-width: 550px;
	box-shadow: 0 4px 25px rgba(0, 0, 0, 0.15);
	position: relative;
}

.exit-popup-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #eaeaea;
	padding: 12px 24px;
	margin-bottom: 16px;
}

.exit-popup-content {
	padding: 16px 24px 24px 24px;
}

.exit-popup-title {
	font-size: 18px;
}

.exit-popup-close {
	cursor: pointer;
	line-height: 1;
}

.exit-question {
	font-size: 18px;
	margin-bottom: 12px;
}

.exit-sub {
	font-size: 14px;
	color: #777;
	margin-bottom: 24px;
}

.exit-features {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	gap: 10px;
}

.exit-feature-item {
	flex: 1;
	text-align: center;
	font-size: 12px;
	color: #555;
	line-height: 1.3;
}

.exit-icon {
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 8px;
}

.exit-buttons {
	display: flex;
	gap: 8px;
}

.exit-buttons>* {
	flex: 1;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
}

.empty-rating {
	display: none;
}

#search-submit-btn {
	display: none;
	white-space: nowrap;
	padding: 0 18px;
	height: 48px;
	background: var(--main-color);
	color: #fff;
	border: none;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer;
	flex-shrink: 0;
}


.header-bottom-search #search-submit-btn {
	display: inline-flex;
	align-items: center;
}


#search-clear {
	background: none;
	min-width: 36px;
	border: none;
	cursor: pointer;
	color: #999;
	padding: 0 6px;
	margin-right: 5px;
	flex-shrink: 0;
	line-height: 1;
	display: none;
	height: 48px;
	background-color: #fff;
	align-items: center;
	justify-content: center;
	border-radius: 0 8px 8px 0;
	margin-left: -2px;
}



.header-bottom-search #search-clear {
	display: flex;
}

#search-clear:hover {
	color: #333;
}

.search-highlight {
	color: #111;
	font-weight: 600;
}

#splide-featured-product2 .product-item-name {
	margin: 0 0 8px 0;
	display: -webkit-box;
	display: box;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	overflow: hidden;
	
}

#splide-featured-product2 .product-item {
	display: grid;
	grid-template-columns: 80px 1fr;
	gap: 12px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	padding: 8px;
	align-items: center;
}

#splide-featured-product2 .product-item-image img {
	border-radius: 6px;
}

#splide-featured-product2 .product-item-caption {
	padding: 0;
}

#splide-featured-product2 .product-item-bottom {
	justify-content: space-between;
	gap: 8px;
}

#splide-featured-product2 .product-item-bottom .product-item-price {
	font-size: 17px;
}
#splide-featured-product2 .splide__track {
  position: relative;
}

#splide-featured-product2 .splide__track::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  background: linear-gradient(to right, transparent, #fff);
  pointer-events: none;
}
#splide-featured-product2 .title {
	font-size: 18px;
}
#splide-featured-product2 .slider-header {
	margin-bottom: 12px;
}

.sc-telegram {
	border: 1px solid rgba(226, 226, 226, 1);
	padding: 16px 24px;
	border-radius: 6px;
	margin-top: 24px;
}
.sc-telegram-title {
	font-size: 20px;
	display: flex;
	align-items: center;
	gap: 12px;
}
.sc-telegram-text {
	margin: 12px 0;
	font-size: 14px;
}

.sc-telegram .btn-primary{
	height: auto;
}

.contacts-right-messagers {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-top: 24px;
}
.contacts-right-messagers a {
	display: flex;
	padding: 0 48px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 16px;
	border: 1px solid rgba(226, 226, 226, 1);
	border-radius: 6px;
	height: 48px;

}
.contacts-right-messagers-whatsapp:hover {
border-color: #25D366;
}
.contacts-right-messagers-telegram:hover {
border-color: #50A1DE;
}
.contacts-right-messagers-viber:hover {
	border-color: #6D5CE5;
}

.course-duration {
	font-size: 18px;
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--main-color);
	margin-bottom: 32px;
}
.product-page-faq {
	margin-top: 32px;
}
#eapps-instagram-feed-1 {
	margin-bottom: 32px;
}
.product-reviews-list-comment.js-review-truncated .product-reviews-list-content {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product-reviews-toggle-btn {
    border: 1px solid transparent;
    border-bottom: 1px dashed #ddd;
    background-color: #fff;
    display: inline-flex;
    padding: 0;
    margin: 0;
    box-shadow: none;
    width: max-content;
    color: #999;
	
}
.product-product .css-1dztziv{
	bottom: 80px !important;
		
}
.checkout-cart #total-sub_total {
	display: none;
}

#common-home .slideshow img {
	width: 100%;
}
@media (min-width: 768px) {
	.d-md-none {
		display: none !important;
	}
	.ocf-footer {
		display: none !important
	}

	.d-md-block {
		display: block !important;
	}

	.delivery-payment-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}

	.info-card {
		padding: 32px;
	}

	.contacts-page-wrapper {
		flex-direction: row;
		align-items: stretch;
	}

	.contacts-left-info {
		width: 33.333%;
		min-width: 300px;
	}

	.form-row-grid {
		flex-direction: row;
	}

	.about-gallery {
		grid-template-columns: 1.85fr 1fr;
	}

	.items-photo img {
		height: 100%;
	}

	.about-history {
		flex-direction: row;
		gap: 50px;
	}

	.history-img-wrapper,
	.history-content {
		flex: 1;
		width: 50%;
	}

	.values-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	summary.footer-grid-item-title {
		pointer-events: none;
	}

	#column-left .ocf-container {
		position: sticky;
		top: 75px;
		max-height: calc(100vh - 75px);
		overflow-y: auto;
		        overflow-x: hidden;
				padding-right: 10px;
	}
}

@media (max-width:1280px) {
	.header-bottom-container {
		gap: 18px;
	}

	.header-menu-item>a,
	.header-menu-item {
		font-size: 15px;
		gap: 4px;
	}

	.header-bottom-right {
		gap: 12px;
	}

	#modal-add-compare .modal-lg,
	#modal-replace-product .modal-lg {
		width: 100%;
		margin: 0;
	}



}

@media (max-width:1170px) {
	.header-top-container {
		grid-template-columns: auto auto auto;
	}

	.header-menu-item.dropdown-label>img,
	.header-menu-item.dropdown-label>a>img {
		height: 24px;
		width: 24px;
	}

	.cookie-banner-actions {
		padding-right: 20px;
	}

	.header-menu-item>a,
	.header-menu-item {
		font-size: 14px;
	}

	.header-information {
		gap: 20px;
	}

	.header-bottom-right {
		gap: 8px;
	}

	.search__group {
		width: 240px;
	}

	.header-information a {
		font-size: 13px;
	}

	.header-information {
		gap: 16px;
	}

	.header-right {
		gap: 16px;
	}

	.header-menu-wrapper {
		gap: 16px;
	}

	.search__group {
		width: 200px;
	}

	.product-page {
		padding: 16px;
		gap: 16px;
	}

	.product-page-right {
		padding: 16px;
	}

	#thumbnail-slider .splide__track--ttb>.splide__list {
		gap: 16px;
	}

	.product-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}

	.category-page-wrapper {
		grid-template-columns: 210px 1fr;
	}

	body[class*="account-"]>.container>.row {
		gap: 24px;
	}

}

@media (max-width: 990px) {
	body {
		padding-bottom: 56px;
	}

	.header {
		top: 0;
	}

	#popup-bg .cart-buttons {
		padding: 16px;
	}

	body.product-product {
		padding-bottom: 112px;
	}

	.review-box {
		padding: 0;
	}

	.header-menu-wrapper {
		display: none;
	}

	.sticky-header-clone {
		top: 53px;
	}

	.header-language-currency {
		display: none;
	}

	.mobile-menu-list {
		display: block;
		margin: 16px 16px 12px 16px;
		border-radius: 5px;
		border: 1px solid rgba(226, 226, 226, 1);
	}

	.product-page {
		flex-wrap: wrap;
	}

	.product-page-right,
	.product-page-left {
		width: 100%;
		position: relative;
	}

	.product-page-left .rd-stickers {
		right: initial;
		top: initial;
		bottom: 16px;
		left: 16px;
	}

	#main-slider .splide__pagination {
		bottom: 16px;
		right: 16px;
		left: initial;
		transform: initial
	}

	.product-page-left-container {
		display: flex;
		flex-direction: column;
		position: static;
	}

	#thumbnail-slider {
		display: none;
	}

	.alert-box-gray,
	.alert-box {
		margin: 16px 0;
		padding: 12px 16px;
	}

	.info-details__summary {
		font-size: 16px;
	}

	.info-row__icon svg,
	.delivery-row__icon svg {
		height: 20px;
		width: 20px;
	}

	#button-cart,
	#button-go-to-cart,
	#button-ukrcredits {
		height: 44px;
	}

	.product-page-right-top h1 {
		font-size: 20px;
	}

	.header-telephone-dropdown.box-dropdown {
		left: initial;
		right: 0;
	}

	#mobile-pront-header:hover .box-dropdown {
		display: none !important;
	}

	#mobile-pront-header>a {
		pointer-events: none;
	}

	.blog-item__category {
		margin: 16px 0 12px 0;
	}

	.author-thumb {
		width: 36px;
		height: 36px;
	}

	.mobile-nav-bar {
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 56px;
		background: #fff;
		border-top: 1px solid rgba(226, 226, 226, 1);
		z-index: 9997;
		align-items: stretch;
	}

	.product-page-sticky-footer {
		bottom: 56px;
	}

	.account-sidebar {
		position: relative;
	}

	.account-menu-toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding: 16px 20px;
		background: #fff;
		border: 1px solid #e2e8f0;
		border-radius: 6px;
		cursor: pointer;
		font-size: 16px;
		outline: none;
	}

	.account-menu-toggle:focus {
		outline: none;
	}

	.toggle-arrow {
		transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	}

	.account-sidebar.open .toggle-arrow {
		transform: rotate(180deg);
	}

	.account-menu {
		position: absolute;
		top: calc(100% + 4px);
		left: 0;
		width: 100%;
		background: #fff;
		border: 1px solid #e2e8f0;
		border-radius: 8px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
		z-index: 99;
		opacity: 0;
		visibility: hidden;
		transform: translateY(-8px);
		transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
		will-change: transform, opacity;
		padding: 8px 0;
	}

	.account-sidebar.open .account-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}

	.account-menu-item {
		padding: 12px 20px;
		display: flex;
		align-items: center;
		text-decoration: none;
	}

	.mobile-nav-btn {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3px;
		background: transparent;
		border: none;
		box-shadow: none;
		padding: 0;
		font-size: 10px;
		color: rgba(26, 26, 26, 1);
		text-decoration: none;
		cursor: pointer;
		position: relative;
	}

	.mobile-nav-btn svg {
		width: 22px;
		height: 22px;
	}

	.sc-success-flex {
		flex-direction: column;
	}

	.sc-success-info-block,
	.sc-success-products-block {
		width: 100%;
		flex: none;
	}

	.mobile-nav-btn.active span:first-of-type,
	.mobile-nav-btn.active svg path,
	.mobile-nav-btn.active svg circle,
	.mobile-nav-btn.active svg line {
		color: var(--main-color);
		stroke: var(--main-color);
	}

	.mobile-cart-badge,
	.mobile-wishlist-badge {
		position: absolute;
		top: 6px;
		left: calc(50% + 4px);
		background-color: var(--main-color);
		color: #fff;
		border-radius: 50%;
		width: 16px;
		height: 16px;
		font-size: 9px;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
	}

	.mobile-compare-badge {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background-color: var(--main-color);
		color: #fff;
		border-radius: 50%;
		width: 18px;
		height: 18px;
		font-size: 10px;
		margin-left: 4px;
		line-height: 1;
	}

	.mobile-compare-badge:empty {
		display: none;
	}

	.mobile-drawer-overlay {
		display: none;
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.35);
		z-index: 999;
	}

	.mobile-drawer-overlay.active {
		display: block;
	}


	.mobile-drawer {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(100% - 56px);
		max-width: 100vw;
		background: #fff;
		z-index: 10002;
		transform: translateX(-100%);
		transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

	.mobile-drawer.open {
		transform: translateX(0);
	}

	.mobile-drawer-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 16px;
		background-color: rgba(245, 245, 245, 1);
		border-bottom: 1px solid rgba(226, 226, 226, 1);
		min-height: 44px;
		flex-shrink: 0;
	}

	.mobile-drawer-title {
		font-size: 18px;
	}

	.mobile-drawer-back {
		display: flex;
		align-items: center;
		gap: 4px;
		background: transparent;
		border: none;
		box-shadow: none;
		padding: 0;
		font-size: 16px;
		cursor: pointer;
	}

	.mobile-drawer-close {
		background: transparent;
		border: none;
		box-shadow: none;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		cursor: pointer;
		flex-shrink: 0;
	}

	.mobile-drawer-logo-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 8px 16px;
		border-bottom: 1px solid rgba(226, 226, 226, 1);
		flex-shrink: 0;

	}

	.mobile-drawer-logo-row img {
		max-width: 134px;
	}

	.blog-title {
		font-size: 24px;
	}

	.blog-wrapper {
		grid-template-columns: 1fr 1fr;
	}

	#desktop-lang-currency.open-mobile-popup {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
		position: fixed !important;
		top: 0;
		left: 0;
		width: 100vw !important;
		height: 100vh !important;
		background: rgba(0, 0, 0, 0.5) !important;
		z-index: 999999 !important;
		display: flex !important;
		align-items: flex-end;
		justify-content: center;
		padding: 0;
	}

	#desktop-lang-currency.open-mobile-popup .combined-dropdown-content {
		width: 100%;
		background: #fff;
		border-radius: 8px 8px 0 0;
		padding: 24px 16px 40px 16px;
		position: relative;
		box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.1);
		transform: translateY(0);
		animation: slideUpPopup 0.3s cubic-bezier(0.25, 1, 0.5, 1);
	}

	#desktop-lang-currency .desktop-lang-currency-close,
	.telephone-dropdown-popup-close {
		display: block !important;
		position: absolute;
		top: 6px;
		right: 6px;
		cursor: pointer;
	}

	.header-socials a {
		display: flex;
		gap: 8px;
		align-items: center;
	}

	@keyframes slideUpPopup {
		from {
			transform: translateY(100%);
		}

		to {
			transform: translateY(0);
		}
	}


	#telephone-dropdown-popup.open-mobile-popup.header-telephone-dropdown {
		padding: 16px !important;
		border-radius: 8px 8px 0 0 !important;
		background: #ffffff !important;
		width: 100% !important;
		height: auto !important;
		max-height: 85vh !important;
		overflow-y: auto !important;
		position: fixed !important;
		top: auto !important;
		bottom: 0 !important;
		left: auto !important;
		right: auto !important;
		box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.5);
		display: flex !important;
		flex-direction: column !important;
		animation: slideUpPhonePopup 0.3s cubic-bezier(0.25, 1, 0.5, 1);
		z-index: 99999;
	}


	.mobile-drawer-lang {
		font-size: 14px;
		color: rgba(26, 26, 26, 1);
		display: flex;
		align-items: center;
		gap: 4px;
	}

	.mobile-drawer-screen {
		flex: 1;
		overflow-y: auto;
	}

	.mobile-drawer-section {
		border: 1px solid rgba(226, 226, 226, 1);
		border-radius: 5px;
		margin: 12px 16px;
		overflow: hidden;
	}

	.mobile-drawer-cat-item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 14px 16px;
	}

	.mobile-drawer-cat-item:last-child {
		border-bottom: none;
	}

	.mobile-drawer-cat-link {
		display: flex;
		align-items: center;
		gap: 12px;
		flex: 1;
		font-size: 16px;
		color: rgba(26, 26, 26, 1);
		text-decoration: none;
	}

	.mobile-drawer-cat-link:hover {
		color: rgba(26, 26, 26, 1);
	}

	.mobile-drawer-cat-icon {
		width: 28px;
		height: 28px;
		flex-shrink: 0;
	}

	.mobile-drawer-cat-icon-placeholder {
		width: 28px;
		height: 28px;
		flex-shrink: 0;
	}

	.mobile-drawer-arrow {
		flex-shrink: 0;
		display: flex;
		align-items: center;
	}

	.mobile-drawer-info {
		padding: 16px;
		display: flex;
		flex-direction: column;
		gap: 4px;
		border-radius: 8px;
	}

	.mobile-drawer-info-title {
		font-size: 16px;
		margin-bottom: 8px;
		padding: 0;
	}

	.mobile-drawer-info-link {
		display: block;
		padding: 8px 0;
		font-size: 14px;
		color: rgba(114, 114, 114, 1);
	}

	.mobile-drawer-info-link:last-child {
		border-bottom: none;
	}


	.mobile-drawer-screen {
		transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;
	}

	.mobile-drawer-screen.slide-out {
		transform: translateX(-100%);
		opacity: 0;
		position: absolute;
		width: 100%;
	}

	.mobile-drawer-screen.slide-in {
		transform: translateX(0);
		opacity: 1;
	}


	#drawer-screen-sub.sliding-in {
		transform: translateX(100%);
		opacity: 0;
	}

	#drawer-screen-sub {
		position: absolute;
		width: 100%;
		top: 100px
	}

	.mobile-search-panel {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 10003;
		flex-direction: column;
	}

	.mobile-search-panel.open {
		display: flex;
	}

	.mobile-search-header {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 10px 16px;
		border-bottom: 1px solid rgba(226, 226, 226, 1);
		flex-shrink: 0;
	}

	.mobile-search-cancel {
		background: transparent;
		border: none;
		box-shadow: none;
		font-size: 14px;
		color: var(--main-color);
		cursor: pointer;
		padding: 0;
		white-space: nowrap;
	}

	.mobile-search-header .search__group {
		width: auto;
		flex: 1;
		background: rgba(245, 245, 245, 1);
		border-radius: 8px;
	}

	#mobile-search-results-wrap {
		flex: 1;
		overflow-y: auto;
	}

	.header-search {
		display: none;
	}

	.header-bottom {
		display: none;
	}

	.header-top-container {
		grid-template-columns: 1fr auto;
		border-bottom: 1px solid rgba(226, 226, 226, 1);
	}

	.breadcrumb {
		margin: 16px 0;
	}

	.featured-item--large .featured-item__title {
		font-size: 18px;
	}

	.featured-item--large .featured-item__info {
		padding: 16px;
	}

	.blog-featured-grid {
		grid-template-columns: 1fr;
	}

	.header-right {
		gap: 10px;
	}

	.header-wishlist,
	.header-compare,
	.header-cart {
		display: none;
	}

	.header-information {
		display: none;
	}

	#common-home #slideshow0 {
		min-height: 540px;
	}

	#common-home #slideshow0 img {
		height: 100%;
		min-height: 540px;
		width: auto;
		object-fit: cover;
	}

	#common-home #slideshow0 .splide__track,
	#common-home #slideshow0 .splide__list,
	#common-home #slideshow0 .splide__slide {
		height: 100%;
	}

	.slideshow-text .btn-primary {
		height: 42px;
		width: 100%;
		padding: 10px 15px;
	}

	.slideshow-title {
		width: 100%;
		font-size: 32px;
	}

	.slideshow .splide__controls {
		bottom: 24px;
		padding: 3px;
	}

	.slideshow .splide__arrow svg {
		width: 14px;
		height: 14px;
	}

	.slideshow .splide__arrows {
		gap: 0;
	}

	.slideshow-text {
		bottom: 40px;
	}

	.benefits {
		grid-template-columns: 1fr;
		margin: 48px 0;
	}

	.footer-grid {
		grid-template-columns: 1fr 1fr;
	}

	.coh-module-wrap.has-order-history {
		grid-template-columns: 100%;
		margin: 24px 0 18px 0;
	}

	.coh-buttons-bottom {
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin-top: 12px;
	}

	.coh-buttons-top {
		display: none;
	}

	.coh-header {
		margin-bottom: 12px;
	}

	.coh-order-card {
		grid-template-columns: 1fr 1fr;
	}

	.coh-order-info-side {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column: 1/3;
	}

	.account-order .coh-order-info-side {
		display: flex;
		flex-direction: column;

	}

	.coh-order-images-side {
		max-width: 100px;
	}

	.coh-order-actions-side {
		grid-column: 1/3;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.coh-order-count,
	.coh-order-date {
		text-align: right;
	}

	.cookie-banner-container {
		flex-direction: column;
	}

	.blog-article-description {
		gap: 32px;
		grid-template-columns: 1fr;
	}

	.article-sidebar {
		width: 100%;
		max-width: 100%;
		position: static;
	}

	.categories {
		grid-template-columns: repeat(4, 1fr);
	}

	.alert {
		padding: 24px;
		top: 10px;
		right: 10px;
		left: 10px;
		bottom: initial;
		z-index: 9999;
	}

	.coh-order-detail-layout {
		flex-wrap: wrap;
	}

	.coh-order-delivery-payment-side {
		width: 100%;
		order: 2;
		flex: 1 1 100%;
	}

	.coh-order-items-side {
		width: 100%;
		flex: 1 1 100%;
	}

	.cart-wrapper {
		flex-wrap: wrap;
		gap: 16px;
	}

	.cart-wrapper .cart-totals-box {
		width: 100%;
	}

	#modal-add-compare .modal-header,
	#modal-replace-product .modal-header {
		padding: 8px 16px;
	}

	#modal-add-compare .modal-body,
	#modal-replace-product .modal-body {
		padding: 20px 16px;
	}

	body[class*="account-"]>.container>.row {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.account-sidebar {
		max-width: 100%;
	}

	body[class*="account-"] #content.col-sm-9 {
		padding: 0;
	}

	#search.mobile-active {
		display: flex;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99999;
		background: rgba(245, 245, 245, 1);
		padding: 8px 16px;
		align-items: flex-start;
		flex-direction: column;
	}

	.search__group {
		width: 100%;
	}

	#search .btn-lg {
		order: 2;
		height: 40px;
		min-width: 40px;
		width: 40px;
		background-color: var(--main-color);
		border-radius: 5px;
	}

	.search-close span {
		display: none;
	}

	.search-close svg {
		display: flex;
	}

	.search-close {
		display: flex;
		background: rgba(245, 245, 245, 1);
		min-width: 32px;
		height: 40px;
		width: 32px;
		align-items: center;
		justify-content: center;
	}

	#advanced-search-results {
		padding: 16px 0;
		height: 100%;
		overflow-y: auto;
		min-height: calc(100vh - 112px);
	}

	.search-field.search__group {
		gap: 8px;
	}

	.search-left-col {
		width: 100%;
		padding-right: 24px;
		border-right: none;

	}

	.search-title {
		margin-bottom: 16px;
	}

	#advanced-search-results .search-container {
		flex-direction: column;
	}

	#search .input-lg {
		height: 40px;
		border-radius: 5px;
		min-height: 40px;
		padding: 0 16px 0 8px;
	}

	.search-right-col {
		padding-left: 0;
	}

	#ajax-products-wrapper .products-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	#ajax-products-wrapper .product-item a {
		display: grid;
		grid-template-columns: 90px 1fr;
		gap: 15px;
		text-decoration: none;
	}

	#ajax-products-wrapper .product-item-image {
		grid-column: 1;
		grid-row: span 2;
		width: 90px;
		height: 90px;
	}

	#ajax-products-wrapper .product-item-image img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
	}

	#ajax-products-wrapper .product-item-name {
		grid-column: 2;
		grid-row: 1;
		align-self: start;
	}

	#ajax-products-wrapper .product-item-price {
		grid-column: 2;
		grid-row: 2;
		align-self: start;
		margin-top: 5px;
	}

	.categories-list__li {
		width: 30%;
	}

	#search-clear {
		height: 40px;
		margin: 0 -2px 0 -8px;
		padding-top: 12px;
	}
}

@media (max-width:768px) {
	.slideshow-text {
		padding: 0 16px 20px 16px;
	}

	.cart-title span {
		font-size: 14px;
	}


	.categories-list__li {
		width: 50%;
		padding: 8px;
	}


	.empty-cart-box-title,
	.success-title {
		font-size: 20px;
	}

	.cart-item-actions-top span {
		display: none;
	}

	.product-reviews-main-block--right-right-rating__label {
		padding: 8px 5px !important;
	}

	.product-reviews-main-block .btn-primary {
		height: 42px !important;
	}

	.delivery-row__name {
		font-size: 14px;
	}

	.cart-item-actions-top {
		flex-direction: column;
		gap: 8px;
		position: absolute;
		top: 0;
		right: 0;
	}

	.stock-popup-bg {
		align-items: flex-end;
	}

	.stock-header {
		padding: 16px;
	}

	#stock-form-content,
	#stock-success-content,
	.stock-success-content {
		padding: 20px 16px;
	}

	.cart-item-info {
		padding-right: 46px;
	}

	.cart-item-bottom {
		flex-direction: column;
		justify-content: space-between;
	}

	.cart-wrapper .cart-totals-box {
		padding: 16px;
		min-width: auto;
	}

	.cart-wrapper .cart-totals-box-title {
		font-size: 16px;
	}

	.cart-item-quantity {
		width: 100%;
		justify-content: space-between;
	}

	.cart-item-details {
		position: relative;
	}


	.mobile-filter-close {
		display: flex;
	}

	.ocf-header {
		display: flex !important;
		font-size: 18px;
		justify-content: space-between;
		align-items: center;
		padding: 16px;
		margin-bottom: 16px;
		border-bottom: 1px solid rgba(226, 226, 226, 1);
	}

	.ocf-header .ocf-icon {
		display: none;
	}

	#column-left {
		display: none;
		position: fixed !important;
		height: 100%;
		width: 100%;
		z-index: 99999 !important;
		left: 0;
		top: 0;
		background-color: #fff;
	}

	.information-information #column-left {
		display: block;
		position: static !important;
	}

	.information-menu-wrapper {
		padding: 0;
	}

	.information-information .information-information-row {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.information-information .collapse.in:not(.show) {
		display: block;
	}

	.information-menu-toggle {
		display: flex;
	}

	.collapse:not(.show) {
		display: none;
	}

	.information-menu-item a {
		padding: 12px 24px;
		border-top: 1px solid #eee;
	}

	.ocf-theme-light .ocf-filter {
		margin-bottom: 16px !important;
		padding-bottom: 16px;
		border-bottom: 1px solid rgba(226, 226, 226, 1);
	}

	#column-left.visible-column {
		display: flex;
		flex-direction: column;

	}

	#coh-splide .product-item {
		border: 1px solid #e0e0e0;
		padding: 8px;
		border-radius: 6px;
	}

	.coh-carousel-container {
		width: calc(100% + 16px);
	}

	.ocf-body {
		padding: 16px;
	}

	.categories {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}

	.product-wrapper {
		grid-template-columns: 1fr 1fr;
		gap: 12px;
	}

	.product-item-bottom .product-item-price .price-new,
	.product-item-bottom .product-item-price {
		font-size: 16px;
		gap: 0;
	}

	.category-controlls-results {
		margin-top: 0;
		top: -2px;
	}

	.category-controlls {
		flex-wrap: wrap;
		margin-bottom: 16px;
		gap: 0;
	}

	#input-sort-mobile-btn {
		height: 40px;
		justify-content: center;
		gap: 8px;
	}

	.current-sort {
		flex-grow: initial;
	}

	.sort-box {
		width: calc(50% - 4px);
	}

	.filter-mobile-btn {
		width: calc(50% - 4px);
		display: flex;
		align-items: center;
		font-size: 14px;
		justify-content: center;
		gap: 8px;
		height: 40px;
	}

	.category-controlls-right {
		width: 100%;
		margin-bottom: 24px;
	}

	.category-controlls .icon-arrow {
		display: none;
	}

	.category-page-wrapper {
		grid-template-columns: 1fr;
	}

	.custom-popup-overlay {
		align-items: flex-end;
	}

	.custom-popup-row {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.custom-popup-close {
		right: 10px;
		top: 13px;
	}

	.review-form-box {
		padding: 16px;
	}

	.custom-popup-title {
		padding: 12px 16px;
	}

	.author-header {
		padding: 16px;
		gap: 24px;
		grid-template-columns: 1fr;
	}

	.blog-comments-top {
		margin-bottom: 20px;
	}

	.comment-item-main--reply {
		padding: 12px 16px;
	}

	.blog-comments-title {
		font-size: 20px;
	}

	.comment-item-replies {
		padding-left: 16px;
	}

	.comment-item-node {
		padding: 0;
		border: none;
		border-radius: 0;
	}

	.article-sidebar {
		border: none;
		padding: 0;
	}

	.article-title {
		font-size: 22px;
		margin-bottom: 12px;
	}

	.article-bottom {
		padding-top: 0;
	}

	.blog-article-top {
		margin: 12px 0;
	}

	.hero-content-card {
		order: -1;
		padding: 0;
		border: none;
		box-shadow: none;
		max-width: 100%;
		margin: 0 0 12px 0;
	}

	.hero-bg-image {
		position: static;
	}

	.blog-article-hero {
		flex-direction: column;
		height: auto;
		margin-bottom: 20px;
	}

	.blog-wrapper {
		grid-template-columns: 1fr;
	}

	.featured-item--large {
		min-height: 200px;
	}

	.cookie-banner {
		padding: 0;
	}

	.cookie-banner-actions,
	.cookie-banner-actions .btn {
		width: 100%;
	}

	.cookie-banner-container {
		padding: 20px 16px;
		gap: 14px;
	}

	.footer-grid {
		grid-template-columns: 1fr;
	}

	.slider-header .custom-arrows button {
		width: 36px;
		height: 36px;
	}

	.title {
		font-size: 22px;
	}

	.slider-header {
		margin-bottom: 21px;
	}

	.like {
		width: 36px;
		height: 36px;
		right: 8px;
		top: 8px;
	}

	.compare {
		width: 36px;
		height: 36px;
		right: 8px;
		top: 52px;

	}

	.rd-stickers {
		left: 8px;
		bottom: 8px;
	}

	.product-item-bottom button {
		width: 42px;
		height: 42px;
	}

	.product-item-bottom button svg {
		width: 20px;
		height: 20px;
	}

	.product-item-caption {
		padding: 8px 0;
	}

	.product-item-name {
		margin: 8px 0;
	}

	.container {
		padding-left: 16px;
		padding-right: 16px;
	}


	.category-wall-grid {
		grid-template-columns: 1fr 1fr;
		gap: 16px 8px;
	}

	.category-wall-caption {
		margin-top: 8px;
	}

	.nav-tabs-custom {
		margin: 16px 0;
	}

	.product-tab-module .title {
		height: 36px;
		display: flex;
		align-items: center;
	}

	.product-tab-module .custom-arrows {
		position: absolute;
		top: -85px;
		right: 0;
	}
	.tabs-nav-scroll::after {
		width: 100px;
	}

	.nav-tabs-custom {
		padding: 0;
	}

	.rd-sticker {
		padding: 2px 6px;
	}

	.product-page {

		width: calc(100% + 32px);
		margin-left: -16px;
	}

	#product-product .nav-tabs {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.product-tab-module {
		margin-top: 24px;
		margin-bottom: 24px;
	}

	.related-articles .slider-header-right .btn-light {
		display: none;
	}

	.bottom-related-articles-btn {
		display: flex;
		text-align: center;
		justify-content: center;
		align-items: center;
		margin-top: 16px;
	}

	.related-articles .splide__track,
	.reviews-module .splide__track,
	.tabs-nav-scroll {
		width: calc(100% + 16px);
	}

	.description-category {
		max-height: 395px;

	}

	.description-wrap {
		padding: 20px;
	}

	h1,
	.sc-success-title {
		font-size: 18px;
	}

	.description-wrap img {
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: 16px !important;
		margin-bottom: 16px !important;
	}

	#splide-articles-latest- {
		margin: 24px 0 48px 0;
	}

	.product-page-sticky-footer-img {
		display: none;
	}

	.product-page-sticky-footer-right {
		display: grid;
		grid-template-columns: 1fr auto auto;
		width: 100%;
	}

	.product-page-sticky-price {
		text-align: left;
	}

	#ukrcredit-popup {
		padding: 16px !important;
	}

	.proposition {
		flex-wrap: wrap;
		border: none !important;
		padding: 0 !important;
		background-color:  #fff !important;
		
	}

	.prop_info {

		text-align: center;
		display: flex;
		flex-direction: column;
		width: 100% !important;
		gap: 3px;
	}
	.prop_name {
		text-align: left !important;
	}

	.alert-box svg {
		width: 20px;
		height: 20px;
		min-width: 16px;
	}

	.product-page-left.active-popup {
		padding: 0;
		width: calc(100% + 32px);
		margin-left: -16px;
		align-items: flex-end;
		z-index: 9999;
	}

	.product-page-left.active-popup .product-page-left-top {
		padding: 8px 16px;
	}

	.product-page-left.active-popup .product-page-left-container {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		min-height: auto;
	}

	.product-page-left.active-popup .product-page-left-price {
		transform: none;
		background-color: #fff;
		flex-direction: row;
		width: 100%;
		margin: 0;
		padding: 12px 16px;
		border-top: 1px solid rgba(226, 226, 226, 1);
	}

	.product-page-left.active-popup #main-slider {
		width: 100%;
	}

	.product-page-left.active-popup .percent-label {
		display: none;
	}

	.product-page-left.active-popup .price-wrapper {
		flex-direction: column;
		align-items: flex-start;
	}

	.product-page-left.active-popup #main-slider {
		padding: 16px;
	}

	.product-page-left.active-popup .price-main {
		font-size: 18px;
	}

	.cart-body {
		max-width: 100%;
	}

	.cart-body>.title {
		padding: 15px 16px;
	}

	.cart-data {
		padding: 24px 16px;
	}

	.cart-recommended {
		padding-left: 16px;
	}

	.cart-products {
		grid-template-columns: 78px 1fr;
	}

	.cart-totals-box {
		padding: 12px;
	}

	.product-reviews-module .modal-dialog {
		height: 100%;
		overflow-y: auto !important;
	}

	.product-swap {
		flex-direction: column;
		gap: 8px;
		align-items: flex-start;
		margin-top: 10px;
	}

	.sc-success-flex {
		gap: 12px;
	}

	.sc-success-info-header {
		padding: 0;
		flex-direction: column;
	}

	.sc-success-order-num {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.sc-success-status-icon {
		margin: 0 auto;
		width: auto;
	}

	.sc-success-title {
		margin-bottom: 16px;
	}


	.sc-success-page {
		padding-top: 16px;
	}

	.sc-success-status-icon svg {
		width: 100px;
		height: 100px;
	}

	.sc-success-info-block,
	.sc-success-products-block {
		padding: 16px;
	}

	.sc-success-detail-row {
		flex-direction: column;
		gap: 2px;
	}

	.sc-products-block-title {
		font-size: 20px;
	}

	.sc-success-product-item {
		padding: 6px;
	}

	.compare-actions {
		flex-direction: column;
		gap: 12px;
		align-items: flex-start;
	}

	.compare-categories {
		margin-top: 24px;
	}

	.buttons-group {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.product-cell,
	.grid-value-cell {
		width: 200px;
	}

	.grid-products,
	.grid-row-values {
		grid-auto-columns: 200px;
	}

	.btn-remove-compare.close {
		top: 1px;
		right: 8px;
	}

	#modal-add-compare .like {
		display: none;
	}

	.compare-arrow {
		width: 36px;
		height: 36px;

	}

	.compare-table-wrapper {
		width: calc(100% + 16px);
	}

	.btn-light,
	.btn-primary {
		padding: 11px;
		font-size: 15px;
	}

	.compare-arrow.next {
		right: -10px;
	}

	.compare-arrow.prev {
		left: -10px;
	}

	.coh-order-detail-header {
		margin-bottom: 24px;
	}

	.coh-items-header {
		flex-direction: column;
		align-items: flex-start !important;
		gap: 16px;
	}

	.coh-items-header .btn-primary {
		width: 100%;
	}

	.coh-prod-actions-price {
		width: 100%;
		align-items: flex-start;
	}

	.coh-product-item-card {
		flex-wrap: wrap;
	}

	.coh-prod-price-block {
		order: -1;
	}

	.coh-prod-actions-price .btn {
		width: 100%;
	}

	.coh-order-sale {
		padding: 12px 10px;
	}

	.orders-empty-title {
		font-size: 18px;
	}

	body[class*="account-"] #column-left {
		display: flex !important;
		position: static !important;
	}

	.account-address #content .btn-primary {
		width: 100%;
	}

	.address-table-btns .address-table-btns-btn {
		display: flex;
		width: 36px;
		height: 36px;
		align-items: center;
		justify-content: center;
		border: 1px solid #e2e8f0;
		padding: 0;
		border-radius: 5px;
	}

	.address-table-btns .address-table-btns-btn span {
		display: none;
	}

	.address-table-item,
	.account-user-card,
	.account-menu-toggle {
		padding: 12px;
	}

	body[class*="account-"]>.container>.row {
		padding-top: 0;
		padding-bottom: 32px;
	}

	.simpleregister-block-content .form-horizontal {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.account-modal .modal-dialog-centered {
		width: 100%;
		max-width: 100%;
		min-height: max-content;
		margin: 0;
		border-radius: 6px 6px 0 0;
	}

	.modal-open #modal-logout {
		padding: 0 !important;
		display: flex;
		align-items: flex-end;
	}

	.account-modal .modal-header {
		padding: 10px 16px;
	}

	.account-modal .modal-body {
		padding: 16px;
	}

	.account-modal .modal-footer {
		padding: 0 16px 16px 16px;
	}

	.modal-confirm-text {
		font-size: 16px;
	}

	.header-top-container {
		padding: 8px 16px;
	}

	#input-sort-mobile-btn {
		min-width: max-content;
	}

	#input-sort a {
		padding: 10px;
	}

	.category-wall .title {
		margin-bottom: 20px;
	}

	.contacts-right-form,
	.contacts-left-info {
		padding: 16px;
	}

	.contacts-left-info h1,
	.contacts-right-form h2 {
		font-size: 22px;
	}

	.contacts-subtitle,
	.contacts-left-info h3,
	.contacts-schedule,
	.contacts-channels a,
	.value-card p {
		font-size: 14px;
	}

	.custom-submit-btn {
		width: 100%;
	}

	.about-title,
	.history-content h2,
	.values-section h2 {
		font-size: 22px;
	}

	.about-intro {
		text-align: left;
	}

	.about-intro,
	.about-history {
		margin-bottom: 48px;
	}

	.footer-details {
		border-top: 1px solid rgba(226, 226, 226, 1);
		padding: 16px 0 0 0;
	}

	.footer-info {
		border-top: 1px solid rgba(226, 226, 226, 1);
		padding-top: 16px;
	}

	.footer-logo {
		margin-bottom: 16px;
	}

	.footer-grid {
		gap: 0;
	}

	.footer-details summary {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.footer-details summary::after {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		border-right: 2px solid #222;
		border-bottom: 2px solid #222;
		transform: rotate(45deg);
		transition: transform 0.2s ease-in-out;
		margin-right: 5px;
		margin-top: -3px;
	}

	.footer-details[open] summary::after {
		transform: rotate(-135deg);
	}

	.footer {
		padding-top: 18px;
	}

	.categories-slider {
		margin-bottom: 0;
	}

	.category-controlls-placeholder {
		display: block;
		width: 100%;
	}

	.is-fixed.category-controlls {
		position: fixed;
		bottom: 56px;
		left: 0;
		width: 100%;
		z-index: 9999;
		border-top: 1px solid rgba(226, 226, 226, 1);
		margin-bottom: 0;
		padding: 12px 16px;
		background: #fff;
	}

	.is-fixed .category-controlls-right {
		margin-bottom: 0;
	}

	.is-fixed .category-controlls-right h1,
	.is-fixed .category-controlls-right .category-controlls-results {
		display: none;
	}

	.ocf-container {
		overflow-y: auto;
	}

	#input-sort.visible-sort {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		background-color: #fff;
		z-index: 55555;
		top: initial;
		box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.5);
		padding: 12px 16px;
	}

	#input-sort-close {
		display: flex;
		position: absolute;
		top: 10px;
		cursor: pointer;
		right: 10px;
		width: 30px;
		height: 30px;
		z-index: 50000;
		align-items: center;
		justify-content: center;
	}

	.cart-fixed-btn {
		display: flex;
		position: fixed;
		bottom: 68px;
		z-index: 9999999;
		width: 100%;
		left: 0;
		right: 0;
		padding: 0 16px;
	}

	.cart-fixed-btn .btn {
		width: 100%;
	}


	#default-popular-products .product-item-name {
		margin: 0 0 8px 0;
		display: -webkit-box;
		display: box;
		-webkit-box-orient: vertical;
		line-clamp: 2;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	#default-popular-products .product-item {
		display: grid;
		grid-template-columns: 80px 1fr;
		gap: 12px;
		border: 1px solid #e1e1e1;
		border-radius: 5px;
		padding: 8px;
	}

	#default-popular-products .product-item-image img {
		border-radius: 6px;
	}

	#default-popular-products .product-item-caption {
		padding: 0;
	}

	#default-popular-products .product-item-bottom {
		justify-content: space-between;
		gap: 8px;
	}

	#default-popular-products .product-item-bottom .product-item-price {
		font-size: 17px;
	}

	#default-popular-products .mobile-products-list {
		margin-top: 16px;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.search-left-col {
		height: auto;
	}

	.search-left-col {
		padding-right: 0;
	}

	#search-submit-all {
		width: 100%;
	}

	.benefits-text {
		padding: 0;
	}

	body.product-category {
		padding-bottom: 120px;
	}

	.blog-item-image {
		max-height: 235px;
		min-height: 235px;
	}
	.contacts-right-messagers a span {
		display: none;
	}
	.contacts-right-messagers a {
		padding: 0;
		width: 100%;
	}
	.css-1dztziv {
		bottom: 62px !important;
		right: 5px !important
	}
	.css-aw7xuh {
		width: 46px !important;
		height: 46px !important;
		right: 5px !important
	}
	.product-product .css-1dztziv, .product-category .css-1dztziv, .checkout-cart .css-1dztziv{
		bottom: 125px !important;
		
	}
	#ukrcredit-popup .prop_calc {
		display: grid;
		width: 100%;
		grid-template-columns: max-content;
		gap: 5px;
	}
	.prop_paymentsCount, .prop_select {
		grid-column: 1 / 3;
		width: 100% !important;
		display: block;
		text-align: left;
	}
	
	.prop_total {
		width: 100%;
	}
	.prop_total button {
		width: 100% !important;
	}
}

@media (max-width: 500px) {
	.title {
		font-size: 20px;
	}

	.categories-list__li {
		width: 60%;
		gap: 8px;
		font-size: 13px;
	}

	#simplecheckout_button_cart {
		width: 100%;
	}

	.info-details__content .simplecheckout-cart-total span.inputs {
		width: 100%;
		margin: 0;
	}

	.exit-popup-bg {
		align-items: flex-end;
		border-radius: 6px 6px 0 0;
	}

	.exit-popup-header {
		padding: 10px 16px;
	}

	.exit-popup-content {
		padding: 12px 16px 16px 16px;
	}

	.exit-features {
		margin-bottom: 16px;
	}

	.exit-question {
		font-size: 16px;
	}

	.product-item-caption .product-groups-list-text:first-of-type:has(~ .product-groups-list-text) .product-groups-text-list::after {

		margin: 7px 0 0 6px;
	}

	.product-module .splide__slide .product-item .product-item-caption {
		min-height: 130px;
	}

	.sc-telegram {
		padding: 16px;
	}
	.sc-telegram-title {
    font-size: 16px; 
	}

}