@font-face {
	font-family: 'Roboto';
	src: url('/local/fonts/Roboto-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('/local/fonts/Roboto-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('/local/fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

body {
	font-family: 'Roboto', sans-serif;
	min-width: 360px;
}

.hide {
    display: none;
}

.u-w-100 {
	width: 100%;
}

.o-flex-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.o-flex-grid--start    { justify-content: flex-start; }
.o-flex-grid--center   { justify-content: center; }
.o-flex-grid--end      { justify-content: flex-end; }
.o-flex-grid--between  { justify-content: space-between; }
.o-flex-grid--around   { justify-content: space-around; }
.o-flex-grid--evenly   { justify-content: space-evenly; }

.l-container {
    /* max-width: var(--container-max-width, 1440px); */
    max-width: var(--container-max-width, 1720px);
    margin: 0 auto;
    /* padding: 60px 15px */
}

.l-drawer {
	display: none;
	position: fixed;
}

.l-drawer.is-active {
	display: block;
}

.l-drawer__wrapper {
	padding: 15px;
	position: relative;
}

.fixed {
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 1520px;
	margin: 0 auto;
	background-color: white;
	border-bottom: 1px solid #000;
}
#fifex-menu .bx-top-nav {
	border-top: none;
}
#fixed-menu .bx-top-nav {
	border-top: none;
}
.sticky {
	padding-bottom: 14px;
}
.back_head {
    color: var(--main-black-color);
    font-size: 22px;
    font-family: var(--font2);
    font-weight: var(--font2_700);
    margin-right: 10px;
    display: flex;
}
.l-header-left {
    display: flex;
    align-items: center;
}
.l-header-right.sticky {
	flex-wrap: wrap;
	justify-content: flex-end;
}
a .search-closer-icon {
	display: none;
}


@media(max-width: 650px) {
    .l-container {
        /* padding:25px 15px */
    }
}

.l-container .l-container {
    max-width: 100%;
    /* padding: 15px 0; */
    margin: 0
}

header .l-container,footer .l-container {
    /* padding-top: 15px; */
    /* padding-bottom: 15px */
}

.l-container.has-sidebars {
    display: flex;
    gap: 4%
}

.l-container.has-sidebars>.l-content {
    flex-grow: 1;
    min-width: 0;
    overflow: hidden
}

.l-container.has-sidebars>.l-content *:first-child .l-container {
    padding: 15px
}

.l-container.has-sidebars .l-container {
    max-width: unset;
    padding: 30px 15px;
    margin: 0
}

@media(max-width: 650px) {
    .l-container.has-sidebars .l-container {
        padding:15px 15px
    }
}

.l-sidebar {
    --_sidebar-width: var(--sidebar-width, 240px);
    width: var(--_sidebar-width);
    flex: none;
    display: flex;
    flex-direction: column;
    gap: 28px
}

.logo img {
    width: 82px;
}

.l-header .logo {
    display: block;
    max-width: 90px;
}

.l-footer .logo {
    display: block;
    max-width: 90px;
}


/* Header */

.l-header-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* padding: 10px 20px; */
	padding-top: 28px;
	padding-bottom: 18px;
}

.l-header__main.is-fixed {
	position: fixed;
    top: 0;
	left: 0;
	right: 0;
    z-index: 1999;
    margin: 0 auto;
    background-color: white;
    
	padding: 0 70px;
}

.l-header__main.is-fixed .logo img{
	width: 60px !important;
}

.l-header__main .l-container {
	max-width: 1520px;
	border-bottom: 1px solid #000;
}

.l-header-right {
	display: flex;
	align-items: center;
	gap: 20px;
}

.l-header-search button {
	height: 100%;
}

.l-header-icons {
	display: flex;
	gap: 32px;
	cursor: pointer;
	align-items: center;
}

.l-header-icons .icon,
.site-header__search-opener > a svg {
	width: 32px;
	height: 32px;
	color: #1E1E1E;
	transition: color 0.3s ease;
}

.site-header__search-opener > a svg {
    width: 24px;
    height: 24px;
}

.l-header-icons .icon:hover, 
.site-header__search-opener > a svg:hover {
	color: #848484;
}
.site-header__search-opener {
	display: none;
}

.site-header__search-opener.active {
	display: block;
	position: relative;
}

@media (max-width: 1460px) {
	
	.site-header__search-opener.active  {
		display: none;
	}
	
}

.search-app-container {
	position: absolute;
    top: 23px;
    right: -22px;
    opacity: 1;
    visibility: hidden;
    transition: all 0.3s ease;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    padding: 20px;
    background: #fff;
    max-height: 504px;
    overflow: auto;
    width: 480px !important;
    margin-top: 18px;
	z-index: 1100;
	transition: color 0.3s ease;
}
.search-app-container.active {
	visibility: visible;
}
.search-app-container #title-search-input {
	border: 1px solid #000;
    border-radius: 5px;
}
.search-app-container form {
	margin-bottom: 0;
}
.search-app-container .input-group .btn {
	position: absolute;
    right: 0;
    top: 4px;
}
#btn-search .search-icon {
	display: block;
}
#btn-search .search-closer-icon {
	display: none;
}
#btn-search.active .search-icon {
	display: none;
}
#btn-search.active .search-closer-icon {
	display: block;
}

.l-header-search .input-group {
    display: flex;
    flex-wrap: nowrap;
}

.l-header-search form {
	margin-bottom: 0;
}

.l-header-search input {
	border-color: #1E1E1E;
	border-radius: 4px !important;
}

.l-header-search .input-group {
	position: relative;
	width: 480px;
}

.l-header-search .input-group .form-control {
	padding-right: 40px;
}

.l-header-search .input-group .input-group-append {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
}

.l-header-search .search-title-button {
	background: transparent;
	border: none;
	padding: 0;
	color: #999;
	font-size: 16px;
}

.l-header-search .search-title-button:hover {
  color: #333;
}

.l-header-search .form-control:focus {
    border-color: #333;
    outline: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .07), 0 0 8px rgba(0, 0, 0, .3);
}

.js-toogle-mobile-nav {
	display: none;
	position: relative;
	/* width: 48px;
	height: 48px; */
	cursor: pointer;
	flex-shrink: 0;
}

.js-toogle-mobile-nav i {
	display: flex;
	align-items: center;
	justify-content: center;
	/* width: 48px;
	height: 48px; */
	margin-left: 25px;
}

.js-toogle-mobile-nav svg,
.js-toogle-mobile-nav .icon {
	width: 30px;
	height: 30px;
	flex-shrink: 0;
	color: #1E1E1E;
}

@media (max-width: 1460px) {
	.l-header .logo img {
		width: 42px;
	}

	.l-header-icons .bx-basket .icon,
	.l-header-icons .bx-basket svg,
	.l-header .bx-basket svg {
		width: 20px;
		height: 20px;
		min-width: 20px;
		min-height: 20px;
		flex-shrink: 0;
	}

	.l-header .basket-line-count {
		top: -10px;
		right: -4px;
		font-size: 14px;
	}

	.l-header-icons {
		gap: 0;
	}

	.js-toogle-mobile-nav {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 48px;
	}

	.js-toogle-mobile-nav i {
		margin-left: 0;
		width: 48px;
		height: 48px;
	}

	.js-toogle-mobile-nav svg,
	.js-toogle-mobile-nav .icon {
		width: 20px;
        height: 17px;
        margin-left: 20px;
	}

	.l-header__line--2,
	.l-header .l-header-search,
	.site-header__search-opener, 
	.l-header #fixed-menu,
	.l-header__main .l-header-right > .l-header-icons > *:not(.js-toogle-mobile-nav, .bx-basket, #c-favorites-toast)  {
		display: none;
	}

	.l-header__main.is-fixed {
		padding-left: 20px;
		padding-right: 20px;
	}

	.l-header__main.is-fixed .logo img {
		width: 42px !important;
	}

	.l-header-top {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
}


.l-drawer--mobile-nav {
	min-width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 999999;
    box-shadow: 0 0 2px;
	overflow: auto;
}

.l-drawer--mobile-nav .l-drawer__btn-close {
	cursor: pointer;
}

.l-drawer--mobile-nav .l-drawer__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 0;
	border-bottom: 1px solid #1e1e1e;
	margin-bottom: 15px;
}

.l-drawer--mobile-nav .logo {
	display: block;
	max-width: 38px;
}

.l-drawer--mobile-nav .logo img {
	display: block;
	width: 100%;
}

