/*!*************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/variables.css ***!
  \*************************************************************************/
:root {
    --color--bg--main: #F7F8FC;
    --color--bg--header: #ffffff;
	--color--bg--gray: #eff1f9;
	--color--bg--dark--gray: #565960;
    --color--logo--span: #0051ff;
    --color--text--primary: #17171c;
    --color--main--button--accent: #0051FF;
    --color--text--button: #ffffff;
    --color--bg--card: #CFD5DF;
    --color--text--card: #000000;
    --color--bg--img--card: #ffffff;
    --color--input--placeholder--hover: #ffffff;
	
	
	
    --color--bg--gray--light: #33333A;
    --color--bg--card--hover: #36363A;
    --color--bg--card--invert: #232329;
    --color--bg--tag: #34343C;
    --color--bg--tag--hover: #48484F;
    --color--text--primary--invert: #17171C;
    --color--text--tertiary: #75808A;
    --color--stroke--main: #33333A;
    --color--stroke--secondary: #919AA1;
    --color--main--button--hover: #36363B;
    --color--main--button--hover--light: #3D3D41;
    --color--bg--main--btn--light--disabled: #1C1C21;
    --dropdown--shadow: 0px 0px 20px 0px #202025, 0px 12px 20px 0px #18181B;
    --box--shadow: 0px 0px 20px 0px rgba(32, 32, 37, 0.50), 0px 12px 20px 8px rgba(12, 12, 14, 0.50);
    --box--shadow--light: 50px 50px 40px 0px rgba(32, 32, 37, 0.50), -50px -50px 40px 0px rgba(32, 32, 37, 0.50);
    --gradien-shadow-brands: linear-gradient(90deg, rgba(35, 35, 41, 0) 0%, #17171C 100%);
    --color--bg--table: #34343C;
    --color--bg--counter--invert: #232329;
    --colog--label-block--bg--hover: #33333A;
    --color--button--reverse: #33333A;
    --color--label--tile--bg: #363C45;
}
/*!*********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/style.css ***!
  \*********************************************************************/
/* Начало общие элементы */
.link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--color--text--primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
    transition: color .3s ease-in-out, opacity .3s ease-in-out;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 0;
}

.link--md {
    font-size: 16px;
    line-height: 20px;
}

.link__text {
    transition: opacity .3s ease-in-out;
}

.link__icon {
    flex-shrink: 0;
}

.icon--dark {
    fill: #17171c;
}

.icon--main {
    fill: var(--color--text--primary);
}

.icon--md {
    width: 20px;
    height: 20px;
}

.icon--sm {
    width: 16px;
    height: 16px;
}

.icon--blue {
    fill: var(--color--main--button--accent);
}

.icon--light {
    fill: var(--color--text--button);
}

.icon--lg {
    width: 24px;
    height: 24px;
}

.icon {
    transition: fill .3s ease-in-out, transform .3s ease-in-out, opacity .3s ease-in-out;
    flex-shrink: 0;
}
ul {
    list-style-type: none;
}
*, *:before, *:after {
    box-sizing: inherit;
}
h1, h2, h3, h4, h5, h6, ul, li {
    margin: 0;
    padding: 0;
}
audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}
input, button {
    outline: none;
	box-sizing: border-box;
}

.button--main {
    background-color: var(--color--bg--gray);
    color: var(--color--text--primary);
}

.icon--secondary {
    fill: var(--color--stroke--secondary);
}

.button--main--dark {
    background-color: var(--color--bg--main);
    color: var(--color--text--primary);
}

.button--lg {
    height: 48px;
    padding-left: 24px;
    padding-right: 24px;
}

.button--md {
    height: 42px;
    padding-left: 20px;
    padding-right: 20px;
}

.button--sm {
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    border: none;
    text-decoration: none;
    transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    color: var(--color--text--button);
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
}

.button--square {
    width: 48px;
    height: 48px;
}

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

.button--main--light {
    background-color: var(--color--bg--card);
    color: var(--color--text--primary);
}

.input {
    position: relative;
    display: flex;
    flex-direction: column;
}

button{
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
}

.section--xl {
    margin-bottom: 120px;
}

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

img {
    display: block;
    margin-bottom: 0;
    image-rendering: -webkit-optimize-contrast;
}
p {
    margin-top: 0;
    word-wrap: break-word;
}
p:last-of-type {
    margin-bottom: 0;
}
.tag--xs {
    height: 24px;
    line-height: 14px;
}

.button--dark{
	background-color: var(--color--bg--card);
    color: var(--color--text--card);
}

a:not([class]) {
    text-decoration: none;
    color: #fff;
    transition: color .3s ease-in-out;
}

/* !---Конец общие элементы */

body {
	width: 100%;
    min-width: 320px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
    font-family: "Manrope", Arial, sans-serif, sans-serif;
    font-style: normal;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    background-color: var(--color--bg--main);
    color: var(--color--text--primary);
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--color--bg--header);
    z-index: 15;
    transition: background-color .3s ease-in-out;
}

.container {
    width: 100%;
    max-width: 1920px;
    padding-left: 34px;
    padding-right: 34px;
    margin-left: auto;
    margin-right: auto;
	box-sizing: border-box
}

.header__inner {
    position: relative;
    padding-left: 200px;
}

.header__top-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.menu {
    position: relative;
    flex: 1 0 0;
}
.header__contacts {
    position: relative;
    display: flex;
}

.menu__header {
    display: none;
}

.menu__toggler {
    width: 100%;
    justify-content: space-between;
}

.menu__toggler .link__text {
    font-size: 16px;
    line-height: 20px;
}

.menu__nav {
    display: flex;
    align-items: center;
    height: 48px;
    background-color: var(--color--bg--gray);
    border-radius: 12px;
    padding-left: 24px;
    padding-right: 24px;
    transition: background-color .3s ease-in-out;
}

.menu__nav-list {
    display: flex;
    align-items: center;
}

.menu__nav-item {
    display: flex;
    margin-right: 24px;
}

.menu__nav-link {
    white-space: nowrap;
}

.menu__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    margin-top: 62px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in-out;
    box-shadow: var(--dropdown--shadow);
    border-radius: 8px;
}

.menu__dropdown.is-active {
    opacity: 1;
    pointer-events: auto;
}

.menu__dropdown-inner {
    background-color: var(--color--bg--gray);
    padding: 12px;
    border-radius: 8px;
    transition: background-color .3s ease-in-out, border .3s ease-in-out;
    width: 324px;
}

.menu__item-dropdown {
    position: absolute;
    left: 324px;
    top: 0;
    height: 100%;
    width: 324px;
    display: none;
}

.menu__item-dropdown-inner {
    width: 100%;
    height: 100%;
}

.menu__item-dropdown-jumbotron {
    border-radius: 0 8px 8px 0;
    padding: 25px;
    background-color: var(--color--bg--gray);
    width: 100%;
    height: 100%;
}

.menu__item:hover .menu__item-dropdown {
	display: block;
}
.menu__item-dropdown:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 8px;
    background-color: var(--color--bg--card);
    pointer-events: none;
}

.menu__item-dropdown:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    bottom: 12px;
    width: 1px;
    background-color: var(--color--stroke--main);
    z-index: 5;
    pointer-events: none;
}

.menu__item:hover .menu__item-dropdown-jumbotron>* {
	animation: fadIn .5s forwards;
}

.menu__item-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 24px;
    color: var(--color--text--primary);
}

.menu__item-unit--hidden {
    display: none;
}

.menu__item-unit {
    margin-bottom: 24px;
}

.menu__item-link {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}

.menu__link-toggler {
    display: none;
}

.menu__item {
    margin-right: -12px;
    padding-right: 12px;
}

.menu__link {
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    text-decoration: none;
    color: var(--color--text--primary);
    padding-left: 12px;
    padding-right: 12px;
    gap: 12px;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    transition: color .3s ease-in-out, background-color .3s ease-in-out;
    border-radius: 4px;
}

.menu__bottom {
    padding-top: 20px;
    margin-top: auto;
    border-top: 1px solid var(--color--stroke--main);
}

.menu__phone-mobile {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}

.menu__phone-mobile .link__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.menu__phone-mobile {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}

.menu__phone-mobile .link__text span {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: var(--color--text--secondary);
}

.button-company {
    padding-left: 16px;
    padding-right: 16px;
    justify-content: space-between;
    flex-shrink: 0;
}

.header__contacts-button {
    display: none;
}

.button-company__left {
    max-width: calc(100% - 30px);
}

.button-company__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.button-company__title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: var(--color--text--primary);
    transition: color .3s ease-in-out;
}

.button-company__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.button-company__description {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: var(--color--text--secondary);
    transition: color .3s ease-in-out;
}

.button-company__right {
    flex-shrink: 0;
}

.header__contacts-inner {
    display: flex;
    align-items: center;
    background-color: var(--color--bg--gray);
    height: 48px;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 12px;
    flex-shrink: 0;
    transition: background-color .3s ease-in-out;
    gap: 24px;
}

.header__contacts-links {
    display: flex;
    align-items: center;
    gap: 24px;
}

.header__contacts-links--dropdown .link__icon {
    fill: var(--color--text--secondary);
}

.header__company-button {
    width: 297px;
}

.header__user-block {
    flex-shrink: 0;
}

.user-block {
    position: relative;
    z-index: 2;
}

.user-block__dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    width: 240px;
    z-index: 2;
    background-color: var(--color--bg--gray);
    box-shadow: var(--dropdown--shadow);
    margin-top: 4px;
    padding: 12px 16px;
    border-radius: 8px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in-out, background-color .3s ease-in-out;
}

.user-block__dropdown-item {
    display: flex;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 8px;
}

.user-block__dropdown-item:last-of-type {
    margin-bottom: 0;
}

.user-block__dropdown-footer {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--color--stroke--main);
}

.header__bottom {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.header__logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 190px;
    height: 106px;
	background-color: var(--color--bg--gray);
}

.logo__letter {
    fill: var(--color--text--primary);
}

.logo__span {
    fill: var(--color--logo--span);
}

.header__logo-img {
    width: 142px;
}

.header__catalog-trigger {
    gap: 10px;
	color: var(--color--text--primary);
}

.header__search {
    flex: 1 0 0;
}

.search-block {
    position: relative;
}

.input__row {
    position: relative;
    width: 100%;
}

.search-block__input .input__placeholder, .search-block__input .input__native {
    font-weight: 400;
    font-size: 14px;
}

.search-block__input .input__native {
    padding-left: 24px;
    border-radius: 12px;
   /*padding-right: 170px;*/
}

.input--gray .input__native {
    background-color: var(--color--bg--gray);
    border: 1px solid var(--color--bg--gray);
}

.input__native {
    width: 100%;
    height: 48px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 8px;
    background-color: var(--color--bg--main);
    border: 1px solid var(--color--stroke--main);
    transition: background-color .3s ease-in-out, border-color .3s ease-in-out, box-shadow .3s ease-in-out;
    color: var(--color--text--primary);
    font-size: 12px;
    font-weight: 700;
}

.input__native:focus {
    border-color: var(--color--main--button--accent);
    box-shadow: 0px 0px 0px 3px rgba(89, 191, 212, .15), 0px 1px 2px 0px rgba(89, 191, 212, .1), 0px 1px 3px 0px rgba(89, 191, 212, .14);
}
.search-block__input.not-empty .search-block__reset, .search-block__input.is-focused .search-block__reset {
    opacity: 1;
    pointer-events: auto;
}
.search-block__input.not-empty .search-block__buttons, .search-block__input.is-focused .search-block__buttons {
    opacity: 1;
    pointer-events: auto;
}

