* {
	border: none;
	margin: 0;
	padding: 0;
}

*,
:after,
:before {
	box-sizing: border-box;
}

a {
	color: inherit;
}

a,
a:hover,
a:link,
a:visited {
	text-decoration: none;
}

aside,
footer,
header,
main,
nav,
section {
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-size: inherit;
	font-weight: inherit;
}

ul,
ul li {
	list-style: none;
}

img {
	vertical-align: top;
}

img,
svg {
	height: auto;
	max-width: 100%;
}

address {
	font-style: normal;
}

button,
input,
select,
textarea {
	background-color: transparent;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
}

input::-ms-clear {
	display: none;
}

button,
input[type='submit'] {
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
}

button:active,
button:focus,
input:active,
input:focus {
	outline: none;
}

button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

legend {
	display: block;
}

input,
textarea {
	width: 100%;
}

:root {
	--container-width: 1170px;
	--container-padding: 15px;
	--font-size: 16px;
	--font-main: 'Ubuntu', sans-serif;
	--font-accent: sans-serif;
	--font-titles: var(--font-accent);
	--page-bg: #fff;
	--text-color: #191919;
	--grey-color: #878787;
	--accent: #fddd3a;
	--accent-opacity-50: rgba(253, 221, 58, 0.5);
	--border: #dedede;
	--dark-color: var(--text-color);
	--white-color: var(--page-bg);
	--laptop-size: 1199.98px;
	--tablet-size: 1023.98px;
	--mobile-size: 767.98px;
	--spacing-4: 30px;
}

.dark {
	--page-bg: #252526;
	--text-color: #fff;
}

body,
html {
	height: 100%;
}

body {
	background-color: var(--page-bg);
	color: var(--text-color);
	font-family: var(--font-main);
	font-size: var(--font-size);
	line-height: 1;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

div#total_total {
	display: none;
}

div#total_shipping {
	display: none;
}
div#simplecheckout_payment_form {
    display: none;
}

.wrapper,
body.lock {
	overflow: hidden;
}

.wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

.row {

	display: flex;
}

. @supports (overflow: clip) {
	.wrapper {
		overflow: clip;
	}
}

.wrapper>main {
	flex: 1 1 auto;
}

.wrapper>* {
	min-width: 0;
}

.container {
	margin: 0 auto;
	max-width: var(--container-width);
	padding: 0 var(--container-padding);
}

.filter-sidebar {
	display: grid;
	gap: 1.5rem;
}

.filter-sidebar__item.active .filter-sidebar__header:after {
	rotate: 180deg;
}

.filter-sidebar__header {
	padding: 0 20px 10px 0;
	position: relative;
	text-align: left;
	width: 100%;
}

/* .filter-sidebar__header:after {
	aspect-ratio: 1/1;
	background-color: var(--dark-color);
	content: '';
	-webkit-mask: url(../images/icons/chevron.svg) center/contain no-repeat;
	mask: url(../images/icons/chevron.svg) center/contain no-repeat;
	position: absolute;
	right: 1.5rem;
	top: calc(50% - 6px);
	transition: 0.2s ease-in-out;
	width: 12px;
} */

.filter-sidebar__checkboxes {
	display: grid;
	gap: 10px;

	.checkbox {
		font-size: 14px;
		font-weight: 500;
		margin-block: 0;

		&::before {
			width: 18px;
			height: 18px;
		}
	}
}

.language {
	padding: 0 24px;
	position: relative;
}

.language .lang-switcher__current {
	font-size: 0;
	gap: 0;
}

.language:before {
	aspect-ratio: 1/1;
	background: url(../images/icons/globe.png) 50% / contain no-repeat;
	content: '';
	left: 0;
	position: absolute;
	top: calc(50% - 8px);
	width: 16px;
}

body.no-js .language:before,
body.no-webp .language:before {
	background-image: url(../images/icons/globe.png);
}

body.webp .language:before {
	background-image: url(../images/icons/globe.webp);
}

.language__menu {
	display: none;
}

.select {
	min-width: 0;
}

.select,
.select__body {
	position: relative;
}

.select__title {
	color: inherit;
	cursor: pointer;
	font-size: 14px;
	line-height: 2;
	text-align: left;
	width: 100%;
}

.select__value {
	align-items: center;
	display: flex;
	gap: 10px;
	min-width: 0;
}

.select__value>* {
	flex: 1 1 auto;
}

.select__value:after {
	align-items: center;
	aspect-ratio: 1/1;
	background-color: var(--dark-color);
	content: '';
	display: flex;
	flex: 0 0 auto;
	justify-content: center;
	-webkit-mask: url(../images/icons/chevron.svg) center/contain no-repeat;
	mask: url(../images/icons/chevron.svg) center/contain no-repeat;
	transition: all 0.3s ease 0s;
	width: 10px;
}

._select-open .select__value:after {
	transform: rotate(-180deg);
}

.select__value._select-pseudo-label:before {
	color: #878787;
	content: attr(data-pseudo-label);
	font-size: 14px;
	line-height: 1.4;
}