.l-drawer--mobile-nav .c-favorite svg {
	width: 20px;
    height: 24px;
}

.l-drawer--mobile-nav .c-favorite__count {
	top: -10px;
	right: -4px;
	font-size: 14px;
}

.l-drawer--mobile-nav .c-link-personal {
	color: #1E1E1E;
}

.l-drawer--mobile-nav .c-link-personal svg {
    width: 21px;
    height: 25px;
}

.l-drawer--mobile-nav .bx-basket {
	color: #1E1E1E;
}

.l-drawer--mobile-nav .bx-basket .icon,
.l-drawer--mobile-nav .bx-basket svg {
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	flex-shrink: 0;
	color: #1E1E1E;
}

.l-drawer--mobile-nav .basket-line-count {
	top: -10px;
	right: -4px;
	font-size: 14px;
}


.l-drawer--mobile-nav .l-header-search .input-group {
	width:auto;
}

@media (min-width: 1460px) {
	.l-drawer.l-drawer--mobile-nav {
		display: none;
	}
}


/* Footer */

.l-footer {
	background-color: #1E1E1E;
	color: #fff;
}

.l-footer a {
	color: #fff;
	text-decoration: none !important;
}

.l-footer .contact-link {
	font-size: 20px;
	line-height: 160%;
	color: #F2F2F2;
	text-underline-offset: 6px;
}

.l-footer .contact-link a {
	font-size: 20px;
	line-height: 160%;
	color: #F2F2F2;
	text-underline-offset: 6px;
	transition: all 0.3s ease;
}

.l-footer .schedule {
	font-size: 16px;
	line-height: 160%;
	color: #F2F2F2;
	opacity: 0.6;	
	/* padding-left: 37px; */
}

.l-footer__line .l-container {
	width: 100%;
	/*display: flex;*/
	justify-content: space-between;
}

.l-footer .col-title {
	font-weight: 500;
	font-size: 20px;
	line-height: 23px;
	text-transform: uppercase;	
	padding-bottom: 10px;
}

.l-footer .o-flex-grid {
	/*margin-top: 28px;*/
	padding-top: 30px;
    /* gap: 80px; */
}

.l-footer .nav>li>a {
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 140%;
    padding: 10px 0;
}

.l-footer .nav>li>a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 0%;
	/* width: 100%; */
	/* opacity: 0; */
    height: 1px;
    background-color: currentColor;
    transition: all 0.3s ease;
}

.l-footer .nav>li>a:hover::after,
.l-footer .nav>li>a:focus::after {
    width: 100%;
	/* opacity: 1; */
}

.l-footer .nav>li>a:hover,
.l-footer .nav>li>a:focus {
    background-color: unset;
}

.l-footer__line--2 .l-container {
	/* border-top: 1px solid #F2F2F280; */
	/* opacity: 0.5; */
	border-top: 1px solid rgba(242, 242, 242, 0.5);
	padding-top: 37px;
	margin-top: 15px;
}



.l-footer__line--2 {
	color: #F2F2F2;
}

.l-footer__line--2,
.l-footer__line--2 a {
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	color: #F2F2F2;
	/* opacity: 0.9; */
}

.l-footer__line--2 a {
	color: #848484;
	text-decoration: underline;
	text-underline-offset: 5px;
    transition: all 0.15s ease;
}

.l-footer__line--2 a:hover {
	color: #fff;
	opacity: 1;
	text-decoration: none;
}

.o-footer-form {
	display: flex;
	flex-direction: column;
}

.footer-form-title {
	font-size: 20px;
	line-height: 160%;
}

.footer-form-body {
	display: flex;
	flex-direction: column;
}

.footer-form-line {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 12px;
	margin: 15px 0;
}

.footer-form-button {
	width: 137px;
}

.footer-form-line input {
	padding: 9px 12px;
	border: 1px solid #fff;
	border-radius: 4px;
	font-size: 16px;
	line-height: 160%;
	color: #1E1E1E;
	background-color: currentColor;
	max-width: 100%;
    transition: all 0.3s ease;
}

.footer-form-line input:hover,
.footer-form-line input:focus {
	outline: none;
	color: #1E1E1E;
	background-color: #fff;
}

.footer-form-line button {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 9px 20px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 4px;
	font-size: 16px;
	line-height: 160%;
	color: #1E1E1E;
    transition: all 0.3s ease;	
}

.footer-form-line button:hover {
	background: #1E1E1E;
	color: #fff;
	border: 1px solid #fff;
}

.footer-form-checkbox span {
	font-weight: 400;
	font-size: 16px;
	line-height: 160%;
	position: relative;
	padding-left: 10px;
}

.footer-form-checkbox a {
	color: #848484;
	text-decoration: underline;
	text-underline-offset: 5px;
    transition: all 0.3s ease;
}

.footer-form-checkbox a:hover {
	color: #fff;
	text-decoration: none;
}

.footer-form-checkbox span::before {
	position: absolute;
	content: '';
    box-shadow: none;
    border: 1px solid #fff !important;
    border-radius: 4px;
    width: 20px;
    height: 20px;
	top: -1px;
    left: -16px;
    box-sizing: border-box;
    box-shadow: none !important;
    background: none;
}

.footer-form-checkbox input {
	opacity: 0;
}

.footer-form-checkbox span::after {
    content: '';
    position: absolute;
    left: -12px;
    top: 5px;
    width: 12px;
    height: 10px;
	cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0;
    transition: opacity 0.2s ease;	
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7L6 11L15 1' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.footer-form-checkbox input:checked + span::after {
    opacity: 1;
}