/* .input__row:hover .input__placeholder {
    color: var(--color--input--placeholder--hover);
} */
.input.is-focused .input__placeholder, .input.not-empty .input__placeholder {
    opacity: 0;
}
.search-block__input .input__placeholder {
    left: 24px;
    color: var(--color--text--tertiary);
}
.input__placeholder {
    position: absolute;
    left: 12px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color--text--tertiary);
    transition: color .3s ease-in-out, opacity .1s ease;
    pointer-events: none;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-block__input .input__placeholder, .search-block__input .input__native {
    font-weight: 400;
    font-size: 14px;
}

.search-block__right {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.search-block__icon {
    margin-right: 24px;
    fill: var(--color--text--tertiary);
}

.search-block__reset {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 132px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in-out;
}

.search-block__reset .link__icon {
    pointer-events: none;
}

.search-block__buttons {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in-out;
}

.search-block__button {
    padding: 0;
    width: 118px;
}

.amount-block {
    height: 48px;
    border-radius: 12px;
    background-color: var(--color--bg--card);
    padding-left: 16px;
    padding-right: 16px;
    transition: background-color .3s ease-in-out;
}

.header__amount {
    width: auto;
    min-width: 228px;
}

.amount-block__row {
	height: 100%;
	display: flex;
	align-items: center;
}

.amount-block__balance-icon {
	margin-right: 8px;
}

.amount-block__balance {
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: .14px;
	color: var(--color--text--primary);
	white-space: nowrap;
}

.amount-block__devider {
	margin-left: 8px;
	margin-right: 8px;
}
.amount-block__devider, .amount-block__limit {
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	color: var(--color--text--tertiary);
	white-space: nowrap;
}

.amount-block__devider, .amount-block__limit {
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	color: var(--color--text--tertiary);
	white-space: nowrap;
}

.cart-button {
	position: relative;
    display: flex;
    align-items: center;
    padding: 0 24px 0 5px;
    border-radius: 12px;
}

.cart-button__links {
	position: relative;
	z-index: 1;
}

.cart-button__link {
    height: 40px;
/*     display: none; */
    min-width: 147px;
    padding-left: 16px;
    padding-right: 16px;
}

.cart-button__link.is-active {
    display: inline-flex;
}

.burger__line--1 {
    margin-top: -5px;
}

.burger__line--3 {
    margin-top: 5px;
}

.burger__line {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 1px;
    background-color: var(--color--text--primary);
    transition: all .3s ease-in-out;
    transform-origin: 6%;
}

.user-block__button{
	height: 48px;
	color: var(--color--text--primary);
}

.header__cart-button{
	background-color: var(--color--bg--gray);
	height: 48px;
}

.cart-button__toggler {
    height: 48px;
    padding-left: 12px;
    cursor: pointer;
    border: none;
    background-color: rgba(0, 0, 0, 0);
	display: flex;
    align-items: center;
    justify-content: center;
}

.cart-line-block{
	width: 100%;
}

.cart-button__toggler-row {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 0;
}

.cart-button__toggler-item {
    display: block;
    color: var(--color--text--primary);
    transition: color .3s ease;
    font-size: 14px;
}

.menu__toggler.is-active .menu__toggler-link {
    transform: rotate(180deg);
}

.button-exit{
	margin-top:20px;
	border-top: 1px solid var(--color--text--primary);
	padding-top: 5px;
	
}

.user-block.is-active .user-block__dropdown {
    opacity: 1;
    pointer-events: auto;
}

main.main {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-top: 134px;
}
.container {
    width: 100%;
    max-width: 1920px;
    padding-left: 34px;
    padding-right: 34px;
    margin-left: auto;
    margin-right: auto;
}
.slider {
    position: relative;
}

.slider__list {
    height: auto;
}

.slider__item, .slider__slide {
    box-sizing: border-box !important;
}

.main-banner {
    position: relative;
    background-color: var(--color--bg--card);
    border-radius: 20px;
    overflow: hidden;
}
.main-banner__bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    object-fit: cover;
    object-position: right center;
}

.main-banner__inner {
    position: relative;
    z-index: 2;
    padding: 40px;
    height: 340px;
}

.main-banner__info {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    z-index: 2;
}
.main-banner__title {
    color: var(--color--text--primary);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -0.4px;
    margin-bottom: 12px;
}
.main-banner__text p {
    color: var(--color--text--primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}
.main-banner__bottom {
    margin-top: auto;
}
.main-banner__img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    width: 753px;
}

.main-banner {
    position: relative;
    background-color: var(--color--bg--card);
    border-radius: 20px;
    overflow: hidden;
}
.main-banner__bg {
	width: 100%;
	height: auto;
    display: block;
}
.slider__pagination {
    position: absolute;
    z-index: 3;
    left: 50% !important;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 4px;
}
.slider-banner .slider__pagination {
    bottom: 40px;
}
.slider__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 3px;
    background-color: var(--color--bg--main);
    transition: background-color .3s ease-in-out;
}
.slider__pagination .swiper-pagination-bullet-active {
    background-color: var(--color--main--button--accent);
}
.slider-banner .slider__pagination .swiper-pagination-bullet {
    cursor: pointer;
}
.link-banner{
	cursor:pointer;
	display:block;
	height:100%;
}
.section-cards__row {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    min-width: 100%;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -10px;
}
.section-cards__col {
    padding-left: 5px;
    padding-right: 5px;
    flex: 0 0 19.909997%;
    max-width: 19.909997%;
    margin-bottom: 10px;
    transition: width .3s ease-in-out, flex .3s ease-in-out;
}
.catalog-card {
    position: relative;
    min-height: 204px;
    border-radius: 20px;
    /* background-color: var(--color--bg--card); 0547E1  041C55*/
	background-image: linear-gradient(to bottom right, rgba(5, 71, 225, 1), rgba(4, 28, 85, 1));
    padding: 24px;
    overflow: hidden;
    transition: background-color .3s ease-in-out, width .3s ease-in-out;
    overflow: hidden;
}
.catalog-card__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.catalog-card__title {
    color: var(--color--text--button);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: .16px;
    margin-bottom: 24px;
}
.catalog-card__img-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.catalog-card__img {
    width: 100%;
    max-width: 100%;
    filter: grayscale(1);
    transition: filter .3s ease-in-out, width .3s ease-in-out;
}
.catalog-card__tags {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    z-index: 2;
}
.tag {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    height: 32px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 8px;
    color: var(--color--text--card);
    background-color: var(--color--bg--tag);
    transition: background-color .3s ease-in-out;
    font-size: 14px;
    font-weight: 400;
    max-width: 100%;
    gap: 8px;
    border: none;
}
.tag--link {
    cursor: pointer;
}
.tag__text {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: color .3s ease-in-out;
}
.slider-block__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.slider-block__title {
    font-weight: 700;
    font-size: 32px;
    line-height: 24px;
}
.slider-block__right {
    display: flex;
    align-self: center;
    justify-content: space-between;
    gap: 36px;
}
.slider-block__link {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
}
.slider-nav {
    display: flex;
    align-items: center;
    gap: 12px;
}
.slider-block .slider-block__list {
    height: auto;
}
.slider-block .slider-block__list>.slider__slide {
    height: unset;
}
.slider__button {
    position: absolute;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 48px;
}
.slider-card .slider__list {
    height: 250px;
	overflow: hidden;
}
.slider__button--prev {
    left: 12px;
}
.slider__button--next {
    right: 12px;
}
.product-card {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
   /*  border: 1px solid var(--color--stroke--main); */
    background-color: var(--color--bg--card);
    height: 100%;
}
.slider-block .slider-block__list>.slider__slide .product-card {
    height: 100%;
}
.product-card__top {
    width: 100%;
	padding: 16px 16px 0;
}
.product-card__link {
    cursor: pointer;
}
.product-card__body-inner {
    /* display: flex; */
    flex-wrap: wrap;
    padding: 16px;
    flex: 1 0 0;
}
.product-card__brand {
    margin-bottom: 8px;
}
.product-card__brand-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: var(--color--text--card);
}
.product-card__title-wrap {
    margin-bottom: 20px;
    width: 100%;
}
.product-card__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--color--text--card);
    transition: color .3s ease-in-out;
    text-decoration: none;
    min-height: 40px;
}
.product-card__rows {
    margin-top: auto;
    margin-bottom: 16px;
    width: 100%;
}
.product-card__row {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}
.product-card__row-title {
    min-width: 30px;
    margin-right: 4px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: var(--color--text--card);
}
.copy-block {
    position: relative;
}
.tooltip {
    padding: 8px 12px;
    border-radius: 8px;
    background-color: var(--color--bg--card);
    box-shadow: var(--dropdown--shadow);
}
.copy-block__tooltip {
    position: absolute;
    z-index: 2;
    margin-bottom: 10px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in-out;
    margin-top: -220px !important;
    right: 0 !important;
    width: 154px;
    bottom: 8px !important;
}
.tooltip p {
    color: var(--color--text--primary);
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
}
.copy-block__tooltip p {
    white-space: nowrap;
}
.tag--copy {
    position: relative;
    background-color: rgba(0, 0, 0, 0);
}
.tag--sm {
    height: 26px;
}
.tag__text {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: color .3s ease-in-out;
}
.tag--copy .tag__text {
    display: block;
    position: relative;
    z-index: 1;
}
.tag--copy .tag__link {
    opacity: 0;
    transition: opacity .3s ease-in-out;
}
.tag--copy .tag__button {
    position: relative;
    z-index: 1;
}
.product-card__price-block {
    flex: 1 0 0;
    display: flex;
	margin-bottom:16px;
}
.product-card__price {
    font-size: 26px;
    line-height: 28px;
    font-weight: 700;
    align-self: center;
	color: var(--color--text--card);
}
.product-card__buttons{
	text-align: center;
}
.product-card__button {
    padding-left: 19px;
    padding-right: 19px;
	height: 40px;
    min-width: 147px;
	width:100%;
}
.product-card__button .button__icon, .product-card__button .button__text {
    pointer-events: none;
}
.counter-block {
    display: flex;
    align-items: center;
    height: 48px;
    background-color: var(--color--bg--main);
    border-radius: 12px;
    padding-left: 4px;
    padding-right: 4px;
}
.product-card__buttons .product-card__buttons-counter {
    display: none;
/*     width: 108px; */
}
.counter-block__button {
    display: flex;
    align-self: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}
