/*
1. Reset CSS
2. Fonts
3. Main Setting
4. Basic elements
5. Header
6. Footer
7. Content
8. Popup
9. Media
    9.1 Mobiles
    9.2 Tablets
    9.3 Wide screens
*/

/**************************************/
/************ 1. Reset Css ************/
/**************************************/

html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
*,*::before,*::after{box-sizing:border-box}

/**********************************/
/************ 2. Fonts ************/
/**********************************/

@font-face {
    font-family: 'Futura PT';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/FuturaPT-Book.woff2') format('woff2');
}

@font-face {
    font-family: 'Futura PT';
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: url('../fonts/FuturaPT-BookObl.woff2') format('woff2');
}

@font-face {
    font-family: 'Futura PT';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/FuturaPT-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Futura PT';
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    src: url('../fonts/FuturaPT-MediumObl.woff2') format('woff2');
}

@font-face {
    font-family: 'Futura PT';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/FuturaPT-Demi.woff2') format('woff2');
}

@font-face {
    font-family: 'Futura PT';
    font-weight: 600;
    font-style: italic;
    font-display: swap;
    src: url('../fonts/FuturaPT-DemiObl.woff2') format('woff2');
}

@font-face {
    font-family: 'Futura PT';
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/FuturaPT-Heavy.woff2') format('woff2');
}

@font-face {
    font-family: 'Futura PT';
    font-weight: 900;
    font-style: italic;
    font-display: swap;
    src: url('../fonts/FuturaPT-HeavyObl.woff2') format('woff2');
}

@font-face {
    font-family: 'Alumni Sans';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/AlumniSans-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Alumni Sans';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/AlumniSans-Bold.woff2') format('woff2');
}

/*****************************************/
/************ 3. Main Setting ************/
/*****************************************/

:root {
    --font-main: 'Futura PT';
    --font-accent: 'Alumni Sans';
    --wrap-padding: 6.66667vw;
    --wrap-size: 1460px;
}

::placeholder {
    color: #9D9C9C;
}

body {
    font-family: var(--font-main);
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 1.16667;
    color: #202020;
    background: #fff;
}

.page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.wrap {
    padding: 0 var(--wrap-padding);
    margin: 0 auto;
    width: 100%;
    max-width: var(--wrap-size);
}

.c-scrollbar .simplebar-track.simplebar-vertical {
    width: 2px;
    background: #ECECEC;
}

.c-scrollbar .simplebar-scrollbar::before {
    background: #FFBF1C;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/*******************************************/
/************ 4. Basic elements ************/
/*******************************************/

a,
button {
    cursor: pointer;
    transition: .3s;
}

a:not([class]) {
    color: #202020;
    text-decoration: underline 0.26667vw;
    text-underline-offset: 0.26667vw;
}

a:not([class]):hover {
    text-decoration-color: transparent;
}

h1:not([class]),
h2:not([class]),
h3:not([class]),
h4:not([class]),
h5:not([class]),
h6:not([class]) {
    font-family: var(--font-accent);
    margin: 1em 0;
}

h1:not([class]) {
    font-size: 8.53333vw;
}

h2:not([class]) {
    font-size: 6.66667vw;
}

h3:not([class]) {
    font-size: 5.86667vw;
}

h4:not([class]) {
    font-size: 5.33333vw;
}

h5:not([class]) {
    font-size: 5.06667vw;
}

h6:not([class]) {
    font-size: 4.8vw;
}

/***********************************/
/************ 5. Header ************/
/***********************************/

.header {
    background: #202020;
    color: #fff;
}

.header__top {
    display: none;
}

.header__bottom {
    padding: 1.86667vw 0 0;
}

.header__bottom-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.header__logo {
    max-width: 53.33333vw;
}

.logo__img {
    max-width: 100%;
    display: block;
}

.header__middle {
    width: calc(100% + var(--wrap-padding) * 2);
    order: 2;
    background: #fff;
    margin: 1.33333vw calc(var(--wrap-padding) * -1) 0;
    padding: 2.13333vw var(--wrap-padding);
    display: flex;
    flex-direction: row-reverse;
    gap: 1.86667vw;
}

.catalog-menu {
    flex-shrink: 0;
}

.catalog-menu__btn {
    background: #FFBF1C;
    padding: 1.33333vw 5.33333vw;
    border-radius: 0.8vw;
    display: flex;
    align-items: center;
    gap: 1.86667vw;
    font-weight: 600;
    font-style: italic;
    text-transform: uppercase;
    border: none;
    line-height: 5.33333vw;
    color: #000;
    stroke: #000;
    text-decoration: none;
}

.catalog-menu__btn:hover {
    background: #FFDA1C;
}

.catalog-menu__icon {
    width: 2.4vw;
    height: 2.66667vw;
}


.header-search {
    flex-grow: 1;
    position: relative;
}

.header-search__dropdown {
    position: absolute;
    top: calc(100% + 1.06667vw);
    left: 0;
    z-index: 20;
    display: none;
    overflow-y: auto;
    padding: 4vw;
    background: #fff;
    border-radius: .8vw;
    box-shadow: 0 1.06667vw 4vw rgb(0 0 0 / .2);
    width: calc(100vw - var(--wrap-padding) * 2);
}

.header-search__dropdown--open {
    display: block;
}

.header-search__results {
    display: flex;
    flex-direction: column;
    gap: 2.66667vw;
}

.product-preview {
    display: flex;
    align-items: center;
    gap: 2.66667vw;
    text-decoration: none;
    color: #202020;
}

.product-preview__img {
    width: 13.33333vw;
    height: 13.33333vw;
    object-fit: contain;
    flex-shrink: 0;
}

.product-preview__info {
    display: flex;
    flex-direction: column;
    gap: 1.06667vw;
}

.product-preview__name {
    font-size: 3.73333vw;
    line-height: 1.2;
}

.product-preview__price {
    font-size: 3.73333vw;
    font-weight: 700;
    white-space: nowrap;
}

.header-search__empty {
    font-size: 3.73333vw;
    text-align: center;
    color: #202020;
}

.header-search__all {
    display: block;
    margin-top: 4vw;
    padding: 2.66667vw 4vw;
    font-size: 3.73333vw;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    color: #202020;
    background: #FFBF1C;
    border-radius: .8vw;
}

.header-search__all:hover {
    background: #FFDA1C;
}

.header-search__input {
    border-radius: 0.8vw;
    border: none;
    height: 8vw;
    width: 100%;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.75 14.75L11.3745 11.3745' stroke='%23282828' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.97222 13.1944C10.4087 13.1944 13.1944 10.4087 13.1944 6.97222C13.1944 3.53578 10.4087 0.75 6.97222 0.75C3.53578 0.75 0.75 3.53578 0.75 6.97222C0.75 10.4087 3.53578 13.1944 6.97222 13.1944Z' stroke='%23282828' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat left 2.4vw center / 4.26667vw 4.26667vw #F1F1F1;
    padding: 0 2.66667vw 0 8.8vw;
}

.header__side {
    display: flex;
    align-items: center;
    gap: 3.73333vw;
    margin-top: -0.53333vw;
}

.header-phone__link {
    width: 5.33333vw;
    height: 5.33333vw;
    display: block;
    fill: #FFBF1C;
}

.header-phone__link:hover {
    fill: #FFDA1C;
}

.header-phone__icon {
    width: 100%;
    height: 100%;
    display: block;
}

.header-phone__num {
    display: none;
}

.header-phone__btn {
    display: none;
}

.socials {
    display: flex;
    align-items: center;
    gap: 3.73333vw;
    list-style: none;
    padding: 0;
    margin: 0;
}

.socials__link {
    width: var(--social-icon-size, 11.2vw);
    height: var(--social-icon-size, 11.2vw);
    display: block;
}

.socials__icon {
    display: block;
    width: 100%;
    height: 100%;
}

.header__socials {
    display: none;
}

.header-cart {
    position: relative;
    width: 5.33333vw;
    height: 5.86667vw;
    fill: #FFBF1C;
    margin-top: -0.53333vw;
    font-size: 3.46667vw;
    font-weight: 600;
    background: none;
    padding: 0;
    border: none;
}

.header-cart:hover {
    fill: #FFDA1C;
}

.header-cart__icon {
    display: block;
    width: 100%;
    height: 100%;
}

.header-cart__count {
    width: 5.33333vw;
    height: 5.33333vw;
    border-radius: 13.33333vw;
    background: #FF1C1C;
    color: #fff;
    line-height: 5.33333vw;
    display: block;
    position: absolute;
    left: calc(100% - 1.33333vw);
    top: 0.53333vw;
    text-align: center;
    padding: 0 0.8vw;
}

.header-burger {
    width: 6.93333vw;
    height: 4.53333vw;
    stroke: #fff;
    background: none;
    border: none;
    padding: 0;
    margin: 0 -0.26667vw 0 3.46667vw;
}

.header-burger:hover {
    stroke: #FFBF1C;
}

.header-burger__icon {
    display: block;
    width: 100%;
    height: 100%;
}

.nav {
    display: none;
}

/***********************************/
/************ 6. Footer ************/
/***********************************/

.footer {
    color: #fff;
    padding: 6.93333vw 0 16vw;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 92 47' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M63.1669 0H92L64.2886 46.6968H35.4555L63.1669 0Z' fill='%23FFBF1C'/%3E%3Cpath d='M27.7114 0H56.5445L28.833 46.6968H0L27.7114 0Z' fill='%23FFBF1C'/%3E%3C/svg%3E") no-repeat right 8.53333vw bottom / 24.53333vw 12.53333vw #202020;
    margin-top: auto;
}

.footer__grid {
    display: flex;
    flex-direction: column;
    gap: 7.2vw;
}

.footer__navs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6.66667vw;
}

.footer-nav {
    display: flex;
    flex-direction: column;
    gap: 3.46667vw;
}

.footer-nav__title {
    font-size: 9.6vw;
    font-family: var(--font-accent);
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1;
}

.footer-nav__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 3.2vw;
}

.footer-nav__link {
    font-size: 3.73333vw;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    line-height: 1.28571;
}

.footer-nav__link:hover {
    color: #FFBF1C;
}

.footer__side {
    border-top: 0.26667vw solid #383838;
    padding-top: 7.46667vw;
    display: flex;
    flex-direction: column;
    gap: 7.46667vw;
}

.footer-contacts__title {
    display: none;
}

.footer-contacts__body {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 4.8vw 5.33333vw;
}

.footer-contacts__item {
    display: flex;
    align-items: center;
    gap: 2.13333vw;
    font-size: 3.73333vw;
    font-weight: 600;
    font-style: italic;
}

.footer-contacts__item--address {
    width: 100%;
    letter-spacing: -.01em;
}

.footer-contacts__item--address .footer-contacts__icon {
    width: 3.46667vw;
    height: 4.53333vw;
}

.footer-contacts__icon {
    width: 4.8vw;
    height: 4.8vw;
    display: block;
    fill: #FFBF1C;
}

.footer-contacts__item--phone {
    flex-direction: column;
    align-items: flex-end;
    gap: 0.26667vw;
}

.footer-contacts__link {
    display: flex;
    align-items: center;
    gap: 1.6vw;
    color: #fff;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    letter-spacing: 0;
    text-decoration: none;
}

.footer-contacts__link:hover {
    color: #FFBF1C;
}

.footer-contacts__btn {
    color: #FFBF1C;
    background: none;
    padding: 0;
    border: none;
    font-size: 3.2vw;
    font-weight: 600;
    margin-right: 3.46667vw;
}

.footer-contacts__btn:hover {
    color: #FFDA1C;
}

.footer__bottom {
    display: flex;
    flex-direction: column;
    gap: 6.93333vw;
}

.footer__legal {
    display: flex;
    flex-wrap: wrap;
    gap: 1.33333vw 5.6vw;
    color: #5F5F5F;
    font-weight: 600;
    font-style: italic;
    line-height: 1.25;
}

.footer__legal-list {
    display: contents;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer__legal-link {
    color: inherit;
    font-weight: inherit;
    font-style: inherit;
    text-decoration: none;
}

.footer__legal-link:hover {
    color: #fff;
}

/************************************/
/************ 7. Content ************/
/************************************/

.hidden {
    display: none !important;
}

.color-accent {
    color: #FFBF1C;
}

.grid-2 {
    display: grid;
    gap: 3.73333vw;
}

.main {
    display: flex;
    flex-direction: column;
    gap: 8.0vw;
    padding-bottom: 8.0vw;
}

.catalog {
    padding-top: 2.13333vw;
}

.breadcrumbs {
    list-style: none;
    padding: 0;
    margin: 0 0 2.13333vw;
    display: flex;
    gap: 1.33333vw;
}

.breadcrumbs__item {
    display: flex;
    gap: 1.33333vw;
    color: #5F5F5F;
    font-size: 3.73333vw;
    font-style: italic;
    line-height: 1.28571;
}

.breadcrumbs__item:not(:last-child)::after {
    content: '/';
}

.breadcrumbs__link {
    color: inherit;
    text-decoration: none;
}

.breadcrumbs__link:hover {
    color: #FFBF1C;
}

.breadcrumbs__text {
    color: #202020;
}

.section-title {
    font-size: 8vw;
    font-weight: 700;
    font-style: italic;
    font-family: var(--font-accent);
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0 0 5.33333vw;
    text-align: center;
}

.catalog__title {
    margin-bottom: 4.26667vw;
}

.slider {
    --nav-btn-size: 4.8vw;
    margin: -13.33333vw calc(var(--wrap-padding) * -1);
    padding: 13.33333vw var(--wrap-padding);
}

.slider-nav__btn {
    position: absolute;
    top: calc(50% - var(--nav-btn-size) / 2);
    left: calc(var(--wrap-padding) - var(--nav-btn-size) / 2);
    width: var(--nav-btn-size);
    height: var(--nav-btn-size);
    border-radius: 50%;
    background: #202020;
    fill: #fff;
    border: none;
    padding: 1.06667vw;
    z-index: 2;
}

.slider-nav__btn:hover {
    background: #FFBF1C;
}

.slider-nav__btn.swiper-button-disabled {
    cursor: default;
    pointer-events: none;
    opacity: .3;
}

.slider-nav__btn--next {
    left: auto;
    right: calc(var(--wrap-padding) - var(--nav-btn-size) / 2);
}

.slider-nav__icon {
    display: block;
    width: 100%;
    height: 100%;
}

.hero {
    margin: 0 calc(var(--wrap-padding) * -1);
}

.hero__link {
    display: block;
}

.hero__img {
    display: block;
    width: 100%;
}

.hero__slider {
    margin: 0;
    padding: 0;
}

.hero__nav {
    margin: 2.93333vw auto 0;
    width: 24.26667vw;
    height: var(--nav-btn-size);
    position: relative;
}

.product-card {
    padding: 2.13333vw 2.66667vw 3.73333vw;
    background: #fff;
    box-shadow: 0 0 12.26667vw -4.8vw rgb(0 0 0 / .25);
    display: flex;
    flex-direction: column;
    gap: 2.66667vw;
}

.product-card__img-link {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    flex-shrink: 0;
}

.product-card__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-card__body {
    border-top: 0.26667vw solid #FFBF1C;
    margin: 0 0.53333vw;
    padding-top: 1.06667vw;
    display: flex;
    flex-direction: column;
    gap: 2.66667vw;
    flex-grow: 1;
}

.product-card__title {
    font-size: 3.73333vw;
    font-weight: 900;
    font-style: italic;
    line-height: 1.14286;
    color: #202020;
    text-decoration: none;
    display: block;
}

.product-card__title:hover {
    color: #FFBF1C;
}

.product-card__actions {
    display: none;
}

.product-card__content {
    display: inherit;
    flex-direction: inherit;
    gap: inherit;
    flex-grow: inherit;
}

.product-card__specs {
    display: none;
}

.product-card__price-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    gap: 1.06667vw;
}