.select__content,
.select__text {
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.select__input {
	background-color: transparent;
	height: 100%;
	width: 100%;
}

.select__options {
	background: #191919;
	border: 0;
	border-radius: 0;
	color: #999;
	left: 0;
	min-width: 100%;
	padding: 15px;
	position: absolute;
	top: calc(100% - 1px);
}

.select__scroll {
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
}

.select__option {
	color: inherit;
	cursor: pointer;
	font-size: 14px;
	padding: 6px;
	text-align: left;
	width: 100%;
}

.select__option._select-selected {
	color: var(--accent);
}

.select__row {
	align-items: center;
	display: inline-flex;
}

.select--show-top .select__options {
	border: 1px solid #d9d9d9;
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
	bottom: calc(100% - 1px);
	padding: 5px 0 10px;
	top: auto;
}

._select-tag {
	cursor: pointer;
}

.breadcrumb {
	border-top: 1px solid #e2e2e2;
	color: var(--grey-color);
	display: flex;
	font-size: 14px;
	font-weight: 300;
	list-style: none;
	overflow: hidden;
	padding: 25px 0;
	white-space: nowrap;
	background-color: transparent !important;
	margin-bottom: 0 !important;
}

.breadcrumb li {
	flex: 0 0 auto;
}

.breadcrumb li:not(:first-child):before {
	color: var(--grey-color);
	content: '/';
	float: left;
	padding: 0 4px;
}

.breadcrumb li a {
	transition: 0.2s ease-in-out;
}

.breadcrumb li.active {
	color: var(--dark-color);
}

.tabs__navigation {
	border-bottom: 1px solid #bababa;
	display: flex;
	margin-bottom: -1px;
}

.tabs__btn {
	border-bottom: 2px solid transparent;
	color: #bababa;
	padding-bottom: 20px;
	transition: 0.2s ease-in-out;
}

.tabs__btn:not(:last-child) {
	margin-right: 50px;
}

.tabs__btn.active,
.tabs__btn:hover {
	border-color: var(--accent);
	color: #23527c;
}

.tabs__body {
	color: #878787;
	font-size: 16px;
	line-height: 1.625;
	padding: 20px 0 50px;
}

.tabs__content {
	display: none;
}

.tabs__content.active {
	display: block;
}

.tabs__text {
	text-align: justify;
}

.tabs__text p:not(:last-child) {
	margin: 0 0 10px;
	/* padding-bottom: 20px; */
}

.panel-body {
	line-height: 26px;
	font-size: 16px;
	font-weight: 600;

	strong {
		display: block;
		padding: 15px 0;
		font-size: 16px;
		color: #878787;
		font-weight: 300;
	}

	address {}
}

.product-page {
	.tabs__text {
		h3 {
			margin-bottom: 16px;
		}
	}
}

.tabs__review {
	display: flex;
	flex-direction: column;
}

.tabs__review>.button-outline {
	margin-left: auto;
}

.pagination {
	gap: 4px;
	margin: 20px 0;
	flex-wrap: wrap;
}

.page-numbers,
.pagination {
	align-items: center;
	display: flex;
	justify-content: center;
}

.page-numbers {
	aspect-ratio: 1/1;
	border-radius: 50%;
	cursor: pointer;
	flex: 0 0 auto;
	font-size: 14px;
	line-height: 1;
	transition: 0.2s ease-in-out;
	width: 32px;
}

.page-numbers.current {
	background-color: hsla(0, 0%, 53%, 0.5);
}

.sorting-panel {
	align-items: center;
	display: grid;
	gap: 8px var(--spacing-4);
	grid-template-columns: 2fr 1fr;
}

.sorting-panel__selects {
	display: grid;
	gap: 8px var(--spacing-4);
	grid-template-columns: repeat(2, 1fr);
}

.sorting-panel .sorting-item {
	margin-left: auto;
	min-height: 28px;
}

.sorting-panel .select {
	width: -moz-fit-content;
	width: fit-content;
}

.has-sub-menu>a {
	position: relative;

	&::before {
		aspect-ratio: 1 / 1;
		background-color: var(--dark-color);
		content: '';
		-webkit-mask: url(../images/icons/chevron.svg) center / contain no-repeat;
		mask: url(../images/icons/chevron.svg) center / contain no-repeat;
		position: absolute;
		left: calc(100% + 10px);
		top: calc(50% - 6px);
		transition: 0.2s ease-in-out;
		width: 12px;
	}

	&:hover {
		&::before {
			background-color: var(--accent);
		}
	}
}

.header-search {
	flex: 1;
	max-width: 600px;

	.input-group-btn {
		width: 46px;
	}

	.input-group-btn button {
		position: relative;

		aspect-ratio: 1;

		&::before {
			aspect-ratio: 1 / 1;
			background-color: var(--dark-color);
			font-size: 0;
			-webkit-mask: url(../images/icons/search.svg) center / contain no-repeat;
			mask: url(../images/icons/search.svg) center / contain no-repeat;
			position: absolute;
			left: calc(50% - 10px);
			content: '';
			top: calc(50% - 10px);
			transition: 0.2s ease-in-out;
			width: 20px;
		}
	}

	.form-control:focus {
		border-color: #ccc;
		box-shadow: none;
	}
}

.header-search__icon {
	display: none;
}

.header-search__item {
	position: relative;
}

.header-search__input {
	border-bottom: 1px solid var(--border);
	font-size: 14px;
	padding: 8px 30px 8px 0;
}

.header-search__input:focus {
	border-bottom-color: var(--accent-opacity-50);
}

.header-search__submit {
	aspect-ratio: 1/1;
	background-color: var(--dark-color);
	font-size: 0;
	-webkit-mask: url(../images/icons/search.svg) center/contain no-repeat;
	mask: url(../images/icons/search.svg) center/contain no-repeat;
	position: absolute;
	right: 4px;
	top: calc(50% - 10px);
	transition: 0.2s ease-in-out;
	width: 20px;
}

.header-search.show .header-search__item {
	opacity: 1;
	pointer-events: all;
	translate: 0 0;
	visibility: visible;
}

.footer a,
.header .menu__list a,
.header-top__auth a,
.link-hover {
	position: relative;
	transition: 0.2s ease-in-out;
}

.footer a:after,
.header .menu__list a:after,
.header-top__auth a:after,
.link-hover:after {
	background-color: var(--accent);
	content: '';
	height: 1px;
	left: 0;
	position: absolute;
	top: 100%;
	transition: inherit;
	width: 0;
}

.button {
	align-items: center;
	background: var(--accent);
	border: 1px solid transparent;
	color: var(--dark-color);
	display: inline-flex;
	font-size: 14px;
	font-weight: 500;
	gap: 10px;
	justify-content: center;
	padding: 14px 22px;
	text-align: center;
	transition: all 0.2s ease-in-out;
}

.button__icon {
	aspect-ratio: 1/1;
	flex: 0 0 auto;
	width: 16px;
}



.button-outline {
	align-items: center;
	border: 2px solid var(--accent);
	color: #191919;
	display: inline-flex;
	font-weight: 700;
	gap: 10px;
	height: 42px;
	justify-content: center;
	padding: 6px 10px;
	transition: 0.2s ease-in-out;
}

.swiper-slide {
	a {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.category,
.section {
	margin: 60px 0;
}

.section-head {
	gap: 16px;
	justify-content: space-between;
	margin-bottom: 40px;
}

.section-head,
.section-nav {
	align-items: center;
	display: flex;
}

.section-nav {
	font-size: 20px;
	gap: 20px;
	position: relative;
}

.section-nav:after {
	background-color: hsla(0, 0%, 53%, 0.5);
	content: '';
	height: 100%;
	left: 50%;
	position: absolute;
	top: 0;
	width: 1px;
}

.about__title,
.product-page__title,
.section-title,
.title {
	font-size: 36px;
	font-weight: 300;
}

.product-page__title,
.title {
	padding-bottom: 40px;
}

.products__body:not(:last-child),
.section-body:not(:last-child) {
	margin-bottom: 40px;
}

.slider-pagination {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: center;
}

.slider-pagination .swiper-pagination-bullet {
	aspect-ratio: 1/1;
	background-color: var(--border);
	border-radius: 50%;
	flex: 0 0 auto;
	height: 8px;
	width: 8px;
	margin: 10px 5px;
}

.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--accent);
}

.radio-inline,
.radio label,
.checkbox {
	color: var(--grey-color);
	display: block;
	font-weight: 600;
	padding: 4px 0 4px 35px;
	position: relative;
}

.checkbox span {
	cursor: pointer;
}

.radio-inline input,
.radio input,
.checkbox input {
	height: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 0;
}

.checkbox>span>span {
	opacity: 0.8;
}

.checkbox label {
	padding-left: 0;
	margin-left: 0;
}

.radio-inline::before,
.radio label::before,
.checkbox:before {
	aspect-ratio: 1/1;
	border: 1px solid var(--border);
	content: '';
	left: 0;
	position: absolute;
	top: calc(50% - 10px);
	width: 20px;
}

.radio label:has(input:checked),
.radio-inline:has(input:checked),
.checkbox:has(input:checked) {
	color: var(--dark-color);
}

.radio-inline:has(input:checked):before,
.radio label:has(input:checked):before,
.checkbox:has(input:checked):before {
	background: url(../images/icons/check.svg) 50%/15px no-repeat;
	border-color: var(--accent);
}

.header-cart {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	font-weight: 500;
	gap: 8px;
	/* margin-bottom: -10px; */
	/* padding-bottom: 10px; */
	/* padding-left: 60px; */
	position: relative;
	flex: 0 0 auto;
}

.header-cart:after,
.header-cart:before {
	content: '';
	pointer-events: none;
	position: absolute;
	transition: 0.2s ease-in-out;
}

/*
.header-cart:before {
    aspect-ratio: 1/1;
    background-color: var(--dark-color);
    left: 10px;
    -webkit-mask: url(../images/icons/cart.svg) center/contain no-repeat;
    mask: url(../images/icons/cart.svg) center/contain no-repeat;
    top: calc(50% - 23px);
    width: 36px;
    z-index: 1
}
*/

.header-cart:after {
	aspect-ratio: 1/1;
	background-color: var(--accent);
	border-radius: 50%;
	/* top: calc(50% - 21px); */
	/* top: calc(50% - 35px); */
	top: 50%;
	translate: 0 -50%;
	width: 30px;
	left: -15px;
	/* width: 34px */
	/* left: 0; */
}

.header-cart__title {
	color: var(--text-color);
	transition: 0.2s ease-in-out;
}

.header-cart__badge {
	color: var(--grey-color);
	transition: 0.2s ease-in-out;
}

.header {
	position: relative;
	z-index: 15;
}

.header-top {
	background-color: var(--dark-color);
	color: var(--white-color);
	font-size: 14px;
	padding: 16px 0;
}

.header-top__inner {
	justify-content: space-between;
}

.header-top__actions,
.header-top__inner {
	align-items: center;
	display: flex;
	gap: 24px;
}

.header-top__auth {
	align-items: center;
	display: flex;
	gap: 5px;
	padding-left: 28px;
	position: relative;
}

.header-top__auth a {
	padding: 5px 0;
}

.header-top__auth:after,
.header-top__auth:before {
	content: '';
	position: absolute;
}

.header-top__auth:before {
	aspect-ratio: 1/1;
	background: url(../images/icons/user.png) 50% / contain no-repeat;
	left: 0;
	top: calc(50% - 7px);
	width: 14px;
}

body.no-js .header-top__auth:before,
body.no-webp .header-top__auth:before {
	background-image: url(../images/icons/user.png);
}

body.webp .header-top__auth:before {
	background-image: url(../images/icons/user.webp);
}

.header-top__auth:after {
	background-color: #434343;
	height: 34px;
	left: -13px;
	top: calc(50% - 17px);
	width: 1px;
}

.top-menu__nav {
	align-items: center;
	display: flex;
	gap: 24px;
	margin-bottom: 0;
}

.top-menu__nav a {
	display: block;
	padding: 5px 0;
	position: relative;
	transition: 0.2s ease-in-out;
}

.top-menu__nav a:after {
	background-color: var(--accent);
	content: '';
	height: 1px;
	left: 0;
	position: absolute;
	top: 100%;
	transition: inherit;
	width: 0;
}

.top-menu__btn {
	display: none;
}

.header__logo {
	max-width: 180px;
}

.header__inner {
	align-items: center;
	display: flex;
	gap: 24px;
	justify-content: space-between;
}

.header-center {
	padding: 12px 0;
}

.header-center .header-cart {
	/* margin-left: auto; */
}

.header-bottom {
	padding: 30px 0 15px;
}

.header .menu__close {
	display: none;
}

.header .menu__list {
	align-items: center;
	display: flex;
	gap: 32px;
	position: relative;
	margin-bottom: 0;

	li {
		padding: 10px 0;
		margin: -10px 0;
	}
}

.header .menu__list li>span {
	aspect-ratio: 1/1;
	background-color: var(--text-color);
	cursor: pointer;
	display: block;
	font-size: 0;
	margin: -15px 0;
	-webkit-mask: url(../images/icons/ellipsis.svg) center/contain no-repeat;
	mask: url(../images/icons/ellipsis.svg) center/contain no-repeat;
	width: 40px;
}

.header .menu__list li:hover .sub-menu {
	opacity: 1;
	pointer-events: all;
	translate: 0 0;
	visibility: visible;
}

.sub-menu {
	background-color: var(--white-color);
	border: 1px solid #e2e2e2;
	border-top: 2px solid var(--accent);
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(3, 1fr);
	opacity: 0;
	padding: 14px 18px;
	pointer-events: none;
	transition: 0.2s ease-in-out;
	translate: 0 20%;
	visibility: hidden;
}

.sub-menu:before {
	background-color: transparent;
	border-color: transparent transparent #fddd3a;
	border-style: solid;
	border-width: 0 4px 5px;
	content: '';
	display: block;
	position: absolute;
	right: 46px;
	top: -7px;
}

.header-social {
	align-items: center;
	display: flex;
	font-size: 18px;
	gap: 24px;
}

.header-social a {
	aspect-ratio: 1/1;
	flex: 0 0 auto;
	transition: 0.2s ease-in-out;
	width: 20px;
}

.icon-menu {
	display: none;
}

.category__grid {
	display: flex;
	flex-wrap: wrap;
	/* display: grid; */
	gap: var(--spacing-4);

	/* grid-auto-columns: 1fr;
	grid-auto-flow: row;
	grid-template-areas: 'category-1 category-1 category-2 category-3' 'category-1 category-1 category-6 category-7' 'category-4 category-5 category-6 category-8';
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(3, 216px); */
	.category-item {
		width: calc(20% - 24px);

		&:nth-child(1),
		&:nth-child(2) {
			width: calc(50% - 15px);
		}
	}

	.category-item img {
		object-fit: cover;
		-o-object-fit: cover;
	}
}

.category-item {
	display: block;
	overflow: hidden;
	position: relative;
	transition: 0.2s ease-in-out;
	color: #fff;
}

.category-item:before {
	background-color: rgba(0, 0, 0, 0.4);
	content: '';
	inset: 0;
	display: none !important;
	pointer-events: none;
	position: absolute;
	transition: 0.2s ease-in-out;
}

.category-item:after {
	background-color: var(--accent);
	content: '';
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: 0.2s ease-in-out;
}

.category-item img {
	height: 100%;
	transition: 0.2s ease-in-out;
	width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	/* -o-object-fit: cover; */
	/* object-fit: cover; */
}

.category-item__title {
	font-size: 16px;
	font-weight: 600;
	left: 15px;
	padding-right: 10px;
	position: absolute;
	top: 20px;
	z-index: 2;
	color: #000;
}

.category-item:first-child {
	grid-area: category-1;
}

.category-item:nth-child(2) {
	grid-area: category-2;
}

.category-item:nth-child(3) {
	grid-area: category-3;
}

.category-item:nth-child(4) {
	grid-area: category-4;
}

.category-item:nth-child(5) {
	grid-area: category-5;
}

.category-item:nth-child(6) {
	grid-area: category-6;
}

.category-item:nth-child(7) {
	grid-area: category-7;
}

.category-item:nth-child(8) {
	grid-area: category-8;
}

.products-slider__pagination {
	padding-top: 40px;
}

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

.products-swiper .swiper-slide {
	height: auto;
}

.product-item {
	border: 1px solid var(--border);
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 15px;
	transition: 0.2s ease-in-out;

	.button {
		&::before {
			content: '';
			aspect-ratio: 1 / 1;
			flex: 0 0 auto;
			width: 16px;
			display: inline-block;
			mask: url('../images/icons/cart.svg') center/contain no-repeat;
			-webkit-mask: url('../images/icons/cart.svg') center/contain no-repeat;
			background-color: #191919;
		}

		&:hover {
			&::before {
				background-color: #fff;
			}
		}
	}
}

.product-item__head {
	flex: 0 0 auto;
	position: relative;
}

.form-group {
	label {
		margin-bottom: 8px;
	}
}

.well {
	padding: 30px;
	background: #fff;
	border: 1px solid var(--border, #e0e0e0);
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	margin-top: 20px;

	h2 {
		color: var(--dark-color, #191919);
		font-size: 24px;
		font-weight: 600;
		width: 100%;
		margin: 0;
		text-align: center;
		/* margin-top: -46px; */
		/* padding-inline: 8px; */
		/* background-color: #fff; */
		/* margin-left: -8px; */
	}

	label {
		font-weight: 600;
	}

	input {
		border: 1px solid var(--border, #e0e0e0);
		border-radius: 4px;
		padding: 12px 15px;
		font-size: 14px;
		transition: all 0.2s ease-in-out;
		width: 100%;
	}

	.form-group {
		input {
			&:not(:last-child) {
				margin-bottom: 8px;
			}
		}
	}

	p {
		line-height: 1.5;
		font-size: 14px;
	}

	input[type='submit'] {
		background: var(--accent, #007bff);
		color: #fff;
		border: none;
		padding: 14px 30px;
		font-size: 16px;
		font-weight: 600;
		border-radius: 4px;
		cursor: pointer;
		transition: all 0.2s ease-in-out;

		&:hover {
			background: var(--accent-hover, #0056b3);
			transform: translateY(-1px);
			box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
		}
	}
}

.button {
	cursor: pointer;
	color: #191919;
	border-radius: 4px;

	&:hover {
		color: #fff;
		/* background: var(--accent-hover, #0056b3); */
		background: var(--dark-color);
		transform: translateY(-1px);
		box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
	}
}

.button--dark {
	background-color: var(--dark-color);
	color: var(--white-color) !important;

	&:hover {
		background-color: var(--accent);
		color: var(--dark-color) !important;
	}
}

#account-register fieldset {
	legend {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
		border: none !important;
		display: inline-block !important;
	}
}

#information-contact {
	margin-bottom: 50px;

	h1 {
		margin-bottom: 40px;
		font-size: 36px;
		margin-right: 65px;
		font-weight: 300;
		margin-top: 0;
	}

	h3 {
		font-size: 28px;
		margin-bottom: 20px;
		font-weight: 300;
		margin-top: 0;
	}

	legend {
		padding-bottom: 20px;
	}

	.btn-primary {
		background-color: #337ab7;
	}
}

.product-item__label {
	border: 1px solid var(--accent);
	font-size: 14px;
	font-weight: 600;
	padding: 2px 15px;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	z-index: 1;
	background-color: var(--accent);
	/* color: var(--accent); */
}

.product-item__img {
	aspect-ratio: 1/1;
	overflow: hidden;
	width: 100%;
}

.product-item__img img {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	transition: 0.2s ease-in-out;
	width: 100%;
}

.product-item__body {
	align-items: center;
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 0.9375rem;
	justify-content: center;
}

.product-item__body-top {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: auto;
}

.product-item__title {
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
}

.product-item__volume {
	color: var(--grey-color);
	font-size: 14px;
}

.product-item__price {
	color: var(--grey-color);
}

.product-item--horizontal .product-item__head {
	width: 230px;
}

.blog__items {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(3, 1fr);
}

.blog-item {
	display: flex;
	flex-direction: column;
	margin: -10px;
	padding: 10px;
	transition: 0.2s ease-in-out;
}

.blog-item__img {
	aspect-ratio: 1/0.8333333333;
	overflow: hidden;
	width: 100%;
}

.blog-item__img img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: 0.2s ease-in-out;
	width: 100%;
}

.blog-item__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 20px;
	padding: 20px 0;
}

.blog-item__date {
	color: var(--grey-color);
	font-size: 14px;
}

.blog-item__title {
	color: var(--dark-color);
	font-weight: 500;
	line-height: 1.4;
}

.blog-item__info {
	margin-top: auto;
}

.blog-item__info a {
	font-size: 14px;
}

.blog-item__description {
	color: var(--grey-color);
	display: -webkit-box;
	text-overflow: -o-ellipsis-lastline;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.5;
	margin-bottom: 5px;
	overflow: hidden;
}

.about {
	background-color: #f0f0f2;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 30px 0;
}

.about__content {
	display: flex;
	flex-direction: column;
	gap: 30px;
	max-width: 750px;
	width: 66%;
}

.about__description {
	color: var(--grey-color);
	line-height: 1.625;
	text-align: justify;
}

.about__description p:not(:last-child) {
	margin-bottom: 30px;
}

.hero-slider {
	margin: 0px 0 40px;
}

.hero-slider__controls {
	align-items: center;
	background-color: var(--white-color);
	bottom: 0;
	display: flex;
	gap: 18px;
	left: 0;
	padding: 20px 60px 20px 0;
	position: absolute;
	z-index: 5;
}

.hero-slider__controls:before {
	background-color: inherit;
	content: '';
	height: 100%;
	pointer-events: none;
	position: absolute;
	right: 100%;
	top: 0;
	width: 50vw;
	z-index: -1;
}

.hero-slide {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 597px;
}

.hero-slide__container {
	height: 100%;
	margin: 0 auto;
	max-width: 1170px;
	padding: 0 15px;
}

.hero-slide__content {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	max-width: 460px;
}

.hero-slide__title {
	font-size: 64px;
	font-weight: 500;
	line-height: 1.1;
	margin: 0 0 45px;
}

.hero-slide__description {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.1;
	margin-bottom: 1em;
}

.container {
	position: relative;
}

.hero-button-next,
.hero-button-prev {
	margin-top: -5px;
	transition: 0.2s ease-in-out;
}

.footer {
	background-color: var(--dark-color);
	color: #999;
	font-size: 14px;
	line-height: 26px;
}

.footer a {
	color: inherit;
}

.footer__logo {
	display: block;
	margin-bottom: 35px;
	width: 140px;
}

.footer__logo:after {
	display: none;
}

.footer__top {
	display: flex;
	gap: var(--spacing-4);
	padding: 40px 0;
}

.footer__top p {
	font-size: 14px;
	line-height: 1.86;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.footer__top em {
	color: #fff;
	display: block;
	font-style: normal;
}

.footer form label {
	color: #fff;
	display: block;
	font-weight: 700;
	margin-bottom: 20px;
}

.footer form input {
	border-bottom: 1px solid var(--border);
	color: var(--border);
	height: 45px;
	margin-bottom: 20px;
	transition: 0.2s ease-in-out;
	width: 100%;
}

.footer form input:focus {
	border-bottom-color: var(--accent);
}

.footer__social {
	align-items: center;
	display: flex;
	gap: 16px;
}

.footer__social a {
	aspect-ratio: 1/1;
	display: block;
	filter: contrast(0);
	transition: 0.2s ease-in-out;
	width: 20px;
}

.footer__social a:after {
	display: none;
}

.footer__col {
	flex: 1;
}

.footer__title {
	color: #fff;
	font-size: 16px;
	padding-bottom: 20px;
}

.footer__menu {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.footer__menu li {
	align-items: center;
	color: #999;
	display: flex;
	gap: 5px;
}

.footer__menu a {
	display: block;
	line-height: 1.5;
}

.footer__bottom {
	align-items: center;
	border-top: 1px solid #393939;
	display: flex;
	gap: 12px 24px;
	justify-content: space-between;
	padding: 10px 0;
}

.footer__bottom a:after {
	display: none;
}

.category-page {
	padding-bottom: 80px;
}

.category-page__grid {
	display: grid;
	gap: var(--spacing-4);
	grid-template-columns: 300px 1fr;
}

.category-page__items {
	display: grid;
	gap: var(--spacing-4);
	grid-template-columns: repeat(3, 1fr);

	&.is-list {
		.product-item__img {
			width: 200px;
		}
	}
}

.category-page__items--vertical,
.category-page__items.is-list {
	grid-template-columns: auto;
}

.category-page__sorting {
	margin-bottom: 24px;
}

.sorting-item {
	align-items: center;
	display: flex;
	gap: 4px;
}

.sorting-item__label {
	color: #878787;
	font-size: 14px;
	line-height: 1.4;
}

.sorting-item__items {
	display: flex;
	gap: 6px;
}

.sorting-item__block {
	align-items: center;
	aspect-ratio: 1/1;
	display: flex;
	flex: 0 0 auto;
	justify-content: center;
	opacity: 0.5;
	transition: 0.2s ease-in-out;
	width: 12px;
}

.sorting-item__block img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.sorting-item__block:nth-child(2) {
	scale: 1.3;
}

.sorting-item__block.active {
	opacity: 1;
}

.contact-page {
	padding-bottom: 80px;
}

.contact-page__items {
	display: flex;
	gap: var(--spacing-4);
	margin-bottom: 35px;
}

.contact-page__map {
	filter: grayscale(1);
	height: 500px;
}

.contact-page__map iframe {
	height: 100%;
	width: 100%;
}

.contact-item {
	border: 2px solid #ebebeb;
	flex: 1;
	padding: 30px;
}

.contact-item__label {
	color: #878787;
	display: block;
	font-size: 16px;
	font-weight: 300;
	padding: 15px 0;
}

.contact-item__link,
.contact-item__text {
	font-weight: 600;
	line-height: 1.625;
}

.contact-item__link {
	color: #337ab7;
}

.text-page {
	padding-bottom: 80px;
}

.text-page__content {
	color: #878787;
	font-size: 14px;
	line-height: 1.25;
}

.text-page__content p:not(:last-child),
.text-page__content ul:not(:last-child) {
	margin-bottom: 10px;
	padding-bottom: 20px;
}

.text-page__content ul {
	list-style: disc;
	padding-left: 20px;
}

.text-page__content li {
	list-style: disc;
}

.blog-page {
	padding-bottom: 80px;
}

.blog-page__items {
	display: grid;
	gap: var(--spacing-4);
	grid-template-columns: repeat(3, 1fr);
}

.article {
	padding-bottom: 80px;
}

.article__img {
	aspect-ratio: 1/0.6666666667;
	width: 33.333%;
}

.article__img img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.article__grid {
	align-items: flex-start;
	display: flex;
	gap: var(--spacing-4);
}

.article__content {
	color: #878787;
	font-size: 14px;
	line-height: 1.4;
	width: 66.666%;
}

.article__content p {
	padding-bottom: 10px;text-align: justify;
}
.article__content ul{padding-left: 15px;}
.article__content ul li{padding-bottom: 10px;text-align: justify;    list-style: disc;}

.article__content ol{padding-left: 15px;}
.article__content ol li{padding-bottom: 10px;text-align: justify;}

.article__content h2{font-size: 17px;
    font-weight: 500;}
.article__content a{    color: #337ab7;
    text-decoration: underline;}
.article__content a:hover{text-decoration: none;}

.product-page__inner {
	align-items: flex-start;
	display: flex;
	gap: 24px;
	justify-content: space-between;
}

.product-page__img {
	min-width: 0;
	padding-block: 30px;
	width: 41.66666667%;
	aspect-ratio: 1;

	img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
}

.product-page__article-num,
.product-page__brand {
	line-height: 2;
	font-size: 14px;
}

.product-page__brand {
	color: var(--grey-color);

	a {
		color: var(--dark-color);

		&:hover {
			text-decoration: underline;
		}
	}
}

.product-page__slider {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 100%;
	min-width: 0;
}

.product-page__slider>* {
	min-width: 0;
	width: 100%;
}

.product-page__main {
	width: 50%;
}

.product-page__title {
	margin-bottom: 10px;
	padding-bottom: 0;
}

.product-page__volume {
	color: #979797;
	font-size: 13px;
	margin-bottom: 20px;
}

.product-page__line {
	align-items: center;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	margin: 20px 0;
	white-space: nowrap;
}

.product-page__stock {
	background: url(../images/icons/check.png) 0 / contain no-repeat;
	font-size: 14px;
	line-height: 2;
	padding-left: 40px;
}

body.no-js .product-page__stock,
body.no-webp .product-page__stock {
	background-image: url(../images/icons/check.png);
}

body.webp .product-page__stock {
	background-image: url(../images/icons/check.webp);
}

.product-page__article-num {
	color: var(--grey-color);
	text-align: right;
}

.product-page .button-outline:after {
	color: inherit;
	content: '+';
	font-size: 20px;
	font-weight: 700;
}

.product-page {
	h3 {
		font-size: 36px;
		font-weight: 300;
		margin-bottom: 40px;
	}
}

.product-page .category-page__items {
	margin-bottom: 50px;
}

.product-swiper {
	aspect-ratio: 1/0.8586956522;
	border: 2px solid hsla(0, 0%, 53%, 0.5);
}

.product-swiper .swiper-slide {
	cursor: zoom-in;
}

.product-swiper img {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	width: 100%;
}

.product-thumb-swiper .swiper-slide {
	aspect-ratio: 1/1.125;
	border: 2px solid var(--accent);
	cursor: pointer;
	padding: 5px;
	position: relative;
	transition: 0.2s ease-in-out;
}

.product-thumb-swiper .swiper-slide:after {
	background-color: var(--accent-opacity-50);
	content: '';
	inset: 0;
	opacity: 0;
	position: absolute;
	transition: inherit;
}

.product-thumb-swiper img {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	width: 100%;
}

#column-left {
	width: 100%;
}

.filter-sidebar__footer {
	#button-filter {
		width: 100%;
	}
}

.product-page__price {
	font-size: 30px;
	font-weight: 500;
	color: #191919;

	.price-old {
		text-decoration: line-through;
		opacity: 0.3;
	}
}

.price-old {
	text-decoration: line-through;
}

.product-page__article-num {}

#input-option218 {
	.radio {
		&:first-child {
			margin-top: 0;
		}
	}
}

.header {

	.social-icon {
		filter: invert(1);
	}
}

.menu__body,
.header__menu {
	width: 100%;
}

.header {
	.menu__list {
		justify-content: space-between;
	}
}

.has-sub-menu>a {
	&::before {
		width: 8px;
		top: calc(50% - 4px);
	}
}

.header-cart__toggle {
	display: flex;
	align-items: center;
	/* flex-direction: column; */

	.mini-cart-empty {
		font-size: 12px;
	}

	.mini-cart-total {
		font-size: 8px;

		span {
			font-size: 14px;
		}
	}
}

.swiper-viewport {
	box-shadow: none !important;

	.swiper-pager {
		display: none;
	}
}

.mobile-buy-bar {
	display: none;
}

#popupaddtocart {

	.close-added-to-cart a {
		font-size: 14px;
	}

	.popupaddtocartbuttons {
		width: 100%;

		&>* {
			max-width: 180px;
			width: 100%;
		}

		&:first-child {
			text-align: right;
		}

		&:last-child {
			text-align: left;
		}
	}
}