.link[disabled] {
    pointer-events: none;
}
.counter-block__button[disabled] {
    opacity: .2;
    pointer-events: none;
}
.counter-block__button .link__icon {
    pointer-events: none;
}
.link[disabled] .link__text, .link[disabled] .link__icon {
    opacity: .5;
    pointer-events: none;
}
.counter-block__input-wrap {
    flex: 1 0 0;
}
.counter-block__input {
    color: var(--color--text--primary);
    background-color: rgba(0, 0, 0, 0);
    border: none;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    -moz-appearance: textfield;
}
.product-card__tags {
    position: absolute;
    z-index: 2;
    left: 20px;
    top: 20px;
    pointer-events: none;
}
.product-card__tags .tag {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
}
.tag--sale {
    background: linear-gradient(90deg, #ECAD33 0%, #C82323 100%);
}
.tag--new {
    background: linear-gradient(84.7deg, #E256A6 3.22%, #BF5BCA 20.12%, #A85EE3 34.01%, #9C43F5 50.42%, #8E47F5 71.94%, #5A54F7 99.11%);
}
.slider-card .slider__img {
    max-width: 100%;
    object-fit: contain;
    pointer-events: none;
	margin: auto;
}
.section-news__header {
    margin-bottom: 30px;
}
.section__title {
    font-size: 32px;
    line-height: 34px;
    font-weight: 700;
    transition: color .3s ease-in-out;
}
.section-news__list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.news-card {
    display: block;
    text-decoration: none;
    color: var(--color--text--primary);
    position: relative;
    flex: 0 0 32%;
}
.section-news__items .news-card {
    margin-bottom: 10px;
}
.tooltip-block__element {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in-out;
    z-index: 100;
}
a.news-card:hover .news-card__popup-title {
	color: var(--color--text--button);
	background: #fff;
}
a.news-card:hover .news-card__popup-title {
    display: block;
    position: absolute;
    bottom: 85px;
    border-radius: 10px;
    right: 10px;
    left: 10px;
    padding: 10px;
    background: var(--color--bg--dark--gray);
}
.news-card__popup-title {
    display: none;
}
.news-card__row {
    display: flex;
    background-color: var(--color--bg--card);
    border-radius: 20px;
    transition: background-color .3s ease-in-out;
    flex-direction: column;
    align-items: flex-start;
}
.news-card__left {
    flex: 0 0 100%;
    order: 2;
}
.news-card__info {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px;
}
.news-card__info-bottom {
    margin-top: auto;
}
.news-card__text {
    margin-bottom: 10px;
}
.news-card__text p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}
.news-card__title {
    font-size: 26px;
    line-height: 28px;
    font-weight: 700;
    transition: color .3s ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	margin-bottom:10px;
}
.news-card__right {
    flex: 0 0 50%;
    flex: 0 0 100%;
    width: 100%;
}
.news-card__img-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color--bg--tag);
    transition: background-color .3s ease-in-out;
    border-radius: 20px;
}
.news-card__img {
    max-width: 100%;
    border-radius: 20px;
    object-fit: cover;
    height: 100%;
}
.footer {
    margin-top: auto;
    padding-top: 72px;
    padding-bottom: 32px;
    background-color: var(--color--bg--dark--gray);
    transition: background-color .3s ease-in-out;
}
.footer__row {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.footer__col {
    flex: 0 0 16.666%;
}
.footer__col--1 {
    padding-left: 28px;
}
.footer__logo-img {
    width: 142px;
}
.footer__col-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    margin-bottom: 20px;
    color: var(--color--text--button);
    transition: color .3s ease-in-out;
}
.footer__item {
    margin-bottom: 17px;
}
.footer__item-link {
    font-size: 16px;
    line-height: 20px;
	color: var(--color--text--button);
}
.footer__col--3 {
    margin-right: auto;
}
.footer__col--4 {
    margin-left: auto;
}
.footer__phone {
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    margin-top: 6px;
	color: var(--color--text--button);
}
.footer__col--5 .footer__item-link {
    font-weight: 600;
}
.footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 72px;
}
.footer__bottom p, .footer__bottom a {
    color: var(--color--text--button);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
.footer__logo-img .logo__light{
	color: var(--color--text--button);
}
.modal-cookie {
    position: fixed;
    z-index: 20;
    right: 10px;
    bottom: 10px;
    width: 386px;
    pointer-events: none;
}
.modal-cookie.is-fade {
    transition: opacity .15s linear;
}
.modal-cookie.is-shown {
    pointer-events: auto;
}
.modal-cookie__jumbotron {
    padding: 24px;
    background-color: var(--color--bg--main);
    box-shadow: var(--box--shadow);
    border-radius: 12px;
}
.modal-cookie__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 12px;
    color: var(--color--text--primary);
    transition: color .3s ease-in-out;
}
.modal-cookie__text {
    margin-bottom: 24px;
    color: var(--color--text--primary);
    transition: color .3s ease-in-out;
}
.modal-cookie__text p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}
.modal-cookie__buttons {
    display: flex;
    width: 100%;
    gap: 8px;
}
.modal-cookie__button {
    flex: 1 0 0;
}
.modal-cookie__notice {
    margin-top: 12px;
}
.modal-cookie__notice p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    color: var(--color--text--tertiary);
}
.modal-cookie__notice p a {
    color: var(--color--main--button--accent);
    transition: color .3s ease-in-out;
}
.breadcrumbs--catalog {
    margin-top: 20px;
	margin-bottom:30px;
}
.breadcrumbs__list {
    display: flex;
    align-items: center;
}
.breadcrumbs__item {
    position: relative;
    margin-right: 23px;
}
.breadcrumbs__item:last-of-type {
    margin-right: 0;
}
.breadcrumbs__item:before {
    content: "/";
    position: absolute;
    left: -14px;
    top: 1px;
    color: var(--color--text--tertiary);
    font-weight: 700;
}
.link--tertiary {
    color: var(--color--text--tertiary);
}
.breadcrumbs__link {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .14px;
    font-weight: 700;
}
.section-catalog__top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 40px;
}
.section-catalog__title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.32px;
}
.section-catalog__top-right {
    flex: 0 0 300px;
}
.dropdown-files {
    position: relative;
    z-index: 3;
}
.dropdown-files__trigger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    height: 58px;
    border-radius: 12px;
    padding: 20px;
    background-color: var(--color--bg--card);
    cursor: pointer;
    border: none;
    transition: background-color .3s ease-in-out, border-radius .3s ease-in-out;
    width: 100%;
    z-index: 4;
}
.dropdown-files__title {
    font-size: 14px;
    line-height: 18px;
    color: var(--color--text--primary);
    font-weight: 700;
}
.dropdown-files__trigger-close {
    color: var(--color--text--primary);
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}
.section-catalog__grid {
    position: relative;
    display: flex;
}
.section-catalog__col--1 {
    width: 300px;
    flex-shrink: 0;
    transition: width .3s ease-in-out;
    z-index: 3;
}
.dropdown-category {
    overflow: hidden;
    border-radius: 20px;
}
.dropdown-category__jumbotron {
    border-radius: 20px;
    background-color: var(--color--bg--gray);
    transition: background-color .3s ease-in-out;
    padding: 20px;
}
.dropdown-category__title {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: .14px;
    margin-bottom: 20px;
}
.dropdown-category__item {
    position: relative;
}
.dropdown-category.first-step .dropdown-category__link {
    height: 40px;
}
.dropdown-category.is-active {
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 2;
}
.dropdown-category__item:last-of-type {
    margin-bottom: 0;
}
.dropdown-category__dropdown-inner {
    min-height: 0;
}
.dropdown-category__link {
    display: flex;
    align-items: center;
    transition: color .3s ease-in-out, height .3s ease-in-out;
    text-decoration: none;
    color: var(--color--text--primary);
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    height: 0;
    overflow: hidden;
}
.dropdown-category__dropdown {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows .3s ease;
}
.dropdown-category__back {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 10px;
    border-radius: 8px;
    transition: background-color .3s ease-in-out;
}
.dropdown-category__back-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    margin-right: 10px;
    z-index: 2;
}
.dropdown-category__back-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--color--text--primary);
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    flex: 1 0 0;
    height: 40px;
}
.dropdown-category__back-link:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    pointer-events: none;
    background-color: var(--color--bg--main);
    border-radius: 8px;
    opacity: 0;
    transition: opacity .3s ease-in-out;
}
.dropdown-category__dropdown-list {
    padding-left: 24px;
}
.dropdown-category__dropdown-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--color--text--primary);
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    height: 40px;
    padding: 2px 12px;
    border-radius: 8px;
    transition: background-color .3s ease-in-out;
}
.dropdown-category__item.is-active .dropdown-category__link-toggler {
    transform: rotate(180deg);
}