.product-card__price {
    font-size: 3.73333vw;
    font-weight: 900;
    flex-shrink: 0;
    font-style: italic;
}

.product-card__credit {
    border-radius: 0.8vw;
    background: rgb(255 191 28 / .4);
    font-size: 2.13333vw;
    line-height: 1.25;
    padding: 0.26667vw 0.8vw 0.8vw 1.33333vw;
}

.product-card__credit-value {
    font-weight: 900;
    font-style: italic;
}

.product-card__btn {
    margin-top: auto;
    border-radius: 0.8vw;
    border: none;
    background: #202020;
    color: #fff;
    text-transform: uppercase;
    font-size: 2.93333vw;
    font-weight: 600;
    font-style: italic;
    height: 8.53333vw;
}

.product-card__btn:hover {
    background: #FFBF1C;
}

.products-slider .swiper-slide {
    height: auto;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.products-slider .swiper-slide-active,
.products-slider .swiper-slide-active + * {
    opacity: 1;
    visibility: visible;
}

.products-slider .swiper-slide > * {
    height: 100%;
}

.slider-scrollbar {
    width: 100%;
    height: 0.26667vw;
    background: #D4D4D4;
    margin-top: 2.66667vw;
}

.slider-scrollbar .swiper-scrollbar-drag {
    background: #FFBF1C;
    top: -0.13333vw;
    height: 0.53333vw;
}

.categories__slider {
    margin: -13.33333vw calc(var(--wrap-padding) * -1);
    padding: 13.33333vw var(--wrap-padding);
}

.category-card {
    padding: 2.13333vw 2.66667vw 2.66667vw;
    background: #fff;
    box-shadow: 0 0 12.26667vw -4.8vw rgba(0 0 0 / .25);
    display: flex;
    flex-direction: column;
    transition: .3s;
}

.category-card:hover {
    box-shadow: 0 0 12.26667vw -4.8vw rgba(0 0 0 / .5);
}

.category-card__img-link {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    flex-shrink: 0;
}

.category-card__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.category-card__body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 1.6vw;
}

.category-card__head {
    display: flex;
    flex-direction: column;
    gap: 1.06667vw;
}

.category-card__price {
    font-size: 2.93333vw;
    font-weight: 600;
    font-style: italic;
    line-height: 1.27273;
    padding: 0.8vw 2.13333vw 0.53333vw 4.26667vw;
    width: fit-content;
    position: relative;
    z-index: 2;
}

.category-card__price::before {
    content: '';
    background: #FFBF1C;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: skew(331deg);
    transform-origin: left bottom;
    z-index: -1;
}

.category-card__title {
    font-size: 3.73333vw;
    font-weight: 900;
    font-style: italic;
    color: #202020;
    text-decoration: none;
    display: block;
}

.category-card__title:hover {
    color: #FFBF1C;
}

.category-card__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.53333vw;
    position: relative;
}

.category-card__list::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, rgb(255 255 255 / .5), rgb(255 255 255 / .8));
    transition: .3s;
    pointer-events: none;
}

.category-card__list:hover::before {
    opacity: 0;
    visibility: hidden;
}


.category-card__link {
    color: #202020;
    font-size: 2.93333vw;
    font-weight: 500;
    font-style: italic;
    text-decoration: none;
}

.category-card__link:hover {
    color: #FFBF1C;
}

.category-card__all {
    color: #202020;
    text-decoration: none;
    font-size: 2.93333vw;
    font-weight: 900;
    font-style: italic;
    display: flex;
    align-items: center;
    gap: 1.6vw;
}

.category-card__all:hover {
    color: #FFBF1C;
}

.category-card__all-icon-wrap {
    background: #FFBF1C;
    stroke: #202020;
    width: 3.46667vw;
    height: 3.46667vw;
    border-radius: 50%;
    padding: 0.53333vw;
}

.category-card__all-icon {
    display: block;
    width: 100%;
    height: 100%;
}

.edges {
    padding-bottom: 8.0vw;
}

.edges__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.66667vw;
}

.edge-card {
    background: #F2F2F2;
    position: relative;
    padding: 5.86667vw 3.2vw 0.53333vw;
    min-height: 34.13333vw;
    display: flex;
    flex-direction: column;
    gap: 4.0vw;
    z-index: 2;
    transition: .3s;
}

.edge-card:not(.edge-card--cta):hover {
    background: #FFBF1C;
    transform: translateY(-10px);
}

.edge-card:not(.edge-card--cta):hover .edge-card__icon {
    transform: scale(-1, 1);
    fill: #fff;
}

.edge-card__num {
    font-size: 33.33333vw;
    font-weight: 900;
    font-style: italic;
    line-height: 22.66667vw;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    z-index: -1;
    transition: .3s;
}

.edge-card__head {
    display: flex;
    align-items: center;
    gap: 2.66667vw;
    margin-right: -2.66667vw;
}

.edge-card__title {
    font-size: 3.46667vw;
    font-weight: 900;
    font-style: italic;
    line-height: 3.2vw;
    word-break: break-word;
}

.edge-card__icon {
    width: 6.66667vw;
    height: 6.66667vw;
    fill: #FFBF1C;
    flex-shrink: 0;
    transition: .3s;
}

.edge-card__text {
    font-size: 2.93333vw;
    font-weight: 500;
    font-style: italic;
    margin: 0;
    line-height: 1.09091;
}

.edge-card--cta {
    background: #FFBF1C;
    box-shadow: 0 0 12.26667vw -4.8vw rgb(0 0 0 / .25);
    padding: 6.13333vw 4.0vw 2.66667vw 4.26667vw;
}

.edge-card--cta::before {
    content: '';
    background: url(../image/scooter.webp) no-repeat center / contain;
    width: 26.4vw;
    height: 38.93333vw;
    transform: rotate(-6.85deg);
    position: absolute;
    top: -1.06667vw;
    left: -8.26667vw;
    pointer-events: none;
}

.edge-card__cta {
    display: flex;
    flex-direction: column;
    gap: 2.13333vw;
}

.edge-card__cta::after {
    content: '';
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 38 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2192 0H23L11.7808 32H0L11.2192 0Z' fill='%23202020'/%3E%3Cpath d='M26.2192 0H38L26.7808 32H15L26.2192 0Z' fill='%23202020'/%3E%3C/svg%3E") no-repeat center / 10.13333vw 8.53333vw;
    width: 10.13333vw;
    height: 8.53333vw;
    position: absolute;
    right: 4.26667vw;
    bottom: -1.33333vw;
}

.edge-card__cta-text {
    font-size: 3.73333vw;
    font-weight: 900;
    line-height: 1;
    font-style: italic;
}

.edge-card__cta-btn {
    background: #202020;
    color: #fff;
    border-radius: 0.8vw;
    border: none;
    text-transform: uppercase;
    font-size: 2.93333vw;
    font-weight: 900;
    font-style: italic;
    height: 8.53333vw;
}

.assembly {
    background: #FFBF1C;
    margin: 7.73333vw calc(var(--wrap-padding) * -1) 0;
    padding: 2.4vw 4.53333vw 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.13333vw;
    position: relative;
    z-index: 2;
}

.assembly::before {
    content: '';
    width: 81.6vw;
    height: 37.33333vw;
    background: url(../image/repair.webp) no-repeat center / contain;
    position: absolute;
    top: -4.26667vw;
    right: 0;
    z-index: -1;
}

.assembly__decor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.assembly__decor::before {
    content: '';
    width: 89.06667vw;
    height: 34.93333vw;
    background: url(../image/scooter-lines.svg) no-repeat center / contain;
    position: absolute;
    top: 0;
    left: -26.4vw;
    z-index: -3;
}

.assembly__decor::after {
    content: '';
    width: 50.93333vw;
    height: 34.93333vw;
    background: url(../image/energy.svg) no-repeat center / contain;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
}

.assembly__title {
    font-family: var(--font-accent);
    font-size: 7.46667vw;
    font-weight: 700;
    font-style: italic;
    line-height: 5.86667vw;
    text-transform: uppercase;
    margin: 0;
    max-width: 52.0vw;
}

.assembly__btn {
    display: flex;
    align-items: center;
    gap: 2.13333vw;
    background: #202020;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 2.66667vw;
    font-weight: 900;
    font-style: italic;
    border-radius: 0.8vw;
    padding: 1.06667vw 3.2vw 1.06667vw 3.73333vw;
    line-height: 1.3;
    text-decoration: none;
}

.assembly__btn:hover {
    background: #fff;
    color: #202020;
}

.assembly__btn-icon {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 71 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.3536 4.03544C70.5488 3.84018 70.5488 3.52359 70.3536 3.32833L67.1716 0.146351C66.9763 -0.0489113 66.6597 -0.0489113 66.4645 0.146351C66.2692 0.341613 66.2692 0.658195 66.4645 0.853458L69.2929 3.68188L66.4645 6.51031C66.2692 6.70557 66.2692 7.02216 66.4645 7.21742C66.6597 7.41268 66.9763 7.41268 67.1716 7.21742L70.3536 4.03544ZM0 3.68188L0 4.18188L70 4.18188V3.68188V3.18188L0 3.18188L0 3.68188Z' fill='%23FFBF1C'/%3E%3C/svg%3E") no-repeat center / 18.93333vw 2.13333vw;
    width: 18.93333vw;
    height: 2.13333vw;
}

.assembly__note {
    background: #fff;
    font-size: 2.66667vw;
    font-weight: 600;
    font-style: italic;
    line-height: 2.13333vw;
    text-align: center;
    margin: 2.13333vw 0.53333vw 0;
    width: calc(100% - 1.06667vw);
    padding: 1.06667vw 1.06667vw 1.6vw;
}

.callback {
    background: url(../image/questions.svg) no-repeat top 1.6vw left 1.33333vw / 98.13333vw 16.26667vw #FFBF1C;
    margin: 0 calc(var(--wrap-padding) * -1);
    padding: 2.4vw var(--wrap-padding);
    display: flex;
    flex-direction: column;
    gap: 4.0vw;
}

.callback__title {
    text-align: center;
    font-family: var(--font-accent);
    font-size: 7.46667vw;
    font-weight: 700;
    font-style: italic;
    line-height: 5.86667vw;
    text-transform: uppercase;
    margin: 0;
}

.callback__title br {
    display: none;
}

.callback__inner {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 4.0vw;
}

.callback__phone {
    color: #202020;
    font-size: 4.8vw;
    font-weight: 600;
    font-style: italic;
    text-decoration: none;
}

.callback__phone:hover {
    color: #fff;
}

.callback__btn {
    display: flex;
    align-items: center;
    gap: 1.06667vw;
    font-size: 2.66667vw;
    font-weight: 900;
    font-style: italic;
    line-height: 1.3;
    border-radius: 0.8vw;
    background: #202020;
    color: #fff;
    border: none;
    fill: #FFBF1C;
    text-transform: uppercase;
    padding: 1.06667vw 4.8vw;
}

.callback__btn:hover {
    background: #fff;
    color: #202020;
}

.callback__btn-icon {
    width: 2.4vw;
    height: 2.4vw;
}

.about {
    position: relative;
    overflow: hidden;
    margin: 0 calc(var(--wrap-padding) * -1);
    padding: 0 var(--wrap-padding) 2.66667vw;
}

.about__title {
    margin-bottom: 4.26667vw;
}

.about__text {
    font-size: 3.2vw;
    font-weight: 500;
    font-style: italic;
    position: relative;
    z-index: 2;
    padding: 1.86667vw 0 6.93333vw 3.46667vw;
}

.about__text::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 102.13333vw;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 383 173' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M271.637 173L0 173L-1.51241e-05 3.34829e-05L383 0L271.637 173Z' fill='%23F2F2F2'/%3E%3C/svg%3E") no-repeat top left / cover;
    z-index: -1;
}

.about__link {
    border-radius: 0.8vw;
    display: block;
    background: #FFBF1C;
    color: #202020;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 4.26667vw;
    font-weight: 900;
    font-style: italic;
    text-align: center;
    line-height: 5.33333vw;
    padding: 2.66667vw;
}

.about__link:hover {
    background: #FFDA1C;
}

.about__aside {
    display: flex;
    flex-direction: column;
    gap: 5.33333vw;
}

.about__media {
    position: relative;
}

.about__media::before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.8248 0L16 33L27.7732 33L44 0H31.8248Z' fill='%23C5C5C5'/%3E%3Cpath d='M15.8248 0L0 33L11.7732 33L28 0H15.8248Z' fill='%23C5C5C5'/%3E%3C/svg%3E") no-repeat center / contain;
    width: 11.73333vw;
    height: 8.8vw;
    position: absolute;
    top: -2.13333vw;
    right: -2.13333vw;
    z-index: 3;
    pointer-events: none;
}

.about__slider {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 339 171' fill='red'%3E%3Cpath d='M0 0H339L254.614 171H0V0Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 90.4vw;
    height: 45.6vw;
    margin: 0;
    padding: 0;
    --nav-btn-size: 5.33333vw;
}

.about__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about__nav {
    position: absolute;
    left: 49.6vw;
    bottom: 2.4vw;
    width: 21.6vw;
    height: var(--nav-btn-size);
}