.in-cart {
	.button-outline {
		display: none;
	}
}

#account-forgotten,
#account-login,
#account-register {
	.list-group {
		display: none;
	}

	#content {
		width: 100%;
	}
}

#content {
	h1 {
		font-size: 36px;
		font-weight: 300;
		color: #191919;
	}
}

#account-forgotten {
	h1 {
		color: var(--dark-color, #191919);
		font-size: 24px;
		font-weight: 600;

	}

	&>p {
		font-size: 14px;
		line-height: 1.5;
		font-weight: 700;
	}

	.form-horizontal {
		min-height: 20px;
		margin-bottom: 20px;
		padding: 30px 30px 54px;
		background: #fff;
		border: 1px solid var(--border, #e0e0e0);
		border-radius: 8px;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
		margin-top: 20px;

		.col-sm-10 {
			width: 100%;
		}


		legend {
			font-weight: 600;
			margin-bottom: 8px;
			border: none;
			color: var(--dark-color, #191919);
			font-size: 16px;
		}

		.control-label {
			display: none;
		}
	}
}

.simplecheckout-cart td.quantity {
	.form-control {
		border: none;
		text-align: center;
		border: none;
		width: 60px;
		text-align: center;
		font-size: 14px;
		font-weight: 500;
		padding: 0 8px;
		flex: 0 0 auto;
	}

	&>.input-group {
		display: flex;
		border: 1px solid #e0e0e0;
		border-radius: 6px;
		overflow: hidden;
		background: #fff;
	}

	.input-group-btn {
		flex: 0 0 auto;
		width: auto;
	}

	.btn {
		background: #f5f5f5;
		border: none;
		padding: 0;
		width: 32px;
		outline: none;
		height: 32px;
		font-size: 16px;
		font-weight: 600;
		color: #666;
		cursor: pointer;
		transition: all 0.2s ease;
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;

		.fa-times-circle,
		.fa-minus,
		.fa-plus {
			font-style: normal;

			&::before {

				font: inherit;
				color: inherit;
			}
		}

		.fa-minus {
			&::before {
				content: '-';

			}
		}

		.fa-plus {
			&::before {
				content: '+';
			}
		}

		.fa-times-circle {
			&::before {
				content: 'x';
				color: #fff;
			}
		}

		&.btn-danger {
			background-color: #dc3545;
		}
	}
}

.simplecheckout-cart td.image a {
	width: 70px;
	display: block;
	aspect-ratio: 1;

	img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
}

.simplecheckout-cart {
	td {
		vertical-align: middle !important;
	}
}

.simplecheckout-cart td.name {
	text-align: left !important;
}

.modal#cart-modal .mini-cart__actions .button--lg {
	max-width: fit-content;
	margin-inline: auto;
}

@media (max-width: 1199.98px) {
	.header .menu__list {
		gap: 24px;
	}

	.hero-slider__controls {
		padding: 20px 60px 20px 15px;
	}
}

@media (max-width: 1023.98px) {
	:root {
		--spacing-4: 20px;
	}

	.tabs__btn:not(:last-child) {
		margin-right: 24px;
	}

	.sorting-panel {
		align-items: flex-start;
	}

	.sorting-panel__selects {
		grid-template-columns: auto;
	}

	.category,
	.section {
		margin: 60px 0;
	}

	.header .menu__body {
		background-color: #fff;
		display: grid;
		gap: 8px;
		grid-template-columns: repeat(2, 1fr);
		height: calc(var(--vh) - 56px);
		left: 0;
		padding: 45px 15px 15px;
		pointer-events: none;
		position: fixed;
		top: 56px;
		transition: 0.2s ease-in-out;
		translate: -100% 0;
		visibility: hidden;
		width: 100%;
	}

	.category-open .header .menu__body {
		pointer-events: all;
		translate: 0 0;
		visibility: visible;
	}

	.header .menu__close {
		aspect-ratio: 1/1;
		border: 1px solid var(--dark-color);
		border-radius: 50%;
		display: block;
		font-size: 0;
		position: absolute;
		right: 15px;
		top: 15px;
		width: 30px;
	}

	.header .menu__close:after,
	.header .menu__close:before {
		aspect-ratio: 1/1;
		background-color: var(--dark-color);
		content: '';
		height: 2px;
		position: absolute;
		translate: -50% -1px;
		width: 18px;
	}

	.header .menu__close:before {
		rotate: 45deg;
	}

	.header .menu__close:after {
		rotate: -45deg;
	}

	.header .menu__list li>span {
		display: none;
	}

	.sub-menu {
		border: none;
		display: flex;
		flex-direction: column;
		gap: 16px;
		height: auto;
		min-width: auto;
		opacity: 1;
		padding: 15px 0 0;
		pointer-events: all;
		position: static;
		translate: 0 0;
		visibility: visible;
	}

	.sub-menu:before {
		display: none;
	}

	.icon-menu {
		align-items: center;
		display: inline-flex;
		font-size: 14px;
		gap: 8px;
	}

	.icon-menu .icon-menu__btn {
		height: 12px;
		position: relative;
		width: 20px;
	}

	.icon-menu .icon-menu__btn:after,
	.icon-menu .icon-menu__btn:before {
		content: '';
	}

	.icon-menu .icon-menu__btn span,
	.icon-menu .icon-menu__btn:after,
	.icon-menu .icon-menu__btn:before {
		background-color: var(--dark-color);
		height: 2px;
		left: 0;
		position: absolute;
		width: 100%;
	}

	.icon-menu .icon-menu__btn:before {
		top: 0;
	}

	.icon-menu .icon-menu__btn:after {
		bottom: 0;
	}

	.icon-menu .icon-menu__btn span {
		top: calc(50% - 1px);
	}

	.category__grid {
		display: grid;
		grid-template-areas: 'category-1 category-1' 'category-1 category-1' 'category-2 category-3' 'category-4 category-5' 'category-6 category-7' 'category-6 category-8';
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(6, 270px);

		.category-item {
			width: 100% !important;
		}
	}

	.product-item--horizontal .product-item__head {
		width: 190px;
	}

	.product-item--horizontal .product-item__body {
		max-width: 100%;
	}

	.about__content {
		width: 75%;
	}

	.hero-slide {
		height: 470px;
	}

	.hero-slide__content {
		max-width: 340px;
	}

	.hero-slide__title {
		font-size: 50px;
	}

	.footer__top {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.category-page__grid {
		grid-template-columns: 200px 1fr;
	}

	.category-page__items {
		grid-template-columns: repeat(2, 1fr);
	}





	.product-page__stock {
		background-size: 24px;
		padding-left: 30px;
	}

	.product-page__line,
	.header-top__inner,
	.top-menu__nav {
		gap: 10px;
	}

	.header-top__auth {
		padding-left: 20px;
	}

	.menu__body {
		&.desktop {
			display: none !important;
		}

		&.mobile {
			display: block !important;
			z-index: 2;
		}
	}

	.menu__body.mobile {
		display: block !important;

		.menu__link {
			padding: 8px 0;
			width: 100%;
			position: relative;
			display: block;
		}

		.menu__list {
			justify-content: start;

			li {
				width: 100%;
			}

			.has-sub-menu {

				.menu__link {
					text-align: left;

					&::before {
						aspect-ratio: 1 / 1;
						background-color: var(--dark-color);
						content: '';
						-webkit-mask: url(../images/icons/chevron.svg) center / contain no-repeat;
						mask: url(../images/icons/chevron.svg) center / contain no-repeat;
						position: absolute;
						right: 0;
						top: calc(50% - 4px);
						transition: 0.2s ease-in-out;
						width: 8px;
					}

				}
			}
		}
	}

	.header .menu__list {
		align-items: flex-start;
		flex-direction: column;
		gap: 16px;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		padding-top: 15px;
	}

	.top-menu__body {
		background-color: #191919;
		display: flex;
		flex-direction: column;
		gap: 24px;
		height: 100vh;
		left: 0;
		padding: 80px 15px 15px;
		position: fixed;
		top: 0;
		transition: 0.2s ease-in-out;
		translate: -100% 0;
		width: 100%;
		z-index: 5;
	}

	.menu-open .top-menu__body {
		translate: 0 0;
	}

	.top-menu__nav {
		align-items: flex-start;
		flex-direction: column;
		gap: 16px;
	}

	.top-menu__nav a {
		font-size: 20px;
	}

	.top-menu__btn {
		display: block;
		height: 18px;
		position: relative;
		width: 30px;
		z-index: 10;
	}

	.top-menu__btn span,
	.top-menu__btn:after,
	.top-menu__btn:before {
		background-color: #fff;
		border-radius: 4px;
		content: '';
		height: 2px;
		left: 0;
		position: absolute;
		width: 100%;
	}

	.top-menu__btn:before {
		top: 0;
	}

	.top-menu__btn span {
		top: calc(50% - 1px);
	}

	.top-menu__btn:after {
		bottom: 0;
	}

	.product-page__main {
		flex: 1;
	}
}

@media (min-width: 768px) {
	.filter-sidebar__item.active .filter-sidebar__header:after {
		rotate: 180deg;
	}

	.filter-sidebar__item {
		pointer-events: none;
	}

	.filter-sidebar__content {
		pointer-events: all;
	}

	.filter-sidebar__body {
		display: block;
	}
}

@media (max-width: 767.98px) {
	.simplecheckout-cart {
		.remove {
			display: none;
		}
	}

	.dropdown-address {
		width: 100%;
	}

	input,
	textarea,
	select {
		font-size: 16px;
	}

	.simplecheckout-block {
		.simplecheckout-cart {

			th {
				font-size: 14px !important;
			}
		}
	}

	#popupaddtocart {
		.popupaddtocartbuttons {
			.row {
				flex-wrap: wrap;
			}

			padding-inline: 2.5px !important;
		}
	}

	#account-login {
		#content.col-sm-9 {
			.row {
				flex-wrap: wrap;
			}

			.col-sm-6 {
				width: 100%;
				flex: 0 0 100%;
			}
		}
	}

	#account-register {
		padding: 40px 16px !important;

		.radio-inline {
			margin-inline: 0;
		}
	}

	.category-page__items.is-list {
		.product-item__img {
			margin-inline: auto;
		}
	}

	.filter-sidebar__header:after {
		aspect-ratio: 1/1;
		background-color: var(--dark-color);
		content: '';
		-webkit-mask: url(../images/icons/chevron.svg) center/contain no-repeat;
		mask: url(../images/icons/chevron.svg) center/contain no-repeat;
		position: absolute;
		right: 1.5rem;
		top: calc(50% - 6px);
		transition: 0.2s ease-in-out;
		width: 12px;
	}

	.mini-cart-empty {
		font-size: 0 !important;

		&::before {
			content: '0';
			font-size: 14px !important;
		}
	}

	#column-left {
		display: block !important;
		width: 100% !important;

		.checkbox,
		.radio {
			flex-direction: row;
		}
	}

	.mobile-buy-bar {
		display: block;
		align-items: center;
		background: #fff;
		border-radius: 12px 12px 0 0;
		bottom: 0;
		box-shadow: 0 -3px 10px rgba(0, 0, 0, .05);
		display: flex;
		flex-wrap: wrap;
		min-height: 96px;
		padding: 24px 16px;
		position: fixed;
		right: 0;
		justify-content: space-between;
		width: 100%;
		z-index: 2;
	}



	.mobile-buy-bar__price {
		font-size: 24px;
		font-weight: 500;
		color: #191919;
	}

	.mobile-buy-bar__btn {
		align-items: center;
		background: var(--accent);
		border: 1px solid transparent;
		color: var(--dark-color);
		display: inline-flex;
		font-size: 14px;
		font-weight: 500;
		gap: 10px;
		justify-content: center;
		padding: 14px 22px;
		text-align: center;
		transition: all 0.2s ease-in-out;
		border-radius: 4px;

		&::before {
			content: '';
			aspect-ratio: 1 / 1;
			flex: 0 0 auto;
			width: 16px;
			background: url('../images/icons/cart.svg') center/contain no-repeat;
		}
	}

	.swiper-viewport {
		display: none;
	}

	.mini-cart-total {
		display: none;
	}



	.tabs__btn:not(:last-child) {
		margin-right: 16px;
	}

	#information-contact {
		h1 {
			font-size: 28px;
		}

		h3 {
			font-size: 20px;
		}
	}

	.product-page {
		h3 {
			font-size: 28px;
		}
	}

	.sorting-panel {
		grid-template-columns: auto;
	}

	.sorting-panel .sorting-item {
		margin-left: 0;
	}

	.header-search {
		flex: none;
		margin-left: auto;
	}

	.header-cart:after {
		left: 50%;
		top: 50%;
		translate: -50% -50%;
		width: 40px;
		display: none;
	}

	.header-cart__img {
		margin-right: 0;
		filter: invert(1);
	}

	.header-cart__count {
		position: absolute;
		right: 0;
		top: 0;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--accent);
		color: var(--dark-color);
		translate: 0 -50%;
		z-index: 2;
	}

	.header-search__icon {
		aspect-ratio: 1/1;
		background-color: #fff;
		display: block;
		font-size: 0;
		-webkit-mask: url(../images/icons/search.svg) center/contain no-repeat;
		mask: url(../images/icons/search.svg) center/contain no-repeat;
		position: relative;
		width: 24px;
		z-index: 5;
	}

	.header-search__item {
		background-color: var(--dark-color);
		left: 0;
		opacity: 0;
		padding: 15px;
		pointer-events: none;
		position: fixed;
		top: 48px;
		transition: 0.3s ease-in-out;
		translate: 0 calc(-100% - 48px);
		visibility: hidden;
		width: 100%;
		z-index: 1;
	}

	.header-search__submit {
		background-color: #fff;
		right: 20px;
	}

	.desktop {
		display: none !important;
	}

	.about__title,
	.product-page__title,
	.section-title,
	.title {
		font-size: 28px;
	}

	.header-cart {
		aspect-ratio: 1/1;
		margin-bottom: 0;
		padding-bottom: 0;
		padding-left: 0;
		width: 32px;
		z-index: 5;
	}

	/* .header-cart:before { background-color:#fff; left:auto; right:0; top:0; width:100% } */

	/* .header-cart:after { display:none } */

	.header-cart__title {
		display: none;
	}

	.header-cart__badge {
		align-items: center;
		aspect-ratio: 1/1;
		background-color: var(--accent);
		border: 1px solid var(--dark-color);
		border-radius: 50px;
		display: flex;
		font-size: 0;
		justify-content: center;
		position: absolute;
		right: 0;
		top: 0;
		translate: 25% -25%;
		width: 18px;
		z-index: 1;
	}

	.header-cart__badge span {
		color: var(--dark-color);
		font-size: 12px;
	}

	.header-top {
		padding: 12px 0;
		position: relative;
	}

	.header-top:after {
		background-color: inherit;
		content: '';
		inset: 0;
		pointer-events: none;
		position: absolute;
		z-index: 2;
	}

	.header-top__actions {
		align-items: flex-start;
		flex-direction: column;
		font-size: 20px;
		gap: 16px;
		position: relative;
	}

	.header-top__auth:after {
		display: none;
	}


	.header__logo {
		left: 50%;
		position: absolute;
		top: 50%;
		translate: -50% -50%;
		width: 80px;
		z-index: 5;
	}

	.header-center {
		display: none;
	}



	.category__grid {
		display: flex;
		flex-direction: column;
	}

	.product-item .button {
		max-width: 250px;
		width: 100%;
	}

	.product-item__volume {
		text-align: center;
	}

	.product-item--horizontal .product-item__head {
		width: 100%;
	}

	.blog-item__body {
		gap: 10px;
	}

	.about {
		background-image: none !important;
	}

	.about__content {
		position: relative;
		width: 100%;
		z-index: 1;
	}

	.about__description {
		color: var(--dark-color);
	}

	.hero-slider {
		margin-top: 0;
	}

	.hero-slider__controls {
		padding: 15px 30px 15px 15px;
	}

	.hero-slide {
		height: 340px;
	}

	.hero-slide__content {
		max-width: 70%;
	}

	.hero-slide__title {
		font-size: 25px;
		margin-bottom: 20px;
	}

	.hero-slide__description {
		font-size: 15px;
	}

	.footer__logo {
		margin-inline: auto;
	}

	.footer__top {
		grid-template-columns: auto;
		justify-items: center;
		text-align: center;
	}

	.footer__social {
		justify-content: center;
	}

	.footer__menu {
		align-items: center;
	}

	.footer__bottom {
		flex-direction: column;
		padding: 15px 0;
	}

	.category-page__grid {
		grid-template-columns: auto;
	}

	.category-page__items {
		gap: 10px;
		/* grid-template-columns: auto; */
	}

	.sorting-item {
		display: none;
	}

	.article__img {
		width: 100%;
	}

	.article__grid {
		flex-direction: column;
	}

	.article__content {
		width: 100%;
	}

	.product-page__inner {
		flex-direction: column;
		gap: 16px;
	}

	.product-page__img {
		width: 90%;
		margin-inline: auto;
		padding-block: 12px;
	}

	.product-page__main {
		width: 100%;
	}

	.product-page__brand,
	.product-page__stock,
	.product-page__article-num {
		font-size: 12px;
	}
}