/* .dropdown-category__link-toggler {
    display: none;
} */
.dropdown-category__back-link-text {
    position: relative;
    z-index: 1;
}
.dropdown-category__link-icon {
    display: none;
}
.catalog-filter__header-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}
.catalog-filter__jumbotron {
    padding: 20px;
    border-radius: 20px;
    background-color: var(--color--bg--gray);
    transition: background-color .3s ease-in-out;
}
.catalog-filter__tags {
    display: none;
    margin-bottom: 32px;
}
.catalog-filter__tags .tag {
    transition: opacity .3s ease-in-out;
    animation: fadIn .3s ease-in-out forwards;
    cursor: pointer;
}
.catalog-filter__block {
    margin-bottom: 40px;
}
.mt-0 {
    margin-top: 0 !important;
}
.catalog-filter__block-list {
    margin-top: 16px;
}
.catalog-filter__block-item {
    display: flex;
}
.checkbox-list li {
    margin-bottom: 16px;
}
.checkbox {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.checkbox__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
}
.checkbox__icon {
    opacity: 0;
    transition: opacity .3s ease-in-out;
}
.checkbox__input:checked~.checkbox__custom .checkbox__icon {
    opacity: 1;
}
.checkbox__custom {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    align-self: flex-start;
    height: 20px;
    position: relative;
    flex-shrink: 0;
    border: 1px solid var(--color--stroke--main);
    border-radius: 6px;
    background-color: var(--color--bg--main);
    transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
    margin-right: 10px;
}
.catalog-filter__block-item {
    display: flex;
}
.checkbox-list li:last-of-type {
    margin-bottom: 0;
}
.catalog-filter__block-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}
.catalog-filter__block-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}
.catalog-filter__clear {
    opacity: 0;
    pointer-events: none;
    flex-shrink: 0;
    transition: opacity .3s ease-in-out;
}
.input__row {
    position: relative;
    width: 100%;
}
.catalog-filter__block-input .input__native, .catalog-filter__block-input .input__placeholder {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}
.catalog-filter__block-list--modern {
    overflow: hidden auto;
    max-height: 192px;
}
.checkbox-list li {
    margin-bottom: 16px;
}
.catalog-filter__buttons {
    margin-top: 43px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.section-catalog__col--2 {
    width: calc(100% - 300px);
    padding-left: 10px;
    margin-left: auto;
    transition: width .3s ease-in-out;
}
.banner {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background-color: var(--color--bg--card);
    transition: background-color .3s ease-in-out;
}
.section-catalog__banner {
    margin-bottom: 20px;
}
.banner__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
    border-radius: 20px;
}
.banner__inner {
    position: relative;
    z-index: 1;
    min-height: 238px;
    padding: 40px;
}
.banner__title {
    font-size: 32px;
    line-height: 34px;
    font-weight: 700;
    color: var(--color--text--primary);
    transition: color .3s ease-in-out;
}
.banner__text {
    margin-top: 20px;
}
.banner__text p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: var(--color--text--primary);
    transition: color .3s ease-in-out;
}
.banner__img {
    position: absolute;
    top: 50%;
    right: 90px;
    width: 280px;
    transform: translateY(-50%);
    margin-top: 2px;
}
.section-catalog__sort-wrap {
    padding-bottom: 20px;
    order: -1;
}
.section-catalog__sort {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section-catalog__sort-nav {
    display: none;
}
.section-catalog__sort-nav-button {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
	color: var( --color--text--primary);
}
.section-catalog__sort-nav-trigger {
    padding-left: 24px;
    padding-right: 24px;
}
.section-catalog__sort-nav-button:first-child {
    margin-left: 8px;
}
.section-catalog__sort-nav-button.is-current {
    background-color: var(--color--main--button--accent);
    color: var(--color--text--button);
}
.section-catalog__buttons {
    display: none;
    align-items: center;
    margin-right: 60px;
}
.section-catalog__button {
    margin-right: 16px;
    position: relative;
    font-weight: 500;
	color: var( --color--text--primary);
}
.button__counter {
    position: absolute;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #59bfd4;
    border: 3px solid var(--color--text--primary--invert);
    color: var(--color--text--primary--invert);
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    transition: opacity .3s ease-in-out;
    opacity: 0;
}
.section-catalog__button:last-of-type {
    margin-right: 0;
}
.section-catalog__sort-left {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: calc(100% - 96px - 24px);
    overflow: auto;
    padding-right: 20px;
}
.section-catalog__sort-title {
    flex-shrink: 0;
    color: var(--color--text--primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    margin-right: 10px;
    white-space: nowrap;
    transition: color .3s ease-in-out;
}
.section-catalog__sort-list {
    display: flex;
    align-items: center;
}
.section-catalog__sort-item {
    margin-right: 10px;
}
.section-catalog__sort-button{
	color: var( --color--text--primary);
}
.section-catalog__sort-button.is-active {
    background-color: var(--color--main--button--accent);
    color: var(--color--text--button);
}

.section-catalog__sort-button.is-active .icon--main{
	fill: var(--color--text--button);
	
}
.section-catalog__sort-right {
    flex: 0 0 126px;
    padding-left: 30px;
}
.types-change {
    display: flex;
    align-items: center;
}
.button--square--sm {
    width: 42px;
    height: 42px;
}
.types-change__button {
    margin-right: 12px;
}
.types-change__button.is-active {
    background-color: #59bfd4;
}
.types-change__button:last-of-type {
    margin-right: 0;
}
.section-catalog__sort-button .button__icon:last-of-type {
    display: none;
}
.section-catalog__cards {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    min-width: 100%;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -10px;
}
.section-catalog__cards-col {
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    flex: 0 0 20%;
    max-width: 20%;
}
.catalog-filter.is-active {
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 15;
}
.modal.fade {
    transition: opacity .15s linear;
}
.modal--mobile.is-active {
    opacity: 1 !important;
    pointer-events: auto;
}
.modal.fade:not(.show) {
    opacity: 0;
}
.modal--mobile {
	background: rgba(0, 0, 0, .6);
}
.modal-dialog {
	position: relative;
	width: auto;
	pointer-events: none;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
}
.modal--mobile .modal-dialog {
	position: relative;
	transform: none !important;
}
.modal.fade .modal-dialog {
	transition: transform .3s ease-in-out;
	transform: translate(0, -50px);
}
.modal--mobile .modal__jumbotron-header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    text-align: center;
    border-bottom: .5px solid var(--color--stroke--secondary);
}
.modal--mobile .modal__jumbotron-title {
    font-size: 12px;
    line-height: 16px;
    color: var(--color--text--tertiary);
    transition: color .3s ease-in-out;
}
.modal--mobile .modal__jumbotron-list {
    max-height: 414px;
    overflow: auto;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    outline: 0;
}
.pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.pagination--basic {
    margin-top: 40px;
    margin-bottom: 40px;
}
.pagination__more {
    width: 200px;
	background-color: var(--color--main--button--accent);
}
.pagination__bottom {
    position: relative;
}
.pagination__arrow {
    position: absolute;
    top: 0;
}
.pagination__arrow--prev {
    left: -70px;
}
.pagination__list {
    display: flex;
    align-items: center;
}
.pagination__item {
    margin-right: 8px;
}
.pagination__arrow--next {
    right: -70px;
}
.pagination__item .button--main{
	color: var(--color--text--primary);
}
.breadcrumbs__item:first-of-type:before{
	display: none;
}


.section-product {
    position: relative;
    margin-bottom: 100px;
}
.section-product__row {
    display: flex;
    align-items: flex-start;
	margin-bottom: 30px;
}
.section-product__col--1 {
    position: sticky;
    top: 120px;
    flex-shrink: 0;
}
.product-sliders {
    padding: 16px;
    background-color: var(--color--bg--gray);
    border-radius: 16px;
    width: 920px;
    transition: background-color .3s ease-in-out;
}
.product-sliders__header {
    display: none;
    width: 100%;
}
.product-sliders__header-title p {
    font-size: 14px;
    line-height: 18px;
}
.product-sliders__header-right .link .link__icon {
    pointer-events: none;
}
.product-sliders__row {
    display: flex;
    align-items: flex-start;
}
.product-sliders__thumbs {
    width: 174px;
    height: 698px;
    margin-right: 16px;
    flex-shrink: 0;
}
.slider-thumbs {
    height: 100%;
    max-height: 100%;
}
.slider-thumbs .slider__init {
    height: 100%;
    max-height: 100%;
}
.slider-thumbs .slider__item {
    position: relative;
    height: 164px;
    cursor: pointer;
}
.slider-thumbs .slider__item:last-of-type {
    margin-bottom: 0;
}
.product-sliders__main {
    position: relative;
}
.slider-product {
    width: 700px;
}
.slider-product .slider__list {
    height: 100%;
}
.slider-product .slider__item {
    cursor: pointer;
}
.slider-product .slider__item-jumbotron {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 16px;
    height: 700px;
}
.slider-product .slider__img {
    border-radius: 16px;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}
.slider-pagination {
    display: flex;
    align-self: center;
    background-color: #ededed;
    padding: 3px;
    border-radius: 540px;
}
.slider-product .slider-pagination {
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
}
.slider-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--color--text--secondary);
    transition: background-color .3s ease-in-out;
    margin-right: 3px;
}
.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #59bfd4;
}
.slider-product__link {
    display: none;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 3;
}
.slider-product .slider__nav {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.slider-product .slider__nav .button {
    pointer-events: auto;
}
.slider-product .slider-product__text {
    display: none;
    width: 855px;
    margin-left: auto;
    margin-right: auto;
}
.slider-product .slider-product__text p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}
.product-sliders__close {
    position: absolute;
    z-index: 2;
    right: -16px;
    top: 62px;
    display: none;
}
.product-sliders__close svg.button__icon {
    pointer-events: none !important;
}
.section-product__col--2 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-left: 42px;
    margin-left: auto;
    flex: 1 0 0;
}
.section-product__grid {
    width: 50%;
    padding-right: 42px;
}
.section-product__brand-wrap{
    margin-bottom: 12px;
}
.section-product__brand {
    color: #0051FF;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    text-decoration: none;
}
.section-product__title-wrap {
    margin-bottom: 24px;
}
.section-product__title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}
.hidden-text__body {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.hidden-text__body p {
    font-size: 14px;
    line-height: 24px;
}
.hidden-text__buttons {
    margin-top: 15px;
}
.hidden-text__button--hidden {
    display: none;
}
.section-product__grid-col--2 {
    margin-top: 24px;
}
.chars__title {
    color: var(--color--text--primary);
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 18px;
}
.chars__row {
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.chars--product .chars__col--1 {
    flex: 0 0 140px;
}
.chars__col--1 {
    flex-shrink: 0;
    margin-right: 8px;
}
.chars__col p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    transition: color .3s ease-in-out;
}
.chars__col--1 p {
    color: var(--color--text--secondary);
}
.chars__col--2 {
    display: flex;
    justify-content: flex-start;
}
.chars--product .chars__col--2 {
    max-width: calc(100% - 148px);
    width: calc(100% - 148px);
}
.chars__col--2 p {
    color: var(--color--text--primary);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.section-product__files {
    margin-top: 24px;
}
.file-download {
    width: 100%;
    display: flex;
    align-items: center;
    background-color: var(--color--bg--gray);
    padding: 8px 18px 8px 8px;
    border-radius: 12px;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    text-decoration: none;
    color: var(--color--text--primary);
    border: none;
    cursor: pointer;
}
.file-download__left {
    margin-right: 8px;
    flex-shrink: 0;
}
.file-download__icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background-color: var(--color--bg--card);
    transition: background-color .3s ease-in-out;
}
.file-download__right {
    margin-left: auto;
    padding-left: 8px;
    flex-shrink: 0;
}
.section-product__aside {
    width: 50%;
    position: sticky;
    top: 120px;
}
.product-aside {
    padding: 32px;
    border-radius: 12px;
    background-color: var(--color--bg--gray);
    transition: background-color .3s ease-in-out;
}
.product-aside__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 24px;
}
.product-aside__price-block {
    display: flex;
    align-items: flex-end;
}
.product-aside__price {
    font-size: 32px;
    line-height: 34px;
    color: var(--color--text--primary);
}
.product-aside__price-count {
    margin-left: 12px;
    font-size: 16px;
    line-height: 20px;
    color: var(--color--text--tertiary);
}
.product-aside__header .tag {
    color: #fff;
}
.product-aside__buttons .product-aside__buttons-row {
    display: none;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}
.product-aside__links {
    margin-top: 24px;
}
.product-aside__links-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px;
    gap: 12px;
}
.product-aside__links-item {
    width: 100%;
    gap: 8px;
}
.product-aside__links-row--count .product-aside__links-item {
    flex: 0 0 calc(50% - 12px);
}
.product-aside__links-item .link__icon {
    align-self: flex-start;
}
.product-aside__links-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px;
    gap: 12px;
}
.product-aside__links-row:last-of-type {
    margin-bottom: 0;
}
.product-aside__links-item {
    width: 100%;
    gap: 8px;
}
.product-aside__links-item .link__icon {
    align-self: flex-start;
}
.slider-thumbs .slider__item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border: 1px solid var(--color--stroke--main);
    transition: border .3s ease-in-out;
    border-radius: 12px;
}
.slider-thumbs .slider__item.swiper-slide-thumb-active:before {
    border-color: #59bfd4;
    border-width: 3px;
}
.slider-thumbs .slider__img {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-card .slider__list .slider__slide{
	line-height: 250px;
    text-align: center;
    height: 250px;
	background-color:var(--color--bg--img--card);
}
.slider__list .slider__slide .slider__img{
	display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}
.product-aside__buttons.is-active .product-aside__buy {
    display: none;
}
.product-aside__buttons.is-active .product-aside__buttons-row {
    display: grid;
    animation: fadIn .3s ease-in-out forwards;
}
.product-item-detail-tabs-container{
	border-radius: 16px 16px 0 0;
}
.product-card__buttons.is-active .product-card__buttons-counter {
    display: flex;
    animation: fadIn .3s ease-in-out forwards;
}
.product-card__buttons.is-active .product-card__button {
    display: none;
}


/* .modal {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    z-index: 1055;
} */
.modal.fade {
    transition: opacity .15s linear;
}
.modal-dialog {
    position: relative;
    width: auto;
    pointer-events: none;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
.modal--md .modal-dialog {
    width: 100%;
    max-width: 920px;
}
.modal.fade .modal-dialog {
    transition: transform .3s ease-in-out;
    transform: translate(0, -50px);
}
.modal.show .modal-dialog {
    transform: none;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    outline: 0;
}
.modal-form__body {
    padding: 8px;
    border-radius: 22px;
    background-color: var(--color--bg--gray);
    transition: background-color .3s ease-in-out;
}
.modal-form__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px;
}
.modal-form__col--1 {
    padding: 24px;
}
.modal-form__header {
    padding-bottom: 24px;
    margin-bottom: 40px;
    border-bottom: 1px solid var(--color--stroke--main);
}
.modal-form__header--base {
    border: none;
    padding-bottom: 0;
}
.modal-form__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.2px;
    color: var(--color--text--primary);
}
.modal-form__error {
    margin-top: 6px;
}
.modal-form__error p {
    font-size: 12px;
    line-height: 16px;
    color: #e51c00;
}
.modal-form__input {
    margin-bottom: 24px;
}
.modal-form__footer {
    margin-top: 40px;
}
.modal-form__buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}
.modal-form__bg {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 22px;
    overflow: hidden;
    background-color: var(--color--bg--main);
    transition: background-color .3s ease-in-out;
}
.modal-form__bg-logo {
    width: 300px;
    height: auto;
	margin: auto;
}
.modal-form__close {
    position: absolute;
    top: 0;
    right: -58px;
}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
  overflow-x: hidden;
  overflow-y: auto;

    z-index: 1055;
}

.modal-overlay.active {
  opacity: 1;
  visibility: visible;
}

.modal-window {
  background: #fff;
  padding: 24px;
  border-radius: 8px;
  max-width: 500px;
  width: 100%;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}