.about__badge {
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: var(--font-accent);
    font-size: 4.53333vw;
    font-weight: 700;
    font-style: italic;
    line-height: 4.26667vw;
    color: #FFBF1C;
    width: 16.26667vw;
    z-index: 2;
    text-transform: uppercase;
    padding: 0.53333vw 0.0vw 0.8vw 4.8vw;
}

.about__badge::before {
    content: '';
    background: #202020;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 1.06667vw);
    height: 100%;
    transform: skew(336deg);
    transform-origin: left bottom;
    z-index: -1;
}

.content {
    line-height: 1.16667;
    --img-margin-top: 3.73333vw;
    --img-margin-bottom: 3.73333vw;
    --p-margin-top: 3.73333vw;
    --p-margin-bottom: 3.73333vw;
    --h-margin-top: 7.46667vw;
    --h-margin-bottom: 3.73333vw;
    --l-margin-top: 3.73333vw;
    --l-margin-bottom: 3.73333vw;
    --l-padding-left: 5.6vw;
}

.content > *:first-child {
    margin-top: 0;
}

.content > *:last-child {
    margin-bottom: 0;
}

.content a:not([class]) {
    color: inherit;
}

.content a:not([class]):hover {
    text-decoration-color: transparent;
}

.content img:not([class]) {
    max-width: 100%;
    border-radius: .8vw;
    margin-top: var(--img-margin-top);
    margin-bottom: var(--img-margin-bottom);
    display: block;
    height: auto;
}

.content p:not([class]) {
    margin-top: var(--p-margin-top);
    margin-bottom: var(--p-margin-bottom);
}

.content h1:not([class]),
.content h2:not([class]),
.content h3:not([class]),
.content h4:not([class]) {
    margin-top: var(--h-margin-top);
    margin-bottom: var(--h-margin-bottom);
}

.content ul:not([class]),
.content ol:not([class]) {
    margin: var(--l-margin-top) 0 var(--l-margin-bottom);
    padding-left: var(--l-padding-left);
}

.catalog__aside {
    display: none;
}

.catalog__content {
    display: flex;
    flex-direction: column;
    gap: 5.33333vw;
}

.catalog-cats {
    width: 100%;
    margin-bottom: 2.4vw;
}

.catalog-cats__link {
    display: flex;
    align-items: center;
    gap: 3.73333vw;
    color: #202020;
    font-size: 5.86667vw;
    font-weight: 600;
    font-style: italic;
    text-decoration: none;
}

.catalog-cats__link:hover {
    color: #FFBF1C;
}

.catalog-cats__img {
    width: 13.33333vw;
    aspect-ratio: 1;
}

.catalog__toolbar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5.06667vw;
}

.catalog__filter-btn {
    border-radius: 0.8vw;
    background: none;
    border: 0.26667vw solid #C5C5C5;
    font-size: 3.73333vw;
    line-height: 4.26667vw;
    font-weight: 900;
    font-style: italic;
    padding: 2.66667vw;
}

.catalog__filter-btn:hover {
    border-color: #202020;
    background: #202020;
    color: #fff;
}

.catalog__sort-label {
    display: none;
}

.catalog__sort-field {
    border-radius: 0.8vw;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.353516 0.353554L4.35352 4.35355L8.35352 0.353554' stroke='black'/%3E%3C/svg%3E") no-repeat center right 3.73333vw / 2.4vw 1.6vw;
    border: 0.26667vw solid #C5C5C5;
    font-size: 3.73333vw;
    line-height: 4.26667vw;
    font-weight: 900;
    font-style: italic;
    padding: 2.66667vw 6.66667vw 2.66667vw 4vw;
    appearance: none;
    display: block;
    width: 100%;
}

.catalog__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5.33333vw 2.66667vw;
}

.catalog__more {
    border-radius: 0.8vw;
    background: #FFBF1C;
    color: #000;
    font-size: 4.26667vw;
    font-weight: 900;
    font-style: italic;
    line-height: 1.25;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    padding: 2.66667vw;
}

.catalog__more:hover {
    background: #FFDA1C;
}

.pagination {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2.66667vw;
}

.pagination__link,
.pagination__text {
    width: 6.4vw;
    height: 6.4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 6.4vw;
    border-radius: 0.8vw;
    color: #202020;
    stroke: #202020;
    background: #ECECEC;
    font-size: 3.2vw;
    text-decoration: none;
}

.pagination__item--active .pagination__link,
.pagination__item--active .pagination__text {
    background: #FFBF1C;
}

.pagination__link:hover {
    background: #FFBF1C;
}

.pagination__icon {
    display: block;
    width: 100%;
    height: 100%;
    padding: 1.86667vw;
}

.product {
    padding-top: 2.13333vw;
}

.product__inner {
    display: flex;
    flex-direction: column;
    gap: 2.4vw;
    padding: 2.13333vw 0 3.73333vw;
}

.product__gallery {
    display: flex;
    flex-direction: column;
    gap: 2.66667vw;
    margin-bottom: 2.66667vw;
}

.product__gallery-img {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
}

.product__thumb {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product__thumb.swiper-slide-thumb-active {
    cursor: default;
}

.product__thumb-img {
    display: block;
    width: 100%;
}

.product__info {
    display: contents;
}

.product__title {
    order: -1;
    margin: 0 0 0.53333vw;
    font-family: var(--font-accent);
    font-size: 8.53333vw;
    font-weight: 700;
    font-style: italic;
    line-height: 1;
    text-transform: uppercase;
}

.product__gallery-main {
    width: 100%;
}

.product__thumbs {
    width: 100%;
}

.product__specs {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 1.06667vw;
}

.product__spec {
    display: flex;
    align-items: center;
    gap: 2.13333vw;
    font-size: 3.73333vw;
    font-style: italic;
    line-height: 4.8vw;
}

.product__spec-icon {
    flex-shrink: 0;
    width: 3.2vw;
    height: 3.2vw;
    fill: #FFBF1C;
}

.product__spec-name {}

.product__spec-value {
    margin-left: auto;
    font-weight: 600;
}

.product__purchase {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 2.13333vw;
}

.product__features {
    display: flex;
    gap: 1.06667vw;
    width: 100%;
}

.product__feature {
    display: flex;
    align-items: center;
    gap: 1.33333vw;
    border-radius: 0.8vw;
    border: 0.26667vw solid #D9D9D9;
    padding: 1.86667vw 3.46667vw 2.13333vw 1.6vw;
    flex-grow: 1;
    font-size: 3.46667vw;
}

.product__feature-icon {
    width: 6.4vw;
    height: 6.4vw;
}

.product__price {
    font-size: 6.93333vw;
    font-weight: 900;
    font-style: italic;
}

.product__credit {
    border-radius: 0.8vw;
    background: rgb(255 191 28 / .4);
    padding: 1.6vw 9.86667vw 1.86667vw 1.33333vw;
    font-size: 4.26667vw;
    line-height: 2.66667vw;
    display: flex;
    flex-direction: column;
    gap: 1.86667vw;
}

.product__credit-label {}

.product__credit-value {
    font-weight: 900;
    font-style: italic;
}

.product__oneclick {
    font-size: 4.26667vw;
    font-style: italic;
    font-weight: 900;
    line-height: 1.25;
    border-radius: 0.8vw;
    background: #FFBF1C;
    color: #000;
    border: none;
    padding: 2.66667vw;
    text-transform: uppercase;
}

.product__oneclick:hover {
    background: #FFDA1C;
}

.product__actions {
    display: flex;
    flex-direction: column;
    gap: 2.66667vw;
    margin-top: 0.26667vw;
}

.product__action {
    font-size: 4.26667vw;
    font-style: italic;
    font-weight: 900;
    line-height: 1.25;
    border-radius: 0.8vw;
    background: #202020;
    color: #fff;
    border: none;
    padding: 2.66667vw;
    text-transform: uppercase;
}

.product__action--cart {}

.product__action:hover {
    background: #FFBF1C;
    color: #000;
}

.product__action--consult {
    background: #E7E7E7;
    color: #000;
}

.product__action--consult:hover {
    background: #202020;
    color: #fff;
}

.product__tabs {
    margin-top: 8vw;
}

.tabs {
    display: flex;
    flex-direction: column;
    gap: 6.4vw;
}

.tabs__list {
    margin: 0 -1.33333vw;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.6vw 0.8vw;
}

.tabs__btn {
    border: 0.26667vw solid #E3E3E3;
    border-radius: 0.8vw;
    font-size: 2.93333vw;
    font-weight: 900;
    font-style: italic;
    line-height: 3.2vw;
    text-transform: uppercase;
    padding: 1.86667vw 5.06667vw;
    background: none;
}

.tabs__btn--active {
    background: #202020;
    color: #fff;
    cursor: default;
}

.tabs__panel {
    display: none;
}

.tabs__panel--active {
    display: block;
}

.product-content {
    --img-margin-top: 0;
    --img-margin-bottom: 0;
    --p-margin-top: 0;
    --p-margin-bottom: 0;
    --h-margin-top: 5.33333vw;
    --h-margin-bottom: 2.66667vw;
    --l-margin-top: 0;
    --l-margin-bottom: 0;
    --l-padding-left: 5.33333vw;
}

.specs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2.66667vw;
    font-size: 3.73333vw;
    font-weight: 600;
    font-style: italic;
    line-height: 1.28571;
}

.specs__item {
    display: flex;
    justify-content: space-between;
    gap: 2.66667vw;
}

.options {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4.26667vw;
}

.options__item {
    display: flex;
    align-items: flex-start;
    gap: 1.33333vw;
}

.options__icon-wrap {
    width: 6.93333vw;
    flex-shrink: 0;
    fill: #FFBF1C;
}

.options__icon {
    width: auto;
    height: auto;
    max-width: 100%;
    display: block;
}

.options__body {
    font-size: 3.2vw;
    font-style: italic;
    line-height: 1.16667;
    display: flex;
    flex-direction: column;
    gap: 1.06667vw;
}

.options__title {
    font-weight: 900;
    margin: 0;
    text-transform: uppercase;
}

.options__text {
    margin: 0;
    font-weight: 500;
}

.options__icon-wrap--width-auto {
    width: auto;
    max-width: 14.93333vw;
}

.filter {
    display: flex;
    flex-direction: column;
    gap: 4vw;
    padding: 3.46667vw 5.6vw 4.26667vw;
}

.filter__title {
    font-size: 4.8vw;
    font-weight: 600;
    font-style: italic;
    line-height: 1;
    margin-bottom: 4vw;
}

.range-slider {
    display: flex;
    flex-direction: column;
    gap: 4vw;
}

.range-slider__fields {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.range-slider__field {
    width: 0;
    height: 9.6vw;
    flex-grow: 1;
    border-radius: 1.06667vw;
    border: 0.26667vw solid #C5C5C5;
    text-align: center;
    font-size: 4.26667vw;
    color: #202020;
}

.range-slider__field-separator {
    font-size: 4.8vw;
    color: #202020;
    margin: 0 2.93333vw;
    flex-shrink: 0;
}

.filter__body {
    display: flex;
    flex-direction: column;
    gap: 4vw;
}

.filter__list-wrapper {
    max-height: 54.66667vw;
    overflow: auto;
}

.filter__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 3.2vw;
}

.filter__item {
    font-size: 4.26667vw;
    line-height: 1;
}

.checkbox {
    display: flex;
    align-items: center;
    gap: 2.13333vw;
    cursor: pointer;
}

.checkbox__control {
    position: relative;
    flex-shrink: 0;
}

.checkbox__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}

.checkbox__box {
    width: 5.06667vw;
    height: 5.06667vw;
    display: block;
    border: 0.26667vw solid #C5C5C5;
    border-radius: 0.8vw;
    transition: .3s;
}

.checkbox__box::before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.382202 3.66614L4.15426 8.13672L10.441 0.313194' stroke='black'/%3E%3C/svg%3E") no-repeat center / contain;
    width: 2.93333vw;
    height: 2.4vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.checkbox__input:checked + .checkbox__box {
    background: #FFBF1C;
    border-color: #FFBF1C;
}

.checkbox__input:checked + .checkbox__box::before {
    opacity: 1;
    visibility: visible;
}

.checkbox__text {
    display: flex;
    align-items: center;
    gap: 2.13333vw;
}

.checkbox__count {
    color: #C5C5C5;
}

.filter__search {
    border-radius: 1.06667vw;
    border: 0.26667vw solid #C5C5C5;
    height: 9.6vw;
    width: 100%;
    font-size: 4.26667vw;
    padding: 0 2.66667vw;
}

.filter__toggle {
    display: flex;
    align-items: center;
    gap: 1.6vw;
    padding: 0;
    background: none;
    border: none;
    color: #202020;
    font-size: 4.26667vw;
    line-height: 1;
}

.filter__toggle-icon {
    width: 2.4vw;
    height: 1.6vw;
    stroke: #202020;
    cursor: pointer;
    transition: .3s;
}

.filter__toggle--active .filter__toggle-icon {
    transform: rotate(180deg);
}

.filter__group--extra {
    display: none;
}

.range-slider__range {
    height: 0.53333vw;
    background: #ECECEC;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 1.2vw 1.46667vw;
}

.range-slider__range .noUi-connect {
    background: #FFBF1C;
}

.range-slider__range .noUi-handle {
    width: 2.93333vw;
    height: 2.93333vw;
    border: 0.53333vw solid #FFBF1C;
    background: #fff;
    border-radius: 13.33333vw;
    top: -1.2vw;
    right: -1.2vw;
    box-shadow: none;
}

.range-slider__range .noUi-handle::before,
.range-slider__range .noUi-handle::after {
    display: none;
}

.list-serial {
    display: flex;
    flex-direction: column;
    gap: 4.26667vw;
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-serial__item {
    display: flex;
    align-items: center;
    gap: 5.33333vw;
}

.list-serial__icon {
    width: 10.66667vw;
    height: 10.66667vw;
    border-radius: 1.06667vw;
    background: #ffbf1b;
    padding: 1.6vw;
}

.list-serial__icon-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.list-serial__text {
    margin: 0;
}

.gallery-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gallery-item {
    border: 0.26667vw solid #ffbf1b;
    aspect-ratio: 1;
    position: relative;
}

.gallery-item__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-item__zoom {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.33333vw;
    visibility: hidden;
    opacity: 0;
    background: rgba(255, 213, 17, .8);
    transition: .3s;
    color: #202020;
    stroke: #202020;
    font-size: 4.26667vw;
}

.gallery-item:hover .gallery-item__zoom {
    opacity: 1;
    visibility: visible;
}

.gallery-item__zoom-icon {
    width: 6.93333vw;
    height: 6.93333vw;
}

/**********************************/
/************ 8. Popup ************/
/**********************************/

.overlay {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .5);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 10;
}