.o-footer-socials {
	/* margin-top: 40px; */
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.footer-form-title {
	font-size: 20px;
	line-height: 23px;	
}

.o-footer-socials .icon {
	width: 32px;
	height: 43px;
	color: #fff;
	transition: color 0.3s ease;
	cursor: pointer;
}

.o-footer-socials .icon:hover {
	color: #848484;
}



/* Main page */

/* Главный баннер: на мобилке на всю ширину viewport (без полей .sk_wrapper / .l-container) */
@media (max-width: 640px) {
	.s-banner.s-banner--main {
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}

	.s-banner.s-banner--main > .l-container {
		max-width: 100%;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
}

/* Главный баннер: кнопка слайда у нижнего края (мобильный слайдер ≤991px) */
@media (max-width: 991px) {
	.s-banner.s-banner--main .b-slider__slide img {
		display: block;
	}

	.s-banner.s-banner--main .b-slider__more-btn-wrap {
		bottom: 0;
	}
}

/* Ряд каруселей на главной: hover-карточка вынесена по z-index внутри стека и иначе «перебивает» слайдер ниже — каждая секция ряда = свой слой, ниже идущая всегда сверху */
.s-products {
	position: relative;
	isolation: isolate;
}

/*
 * Шкала z-index рядов .s-products на главной (index.php): число убывает сверху вниз —
 * иначе следующая секция перекрывает развёрнутую hover-карточку слайдера.
 * Хиты (5) > Новинки (4) > Кофты (3) > Обувь (2) > Бомберы (1). Править синхронно с комментариями в index.php.
 */
.s-products--hits {
	z-index: 5;
}

.s-products--new {
	z-index: 4;
}

.s-products--kofta {
	z-index: 3;
}

.s-products--shoes {
	z-index: 2;
}

.s-products--bombers {
	z-index: 1;
}

/* Главная: «Новинки», «Кофты» — сетка заголовка и кнопка «Перейти в каталог» */
.s-products--new > .l-container,
.s-products--kofta > .l-container {
	display: grid;
	gap: 30px 8%;
}

.s-products--new > .l-container > .b-products,
.s-products--kofta > .l-container > .b-products {
	min-width: 0;
}

.s-products--new .b-read-more-btn,
.s-products--kofta .b-read-more-btn {
	display: inline-block;
	text-decoration: none;
	padding: 16px 42px;
	border-radius: 4px;
	border: 1px solid #1e1e1e;
	color: #1e1e1e;
	font-size: 18px;
	font-weight: 400;
	line-height: 28.8px;
	transition: all 0.3s ease;
}

.s-products--new .b-read-more-btn:hover,
.s-products--kofta .b-read-more-btn:hover {
	text-decoration: none;
	background-color: #1e1e1e;
	color: #fff;
}

@media (min-width: 640px) {
	.s-products--new > .l-container > h2,
	.s-products--kofta > .l-container > h2 {
		grid-area: 1 / 1 / 2 / 2;
		align-self: center;
	}

	.s-products--new > .l-container > .b-products,
	.s-products--kofta > .l-container > .b-products {
		grid-area: 2 / 1 / 3 / 3;
		min-width: 0;
	}

	.s-products--new > .l-container > .b-read-more,
	.s-products--kofta > .l-container > .b-read-more {
		grid-area: 1 / 2 / 2 / 3;
		align-self: center;
		justify-self: right;
	}
}

@media (max-width: 640px) {
	.s-products--new > .l-container,
	.s-products--kofta > .l-container {
		gap: 0;
	}

	.s-products--new h2,
	.s-products--kofta h2 {
		margin: 0;
	}

	.s-products--new .b-read-more-btn,
	.s-products--kofta .b-read-more-btn {
		margin-top: 20px;
		color: #fff;
		background: #1e1e1e;
		width: 100%;
		text-align: center;
		font-size: 14px;
		line-height: 22.4px;
		padding: 10px;
		justify-content: center;
	}
}

/* Главная: «Обувь», «Бомберы» (s-products--side-content) — было в AddHeadString include/sections */
.s-products--side-content > .l-container {
	display: grid;
	gap: 30px 8%;
}

.s-products--side-content .b-products {
	min-width: 0;
}

.s-products__title {
	font-size: 28px;
	line-height: 39.2px;
}

.s-products__text {
	padding-top: 20px;
	font-size: 18px;
	line-height: 25.2px;
}

.s-products__more-btn {
	padding: 16px 42px;
	font-weight: 400;
	font-size: 16px;
	line-height: 25.6px;
	color: #fff;
	background-color: #1e1e1e;
	border: 1px solid #1e1e1e;
	border-radius: 4px;
	transition: all 0.5s ease;
	text-align: center;
	margin-bottom: auto;
	margin-top: 28px;
}

.s-products__more-btn:hover {
	background-color: #fff;
	color: #1e1e1e;
	text-decoration: none;
}

@media (min-width: 640px) {
	.s-products--side-content .s-products__header {
		grid-area: 1;
	}

	.s-products--side-content .s-products__more-btn-wrap {
		grid-area: 2;
	}
}

@media (max-width: 640px) {
	.s-products__title {
		font-size: 20px;
		line-height: 28px;
	}

	.s-products__text {
		width: 100%;
		font-size: 14px;
		line-height: 19.6px;
	}

	.s-products__more-btn {
		display: block;
		font-size: 14px;
		line-height: 22.4px;
		padding: 10px;
	}
}

@media (min-width: 1260px) {
	.s-products__title {
		font-weight: 500;
		font-size: 42px;
		line-height: 58.8px;
	}

	.s-products__text {
		font-size: 22px;
		font-weight: normal;
		line-height: 30.8px;
	}

	.s-products__more-btn {
		font-size: 18px;
		font-weight: 400;
		line-height: 28.8px;
	}

	.s-products--side-content > .l-container {
		grid-template-columns: 290px 1fr;
	}

	.s-products--side-content .s-products__header {
		grid-area: 1 / 1 / 2 / 2;
	}

	.s-products--side-content .b-products {
		min-width: 0;
		grid-area: 1 / 2 / 3 / 3;
	}

	.s-products--side-content .s-products__more-btn-wrap {
		grid-area: 2 / 1 / 4 / 2;
	}

}

.s-products .o-main-products-top {
	display: flex;
    justify-content: space-between;
    align-items: center;
	margin-bottom: 30px;
}

.main-products-btn {
	display: flex;
	padding: 16px 42px;
	border: 1px solid #1E1E1E;
	border-radius: 4px;
	font-size: 18px;
	line-height: 160%;
	color: #1E1E1E;
	text-decoration: none;
	transition: all 0.3s ease;
}

.main-products-btn:hover {
	text-decoration: none;
	background-color: #1E1E1E;
	color: #FFF;
}

/* Обёртка: видимый вынос hover-карточки за высоту трека; стрелки тут же — поверх hover по z-index */
.products-swiper-stack {
	position: relative;
	overflow: visible;
	z-index: 1;
	container-type: inline-size;
	container-name: products-swiper-stack;
}

/* catalog.section/slider: slidesCount < slidesPerView — стрелки скрыты, слайды по центру .products-swiper */
.products-swiper-stack--insufficient .swiper-slider-controls {
	display: none !important;
}

.products-swiper.products-swiper--centered-slides {
	touch-action: pan-y;
}

.products-swiper.products-swiper--centered-slides .swiper-pagination {
	pointer-events: none;
}

.products-swiper-stack > .products-swiper {
	position: relative;
	z-index: 0;
}

/*
 * Тайминги hover в карусели главной: короче 300ms у карточки в списках —
 * меньше рассинхрона при быстром наведении и ближе к speed Swiper (300ms).
 * JS: HOVER_MOVE_DELAY_MS / HOVER_RETRY_WHILE_SWIPER_ANIMATING_MS в slider/template.php
 */
.bx-no-touch .products-swiper-stack .product-item-container.hover .product-item {
	-webkit-animation-duration: 220ms;
	animation-duration: 220ms;
}

.bx-no-touch .products-swiper-stack .product-item-image-wrapper {
	transition-duration: 220ms;
}

.bx-no-touch .products-swiper-stack .product-item-image-original,
.bx-no-touch .products-swiper-stack .product-item-image-alternative {
	transition-duration: 220ms;
}

.products-swiper {
	position: relative;
	padding-bottom: 30px;
	overflow: hidden;
	height: fit-content;
}

.swiper-slide {
	/* height: 300px; */
	/* background-color: #e1e1e1; */
}

.products-swiper-stack .swiper-button-prev::after,
.products-swiper-stack .swiper-button-next::after {
    display: none;
}

.products-swiper-stack .swiper-slider-controls > div {
    pointer-events: auto;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 10px 0px #1E1E1E4D;
    border-radius: 4px;
    background: #fff;
	cursor: pointer;
	transition: opacity 0.3s ease-in-out;
	margin-top: 0;
	transform: none;
	/* Без cqw: прежнее приближение (может «ездить» при разной высоте карточек) */
	top: calc(38% + 3px);
}

@supports (top: 1cqw) {
	.products-swiper-stack .swiper-slider-controls > div {
		/* breakpoints как у Swiper в catalog.section/slider/template.php */
		--spv: 1;
		/*
			27px ≈ отступы до .product-item-image-wrapper;
			116% padding-top → центр фото +0.58 × (ширина слайда − 20px у .product-slide-inner);
			−26px ≈ половина кнопки 52px; на ≤640px переопределено −18px (кнопка 36px)
		*/
		top: calc(27px + 0.58 * (max(0px, (100cqw / var(--spv, 1)) - 20px)) - 26px);
	}

	@media (min-width: 767px) {
		.products-swiper-stack .swiper-slider-controls > div {
			--spv: 2;
		}
	}

	@media (min-width: 980px) {
		.products-swiper-stack .swiper-slider-controls > div {
			/* inline на .products-swiper-stack: --spv-lg из SWIPER_COUNT компонента */
			--spv: var(--spv-lg, 4);
		}
	}
}

/*
 * Стрелки как у баннера .b-slider--single (news.list/slider): скрыты, проявляются при наведении на весь блок стека.
 * Hover-карточка в .products-swiper-hover-mount остаётся потомком стека в DOM — конфликта с :hover нет.
 * На coarse pointer / без :hover стрелки всегда видны (иначе на таче их не найти).
 */
@media (hover: hover) and (pointer: fine) {
	.products-swiper-stack .swiper-slider-controls > div {
		opacity: 0;
	}

	.products-swiper-stack:hover .swiper-slider-controls > div,
	.products-swiper-stack:focus-within .swiper-slider-controls > div {
		opacity: 1;
	}
}

.products-swiper-stack .swiper-button-prev {
    left: 10px;
	/* transform: translateX(-50px); */
}

.products-swiper-stack .swiper-button-next {
    right: 10px;
	/* transform: translateX(50px); */
}

.products-swiper-stack .swiper-button-prev svg,
.products-swiper-stack .swiper-button-next svg {
    width: 12px;
    height: 24px;
    display: block;
}

.products-swiper .swiper-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.products-swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #ccc;
    opacity: 1;
}

.products-swiper .swiper-pagination-bullet-active {
    background: #000;
}

.product-slide-inner {
	display: flex;
	flex-direction: column;
	padding: 10px 10px 20px;
    transition: all 0.3s ease;
	border-radius: 4px;
	margin: 2px;
}

/* Мобилка: кнопки навигации карточек товара 36×36 (десктоп 52×52) */
@media (max-width: 640px) {
	.products-swiper {
		padding-bottom: 0;
	}

	.product-slide-inner {
		padding: 0;
	}

	.products-swiper-stack .swiper-slider-controls > div {
		width: 36px;
		height: 36px;
		/* без cqw: сдвиг на (52−36)/2 = 8px относительно десктопа */
		top: calc(38% - 5px);
	}

	.products-swiper-stack .swiper-button-prev {
		left: 0;
	}

	.products-swiper-stack .swiper-button-next {
		right: 0;
	}

	@supports (top: 1cqw) {
		.products-swiper-stack .swiper-slider-controls > div {
			top: calc(27px + 0.58 * (100cqw / var(--spv, 1)) - 18px);
		}
	}
}

.product-slide-inner:hover {
    /* box-shadow: inset 0 0 4px rgba(0,0,0,.2); */
	box-shadow: 0px 0px 4px 0px #00000033;
}

.product-slide-image {
	/* padding: 10px; */
}

.product-slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-slide-name {
	font-size: 28px;
	line-height: 140%;
	color: #424242;
	margin-top: 20px;
}

.product-slide-name span {
	font-weight: 700;
}

.product-slide-bottom {
	display: flex;
	justify-content: space-between;
    align-items: center;
	margin-top: 6px;
}

.product-slide-price {
	font-size: 20px;
	line-height: 140%;
	color: #1E1E1E;	
}

.product-slide-price span {
	font-size: 16px;
	line-height: 140%;
	color: #848484;	
	text-decoration: line-through;
}

.product-slide-icons {
	display: flex;
	gap: 12px;
	margin-right: 25px;
}

.product-slide-icons .icon {
	cursor: pointer;
}







.s-bonus-cards .l-container {
	padding-bottom: 80px;
}

.s-bonus-cards .l-bonus-cards-inner {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 140px 0 150px 140px;
	max-height: 600px;
	border-radius: 4px;
}

.s-bonus-cards .l-bonus-cards-inner h2 {
	font-weight: 700;
	font-size: 42px;
	line-height: 140%;
	text-transform: uppercase;
	color: #FFF;
}

.s-bonus-cards .l-bonus-cards-inner p {
	font-size: 22px;
	line-height: 140%;
	color: rgba(255, 255, 255, 0.8);
	margin-top: 20px;
	max-width: 700px;
}

.s-bonus-cards .o-in-block-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 16px 42px;
	gap: 10px;
	border: 1px solid #FFF;
	border-radius: 4px;
	font-size: 22px;
	line-height: 160%;
	color: #FFF;
	margin-top: 40px;
	transition: all 0.5s ease;
	text-decoration: none;
}

