:root {
    --col-gap: 32px;
    --row-gap: 32px;
    --font-main: "IBM Plex Sans", sans-serif;
    --font-heading: "Oswald", sans-serif;
    --font-secondary: "IBM Plex Sans", sans-serif;
    --font-sz-body-lg: 18px;    --font-lh-body-lg: 1.4444444;
    --font-sz-body-lg-mob: 16px;--font-lh-body-lg-mob: 1.5;
    --font-sz-body-md: 14px;    --font-lh-body-md: 1.4285714;
    --font-sz-body-sm: 12px;    --font-lh-body-sm: 1.5;
    --font-size-base: var(--font-sz-body-lg);
    --line-height-base: var(--font-lh-body-lg);
    --font-sz-title-h1: 48px; --font-lh-title-h1: 1.25;
    --font-sz-title-h2: 40px; --font-lh-title-h2: 1.3;
    --font-sz-title-h3: 32px; --font-lh-title-h3: 1.25;
    --font-sz-title-h4: 24px; --font-lh-title-h4: 1.3333333;
    --font-sz-title-h1-mob: 32px; --font-lh-title-h1-mob: 1.25;
    --font-sz-title-h2-mob: 28px; --font-lh-title-h2-mob: 1.2857142;
    --font-sz-title-h3-mob: 22px; --font-lh-title-h3-mob: 1.3636363;
    --font-sz-title-h4-mob: 18px; --font-lh-title-h4-mob: 1.3333333;
    --mb-title-h1: 48px;
    --mb-title-h1-mob: 32px;
    --mb-title-h2: 32px;
    --mb-title-h2-mob: 24px;
    --color-white: #fff;
    --color-primary: #036;
    --color-secondary: #069;
    --color-accent: #E64120;
    --color-accent-hover: #D33516;
    --color-accent-active: #BF2708;
    --color-disabled: #E9E9E9;
    --color-bg: #F4F4F4;
    --color-bg-hover: #E9E9E9;
    --color-stroke-divider: #ddd;
    --color-stroke-divider-secondary: #999;
    --color-text-primary: #101010;
    --color-text-secondary: #666;
    --color-text-light: #999;
    --color-text-lighter: #ccc;
    --color-text-lightest: #ddd;
    --spacing-xs: 12px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --radius-default: 8px;
    --z-dropdown: 700;
    --z-overlay: 800;
    --z-modal: 900;
    --anim-duration-fast: 150ms;
    --anim-duration-normal: 300ms;
    --anim-duration-slow: 500ms;
    --anim-easing-default: ease-out;
    --anim-easing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* !-------------------------------- body --------------------------------------------- */

body {font-family: var(--font-main); font-weight: 400; font-size: var(--font-sz-body-lg); line-height: var(--font-lh-body-lg); color: var(--color-text-primary); background-color: #fff;}
body.locked {overflow: hidden; position: relative;}

section.last-section {padding-bottom: 108px;}
section.last-section[class*="section-"][class*="_grey"] {padding-bottom: 64px;}

.title-h1 {font-family: var(--font-heading); font-weight: 500; font-size: var(--font-sz-title-h1); line-height: var(--font-lh-title-h1); color: var(--color-primary); text-transform: uppercase; margin-bottom: var(--mb-title-h1);}
.title-h2 {font-family: var(--font-heading); font-weight: 500; font-size: var(--font-sz-title-h2); line-height: var(--font-lh-title-h2); color: var(--color-primary); text-transform: uppercase; margin-bottom: var(--mb-title-h2);}
.title-h3 {font-family: var(--font-heading); font-weight: 500; font-size: var(--font-sz-title-h3); line-height: var(--font-lh-title-h3); color: var(--color-primary); text-transform: uppercase;}
.title-h4 {font-family: var(--font-heading); font-weight: 500; font-size: var(--font-sz-title-h4); line-height: var(--font-lh-title-h4); color: var(--color-primary); text-transform: uppercase;}

*:focus {outline-color: var(--color-primary);}
hr {margin: 24px 0; border: none; background: var(--color-text-lighter); height: 1px;}

p {margin: 0 0 12px;}
p:last-child {margin-bottom: 0;}

.round-default {border-radius: var(--radius-default);}
.narrow-block {max-width: 880px; margin: 0 auto;}

/* !-------------------------------- links --------------------------------------------- */

:where(a) {color: inherit;}
:where(a:link) {color: inherit;}
:where(a:visited) {color: inherit;}
:where(a:hover) {color: inherit;}
.link {color: var(--color-secondary); text-decoration: underline;}

.btn {height: 58px; width: auto; padding: 8px 32px; border-radius: var(--radius-default); border: 1px solid var(--color-secondary); max-width: 100%; position: relative;
	display: inline-flex; align-items: center; justify-content: center; column-gap: 10px; cursor: pointer; user-select: none; text-align: center;
	color: #fff; font-family: var(--font-main); font-weight: 500; font-size: var(--font-size-base); line-height: 1.2; font-style: normal; text-decoration: none;
	transition: background-color var(--anim-duration-fast) var(--anim-easing-default),
			border-color var(--anim-duration-fast) var(--anim-easing-default),
			color var(--anim-duration-fast) var(--anim-easing-default);
}

.btn_accent {background: var(--color-accent); border-color: var(--color-accent); color: #fff;}

@media (min-width: 769px) {.btn_accent:hover {background: var(--color-accent-hover); border-color: var(--color-accent-hover);}}
.btn_accent:active {background: var(--color-accent-active); border-color: var(--color-accent-active);}

.btn_trans {background: transparent; color: var(--color-text-primary); border: 1px solid var(--color-text-light);}

@media (min-width: 769px) {.btn_trans:hover {background-color: var(--color-secondary); border-color: var(--color-secondary); color: #fff;}}
.btn_trans:active {background-color: var(--color-primary); border-color: var(--color-primary); color: #fff;}

.btn_grey {background: var(--color-text-lighter); color: var(--color-text-primary); border-color: var(--color-text-lighter);}

@media (min-width: 769px) {.btn_grey:hover {background-color: var(--color-secondary); border-color: var(--color-secondary); color: #fff;}}
.btn_btn_grey:active {background-color: var(--color-primary); border-color: var(--color-primary); color: #fff;}

.btn_trans-white {background: transparent; color: #fff; border: 1px solid #fff;}

@media (min-width: 769px) {.btn_trans-white:hover {background: #fff; border-color: #fff; color: var(--color-primary);}}
.btn_trans-white:active {background: #fff; border-color: #fff; color: var(--color-primary);}

.btn_filter {background: transparent; color: var(--color-text-secondary); border: 1px solid var(--color-stroke-divider); height: 36px; padding: 6px 12px; font-size: 14px;
	justify-content: flex-start; gap: 8px; white-space: nowrap;
}

@media (min-width: 769px) {
	.btn_filter:hover {background: var(--color-bg); border-color: var(--color-bg); color: var(--color-text-primary);}
}

.btn_filter.active,
.btn_filter:active {background: var(--color-accent); border-color: var(--color-accent); color: #fff;}

.btn_popular {width: 136px; gap: 4px;}

.btn_popular::before {content: ''; width: 24px; height: 24px; flex: none;
	mask: var(--icon-sort-pop) no-repeat center / contain;
	background: currentcolor;
}
.btn_popular::after {content: none;}

.btn:disabled {background: var(--color-disabled); border-color: var(--color-disabled); color: var(--color-text-light);}

.btn-link {user-select: none; cursor: pointer;}

@media (min-width: 769px) {
	.btn-link:hover {color: var(--color-text-primary); text-decoration: underline;}
	.btn-link:active {color: var(--color-text-primary); text-decoration: none;}
}

.btn-link_more {color: var(--color-text-secondary); user-select: none; cursor: pointer; display: inline-flex; align-items: center; gap: 8px;}

@media (min-width: 769px) {
	.btn-link_more:hover {color: var(--color-text-primary); text-decoration: underline;}

	.btn-link_more:hover i {background: var(--color-text-primary); mask-size: cover; mask-image: var(--icon-chevron-down-24);
	}
}
.btn-link_more:active {color: var(--color-text-primary); text-decoration: none;}

.btn-link_more:active i {background: var(--color-text-primary); mask-size: cover; mask-image: var(--icon-chevron-down-24);
}

button {padding: 0; background: none; border: none; cursor: pointer;}

button svg,
.btn svg {flex: none; display: block;}

ul, ol {--list-indent: 20px; padding-left: var(--list-indent); margin: 0; list-style-type: none;}
ol {counter-reset: num;}
li {display: block; position: relative;}

ul>li::before {content: ''; border-radius: 50%; background: var(--color-text-primary);
	position: absolute; left: calc(var(--list-indent) * -1); top: 0; transform: translateY(calc(0.5lh - 60%));

	--bullet-size: 8px;
	width: var(--bullet-size);
	height: var(--bullet-size);
}
ol>li::before {content: counter(num) '.'; counter-increment: num; position: absolute; top: 0; left: calc(var(--list-indent) * -1);}

.breadcrumbs__separator {margin: 0 8px;}
.breadcrumbs__item {color: var(--color-text-secondary); font-size: 16px; line-height: 1.4; text-decoration: none;}
.breadcrumbs__item:last-child {color: var(--color-text-primary); font-weight: 500;}

:where(input[type="text"]),
:where(input[type="email"]),
:where(input[type="password"]),
:where(input[type="tel"]),
:where(input[type="date"]),
select,
textarea {width: 100%; color: var(--color-text-primary); padding: 16px 20px; background: #fff; border: none; border-radius: var(--radius-default);
	font-family: var(--font-secondary); min-height: 58px; 
}
:where(input[type="tel"]) {font-family: var(--font-secondary);}

.popup__input {background: #E9E9E9;}
.popup .checkbox__icon {background: var(--icon-checkbox-grey) no-repeat center / contain;}
.popup .checkbox__input:checked + .checkbox__icon {background: var(--icon-check) no-repeat center / 60%, var(--icon-checkbox-grey) no-repeat center / contain;}

select {width: auto;}

:where(input[type="text"]::placeholder),
:where(input[type="email"]::placeholder),
:where(input[type="password"]::placeholder),
:where(input[type="tel"]::placeholder),
:where(input[type="date"]::placeholder),
:where(textarea::placeholder) {color: var(--color-text-secondary);}

:where(input[type="text"]:hover),
:where(input[type="email"]:hover),
:where(input[type="password"]:hover),
:where(input[type="tel"]:hover),
:where(input[type="date"]:hover),
:where(textarea:hover),
:where(select:hover) {}

:where(input[type="text"]:focus),
:where(input[type="email"]:focus),
:where(input[type="password"]:focus),
:where(input[type="tel"]:focus),
:where(input[type="date"]:focus),
:where(textarea:focus),
:where(select:focus) {outline: none;}

:where(input[type="text"]:disabled),
:where(input[type="email"]:disabled),
:where(input[type="password"]:disabled),
:where(input[type="tel"]:disabled),
:where(input[type="date"]:disabled),
:where(textarea:disabled),
:where(select:disabled) {opacity: .5; cursor: not-allowed;}

.checkbox__wrapper {display: flex; align-items: flex-start; cursor: pointer; position: relative; width: 100%; gap: 8px;}
.checkbox__input {position: absolute; top: 16px; left: 8px; width: 1px; height: 1px; z-index: -10;}
.checkbox__icon {display: block; background: var(--icon-checkbox) no-repeat center / contain; width: 16px; height: 16px; flex: none; cursor: pointer;}
.checkbox__text {font-size: 14px; line-height: 1.3; font-family: var(--font-secondary);}
.checkbox__input:checked + .checkbox__icon {background: var(--icon-check) no-repeat center / 60%, var(--icon-checkbox) no-repeat center / contain;}
.checkbox__input:disabled + .checkbox__icon {opacity: .5; cursor: not-allowed;}
.checkbox__input:disabled ~ .checkbox__text {opacity: .5; cursor: not-allowed;}

.swiper {width: 100%; height: auto;}

.slider__pagination.swiper-pagination-horizontal {position: absolute; bottom: -43px; left: 0; text-align: center;}
.slider__pagination .swiper-pagination-bullet {border-radius: 1px; margin: 0 3px; background-color: var(--color-text-lighter); opacity: 1; width: 4px; height: 4px;}
.slider__pagination .swiper-pagination-bullet-active {background: var(--color-primary); width: 24px;}

.slider__button-next,
.slider__button-prev {cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); color: #999;
	transition: color var(--anim-duration-fast) var(--anim-easing-default); user-select: none;
}

.slider__button-next:not(.swiper-button-disabled):hover .icon--arrow-right-32 {
	mask: var(--icon-arrow-right-32) no-repeat center / contain;
	background: var(--color-primary);
}

.slider__button-prev:not(.swiper-button-disabled):hover .icon--arrow-left-32 {
	mask: var(--icon-arrow-left-32) no-repeat center / contain;
	background: var(--color-primary);
}
.slider__button-next {right: -48px;}
.slider__button-prev {left: -48px;}

.header__wrapper {background: #fff; color: var(--color-primary);}

.header__logo .icon--logo {max-width: 100%; display: block;}

.icon--logo {
    mask: var(--icon-logo) no-repeat center / contain;
    background: currentcolor;
}

.icon--logo-footer {width: 336px; height: 60px;
    mask: var(--icon-logo) no-repeat center / contain;
    background: currentcolor;
}

.icon--sort-pop {
    mask: var(--icon-sort-pop) no-repeat center / contain;
    background: currentcolor;
}

.icon--sliders {
    mask-image: var(--icon-sliders);
    background: currentcolor;
}

/*! Common Menu Styles */
.top-menu__text {text-decoration: none; color: var(--color-text-secondary);}
.top-menu__text_brands {font-weight: 500; color: var(--color-primary); display: flex; align-items: center; transition: color var(--anim-duration-fast) var(--anim-easing-default);}

.top-menu__text_brands .animated-arrow {transition: margin-left var(--anim-duration-fast) var(--anim-easing-default); margin-left: 12px;}
.top-menu>li::before {content: none;}
.top-menu__submenu>li::before {content: none;}
.top-menu__control {cursor: pointer;}

/*! Header Menu Styles */
.top-menu_header {padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0 48px;}
.top-menu__item_header {height: 84px; display: flex; align-items: center; column-gap: 4px;}
.top-menu__item_header .top-menu__tree {position: relative; display: flex; align-items: center; gap: 4px; flex-wrap: wrap;}

.top-menu__submenu_header {position: absolute; top: 100%; left: -24px; background: #fff; border-radius: 0 0 var(--radius-default) var(--radius-default); padding: 24px; min-width: 230px;
    display: flex; flex-direction: column; gap: 12px; border-top: 3px solid var(--color-accent); z-index: var(--z-dropdown);
    transition: opacity var(--anim-duration-fast) var(--anim-easing-default);
}
.top-menu__text_header {white-space: nowrap; transition: color var(--anim-duration-fast) var(--anim-easing-default); cursor: pointer;}
.top-menu__item_header > .top-menu__text_header:hover {color: var(--color-primary);}
.top-menu__submenu_header .top-menu__text_header {white-space: nowrap;}

.animated-arrow {position: relative; width: 24px; height: 24px;}
.animated-arrow svg {display: block;}

.animated-arrow .icon--interactive-arrow {display: block;
    mask: var(--icon-interactive-arrow) no-repeat center / contain;
    background: currentcolor;
}

.animated-arrow::before {content: ''; height: 2px; width: 20px; background: currentcolor;
    transition: width var(--anim-duration-fast) var(--anim-easing-default);
    position: absolute; top: calc(50% - 1px); right: 4px;
}

@media (min-width: 769px) {
    .animated-arrow:hover::before {width: 28px;}
}

.header__search:hover .icon--magnifier {
    mask: var(--icon-magnifier) no-repeat center / contain;
    background: var(--color-primary);
}
.header__group {--col-gap: 24px;}
.header__phone {text-decoration: none;}
.header__phone-text {font-weight: 500; white-space: nowrap; transition: color var(--anim-duration-fast) var(--anim-easing-default);}
.header__phone-text:hover {color: var(--color-secondary); text-decoration: underline;}
.header__close-menu {display: none;}

.block-mob {display: none;}

.section-hero { padding: 80px 0;
    height: clamp(780px, calc(100vh - 84px), 996px);
    display: flex; align-items: center;
    color: var(--color-white); background: url('../img/hero-bg.jpg') no-repeat center / cover;}

@supports (background-image: url('../img/hero-bg.webp')) {.section-hero {background-image: url('../img/hero-bg.webp');}}
.section-hero .container {height: 100%; max-height: 734px;}
.section-hero__inner {height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}

.section-hero__title {font-size: 64px; color: var(--color-white); max-width: 633px; margin-bottom: 32px;}
.section-hero__offer {max-width: 633px;}
.section-hero__offer br {display: none;}
.section-hero__button {margin: clamp(30px, 4vh, 40px) 0; flex: none;}

.section-hero__catalog-info {margin-top: auto;}
.section-hero__mob-title {display: none;}
.section-hero__cards {margin-top: 24px;}
.section-hero__card {background: #fff; border-radius: var(--radius-default); padding: 4px; text-decoration: none;}
.section-hero__card-pic {border-radius: var(--radius-default); overflow: hidden; aspect-ratio: 328 / 186;}
.section-hero__card-info {padding: 12px 16px; font-size: 24px; font-weight: 500; line-height: 1.3333333; color: var(--color-primary);}

.section-hero__card .animated-arrow {color: var(--color-text-secondary);}

.cookies-block {width: 100%; position: fixed; left: 0; bottom: 0; padding: 16px 50px; background: #fff; z-index: var(--z-dropdown);
    display: flex; align-items: center; justify-content: center; gap: 20px 32px; border-top: 1px solid var(--color-stroke-divider);
}
.cookies-block__text {font-size: 16px; line-height: 1.5; color: var(--color-text-secondary);}
.cookies-block__button {font-size: 16px; line-height: 1.5; height: 48px;}

.section-banners {padding: 54px 0 90px;}
.section-banners_hero {padding-top: 108px;}
.section-banners_footer {padding-bottom: 144px;}

.banner-slider__item {position: relative; padding: 64px 40px;
    aspect-ratio: 1440 / 420; overflow: hidden;}
.banner-slider__pic {position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none;}
.banner-slider__title {color: #fff; margin-bottom: 32px;}
.banner-slider__button {font-size: 24px; line-height: 1.4;}
.banner-slider__text {color: #fff; text-align: right;}

.section-brands {padding: 54px 0 90px;}
.section-brands_grey {background: var(--color-bg); padding: 54px 0 90px;}
.section-brands__wrapper {max-width: 1199px;}
.section-brands__title {max-width: 552px; margin-bottom: 0;}
.section-brands__text {max-width: 463px; color: var(--color-text-secondary);}
.brands-slider__wrapper {margin-top: 48px;}
.brands-slider__item-wrapper {display: flex; gap: 32px;}
.brands-slider__item {background: var(--color-bg); user-select: none; transition: background-color var(--anim-duration-fast) var(--anim-easing-default);}
.brands-slider__item:hover {background: var(--color-bg-hover);}
.section-brands_grey .brands-slider__item {background: #fff;}

.brands-slider__item img,
.brands-slider__item svg {display: block;}

.section-feedback {margin: 54px 0; padding: 80px 0 66px; background: url('../img/feedback-bg.jpg') no-repeat center / cover;}

@supports (background-image: url('../img/hero-bg.webp')) {.section-feedback {background-image: url('../img/feedback-bg.webp');}}

.section-feedback__title {color: var(--color-white); max-width: 525px; line-height: 1.2;}
.section-feedback__form {margin-top: 40px; color: var(--color-white); max-width: 336px;}
.feedback-form__body {--row-gap: 16px;}

.section-why {padding: 54px 0;}
.section-why_brand {padding: 54px 0;}
.section-why_grey {background: var(--color-bg);}
.section-why_grey .stripe-item {background: #fff;}
.section-why__col {--row-gap: 16px; --col-gap: 16px;}
.section-why__pic {border-radius: var(--radius-default); overflow: hidden; height: 100%;}
.section-why__list {--row-gap: 20px; padding: 0;}
.section-why__list li::before {content: none;}

.stripe-item {padding: 16px 24px; border-radius: var(--radius-default); background: var(--color-bg); min-height: 58px;
    display: flex; align-items: center; text-decoration: none;
    transition: background-color var(--anim-duration-fast) var(--anim-easing-default),
            padding-left var(--anim-duration-fast) var(--anim-easing-default),
            font-weight var(--anim-duration-fast) var(--anim-easing-default);
}
.stripe-item__content {display: flex; align-items: center; gap: 12px;}
.stripe-item__content i {display: block;}
.stripe-item .animated-arrow {color: var(--color-text-secondary);}
.stripe-item_news .animated-arrow {color: #999;}
.aside-news__wrapper .stripe-item_news {background: var(--color-disabled); padding: 12px 16px;}

@media (min-width: 769px) {
    .stripe-hover:hover {background: var(--color-disabled); padding-left: calc(24px + 8px); font-weight: 500;}
    .stripe-item:hover .animated-arrow::before {width: 28px;}
}

.section-clubs {padding: 54px 0;}
.section-clubs_catalog {padding-top: 108px;}

.club-card {border-radius: var(--radius-default); background: var(--color-bg); display: flex; flex-direction: column;}
.club-card__pic {border-radius: var(--radius-default); overflow: hidden; aspect-ratio: 459 / 258; flex: none;}
.club-card__info {padding: 24px; display: flex; flex-direction: column; justify-content: space-between; flex: 1;}
.club-card__title {font-size: 24px; font-weight: 500; line-height: 1.3;}
.club-card__addr {color: var(--color-text-secondary); margin: 16px 0 24px; display: flex; align-items: flex-start; gap: 2px}
.club-card__icon {flex: none;}
.club-card__icon i {display: block;}
.club-card__button {width: 100%; margin-top: auto;}

.clubs-slider__button-prev {display: none;}
.clubs-slider__button-next {display: none;}
.clubs-slider__pagination {display: none;}

.section-welcome {padding: 54px 0 90px;}
.welcome-slider__item {background: var(--color-bg); border-radius: var(--radius-default); display: flex; gap: 32px; height: auto;}
.welcome-slider__pic {aspect-ratio: 704 / 502; border-radius: var(--radius-default); overflow: hidden; flex: 1; max-width: 704px;}
.welcome-slider__info {padding: 24px 32px 24px 0; display: flex; flex-direction: column; flex: 1; max-width: 704px;}
.welcome-slider__speech {flex: 1; font-size: 24px; font-style: italic;}
.welcome-slider__author {font-size: 16px; font-weight: 600; line-height: 1.4;}
.welcome-slider__bio {font-size: 16px; line-height: 1.4; color: var(--color-text-secondary); margin-top: 12px;}

.section-services {padding: 54px 0;}
.section-services_grey {background: var(--color-bg);}
.section-services_grey .service-card {background: #fff;}

.service-card {border-radius: var(--radius-default); background: var(--color-bg); display: flex; text-decoration: none;}
.service-card__pic {border-radius: var(--radius-default); overflow: hidden;  width: 158px; height: 100%;}
.service-card__pic img {width: auto;}
.service-card__info {flex: 1; padding: 28px 14px 24px 24px; }
.service-card__num {font-family: var(--font-heading); font-size: 48px; font-weight: 500; line-height: 1.2; color: var(--color-text-lighter);}
.service-card__title {font-size: 18px; line-height: 1.44444; font-weight: 500; margin-top: 24px;}
.service-card__text {font-size: 14px; line-height: 1.42857; margin-top: 12px; color: var(--color-text-secondary);}

.section-download {padding: 54px 0;}
.section-download_grey {background: var(--color-bg);}

.download-card {border-radius: var(--radius-default); color: #fff; display: flex; gap: 32px; min-height: 422px;
    background: linear-gradient(to right, var(--color-primary) calc(100% - 8px), transparent calc(100% - 8px));
}
.download-card__pic {border-radius: var(--radius-default); overflow: hidden; aspect-ratio: 704 / 422; flex: 1; max-width: 704px;}
.download-card__info {padding: 48px 0 48px 32px; flex: 1; max-width: 704px;}
.download-card__title {color: #fff; margin-bottom: 0;}

.title-link__wrapper {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 48px 16px;}
.title-link__wrapper .title-h1 {margin-bottom: 0; order: -2; flex: 0 0 calc(100% - 250px);}

.title-link {text-decoration: none; display: flex; align-items: center; gap: 12px; order: -1; color: var(--color-text-secondary);
    transition: padding-right var(--anim-duration-fast) var(--anim-easing-default),
                gap var(--anim-duration-fast) var(--anim-easing-default),
                color var(--anim-duration-fast) var(--anim-easing-default);
}

@media (min-width: 769px) {
    .title-link:hover {gap: 20px;}
    .title-link:hover .animated-arrow::before {width: 28px;}
}

.section-catalog {padding: 54px 0;}
.section-catalog_grey {background: var(--color-bg); padding: 108px 0 54px;}
.section-catalog_product {padding: 108px 0 54px;}
.section-catalog__link:hover {color: var(--color-primary);}

.catalog-card {background: var(--color-bg); border-radius: var(--radius-default); position: relative; text-decoration: none; display: flex; flex-direction: column;}
.section-catalog_grey .catalog-card {background: #fff;}

.catalog-card__label {height: 24px; padding: 2px 12px; border-radius: 200px; font-size: 14px; line-height: 1.42857; font-weight: 500; background: #fff;
    display: flex; align-items: center; position: absolute; top: 12px; right: 12px; z-index: 1;
}
.catalog-card__label_new {background: #FCF162;}
.catalog-card__label_instock {background: #8FE258;}
.catalog-card__label_status {background: #FFB74D; top: 43px;}
.catalog-card__pic {border-radius: var(--radius-default); overflow: hidden; aspect-ratio: 459 / 258;}
.catalog-card__info {padding: 24px; min-height: 191px; display: flex; flex-direction: column; flex: 1;}
.catalog-card__header {--col-gap: 12px; margin-bottom: auto; --row-gap: 12px;}
.catalog-card__title {font-size: 18px; line-height: 1.44444; font-weight: 500;}
.catalog-card__price {font-size: 18px; line-height: 1.44444; font-weight: 600; color: var(--color-secondary); white-space: nowrap;}
.catalog-card__hr {margin: 20px 0;}
.catalog-card__bottom {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));}
.catalog-card__char {padding: 0 20px;}
.catalog-card__char:nth-child(1) {padding-left: 0;}
.catalog-card__char:nth-child(2) {border: 0 solid var(--color-text-lighter); border-width: 0 1px;}
.catalog-card__char:nth-child(3) {padding-right: 0;}
.catalog-card__char-name {font-size: 14px; line-height: 1.42857; color: var(--color-text-secondary);}
.catalog-card__char-value {font-size: 18px; line-height: 1.44444; font-weight: 500; margin-top: 4px;}

.cta-block_section-catalog {grid-column: span 3;}

.section-sale {margin: 54px 0; padding: 108px 0 120px; background: var(--color-bg);}
.section-sale__title {max-width: 520px;}
.section-sale__pic {mix-blend-mode: multiply;}
.section-sale__pic_list {mix-blend-mode: multiply; display: none;}
.section-sale__list-wrapper {margin-top: 48px;}
.section-sale__list {display: flex; flex-direction: column; gap: 48px; --list-indent: 34px; max-width: 520px;}
.section-sale__list li {color: var(--color-text-secondary); font-family: var(--font-secondary);}
.section-sale__list li::before {left: calc(var(--list-indent) / -2 - 4px);}

.section-sale__list li strong {color: var(--color-text-primary); display: block; font-size: 24px; font-weight: 600;
    position: relative; bottom: 5px; margin-bottom: 3px;}

.section-profi {padding: 54px 0;}
.section-profi__icon i {display: block;}
.section-profi__title {max-width: 900px;}

.section-profi__wrapper {margin-bottom: 108px;}

.section-profi__item {padding: 40px 50px 40px 32px; background: var(--color-bg); border-radius: var(--radius-default);
    display: flex; gap: 16px;
}
.section-profi__info {font-family: var(--font-secondary); color: var(--color-text-secondary);}
.section-profi__info strong {font-weight: 600; color: var(--color-text-primary);}
.section-profi__pic {border-radius: var(--radius-default); overflow: hidden;}

.cta-block {padding: 40px 54px 40px 64px; background: url("../img/cta-bg.svg") no-repeat center / cover;
    display: flex; align-items: center; gap: 32px; justify-content: space-between; border-radius: var(--radius-default);
}
.cta-block__pic {display: none;}
.cta-block__text {font-family: var(--font-secondary); font-size: 24px; font-weight: 600; line-height: 1.4; color: #fff;}
.cta-block__action {gap: 24px;}

.cta-block__button .icon--phone-menu {
    mask: var(--icon-phone-menu) no-repeat center / contain;
    background: #fff;
}

@media (min-width: 769px) {
    .cta-block__button.btn_trans-white:hover {background: #fff; border-color: #fff; color: var(--color-primary);}

    .cta-block__button.btn_trans-white:hover .icon--chat {
        mask: var(--icon-chat) no-repeat center / contain;
        background: var(--color-primary);
    }
}

.section-category {padding: 54px 0;}
.section-category__wrapper {gap: 48px;}

.section-category__item {border-radius: var(--radius-default); background: var(--color-bg); text-decoration: none;
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px;
}
.section-category__pic {border-radius: var(--radius-default); overflow: hidden;  flex: 1; max-width: 704px;}
.section-category__info {padding: 48px 0; display: flex; flex-direction: column; gap: 24px; flex: 1; max-width: 704px;}
.section-category__item:nth-child(odd) .section-category__info {padding-right: 32px;}
.section-category__item:nth-child(even) .section-category__info {order: -1; padding-left: 32px;}
.section-category__title {margin-bottom: 0;}
.section-category__text {font-family: var(--font-secondary);}
.section-category__brands {font-family: var(--font-secondary); color: var(--color-text-secondary); margin-top: auto;}
.section-category__link {display: none;}

.section-magazin {padding: 54px 0;}
.magazin-card {padding: 48px 96px; background: url('../img/magazin-bg.jpg') no-repeat center / cover; border-radius: var(--radius-default); color: #fff;}

@supports (background-image: url('../img/hero-bg.webp')) {.magazin-card {background-image: url('../img/magazin-bg.webp');}}

.magazin-card__title {color: #fff; max-width: 440px; margin-bottom: 0;}

.magazin-card__pics {column-gap: 24px; display: grid; grid-template-columns: 194px 292px;}
.magazin-card__pics_mini {--col-gap: 8px; --row-gap: 8px; overflow: hidden;}
.magazin-card__pic_big {aspect-ratio: 292 / 370; overflow: hidden;}

.magazin-card__info {--row-gap: 24px; flex: 1; max-width: 660px;}
.magazin-card__button {height: 42px; padding: 8px 16px;}
.magazin-card__text {margin-top: 40px;}
.magazin-card__links {--col-gap: 16px; --row-gap: 12px;}

.magazin-card__link {font-weight: 500; height: 56px; padding: 12px;
    transition: background-color var(--anim-duration-fast) var(--anim-easing-default),
            color var(--anim-duration-fast) var(--anim-easing-default);
}
.magazin-card__link:hover {background: #fff; color: var(--color-text-primary);}

.magazin-card__link .icon--apple-logo {filter: brightness(20);
    transition: filter var(--anim-duration-fast) var(--anim-easing-default)
}
.magazin-card__link:hover .icon--apple-logo {filter: brightness(1);}

.section-articles {padding: 54px 0;}
.article-card {border-radius: var(--radius-default); background: var(--color-bg); display: flex; flex-direction: column;}
.article-card__pic {border-radius: var(--radius-default); overflow: hidden; aspect-ratio: 459 / 258;}
.article-card__info {padding: 24px; display: flex; flex-direction: column; gap: 24px; flex: 1;}
.article-card__title {font-family: var(--font-secondary); font-size: 24px; font-weight: 500;}
.articles-slider__wrapper .article-card__title {font-weight: 600;}
.article-card__button {margin-top: auto;}
.articles-slider__button-prev {display: none;}
.articles-slider__button-next {display: none;}
.articles-slider__pagination {display: none;}

.section-news {padding: 54px 0;}
.section-news_grey {background: var(--color-bg);}
.section-news_grey .stripe-item {background: #fff;}
.section-news_grey .stripe-item:hover {background: var(--color-bg-hover);}
.section-news__wrapper {--row-gap: 20px;}

footer {background: var(--color-bg);}
.footer-top__logo {color: var(--color-primary);}

.footer-top__logo .icon--logo-footer {max-width: 100%; display: block;}

.footer-top__cr {font-family: var(--font-secondary); font-size: 14px; line-height: 1.42857; color: var(--color-text-secondary);}

.footer-inner {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center;}

.footer-inner__col:nth-child(1),
.footer-inner__col:nth-child(2) {padding: 54px 0;}

.footer-inner__col:nth-child(3),
.footer-inner__col:nth-child(4) {grid-column: span 2;}

.footer-main {padding: 54px 0; border: 0 solid #ccc; border-width: 1px 0;
    display: grid; grid-template-columns: repeat(4, minmax(0, 213px)) minmax(0, 1fr); gap: 32px;
}
.footer-main__col:nth-child(2) {grid-column: 1; grid-row: 2;}
.footer-main__col:nth-child(3) {grid-column: 1; grid-row: 3;}
.footer-main__col:nth-child(4) {grid-column: 1; grid-row: 4;}

.footer-main__col:nth-child(5),
.footer-main__col:nth-child(6),
.footer-main__col:nth-child(7),
.footer-main__col:nth-child(8) {grid-row: span 5;}

.top-menu_footer {padding: 54px 0; border: 0 solid #ccc; border-width: 1px 0;
    display: grid; grid-template-columns: repeat(4, minmax(0, 213px)) minmax(0, 1fr); gap: 32px;
}

.top-menu__item_footer:nth-child(2) {grid-column: 1; grid-row: 2;}
.top-menu__item_footer:nth-child(3) {grid-row: span 5;}
.top-menu__item_footer:nth-child(4) {grid-row: span 5;}
.top-menu__item_footer:nth-child(5) {grid-column: 1; grid-row: 3;}
.top-menu__item_footer:nth-child(6) {grid-row: span 5;}
.top-menu__item_footer:nth-child(7) {grid-row: span 5;}
.top-menu__item_footer:nth-child(8) {grid-column: 1; grid-row: 4;}
.top-menu__item_footer .top-menu__control {display: none; overflow: hidden;}

.footer-main__col ul {padding: 0;}
.footer-main__col li::before {content: none;}
.footer-main__col a {text-decoration: none;}

.footer-main__addr-wrapper {padding: 0;}
.footer-main__addr::before {content: none;}
.top-menu_footer a {text-decoration: none;}

.footer-main__social {--col-gap: 12px; margin-top: 20px;}

.footer-main__title {font-size: 24px; font-weight: 500; line-height: 1.16; color: var(--color-primary);}
.top-menu__text_footer {font-size: 24px; font-weight: 500; line-height: 1.16; color: var(--color-primary);}
.top-menu__text_footer.top-menu__text_brands:hover .animated-arrow::before {width: 20px;}
.footer-main__list {display: flex; flex-direction: column; gap: 12px; margin-top: 20px;}
.top-menu__submenu_footer {display: flex; flex-direction: column; gap: 12px; margin-top: 20px; padding: 0;}
.footer-main__item {color: var(--color-text-secondary); line-height: 1.44;}
.top-menu__subitem .top-menu__text_footer {font-size: 18px; line-height: 1.44444; font-weight: 400; color: var(--color-text-secondary);}
.footer-main__item_brands {color: var(--color-primary); font-weight: 500; display: flex; align-items: center; gap: 12px; margin-top: 8px;}

.footer-main__contacts {margin-top: 8px; --row-gap: 12px;}
.footer-main__contacts-icon {color: var(--color-text-primary);}
.footer-main__contacts-icon svg {display: block;}
.footer-main__addr-wrapper {margin-top: 20px; display: flex; flex-direction: column; gap: 12px;}
.footer-main__addr {font-size: 14px; line-height: 1.42857; color: var(--color-text-secondary);}
.footer-main__addr strong {font-size: 18px; line-height: 1.44444; color: var(--color-text-primary); font-weight: 500; display: block; margin-bottom: 4px;}

.footer-bottom {padding: 24px 0; font-family: var(--font-secondary); font-size: 12px; line-height: 1.33333; color: var(--color-text-secondary); max-width: 1360px;}

/*! ---------- Page Catalog styles ---------- */

.section-catalog_page {padding-top: 0;}

.section-premium {background: var(--color-bg); padding: 108px 0;}
.section-premium__content {--row-gap: 54px;}
.section-premium__col {flex: 1;}
.section-premium__col img {display: block;}

.accordion {padding: 32px; border-radius: var(--radius-default);}
.accordion__item {padding: 24px 0; border-bottom: 1px solid #ddd;}
.accordion__item:first-child {padding-top: 0;}
.accordion__item:last-child {padding-bottom: 0; border-bottom: none;}
.accordion__header {display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
.accordion__title {font-size: 24px; line-height: 1.3333333; font-weight: 500; color: var(--color-primary);}
.accordion__control {flex: none; cursor: pointer;}
.accordion__text {height: 0; overflow: hidden; transition: height var(--anim-duration-fast) var(--anim-easing-default);}
.accordion__text-inner {padding-top: 24px; max-width: 744px; margin: 0 auto;}

.accordion__product-char:first-child {padding-top: 0;}
.accordion__product-char {display: flex; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid #ddd}
.accordion__product-char:last-child {padding-bottom: 0; border-bottom: none;}

.accordion_white {background: #fff;}
.accordion_tabs .accordion__title {font-family: var(--font-heading); font-size: 22px; line-height: 1.3636363; text-transform: uppercase;}

.accordion_tabs {display: none;}

.cta-consult {padding: 40px 24px; background: #036 url("../img/cta-consult-bg.svg") no-repeat right top / auto; border-radius: var(--radius-default);}
.cta-consult__title {color: #fff; max-width: 550px;}
.cta-consult__text {color: #fff; line-height: 1.4; margin-top: 16px; max-width: 550px;}

.cta-consult__form {margin-top: 32px;}
.consult-form__body {--col-gap: 16px; --row-gap: 16px;}
.checkbox-wrapper_consult-form {grid-column: span 3;}
.checkbox-text_consult-form {color: #fff;}
.consult-form__button {padding: 0 20px;}

.cta-consult_choose {padding: 40px 32px; background: #036 url("../img/cta-choose-bg.svg") no-repeat right calc(100% - 18px) / auto;
    display: flex; flex-direction: column; justify-content: center;

 --row-gap: 0; height: 100%;
}
.checkbox-text_choose-form {color: #fff;}
.cta-consult__form_choose {margin-top: 24px;}
.choose-form__body {--row-gap: 16px;}

.section-breadcrumbs {padding: 32px 0 48px;}
.section-breadcrumbs_product {padding: 32px 0;}

/*! ---------- Page Product styles ---------- */

.section-product-slider {overflow-x: clip; padding-bottom: 36px;}
.product-slider {overflow: visible;}
.product-slider__button-prev {left: 0;}
.product-slider__button-next {right: 0;}

.product-slider__button-prev, .product-slider__button-next {z-index: 1; background: var(--color-bg-hover); border-radius: 8px; width: 40px; height: 40px;
    display: flex; align-items: center; justify-content: center;
}

.product-slider__button-prev:not(.swiper-button-disabled) .icon--arrow-left-32,
.product-slider__button-prev:not(.swiper-button-disabled):hover .icon--arrow-left-32 {
    mask: var(--icon-arrow-left-32) no-repeat center / contain;
    background: var(--color-text-primary);
}

.product-slider__button-next:not(.swiper-button-disabled) .icon--arrow-right-32,
.product-slider__button-next:not(.swiper-button-disabled):hover .icon--arrow-right-32 {
    mask: var(--icon-arrow-right-32) no-repeat center / contain;
    background: var(--color-text-primary);
}
.product-slider__pic {aspect-ratio: 880 / 495; width: 70%; max-width: 880px; height: auto; border-radius: var(--radius-default); overflow: hidden;}
.product-slider__pic img {display: block;}

.badge {height: 42px; border-radius: 999px; padding: 8px 16px; font-size: 18px; line-height: 1.1111111; text-decoration: none;
    display: flex; align-items: center; justify-content: center;
    transition: background-color var(--anim-duration-fast) var(--anim-easing-default), text-shadow var(--anim-duration-fast) var(--anim-easing-default);
}
.badge_grey {background: var(--color-disabled);}
.badge_grey-dark {background: var(--color-stroke-divider); font-weight: 500;}
.badge_grey-hover {background: var(--color-disabled); text-shadow: 0 0 0 transparent;}
.badge_grey-dark-hover {background: var(--color-stroke-divider); text-shadow: 0 0 0.6px currentcolor, 0 0 0.6px currentcolor, 0 0 0.6px currentcolor;}

@media (min-width: 769px) {
    .badge_grey-hover:hover {background: var(--color-stroke-divider); text-shadow: 0 0 0.6px currentcolor, 0 0 0.6px currentcolor, 0 0 0.6px currentcolor;}
}

.section-product {padding: 48px 0 108px;}
.section-product__badge-wrapper .badge {height: 36px; font-weight: 500;}
.section-product__badge-wrapper .badge_grey-dark {background: var(--color-stroke-divider-secondary); color: #fff;}
.section-product__title {flex: 1; overflow: hidden; word-break: break-word; margin-bottom: 0;}
.section-product__price {flex: 0 1 340px; overflow: hidden; word-break: break-word; text-align: right; color: var(--color-secondary); margin: 0;}

.section-product__chars {padding: 40px 32px; --row-gap: 0; --col-gap: 64px; background: var(--color-bg); border-radius: var(--radius-default);}

.section-product__char {padding: 20px 0; border-bottom: 1px solid #ddd; width: calc(50% - 32px);
    display: flex; align-items: center; justify-content: space-between;
}
.section-product__char:nth-child(1) {padding-top: 0;}
.section-product__char:nth-child(2) {padding-top: 0;}
.section-product__char:nth-last-child(2) {padding-bottom: 0; border-bottom-width: 0;}
.section-product__char:nth-last-child(1) {padding-bottom: 0; border-bottom-width: 0;}
.section-product__price-wrapper {margin: 16px 0 48px;}

:where(.section-product__col:first-child) {flex: 1; overflow: hidden; word-break: break-word;}
:where(.section-product__col:last-child) {flex: 0 1 460px; overflow: hidden; word-break: break-word;}

.section-info {background: var(--color-bg); padding: 108px 0;}
.video__wrapper {position: relative; width: 880px; max-width: 100%; border-radius: var(--radius-default); aspect-ratio: 880 / 494; overflow: hidden; margin: 0 auto;}

.video__play-button {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.video__pic { width: 100%; height: 100%;}
.video__play-button {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.video__play-button svg {width: 100%; height: 100%; display: block;}

.download-presentation {padding: 32px; background: url("../img/cta-bg.svg") no-repeat center / cover; border-radius: var(--radius-default); margin-top: 30px;
    display: flex; align-items: center; gap: 16px;
}
.download-presentation__title {color: #fff;}
.download-presentation__icon {flex: none;}
.download-presentation__icon > * {display: block;}
.download-presentation__button {margin-left: auto;}

.section-info__content .tabs {margin-top: 76px;}

.tabs__controls {display: flex;}

/* Tabs: each tab has its own height (display:none for inactive) */

/* .tabs__contents { display: grid; }  -- was grid overlay, removed so height fits content */
.tabs__contents {}

.tabs__btn {font-family: var(--font-heading); font-size: 32px; line-height: 1.2; font-weight: 500; color: var(--color-text-light);
    height: 66px; border-bottom: 4px solid #ddd; cursor: pointer; text-transform: uppercase; flex: 1;
    transition: color var(--anim-duration-fast) var(--anim-easing-default),
                border-bottom-color var(--anim-duration-fast) var(--anim-easing-default);
}

@media (min-width: 769px) {
    .tabs__btn:hover {color: #666;}
}
.tabs__btn.active {color: var(--color-primary); border-bottom-color: var(--color-accent);}
.tabs__btn span {display: none;}

/* .tabs__text { padding-top: 32px; grid-area: 1 / 1 / 1 / 1; opacity: 0; visibility: hidden; pointer-events: none; } */

/* .tabs__text.active { opacity: 1; visibility: visible; pointer-events: auto; } */
.tabs__text { display: none; padding-top: 32px; }
.tabs__text.active { display: block; }

.cta-testdrive {padding: 40px 32px; border-radius: var(--radius-default);
    background: url('../img/manager.png') no-repeat 40% bottom / auto, linear-gradient(var(--color-secondary), var(--color-primary));
    display: grid; grid-template-columns: minmax(0, 260px) minmax(0, 295px); color: #fff; align-items: center; justify-content: space-between; gap: 0 32px;
}

@supports (background-image: url('../img/manager.webp')) {
    .cta-testdrive {background-image: url('../img/manager.webp'), linear-gradient(var(--color-secondary), var(--color-primary));}
}

.cta-testdrive__title {color: #fff;}
.cta-testdrive__sub-title {display: none;}
.cta-testdrive__text {margin-top: 24px;}

.cta-testdrive__socials {margin-top: 16px; display: flex; gap: 16px;}
.cta-testdrive__socials-item {flex: none;}
.cta-testdrive__socials-item > * {display: block;}

.cta-testdrive__employee {margin-top: 40px;}

.cta-testdrive__employee-pic {
    background: white;display: none;}

.cta-testdrive__employee-pic {
    background: white;width: 64px; height: 64px; border-radius: 50%; overflow: hidden;}
.cta-testdrive__employee-name {font-weight: 600;}

.cta-testdrive__form {grid-row: 1 / 5; grid-column: 2;}
.testdrive-form__body {--row-gap: 16px;}
.checkbox-text_testdrive-form {color: #fff;}

.content-main__col_aside .cta-testdrive {grid-template-columns: minmax(0, 1fr); padding: 32px; background: linear-gradient(140deg, var(--color-secondary), var(--color-primary)) !important;}
.content-main__col_aside .cta-testdrive {position: sticky; top: 32px;}
.content-main__col_aside .cta-testdrive__form {grid-row: unset; grid-column: unset;}

.content-main__col_aside .cta-testdrive__employee {display: grid; grid-template-columns: minmax(0, 64px); grid-auto-flow: column; align-items: center; column-gap: 16px; order: 1; margin-top: 0;}

.content-main__col_aside .cta-testdrive__employee-pic {
    background: white;display: block; grid-row: span 4;}
.content-main__col_aside .cta-testdrive__employee-name {grid-row: 2;}

.content-main__col_aside .cta-testdrive__title {order: 2; margin-top: 32px; font-size: 32px; line-height: 1.25;}

.content-main__col_aside .cta-testdrive__sub-title {display: none;}
.content-main__col_aside .cta-testdrive__form {order: 4; margin-top: 24px;}
.content-main__col_aside .cta-testdrive__text {order: 5; margin-top: 24px;}

.content-main__col_aside .cta-testdrive__socials {position: absolute; right: 32px; bottom: 42px;}

/*! ---------- Page Brands styles ---------- */

.section-page-brands {padding-bottom: 54px;}
.section-page-brands__text {max-width: 950px;}
.section-page-brands__wrapper {margin: 48px 0;}

.brand-item {background: var(--color-bg); user-select: none; border-radius: var(--radius-default); color: var(--color-text-light);
    transition: background-color var(--anim-duration-fast) var(--anim-easing-default),
                color var(--anim-duration-fast) var(--anim-easing-default);
}
.brand-item:hover {background: var(--color-text-lightest); color: var(--color-primary);}
.brand-item.pearshing:hover img {filter: brightness(0.33) sepia(1) hue-rotate(180deg) saturate(4);}

/*! ---------- Page Clubs styles ---------- */

.section-page-clubs {padding-bottom: 54px;}
.section-page-clubs__wrapper_top {--row-gap: 12px;}
.section-page-clubs__pic {grid-row: span 3;}

.section-page-clubs__map {margin-top: 48px;}
.section-page-clubs__map iframe {display: block;}

.section-page-clubs__wrapper {margin: 108px 0;}

.club-card-big {border-radius: var(--radius-default); background: var(--color-bg); display: flex; flex-direction: column;}
.club-card-big__pic {border-radius: var(--radius-default); overflow: hidden; aspect-ratio: 704 / 396; flex: none;}
.club-card-big__pic img {display: block;}
.club-card-big__info {padding: 32px; display: flex; flex-direction: column; justify-content: space-between; flex: 1;}
.club-card-big__title {margin-bottom: 0;}

.club-card-big__addr {color: var(--color-text-secondary); padding: 24px 0; border-bottom: 1px solid var(--color-text-lightest); line-height: 1.4;
    display: flex; align-items: flex-start; gap: 2px;
}
.club-card-big__icon {flex: none;}
.club-card-big__buttons {display: flex; gap: 16px; margin-top: auto;}
.club-card-big__button {padding: 8px 16px; flex: auto;}

.club-card-big__text-wrapper {margin: 24px 0 32px; display: flex; flex-direction: column; gap: 12px;}
.club-card-big__link {display: none; order: 1;}

@media (min-width: 992px) {
    .club-card-big_line {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; grid-column: span 2; min-height: 522px;}
    .club-card-big_line .club-card-big__pic {aspect-ratio: unset; order: 1;}
}

.block-banner {border-radius: 8px; padding: 64px 40px; position: relative; overflow: hidden;}
.block-banner__pic {position: absolute; inset: 0;}
.block-banner__title {margin-bottom: 24px; color: #fff; position: relative;}
.block-banner__text {color: #fff; position: relative; max-width: 510px;}
.block-banner__button {margin-top: 32px;}

/*! ---------- Page News styles ---------- */

.section-page-news {padding: 0 0 108px;}
.section-page-news__badge-wrapper {--col-gap: 16px; --row-gap: 16px; margin-bottom: 24px; flex-wrap: wrap;}
.section-page-news__link-wrapper {margin-top: 16px; text-align: center;}
.section-why_news {padding: 108px 0 54px;}

/*! ---------- Page Service styles ---------- */

.section-service {padding: 0 0 108px;}

.content-main {display: flex; gap: 32px; }
.content-main__col {flex: 0 1 948px; overflow: hidden; word-break: break-word;}
.content-main__col_aside {flex: 0 1 460px; word-break: break-word; display: flex; flex-direction: column; gap: 48px;}

.section-service__pic {aspect-ratio: 948 / 532;}
.section-service__text {margin: 0 0 64px;}

.contact-card {border-radius: var(--radius-default); background: var(--color-bg); display: flex;}
.contact-card__pic {flex: 0 1 704px; overflow: hidden; word-break: break-word; aspect-ratio: 704 / 456; border-radius: var(--radius-default);}
.contact-card:nth-child(even) .contact-card__pic {order: 1;}
.contact-card__info {flex: 0 1 736px; overflow: hidden; word-break: break-word; padding: 48px 32px; display: flex; flex-direction: column; gap: 24px; align-items: flex-start;}
.contact-card__inner {display: flex; flex-direction: column; gap: 20px;}
.contact-card__title {margin-bottom: 0;}
.contact-card__item {display: flex; gap: 12px; line-height: 25px;}
.contact-card__icon {flex: none;}
.contact-card__icon svg {display: block;}

.contact-card_aside {flex-direction: column}
.contact-card_aside .contact-card__pic {flex: auto; aspect-ratio: 460 / 258;}
.contact-card_aside:nth-child(even) .contact-card__pic {order: unset;}
.contact-card_aside .contact-card__info {flex: auto; padding: 32px;}
.section-service__text .contact-card_aside {width: 50%; float: right; margin: 0 0 25px 25px;}

.section-why_service {padding: 108px 0 54px;}

/*! ---------- Page Contacts styles ---------- */

.section-contacts {padding: 0 0 108px;}
.section-contacts__wrapper {margin-top: 32px;}

.contact-card__rating {padding: 16px; background: #fff; border-radius: var(--radius-default); display: inline-block; margin-top: auto;}
.contact-card__rating-header {display: flex; align-items: center; gap: 0;}
.contact-card__rating-header i {display: block;}
.contact-card__rating-icon {flex: none; margin-right: 8px;}
.contact-card__rating-num {font-weight: 600; line-height: 1.2;}
.contact-card__rating-stars {display: flex; align-items: center; gap: 6px; margin-left: 12px;}
.contact-card__rating-stars i {flex: none;}
.contact-card__rating-text {margin-top: 8px; font-size: 14px; line-height: 1.4285714;}

/*! ---------- Page Brand styles ---------- */

.section-brand {padding-bottom: 108px;}
.section-brand__main-pic {margin-bottom: 48px; aspect-ratio: 948 / 532; border-radius: var(--radius-default); overflow: hidden;}

.user-content img {border-radius: var(--radius-default); max-width: 100%; height: auto;}
.user-content img.main {margin-bottom: 48px;}
.user-content img.main:last-child {margin-bottom: 0;}
.user-content img.left {float: left; margin-right: 24px; max-width: 50%;}
.user-content img.right {float: right; margin-left: 24px; max-width: 50%;}

.user-content h1 {font-family: var(--font-heading); font-weight: 500; font-size: var(--font-sz-title-h1); line-height: var(--font-lh-title-h1); color: var(--color-primary); text-transform: uppercase; margin: 64px 0 24px;}
.user-content h2 {font-family: var(--font-heading); font-weight: 500; font-size: var(--font-sz-title-h2); line-height: var(--font-lh-title-h2); color: var(--color-primary); text-transform: uppercase; margin: 64px 0 24px;}
.user-content h3 {font-family: var(--font-heading); font-weight: 500; font-size: var(--font-sz-title-h3); line-height: var(--font-lh-title-h3); color: var(--color-primary); text-transform: uppercase; margin: 64px 0 24px;}
.user-content h4 {font-family: var(--font-heading); font-weight: 500; font-size: var(--font-sz-title-h4); line-height: var(--font-lh-title-h4); color: var(--color-primary); text-transform: uppercase; margin: 64px 0 24px;}

.user-content h1:first-child,
.user-content h2:first-child,
.user-content h3:first-child,
.user-content h4:first-child {margin-top: 0;}

.user-content p {margin-bottom: 12px;}
.user-content p:last-child {margin-bottom: 0;}

.user-content ol,
.user-content ul {margin-bottom: 24px; padding-left: 28px;}

.user-content ol > li:last-child,
.user-content ul > li:last-child {margin-bottom: 0;}

.user-content ol > li,
.user-content ul > li {margin-bottom: 12px;}

.user-content ul>li::before {content: ''; border-radius: 50%; background: var(--color-text-primary); width: 4px; height: 4px;
    position: absolute; left: -18px; top: 0; transform: translateY(calc(0.5lh - 60%));}

.user-content blockquote {padding: 24px; background: var(--color-bg); border-radius: var(--radius-default); border-left: 2px solid var(--color-accent); margin: 24px 0;}
.user-content blockquote:last-child {margin-bottom: 0;}

.user-content .video {position: relative; display: block; margin-bottom: 24px;}
.user-content .video::after {content: ''; width: 64px; height: 64px; background-image: var(--icon-play); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.user-content .video img {display: block;}

.user-content table {border-spacing: 0; margin: 40px 0 64px; width: 100%;}
.user-content table:last-child {margin-bottom: 0;}
.table-scroll {overflow-x: auto; width: 100%;}

.user-content td {padding: 24px;}
.user-content thead tr {background: var(--color-secondary);}
.user-content thead td {padding: 16px 24px; color: #fff;}
.user-content tbody tr:nth-child(even) {background: var(--color-bg);}

.user-content thead td:first-child {border-top-left-radius: var(--radius-default);}
.user-content thead td:last-child {border-top-right-radius: var(--radius-default);}
.user-content tbody tr:last-child td:first-child {border-bottom-left-radius: var(--radius-default);}
.user-content tbody tr:last-child td:last-child {border-bottom-right-radius: var(--radius-default);}

.user-content thead td {border-top: 1px solid var(--color-secondary);}
.user-content thead td:first-child {border-left: 1px solid var(--color-secondary);}
.user-content thead td:last-child {border-right: 1px solid var(--color-secondary);}
.user-content td:first-child {border-left: 1px solid var(--color-stroke-divider);}
.user-content td:last-child {border-right: 1px solid var(--color-stroke-divider);}
.user-content tbody tr:last-child td {border-bottom: 1px solid var(--color-stroke-divider);}

.content-author {padding: 16px 24px; background: var(--color-bg); border-radius: var(--radius-default);
    display: grid; grid-template-columns: min-content; grid-auto-flow: column; column-gap: 20px;}

.content-author__pic {
    background: white;width: 82px; height: 82px; flex: none; border-radius: 50%; overflow: hidden; grid-row: span 4;}
.content-author__name {grid-row: 2;}
.content-author__name strong {font-weight: 500;}
.content-author__date {font-size: 14px; line-height: 1.4285714; color: var(--color-text-secondary); margin-top: 8px;}

.content-author_incontents {background: var(--color-bg-hover); padding: 24px;}

.content-author_incontents .content-author__pic {
    background: white;width: 64px; height: 64px;}

.content-main__col .content-author {margin-top: 48px;}
.content-main__col .content-author_incontents {margin-top: 32px;}

.article-contents {padding: 48px 32px; background: var(--color-bg); border-radius: var(--radius-default);}
.article-contents__list {--list-indent: 28px; display: flex; flex-direction: column; gap: 16px;}
.article-contents__list a {text-decoration: none;}

.article-contents__list > li::before {width: 6px; height: 6px; border-radius: 1px; background-color: var(--color-accent); left: -18px; transform: translateY(calc(0.5lh - 50%));}

@media (min-width: 769px) {
    .article-contents__list > li:hover a {font-weight: 500; text-decoration: underline;}
    .article-contents__list > li:hover::before {width: 8px; height: 8px; left: -19px;}
}
.section-brand .content-main__col .article-contents {display: none; margin-bottom: 24px;}

.user-content .cta-testdrive {display: none;}

.aside-block {padding: 48px 32px; background: var(--color-bg); border-radius: var(--radius-default);}
.aside-block__title {margin-bottom: 32px;}
.aside-news__wrapper {display: flex; flex-direction: column; gap: 20px;}

/*! ---------- Popup styles ---------- */

.overlay {display: none; position: fixed; inset: 0; background: rgb(0 0 0 / 60%); opacity: 0; transition: opacity .3s var(--anim-easing-default); z-index: var(--z-overlay);}
.overlay.fade {opacity: 1;}

.popup {display: none; padding: 40px 24px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-60%); width: calc(100% - 100px); max-width: 383px;
    background: #fff; border-radius: var(--radius-default); opacity: 0; transition: opacity .3s var(--anim-easing-default); z-index: var(--z-modal);
}
.popup__close {position: absolute; top: 24px; right: 24px; cursor: pointer;}

.popup__pic svg,
.popup__pic img {display: block;}
.popup__text {font-family: var(--font-secondary); margin-top: 16px;}
.popup__content {display: flex; flex-direction: column; gap: 16px; margin-top: 24px;}
.popup .checkbox__text {font-size: 14px; line-height: 1.42857; color: var(--color-text-secondary);}

.popup.fade {opacity: 1;}

.popup_done {max-width: 640px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 66px 24px;}
.popup_done .popup__pic svg {margin: 0 auto;}
.popup_done .popup__title {margin-top: 32px;}
.popup_done .popup__text {margin: 16px auto 0; max-width: 295px;}

.popup_search {max-width: 880px; padding: 24px;}
.popup_search .popup__title {font-size: 24px; font-weight: 500; line-height: 1.2;}
.popup_search .popup__content {display: flex; flex-direction: row; --col-gap: 20px; margin-top: 20px;}

.popup_msg {padding: 54px 24px;}
.popup_msg .popup__content {--row-gap: 16px; margin-top: 24px;}
.popup_msg .popup__button {color: var(--color-primary); height: 64px;}
.popup_msg .popup__button:hover {background-color: var(--color-primary); border-color: var(--color-primary); color: #fff;}

.flex {display: flex; gap: var(--row-gap) var(--col-gap);}
.flex-center {display: flex; align-items: center; justify-content: center; gap: var(--row-gap) var(--col-gap);}
.flex-between {display: flex; align-items: center; justify-content: space-between; gap: var(--row-gap) var(--col-gap);}
.flex-inline {display: inline-flex;}
.justify-content-center {justify-content: center;}
.justify-content-between {justify-content: space-between;}
.justify-content-around {justify-content: space-around;}
.justify-content-start {justify-content: flex-start;}
.justify-content-end {justify-content: flex-end;}
.align-items-center {align-items: center;}
.align-items-baseline {align-items: baseline;}
.align-items-start {align-items: flex-start;}
.align-items-end {align-items: flex-end;}
.align-items-stretch {align-items: stretch;}
.align-content-center {align-content: center;}
.align-content-baseline {align-content: baseline;}
.align-content-start {align-content: flex-start;}
.align-content-end {align-content: flex-end;}
.align-content-stretch {align-content: stretch;}
.flex-column {flex-direction: column;}
.flex-wrap {flex-wrap: wrap;}
.flex-grow {flex-grow: 1;}
.align-self-start {align-self: self-start;}
.align-self-center {align-self: center;}
.align-self-end {align-self: flex-end;}
.align-self-stretch {align-self: stretch;}
.flex-none {flex: none;}

.grid {display: grid; gap: var(--row-gap) var(--col-gap);}
.grid-inline {display: inline-grid; gap: var(--row-gap) var(--col-gap);}
.grid-col {display: grid; gap: var(--row-gap) var(--col-gap); grid-template-columns: repeat(var(--cols, 1), minmax(0,1fr));}
.grid-row {display: grid; gap: var(--row-gap) var(--col-gap); grid-template-rows: repeat(var(--cols, 1), minmax(0,1fr));}
.grid-flow-column {display: grid; gap: var(--row-gap) var(--col-gap); grid-auto-flow: column;}
.grid-flow-row {display: grid; gap: var(--row-gap) var(--col-gap); grid-auto-flow: row;}
.grid-flow-dense {display: grid; gap: var(--row-gap) var(--col-gap); grid-auto-flow: dense;}
.grid-auto-columns {display: grid; gap: var(--row-gap) var(--col-gap); grid-auto-columns: minmax(0,1fr);}
.grid-auto-rows {display: grid; gap: var(--row-gap) var(--col-gap); grid-auto-rows: minmax(0,1fr);}
.grid-cols-2 {--cols: 2;}
.grid-cols-3 {--cols: 3;}
.grid-cols-4 {--cols: 4;}
.grid-cols-5 {--cols: 5;}
.grid-cols-6 {--cols: 6;}
.grid-rows-2 {--rows: 2;}
.grid-rows-3 {--rows: 3;}
.grid-row-span-2 {grid-row: span 2;}
.grid-row-span-3 {grid-row: span 3;}
.grid-col-span-2 {grid-column: span 2;}
.grid-col-span-3 {grid-column: span 3;}

.gap-10 {--row-gap: 10px; --col-gap: 10px;}
.gap-8 {--row-gap: 8px; --col-gap: 8px;}

.row-gap-10 {--row-gap: 10px;}

.col-gap-10 {--col-gap: 10px;}

.ml-a {margin-left: auto;}
.mr-a {margin-right: auto;}
.mx-a {margin-left: auto; margin-right: auto;}
.mt-a {margin-top: auto;}
.mb-a {margin-bottom: auto;}

.m-0 {margin: 0;}
.mt-0 {margin-top: 0;}
.mb-0 {margin-bottom: 0;}
.my-0 {margin-top: 0; margin-bottom: 0;}
.mt-30 {margin-top: 30px;}
.mb-30 {margin-bottom: 30px;}

.p-0 {padding: 0;}
.pt-0 {padding-top: 0;}
.pb-0 {padding-bottom: 0;}
.py-0 {padding-top: 0; padding-bottom: 0;}
.pt-30 {padding-top: 30px;}
.pb-30 {padding-bottom: 30px;}

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

.full-width {width: 100%;}
.full-height {height: 100%;}
.max-width-500 {width: 100%; max-width: 500px;}

.fit > svg,
.fit > img,
.fit > picture > img {width: 100%; height: 100%; object-fit: cover; display: block;}

.fit-contain > img,
.fit-contain > picture > img {width: 100%; height: 100%; object-fit: contain;}
img.full-width {width: 100%; height: auto; display: block;}
img.responsive {max-width: 100%; height: auto; display: block;}

.relative {position: relative;}
.absolute-center {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.overflow-hidden {overflow: hidden;}
.round {border-radius: 999999px;}
.round-hidden {border-radius: 999999px; overflow: hidden;}

h1, h2, h3, h4, h5, h6 {margin: 0; font-size: inherit; font-weight: inherit;}
.t-300 {font-weight: 300;}
.t-400, .regular {font-weight: 400;}
.t-500 {font-weight: 500;}
.t-600 {font-weight: 600;}
.t-700, .t-bold {font-weight: 700;}
.t-900 {font-weight: 900;}

.uppercase {text-transform: uppercase;}
.font-main {font-family: var(--font-main);}
.text-italic {font-style: italic;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.block-center {margin-left: auto; margin-right: auto;}
.underline {border-bottom: 1px solid inherit;}
.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.scroll, .hand {cursor: pointer;}

.reset-float {clear: both;}
.dn {display: none;}

.only-mob {display: none;}

@media (max-width: 767px) {
    .only-pc {display: none;}
    .only-mob {display: block;}
}

.header__phone-icon {display: none;}
.header__burger {display: none; cursor: pointer;}
.header__close-menu {display: none;}

.container, .container-fluid {width: 100%; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto;}

@media (min-width: 992px) {
    .container {max-width: 1540px; padding-left: 50px; padding-right: 50px;}

.top-menu__item_header:hover > .top-menu__text_header {color: var(--color-primary);}
    .top-menu__item_header.top-menu__tree:hover .top-menu__submenu {pointer-events: auto; opacity: 1;}
    .top-menu__submenu_header {pointer-events: none; opacity: 0;}
    .top-menu__submenu_header .top-menu__text_header:hover {text-decoration: underline; color: var(--color-text-primary);}
    .top-menu__submenu_header .top-menu__text_brands:hover {text-decoration: none; color: var(--color-accent);}
    .top-menu__submenu_header .top-menu__text_brands:hover .animated-arrow {margin-left: 20px;}
    .top-menu__submenu_header .top-menu__text_brands:hover .animated-arrow::before {width: 28px;}

    .section-hero__card:hover .animated-arrow::before {width: 28px;}

.card-hover {text-decoration: none; transition: background var(--anim-duration-fast) var(--anim-easing-default);}
    .card-hover:hover {background: #E9E9E9;}
    .pic-hover {position: relative;}

    .pic-hover::after {content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 20%); opacity: 0;
        transition: opacity var(--anim-duration-fast) var(--anim-easing-default);
    }
    .pic-hover:hover::after {opacity: 1;}
    .card-hover:hover .pic-hover::after {opacity: 1;}

}

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

}

@media (max-width: 1499px) {
    .magazin-card {padding: 48px;}
}

@media (max-width: 1365px) {

.top-menu_header {column-gap: 0; justify-content: center; max-width: 400px;}
    .top-menu__item_header {height: 42px; flex: 0 0 33%;}
    .top-menu__item_header {padding: 0 0 7px;}

    .top-menu__item_header:nth-child(1),
    .top-menu__item_header:nth-child(2),
    .top-menu__item_header:nth-child(5) {padding: 8px 0 0;}
    .top-menu__item_header:nth-child(1) {order: -3;}
    .top-menu__item_header:nth-child(2) {order: -2;}
    .top-menu__item_header:nth-child(5) {order: -1;}

    .title-h1 {font-size: 40px;}
    .title-h2 {font-size: 32px;}
    :where(.title-h3:not(.popup__title)) {font-size: 26px;}

    .section-hero {background-position: 20% center; height: clamp(755px, calc(100vh - 84px), 996px); padding: 40px 0 80px;}
    .section-hero__title {font-size: 54px;}

    .banner-slider__item {padding: 40px;}
    .banner-slider__button {font-size: 20px;}

    .section-why__list {grid-column: span 2;}
    .section-why__col:nth-child(3) {display: none;}

    .club-card__title {font-size: 22px;}

    .welcome-slider__speech {font-size: 19px;}
    .welcome-slider__bio {font-size: 15px;}

    .section-services__wrapper {--cols: 2;}

    .section-sale__wrapper {flex-direction: column; --row-gap: 0;}
    .section-sale__list-wrapper {--col-gap: 0;}
    .section-sale__pic {display: none;}
    .section-sale__pic_list {display: block;}
    .section-sale__pic_list img {object-position: 80% center;}

    .cta-block {padding: 30px 40px;}
    .cta-block__text {font-size: 22px;}

    .magazin-card {flex-direction: column; max-width: 600px; margin: 0 auto;}
    .magazin-card__pics {column-gap: 16px;}
    .magazin-card__text {margin-top: 0;}
    .magazin-card__links {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));}

    .article-card__title {font-size: 22px;}

.footer-main {grid-template-columns: repeat(3, minmax(0, 1fr));}
    .footer-main__col:last-child {grid-column: span 2;}
    .footer-main__col:nth-child(7) {grid-row: 6;}
    .footer-main__contacts {justify-content: flex-start;}

    .top-menu_footer {grid-template-columns: repeat(3, minmax(0, 1fr));}
    .top-menu__item_footer:nth-child(6) {grid-row: 6;}
    .top-menu__item_footer:nth-child(7) {grid-column: span 2;}
    .footer-main__contacts {justify-content: flex-start;}
}

@media (max-width: 1199px) {
    :root {--font-size-base: 17px;}

    .brands-slider__item-wrapper {gap: 20px;}

    .section-clubs__wrapper {--cols: 2;}

    .section-catalog__wrapper {--cols: 2; width: 100%;}
    .catalog-card_page-main:last-child {display: none;}

    .cta-block_section-catalog {grid-column: span 2; grid-row: 4;}

    .section-articles__wrapper {--cols: 2;}
    .articles-slider__wrapper .article-card:last-child {display: none;}

/*! ---------- Page Product styles ---------- */

    .section-product__wrapper {flex-direction: column}
    .section-product__col {flex: auto;}

    .cta-testdrive .testdrive-form__button {padding: 8px 20px;}

/*! ---------- Page News styles ---------- */

    .section-page-news__wrapper {--cols: 2;}
    .section-why_news {padding: 54px 0;}

    .contact-card_aside .contact-card__info {padding: 32px 20px;}

.user-content .table-scroll table {width: 948px;}

}

@media (min-width: 992px) and (max-width: 1199px) {
    /*! ---------- Page Service styles ---------- */

    .content-main__col .cta-testdrive {grid-template-columns: minmax(0, 1fr); padding: 32px 20px; background: linear-gradient(140deg, var(--color-secondary), var(--color-primary));}
    .content-main__col .cta-testdrive__form {grid-row: unset; grid-column: unset;}

    .content-main__col .cta-testdrive__employee {display: grid; grid-template-columns: minmax(0, 64px); grid-auto-flow: column; align-items: center; column-gap: 16px; order: 1; margin-top: 0;}

    .content-main__col .cta-testdrive__employee-pic {
    background: white;display: block; grid-row: span 4;}
    .content-main__col .cta-testdrive__employee-name {grid-row: 2;}

    .content-main__col .cta-testdrive__title {order: 2; margin-top: 24px; font-size: 22px; line-height: 1.3636363;}
    .content-main__col .cta-testdrive__sub-title {order: 3; display: block; margin-top: 16px;}
    .content-main__col .cta-testdrive__form {order: 4; margin-top: 24px;}
    .content-main__col .cta-testdrive__text {order: 5; margin-top: 24px;}
    .content-main__col .cta-testdrive__socials {order: 6;}

}

@media (max-width: 1023px) {
    .slider__button-next {display: none;}
    .slider__button-prev {display: none;}
    .product-slider__button-prev, .product-slider__button-next {display: flex; width: 24px; height: 24px; border-radius: 4px;}
    .product-slider__button-prev i, .product-slider__button-next i {width: 16px; height: 16px;}
}

@media (max-width: 991px) {
    :root {--font-size-base: 16px;}
    body {line-height: 1.5;}

    .header__wrapper {height: 68px; --col-gap: 10px; overflow: hidden; position: relative;}
    .header__logo {width: 200px;}

:root {--menu-width: 100vw;}

.top-menu_header {max-width: none;}

    .header__menu {padding: 32px 20px 40px; padding-bottom: 100px; width: var(--menu-width); min-height: calc(100vh - 68px); background: var(--color-bg);
        position: absolute; top: 0; right: calc(0px - var(--menu-width)); transition: right ease .3s;}

    .mob-menu-backdrop {position: fixed; left: 0; top: 68px; width: 100vw; height: calc(100vh - 68px); transition: background ease .3s; background: rgb(0 0 0 / 0%); z-index: var(--z-overlay);}
    .mob-menu-backdrop .header__menu {height: 100%;}
    .mob-menu-backdrop.active {background: rgb(0 0 0 / 60%);}
    .mob-menu-backdrop.active .header__menu {right: 0; overflow: auto;}

.top-menu {display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: stretch; row-gap: 0;}
    .top-menu__item {flex: initial; height: auto; display: block; border-bottom: 1px solid #ddd;}
    .top-menu__item:nth-child(n) {order: unset; padding: 0;}
    .top-menu__item:nth-child(1) {order: unset;}
    .top-menu__item:last-child {border-bottom: 0;}
    .top-menu__item > .top-menu__text {font-weight: 500; color: var(--color-primary); padding: 16px 0;}
    .top-menu__item:first-child > .top-menu__text {padding-top: 0;}
    .top-menu__text {font-size: 16px;}
    .top-menu__text:not(.top-menu__text_brands) {display: block;}

    .top-menu__tree {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0;}
    .top-menu__tree > .top-menu__text {flex: 1;}
    .top-menu__submenu {position: static; order: 1; width: 100%; opacity: 1; background: var(--color-bg); border-top: none; padding: 0 12px; gap: 0;}
    .top-menu__subitem > .top-menu__text {padding: 6px 0;}
    .top-menu__subitem:first-child > .top-menu__text {padding-top: 0;}

    .top-menu__subitem > .top-menu__text_brands {padding: 10px 0 0;}
    .top-menu__text_brands svg {display: block;}

    .top-menu__control {padding: 16px 0 16px 24px;}

    .top-menu__control i {transition: transform var(--anim-duration-normal) var(--anim-easing-default);}
    .top-menu__tree.show .top-menu__control i {transform: rotate(180deg);}
    .top-menu__submenu {height: 0; overflow: hidden; transition: height var(--anim-duration-normal) var(--anim-easing-default);}

.footer-inner__col:nth-child(1),
    .footer-inner__col:nth-child(2) {padding: 48px 0;}
    .top-menu_footer {padding: 0 0 48px; border-top: none;}
    .top-menu__item_footer .top-menu__control {display: block;}
    .top-menu__submenu_footer {margin: 0;}
    .top-menu__text_footer {font-size: 16px;}
    .top-menu__subitem .top-menu__text_footer {font-size: 16px;}
    .top-menu__social_footer {font-family: var(--font-heading); font-size: 26px; font-weight: 500; text-transform: uppercase;}
    .top-menu__item_footer > .top-menu__social_footer {padding: 0;}
    .top-menu__contacts_footer {font-family: var(--font-heading); font-size: 26px; font-weight: 500; text-transform: uppercase;}
    .top-menu__item_footer:nth-child(6) {border-bottom: none;}
    .top-menu__item_footer:nth-child(7) {border-bottom: none; margin: 16px 0 48px;}

    .footer-main__social {margin-top: 24px;}

.block-mob {display: block; margin-top: 40px;}
    .block-mob__title {margin-bottom: 24px;}

    .mob-contacts {--row-gap: 16px; --col-gap: 48px;}
    .mob-contacts__item {--col-gap: 8px; color: var(--color-text-primary);}
    .mob-contacts__icon {color: var(--color-text-primary);}
    .mob-contacts__icon svg {display: block;}
    .mob-contacts__item:first-child .mob-contacts__text {text-decoration: none;}

    .mob-search__icon {position: absolute; top: 16px; left: 16px;}
    .mob-search__input {padding-left: 48px;}
    .mob-search__submit {margin-top: 12px; width: 100%;}

.header__group {--col-gap: 20px; position: relative;}
    .header__search {display: none;}
    .header__phone-icon {display: block;}
    
    .header__phone-icon .icon--phone-32 {display: block;
        mask: var(--icon-phone-32) no-repeat center / contain;
        background: var(--color-primary);
    }
    .header__phone-text {display: none;}

    .header__phone {transition: opacity var(--anim-duration-fast) var(--anim-easing-default);}
    .header__burger {display: block; transition: opacity var(--anim-duration-fast) var(--anim-easing-default); color: var(--color-primary);}
    .header__close-menu {display: block; padding: 4px; position: absolute; top: 0; right: 0; pointer-events: none; opacity: 0; color: var(--color-primary);}
    .mob-menu-backdrop.active + .header__group .header__phone {opacity: 0;}
    .mob-menu-backdrop.active + .header__group .header__burger {opacity: 0; transition: none;}
    .mob-menu-backdrop.active + .header__group .header__close-menu {opacity: 1; pointer-events: auto;}

.section-breadcrumbs {padding: 24px 0 32px;}

.section-hero {height: auto; padding: 48px 0 31px; background: #011739 url('../img/hero-bg-mob.jpg') no-repeat center calc(50% - 33vw) / 100% auto;}

    @supports (background-image: url('../img/hero-bg-mob.webp')) {.section-hero {background-image: url('../img/hero-bg-mob.webp');}}

    .section-hero .container {max-height: none;}
    .section-hero__offer {max-width: 380px;}
    .section-hero__offer br {display: block;}
    .section-hero__button {margin: 40px 0 150px;}

    .section-hero__mob-title {display: block; color: #fff; margin-bottom: 16px;}
    .section-hero__pc-text {display: none;}
    .section-hero__mob-text {display: block;}
    .section-hero__mob-text::first-letter {text-transform: uppercase;}

    .section-hero__card-info {font-size: 20px;}

.banner-slider__item {aspect-ratio: 1440 / 700; --col-gap: 16px;}
    .banner-slider__title {font-size: 38px;}
    .banner-slider__button {font-size: 18px; height: 42px; padding: 8px 10px;}
    .banner-slider__text {width: 40%;}
    .banner-slider__text br {display: none;}

.section-brands__wrapper {flex-direction: column;}
    .section-brands__title {max-width: none; margin-bottom: 0;}
    .section-brands__text {max-width: none;}

    .section-feedback {background: url('../img/feedback-bg-mob.jpg') no-repeat center / cover;}

    @supports (background-image: url('../img/hero-bg-mob.webp')) {.section-feedback {background-image: url('../img/feedback-bg-mob.webp');}}

    .section-why__wrapper {grid-template-columns: minmax(0, 1fr);}
    .section-why__pic { height: 210px; width: 100%;}
    .section-why__pic img {object-position: center 30%;}
    .section-why__list {grid-column: 1;}

    .section-clubs__wrapper {--col-gap: 24px; --row-gap: 24px;}

    .welcome-slider__item {flex-direction: column; gap: 0;}
    .welcome-slider__pic {aspect-ratio: 315 / 177; max-width: none; flex: none;}
    .welcome-slider__info {padding: 24px 20px; max-width: none;}

    .section-services__wrapper {--col-gap: 24px; --row-gap: 24px;}
    .service-card {flex-direction: column; position: relative;}
    .service-card__pic {flex: none; width: 100%; height: 188px;}
    .service-card__num {position: absolute; top: 12px; left: 20px; font-size: 32px; color: #fff;}
    .service-card__info {padding: 20px;}
    .service-card__title {margin-top: 0; font-size: 20px;}

.section-catalog__wrapper {--col-gap: 24px; --row-gap: 24px;}
    .catalog-card__char {padding: 0 16px;}
    .section-sale__pic_list img {object-position: 90% center;}

    .section-sale {padding: 80px 0;}
    .section-sale__list-wrapper {margin-top: 32px;}
    .section-sale__list {gap: 32px;}
    .section-sale__list li strong {font-size: 20px;}

    .section-profi__wrapper {--col-gap: 24px; --row-gap: 24px; --cols: 1;}
    .section-profi__item {padding: 24px 20px;}

    .cta-block {flex-direction: column;}

    .section-category__item {gap: 24px;}

    .section-articles__wrapper {--col-gap: 24px; --row-gap: 24px;}

    .section-news__wrapper {--col-gap: 24px; --row-gap: 24px;}

    .popup {width: calc(100% - 40px);}

/*! ---------- Page Product styles ---------- */

    .tabs__btn {flex: auto;}

    .section-product__price-wrapper {flex-direction: column; --row-gap: 0;}
    .section-product__price {flex: auto; margin: 12px 0 0;}

/*! ---------- Page Brands styles ---------- */

    .section-page-brands__wrapper {--col-gap: 20px; --row-gap: 20px; --cols: 2;}

/*! ---------- Page Clubs styles ---------- */

    .section-page-clubs__wrapper_top {--cols: 1; --row-gap: 20px;}
    .section-page-clubs__wrapper {--cols: 1;}

/*! ---------- Page News styles ---------- */

    .section-page-news__badge-wrapper {flex-wrap: nowrap; overflow-x: auto; margin-right: -20px; padding-right: 20px;}
    .section-page-news__badge-wrapper::-webkit-scrollbar {display: none;}

/*! ---------- Page Service styles ---------- */

    .content-main {flex-direction: column-reverse;}
    .content-main__col {flex: auto;}
    .content-main__col_aside {flex: auto;}

/*! ---------- Page Brand styles ---------- */

    .section-brand .content-main__col_aside {display: none;}
    .section-brand .content-main__col .article-contents {display: block; margin-bottom: 20px;}
    .section-brand .content-main__col .article-contents {display: block; margin-bottom: 20px;}

    .content-main__col .cta-testdrive {display: grid;}

/*! ---------- Page Contacts styles ---------- */

    .contact-card {flex-direction: column;}
    .contact-card__pic {flex: auto;}
    .contact-card__info {flex: auto;}
}

@media (max-width: 767px) {

    .section-catalog__wrapper {--cols: 1;}
    .catalog-card_page-main:last-child {display: flex;}
    .catalog-card__info {padding: 24px 16px 20px; flex: none; min-height: 0;}
    .catalog-card__header {flex-direction: column; --row-gap: 4px; margin-bottom: 0;}
    .catalog-card__title {font-size: 16px;}
    .catalog-card__price {font-size: 16px; align-self: flex-end;}
    .catalog-card__hr {margin: 16px 0;}
    .catalog-card__char-value {font-size: 16px;}

    .cta-block_section-catalog {grid-column: unset;}

.section-category__item {grid-template-columns: minmax(0, 1fr); gap: 0;}
    .section-category__pic {max-width: none;}
    .section-category__info {padding: 24px 20px; gap: 16px; max-width: none;}
    .section-category__item:nth-child(odd) .section-category__info {padding-right: 20px;}
    .section-category__item:nth-child(even) .section-category__info {order: unset; padding-left: 20px;}
    .section-category__link {display: flex; order: unset; justify-content: flex-end; margin-top: 8px; color: var(--color-text-secondary);}

/*! ---------- Page Catalog styles ---------- */

    .section-premium__wrapper {flex-direction: column-reverse; --row-gap: 24px;}
    .consult-form__body {--cols: 1;}
    .consult-form__button {order: 2;}
    .checkbox-wrapper_consult-form {grid-column: unset; order: 1;}

/*! ---------- Page Product styles ---------- */

    .cta-testdrive {grid-template-columns: minmax(0, 1fr); padding: 32px 20px; background: linear-gradient(140deg, var(--color-secondary), var(--color-primary)) !important;}
    .cta-testdrive__form {grid-row: unset; grid-column: unset;}

    .cta-testdrive__employee {display: grid; grid-template-columns: minmax(0, 64px); grid-auto-flow: column; align-items: center; column-gap: 16px; order: 1; margin-top: 0;}

    .cta-testdrive__employee-pic {
    background: white;display: block; grid-row: span 4;}
    .cta-testdrive__employee-name {grid-row: 2;}

    .cta-testdrive__title {order: 2; margin-top: 24px; font-size: 22px; line-height: 1.3636363;}
    .cta-testdrive__sub-title {order: 3; display: block; margin-top: 16px;}
    .cta-testdrive__form {order: 4; margin-top: 24px;}
    .cta-testdrive__text {order: 5; margin-top: 24px;}
    .cta-testdrive__socials {order: 6;}

    .cta-testdrive {position: relative;}
    .cta-testdrive__sub-title {display: none;}
    .cta-testdrive__socials {position: absolute; right: 20px; bottom: 38px;}

    .section-page-clubs__wrapper {--cols: 1;}

}

@media (max-width: 575px) {
    body {font-size: var(--font-sz-body-lg-mob); line-height: var(--font-lh-body-lg-mob);}

    section.last-section {padding-bottom: 64px;}
    section.last-section[class*="section-"][class*="_grey"] {padding-bottom: 32px;}

    .title-h1 {font-size: var(--font-sz-title-h1-mob); line-height: var(--font-lh-title-h1-mob); margin-bottom: var(--mb-title-h1-mob);}
    .title-h2 {font-size: var(--font-sz-title-h2-mob); line-height: var(--font-lh-title-h2-mob); margin-bottom: var(--mb-title-h2-mob);}
    .title-h3 {font-size: var(--font-sz-title-h3-mob); line-height: var(--font-lh-title-h3-mob);}
    .title-h4 {font-size: var(--font-sz-title-h4-mob); line-height: var(--font-lh-title-h4-mob);}

    .btn {height: 56px;}

    .section-hero {height: auto; padding: 48px 0 31px; background: #011739 url('../img/hero-bg-mob.jpg') no-repeat center calc(50% - 54vw) / 100% auto;}

    @supports (background-image: url('../img/hero-bg-mob.webp')) {.section-hero {background-image: url('../img/hero-bg-mob.webp');}}

    .section-hero__title {font-size: 40px; margin-bottom: 24px;}
    .section-hero__mob-title {margin-bottom: 16px;}
    .section-hero__title br {display: none;}
    .section-hero__offer br {display: none;}
    .section-hero__button {margin: 32px 0 200px;}

    .section-hero__cards {flex-direction: column; --row-gap: 20px;}
    .section-hero__card {padding: 0; position: relative; background: none;}
    .section-hero__card-pic {aspect-ratio: 335 / 188; width: 335px; max-width: 100%}

    .section-hero__card-info {position: absolute; top: 0; left: 0; color: #fff; display: block; font-size: 16px;
        padding: 24px 16px; background: rgb(0 13 42 / 60%); backdrop-filter: blur(2px);
        border-radius: var(--radius-default);
        width: 100px; height: 100%;
    }
    .section-hero__card-info .animated-arrow {color: #fff; display: block; margin-top: 4px;}

.cookies-block {flex-direction: column; align-items: stretch; padding: 16px 20px; text-align: center;}

.slider__pagination.swiper-pagination-horizontal {bottom: -34px;}

.section-banners {padding: 32px 0 calc(28px + 32px);}
    .section-banners_hero {padding-top: 0;}
    .section-banners .container {padding: 0;}
    .section-banners_footer {padding-bottom: calc(28px + 64px);}

    .banner-slider__item {width: 355px; height: 500px; border-radius: 0; padding: 56px 20px 25px; flex-direction: column;}
    .banner-slider__pic img {object-position: 58%;}
    .banner-slider__title {margin-bottom: 32px;}
    .banner-slider__button {font-size: 16px; height: 40px; padding: 8px 16px;}
    .banner-slider__text {width: 100%; text-align: left;}

    .section-brands {padding: 32px 0 calc(28px + 32px);}
    .section-brands__wrapper {--row-gap: 24px;}
    .brands-slider__item {aspect-ratio: 158 / 118; padding: 10px;}
    .section-brands__title {margin-bottom: 0;}
    .brands-slider__wrapper {margin-top: 32px;}

    .section-feedback {margin: 32px 0; padding: 64px 0; background-position: 55%;}
    .section-feedback .container {position: relative;}
    .section-feedback__form {margin-top: 24px; max-width: 100%;}

    .section-why {padding: 32px 0;}
    .section-why_news {padding-top: 64px;}
    .section-why__wrapper {--row-gap: 12px; --col-gap: 12px;}
    .section-why__col {--col-gap: 12px; --row-gap: 12px;}
    .section-why__list {--col-gap: 12px; --row-gap: 12px;}

.section-clubs {overflow: hidden; padding: 32px 0 60px;}
    .clubs-slider {overflow: visible;}
    .section-clubs__wrapper {display: flex; --col-gap: 0; --row-gap: 0;}
    .section-clubs__wrapper .club-card {width: 315px; height: 437px; max-width: 95%; }
    .section-clubs__wrapper .club-card__info {padding: 24px 20px;}
    .section-clubs__wrapper .club-card__title {font-size: 20px;}

    .clubs-slider__pagination {display: block;}

.section-welcome {overflow: hidden; padding: 32px 0 60px;}
    .welcome-slider {overflow: visible;}
    .welcome-slider__item {width: 315px;}
    .welcome-slider__info .flex {align-items: stretch;}
    .welcome-slider__speech {font-size: 16px;}
    .welcome-slider__author {font-size: 14px; line-height: 1.4285714; color: var(--color-text-secondary);}
    .welcome-slider__bio {font-size: 14px; line-height: 1.4285714; margin-top: 4px;}
    .welcome-slider__bio br {display: none;}

    .section-services {padding: 32px 0;}
    .section-services__wrapper {--cols: 1; --row-gap: 32px;}

.section-download {padding: 32px 0;}
    .download-card {flex-direction: column; background: linear-gradient(to top, var(--color-primary) calc(100% - 8px), transparent calc(100% - 8px)); gap: 0;}
    .download-card__info {padding: 24px 20px; max-width: none; --row-gap: 20px; align-items: stretch; flex: none;}
    .download-card__logo {display: none;}
    .download-card__title {margin: 0; font-size: 26px;}
    .download-card__pic {order: -1; height: 335px; width: 100%;}

.section-catalog {padding: 32px 0;}
    .section-catalog_grey {padding: 64px 0 32px;}
    .title-link__wrapper {gap: 32px; justify-content: center;}
    .title-link__wrapper .title-h1 {flex: auto;}

    .section-catalog__wrapper {--row-gap: 32px;}

    .catalog-card__char {padding: 0 10px;}

    .section-catalog__link {order: unset;}

.section-sale {margin: 32px 0 0; padding: 64px 0;}
    .section-sale__title {margin-bottom: 24px;}
    .section-sale__pic_list {flex: none;}
    .section-sale__pic_list img {object-position: right center;}
    .section-sale__mob-note {margin-top: 64px; display: block; font-size: 16px; color: var(--color-text-secondary);}

    .section-sale__mob-title {margin: 4px 0 16px; display: block; font-size: 28px; font-weight: 500; color: var(--color-primary);
        font-family: var(--font-heading); line-height: 1.25; text-transform: uppercase;
    }
    .section-sale__mob-hide {display: none;}
    .section-sale__list-wrapper {margin: 24px -20px 0; padding-right: 20px; --col-gap: 24px;}
    .section-sale__list {padding: 0; gap: 24px;}
    .section-sale__list li {line-height: 1.5;}
    .section-sale__list li::before {content: none;}
    .section-sale__list li strong {font-size: 16px;}

    .section-profi {margin: 0 0 32px; padding: 0 0 64px; background: var(--color-bg);}
    .section-profi__title {display: none;}
    .section-profi__wrapper {display: none;}

    .cta-block {align-items: stretch; padding: 0; gap: 0; background: var(--color-primary);}
    .cta-block__pic {display: block; border-radius: var(--radius-default); aspect-ratio: 335 / 188; overflow: hidden;}
    .cta-block__text {font-size: 16px; padding: 32px 20px 24px;}
    .cta-block__action {flex-direction: column; --row-gap: 16px; padding: 0 20px 32px;}
    .cta-block__pic ~ .cta-block__text {padding-top: 24px;}
    .cta-block__pic ~ .cta-block__action {padding-bottom: 24px;}

.section-category {padding: 32px 0;}
    .section-category__title {margin-bottom: 0;}

    .section-magazin {padding: 32px 0;}
    .magazin-card {padding: 32px 20px;}
    .magazin-card__pics {column-gap: 4px; grid-template-columns: 71fr 220fr; width: 100%;}
    .magazin-card__pic_big {aspect-ratio: 220 / 278; border-radius: var(--radius-default);}
    .magazin-card__pics_mini {--row-gap: 4px; --cols: 1; opacity: 1;}
    .magazin-card__pic {border-radius: 4px;}
    
    .magazin-card__pic:nth-child(4) {display: none;}
    .magazin-card__pic:nth-child(5) {display: none;}
    .magazin-card__pic:nth-child(6) {display: none;}

    .magazin-card__info {--row-gap: 0; flex: none;}
    .magazin-card__title {margin-bottom: 12px;}
    .magazin-card__button {height: 40px;}
    .magazin-card__text {margin: 24px 0;}

    .magazin-card__links {gap: 20px 16px;}
    .magazin-card__link {border: none; padding: 0; text-decoration: underline; justify-content: flex-start; height: 32px;}

.section-articles {padding: 32px 0 calc(28px + 32px); overflow: hidden;}
    .articles-slider {overflow: visible;}
    .section-articles__wrapper {display: flex; gap: 0;}

    .articles-slider__wrapper .article-card {width: 315px; height: auto; aspect-ratio: unset;}
    .articles-slider__wrapper .article-card:last-child {display: flex;}
    .articles-slider__wrapper .article-card__pic {aspect-ratio: 315 / 177;}
    .article-card__info {padding: 24px 20px;}
    .article-card__title {font-size: 20px;}
    .articles-slider__wrapper .article-card__title {font-weight: 500;}
    .article-card__button {background: var(--color-secondary); border-color: var(--color-secondary); color: #fff;}
    .articles-slider__wrapper .article-card__button {height: 48px; border-color: var(--color-text-lighter); color: var(--color-text-secondary); background: transparent;}

    .articles-slider__pagination {display: block;}

.section-news {padding: 32px 0;}
    .section-news__wrapper {--row-gap: 20px; --cols: 1;}

    .stripe-item {padding: 12px 16px;}
    .stripe-item__content {align-items: flex-start;}

    .footer-top__logo .icon--logo-footer {width: 296px; height: 53px;}

    .footer-inner__col:nth-child(1) {padding: 48px 0;}
    .footer-inner__col:nth-child(2) {padding: 24px 0 0;}
    .footer-inner__col:nth-child(2) {text-align: left; order: 1;}
    .footer-inner__col:nth-child(3) {grid-column: unset;}
    .footer-inner__col:nth-child(4) {grid-column: unset; order: 2;}

    .footer-inner {grid-template-columns: repeat(1, minmax(0, 1fr));}

    .footer-main {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .footer-main__col:nth-child(n) {grid-column: unset; grid-row: unset;}
    .footer-main__col:nth-child(1) {order: 1;}
    .footer-main__col:nth-child(2) {order: 2;}
    .footer-main__col:nth-child(3) {order: 5;}
    .footer-main__col:nth-child(4) {order: 8;}
    .footer-main__col:nth-child(5) {order: 3;}
    .footer-main__col:nth-child(6) {order: 4;}
    .footer-main__col:nth-child(7) {order: 6;}
    .footer-main__col:nth-child(8) {order: 7;}

    .footer-bottom {text-align: left;}

.popup_done .popup__pic svg {width: 80px; height: 80px;}
    .popup_msg .popup__button {background: var(--color-primary); color: #fff;}

    /*! ---------- Page Catalog styles ---------- */

    .section-catalog_page {padding-top: 0;}
    .section-premium {padding: 64px 0;}
    .section-premium__content {--row-gap: 64px;}

.accordion {padding: 32px 20px;}
    .accordion__item {padding: 20px 0;}
    .accordion__title {font-size: 20px; line-height: 1.4;}
    .accordion__text {font-size: 16px; line-height: 1.5;}
    .accordion__text-inner {padding-top: 20px;}

    .accordion_tabs {padding: 0; display: block;}
    .accordion_tabs .accordion__item {padding: 24px 0;}
    .accordion_tabs .accordion__item:first-child {padding-top: 0;}
    .accordion_tabs .accordion__item:last-child {padding-bottom: 0;}
    .accordion_tabs .accordion__text-inner {padding-top: 20px;}

    .cta-consult__title {font-size: 28px; line-height: 1.2857142;}
    .cta-consult__text {line-height: 1.5;}
    .cta-consult__form {margin-top: 24px;}
    .consult-form__body {flex-direction: column; --row-gap: 16px;}

/*! ---------- Page Product styles ---------- */

    .section-product-slider .container {padding: 0;}
    .product-slider__button-prev {left: 20px;}
    .product-slider__button-next {right: 20px;}

    .product-slider__pic {border-radius: 0; aspect-ratio: 375 / 211;}

    .section-product {padding: 32px 0 64px;}

    .section-product__wrapper {--row-gap: 64px;}

    .badge {height: 40px; padding: 8px 16px; font-size: 16px;}

    .section-product__badge-wrapper {--col-gap: 8px; justify-content: flex-start;}
    .section-product__badge-wrapper .badge {height: 24px; padding: 2px 12px; font-size: 14px;}

    .section-product__price-wrapper {margin-bottom: 38px; gap: 16px;}
    .section-product__title {margin: 0;}
    .section-product__price {margin: 0;}

    .section-product__chars {flex-direction: column; padding: 32px 20px;}
    .section-product__char {width: auto;}
    .section-product__char:nth-child(2) {padding-top: 16px;}
    .section-product__char:nth-last-child(2) {padding-bottom: 16px; border-bottom-width: 1px;}

    .cta-consult_choose {padding: 40px 20px;}
    .cta-consult_choose .cta-consult__title {font-size: 22px; line-height: 1.3636363;}

    .section-info {padding: 64px 0;}
    .video__play-button {width: 40px; height: 40px;}

    .section-info__content .accordion_tabs {margin-top: 32px;}
    .section-info__content .cta-testdrive {margin-top: 32px;}

    .download-presentation {padding: 32px 20px; display: grid; align-items: flex-start;}
    .section-info .download-presentation {margin: 32px 0;}
    .download-presentation__title {grid-column: 2;}
    .download-presentation__button {grid-column: span 2; width: 100%;}

.section-info .tabs {display: none;}
    .tabs__btn {font-size: 22px; line-height: 1.3636363; padding: 0 12px 8px; height: auto;}

    .cta-testdrive__title {font-size: 22px; line-height: 1.3636363;}

    .section-catalog_product {padding: 64px 0 32px;}
    .section-clubs_product {padding: 32px 0 calc(28px + 32px);}

/*! ---------- Page Brands styles ---------- */

    .section-page-brands {padding-bottom: 32px;}
    .section-page-brands__wrapper {--cols: 1;}
    .brand-item {color: var(--color-primary);}
    .brand-item.pearshing img {filter: brightness(0.33) sepia(1) hue-rotate(180deg) saturate(4);}

/*! ---------- Page Clubs styles ---------- */

    .section-page-clubs {padding-bottom: 32px;}
    .section-page-clubs__wrapper_top {--cols: 1; --row-gap: 20px;}
    .section-page-clubs__map {margin: 64px -20px 0; border-radius: 0;}
    .section-page-clubs__wrapper {--cols: 1; margin: 64px 0;}

    .club-card-big__info {padding: 24px 20px;}
    .club-card-big__title {margin: 0; font-size: 22px; line-height: 1.3636363;}
    .club-card-big__addr {padding: 16px 0; font-size: 14px; line-height: 1.4285714;}

    .club-card-big__text-wrapper {margin: 16px 0 24px;}
    .club-card-big__link {display: block;}
    .club-card-big__link.show {display: none;}
    .club-card-big__text {height: 72px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
    .club-card-big__link.show + .club-card-big__text {height: auto; display: block;}

    .club-card-big__buttons {flex-direction: column;}

    .block-banner {padding: 64px 20px;}
    .block-banner__title {margin-bottom: 16px;}
    .block-banner__button {margin-top: 24px; width: 100%;}

/*! ---------- Page News styles ---------- */

    .section-page-news {padding: 0 0 64px;}
    .section-page-news__badge-wrapper {--col-gap: 12px;}
    .section-page-news__wrapper {--cols: 1;}
    .section-page-news__link-wrapper {margin-top: 32px;}

/*! ---------- Page Service styles ---------- */

    .section-service {padding: 0 0 64px;}
    .content-main {gap: 24px;}

    .section-service__pic {aspect-ratio: 335 / 188; height: auto;}
    .section-service__text {margin: 24px 0 32px;}

/*! ---------- Page Contacts styles ---------- */

    .section-contacts {padding: 0 0 64px;}
    .contact-card__pic {aspect-ratio: 335 / 188; height: auto;}
    .contact-card:nth-child(even) .contact-card__pic {order: unset;}
    .contact-card__info {padding: 24px 20px; align-items: stretch;}
    .contact-card__item {line-height: 24px;}

/*! ---------- Page Brand styles ---------- */

    .section-brand {padding-bottom: 64px;}
    .section-brand__main-pic {margin-bottom: 32px;}
    .article-contents {padding: 32px 20px;}

    .user-content {display: flex; flex-direction: column;}
    .user-content .top {order: -1;}

    .user-content h2 {margin-top: 48px; font-size: var(--font-sz-title-h2-mob); line-height: var(--font-lh-title-h2-mob); margin-bottom: 20px;}
    .user-content p + h2 {margin-top: 36px;}
    .user-content .video + h2 {margin-top: 24px;}

    .user-content h3 {margin-top: 48px; font-size: var(--font-sz-title-h3-mob); line-height: var(--font-lh-title-h3-mob); margin-bottom: 16px;}
    .user-content p + h3 {margin-top: 36px;}
    .user-content .video + h3 {margin-top: 24px;}

    .user-content .video {margin-top: 36px;}
    .user-content h2 + .video {margin-top: 0;}
    .user-content h3 + .video {margin-top: 0;}
    .user-content img.main {margin-bottom: 32px;}
    .user-content img.left {float: none; margin-right: 0; margin: 12px 0 24px; max-width: 100%; width: 100%;}
    .user-content img.right {float: none; margin-left: 0; margin: 12px 0 24px; max-width: 100%; width: 100%;}
    .user-content p + blockquote {margin-top: 12px;}

    .user-content .cta-testdrive {margin-top: 48px;}
    .user-content ul + .cta-testdrive {margin-top: 24px;}
    .user-content ol + .cta-testdrive {margin-top: 24px;}
    .user-content p + .cta-testdrive {margin-top: 36px;}

    .user-content table {margin: 24px 0 32px; width: 100%;}
    .user-content ul + table {margin-top: 24px;}
    .user-content ol + table {margin-top: 24px;}
    .user-content p + table {margin-top: 36px;}

    .content-author {grid-auto-flow: row; align-items: center; column-gap: 16px; padding: 20px;}

    .content-author__pic {
    background: white;grid-row: unset; width: 72px; height: 72px;}
    .content-author__name {grid-column: 2; grid-row: 1;}
    .content-author__date {grid-column: span 2; margin-top: 16px;}

    .content-author_incontents {background: var(--color-bg-hover); margin-top: 32px; padding: 24px;}

.aside-block__title {margin-bottom: 16px;}
    .article-contents__list {gap: 12px;}
    .section-brand .content-main__col .article-contents {margin-bottom: 48px;}

}