.overlay--open {
    opacity: 1;
    visibility: visible;
}

.panels,
.modals {
    position: fixed;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 11;
}

.panels > *,
.modals > * {
    pointer-events: auto;
}

.modal {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    padding: 10px;
}

.modal--open {
    opacity: 1;
    visibility: visible;
}

.modal__box {
    position: relative;
    width: 462px;
    max-width: calc(100vw - 20px);
    background: #fff;
    position: relative;
    padding: 35px 58px 50px;
}

.modal__close {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 23px;
    height: 23px;
    stroke: #202020;
    background: none;
    padding: 0;
    border: none;
}

.modal__close-icon {
    display: block;
    width: 100%;
    height: 100%;
}

.modal__box::before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 67 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50.294 0L21.3374 44.8089L37.4915 44.8089L66.9998 0H50.294Z' fill='%23FFBF1C'/%3E%3Cpath d='M28.9566 0L0 44.8089L16.1541 44.8089L45.6624 0H28.9566Z' fill='%23FFBF1C'/%3E%3C/svg%3E") no-repeat center;
    width: 67px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
}

.modal__title {
    text-align: center;
    text-transform: uppercase;
    font-family: var(--font-accent);
    font-size: 48px;
    font-weight: 700;
    font-style: italic;
    line-height: 50px;
}

.modal__text {
    margin: 0;
    font-size: 19px;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    line-height: 18px;
}

.modal__form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.modal__input {
    border-radius: 4px;
    width: 100%;
    display: block;
    height: 40px;
    border: 1px solid #C5C5C5;
    padding: 0 10px;
}

.modal__input--error {
    border-color: #ff3b30;
}

.modal__checkbox--error .modal__checkbox-box {
    border-color: #ff3b30;
}

.modal__btn {
    border-radius: 3px;
    height: 40px;
    background: #FFBF1C;
    border: none;
    padding: 5px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 900;
    font-style: italic;
}

.modal__header {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.modal__inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.modal__fields {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.modal__checkbox {
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    line-height: 18px;
    color: #9D9C9C;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    margin-top: -3px;
}

.modal__checkbox-control {
    flex-shrink: 0;
}

.modal__checkbox-input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal__checkbox-box {
    width: 11px;
    height: 11px;
    border: 1px solid #9D9C9C;
    border-radius: 50%;
    display: block;
    position: relative;
}

.modal__checkbox-box::before {
    content: '';
    width: 5px;
    height: 5px;
    background: #FFBF1C;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.modal__checkbox-input:checked + .modal__checkbox-box::before {
    opacity: 1;
    visibility: visible;
}

.panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    transform: translateX(100%);
    transition: .3s;
}

.panel--open {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.panel__close {
    position: absolute;
    top: 3.46667vw;
    right: 6.4vw;
    width: 6.13333vw;
    height: 6.13333vw;
    display: block;
    background: none;
    padding: 0;
    border: none;
    stroke: #202020;
}

.panel__close:hover {
    stroke: #FFBF1C;
}

.panel__close-icon {
    display: block;
    width: 100%;
    height: 100%;
}

.panel__inner {
    padding: 1.33333vw 6.4vw;
}

.panel__nav {
    margin: 3.2vw 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 5.33333vw;
}

.panel__nav-link {
    font-size: 5.33333vw;
    font-weight: 600;
    font-style: italic;
    text-decoration: none;
    color: #202020;
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 2.66667vw;
    background: none;
    padding: 0;
    border: none;
}

.panel__nav-cart {
    display: flex;
    align-items: center;
    gap: 0.53333vw;
}

.panel__nav-icon {
    width: 4.26667vw;
    height: 4.8vw;
    fill: #202020;
}

.panel__nav-count {
    min-width: 3.73333vw;
    height: 3.73333vw;
    color: #fff;
    background: #FF1C1C;
    line-height: 3.73333vw;
    font-size: 2.66667vw;
    font-weight: 600;
    border-radius: 5.33333vw;
    text-align: center;
    font-style: normal;
}

.panel__contacts {
    margin: 15.73333vw 1.06667vw 0;
    display: flex;
    flex-direction: column;
    gap: 3.2vw;
}

.panel__contact {
    display: flex;
    align-items: center;
    gap: 2.13333vw;
    color: #202020;
    font-weight: 600;
    font-size: 5.33333vw;
    font-style: italic;
    text-decoration: none;
}

.panel__contact-icon {
    width: 4.8vw;
    height: 4.8vw;
    fill: #FFBF1C;
    flex-shrink: 0;
}

.panel__actions {
    display: flex;
    flex-direction: column;
    gap: 2.66667vw;
    margin-top: 8.8vw;
}

.panel__btn {
    background: #FFBF1C;
    color: #202020;
    stroke: #202020;
    fill: #202020;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.86667vw;
    border-radius: 0.8vw;
    height: 13.33333vw;
    border: none;
    font-size: 4.26667vw;
    font-weight: 600;
    font-style: italic;
    text-transform: uppercase;
    padding: 1.33333vw;
}

.panel__btn--callback {
    background: #000;
    color: #fff;
    stroke: #fff;
    fill: #fff;
}

.panel__btn-icon {
    width: 3.73333vw;
    height: 3.73333vw;
}

.panel__socials {
    margin-top: 5.33333vw;
    gap: 2.4vw;
    --social-icon-size: 13.33333vw;
}

.panel__title {
    font-family: var(--font-accent);
    font-weight: 700;
    font-style: italic;
    font-size: 9.6vw;
    line-height: 1;
    text-transform: uppercase;
    margin-top: 0.53333vw;
}

.panel__search {
    margin-top: 2.13333vw;
}

.panel__search-input {
    border-radius: 0.8vw;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.75 14.75L11.3745 11.3745' stroke='%23282828' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.97222 13.1944C10.4087 13.1944 13.1944 10.4087 13.1944 6.97222C13.1944 3.53578 10.4087 0.75 6.97222 0.75C3.53578 0.75 0.75 3.53578 0.75 6.97222C0.75 10.4087 3.53578 13.1944 6.97222 13.1944Z' stroke='%23282828' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat left 2.66667vw center / 3.73333vw 3.73333vw #F1F1F1;
    width: 100%;
    height: 13.33333vw;
    display: block;
    border: none;
    padding: 0 2.66667vw 0 9.06667vw;
    font-size: 3.73333vw;
}

.panel__list {
    margin: 3.73333vw 0 0;
    padding: 0;
    list-style: none;
}

.panel__item:not(:last-child) {
    border-bottom: 0.26667vw solid #E8E8E8;
}

.panel__link {
    display: flex;
    align-items: center;
    gap: 4.53333vw;
    text-decoration: none;
    color: #202020;
    font-size: 5.33333vw;
    font-weight: 600;
    font-style: italic;
    padding: 2.13333vw 0 1.86667vw;
}

.panel__img {
    width: 10.13333vw;
    height: 10.13333vw;
    flex-shrink: 0;
}

.panel__name {
    flex-grow: 1;
}

.panel__arrow {
    width: 4.8vw;
    height: 4.8vw;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 9L6.5 13.3301L6.5 4.66987L14 9Z' fill='%23202020'/%3E%3C/svg%3E") no-repeat center / cover;
    flex-shrink: 0;
    margin-right: 1.33333vw;
}

.panel--filter .filter {
    padding: 2.13333vw 0;
}

.panel--filter .panel__close {
    width: 5.06667vw;
    height: 5.06667vw;
    right: 3.73333vw;
}

.panel--filter .range-slider__range {
    margin: 1.73333vw 2vw;
}

.panel--filter .range-slider__range .noUi-handle {
    width: 4vw;
    height: 4vw;
    border-width: 0.8vw;
    top: -1.6vw;
    right: -1.6vw;
}

.panel__title-count {
    display: none;
}

.panel__cart {
    display: flex;
    flex-direction: column;
    gap: 9.6vw;
    margin-top: 9.6vw;
}

.panel__cart-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 9.6vw;
}

.panel__cart-item {
    display: flex;
    gap: 4vw;
}

.panel__cart-img-link {
    width: 26.66667vw;
    height: 26.66667vw;
    flex-shrink: 0;
    margin-top: 0.8vw;
}

.panel__cart-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.panel__cart-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}

.panel__cart-name {
    font-size: 5.86667vw;
    font-weight: 700;
    font-style: italic;
    font-family: var(--font-accent);
    text-transform: uppercase;
    line-height: 4.8vw;
    text-decoration: none;
    color: #202020;
}

.panel__cart-name:hover {
    color: #FFBF1C;
}

.panel__cart-price {
    font-size: 4.26667vw;
    font-weight: 900;
    font-style: italic;
    margin: 1.33333vw 0;
}

.qty {
    display: flex;
    align-items: center;
    gap: 2.93333vw;
}

.qty__btn {
    background: #ECECEC;
    border-radius: 0.8vw;
    width: 6.4vw;
    height: 6.4vw;
    padding: 1.06667vw;
    stroke: #202020;
    border: none;
}

.qty__btn:hover {
    stroke: #FFBF1C;
}

.qty__icon {
    display: block;
    width: 100%;
    height: 100%;
}

.qty__value {
    width: 8vw;
    text-align: center;
    font-size: 5.86667vw;
}

.panel__cart-remove {
    width: 4.8vw;
    height: 5.33333vw;
    display: block;
    fill: #202020;
    flex-shrink: 0;
    background: none;
    border: none;
    padding: 0;
    margin-top: 0.8vw;
}

.panel__cart-remove:hover {
    fill: #FFBF1C;
}

.panel__cart-remove-icon {
    display: block;
    width: 100%;
    height: 100%;
}

.panel__cart-btn {
    border-radius: 0.8vw;
    height: 10.66667vw;
    background: #FFBF1C;
    border: none;
    padding: 1.33333vw;
    font-size: 4.26667vw;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
}

.panel__cart-btn:hover {
    background: #FFDA1C;
}

.panel__cart-qty {
    margin-left: 0.8vw;
}

/**********************************/
/************ 9. Media ************/
/**********************************/

/*************************************/
/************ 9.1 Mobiles ************/
/*************************************/

@media screen and (max-width: 640px) {
    .hide-sm {
        display: none !important;
    }

    .categories__wrapper {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.6vw 2.93333vw;
    }

    .categories__slide {
        width: auto !important;
    }

    .catalog-cats__wrapper {
        flex-direction: column;
        gap: 1.06667vw;
    }
}

/*************************************/
/************ 9.2 Tablets ************/
/*************************************/

@media screen and (max-width: 980px) and (min-width: 641px) {
    .hide-md {
        display: none !important;
    }
}