.s-bonus-cards .o-in-block-btn:hover {
	background-color: #FFF;
	color: #1E1E1E;
}

.l-products-outer-block {
	display: flex;
    gap: 20px;	
	color: #1E1E1E;	
}

.l-products-left-block {
    display: flex;
    flex-direction: column;
    min-width: 290px;
    width: 290px;
}

.products-block-title {
	font-weight: 500;
	font-size: 42px;
	line-height: 140%;
}

.products-block-text {
	font-size: 22px;
	line-height: 140%;
	margin-top: auto;
}

.products-block-text span {
	font-weight: 500;
	text-transform: uppercase;
}

.products-block-button {
	padding: 16px 42px;
	font-weight: 400;
	font-size: 18px;
	line-height: 160%;
	color: #FFF;
	background-color: #1E1E1E;
	border: 1px solid #1E1E1E;
	border-radius: 4px;
	transition: all 0.5s ease;
	text-align: center;
	margin-bottom: auto;
	margin-top: 28px;
}

.products-block-button:hover {
	background-color: #FFF;
	color: #1E1E1E;
	text-decoration: none;
}

.l-products-right-block {
    /* display: flex; */
    /* flex-direction: row; */
	/* gap: 0px; */
	width:80%;
}

.o-products-block-item {
	display: flex;
	flex-direction: column;
	gap: 20px;
    transition: all 0.3s ease;
	margin: 2px;
	padding: 10px 10px 20px;
}

.o-products-block-item:hover {
    box-shadow: 0px 0px 4px 0px #00000033;
}

.products-block-image {
	position: relative;
}

.products-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	border-radius: 4px;
	position: relative;
}

.products-block-sale {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	font-weight: 700;
	font-size: 16px;
	line-height: 140%;
	color: #FFF;
}

.products-block-sale-discount {
	padding: 9px 20px;
	background-color: #DC0000;
}

.products-block-sale-new {
	padding: 9px 20px;
	background-color: #03AA46;
	text-transform: uppercase;
}

.products-block-name {
	font-size: 28px;
	line-height: 140%;
	color: #424242;	
}

.products-block-name span {
	font-weight: 500;
	color: #1E1E1E;
}

.products-block-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 6px;
}

.products-block-price {
	font-size: 20px;
	line-height: 140%;
	color: #1E1E1E;	
}

.products-block-price span {
    font-size: 16px;
    line-height: 140%;
    color: #848484;
    text-decoration: line-through;
}

.products-block-icons {
    display: flex;
    gap: 12px;
    margin-right: 25px;	
}

.products-block-icons .icon {
    cursor: pointer;
}



.sk_wrapper{
	padding: 0px 100px;
	max-width: 1720px;
	margin: auto;
}

@media(max-width: 1890px) {
    .sk_wrapper {
        padding:0px 70px;
    }
}

@media(max-width: 1380px) {
    .sk_wrapper {
        padding:0px 60px;
		max-width: 1300px;
    }
}

@media(max-width: 1260px) {
    .sk_wrapper {
        padding:0px 20px
    }
}

.bx-nav-1-lvl-link-text{
	font-size: 22px;
	text-transform: none;
}

.bx-nav-1-lvl-link{
	color:black !important;
}

.bx-hover .bx-nav-1-lvl-link{
	text-decoration: underline;
}

.bx-nav-list-1-lvl{
	justify-content: space-around;
    gap: 10px;
}

section{
	padding-top: 40px;
	padding-bottom: 15px;
}


/* убираем стандартные стрелки */
.slick-arrow {
    opacity: 0;
    position: absolute;
}

h2{
	font-size: 42px;
    font-weight: 500;
    line-height: 58.8px;
}