.input__button-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: opacity .3s ease-in-out, fill .3s ease-in-out;
}
.input__button-icon--hidden {
    opacity: 0;
}
.input__button {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    right: 10px;
}
.modal-form__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px;
}
/* #	{
	color:#d91111;
} */
/* Продолжение основных стилей */
.section--xl--modern {
    margin-bottom: 120px;
}
.section-news-detail {
    padding-top: 30px;
}
.news-card {
    display: block;
    text-decoration: none;
    color: var(--color--text--primary);
    position: relative;
    flex: 0 0 32%;
}
.news-card__detail-row {
    display: flex;
    background-color: var(--color--bg--card);
    border-radius: 20px;
    transition: background-color .3s ease-in-out;
}
.news-card__detail-left {
    flex: 0 0 460px;
}
.news-card__info {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px;
}
.news-card__info-bottom {
    margin-top: auto;
}
.news-card__text {
    margin-bottom: 10px;
}
.news-card__detail-title {
    font-size: 32px;
    margin-bottom: 20px;
}
.news-card__detail-right {
    flex: 0 0 calc(100% - 460px);
}
.news-card__img-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color--bg--tag);
    transition: background-color .3s ease-in-out;
    border-radius: 20px;
}
.news-card__img {
    max-width: 100%;
    border-radius: 20px;
    object-fit: cover;
    height: 100%;
}
.section-news-detail__grid {
    padding-top: 40px;
    padding-left: 460px;
}
.pagination__more {
    width: 200px;
}
.pagination__bottom {
    position: relative;
}
.pagination__arrow {
    position: absolute;
    top: 0;
}
.pagination__arrow--prev {
    left: -70px;
}
.pagination__arrow--next {
    right: -70px;
}
.pagination__list {
    display: flex;
    align-items: center;
}
.pagination__item {
    margin-right: 8px;
}
.pagination__item.is-active .button {
    background-color: var(--color--main--button--accent);
    color: var(--color--text--button);
}
.bx-filter-popup-result{
	position: absolute;
    display: inline-block;
    left: -89px;
    background: #cfd5df;
    padding: 10px;
    border-radius: 12px;
	font-size: 14px;
    line-height: 16px;
}

a.link-blue{
	    color: #0051ff;
}