@media screen and (min-width: 641px) {
    :root {
        --wrap-padding: 1.36986vw;
    }

    body {
        font-size: 1.23288vw;
        line-height: 1.22222;
    }

    a:not([class]) {
        text-decoration: underline 0.06849vw;
        text-underline-offset: 0.06849vw;
    }

    h1:not([class]),
    h2:not([class]),
    h3:not([class]),
    h4:not([class]),
    h5:not([class]),
    h6:not([class]) {
        margin: 1.36986vw 0;
    }

    h1:not([class]) {
        font-size: 3.28767vw;
    }

    h2:not([class]) {
        font-size: 2.73973vw;
    }

    h3:not([class]) {
        font-size: 2.32877vw;
    }

    h4:not([class]) {
        font-size: 1.91781vw;
    }

    h5:not([class]) {
        font-size: 1.64384vw;
    }

    h6:not([class]) {
        font-size: 1.50685vw;
    }

    .content {
        line-height: 1.22222;
        --img-margin-top: 1.50685vw;
        --img-margin-bottom: 1.50685vw;
        --p-margin-top: 1.50685vw;
        --p-margin-bottom: 1.50685vw;
        --h-margin-top: 2.26027vw;
        --h-margin-bottom: 1.50685vw;
        --l-margin-top: 1.50685vw;
        --l-margin-bottom: 1.50685vw;
        --l-padding-left: 2.26027vw;
    }

    .content img:not([class]) {
        border-radius: 0.20548vw;
    }

    .header__top {
        display: block;
        padding: 0.82192vw 0;
        border-bottom: 0.13699vw solid #FFBF1C;
        line-height: 1.3125;
    }

    .header__top-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.68493vw;
    }

    .header-nav {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        gap: 2.05479vw;
    }

    .header-nav__link {
        color: #fff;
        text-decoration: none;
        font-size: 1.09589vw;
        font-weight: 600;
        font-style: italic;
        display: block;
    }

    .header-nav__link:hover {
        color: #FFBF1C;
    }

    .header-info {
        fill: #FFBF1C;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.68493vw;
        width: 23.83562vw;
        font-size: 1.09589vw;
        font-weight: 600;
        font-style: italic;
    }

    .header-info__item {
        display: flex;
        align-items: center;
        gap: 0.54795vw;
    }

    .header-info__icon {
        width: 1.0274vw;
        height: 1.0274vw;
    }

    .header-info__icon--placemark {
        width: 0.89041vw;
        height: 1.16438vw;
    }

    .header__bottom {
        padding: 1.84932vw 0;
    }

    .header__bottom-inner {
        flex-wrap: nowrap;
        gap: 1.57534vw;
    }

    .header__logo {
        max-width: 21.0274vw;
        flex-shrink: 0;
    }

    .header__middle {
        width: auto;
        flex-grow: 1;
        margin: 0;
        padding: 0;
        background: none;
        gap: 0.68493vw;
        flex-direction: row;
    }


    .catalog-menu__btn {
        gap: 0.47945vw;
        padding: 0.61644vw 1.36986vw;
        border-radius: 0.20548vw;
        font-size: 1.09589vw;
        line-height: 1.375;
        font-weight: 900;
    }

    .catalog-menu__icon {
        width: 0.89041vw;
        height: 0.9589vw;
    }


    .header-search__input {
        border-radius: 0.20548vw;
        height: 2.73973vw;
        background-size: 1.09589vw 1.09589vw;
        background-position: left 0.68493vw center;
        padding: 0 0.68493vw 0 2.39726vw;
        font-size: 1.09589vw;
    }

    .header-search__dropdown {
        top: calc(100% + 0.27397vw);
        width: 100%;
        padding: 1.0274vw;
        border-radius: 0.20548vw;
        box-shadow: 0 0.27397vw 1.0274vw rgb(0 0 0 / .2);
    }

    .header-search__results {
        gap: 0.68493vw;
    }

    .product-preview {
        gap: 0.68493vw;
    }

    .product-preview__img {
        width: 3.42466vw;
        height: 3.42466vw;
    }

    .product-preview__info {
        gap: 0.27397vw;
    }

    .product-preview__name {
        font-size: 1.09589vw;
    }

    .product-preview__price {
        font-size: 0.9589vw;
    }

    .header-search__empty {
        font-size: 1.09589vw;
    }

    .header-search__all {
        margin-top: 1.0274vw;
        padding: 0.68493vw 1.0274vw;
        font-size: 1.09589vw;
        border-radius: 0.20548vw;
    }

    .header__side {
        order: 3;
        margin: 0 0 0 0.34247vw;
        gap: 1.0274vw;
        width: 23.83562vw;
        justify-content: space-between;
    }

    .header-phone {
        font-size: 1.09589vw;
        font-weight: 600;
        font-style: italic;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .header-phone__link {
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
        gap: 0.54795vw;
        font-size: 1.36986vw;
        color: #fff;
        text-decoration: none;
    }

    .header-phone__link:hover {
        color: #FFBF1C;
    }

    .header-phone__icon {
        width: 1.09589vw;
        height: 1.09589vw;
    }

    .header-phone__num {
        display: block;
    }

    .header-phone__btn {
        display: block;
        color: #FFBF1C;
        background: none;
        padding: 0;
        border: none;
        font-weight: inherit;
        font-size: inherit;
        font-style: inherit;
        margin: -0.13699vw 2.19178vw 0 0;
    }

    .header-phone__btn:hover {
        color: #FFDA1C;
    }

    .header__socials {
        display: flex;
    }

    .header-cart {
        width: 1.50685vw;
        height: 1.64384vw;
        font-size: 0.89041vw;
        margin: -0.13699vw 0.20548vw 0 0;
    }

    .header-cart__count {
        width: 1.36986vw;
        height: 1.36986vw;
        border-radius: 3.42466vw;
        line-height: 1.36986vw;
        left: calc(100% - 0.41096vw);
        top: -0.41096vw;
        padding: 0 0.20548vw;
    }

    .header-burger {
        display: none;
    }

    .socials {
        gap: 0.82192vw;
    }

    .socials__link {
        width: var(--social-icon-size, 2.39726vw);
        height: var(--social-icon-size, 2.39726vw);
    }

    .nav {
        display: block;
        padding: 0.47945vw 0 0.75342vw;
    }

    .nav__list {
        display: flex;
        justify-content: space-between;
        list-style: none;
    }

    .nav__link {
        color: #202020;
        font-size: 1.36986vw;
        font-weight: 600;
        font-style: italic;
        text-decoration: none;
        line-height: 1.3;
        display: block;
    }

    .nav__link:hover {
        color: #FFBF1C;
    }

    .footer {
        padding: 3.56164vw 0 4.86301vw;
        background-size: 8.42466vw 4.24658vw;
        background-position: right calc((100vw - var(--wrap-size)) / 2 + var(--wrap-padding)) bottom 0;
    }

    .footer__grid {
        justify-content: space-between;
        flex-direction: row;
        gap: 2.73973vw;
    }

    .footer__navs {
        display: contents;
    }

    .footer-nav {
        gap: 0.82192vw;
    }

    .footer-nav__title {
        font-size: 2.46575vw;
    }

    .footer-nav__list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.82192vw 1.78082vw;
    }

    .footer-nav__link {
        font-size: 1.09589vw;
        line-height: 1.3125;
    }

    .footer__side {
        gap: 7.46575vw;
        border: none;
        padding: 0;
        flex-direction: row;
    }

    .footer-contacts {
        display: flex;
        flex-direction: column;
        gap: 1.0274vw;
    }

    .footer-contacts__title {
        font-size: 2.46575vw;
        font-family: var(--font-accent);
        font-weight: 700;
        font-style: italic;
        text-transform: uppercase;
        line-height: 1;
        display: block;
    }

    .footer-contacts__body {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 0.47945vw;
    }

    .footer-contacts__item {
        font-size: 1.09589vw;
        gap: 0.54795vw;
    }

    .footer-contacts__item--address {
        width: auto;
        letter-spacing: 0;
    }

    .footer-contacts__item--phone {
        gap: 0;
        margin-top: 0.41096vw;
    }

    .footer-contacts__icon {
        width: 1.0274vw;
        height: 1.0274vw;
    }

    .footer-contacts__item--address .footer-contacts__icon {
        width: 0.89041vw;
        height: 1.16438vw;
    }

    .footer-contacts__link {
        gap: 0.54795vw;
        font-size: 1.36986vw;
    }

    .footer-contacts__btn {
        font-size: 1.09589vw;
        margin: -0.06849vw 2.12329vw 0 0;
    }

    .footer__bottom {
        align-items: flex-end;
        gap: 3.49315vw;
    }

    .footer__legal {
        flex-direction: column;
        gap: 0.20548vw;
        font-size: 0.82192vw;
        text-align: right;
    }

    .catalog {
        padding-top: 0.9589vw;
    }

    .breadcrumbs {
        gap: 0.34247vw;
        margin-bottom: 0.68493vw;
    }

    .breadcrumbs__item {
        gap: 0.34247vw;
        font-size: 0.9589vw;
    }

    .section-title {
        font-size: 3.28767vw;
        line-height: 1.04167;
        margin-bottom: 2.73973vw;
        text-align: left;
    }

    .catalog__title {
        margin-bottom: 1.64384vw;
    }

    .main {
        gap: 5.47945vw;
        padding-bottom: 3.42466vw;
    }

    .grid-2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2.05479vw;
    }

    .hero {
        margin: 0;
    }

    .slider {
        --nav-btn-size: 2.46575vw;
        margin: -3.42466vw calc(var(--wrap-padding) * -1);
        padding: 3.42466vw var(--wrap-padding);
    }

    .hero__slider {
        margin: 0 calc(var(--wrap-padding) * -1);
        padding: 0 var(--wrap-padding);
    }

    .hero__nav {
        margin: 0;
        width: auto;
        height: auto;
        position: initial;
    }

    .slider-nav__btn {
        padding: 0.54795vw;
    }

    .product-card {
        padding: 1.91781vw 1.43836vw 1.30137vw;
        gap: 1.30137vw;
        box-shadow: 0 0 3.15068vw -1.23288vw rgb(0 0 0 / .25);
    }

    .product-card__body {
        border-width: 0.13699vw;
        margin: 0 -0.47945vw 0 0;
        padding-top: 0.75342vw;
        gap: 0.89041vw;
    }

    .product-card__title {
        font-size: 1.30137vw;
        line-height: 1.23288vw;
        font-weight: 600;
    }

    .product-card__specs {
        display: block;
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 0.89041vw;
        line-height: 1.30769;
    }

    .product-card__spec {
        display: flex;
        justify-content: space-between;
    }

    .product-card__spec-value {
        font-weight: 900;
    }

    .product-card__price-row {
        gap: 0.41096vw;
        margin-top: auto;
    }

    .product-card__price {
        font-size: 1.50685vw;
        line-height: 1;
    }

    .product-card__credit {
        font-size: 0.82192vw;
        border-radius: 0.20548vw;
        line-height: 0.68493vw;
        padding: 0.06849vw 0.13699vw 0.27397vw 0.34247vw;
        margin-right: 0.47945vw;
        display: flex;
        flex-direction: column;
        gap: 0.13699vw;
    }

    .product-card__btn {
        display: none;
    }

    .product-card__content {
        position: relative;
        min-height: 6.0274vw;
    }

    .product-card:hover .product-card__actions {
        opacity: 1;
        visibility: visible;
    }

    .product-card__actions {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        gap: 0.54795vw;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        transition: .3s;
        opacity: 0;
        visibility: hidden;
    }

    .product-card__more {
        background: #202020;
        color: #fff;
        height: 2.73973vw;
        border-radius: 0.20548vw;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.82192vw;
        font-weight: 600;
        font-style: italic;
        text-transform: uppercase;
    }

    .product-card__more:hover {
        background: #FFBF1C;
        color: #202020;
    }

    .product-card__oneclick {
        font-size: 0.82192vw;
        font-weight: 900;
        font-style: italic;
        border-radius: 0.20548vw;
        text-transform: uppercase;
        background: transparent;
        height: 2.73973vw;
        border: 0.06849vw solid #202020;
        color: #202020;
    }

    .product-card__oneclick:hover {
        background: #202020;
        color: #fff;
    }

    .slider-scrollbar {
        position: absolute;
        top: calc(100% - 2.05479vw);
        left: 50%;
        height: 0.06849vw;
        margin: 0;
        width: calc(var(--wrap-size) - var(--wrap-padding) * 2);
        transform: translateX(-50%);
    }

    .slider:has(.slider-scrollbar) {
        margin-bottom: -2.05479vw;
    }

    .slider-scrollbar .swiper-scrollbar-drag {
        top: -0.03425vw;
        height: 0.13699vw;
    }

    .about {
        display: flex;
        padding-bottom: 0;
        overflow: initial;
    }

    .about__info {
        width: 51.30137vw;
    }

    .about__title {
        margin-bottom: 1.09589vw;
    }

    .about__text {
        font-size: 1.23288vw;
        padding: 1.57534vw 5.34247vw 3.28767vw 1.9863vw;
        display: flex;
        flex-direction: column;
        gap: 2.87671vw;
    }

    .about__text::before {
        background: url("data:image/svg+xml,%3Csvg viewBox='0 0 749 328' preserveAspectRatio='none' fill='%23f2f2f2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M537.545 328L0 328L-2.86747e-05 6.54797e-05L749 0L537.545 328Z'/%3E%3C/svg%3E") center / contain no-repeat;
        width: 100%;
    }

    .about__text::after {
        content: '';
        background: url("data:image/svg+xml,%3Csvg viewBox='0 0 111 75' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M83.3233 0L35.3503 74.2357L62.1131 74.2357L111 0H83.3233Z' fill='%23C5C5C5'/%3E%3Cpath d='M47.9729 0L0 74.2357L26.7627 74.2357L75.6496 0H47.9729Z' fill='%23C5C5C5'/%3E%3C/svg%3E") no-repeat center / contain;
        width: 7.60274vw;
        height: 5.13699vw;
        position: absolute;
        right: 13.76712vw;
        bottom: -1.09589vw;
    }

    .about__link {
        border-radius: 0.20548vw;
        font-size: 1.09589vw;
        line-height: 1.25;
        padding: 0.68493vw 3.9726vw;
        width: fit-content;
    }

    .about__aside {
        width: 58.15068vw;
        margin: 0.54795vw 0 0 -12.19178vw;
    }

    .about__media {
        height: 100%;
    }

    .about__media::before {
        display: none;
    }

    .about__slider {
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 850 387' fill='red'%3E%3Cpath d='M249.765 0H849.265V387H0L249.765 0Z'/%3E%3C/svg%3E") center / contain no-repeat;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .about__badge {
        font-size: 2.05479vw;
        line-height: 1;
        overflow: hidden;
        width: auto;
        padding: 0.68493vw 1.71233vw 0.61644vw 2.73973vw;
    }

    .about__badge::before {
        width: 100%;
        transform: skew(330deg);
    }

    .about__img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .about__nav {
        left: auto;
        right: 14.45205vw;
        bottom: 1.0274vw;
        height: 2.46575vw;
        width: 6.30137vw;
    }

    .about__nav-btn {
        left: 0;
    }

    .about__nav-btn--next {
        left: auto;
        right: 0;
    }

    .categories__slider {
        --nav-btn-size: 2.46575vw;
        margin: -3.42466vw calc(var(--wrap-padding) * -1);
        padding: 3.42466vw var(--wrap-padding);
    }

    .categories__slide {
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        height: auto;
    }

    .categories__slide > * {
        height: 100%;
    }

    .categories__slide.swiper-slide-active,
    .categories__slide.swiper-slide-active + *,
    .categories__slide.swiper-slide-active + * + *,
    .categories__slide.swiper-slide-active + * + * + *,
    .categories__slide.swiper-slide-active + * + * + * + * {
        opacity: 1;
        visibility: visible;
    }

    .categories__slider:has(.slider-scrollbar) {
        margin-bottom: -2.05479vw;
    }

    .category-card {
        box-shadow: 0 0 3.15068vw -1.23288vw rgb(0 0 0 / .25);
        padding: 0.54795vw 0.9589vw 0.9589vw;
    }

    .category-card:hover {
        box-shadow: 0 0 3.15068vw -1.23288vw rgb(0 0 0 / .5);
    }

    .category-card__body {
        gap: 0.13699vw;
    }

    .category-card__head {
        gap: 0.27397vw;
    }

    .category-card__price {
        font-size: 1.09589vw;
        padding: 0.20548vw 0.47945vw 0.13699vw 1.09589vw;
        line-height: 1.25;
    }

    .category-card__title {
        font-size: 1.36986vw;
    }

    .category-card__list {
        gap: 0;
    }

    .category-card__link {
        font-size: 0.9589vw;
    }

    .category-card__all {
        font-size: 1.09589vw;
        gap: 0.41096vw;
        margin-top: auto;
    }

    .category-card__all-icon-wrap {
        width: 1.30137vw;
        height: 1.30137vw;
        padding: 0.20548vw;
    }

    .edges {
        padding-bottom: 1.71233vw;
    }

    .edges__title {
        margin-bottom: 3.35616vw;
    }

    .edges__grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 3.08219vw 2.87671vw;
    }

    .edge-card {
        min-height: auto;
        padding: 3.08219vw 1.71233vw 1.57534vw 2.05479vw;
        gap: 0.68493vw;
    }

    .edge-card__num {
        font-size: 13.69863vw;
        line-height: 1;
        right: 0;
        bottom: -2.26027vw;
    }

    .edge-card__head {
        gap: 1.71233vw;
        margin-right: 0;
    }

    .edge-card__title {
        font-size: 1.36986vw;
        line-height: 1;
    }

    .edge-card__icon {
        width: 2.46575vw;
        height: 2.46575vw;
    }

    .edge-card__text {
        font-size: 1.09589vw;
        line-height: 1.125;
    }

    .edge-card--cta {
        grid-column: span 5;
        padding: 0.47945vw 0.68493vw;
        flex-direction: row;
        justify-content: center;
        background: none;
        box-shadow: none;
    }

    .edge-card--cta::before {
        transform: none;
        width: 15.82192vw;
        height: 23.49315vw;
        right: 6.71233vw;
        bottom: -1.71233vw;
        left: auto;
        top: auto;
    }

    .edge-card--cta::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-style: solid;
        border-color: #FFBF1C transparent;
        border-width: 3.69863vw 2.19178vw 0 0;
        z-index: -1;
    }

    .edge-card__cta::after {
        left: calc(100% + 0.34247vw);
        bottom: -0.47945vw;
        background: url("data:image/svg+xml,%3Csvg viewBox='0 0 99 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M72.102 0H98.1433L58.3948 66.0004H32.3535L72.102 0Z' fill='%23202020'/%3E%3Cpath d='M39.7485 0H65.7898L26.0413 66.0004H0L39.7485 0Z' fill='%23202020'/%3E%3C/svg%3E") no-repeat center / contain;
        width: 6.78082vw;
        height: 4.52055vw;
    }

    .edge-card__cta {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 2.53425vw;
        position: relative;
    }

    .edge-card__cta-text {
        font-size: 1.50685vw;
        line-height: 1.36986vw;
    }

    .edge-card__cta-btn {
        border-radius: 0.20548vw;
        font-size: 1.09589vw;
        line-height: 1.25;
        height: 2.73973vw;
        padding: 0.68493vw 2.67123vw;
    }

    .assembly {
        margin: 2.73973vw 0 0;
        padding: 1.0274vw 0.68493vw 0 4.86301vw;
        gap: 0.9589vw;
    }

    .assembly::before {
        background-image: url(../image/repair-big.webp);
        width: 43.0137vw;
        height: 16.91781vw;
        top: auto;
        right: 5.9589vw;
        bottom: 0;
    }

    .assembly__decor::before {
        width: 58.15068vw;
        height: 21.36986vw;
        top: -2.94521vw;
        left: -0.20548vw;
    }

    .assembly__decor::after {
        background-image: url(../image/energy-big.svg);
        width: 21.16438vw;
        height: 100%;
    }

    .assembly__title {
        font-size: 3.28767vw;
        line-height: 1.04167;
        max-width: 60.27397vw;
    }

    .assembly__btn {
        border-radius: 0.20548vw;
        font-size: 1.09589vw;
        line-height: 1.25;
        gap: 0.47945vw;
        padding: 0.68493vw 1.71233vw;
    }

    .assembly__btn-icon {
        background: url("data:image/svg+xml,%3Csvg viewBox='0 0 75 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M74.7071 8.07112C75.0976 7.6806 75.0976 7.04743 74.7071 6.65691L68.3431 0.292946C67.9526 -0.0975785 67.3195 -0.0975785 66.9289 0.292946C66.5384 0.68347 66.5384 1.31664 66.9289 1.70716L72.5858 7.36401L66.9289 13.0209C66.5384 13.4114 66.5384 14.0446 66.9289 14.4351C67.3195 14.8256 67.9526 14.8256 68.3431 14.4351L74.7071 8.07112ZM0 7.36401L0 8.36401H74V7.36401V6.36401H0L0 7.36401Z' fill='%23FFBF1C'/%3E%3C/svg%3E") no-repeat center / 5.13699vw 1.0274vw;
        width: 5.13699vw;
        height: 1.0274vw;
    }

    .assembly__note {
        font-size: 1.09589vw;
        width: fit-content;
        line-height: 1.25;
        padding: 0.13699vw 1.23288vw 0.54795vw 1.0274vw;
        margin: 1.0274vw 0 0;
        font-weight: 500;
    }

    .callback {
        background: url(../image/questions-big.svg) no-repeat top 0.68493vw left 1.71233vw / 66.64384vw 9.52055vw #FFBF1C;
        margin: -2.05479vw 0 0;
        padding: 0.68493vw 4.17808vw 0.68493vw 4.45205vw;
        flex-direction: row;
        align-items: center;
        position: relative;
        gap: 3.83562vw;
    }

    .callback::before {
        content: '';
        width: 19.38356vw;
        height: 10.9589vw;
        background: url(../image/scooter-half.webp) no-repeat center / contain;
        display: block;
        margin: -0.68493vw 0;
        flex-shrink: 0;
    }

    .callback__title {
        font-size: 3.28767vw;
        line-height: 1.04167;
        text-align: left;
    }

    .callback__title br {
        display: block;
    }

    .callback__inner {
        flex-direction: column;
        gap: 0.20548vw;
        margin-left: auto;
        flex-shrink: 0;
    }

    .callback__phone {
        font-size: 2.73973vw;
    }

    .callback__btn {
        gap: 0.47945vw;
        font-size: 1.09589vw;
        line-height: 1.25;
        border-radius: 0.20548vw;
        padding: 0.68493vw;
        justify-content: center;
    }

    .callback__btn-icon {
        width: 1.09589vw;
        height: 1.09589vw;
    }

    .catalog__inner {
        display: flex;
        align-items: flex-start;
        gap: 2.73973vw;
    }

    .catalog__aside {
        display: block;
        width: 16.9863vw;
        flex-shrink: 0;
        background: #fff;
        box-shadow: 0 0 3.15068vw -1.23288vw rgb(0 0 0 / .25);
        position: relative;
        z-index: 2;
    }

    .filter {
        gap: 1.0274vw;
        padding: 0.89041vw 1.43836vw 1.09589vw;
    }

    .filter__title {
        font-size: 1.23288vw;
        margin-bottom: 1.0274vw;
    }

    .range-slider {
        gap: 1.0274vw;
    }

    .range-slider__field {
        width: 5.75342vw;
        height: 2.46575vw;
        border-radius: 0.27397vw;
        border: 0.06849vw solid #C5C5C5;
        font-size: 1.09589vw;
    }

    .range-slider__field-separator {
        font-size: 1.23288vw;
        margin: 0 .75342vw;
    }

    .filter__body {
        gap: 1.0274vw;
    }

    .filter__list-wrapper {
        max-height: 12.39726vw;
    }

    .filter__list {
        gap: 0.54795vw;
    }

    .filter__item {
        font-size: 1.09589vw;
    }

    .checkbox {
        gap: 0.54795vw;
    }

    .checkbox__box {
        width: 1.30137vw;
        height: 1.30137vw;
        border: 0.06849vw solid #C5C5C5;
        border-radius: 0.20548vw;
    }

    .checkbox__box::before {
        width: 0.75342vw;
        height: 0.61644vw;
    }

    .checkbox__text {
        gap: 0.54795vw;
    }

    .filter__search {
        border-radius: 0.27397vw;
        border: 0.06849vw solid #C5C5C5;
        height: 2.46575vw;
        font-size: 1.09589vw;
        padding: 0 0.68493vw;
    }

    .filter__toggle {
        gap: 0.41096vw;
        font-size: 1.09589vw;
    }

    .filter__toggle-icon {
        width: 0.61644vw;
        height: 0.41096vw;
    }

    .range-slider__range {
        height: 0.13699vw;
        margin: 0.30822vw 0.37671vw;
    }

    .range-slider__range .noUi-handle {
        width: 0.75342vw;
        height: 0.75342vw;
        border: 0.13699vw solid #FFBF1C;
        border-radius: 3.42466vw;
        top: -0.30822vw;
        right: -0.30822vw;
    }

    .catalog__content {
        width: 0;
        flex: 1 0 0;
        gap: 1.36986vw;
    }

    .catalog-cats {
        margin: -3.42466vw;
        padding: 3.42466vw;
        --nav-btn-size: 2.46575vw;
        width: calc(100% + 6.84932vw);
    }

    .catalog-cats__link {
        flex-direction: column;
        align-items: flex-start;
        font-size: 1.09589vw;
        font-weight: 900;
        line-height: 1.25;
        background: #fff;
        box-shadow: 0 0 3.15068vw -1.23288vw rgb(0 0 0 / .25);
        padding: 0.41096vw 1.71233vw 1.43836vw;
        gap: 0.13699vw;
    }

    .catalog-cats__img {
        display: block;
        width: 100%;
    }

    .catalog-cats__name {
        margin: 0 -0.68493vw;
        display: block;
    }

    .catalog-cats__nav .slider-nav__btn {
        left: 2.19178vw;
    }

    .catalog-cats__nav .slider-nav__btn--next {
        right: 2.19178vw;
        left: auto;
    }

    .catalog-cats__slide {
        opacity: 0;
        visibility: hidden;
        transition: .3s;
    }

    .catalog-cats__slide.swiper-slide-active,
    .catalog-cats__slide.swiper-slide-active + *,
    .catalog-cats__slide.swiper-slide-active + * + *,
    .catalog-cats__slide.swiper-slide-active + * + * + *,
    .catalog-cats__slide.swiper-slide-active + * + * + * + * {
        opacity: 1;
        visibility: visible;
    }

    .catalog__toolbar {
        display: flex;
        justify-content: flex-end;
        gap: 0.68493vw;
        padding: 0.20548vw 0.20548vw 0;
    }

    .catalog__filter-btn {
        display: none;
    }

    .catalog__sort {
        display: flex;
        align-items: center;
        gap: 0.41096vw;
    }

    .catalog__sort-label {
        display: block;
        font-size: 1.09589vw;
        font-weight: 600;
        font-style: italic;
        line-height: 1;
    }

    .catalog__sort-field {
        border-radius: 0;
        border: none;
        font-size: 1.09589vw;
        line-height: 1;
        font-weight: 400;
        padding: 0 1.36986vw 0 0;
        width: auto;
        background-size: 0.61644vw 0.41096vw;
        background-position: right center;
    }

    .catalog__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 2.73973vw 3.0137vw;
    }

    .catalog__more {
        border-radius: 0.20548vw;
        font-size: 1.09589vw;
        padding: 0.68493vw 3.69863vw;
        width: fit-content;
        margin: 1.36986vw auto 0;
    }

    .pagination {
        margin: 1.36986vw 0 0;
        gap: 1.0274vw;
    }

    .pagination__link, .pagination__text {
        width: 2.19178vw;
        height: 2.19178vw;
        line-height: 2.19178vw;
        border-radius: 0.20548vw;
        font-size: 1.09589vw;
    }

    .pagination__icon {
        padding: 0.82192vw;
    }

    .product {
        padding-top: 0.9589vw;
    }

    .product__inner {
        flex-direction: row;
        gap: 6.16438vw;
        padding: 1.57534vw 0 0;
    }

    .product__gallery {
        width: 45.47945vw;
        height: 36.30137vw;
        flex-direction: row;
        gap: 0.9589vw;
        margin: 0;
    }

    .product__gallery-main {
        width: 36.30137vw;
        border-radius: 0.54795vw;
        overflow: hidden;
    }

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

    .product__thumbs {
        width: 8.21918vw;
        height: calc(100% + 0.34247vw);
        padding-bottom: 0.34247vw;
    }

    .product__info {
        display: flex;
        flex-direction: column;
        padding-bottom: 0.9589vw;
    }

    .product__gallery-slide {
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product__thumb::before {
        content: '';
        background: #FFBF1C;
        position: absolute;
        left: 0;
        bottom: -0.34247vw;
        width: 100%;
        height: 0.13699vw;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
    }

    .product__thumb.swiper-slide-thumb-active::before {
        opacity: 1;
        visibility: visible;
    }

    .product__thumb-img {
        border-radius: 0.54795vw;
    }

    .product__title {
        font-size: 3.83562vw;
        line-height: 3.56164vw;
        margin: -0.34247vw 0 0.68493vw;
    }

    .product__specs {
        margin: auto 0 0.68493vw;
        gap: 0.82192vw;
        width: fit-content;
        min-width: 17.26027vw;
        max-width: 100%;
    }

    .product__spec {
        gap: 0.54795vw;
        font-size: 1.23288vw;
        line-height: 1;
    }

    .product__spec-icon {
        width: 1.0274vw;
        height: 1.0274vw;
    }

    .product__purchase {
        margin-top: auto;
        gap: 0.68493vw;
        align-items: stretch;
    }

    .product__features {
        display: contents;
    }

    .product__feature {
        gap: 0.75342vw;
        border-radius: 0.27397vw;
        border-width: 0.06849vw;
        font-size: 1.23288vw;
        line-height: 1.11111;
        padding: 0.68493vw;
        justify-content: center;
    }

    .product__feature-icon {
        width: 1.64384vw;
        height: 1.64384vw;
    }

    .product__price {
        font-size: 2.46575vw;
        line-height: 1.27778;
        width: 100%;
        order: -1;
    }

    .product__credit {
        font-size: 1.09589vw;
        line-height: 0.68493vw;
        border-radius: 0.20548vw;
        padding: 0.89041vw 0.75342vw 1.0274vw 0.68493vw;
        gap: 0.68493vw;
        flex-shrink: 0;
    }

    .product__credit-value {}

    .product__oneclick {
        font-size: 1.09589vw;
        line-height: 1.25;
        padding: 1.0274vw;
        border-radius: 0.20548vw;
        margin-top: 0.68493vw;
    }

    .product__actions {
        gap: 0.89041vw;
        flex-direction: row;
        margin-top: 0.68493vw;
    }

    .product__action {
        font-size: 1.09589vw;
        line-height: 1.25;
        padding: 1.0274vw;
        border-radius: 0.20548vw;
        flex-grow: 1;
    }

    .tabs {
        gap: 1.78082vw;
    }

    .product__tabs {
        margin-top: 3.42466vw;
    }

    .tabs__list {
        margin: 0;
        gap: 1.0274vw;
    }

    .tabs__btn {
        border-width: 0.06849vw;
        font-size: 1.09589vw;
        line-height: 1.25;
        border-radius: 0.20548vw;
        padding: 0.61644vw;
        width: 100%;
    }

    .product-content {
        --img-margin-top: 0;
        --img-margin-bottom: 0;
        --p-margin-top: 0;
        --p-margin-bottom: 0;
        --h-margin-top: 10.66667vw;
        --h-margin-bottom: 5.33333vw;
        --l-margin-top: 0;
        --l-margin-bottom: 0;
        --l-padding-left: 8vw;
        line-height: 1.22222;
    }

    .product__assembly {
        margin-top: 7.46575vw;
    }

    .tabs__item {
        flex: 1 0 0;
    }

    .similar {
        margin-top: -1.71233vw;
    }

    .specs {
        font-size: 1.50685vw;
        gap: 0;
        line-height: .81818;
    }

    .specs__item {
        padding: 0.68493vw 2.05479vw 1.36986vw;
        gap: 0.68493vw;
    }

    .specs__item:nth-child(2n) {
        background: #F8F8F8;
    }

    .options {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2.26027vw;
    }

    .options__item {
        gap: 0.34247vw;
    }

    .options__icon-wrap {
        width: 1.78082vw;
    }

    .options__body {
        font-size: 1.09589vw;
        gap: 0.82192vw;
    }

    .options--cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .options__icon-wrap--width-auto {
        width: auto;
        max-width: 4.79452vw;
    }

    .products-slider .swiper-slide-active,
    .products-slider .swiper-slide-active + *,
    .products-slider .swiper-slide-active + * + *,
    .products-slider .swiper-slide-active + * + * + *,
    .products-slider .swiper-slide-active + * + * + * + * {
        opacity: 1;
        visibility: visible;
    }

    .panel {
        width: 558px;
        left: auto;
        right: 0;
    }

    .panel__close {
        top: 24px;
        right: 24px;
        width: 23px;
        height: 23px;
    }

    .panel__inner {
        padding: 18px;
    }

    .panel__title {
        font-size: 56px;
        line-height: 52px;
        margin: 17px 0 0 20px;
    }

    .panel__title-count {
        display: inline-block;
        font-size: 22px;
        font-weight: 400;
        font-family: var(--font-main);
        text-transform: none;
        margin: 0 0 0 24px;
    }

    .panel__cart {
        margin-top: 18px;
        border-top: 1px solid #D7D7D7;
        padding: 34px 15px 0;
        gap: 46px;
    }

    .panel__cart-list {
        gap: 46px;
    }

    .panel__cart-item {
        gap: 28px;
    }

    .panel__cart-img-link {
        width: 124px;
        height: 124px;
        margin: 0;
    }

    .panel__cart-name {
        font-size: 28px;
        line-height: 1.14286;
    }

    .panel__cart-price {
        font-size: 22px;
        margin: 5px 0;
    }

    .panel__cart-qty {
        margin: 0;
    }

    .qty {
        gap: 14px;
    }

    .qty__btn {
        width: 32px;
        height: 32px;
        border-radius: 3px;
        padding: 8px;
    }

    .qty__value {
        width: 30px;
        font-size: 22px;
    }

    .panel__cart-remove {
        width: 18px;
        height: 20px;
        margin-top: 4px;
    }

    .panel__cart-btn {
        border-radius: 3px;
        height: 50px;
        padding: 5px;
        font-size: 16px;
    }

    .list-serial {
        gap: 2.73973vw;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .list-serial__item {
        gap: 1.36986vw;
    }

    .list-serial__icon {
        width: 4.10959vw;
        height: 4.10959vw;
        padding: 0.82192vw;
        border-radius: 0.27397vw;
    }

    .gallery-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .gallery-item {
        border-width: 0.06849vw;
    }

    .gallery-item__zoom {
        gap: 0.41096vw;
        font-size: 1.36986vw;
    }

    .gallery-item__zoom-icon {
        width: 2.05479vw;
        height: 2.05479vw;
    }
}

/******************************************/
/************ 9.3 Wide screens ************/
/******************************************/

@media screen and (max-width: 1460px) and (min-width: 981px) {
    .hide-lg {
        display: none !important;
    }
}

@media screen and (min-width: 981px) {
    
}

@media screen and (min-width: 1461px) {
    .hide-xl {
        display: none !important;
    }

    :root {
        --wrap-padding: 20px;
    }

    body {
        font-size: 18px;
        line-height: 1.22222;
    }

    a:not([class]) {
        text-decoration: underline 1px;
        text-underline-offset: 1px;
    }

    h1:not([class]),
    h2:not([class]),
    h3:not([class]),
    h4:not([class]),
    h5:not([class]),
    h6:not([class]) {
        margin: 20px 0;
    }

    h1:not([class]) {
        font-size: 48px;
    }

    h2:not([class]) {
        font-size: 40px;
    }

    h3:not([class]) {
        font-size: 34px;
    }

    h4:not([class]) {
        font-size: 28px;
    }

    h5:not([class]) {
        font-size: 24px;
    }

    h6:not([class]) {
        font-size: 22px;
    }

    .content {
        line-height: 1.22222;
        --img-margin-top: 22px;
        --img-margin-bottom: 22px;
        --p-margin-top: 22px;
        --p-margin-bottom: 22px;
        --h-margin-top: 33px;
        --h-margin-bottom: 22px;
        --l-margin-top: 22px;
        --l-margin-bottom: 22px;
        --l-padding-left: 33px;
    }

    .content img:not([class]) {
        border-radius: 3px;
    }

    .header__top {
        display: block;
        padding: 12px 0;
        border-bottom: 2px solid #FFBF1C;
        line-height: 1.3125;
    }

    .header__top-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .header-nav {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        gap: 30px;
    }

    .header-nav__link {
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        font-weight: 600;
        font-style: italic;
        display: block;
    }

    .header-info {
        fill: #FFBF1C;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 348px;
        font-size: 16px;
        font-weight: 600;
        font-style: italic;
    }

    .header-info__item {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .header-info__icon {
        width: 15px;
        height: 15px;
    }

    .header-info__icon--placemark {
        width: 13px;
        height: 17px;
    }

    .header__bottom {
        padding: 27px 0;
    }

    .header__bottom-inner {
        flex-wrap: nowrap;
        gap: 23px;
    }

    .header__logo {
        max-width: 307px;
        flex-shrink: 0;
    }

    .header__middle {
        width: auto;
        flex-grow: 1;
        margin: 0;
        padding: 0;
        background: none;
        gap: 10px;
        flex-direction: row;
    }

    .catalog-menu__btn {
        gap: 7px;
        padding: 9px 20px;
        border-radius: 3px;
        font-size: 16px;
        line-height: 1.375;
        font-weight: 900;
    }

    .catalog-menu__icon {
        width: 13px;
        height: 14px;
    }


    .header-search__input {
        border-radius: 3px;
        height: 40px;
        background-size: 16px 16px;
        background-position: left 10px center;
        padding: 0 10px 0 35px;
        font-size: 16px;
    }

    .header-search__dropdown {
        top: calc(100% + 4px);
        padding: 15px;
        border-radius: 3px;
        box-shadow: 0 4px 15px rgb(0 0 0 / .2);
    }

    .header-search__results {
        gap: 10px;
    }

    .product-preview {
        gap: 10px;
    }

    .product-preview__img {
        width: 50px;
        height: 50px;
    }

    .product-preview__info {
        gap: 4px;
    }

    .product-preview__name {
        font-size: 16px;
    }

    .product-preview__price {
        font-size: 14px;
    }

    .header-search__empty {
        font-size: 16px;
    }

    .header-search__all {
        margin-top: 15px;
        padding: 10px 15px;
        font-size: 16px;
        border-radius: 3px;
    }

    .header__side {
        order: 3;
        margin: 0 0 0 5px;
        gap: 15px;
        width: 348px;
        justify-content: space-between;
    }

    .header-phone {
        font-size: 16px;
        font-weight: 600;
        font-style: italic;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .header-phone__link {
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 20px;
        color: #fff;
        text-decoration: none;
    }

    .header-phone__icon {
        width: 16px;
        height: 16px;
    }

    .header-phone__btn {
        display: block;
        color: #FFBF1C;
        background: none;
        padding: 0;
        border: none;
        font-weight: inherit;
        font-size: inherit;
        font-style: inherit;
        margin: -2px 32px 0 0;
    }

    .header-cart {
        width: 22px;
        height: 24px;
        font-size: 13px;
        margin: -2px 3px 0 0;
    }

    .header-cart__count {
        width: 20px;
        height: 20px;
        border-radius: 50px;
        line-height: 20px;
        left: calc(100% - 6px);
        top: -6px;
        padding: 0 3px;
    }

    .socials {
        gap: 12px;
    }

    .socials__link {
        width: var(--social-icon-size, 35px);
        height: var(--social-icon-size, 35px);
    }

    .nav {
        display: block;
        padding: 7px 0 11px;
    }

    .nav__link {
        color: #202020;
        font-size: 20px;
        font-weight: 600;
        font-style: italic;
        text-decoration: none;
        line-height: 1.3;
        display: block;
    }

    .main {
        gap: 80px;
        padding-bottom: 50px;
    }

    .grid-2 {
        gap: 30px;
    }

    .slider {
        --nav-btn-size: 36px;
        margin: -50px max(-50px, calc((100vw - var(--wrap-size)) / 2 * -1 - var(--wrap-padding)));
        padding: 50px min(50px, calc((100vw - var(--wrap-size)) / 2 + var(--wrap-padding)));
    }

    .hero__slider {
        margin: 0 calc((100vw - var(--wrap-size) + var(--wrap-padding) * 2) / 2 * -1);
        padding: 0 calc((100vw - var(--wrap-size) + var(--wrap-padding) * 2) / 2);
    }

    .hero__slide {
        transition: opacity .3s, filter .3s;
    }

    .hero__slide:not(.swiper-slide-active) {
        opacity: 0.25;
        filter: blur(7.1px);
    }

    .hero__nav {
        margin: 0;
        height: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        width: min(1548px, 100vw - 4px);
        transform: translateX(-50%);
        z-index: 3;
    }

    .hero__nav .slider-nav__btn {
        left: 0;
    }

    .hero__nav .slider-nav__btn--next {
        left: auto;
        right: 0;
    }

    .slider-nav__btn {
        padding: 8px;
        left: calc(50% - var(--wrap-size) / 2 + var(--wrap-padding) - var(--nav-btn-size) / 2);
    }

    .slider-nav__btn--next {
        left: auto;
        right: calc(50% - var(--wrap-size) / 2 + var(--wrap-padding) - var(--nav-btn-size) / 2);
    }

    .product-card {
        padding: 28px 21px 19px;
        gap: 19px;
        box-shadow: 0 0 46px -18px rgb(0 0 0 / .25);
    }

    .product-card__body {
        border-width: 2px;
        margin: 0 -7px 0 0;
        padding-top: 11px;
        gap: 13px;
    }

    .product-card__title {
        font-size: 19px;
        line-height: 18px;
        font-weight: 600;
    }

    .product-card__specs {
        font-size: 13px;
    }

    .product-card__price-row {
        gap: 6px;
    }

    .product-card__price {
        font-size: 22px;
        line-height: 1;
    }

    .product-card__credit {
        font-size: 12px;
        border-radius: 3px;
        line-height: 10px;
        padding: 1px 2px 4px 5px;
        margin-right: 7px;
        gap: 2px;
    }

    .product-card__content {
        position: relative;
        min-height: 88px;
    }

    .product-card__actions {
        gap: 8px;
    }

    .product-card__more {
        height: 40px;
        border-radius: 3px;
        font-size: 12px;
    }

    .product-card__oneclick {
        font-size: 12px;
        border-radius: 3px;
        height: 40px;
        border-width: 1px;
    }

    .slider-scrollbar {
        top: calc(100% - 30px);
        height: 1px;
    }

    .slider:has(.slider-scrollbar) {
        margin-bottom: -30px;
    }

    .slider-scrollbar .swiper-scrollbar-drag {
        top: -.5px;
        height: 2px;
    }

    .footer {
        padding: 52px 0 71px;
        background-size: 123px 62px;
        background-position: right calc((100vw - var(--wrap-size)) / 2 + var(--wrap-padding)) bottom 0;
    }

    .footer__grid {
        justify-content: space-between;
        flex-direction: row;
        gap: 40px;
    }

    .footer-nav {
        gap: 12px;
    }

    .footer-nav__title {
        font-size: 36px;
    }

    .footer-nav__list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 26px;
    }

    .footer-nav__link {
        font-size: 16px;
        line-height: 1.3125;
    }

    .footer__side {
        gap: 109px;
        border: none;
        padding: 0;
        flex-direction: row;
    }

    .footer-contacts {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .footer-contacts__title {
        font-size: 36px;
        font-family: var(--font-accent);
        font-weight: 700;
        font-style: italic;
        text-transform: uppercase;
        line-height: 1;
        display: block;
    }

    .footer-contacts__body {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 7px;
    }

    .footer-contacts__item {
        font-size: 16px;
        gap: 8px;
    }

    .footer-contacts__item--phone {
        gap: 0;
        margin-top: 6px;
    }

    .footer-contacts__icon {
        width: 15px;
        height: 15px;
    }

    .footer-contacts__item--address .footer-contacts__icon {
        width: 13px;
        height: 17px;
    }

    .footer-contacts__link {
        gap: 8px;
        font-size: 20px;
    }

    .footer-contacts__btn {
        font-size: 16px;
        margin: -1px 31px 0 0;
    }

    .footer__bottom {
        align-items: flex-end;
        gap: 51px;
    }

    .footer__legal {
        flex-direction: column;
        gap: 3px;
        font-size: 12px;
        text-align: right;
    }

    .catalog {
        padding-top: 14px;
    }

    .breadcrumbs {
        gap: 5px;
        margin-bottom: 10px;
    }

    .breadcrumbs__item {
        gap: 5px;
        font-size: 14px;
    }

    .section-title {
        font-size: 48px;
        line-height: 1.04167;
        margin-bottom: 40px;
    }

    .catalog__title {
        margin-bottom: 24px;
    }

    .about__info {
        width: 749px;
    }

    .about__title {
        margin-bottom: 16px;
    }

    .about__text {
        font-size: 18px;
        padding: 23px 78px 48px 29px;
        display: flex;
        flex-direction: column;
        gap: 42px;
    }

    .about__text::after {
        content: '';
        background: url("data:image/svg+xml,%3Csvg viewBox='0 0 111 75' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M83.3233 0L35.3503 74.2357L62.1131 74.2357L111 0H83.3233Z' fill='%23C5C5C5'/%3E%3Cpath d='M47.9729 0L0 74.2357L26.7627 74.2357L75.6496 0H47.9729Z' fill='%23C5C5C5'/%3E%3C/svg%3E") no-repeat center / contain;
        width: 111px;
        height: 75px;
        position: absolute;
        right: 201px;
        bottom: -16px;
    }

    .about__link {
        border-radius: 3px;
        font-size: 16px;
        line-height: 1.25;
        padding: 10px 58px;
        width: fit-content;
    }

    .about__aside {
        width: 849px;
        margin: 8px 0 0 -178px;
    }

    .about__slider {
        margin: 0;
        padding: 0;
    }

    .about__badge {
        font-size: 30px;
        line-height: 1;
        overflow: hidden;
        width: auto;
        padding: 10px 25px 9px 40px;
    }

    .about__nav {
        left: auto;
        right: 211px;
        bottom: 15px;
        height: 36px;
        width: 92px;
    }

    .categories__slider {
        --nav-btn-size: 36px;
        margin: -50px max(-50px, calc((100vw - var(--wrap-size)) / 2 * -1 - var(--wrap-padding)));
        padding: 50px min(50px, calc((100vw - var(--wrap-size)) / 2 + var(--wrap-padding)));
    }

    .categories__slider:has(.slider-scrollbar) {
        margin-bottom: -30px;
    }

    .category-card {
        box-shadow: 0 0 46px -18px rgb(0 0 0 / .25);
        padding: 8px 14px 14px;
    }

    .category-card:hover {
        box-shadow: 0 0 46px -18px rgb(0 0 0 / .5);
    }

    .category-card__body {
        gap: 2px;
    }

    .category-card__head {
        gap: 4px;
    }

    .category-card__price {
        font-size: 16px;
        padding: 3px 7px 2px 16px;
        line-height: 1.25;
    }

    .category-card__title {
        font-size: 20px;
    }

    .category-card__link {
        font-size: 14px;
    }

    .category-card__all {
        font-size: 16px;
        gap: 6px;
    }

    .category-card__all-icon-wrap {
        width: 19px;
        height: 19px;
        padding: 3px;
    }

    .edges {
        padding-bottom: 25px;
    }

    .edges__title {
        margin-bottom: 49px;
    }

    .edges__grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 45px 42px;
    }

    .edge-card {
        min-height: auto;
        padding: 45px 25px 23px 30px;
        gap: 10px;
    }

    .edge-card__num {
        font-size: 200px;
        line-height: 1;
        right: 0;
        bottom: -33px;
    }

    .edge-card__head {
        gap: 25px;
        margin-right: 0;
    }

    .edge-card__title {
        font-size: 20px;
        line-height: 1;
    }

    .edge-card__icon {
        width: 36px;
        height: 36px;
    }

    .edge-card__text {
        font-size: 16px;
        line-height: 1.125;
    }

    .edge-card--cta {
        grid-column: span 5;
        padding: 7px 10px;
        flex-direction: row;
        justify-content: center;
        background: none;
        box-shadow: none;
    }

    .edge-card--cta::before {
        transform: none;
        width: 231px;
        height: 343px;
        right: 98px;
        bottom: -25px;
        left: auto;
        top: auto;
    }

    .edge-card--cta::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-style: solid;
        border-color: #FFBF1C transparent;
        border-width: 54px 32px 0 0;
        z-index: -1;
    }

    .edge-card__cta::after {
        left: calc(100% + 5px);
        bottom: -7px;
        background: url("data:image/svg+xml,%3Csvg viewBox='0 0 99 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M72.102 0H98.1433L58.3948 66.0004H32.3535L72.102 0Z' fill='%23202020'/%3E%3Cpath d='M39.7485 0H65.7898L26.0413 66.0004H0L39.7485 0Z' fill='%23202020'/%3E%3C/svg%3E") no-repeat center / contain;
        width: 99px;
        height: 66px;
    }

    .edge-card__cta {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 37px;
        position: relative;
    }

    .edge-card__cta-text {
        font-size: 22px;
        line-height: 20px;
    }

    .edge-card__cta-btn {
        border-radius: 3px;
        font-size: 16px;
        line-height: 1.25;
        height: 40px;
        padding: 10px 39px;
    }

    .assembly {
        margin: 40px 0 0;
        padding: 15px 10px 0 71px;
        gap: 14px;
    }

    .assembly::before {
        background-image: url(../image/repair-big.webp);
        width: 628px;
        height: 247px;
        top: auto;
        right: 87px;
        bottom: 0;
    }

    .assembly__decor::before {
        width: 849px;
        height: 312px;
        top: -43px;
        left: -3px;
    }

    .assembly__decor::after {
        background-image: url(../image/energy-big.svg);
        width: 309px;
        height: 100%;
    }

    .assembly__title {
        font-size: 48px;
        line-height: 1.04167;
        max-width: 880px;
    }

    .assembly__btn {
        border-radius: 3px;
        font-size: 16px;
        line-height: 1.25;
        gap: 7px;
        padding: 10px 25px;
    }

    .assembly__btn-icon {
        background: url("data:image/svg+xml,%3Csvg viewBox='0 0 75 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M74.7071 8.07112C75.0976 7.6806 75.0976 7.04743 74.7071 6.65691L68.3431 0.292946C67.9526 -0.0975785 67.3195 -0.0975785 66.9289 0.292946C66.5384 0.68347 66.5384 1.31664 66.9289 1.70716L72.5858 7.36401L66.9289 13.0209C66.5384 13.4114 66.5384 14.0446 66.9289 14.4351C67.3195 14.8256 67.9526 14.8256 68.3431 14.4351L74.7071 8.07112ZM0 7.36401L0 8.36401H74V7.36401V6.36401H0L0 7.36401Z' fill='%23FFBF1C'/%3E%3C/svg%3E") no-repeat center / 75px 15px;
        width: 75px;
        height: 15px;
    }

    .assembly__note {
        font-size: 16px;
        width: fit-content;
        line-height: 1.25;
        padding: 2px 18px 8px 15px;
        margin: 15px 0 0;
        font-weight: 500;
    }

    .callback {
        background: url(../image/questions-big.svg) no-repeat top 10px left 25px / 973px 139px #FFBF1C;
        margin: -30px 0 0;
        padding: 10px 61px 10px 65px;
        flex-direction: row;
        align-items: center;
        position: relative;
        gap: 56px;
    }

    .callback::before {
        content: '';
        width: 283px;
        height: 160px;
        background: url(../image/scooter-half.webp) no-repeat center / contain;
        display: block;
        margin: -10px 0;
        flex-shrink: 0;
    }

    .callback__title {
        font-size: 48px;
        line-height: 1.04167;
        text-align: left;
    }

    .callback__inner {
        flex-direction: column;
        gap: 3px;
        margin-left: auto;
        flex-shrink: 0;
    }

    .callback__phone {
        font-size: 40px;
    }

    .callback__btn {
        gap: 7px;
        font-size: 16px;
        line-height: 1.25;
        border-radius: 3px;
        padding: 10px;
        justify-content: center;
    }

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

    .catalog__inner {
        display: flex;
        align-items: flex-start;
        gap: 40px;
    }

    .catalog__aside {
        display: block;
        width: 248px;
        flex-shrink: 0;
        background: #fff;
        box-shadow: 0 0 46px -18px rgb(0 0 0 / .25);
        position: relative;
        z-index: 2;
    }

    .filter {
        display: flex;
        flex-direction: column;
        gap: 15px;
        padding: 13px 21px 16px;
    }

    .filter__title {
        font-size: 18px;
        font-weight: 600;
        font-style: italic;
        line-height: 1;
        margin-bottom: 15px;
    }

    .range-slider {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .range-slider__field {
        width: 84px;
        height: 36px;
        border-radius: 4px;
        border: 1px solid #C5C5C5;
        text-align: center;
        font-size: 16px;
        color: #202020;
    }

    .range-slider__field-separator {
        font-size: 18px;
        color: #202020;
        margin: 0 11px;
    }

    .filter__body {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .filter__list-wrapper {
        max-height: 181px;
        overflow: auto;
    }

    .filter__list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .filter__item {
        font-size: 16px;
        line-height: 1;
    }

    .checkbox {
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
    }

    .checkbox__box {
        width: 19px;
        height: 19px;
        display: block;
        border: 1px solid #C5C5C5;
        border-radius: 3px;
        transition: .3s;
    }

    .checkbox__box::before {
        content: '';
        background: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.382202 3.66614L4.15426 8.13672L10.441 0.313194' stroke='black'/%3E%3C/svg%3E") no-repeat center / contain;
        width: 11px;
        height: 9px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        visibility: hidden;
        transition: .3s;
    }

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

    .filter__search {
        border-radius: 4px;
        border: 1px solid #C5C5C5;
        height: 36px;
        width: 100%;
        font-size: 16px;
        padding: 0 10px;
    }

    .filter__toggle {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 0;
        background: none;
        border: none;
        color: #202020;
        font-size: 16px;
        line-height: 1;
    }

    .filter__toggle-icon {
        width: 9px;
        height: 6px;
        stroke: #202020;
        cursor: pointer;
        transition: .3s;
    }

    .range-slider__range {
        height: 2px;
        background: #ECECEC;
        border: none;
        border-radius: 0;
        box-shadow: none;
        margin: 4.5px 5.5px;
    }

    .range-slider__range .noUi-handle {
        width: 11px;
        height: 11px;
        border: 2px solid #FFBF1C;
        background: #fff;
        border-radius: 50px;
        top: -4.5px;
        right: -4.5px;
        box-shadow: none;
    }

    .catalog__content {
        width: 0;
        flex: 1 0 0;
        gap: 20px;
    }

    .catalog-cats {
        margin: -50px;
        padding: 50px;
        --nav-btn-size: 36px;
        width: calc(100% + 100px);
    }

    .catalog-cats__link {
        flex-direction: column;
        align-items: flex-start;
        font-size: 16px;
        font-weight: 900;
        line-height: 1.25;
        background: #fff;
        box-shadow: 0 0 46px -18px rgb(0 0 0 / .25);
        padding: 6px 25px 21px;
        gap: 2px;
    }

    .catalog-cats__name {
        margin: 0 -10px;
        display: block;
    }

    .catalog-cats__nav .slider-nav__btn {
        left: 32px;
    }

    .catalog-cats__nav .slider-nav__btn--next {
        right: 32px;
        left: auto;
    }

    .catalog__toolbar {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        padding: 3px 3px 0px;
    }

    .catalog__sort {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .catalog__sort-label {
        display: block;
        font-size: 16px;
        font-weight: 600;
        font-style: italic;
        line-height: 1;
    }

    .catalog__sort-field {
        border-radius: 0;
        border: none;
        font-size: 16px;
        line-height: 1;
        font-weight: 400;
        padding: 0 20px 0 0;
        width: auto;
        background-size: 9px 6px;
        background-position: right center;
    }

    .catalog__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 40px 44px;
    }

    .catalog__more {
        border-radius: 3px;
        font-size: 16px;
        padding: 10px 54px;
        width: fit-content;
        margin: 20px auto 0;
    }

    .pagination {
        margin: 20px 0 0;
        gap: 15px;
    }

    .pagination__link, .pagination__text {
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 3px;
        font-size: 16px;
    }

    .pagination__icon {
        padding: 12px;
    }

    .product {
        padding-top: 14px;
    }

    .product__inner {
        flex-direction: row;
        gap: 90px;
        padding: 23px 0 0;
    }

    .product__gallery {
        width: 664px;
        height: 530px;
        flex-direction: row;
        gap: 14px;
        margin: 0;
    }

    .product__gallery-main {
        width: 530px;
        border-radius: 8px;
        overflow: hidden;
    }

    .product__thumbs {
        width: 120px;
        height: calc(100% + 5px);
        padding-bottom: 5px;
    }

    .product__info {
        display: flex;
        flex-direction: column;
        padding-bottom: 14px;
    }

    .product__thumb::before {
        content: '';
        background: #FFBF1C;
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 100%;
        height: 2px;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
    }

    .product__thumb-img {
        border-radius: 8px;
    }

    .product__title {
        font-size: 56px;
        line-height: 52px;
        margin: -5px 0 10px;
    }

    .product__specs {
        margin: auto 0 10px;
        gap: 12px;
        width: fit-content;
        min-width: 252px;
        max-width: 100%;
    }

    .product__spec {
        gap: 8px;
        font-size: 18px;
        line-height: 1;
    }

    .product__spec-icon {
        width: 15px;
        height: 15px;
    }

    .product__purchase {
        margin-top: auto;
        gap: 10px;
        align-items: stretch;
    }

    .product__feature {
        gap: 11px;
        border-radius: 4px;
        border-width: 1px;
        font-size: 18px;
        line-height: 1.11111;
        padding: 10px;
        justify-content: center;
    }

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

    .product__price {
        font-size: 36px;
        line-height: 1.27778;
        width: 100%;
        order: -1;
    }

    .product__credit {
        font-size: 16px;
        line-height: 10px;
        border-radius: 3px;
        padding: 13px 11px 15px 10px;
        gap: 10px;
        flex-shrink: 0;
    }

    .product__oneclick {
        font-size: 16px;
        line-height: 1.25;
        padding: 15px;
        border-radius: 3px;
        margin-top: 10px;
    }

    .product__actions {
        gap: 13px;
        flex-direction: row;
        margin-top: 10px;
    }

    .product__action {
        font-size: 16px;
        line-height: 1.25;
        padding: 15px;
        border-radius: 3px;
        flex-grow: 1;
    }

    .tabs {
        gap: 26px;
    }

    .product__tabs {
        margin-top: 50px;
    }

    .tabs__list {
        margin: 0;
        gap: 15px;
    }

    .tabs__btn {
        border-width: 1px;
        font-size: 16px;
        line-height: 1.25;
        border-radius: 3px;
        padding: 9px;
        width: 100%;
    }

    .product-content {
        --img-margin-top: 0;
        --img-margin-bottom: 0;
        --p-margin-top: 0;
        --p-margin-bottom: 0;
        --h-margin-top: 40px;
        --h-margin-bottom: 20px;
        --l-margin-top: 0;
        --l-margin-bottom: 0;
        --l-padding-left: 30px;
        line-height: 1.22222;
    }

    .product__assembly {
        margin-top: 109px;
    }

    .similar {
        margin-top: -25px;
    }

    .specs {
        font-size: 22px;
        gap: 0;
        line-height: .81818;
    }

    .specs__item {
        padding: 10px 30px 20px;
        gap: 10px;
    }

    .options {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 33px;
    }

    .options--cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .options__item {
        gap: 5px;
    }

    .options__icon-wrap {
        width: 26px;
    }

    .options__body {
        font-size: 16px;
        gap: 12px;
    }

    .options__icon-wrap--width-auto {
        width: auto;
        max-width: 70px;
    }

    .about__nav-btn {
        left: 0;
    }

    .about__nav-btn--next {
        left: auto;
        right: 0;
    }

    .list-serial {
        gap: 40px;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .list-serial__item {
        gap: 20px;
    }

    .list-serial__icon {
        width: 60px;
        height: 60px;
        padding: 12px;
        border-radius: 4px;
    }

    .gallery-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .gallery-item {
        border-width: 1px;
    }

    .gallery-item__zoom {
        gap: 6px;
        font-size: 20px;
    }

    .gallery-item__zoom-icon {
        width: 30px;
        height: 30px;
    }
}