@media (max-width: 640px) {
	h2 {
		font-size: 20px;
		line-height: 28px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
}

/* Bootstrap / блоки каталога: убрать горизонтальный gutter с классом no_padding */
.sorting-panel.no_padding,
.no_padding[class*="col-xs-"],
.no_padding[class*="col-sm-"],
.no_padding[class*="col-md-"],
.no_padding[class*="col-lg-"] {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media (max-width: 767px) {
	.product-item-list-col-xs12 .product-item-small-card > .row {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	/* пока замментирую правки AI по уменьшению расстояния между товарами это не то что нужно
	.products-swiper {
	  padding-bottom: 12px; 
	}
	.product-slide-inner {
	  padding-bottom: 8px; 
	}
	
	.product-item-button-container div .btn {
	  margin-bottom: 0;
	}
	*/
	.products-swiper .swiper-wrapper {
	  height: auto !important;
	  align-items: flex-start !important;
	}

	.products-swiper .swiper-slide {
	  height: auto !important;
	  display: flex !important;
	  flex-direction: column;
	}
	
	.products-swiper .product-slide-inner,
	.products-swiper .product-item-container,
	.products-swiper .product-item {
		display: flex !important;
		flex-direction: column;
		flex: 1 0 auto;
		height: 100% !important;
	}
	.products-swiper .product-item-title {
	flex-grow: 1; /* Растягивает заголовок, толкая цену и кнопки вниз */
	}
	
	.products-swiper {
	padding-bottom: 15px;
	transition: padding-bottom 0.22s ease-in-out;
	}
	/*увеличиваем отступ слайдера, когда карточка находится в режиме hover*/
	body:has(.products-swiper-hover-mount .product-item-container) .products-swiper {
		padding-bottom: 110px;
	}
	
	
}

.product-item-image-wrapper{
	filter: brightness(0.9);
}

.bx-no-touch .product-item-container.hover .product-item{
	padding: 5px 5px;
}

.product-item-image-wrapper:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    background: rgba(0, 0, 0, .1);
}

.product-item-price-container .c-favorite-btn{
	position: absolute;
    right: 3px;
}

.product-item-price-current{
	font-size: 20px;
	font-weight: 400;
}

.product-item-title a{
	font-size: 28px;
}

.product-item-title{
	margin-bottom: 0px;
}

.product-item-manufacturer-container {
	font-size: 16px;
	font-weight: 300;
	color: #757575;
	line-height: 22.4px;
	margin-bottom: 4px;
}

/* Карусель товаров: ровные ряды — заголовок ровно 2 строки; line-clamp на <a>, иначе троеточие «гуляет» относительно строк */
.main-products-slider .product-item-title {
	--catalog-slider-title-fs: 28px;
	--catalog-slider-title-lh: 1.2;
	box-sizing: border-box;
	display: block;
	max-width: 100%;
	min-height: calc(var(--catalog-slider-title-fs) * var(--catalog-slider-title-lh) * 2);
	overflow: visible;
}

.main-products-slider .product-item-title a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-height: calc(var(--catalog-slider-title-fs) * var(--catalog-slider-title-lh) * 2);
	font-size: var(--catalog-slider-title-fs);
	line-height: var(--catalog-slider-title-lh);
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-word;
	text-align: start;
	text-decoration-color: inherit;
}

.bx-no-touch .main-products-slider .product-item-container.hover .product-item-title {
	min-height: 0;
}

.bx-no-touch .main-products-slider .product-item-container.hover .product-item-title a {
	display: block;
	-webkit-box-orient: unset;
	-webkit-line-clamp: unset;
	line-clamp: unset;
	overflow: visible;
	min-height: 0;
	white-space: normal;
	word-break: break-word;
}

@media (max-width: 640px) {
	.product-item-price-current {
		font-size: 16px;
		line-height: 22.4px;
	}

	.product-item-title a {
		font-size: 18px;
		line-height: 25.2px;
	}

	.main-products-slider .product-item-title {
		--catalog-slider-title-fs: 18px;
		--catalog-slider-title-lh: 1.4;
	}

	.main-products-slider .product-item-title a {
		min-height: auto;
		line-height: 25.2px;
	}

	.main-products-slider .product-item-title {
		min-height: auto;
	}

	.product-item-info-container.product-item-price-container {
		margin-top: 0.5em;
		margin-bottom: 1em;
	}
}

@media (min-width: 981px) {
	.main-products-slider .product-item-container .product-item-info-container.product-item-hidden {
		display: none;
		opacity: 0;
	}

	.main-products-slider .product-item-container.hover .product-item-info-container.product-item-hidden {
		display: block;
		opacity: 1;
	}
}

/* Карусель товаров (секции /include/sections/): на мобильных без «Просмотр» и «Купить в 1 клик» */
@media (max-width: 980px) {
	.main-products-slider .product-item-button-container .js-quick-order-popup-trigger,
	.main-products-slider .product-item-button-container .add_to_cart + a.btn-default {
		display: none !important;
	}
}

.product-item-info-container{
	margin-top: 0px;
}

.notallowed{
	display: none !important;
}

.product-item-scu-container{
	margin: 0;
    font-size: 16px;
    font-weight: 300;
    color: #424242;
    line-height: 22.4px;
}

@media (max-width: 640px) {
	.product-item-scu-container {
		margin-bottom: 1em;
	}
}

.product-item-scu-block {
	display: inline-block;
	vertical-align: bottom;
}

.product-item-scu-item-color-container, .product-item-scu-item-text-container{
	padding: 0px;
	touch-action: manipulation;
}

.product-item-scu-item-list{
	margin: 0px;
}

.product-item-scu-item-text{
	font-size: 18px;
    vertical-align: unset;
    text-transform: unset;
    line-height: 22.4px;
    font-weight: 400;
}

.product-item-scu-item-text-block{
	outline-width: 0px !important;
}

.product-item-scu-item-color-container, .product-item-scu-item-text-container {
	vertical-align: bottom;
}

.product-item-container .product-item-scu-item-list .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,
.product-item-container .product-item-scu-item-list .product-item-scu-item-color-container.selected .product-item-scu-item-color-block {
	background-color: #d3d3d3 !important;
	border-radius: 5px;
	outline-width: 0 !important;
}

.product-item-scu-item-list .product-item-scu-item-text-container.selected,
.product-item-scu-item-list .product-item-scu-item-color-container.selected {
	background: transparent;
	padding: 0;
}

.product-item-button-container{
	display: flex;
}

.product-item-button-container>div{
	display: flex;
    flex-direction: column;
	width: 100%;
	margin-top: 5px;
}

.product-item-button-container div .btn{
	display: block;
    width: 100%;
    font-size: 18px;
    background: white;
    color: black !important;
    background-color: white !important;
    margin: 5px 0px;
    border-color: black !important;
	padding: 10px 0px;
}

@media (max-width: 640px) {
	.product-item-button-container div .btn {
		font-size: 14px;
	}
}

.product-item-button-container div .btn:hover{
	background-color: black !important;
	color: white !important;
}

.product-item-info-container{
	margin-bottom: 0px;
}

.product-item-button-container div .add_to_cart{
	background-color: black !important;
	color: white !important;
}

.product-item-button-container div .add_to_cart:hover{
	background-color: white !important;
    color: black !important;
}

.footer_logo{
	margin-bottom: 2em;
}


.btn-favorite-clean-btn {
    display: inline-flex;
    text-align: center !important;
	justify-content: center !important;
    width: 140px !important;
    height: 55px !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    border: 1px solid #1e1e1e !important;
    color: #1e1e1e !important;
    background: transparent !important;
    transition: all 0.3s ease !important;
    font-size: 16px !important;
    line-height: 55px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
	}

.btn-favorite-clean-btn:hover {
	background: #1e1e1e !important;
	color: #ffffff !important;
}

.l-footer .footer_contacts .contact-link {
	font-size: 16px;
	line-height: 1.9;
	text-align: right; 
}
.footer_contacts {
    text-align: right;
	/*padding-top: 30px;*/
}
/* Footer — mobile: логотип и контакты в одну строку (от 360px) */
@media (max-width: 767px) {
	.l-footer__line--1 .footer_brand {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		gap: 10px;
		width: 100%;
	}

	.l-footer__line--1 .footer_logo {
		margin-bottom: 0;
		flex: 0 0 auto;
	}

	.l-footer__line--1 .footer_contacts {
		flex: 1 1 auto;
		min-width: 0;
		text-align: right;
	}

	.l-footer .footer_contacts .contact-link {
		font-size: 16px;
		line-height: 1.9;
	}

	.l-footer .footer_contacts .schedule {
		font-size: clamp(11px, 3.1vw, 14px);
		line-height: 1.35;
	}

	.l-footer__line--1 .footer_menus-col {
		width: 100%;
	}

	.l-footer__line--1 .footer_menus {
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 0;
		margin-top: 24px;
		width: 100%;
	}

	.l-footer__line--1 .footer_menus .o-flex-grid__col,
	.l-footer__line--1 .footer_menu-spoiler {
		width: 100%;
		max-width: 100%;
	}

	.l-footer__line--1 .footer_menu-spoiler {
		border-bottom: 1px solid rgba(242, 242, 242, 0.5);
	}

	.l-footer__line--1 .footer_menu-spoiler:first-child {
		border-top: 1px solid rgba(242, 242, 242, 0.5);
	}

	.l-footer__line--1 .footer_menu-spoiler:not(.is-expanded) {
		display: flex;
		align-items: center;
	}

	.l-footer__line--1 .footer_menu-spoiler__toggle {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		margin: 0;
		padding: 20px 0 20px 5px;
		border: 0;
		background: transparent;
		color: #fff;
		font: inherit;
		font-weight: 500;
		font-size: 20px;
		line-height: 23px;
		text-transform: uppercase;
		text-align: left;
		cursor: pointer;
		box-sizing: border-box;
	}

	.l-footer__line--1 .footer_menu-spoiler__toggle.col-title {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 5px;
	}

	.l-footer__line--1 .footer_menu-spoiler__icon {
		flex-shrink: 0;
		margin-right: 5px;
		font-size: 14px;
		transition: transform 0.2s ease;
	}

	.l-footer__line--1 .footer_menu-spoiler:not(.is-expanded) .footer_menu-spoiler__panel {
		display: none;
	}

	.l-footer__line--1 .footer_menu-spoiler.is-expanded .footer_menu-spoiler__panel {
		display: block;
		padding-bottom: 16px;
	}

	.l-footer__line--1 .footer_menu-spoiler.is-expanded .footer_menu-spoiler__icon {
		transform: rotate(180deg);
	}

	.l-footer__line--1 .footer_menu-spoiler .nav > li > a {
		padding: 8px 0;
	}

	.l-footer .b-form-subscribe {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		gap: 12px;
	}

	.l-footer .b-form-subscribe .o-field--name-email {
		flex: 1 1 0;
		min-width: 0;
		margin: 0;
		order: 1;
	}

	.l-footer .b-form-subscribe .o-field--name-email input {
		width: 100%;
		margin-top: 0;
		box-sizing: border-box;
	}

	.l-footer .b-form-subscribe .o-form__submit-btn {
		flex: 0 0 auto;
		margin-top: 0;
		align-self: stretch;
		order: 2;
	}

	.l-footer .b-form-subscribe .o-form__term {
		flex: 0 0 100%;
		width: 100%;
		order: 3;
	}

	.l-footer .b-form-subscribe .o-captcha {
		flex: 0 0 100%;
		width: 100%;
		order: 4;
	}

	.l-footer .b-form-subscribe .o-form__error {
		flex: 0 0 100%;
		width: 100%;
	}
	
	/*политика конфеденциальности*/
	.l-footer__line--2 .l-container {
		flex-direction: column;
		align-items: flex-start;
	}
	.l-footer__line--2 .o-policy {
		/*margin-top: 5px;*/
	}
	
	
	.burger-bottom-btns {
	  display: flex !important;
	  flex-direction: column !important;
	  gap: 14px 20px !important;
	  margin-top: 14px !important;
	  padding: 0 15px !important; /* Отступы от краев экрана телефона */
	  box-sizing: border-box !important;
	}

	/* Кнопка "Личный кабинет" */
	.burger-bottom-btns .burger-cabinet-btn {
	  display: block !important;
	  padding: 15px !important;
	  text-align: center !important;
	 width: 100% !important;
	  flex: auto !important;
	  border-radius: 4px !important;
	  border: 1px solid #1e1e1e !important;
	  background: #1e1e1e !important;
	  color: #ffffff !important;
	  transition: all 0.3s ease !important;
	  font-size: 14px !important;
	  line-height: 22.4px !important;
	  text-decoration: none !important; /* Убираем подчеркивание ссылки */
	  box-sizing: border-box !important;
	}

	.burger-bottom-btns .burger-cabinet-btn:hover {
	  background: #ffffff !important;
	  color: #1e1e1e !important;
	}

	.burger-bottom-btns .burger-cabinet-btn span {
	  padding: 0 !important;
	}

	.burger-bottom-btns .registration-btn {
	  width: 100% !important;
	  flex: auto !important;
	  box-sizing: border-box !important;
	}

	/* Кнопка "Зарегистрироваться" */
	.burger-bottom-btns .registration-btn a {
	  display: block !important;
	  text-align: center !important;
	  width: 100% !important;
	  text-decoration: none !important; /* Убираем подчеркивание ссылки */
	  border-radius: 4px !important;
	  border: 1px solid #1e1e1e !important;
	  color: #1e1e1e !important;
	  background: transparent !important;
	  transition: all 0.3s ease !important;
	  font-size: 14px !important;
	  line-height: 22.4px !important;
	  padding: 15px !important;
	  box-sizing: border-box !important;
	}

	.burger-bottom-btns .registration-btn a:hover {
	  background: #1e1e1e !important;
	  color: #ffffff !important;
	}
	
	.btn-favorite-clean-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 120px !important;
    height: 45px !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    border: 1px solid #1e1e1e;
    color: #1e1e1e;
    background: transparent;
    transition: all 0.3s ease;
    font-size: 14px !important;
    padding: 0;
    box-sizing: border-box;
    cursor: pointer;
	}

	.btn-favorite-clean-btn:hover {
		background: #1e1e1e;
		color: #ffffff;
	}
	
	.bx-filter.bx-blue:not(.fm-smart-filter_mobile) .bx-filter-section {
    display: none;
	}
	
}