@media (min-width: 768px) {
	.mobile {
		display: none !important;
	}

	.products .section-nav {
		display: none;
	}

	.product-item--horizontal,
	.category-page__items.is-list .product-item {
		flex-direction: row;
	}

	.product-item--horizontal .product-item__body-top,
	.category-page__items.is-list .product-item .product-item__body-top {
		padding-top: 10px;
	}

	.product-item--horizontal .product-item__body,
	.category-page__items.is-list .product-item .product-item__body {
		align-items: flex-start;
		max-width: 480px;
		padding-left: 15px;
		text-align: left;
	}

	.product-item--horizontal .product-item__title,
	.category-page__items.is-list .product-item .product-item__title {
		text-align: left;
	}

	.blog .section-nav {
		display: none;
	}
}

@media (min-width: 1024px) {
	.header .menu__list li>.sub-menu {
		left: 0;
		min-width: calc(100% + 30px);
		position: absolute;
		top: calc(100% + 10px);
	}
}

@media (any-hover: hover) {
	.select__option:hover {
		color: var(--accent);
	}

	.breadcrumb li a:hover {
		color: var(--accent);
	}

	.page-numbers:hover {
		background-color: var(--accent);
	}

	.header-search__submit:hover {
		background-color: var(--accent);
	}

	.footer a:hover,
	.header .menu__list a:hover,
	.header-top__auth a:hover,
	.link-hover:hover {
		color: var(--accent);
	}

	.footer a:hover:after,
	.header .menu__list a:hover:after,
	.header-top__auth a:hover:after,
	.link-hover:hover:after {
		width: 100%;
	}

	.button:hover {
		opacity: 0.8;

		img {
			filter: invert(1);
		}
	}

	.button-outline:hover {
		background-color: var(--accent);
	}

	.checkbox:hover:before {
		border-color: var(--accent);
	}



	.top-menu__nav a:hover {
		color: var(--accent);
	}

	.top-menu__nav a:hover:after {
		width: 100%;
	}

	.header .menu__list li>span:hover {
		background-color: var(--accent);
	}

	.header-social a:hover {
		opacity: 0.5;
	}

	.category-item:hover {
		color: var(--dark-color);
		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
			0 2px 4px -2px rgba(0, 0, 0, 0.1);
	}

	.category-item:hover:before {
		opacity: 0;
	}

	.category-item:hover img {
		scale: 1.2;
	}

	.category-item:hover:after {
		opacity: 0.5;
	}

	.product-item:hover {
		border-color: var(--accent);
	}



	.blog-item__info a:hover {
		text-decoration: underline;
	}

	.blog-item:hover {
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
			0 4px 6px -4px rgba(0, 0, 0, 0.1);
	}

	.blog-item:hover .blog-item__img img {
		scale: 1.2;
	}

	.hero-button-next:hover,
	.hero-button-prev:hover {
		color: var(--accent);
	}

	.footer__social a:hover {
		filter: invert(99%) sepia(80%) saturate(3346%) hue-rotate(325deg) brightness(105%) contrast(98%);
	}

	.sorting-item__block:hover {
		opacity: 1;
	}

	.contact-item__link:hover {
		color: #23527c;
		text-decoration: underline;
	}

	.product-thumb-swiper .swiper-slide:hover:after {
		opacity: 1;
	}
}