.search-form{
	width: 50%;
}
.search-form .input__row{    
	display: flex;
}
.input_LOGIN{
	display:none;
}
/* Скрываем баннер после согласия */
.cookie-banner--hidden {
  display: none !important;
}
.errortext{
	color: #a51c09;
	
}
.section-error{padding:20px}
.section-error__container{width:100%;max-width:1920px;margin-left:auto;margin-right:auto}
.section-error__row{display:flex;align-items:flex-start;justify-content:space-between}
.section-error__col--1{padding-top:170px;margin-left:170px;flex:0 0 450px;max-width:450px}
.section-error__col--2{flex:0 0 41.666667%}
.section-error__title{font-size:64px;font-style:normal;font-weight:800;line-height:60px;letter-spacing:-0.64px;margin-bottom:48px;color:var(--color--text--primary);transition:color .3s ease-in-out}
.section-error__pre-title{font-size:16px;font-style:normal;font-weight:700;line-height:20px;color:var(--color--text--secondary);margin-bottom:16px}
.section-error__text p{font-size:16px;font-style:normal;font-weight:500;line-height:20px;margin-bottom:20px}
.section-error__text p:last-of-type{margin-bottom:0}
.section-error__text p a{color:#59bfd4;transition:color .3s ease-in-out}
.section-error__text p a:hover{color:#8ad2e1}
.section-error__footer{padding-top:72px}
.section-error__bg{min-height:824px;border-radius:22px;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;overflow:hidden;background-color:var(--color--bg--card)}
.section-error__button{padding-left:32px;padding-right:32px}



/* Начало общее отображение */
.d-flex {
    display: flex;
}

.d-none {
    display: none !important;
}

.ml-a {
    margin-left: auto;
}
/* !--Конец общее элементы */

/* Начало классы ширины */
.w-100 {
    width: 100%;
    max-width: 100%;
}

.text--weight--400 {
    font-weight: 400 !important;
}

.text--weight--700 {
    font-weight: 700 !important;
}

.text--no-wrap {
    white-space: nowrap;
}

.burger {
    position: relative;
}
.burger.is-active .burger__line {
    height: 2px;
    width: 16px;
}

.burger.is-active .burger__line--1 {
    transform: translate(-50%, -50%) rotate(45deg);
    margin-left: 2px;
}
.burger.is-active .burger__line--2 {
    opacity: 0;
}
.burger.is-active .burger__line--3 {
    transform: translate(-50%, -50%) rotate(-45deg);
    margin-left: 2px;
}



/* !--Конец классы ширины */
@media only screen and (min-width: 1922px) {
    .slider-block .slider-block__list>.slider__slide {
        width: 300px !important;
    }


}



@media only screen and (max-width: 1860px) {
    .menu__nav {
        padding-left: 20px;
        padding-right: 20px;
    }
	.menu__nav-item {
        margin-right: 20px;
    }
	.header__company-button {
        width: 280px;
    }
	.slider-block .slider-block__list>.slider__slide {
        width: 300px !important;
    }



}

@media only screen and (max-width: 1800px) {
    .header__contacts-button {
        display: inline-flex;
        width: 280px;
    }
	
	.header__contacts-links--dropdown{
		display:none;
	}
	/* .header__contacts--dropdown {
        padding: 16px;
        position: absolute;
        top: 100%;
        margin-top: 4px;
        left: 0;
        right: 0;
        z-index: 2;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s ease-in-out;
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        gap: 16px;
    }
	
	.header__contacts-links--dropdown {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding-top: 16px;
        border-top: 1px solid var(--color--stroke--main);
    }
	
	.header__contacts-links--dropdown .link {
        color: var(--color--text--secondary);
        gap: 8px;
    } */
	
	.header__catalog-trigger {
        padding-left: 20px;
        padding-right: 20px;
    }
	
	.search-block__input .input__native {
        padding-left: 20px;
    }
	
	.search-block__input .input__placeholder {
        left: 20px;
    }
	
	.search-block__icon {
        margin-right: 20px;
    }

    main.main {
        padding-top: 126px;
    }
	.product-sliders {
        width: 800px;
    }
	.product-sliders__thumbs {
        width: 113px;
        height: 640px;
    }
	.slider-thumbs .slider__item {
        height: 113px;
    }
	.slider-product {
        width: 640px;
    }
	.slider-product .slider__item-jumbotron {
        height: 640px;
    }


}


@media only screen and (max-width: 1679px) {
    .container {
        padding-left: 28px;
        padding-right: 28px;
    }
	
	.header__inner {
        padding-left: 174px;
    }
	
	.menu__nav {
        padding-left: 16px;
        padding-right: 16px;
        height: 44px;
    }
	
	.button-company {
        height: 44px;
    }
	
	.user-block__button {
        height: 44px;
        width: auto;
    }
	
	.header__logo {
        width: 164px;
        height: 98px;
    }
	
	.header__logo-img {
        width: 118px;
    }

	.header__catalog-trigger {
        height: 44px;
        padding-left: 16px;
        padding-right: 16px;
    }
	
	.header__catalog-trigger .button__icon {
        width: 12px;
        height: 12px;
    }
	
	.search-block__input .input__native {
        height: 44px;
        padding-left: 16px;
    }
	
	.search-block__input .input__placeholder {
        left: 16px;
    }
	
	.search-block__icon {
        margin-right: 16px;
    }
	
	.search-block__button {
        height: 44px;
    }

    .amount-block {
        height: 44px;
    }
	
	.header__amount {
        min-width: 200px;
    }
	
	.cart-button__link {
        height: 36px;
        border-radius: 10px;
    }

    main.main {
        padding-top: 110px;
    }
	.container {
        padding-left: 28px;
        padding-right: 28px;
    }
	.section-cards__col {
        flex: 0 0 20%;
        max-width: 20%;
    }
	.footer__col {
        flex: 0 0 19%;
    }
    .breadcrumbs__link {
        font-size: 13px;
        line-height: 16px;
    }
	.section-catalog__buttons {
        margin-right: 30px;
    }
	.section-catalog__cards-col {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
	.breadcrumbs__item:before {
        font-size: 13px;
        top: 3px;
        left: -10px;
    }
	.product-sliders {
        width: 650px;
    }
    .product-sliders__thumbs {
        width: 82px;
        height: 520px;
    }
	.slider-thumbs .slider__item {
        height: 82px;
    }
	.slider-product {
        width: 520px;
    }
	.slider-product .slider__item-jumbotron {
        height: 520px;
    }
	.section-product__col--2 {
        padding-left: 38px;
    }
	.section-product__grid {
        padding-right: 38px;
    }
	.section-product__brand {
        font-size: 12px;
        line-height: 16px;
    }
	.hidden-text__body p {
        font-size: 12px;
        line-height: 16px;
    }
    .hidden-text__buttons {
        margin-top: 12px;
    }
	.hidden-text__button {
        font-size: 12px;
        line-height: 16px;
    }
	.chars__row {
        padding-top: 6px;
        padding-bottom: 6px;
    }
	.chars--product .chars__col--1 {
        flex: 0 0 100px;
    }
	.chars__col p {
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
    }
	.chars--product .chars__col--2 {
        max-width: calc(100% - 108px);
        width: calc(100% - 108px);
    }
	.product-aside {
        padding: 28px;
    }
	.product-aside__header {
        margin-bottom: 20px;
    }
    .product-aside__price {
        font-size: 26px;
        line-height: 28px;
    }
	.product-aside__price-count {
        font-size: 12px;
        line-height: 16px;
        margin-left: 8px;
    }
    .product-aside__header .tag {
        height: 24px;
        font-size: 13px;
    }
	.product-aside__button {
        height: 40px;
        font-size: 12px;
        line-height: 16px;
        padding-left: 10px;
        padding-right: 10px;
    }
	.product-aside__counter {
        height: 40px;
    }
	.product-aside__links {
        margin-top: 20px;
    }
	.product-aside__links-item {
        font-size: 14px;
        line-height: 24px;
    }
	.product-aside__links-row--count .product-aside__links-item {
        flex: 0 0 100%;
    }
	.product-aside__links-item {
        font-size: 12px;
        line-height: 16px;
    }
	.section-error__title{font-size:56px;margin-bottom:40px}
	.section-error__footer{padding-top:64px}



}

@media only screen and (max-width: 1439px) {
    .menu__nav-link {
        font-size: 13px;
    }


}

@media only screen and (max-width: 1365px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
	
	.header__inner {
        padding-left: 160px;
    }
	
	.header__top-row {
        gap: 8px;
    }
	
	.menu__nav {
        padding-left: 12px;
        padding-right: 12px;
        height: 40px;
    }
	    .menu__nav-item {
        margin-right: 16px;
    }
	.menu__nav-link {
        font-size: 12px;
    }
	.button-company {
        height: 40px;
        padding-left: 12px;
        padding-right: 12px;
    }
	.button-company__info {
        gap: unset;
    }
	.button-company__title {
        font-size: 12px;
        line-height: 16px;
    }
	.button-company__right .button__icon {
        width: 12px;
        height: 12px;
    }
	.header__contacts--dropdown {
        gap: 12px;
    }
	.header__contacts-links--dropdown {
        padding-top: 12px;
        gap: 12px;
    }
	.header__contacts-links--dropdown .link {
        font-size: 12px;
        line-height: 16px;
    }
	.header__contacts-links--dropdown .link__icon {
        width: 16px;
        height: 16px;
    }
	.user-block__button {
        width: auto;
        height: 40px;
    }
	.user-block__button .button__icon {
        width: 16px;
        height: 16px;
    }
	
	.user-block__dropdown {
        padding: 12px;
    }
	.user-block__dropdown-item {
        margin-bottom: 6px;
    }
	.user-block__dropdown-link {
        font-size: 14px;
        line-height: 18px;
    }
	.user-block__dropdown-link .link__icon {
        width: 16px;
        height: 16px;
    }
	.user-block__dropdown-link {
        font-size: 14px;
        line-height: 18px;
    }
	.user-block__dropdown-footer {
        margin-top: 10px;
        padding-top: 10px;
    }
	.user-block__dropdown-item {
        margin-bottom: 6px;
    }
	.user-block__dropdown-item--footer {
        padding-top: 0;
        padding-bottom: 0;
    }
	.header__bottom {
        gap: 8px;
        margin-top: 8px;
    }
	.header__logo {
        width: 152px;
        height: 88px;
    }
	.header__logo-img {
        width: 112px;
    }
	.header__catalog-trigger {
        height: 40px;
        padding-left: 12px;
        padding-right: 12px;
        font-size: 12px;
    }
	.header__catalog-trigger {
        height: 40px;
        padding-left: 12px;
        padding-right: 12px;
        font-size: 12px;
    }
	.cart-button__link {
        height: 32px;
        font-size: 12px;
        padding-left: 12px;
        padding-right: 12px;
        min-width: 124px;
    }
	.cart-button__link {
        height: 32px;
        font-size: 12px;
        padding-left: 12px;
        padding-right: 12px;
        min-width: 124px;
    }
	.cart-button__link {
        height: 32px;
        font-size: 12px;
        padding-left: 12px;
        padding-right: 12px;
        min-width: 124px;
    }
	.cart-button__toggler {
        height: 40px;
        width: 51px;
    }
	.container {
        padding-left: 20px;
        padding-right: 20px;
    }
	.main-banner__img {
        right: auto;
        left: 100%;
        top: auto;
        bottom: 0;
        transform: translateX(-80%);
    }
	.section-cards__col {
        flex: 0 0 25%;
        max-width: 25%;
    }
	.d-lg-none {
        display: none !important;
    }
	.news-card {
        flex: 0 0 48.5%;
    }
	.banner__inner {
        padding: 32px;
    }
	.banner__info {
        max-width: 420px;
    }
	.banner__title {
        font-size: 28px;
        line-height: 32px;
    }
	.banner__text p {
        font-weight: 400;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
	.banner__img {
        right: 40px;
        width: 220px;
    }
	.product-sliders {
        width: 616px;
        padding: 12px;
    }
	.product-sliders__thumbs {
        width: 74px;
        height: 506px;
        margin-right: 12px;
    }
	.slider-thumbs .slider__item {
        height: 74px;
    }
	.slider-product {
        width: 506px;
    }
	.slider-product .slider__item-jumbotron {
        height: 506px;
    }
	.section-product__col--2 {
        padding-left: 28px;
    }
	.section-product__grid {
        padding-right: 28px;
    }
	.section-product__title {
        font-size: 16px;
        line-height: 20px;
    }
	.chars__title {
        font-size: 12px;
        line-height: 16px;
    }
	.file-download__icon-wrap {
        width: 32px;
        height: 32px;
    }
	.product-aside {
        padding: 20px;
    }
	.product-aside__header {
        margin-bottom: 16px;
    }
	.product-aside__price {
        font-size: 20px;
        line-height: 24px;
    }
	.product-aside__links {
        margin-top: 16px;
    }
	.news-card {
        flex: 0 0 48.5%;
    }
	.section-error__col--1{margin-left:70px}
	.section-error__col--2{flex:0 0 50%}
	
	
	
	
}

@media only screen and (max-width: 1279px) {
    .container {
        padding-left: 18px;
        padding-right: 18px;
    }
	.header__contacts--dropdown {
        left: auto;
        width: 260px;
    }
	.container {
        padding-left: 18px;
        padding-right: 18px;
    }
	.main-banner__img {
        transform: translateX(-52%);
    }
	.section-cards__col {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
	.catalog-card__tags {
        display: none;
    }
	.footer__container {
        padding-left: 28px;
    }
	.footer__col {
        flex: 0 0 22%;
    }
    .footer__col--1 {
        flex: 0 0 100%;
        margin-bottom: 60px;
        padding-left: 0;
    }
    .breadcrumbs__item {
        margin-right: 14px;
    }
	.breadcrumbs__link {
        font-size: 12px;
    }
    .section-catalog__cards-col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .breadcrumbs__item:before {
        font-size: 12px;
        top: 5px;
    }
	.product-sliders {
        width: 407px;
        padding: 8px;
    }
    .product-sliders__thumbs {
        width: 40px;
        height: 343px;
        margin-right: 8px;
    }
	.slider-thumbs .slider__item {
        height: 40px;
    }
	.slider-thumbs .slider__img {
        border-radius: 5px;
    }
	.slider-product {
        width: 343px;
    }
	.slider-product .slider__item-jumbotron {
        height: 343px;
    }
	 .section-product__col--2 {
        padding-left: 24px;
    }
	.section-product__grid {
        padding-right: 24px;
        width: 57%;
    }
	.section-product__brand-wrap {
        margin-bottom: 4px;
    }
	.section-product__brand {
        font-size: 11px;
        line-height: 15px;
    }
	.section-product__title-wrap{
        margin-bottom: 16px;
    }
	.hidden-text__body p {
        font-size: 11px;
        line-height: 15px;
    }
    .hidden-text__buttons {
        margin-top: 4px;
    }
	.hidden-text__button {
        font-size: 11px;
        line-height: 15px;
    }
	.section-product__grid-col--2 {
        margin-top: 12px;
    }
	.chars__title {
        font-size: 11px;
        margin-bottom: 4px;
    }
	.chars__row {
        padding-top: 2px;
        padding-bottom: 2px;
    }
	.chars__col p {
        font-size: 11px;
        line-height: 15px;
    }
	.section-product__aside {
        flex: 1 0 0;
    }
	.product-aside__header .tag {
        height: 20px;
        font-size: 11px;
        line-height: 14px;
        border-radius: 6px;
        padding-left: 4px;
        padding-right: 4px;
    }
	.product-aside__button {
        font-size: 11px;
        line-height: 15px;
        padding: 0;
    }
	.product-aside__button {
        font-size: 11px;
        line-height: 15px;
        padding: 0;
    }
	.slider-thumbs .slider__item:before {
        border-radius: 5px;
    }
	.modal--md .modal-dialog {
        max-width: calc(100% - 180px);
    }
	.search-form{
		min-width: 500px;
	}
	.section-error__col--1{flex:0 0 400px;max-width:400px}
	


}

@media only screen and (max-width: 1023px) {
    .header {
        padding-top: 8px;
        padding-bottom: 8px;
    }
	
	.container {
        padding-left: 20px;
        padding-right: 20px;
    }
	
	.header__inner {
        padding-left: 0;
    }
	
	.mobile-menu {
        position: fixed;
        top: 66px;
        left: 0;
        width: 100%;
        z-index: 150;
        opacity: 0;
        transition: opacity .3s ease-in-out;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        background-color: var(--color--bg--main);
        height: calc(100vh - 68px);
        overflow: auto;
        pointer-events: none;
    }
	
	.mobile-menu * {
        pointer-events: none !important;
    }
	
	.header__top-row {
        flex-direction: column;
        min-height: calc(100vh - 74px);
    }
	
	.menu {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        order: 10;
        width: 100%;
        background-color: var(--color--bg--gray);
        transition: background-color .3s ease-in-out;
        border-radius: 20px;
        padding: 20px;
    }
	
	.menu__header {
        display: block;
        order: -2;
    }
	
	.menu__nav {
        height: auto;
        margin-top: 28px;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 32px;
    }
	.menu__nav-list {
        display: block;
    }
	.menu__nav-item {
        margin-bottom: 32px;
        width: 100%;
        margin-right: 0;
    }
	.menu__nav-link {
        font-size: 16px;
        line-height: 20px;
    }
	.menu__dropdown {
        position: static;
        margin-top: 0;
        opacity: 0;
        pointer-events: auto;
        width: 100%;
        box-shadow: none;
        order: -1;
        border-radius: 20px;
        display: grid;
        grid-template-rows: 0fr;
        overflow: hidden;
        transition: grid-template-rows .3s ease-in-out, opacity .3s ease-in-out, margin-top .3s ease-in-out;
    }
	.menu__dropdown-inner {
        width: 100%;
        border-radius: 20px;
        min-height: 0;
        padding: 0;
    }
	.menu__item {
        margin-right: 0;
        padding-right: 0;
    }
	
	.menu__link {
        height: 40px;
        gap: 10px;
        flex: 1 0 0;
        padding-left: 8px;
        padding-right: 8px;
    }
	.menu__link-icon {
        width: 20px;
        height: 20px;
    }
	.d-md-block {
        display: block !important;
    }
	.header__contacts {
        width: 100%;
    }
	.button-company {
        height: 78px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 20px;
    }
	.button-company__title {
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
    }
	.button-company__description {
        margin-top: 2px;
    }
	.button-company .button__icon {
        width: 20px;
        height: 20px;
    }
	
	.button-company__right .button__icon {
        width: 20px;
        height: 20px;
    }
	.header__contacts--dropdown {
        width: 100%;
        position: static;
        opacity: 1;
        pointer-events: auto;
        margin-top: 0;
        padding: 30px 20px;
        gap: 16px;
        border-radius: 20px;
    }
	.header__contacts-links--dropdown {
        border-top: none;
        padding-top: 0;
        gap: 16px;
		display:block;
    }
	.header__contacts-links--dropdown .link {
        font-size: 14px;
        line-height: 18px;
    }
	.header__user-block {
        width: 100%;
    }
	.user-block__button {
        display: none;
    }
	.user-block__dropdown {
        position: static;
        width: 100%;
        margin-top: 0;
        opacity: 1;
        pointer-events: auto;
        padding: 20px;
        border-radius: 20px;
        box-shadow: unset;
    }
	.user-block__dropdown-item {
        margin-bottom: 14px;
    }
	.user-block__dropdown-link {
        font-size: 16px;
        line-height: 20px;
    }
	.user-block__dropdown-link .link__icon {
        width: 20px;
        height: 20px;
    }
	.user-block__dropdown-link {
        font-size: 16px;
        line-height: 20px;
    }
	.user-block__dropdown-footer {
        padding-top: 20px;
    }
	.user-block__dropdown-item {
        margin-bottom: 14px;
    }
	.user-block__dropdown-item--footer {
        padding-bottom: 8px;
    }
    .header__bottom {
        flex-wrap: wrap;
        margin-top: 0;
    }
	.header__logo {
        position: relative;
        width: 95px;
        height: 48px;
    }
	.mobile-menu.is-open~.header__bottom .header__logo {
        background-color: rgba(0, 0, 0, 0);
    }
	.header__logo-img {
        width: 71px;
    }
	.header__catalog-trigger {
        display: none;
    }
	.button--lg {
        height: 42px;
        padding-left: 20px;
        padding-right: 20px;
    }
	.header__search {
        flex: 0 0 100%;
        order: 10;
    }
	.mobile-menu.is-open~.header__bottom .header__search, .mobile-menu.is-open~.header__bottom .header__cart-button {
        opacity: 0;
        pointer-events: none;
    }
	.header__cart-button {
        flex: 1 0 0;
        max-width: calc(100% - 166px);
    }
	.cart-button__links {
        flex: 1 0 0;
    }
    .cart-button__link {
        height: 40px;
        min-width: unset;
        width: 100%;
        font-size: 14px;
    }
	.cart-button__link {
        height: 40px;
        min-width: unset;
        width: 100%;
        font-size: 14px;
    }
	.cart-button__link {
        height: 40px;
        min-width: unset;
        width: 100%;
        font-size: 14px;
    }
	.cart-button__toggler {
        height: 48px;
    }
	.d-md-flex {
        display: flex !important;
    }
	.mobile-menu.is-open {
        pointer-events: auto;
        opacity: 1;
    }
	
	.menu__item-unit {
        margin-bottom: 14px;
    }
	.menu__item-unit--hidden {
        display: block;
    }
	.mobile-menu.is-open * {
        pointer-events: auto !important;
    }
	.menu__item-link {
        font-weight: 500;
    }
	.menu__dropdown.is-active {
        grid-template-rows: 1fr;
        margin-top: 12px;
    }
	.menu__link-toggler {
        display: flex;
        margin-left: auto;
        flex-shrink: 0;
    }
	.menu__item.is-active .menu__item-dropdown {
        grid-template-rows: 1fr;
        opacity: 1;
    }
	.menu__item-dropdown {
        width: 100%;
        position: static;
        display: grid;
        grid-template-rows: 0fr;
        overflow: hidden;
        transition: grid-template-rows .3s ease-in-out, opacity .3s ease-in-out;
        opacity: 0;
    }
	.menu__item-dropdown-inner {
        min-height: 0;
        height: auto;
    }
	
	.menu__item.is-active .menu__link-toggler {
        transform: rotate(180deg);
    }
	
	.menu__item-title {
        display: none;
    }
	
	.menu__item-dropdown-jumbotron {
        padding: 6px 38px 10px;
    }
	
	.menu__item.is-active .menu__link {
        background-color: var(--color--bg--main);
        color: var(--color--main--button--accent);;
        border-radius: 8px;
    }
	
	/*Это тз блока где ширина до 1800*/
	.header__contacts--dropdown {
        padding: 16px;
        /* position: absolute;
        left: 0;
        right: 0;
        opacity: 0; */
        top: 100%;
        margin-top: 4px;
        z-index: 2;
        pointer-events: none;
        transition: opacity .3s ease-in-out;
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        gap: 16px;
    }
	
	.header__contacts-links--dropdown {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding-top: 16px;
        border-top: 1px solid var(--color--stroke--main);
    }
	
	.header__contacts-links--dropdown .link {
        color: var(--color--text--secondary);
        gap: 8px;
    } 
	/* ! --Это тз блока где ширина до 1800*/
	
	main.main {
        padding-top: 120px;
    }
	.container {
        padding-left: 20px;
        padding-right: 20px;
    }
	.main-banner__inner {
        padding: 20px;
    }
	.main-banner__info {
        display: block;
    }
	.main-banner__title {
        font-size: 20px;
        line-height: 24px;
    }
	.main-banner__text p {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }
	.main-banner__bottom {
        margin-top: 40px;
    }
	.button--lg {
        height: 42px;
        padding-left: 20px;
        padding-right: 20px;
    }
	.main-banner__img {
        width: 562px;
    }
	.slider-banner .slider__pagination {
        transform: none;
        left: 20px;
        bottom: 20px;
    }
	.section--xl {
        margin-bottom: 40px;
    }
	.section-cards__row {
        margin-left: -4px;
        margin-right: -4px;
        margin-bottom: -8px;
    }
	.section-cards__col {
        padding-left: 4px;
        padding-right: 4px;
        margin-bottom: 8px;
    }
	.catalog-card {
        min-height: 260px;
    }
	.slider-block__title {
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
    }
	.slider-block__link {
        font-weight: 400;
    }
	.d-md-none {
        display: none !important;
    }
	.slider-block .slider-block__list {
        flex-wrap: wrap !important;
        width: auto;
        min-width: 100%;
        margin-left: -5px;
        margin-right: -5px;
        margin-bottom: -10px;
    }
	.slider-block .slider-block__list>.slider__slide {
        width: 25% !important;
        margin-right: 0 !important;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }
	.product-card__body-inner {
        padding: 12px;
    }
	.product-card__brand {
        margin-bottom: 2px;
    }
	.product-card__title-wrap {
        margin-bottom: 16px;
    }
	.product-card__title {
        font-size: 13px;
        line-height: 16px;
        min-height: 32px;
    }
	.product-card__rows {
        display: none;
    }
	.product-card__price-block {
        width: 100%;
        flex: 0 0 auto;
        margin-bottom: 16px;
    }
	.product-card__price {
        font-size: 20px;
        line-height: 24px;
    }
	.product-card__buttons {
        width: 100%;
    }
	.product-card__button {
        width: 100%;
        font-size: 14px;
        line-height: 18px;
        height: 42px;
    }
	.counter-block {
        height: 42px;
        padding-left: 12px;
        padding-right: 12px;
    }
	.product-card__buttons-counter {
        width: 100%;
    }
	.news-card__row {
        flex-direction: column;
        align-items: flex-start;
    }
	.news-card__left {
        flex: 0 0 100%;
        order: 2;
    }
	.news-card__right {
        flex: 0 0 100%;
        width: 100%;
    }
	.footer__col {
        flex: 0 0 50%;
        margin-bottom: 48px;
    }
	.footer__col--1 {
        margin-bottom: 48px;
    }
	.footer__logo-img {
        width: 120px;
        height: auto;
    }
	.footer__col--5 {
        margin-bottom: 0;
    }
	.footer__bottom {
        margin-top: 40px;
    }
	.section-catalog__top {
        display: block;
        margin-bottom: 20px;
        padding-top: 10px;
    }
	.section-catalog__title {
        font-size: 20px;
        line-height: 24px;
    }
	.section-catalog__top-right {
        flex: 0 0 100%;
        margin-top: 20px;
    }
	.section-catalog__top-button {
        height: 48px;
        justify-content: space-between;
    }
	.dropdown-files {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 20;
        opacity: 0;
        pointer-events: none;
        background-color: var(--color--bg--main);
        transition: opacity .3s ease-in-out;
    }
	.dropdown-files__trigger {
        background-color: rgba(0, 0, 0, 0) !important;
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        padding: 15px 8px;
        height: auto;
    }
	.dropdown-files__title {
        font-weight: 600;
    }
	.section-catalog__grid {
        display: block;
    }
	.section-catalog__col--1 {
        width: 100%;
    }
	.section-catalog__sidebar {
        position: absolute;
    }
	.section-catalog__sidebar .inner-wrapper-sticky {
        position: static !important;
        height: auto !important;
        width: 100% !important;
        transform: none !important;
    }
	.dropdown-category {
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100vw;
        height: calc(100vh - 64px);
        overflow: auto;
        opacity: 0;
        pointer-events: none;
        background-color: var(--color--bg--main);
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 8px;
        transition: background-color .3s ease-in-out;
    }
	.section-catalog__col--1 .catalog-filter, .section-catalog__col--1 .dropdown-category {
        transition: opacity .3s ease-in-out;
    }
	.dropdown-category__jumbotron {
        height: 100%;
        overflow: auto;
    }
	.dropdown-category__title {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
    }
	.dropdown-category {
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100vw;
        height: calc(100vh - 64px);
        overflow: auto;
        opacity: 0;
        pointer-events: none;
        background-color: var(--color--bg--main);
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 8px;
        transition: background-color .3s ease-in-out;
    }
	.dropdown-category__link {
        height: 40px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 700;
        padding-left: 8px;
        padding-right: 8px;
    }
	.dropdown-category__link-icon {
        display: block;
        margin-right: 8px;
    }
	.catalog-filter {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw !important;
        height: 100vh !important;
        overflow: auto;
        z-index: 30;
        background-color: var(--color--bg--main);
        opacity: 0;
        pointer-events: none;
        padding-bottom: 8px;
    }
	.section-catalog__col--1 .catalog-filter, .section-catalog__col--1 .dropdown-category {
        transition: opacity .3s ease-in-out;
    }
	.catalog-filter {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw !important;
        height: 100vh !important;
        overflow: auto;
        z-index: 30;
        background-color: var(--color--bg--main);
        opacity: 0;
        pointer-events: none;
        padding-bottom: 8px;
    }
	.catalog-filter__header {
        align-items: center;
        gap: 20px;
        justify-content: space-between;
        padding: 14px 8px 22px;
    }
	.catalog-filter__jumbotron {
        margin-left: 8px;
        margin-right: 8px;
    }
	.catalog-filter__block {
        margin-bottom: 32px;
        padding-bottom: 32px;
        border-bottom: 1px solid var(--color--stroke--main);
    }
	.catalog-filter__buttons {
        margin-top: 32px;
    }
	.section-catalog__col--2 {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }
	.banner__inner {
        padding: 20px;
        min-height: 340px;
    }
	.banner__text {
        margin-top: 12px;
    }
	.banner__img {
        right: 10px;
        bottom: -8px;
        transform: none;
        top: unset;
    }
	.section-catalog__sort-wrap {
        height: 108px;
    }
	.section-catalog__sort {
        position: relative;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 0;
        transform: translateY(0);
        top: 0;
        transition: all .3s ease-in-out;
    }
	.section-catalog__sort-nav {
        display: block;
        width: auto;
        min-width: 100%;
        overflow: hidden;
        margin-left: -8px;
        margin-right: -8px;
    }
	.section-catalog__sort-nav-list {
        display: flex;
        width: auto;
        gap: 8px;
        overflow: auto;
        min-width: 100%;
    }
	.section-catalog__buttons {
        width: 100%;
        display: flex;
        gap: 8px;
        margin-right: 0;
    }
	.section-catalog__button {
        font-weight: 700;
        flex: 1 0 0;
        margin-right: 0;
    }
	.button__counter {
        width: 14px;
        height: 14px;
        right: 2px;
        top: 2px;
    }
	.section-catalog__cards {
        display: flex !important;
    }
	.section-catalog__cards-col {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
	.section-catalog__rows {
        display: none !important;
    }
	.section-catalog__rows-inner {
        position: relative;
        overflow: visible;
    }
	.catalog-row--basic {
        flex-wrap: wrap;
    }

	.modal-dialog {
        padding-top: 0;
        padding-bottom: 0;
    }
	.modal--mobile .modal-dialog {
        height: 100vh;
    }
	.modal--mobile .modal__jumbotron-item {
        max-height: 405px;
        overflow: auto;
        border-bottom: .5px solid var(--color--stroke--secondary);
    }
	.modal--mobile .modal-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 8px 10px;
    }
	.pagination {
        background-color: var(--color--bg--card);
        padding: 20px;
        border-radius: 20px;
    }
	.pagination--basic {
        margin-top: 32px;
    }
	.pagination__top {
        width: 100%;
        text-align: center;
    }
	.pagination__more {
        background-color: var(--color--bg--gray--light);
        width: 100%;
        max-width: 334px;
        height: 42px;
    }
	.pagination__item {
        margin-right: 6.5px;
    }
	.pagination__item .button {
        width: 42px;
        height: 42px;
        font-size: 14px;
    }
	.pagination__item:not(.is-active) .button {
        background-color: var(--color--bg--gray--light);
    }
	.section-product {
        margin-bottom: 46px;
    }
	.section-product__row {
        display: block;
    }
	.section-product__col--1 {
        position: static;
    }
	.product-sliders {
        padding: 0;
        width: 100%;
        height: auto;
        background-color: rgba(0, 0, 0, 0);
    }
	.product-sliders__thumbs {
        display: none;
        margin-right: 0;
    }
	.slider-thumbs .slider__item {
        height: 100px;
        width: 100px;
    }
	.slider-thumbs .slider__img {
        border-radius: 12px;
    }
	.product-sliders__main {
        width: 100%;
    }
	.slider-product {
        width: 100%;
    }
	.slider-product .slider__item-jumbotron {
        height: auto;
        position: relative;
    }
	.slider-product .slider__item-jumbotron:before {
        content: "";
        display: block;
        padding-top: 100%;
    }
	.slider-product .slider__img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        object-fit: contain;
        max-width: 95%;
        max-height: 95%;
    }
	.slider-pagination .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
    }
	.slider-product__link {
        display: inline-flex;
    }
	.section-product__col--2 {
        flex-direction: column;
        padding-left: 0;
        margin-top: 8px;
    }
	.section-product__grid {
        width: 100%;
        padding-right: 0;
        display: contents;
    }
	.section-product__grid-col--1 {
        order: -2;
        background-color: var(--color--bg--card);
        transition: background-color .3s ease-in-out;
        padding: 20px 20px 0;
        border-radius: 20px 20px 0 0;
    }
	.section-product__brand-wrap {
        margin-bottom: 12px;
    }
	.section-product__brand {
        font-size: 14px;
        line-height: 18px;
    }
	.section-product__title-wrap {
        margin-bottom: 32px;
    }
	.section-product__title {
        font-size: 20px;
        line-height: 24px;
    }
	.hidden-text__body p {
        font-size: 14px;
        line-height: 24px;
    }
	.hidden-text__buttons {
        margin-top: 12px;
    }
	.hidden-text__button {
        font-size: 14px;
        line-height: 18px;
    }
	.section-product__grid-col--2 {
        margin-top: 8px;
        background-color: var(--color--bg--card);
        border-radius: 20px;
        width: 100%;
        padding: 20px;
    }
	.chars__title {
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 18px;
    }
	.chars__row {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	.chars--product .chars__col {
        flex: 0 0 50%;
        max-width: 50%;
    }
	.chars__col p {
        font-size: 14px;
        line-height: 18px;
    }
	.chars--product .chars__col {
        flex: 0 0 50%;
        max-width: 50%;
    }
	.section-product__files {
        margin-top: 32px;
    }
	.file-download--transform {
        background-color: var(--color--bg--gray--light);
    }
	.section-product__aside {
        order: -1;
        margin-top: 0;
        position: static;
        width: 100%;
    }
	.product-aside {
        padding: 35px 20px 20px;
        border-radius: 0 0 20px 20px;
    }
	.product-aside__header {
        margin-bottom: 20px;
    }
	.product-aside__price {
        font-size: 26px;
        line-height: 28px;
    }
	.product-aside__price-count {
        margin-left: 12px;
        font-size: 14px;
        line-height: 18px;
    }
	.product-aside__header .tag {
        height: 22px;
        font-size: 13px;
        padding-left: 8px;
        padding-right: 8px;
    }
	.product-aside__button {
        height: 42px;
        font-size: 14px;
        line-height: 18px;
    }
	.product-aside__button {
        height: 42px;
        font-size: 14px;
        line-height: 18px;
    }
	.product-aside__button {
        height: 42px;
        font-size: 14px;
        line-height: 18px;
    }
	.product-aside__links {
        margin-top: 20px;
    }
	.product-aside__links-row {
        margin-bottom: 8px;
        gap: 8px;
    }
	.product-aside__links-item {
        font-size: 14px;
        line-height: 24px;
    }
	.product-aside__links-item .link__icon {
        width: 20px;
        height: 20px;
        transform: translateY(2px);
    }
	.product-aside__links-row {
        margin-bottom: 8px;
        gap: 8px;
    }
	.product-aside__links-item {
        font-size: 14px;
        line-height: 24px;
    }
	.product-aside__links-item .link__icon {
        width: 20px;
        height: 20px;
        transform: translateY(2px);
    }
	.modal-dialog {
        padding-top: 0;
        padding-bottom: 0;
    }
	.modal--md .modal-dialog {
        max-width: 100%;
    }
	.modal-form {
        padding: 8px;
    }
	.modal-form__body {
        display: flex;
        flex-direction: column;
        padding: 20px;
        min-height: calc(100dvh - 16px);
    }
	.modal-form__row {
        display: flex;
        flex-direction: column;
        position: relative;
        flex: 1 0 0;
    }
	.modal-form__col--1 {
        display: flex;
        flex-direction: column;
        padding: 0;
        flex: 1 0 0;
    }
	.modal-form__header {
        border-bottom: none;
        margin-bottom: 0;
        z-index: 3;
        width: 100%;
    }
	.modal-form__header--base {
        margin-bottom: 52px;
    }
	.modal-form__inner {
        display: flex;
        flex-direction: column;
        flex: 1 0 0;
    }
	.modal-form__col--2 {
        display: none;
    }
	.section--xl--modern {
        margin-bottom: 32px;
    }
	.section-news-detail {
        padding-top: 10px;
    }
	.news-card__detail-row {
        width: 100%;
        display: block;
    }
	.news-card__detail-left {
        flex: 0 0 100%;
        order: 2;
    }
	.news-card__detail-right {
        flex: 0 0 100%;
        width: 100%;
    }
	.section-news-detail__grid {
        padding-left: 0;
    }
	.pagination {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}
	.pagination--basic {
		margin-top: 140px;
	}
	.section-news .pagination {
        margin-top: 20px;
    }
	.pagination__top {
        width: 100%;
        text-align: center;
    }
	.pagination__more {
        background-color: var(--color--bg--gray--light);
        width: 100%;
        max-width: 334px;
        height: 42px;
    }
	.pagination__item {
        margin-right: 6.5px;
    }
	.pagination__item .button {
        width: 42px;
        height: 42px;
        font-size: 14px;
    }
	.section-error{padding:10px 16px 86px;background-color:rgba(0,0,0,0)}
	.section-error__col--1{flex:0 0 100%;max-width:100%;margin-left:0;padding-top:0}
	.section-error__title{font-size:48px;font-style:normal;font-weight:800;line-height:46px;letter-spacing:-0.48px;margin-bottom:24px}
	.section-error__pre-title{font-size:12px;line-height:16px;margin-bottom:8px}
	.section-error__text{width:100%;max-width:360px}
	.section-error__text p{font-size:14px;line-height:18px}
	.section-error__button{padding-left:20px;padding-right:20px}
	
	
	
}

@media only screen and (min-width: 1023px) {
    .section-catalog__col--1 .dropdown-category {
        margin-bottom: 10px;
    }
	
	/*.dropdown-category__item.is-active:not(.is-active~.is-active) .dropdown-category__dropdown {*/
	.dropdown-category__item.is-active .dropdown-category__dropdown {
        grid-template-rows: 1fr;
    }
}


@media only screen and (max-width: 767px) {
    .container {
        padding-left: 8px;
        padding-right: 8px;
    }
	.header__logo {
        width: 106px;
    }
	.container {
        padding-left: 8px;
        padding-right: 8px;
    }
	.catalog-card {
        min-height: 200px;
    }
	.catalog-card__title {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: .14px;
        font-weight: 700;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
	.slider-block .slider-block__list>.slider__slide {
        width: 50% !important;
    }
	.section-news__header {
        margin-bottom: 20px;
    }
	.section__title {
        font-size: 20px;
        line-height: 24px;
    }
	.news-card {
        flex: 0 0 100%;
    }
	.section-news__items .news-card {
        margin-bottom: 20px;
    }
	.news-card__info {
        padding: 20px;
    }
	.news-card__text {
        margin-bottom: 16px;
    }
	.news-card__text p {
        font-size: 14px;
        line-height: 18px;
    }
	.news-card__title {
        font-size: 20px;
        line-height: 24px;
    }
	.footer {
        padding-top: 20px;
        padding-bottom: 20px;
    }
	.footer__container {
        padding-right: 28px;
    }
	.footer__logo-img {
        width: 88px;
    }
	.footer__col-title {
        margin-bottom: 12px;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }
	.footer__item {
        margin-bottom: 9px;
    }
	.footer__item-link {
        font-size: 14px;
        line-height: 18px;
    }
	.footer__col--3 {
        flex: 0 0 50%;
        padding-left: 10px;
        margin-right: 0;
    }
	.footer__col--4 {
        margin-bottom: 0;
        flex: 0 0 100%;
        order: 10;
        margin-top: 10px;
    }
	.footer__col--4 .footer__col-title {
        display: none;
    }
	.footer__phone {
        font-size: 14px;
        line-height: 18px;
        margin-top: 0;
    }
	.footer__col--5 {
        flex: 0 0 100%;
    }
	.footer__col--5 .footer__col-title {
        display: none;
    }
	.modal-cookie {
        width: auto;
        left: 8px;
        right: 8px;
        bottom: 8px;
    }
	.modal-cookie__jumbotron {
        background-color: var(--color--bg--card);
    }
	.modal-cookie__text {
        margin-bottom: 40px;
    }
	.banner__info {
		width: 100%;
		max-width: 425px;
	}
	.banner__title {
        font-size: 20px;
        line-height: 24px;
    }
	.chars--product .chars__col--1 {
        flex: 0 0 120px !important;
    }
	.chars--product .chars__col--2 {
        flex: 0 0 128px !important;
        max-width: calc(100% - 128px) !important;
    }
	.modal-form__header--base {
        margin-bottom: 24px;
    }
	.modal-form__footer {
        position: sticky;
        bottom: 16px;
        z-index: 2;
        margin-top: auto;
        padding-top: 32px;
    }
	.modal-form__buttons {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 16px;
    }
	.news-card {
        flex: 0 0 100%;
    }
	.news-card__info {
        padding: 20px;
    }
	.news-card__text {
        margin-bottom: 16px;
    }
	.news-card__text p {
        font-size: 14px;
        line-height: 18px;
    }
	.section__title {
        font-size: 20px;
        line-height: 24px;
    }
	
	
	
	
	
	
	
	
	
	
	
	
}

@media only screen and (max-width: 1023px) and (max-width: 767px) {
    .mobile-menu {
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 8px;
    }

}

@media only screen and (max-width: 576px) {
    .catalog-card {
        min-height: 120px;
        padding: 12px;
    }
	.catalog-card__img-wrap {
        left: -28px;
    }
	
}

@media only screen and (max-width: 479px) {
    .footer__col--2 {
        flex: 0 0 100%;
    }
	.footer__col--3 {
        padding-left: 0;
        flex: 0 0 100%;
    }
	
}

/* Начало switcher */
.switcher {
    display: inline-flex;
    align-items: center;
    gap: 28px;
}

.switcher__label {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    width: 100%;
}

.switcher__native {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

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

.switcher__button {
    transform: translateY(1px);
}

.switcher__native:checked~.switcher__row .switcher__button-icon:nth-child(1) {
    display: block;
}
.switcher__button-icon:nth-child(1) {
    display: none;
}

.switcher__label {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    width: 100%;
}

.switcher__native:checked~.switcher__parent {
    background-color: #59bfd4;
}

.switcher__native:checked~.switcher__parent .switcher__toggler {
    left: 20px;
}
.switcher__toggler {
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
    transition: left .3s ease-in-out;
}

.switcher__parent {
    position: relative;
    display: block;
    width: 50px;
    height: 32px;
    cursor: pointer;
    border: 1px solid var(--color--stroke--main);
    border-radius: 22px;
    background-color: #17171c;
    transition: background-color .3s ease-in-out;
}

/* Конец switcher */
/*!*****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/swiper/swiper-bundle.css ***!
  \*****************************************************************************************/
/**
 * Swiper 14.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 26, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode {
  .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
}
.swiper-virtual.swiper-css-mode.swiper-horizontal {
  .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
}

.swiper-virtual.swiper-css-mode.swiper-vertical {
  .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
}



:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }

  ::slotted(svg),
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  ::slotted(.swiper-navigation-icon),
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  .swiper-scrollbar-disabled > &,
  &.swiper-scrollbar-disabled {
    display: none !important;
  }
  .swiper-horizontal > &,
  &.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-vertical > &,
  &.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}


/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  > img,
  > svg,
  > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}
/* Zoom container styles end */

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}


/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}




.swiper-thumbs {
  .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
  }
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}


.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    .swiper-slide {
      pointer-events: none;
    }
  }
  &.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
  .swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }

  .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;

    &:before {
      content: "";
      background: #000;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      filter: blur(50px);
    }
  }
}
.swiper-cube {
  .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
}
/* Cube slide shadows start */
.swiper-cube {
  .swiper-slide-shadow-cube.swiper-slide-shadow-top,
  .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Cube slide shadows end */

.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}
/* Flip slide shadows start */
.swiper-flip {
  .swiper-slide-shadow-flip.swiper-slide-shadow-top,
  .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Flip slide shadows end */

.swiper-coverflow {
}

.swiper-creative {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
}

.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards {
  .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}