@media (min-width: 768px) {
	.l-footer__line--1 .footer_menu-spoiler__toggle {
		display: block;
		width: 100%;
		padding: 0;
		border: 0;
		background: transparent;
		color: inherit;
		text-align: left;
		cursor: default;
		pointer-events: none;
	}

	.l-footer__line--1 .footer_menu-spoiler__icon {
		display: none;
	}

	.l-footer__line--1 .footer_menu-spoiler__panel {
		display: block;
	}
	
	
}

.l-footer ul.nav li {
	max-width: 190px;
}

.no_margin_top{
	margin-top: -30px !important;
}

.l-footer .b-form-subscribe .o-field input{
	margin-top: 1em;
}

.l-footer .b-form-subscribe .o-form__submit-btn{
	margin-top: 1em;
}

.sk-product-item-label-text {
	position: absolute;
    top: 0px;
    display: flex;
    /* gap: 5px; */
    /* padding: 3px 5px; */
}

.sk-product-item-label-text div{
	padding: 7px 10px;
    color: white;
    z-index: 20;
    font-weight: 600;
    font-size: 16px;
}



/* Catalog */

.bx-filter.bx-blue .bx-filter-section {
	background-color: #fff;
}

.bx-filter-title {
	display: none;
}

.bx-filter-parameters-box {
    padding: 20px 9px;
    border-bottom: 1px solid #bcbcbc;	
}

.bx-filter-parameters-box:first-child {
    border-top: 1px solid #bcbcbc;
}

.bx-filter-parameters-box-title {
	position: relative;
    padding: 0;
    font-size: 22px;
    font-weight: normal;
    line-height: 30.8px;
    color: #1e1e1e;
    cursor: pointer;
}

.bx-filter .bx-filter-parameters-box-title span {
    color: #1e1e1e;
    padding: 0;
    font-size: 22px;
    font-weight: normal;
    line-height: 30.8px;
}

.bx-filter .bx-filter-parameters-box-title span:hover {
    border: 0;
}

.bx-filter-parameters-box-title svg {
    width: 14px;
    /* height: 32px; */
	/* min-height: 30px; */
    position: absolute;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
	transition: all .18s linear;
}

.bx-filter .bx-ui-slider-track {
	height: 2px;
}

.bx-filter.bx-blue .bx-ui-slider-handle.left,
.bx-filter.bx-blue .bx-ui-slider-handle.right {
    width: 14px;
    height: 14px;
    background: #1e1e1e;
    border-radius: 50%;
    border: none;
    top: 50%;
    transform: translateY(-50%);
}

.bx-filter .bx-ui-slider-handle.left {
	margin-left: -7px;
}

.bx-filter .bx-ui-slider-handle.right {
	margin-right: -7px;
}

.bx-filter.bx-blue .bx-ui-slider-pricebar-v {
	background: #1e1e1e;
}

.bx-filter.bx-blue .bx-ui-slider-pricebar-vn {
	background: #848484;
	z-index: 49;
}

.bx-filter .bx-ui-slider-part.p1,
.bx-filter .bx-ui-slider-part.p5 {
	height: 0;
}

.price-filter-container {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
	gap: 7px;
}

.bx-filter-parameters-box-container-block {
    display: flex;
    align-items: center;
    gap: 6px;
	border: none;
	border-bottom: 1px solid #1e1e1e;
    width: 110px;
	padding: 0 10px;
}

.bx-filter .bx-filter-input-container input {
    font-size: 16px;
    font-weight: normal;
    line-height: 18.75px;
    border: none !important;      /* убираем стандартную рамку */
    outline: none !important;     /* убираем контур при клике/фокусе */
    box-shadow: none !important;  /* убираем возможную внутреннюю тень */
}

.bx-ft-sub {
    font-style: normal;
}

.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub {
	padding-bottom: 0;
}

.bx-filter .delimiter {
	/* margin-top: 10px; */
}

.bx-filter-input-checkbox {
    display: flex;
    align-items: center;
    gap: 16px;
}

.bx-filter-input-checkbox input[type="checkbox"]{
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    width: 16px;
    height: 16px;
    border: 1px solid #1e1e1e;
    background: #fff;
    position: relative;
    margin: 0;
    cursor: pointer;
}

.bx-filter-input-checkbox input[type="checkbox"]:checked::after{
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid #848484;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.bx-filter-input-checkbox input[type="checkbox"]:checked{
    border-color: #848484;
}

.bx-filter-input-checkbox input[type="checkbox"]:checked + .bx-filter-param-text{
    color: #848484;
}

.bx-filter .checkbox label {
	padding-left: 12px;
    font-size: 16px;
    font-weight: normal;
    color: #424242;
    line-height: 18.75px;
}