@media (any-hover: none) {
	.header-search__icon {
		cursor: default;
	}

	.top-menu__btn {
		cursor: default;
	}

	.icon-menu {
		cursor: default;
	}
}
.product-page__img {
    display: flex;
    flex-direction: column;
}

.product-page__image-link {
    display: block;
    cursor: zoom-in;
}

.product-page__thumbs {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.product-page__thumb-item {
    width: 64px;
    height: 64px;
    border: 2px solid transparent;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s, border-color 0.2s;
}

.product-page__thumb-item:hover {
    opacity: 0.85;
}

.product-page__thumb-item.active {
    border-color: var(--accent-color, #333);
    opacity: 1;
}

.product-page__thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-page__variants {
    margin-bottom: 20px;
}

.product-page__variants-label {
    display: block;
    font-size: 14px;
    color: var(--grey-color, #888);
    margin-bottom: 10px;
}

.variants-slider {
    position: relative;
    overflow: hidden;
    padding: 6px 0;
}

.variants-slider__track {
    display: flex;
    gap: 10px;
    transition: transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
    will-change: transform;
}

.variants-slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    background: rgba(255,255,255,0.92);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    color: #333;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s, background 0.2s;
    padding: 0;
}

.variants-slider__btn:hover {
    background: #fff;
    box-shadow: 0 3px 12px rgba(0,0,0,0.2);
}

.variants-slider__btn--prev { left: 2px; }
.variants-slider__btn--next { right: 2px; }

.variants-slider:not(.has-overflow) .variants-slider__btn {
    display: none;
}

.variant-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    text-decoration: none;
    color: var(--dark-color, #333);
    background: #fff;
    transition: border-color 0.25s, box-shadow 0.25s, transform 0.2s;
    width: calc((100% - 30px) / 4);
    min-width: 130px;
    flex-shrink: 0;
    text-align: center;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}

.variant-card:hover {
    border-color: var(--accent-color, #333);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10);
    text-decoration: none;
    color: var(--dark-color, #333);
    transform: translateY(-2px);
}

.variant-card--active {
    border-color: var(--accent-color, #333);
    background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);
    pointer-events: none;
    box-shadow: inset 0 0 0 1px var(--accent-color, #333);
}

.variant-card__img {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f5f5;
    margin-bottom: 8px;
    flex-shrink: 0;
}

.variant-card__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.variant-card__info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.variant-card__name {
    font-size: 11px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #555;
}

.variant-card__price {
    font-size: 14px;
    font-weight: 600;
    color: var(--dark-color, #333);
    margin-top: 2px;
}

.variant-card__price-new {
    color: #e53935;
    font-weight: 700;
}

.variant-card__price-old {
    font-size: 11px;
    color: #aaa;
    text-decoration: line-through;
    display: block;
    margin-top: 1px;
}

.product-page__thumb-video {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #222;
    overflow: hidden;
}

.product-page__thumb-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.85;
    transition: opacity 0.2s;
}

.product-page__thumb-video:hover img {
    opacity: 1;
}

.product-page__thumb-video:hover {
    opacity: 1;
}

.product-page__thumb-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background: rgba(229, 57, 53, 0.85);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    pointer-events: none;
}

.product-page__thumb-play svg {
    width: 16px;
    height: 16px;
    margin-left: 2px;
    fill: #fff;
}