.bx-filter .checkbox label:hover {
	color: #848484;
}

.bx-filter-block .checkbox:first-child {
    margin-top: 20px;
}

.bx-filter-block .checkbox {
    margin-top: 16px;
}

.bx-filter .btn-check:focus + .btn, .btn:focus {
	outline: unset;
	box-shadow: unset;
}

.bx-filter .btn:active:focus {
	outline: unset;
	box-shadow: unset;
}

.bx-filter .bx-filter-button-box {
	padding: 0;
	margin-top: 10px;
}

.bx-filter .btn.btn-themes,
.bx-filter .btn.btn-link {
	font-size: 18px;
    line-height: 160%;
    border-radius: 4px;
	padding: 16px;
	width: 100%;
	height: unset;
}



/* Возвраты */

.blocks-title {
    font-weight: 500;
    font-size: 42px;
    line-height: 58.8px;
	color: #1e1e1e;
	margin: 0 0 25px;
}

.return-contacts {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
	padding: 32px 0;
}

.return-contacts-left {
	width: 33%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0 12px;
}

.return-contacts-right {
	width: 67%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0 12px;
}

.return-contacts-title {
	font-size: 17px;
	line-height: 1.53;
	color: rgb(75,78,84);
}

.return-contacts-text,
.return-contacts-text a {
	font-weight: 500;
	font-size: 22px;
	line-height: 1.2;
	color: rgb(30,30,30);
}

.return-contacts-text a {
	font-size: 26px;
}

.return-contacts a {
	text-decoration: none;
}

.return-contacts img {
    height: 44px;
    width: 44px;
    border-radius: 6px;
	margin: 10px 4px 8px;
    transition: all .15s;
}

.return-contacts img:hover {
    opacity: 0.9;
}

.return-contacts-top {
    display: flex;
    justify-content: center;
	padding: 12px 0;
}

.return-contacts-top p {
	width: 67%;
	font-size: 18px;
	line-height: 1.667;
	color: rgb(75,78,84);
}

.return-form {
	padding: 32px 0;
	width: 50%;
}

.return-form-title {
	font-size: 18px;
	line-height: 1.667;
	color: rgb(75,78,84);
	margin-top: 28px;
	padding-bottom: 24px;
}

.return-form-item {
	font-size: 16px;
	line-height: 1.2;
	color: rgb(75,78,84);
	padding-bottom: 24px;
}

.return-form span {
	color: #eb5757;
}

.return-form-item input {
    border: 1px solid rgb(75 78 84 / 30%);
    border-radius: 6px;
    box-sizing: border-box;
    padding: 12px 16px;
    width: 100%;
    outline: 0;
    transition: all .15s;
	margin-top: 8px;
}

.return-form-item input:focus,
.return-form-item input:hover {
    background: rgb(62 39 35 / 10%);
    border: 1px solid #3e2723;
}

.return-form-check {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;	
	font-size: 16px;
	line-height: 1.2;
	color: rgb(75,78,84);
    margin-bottom: -12px;
	cursor: pointer;
}

.return-form-check input{
    position: absolute;
    opacity: 0;
}

.return-form-check .checkmark{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 1px solid rgb(75 78 84 / 30%);
    border-radius: 4px;
    transition: all .15s;
	flex-shrink: 0;
}

.return-form-check .checkmark::after{
    content: "";
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translate(-1px, -1px);
    opacity: 0;
    transition: all .15s;
}

.return-form-check input:checked + .checkmark{
    background: #3e2723;
    border-color: #3e2723;
}

.return-form-check:hover .checkmark{
    background: rgb(62 39 35 / 10%);
    border-color: #3e2723;
}

.return-form-check input:checked + .checkmark::after{
    opacity: 1;
}

.return-form-file {
	padding-top: 40px;
}

.return-form-file .return-form-item {
	padding-bottom: 10px;
}

.return-form-button {
	display: flex;
	align-items: center;
	gap: 6px;
}

.return-form-button .upload-button {
	font-size: 18px;
	padding: 8px 16px;
	color: rgb(75,78,84);
	background-color: rgb(62 39 35 / 20%);
    transition: all 0.15s;
	cursor: pointer;
}

.return-form-button .upload-button:hover {
	background-color: rgb(62 39 35 / 30%);
}

.return-form-text {
	font-size: 15px;
	color: rgb(75,78,84);
}

.return-form-consent {
	padding-top: 32px;
}

.return-form-consent a {
	color: #3e2723;
}

.return-form-consent a:hover {
	text-decoration: none;
}

.return-form-button button {
	font-size: 18px;
	padding: 8px 32px;
	background-color: rgb(62, 38, 34);
	color: #fff;
	transition: all 0.15s;
	margin-top: 32px;
}

.return-form-button button:hover {
	background-color: #4e312c;
}

@media (max-width: 1260px) {
	.blocks-title {
		font-size: 28px;
		line-height: 39.2px;
		margin: 0 0 20px;
	}
}

@media (max-width: 1046px) {
	.return-contacts-text a {
		font-size: 22px;
	}
}

@media (max-width: 822px) {
	.return-contacts-top p {
		width: 100%;
	}
	.return-contacts-left {
		width: 100%;		
	}
	.return-contacts-right {
		width: 100%;		
	}
	.return-form {
		width: 100%;
	}
}



/* Доставка */

.delivery-block {
	display: flex;
	padding: 36px;
	border: 1px solid rgb(75 78 84 / 10%);
	margin-bottom: 32px;
}

.delivery-block:first-child {
	margin-top: 32px;
}

.delivery-block-left {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    border-radius: 50%;
    margin: 0 32px 0 0;
    padding: 25px;
    background-color: #aa7369;
    flex: 0 0 auto;
}

.delivery-block-title {
	font-weight: 500;
	font-size: 24px;
	line-height: 1.2;
	color: rgb(30, 30, 30);
	margin-bottom: 20px;
}

.delivery-block-text {
	font-size: 18px;
	line-height: 1.53;
	color: rgb(75,78,84);
	margin-bottom: 20px;
}

.delivery-block-text span {
	font-weight: bold;
}

.delivery-block-text ul{
	padding-left: 1rem;
	padding-top: 16px;
}

.delivery-block-bottom {
	display: flex;
}

.delivery-block-bottom div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 30px 10px 0;
}

.delivery-text-block {
	display: flex;
	flex-direction: column;
}

.delivery-text {
    display: flex;
    justify-content: center;
	margin-bottom: 18px;
}

.delivery-text p {
	width: 67%;
	font-size: 18px;
	line-height: 1.667;
    text-align: center;
	color: rgb(75, 78, 84);
}

.delivery-map{
	margin-bottom: 32px;
}

@media (max-width: 767px) {
	.delivery-block-left {
		margin-bottom: 16px;
        height: 80px;
        width: 80px;
	}
	.delivery-block-left img {
		height: 48px;
		width: 48px;
	}
	.delivery-block-bottom {
		flex-wrap: wrap;
	}
	.delivery-block {
		flex-direction: column;
	}
	.delivery-text p {
		width: 100%;
	}
	.delivery-block-text,
	.delivery-text p {
		font-size: 16px;
		line-height: 1.5;
	}
}



/* Оплата */

.payment-title {
	font-weight: 500;
	font-size: 36px;
	color: rgb(30, 30, 30);
	line-height: 1.2;
	padding-top: 32px;
}

.payment-text {
	font-size: 20px;
	line-height: 1.5;
	color: rgb(75,78,84);
	padding-top: 12px;
}

.payment-options {
	display: flex;
	justify-content: center;
	gap: 32px;
	margin: 32px 0 24px;
}

.payment-options img {
    width: 132px;
    height: 70px;
    max-width: 150px;
    border-radius: 6px;
    border: 1px solid rgb(75 78 84 / 10%);	
}

@media (max-width: 822px) {
	.payment-title {
		font-size: 28px;
	}
	.payment-text {
		font-size: 17px;
		line-height: 1.53;
	}
	.payment-options {
		flex-wrap: wrap;
	}
}

@media (max-width: 534px) {
	.payment-title {
		font-size: 24px;
	}
	.payment-text {
		font-size: 16px;
		line-height: 1.5;
	}
}



/* О нас */

.about-container {
	font-size: 20px;
    line-height: 1.5;
	color: rgb(75,78,84);
}

.about-container::after {
    content: "";
    display: table;
    clear: both;
}

.about-image {
    float: right;
    max-width: 40%;
    margin: 0 0 12px 24px;
}

.about-benefits {
	display: flex;
	justify-content: space-between;
	padding: 32px 0;
}

.about-benefit {
	display: flex;
	/* align-items: center; */
	width: 30%;
	font-size: 16px;
	line-height: 1.5;
	color: rgb(75,78,84);
}

.about-benefit h3 {
	font-size: 20px;
	line-height: 1.2;
	color: rgb(30, 30, 30);
	margin-bottom: 16px;
}

.about-benefit-right {
	display: flex;
	flex-direction: column;
}

.about-benefit img {
	max-width: 140px;
    max-height: 140px;
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    background: rgb(247 247 247);
    padding: 16px;
	margin-right: 24px;
}

@media (max-width: 1444px) {
	.about-container {
		font-size: 18px;
		line-height: 1.667;
	}
}

@media (max-width: 1046px) {
	.about-benefits {
		flex-wrap:wrap;
		padding-top: 0;
	}
	.about-benefit {
		width: 100%;
		margin-top: 32px;
	}
}

@media (max-width: 822px) {
	.about-container {
		font-size: 17px;
		line-height: 1.53;
	}
    .about-image {
        max-width: 50%;
		margin: 0 0 8px 16px;
    }
	.about-benefit img {
		max-width: 72px;
	}
}

@media (max-width: 534px) {
	.about-container {
		font-size: 16px;
		line-height: 1.5;
	}
    .about-image {
        float: none;
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 0 15px 0;
    }
	.about-benefit {
		line-height: 1.2;
	}
	.about-benefit h3 {
		font-size: 18px;
		line-height: 1.2;
	}
	.about-benefit img {
		max-width: 64px;
	}
}



/* Акции */

.akcii-title {
	font-size: 32px;
	line-height: 1.2;
	font-weight: 500;
	color: rgb(30, 30, 30);
	margin: 1em 0;
}

.akcii-text {
	font-size: 20px;
	line-height: 1.5;
	color: rgb(75,78,84);
	font-weight: 400;
	margin-bottom: 24px;
}

.akcii-button {
	display: flex;
    justify-content: center;
	padding: 32px 0;
}

.akcii-button button {
	text-transform: uppercase;
	padding: 12px 32px;
	font-size: 18px;
	background-color: #3e2723;
	color: #fff;
	transition: all 0.15s;
}

.akcii-button button:hover {
	background-color: #4e312c;
}

@media (max-width: 1444px) {
	.akcii-title {
		font-size: 28px;
	}
	.akcii-text {
		font-size: 17px;
	}
}

@media (max-width: 822px) {
	.akcii-title {
		font-size: 26px;
	}
}

@media (max-width: 534px) {
	.akcii-title {
		font-size: 24px;
	}
	.akcii-text {
		font-size: 16px;
	}
}



/* Контакты */

.contacts-block {
	display: flex;
	width: 100%;
	padding: 32px 0;
}

.contacts-left {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: calc(33% - 32px);
	margin: 0 16px;
}

.contacts-item {
	display: flex;
	flex-direction: column;
	gap: 16px;
	font-weight: 500;
	line-height: 1.2;
	font-size: 16px;
}

.contacts-item a {
	font-size: 20px;
	color: rgb(30, 30, 30);
	text-decoration: none;
}

.contacts-item.slim {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.53;
}

.contacts-item-links {
	display: flex;
	gap: 20px;
}

.contacts-right {
	margin: 0 16px;
	width: calc(66% - 32px);
}

.contacts-item.contacts-requisite {
	font-size: 24px;
}

@media (max-width: 1046px) {
	.contacts-left,
	.contacts-right {
		margin: 0 12px;
		width: calc(50% - 24px);
	}
}

@media (max-width: 822px) {
	.contacts-block {
		flex-direction: column;
	}
	.contacts-left,
	.contacts-right {
		width: 100%;
	}
	.contacts-right {
		margin-top: 30px;
	}
	.contacts-item a {
		font-size: 18px;
	}
	.contacts-item.slim {
		font-size: 17px;
	}
}

@media (max-width: 534px) {
	.contacts-item a {
		font-size: 18px;
	}
	.contacts-item.slim {
		font-size: 16px;
	}
}

.swiper-slider-controls .swiper-button-prev, .swiper-slider-controls .swiper-button-next{
	z-index: 1998;
}

/* Поверх слоя hover-карточки (inline z-index 1998 в catalog.section/slider/template.php) */
.products-swiper-stack .swiper-slider-controls .swiper-button-prev,
.products-swiper-stack .swiper-slider-controls .swiper-button-next {
	z-index: 1999;
}

.sk-breadcrumb-last span{
	color:#bcb6b6;
}

.c-favorite-btn svg{
	fill: none;
	stroke: black;
}

.isActive svg{
	fill: black;
	stroke: black;
}

.sk_catalog_header{
	margin-top: 0px;
}

.g-label-tabs {
	margin-top: 42px;
	display: flex;
	align-items: center;
    gap: 10px;
}
.g-user-profile__item {
    display: inline-block;
    box-sizing: border-box;
    padding: .35714em .71429em;
    font-size: .93333em;
    line-height: 1.2em;
    cursor: pointer;
    vertical-align: top;
    text-decoration: none;
    color: #15c;
    border: 1px solid transparent;
    border-radius: 13px;
}
.g-user-profile__item a:hover {
	text-decoration: none;
}
.g-user-profile--opened {
    color: #fff;
    background-color: #15c;
}
.g-button {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    padding: 6px 20px;
    cursor: pointer;
    text-decoration: none;
	color: #fff;
    border: .07143em solid rgba(0, 0, 0, .1);
    border-radius: .28571em;
	border-width: 1px;
    outline: 0;
    background-color: #000;
    background-image: linear-gradient(-180deg, var(--g-button-bg-color-l-15) 0, var(--g-button-bg-color) 100%);
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    font-size: calc(15px - 1px);
    font-weight: bold;
    line-height: 1.2;
    height: auto;
}
.g-button, .g-button:hover, .g-button:hover, .g-button:active, .g-button:active, a.g-button, a.g-button:active, a.g-button:hover {
    border-width: 1px;
}
.user__home-page {
    line-height: 1.4;
}
.g-clear {
    clear: both;
    height: 0;
}
.g-user-profile__item--active, .g-user-profile__item:active, .g-user-profile__item:hover {
    margin: 0;
    border-color: var(--g-base-color-link);
	text-decoration: none;
}
.g-user-profile__item:focus-visible {
	outline: none;
}
.g-label-tabs form {
	display: inline-block;
	margin-bottom: 0;
}
.bx-blue .btn.btn-default {
	margin: 5px 0;
}

.scroll-top-btn {
        position: fixed;
        bottom: 90px;        
        right: 90px;                   
        width: 50px;
        height: 50px;
        background-color: #ffffff;
        border: 1px solid #000000;
        border-radius: 8px;
        cursor: pointer;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    
    .scroll-top-btn.visible {
        opacity: 1;
        visibility: visible;
    }
    
    .scroll-top-btn:hover {
        background-color: #ffffff;
        transform: scale(1.02);
    }
    
    /* Стрелка вверх */
    .scroll-top-btn svg {
        width: 24px;
        height: 24px;
        fill: none;
        stroke: #000000;
        stroke-width: 2.5;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    
    .scroll-top-btn .tooltip {
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 12px;
        background-color: #000000;
        color: #ffffff;
        font-size: 13px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
        font-weight: normal;
        padding: 6px 12px;
        border-radius: 6px;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.2s ease, visibility 0.2s ease;
        pointer-events: none;
        z-index: 10000;
        box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    }
    
    .scroll-top-btn .tooltip::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-width: 5px;
        border-style: solid;
        border-color: #000000 transparent transparent transparent;
    }
    
    .scroll-top-btn:hover .tooltip {
        opacity: 1;
        visibility: visible;
    }
    
    @media (max-width: 768px) {
        .scroll-top-btn {
            bottom: 20px;
            right: 20px;
            width: 48px;
            height: 48px;
        }
        
        .scroll-top-btn svg {
            width: 20px;
            height: 20px;
        }
        
        .scroll-top-btn .tooltip {
            font-size: 12px;
            padding: 5px 10px;
            margin-bottom: 10px;
        }
    }

/* Мобильное меню: пункты Kaspi и SALE — красный цвет */
.l-drawer--mobile-nav .b-nav__link[href*="kaspi"],
.l-drawer--mobile-nav .b-nav__link[href*="sale"] {
	color: red !important;
}