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

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

a,
a:link,
a:visited {
text-decoration: none;
color: #000
}

a:hover {
text-decoration: none
}

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

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

ul,
ul li {
list-style: none
}

img {
vertical-align: top
}

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

address {
font-style: normal
}

input,
textarea,
button,
select {
font-family: inherit;
font-size: inherit;
color: inherit;
background-color: rgba(0, 0, 0, 0)
}

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

button,
input[type=submit] {
display: inline-block;
box-shadow: none;
background-color: rgba(0, 0, 0, 0);
background: none;
cursor: pointer
}

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

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

label {
cursor: pointer
}

legend {
display: block
}

html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth
}

body {
margin: 0
}

h1 {
font-size: 2em;
margin: .67em 0
}

hr {
box-sizing: content-box;
height: 0;
overflow: visible
}

pre {
font-family: monospace, monospace;
font-size: 1em
}

a {
background-color: rgba(0, 0, 0, 0)
}

abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}

b,
strong {
font-weight: bolder
}

code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}

small {
font-size: 80%
}

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}

sub {
bottom: -0.25em
}

sup {
top: -0.5em
}

img {
border-style: none
}

button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}

button,
input {
overflow: visible
}

button,
select {
text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText
}

fieldset {
padding: .35em .75em .625em
}

legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}

progress {
vertical-align: baseline
}

textarea {
overflow: auto
}

[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}

[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}

::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}

details {
display: block
}

summary {
display: list-item
}

template {
display: none
}

[hidden] {
display: none
}

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

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

a,
a:link,
a:visited {
text-decoration: none;
color: #000
}

a:hover {
text-decoration: none
}

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

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

ul,
ul li {
list-style: none
}

img {
vertical-align: top
}

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

address {
font-style: normal
}

input,
textarea,
button,
select {
font-family: inherit;
font-size: inherit;
color: inherit;
background-color: rgba(0, 0, 0, 0)
}

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

button,
input[type=submit] {
display: inline-block;
box-shadow: none;
background-color: rgba(0, 0, 0, 0);
background: none;
cursor: pointer
}

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

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

label {
cursor: pointer
}

legend {
display: block
}

html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth
}

body {
margin: 0
}

h1 {
font-size: 2em;
margin: .67em 0
}

hr {
box-sizing: content-box;
height: 0;
overflow: visible
}

pre {
font-family: monospace, monospace;
font-size: 1em
}

a {
background-color: rgba(0, 0, 0, 0)
}

abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}

b,
strong {
font-weight: bolder
}

code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}

small {
font-size: 80%
}

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}

sub {
bottom: -0.25em
}

sup {
top: -0.5em
}

img {
border-style: none
}

button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}

button,
input {
overflow: visible
}

button,
select {
text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText
}

fieldset {
padding: .35em .75em .625em
}

legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}

progress {
vertical-align: baseline
}

textarea {
overflow: auto
}

[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}

[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}

::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}

details {
display: block
}

summary {
display: list-item
}

template {
display: none
}

[hidden] {
display: none
}

@font-face {
font-family: "Furore";
src: url(../fonts/Furore.woff2) format("woff2"), url(../fonts/Furore.woff) format("woff"), url(../fonts/Furore.otf)
format("truetype");
font-weight: 400;
font-style: normal
}

@font-face {
font-family: "Inter-Regular";
src: url(../fonts/Inter-Regular.woff2) format("woff2"), url(../fonts/Inter-Regular.woff) format("woff"),
url(../fonts/Inter-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal
}

@font-face {
font-family: "Inter-Medium";
src: url(../fonts/Inter-Medium.woff2) format("woff2"), url(../fonts/Inter-Medium.woff) format("woff"),
url(../fonts/Inter-Medium.otf) format("truetype");
font-weight: 500;
font-style: normal
}

@font-face {
font-family: "Onest-Regular";
src: url(../fonts/Onest-Regular.woff2) format("woff2"), url(../fonts/Onest-Regular.woff) format("woff"),
url(../fonts/Onest-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal
}

@font-face {
font-family: "Onest-EB";
src: url(../fonts/Onest-Extrabold.woff2) format("woff2"), url(../fonts/Onest-Extrabold.woff) format("woff"),
url(../fonts/Onest-Extrabold.ttf) format("truetype");
font-weight: 800;
font-style: normal
}

body {
background-color: #eee;
color: #000;
font-family: Onest-Regular, sans-serif;
line-height: 140%;
overflow-x: hidden
}

#scrollToTopBtn {
position: fixed;
bottom: 40px;
right: 30px;
z-index: 99;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
width: 50px;
height: 50px;
border: 1px solid #898989;
color: #1c1c1c;
border-radius: 14px;
cursor: pointer;
text-align: center;
opacity: 0;
visibility: hidden;
transition: opacity .4s ease, visibility .4s ease
}

@media(max-width: 468px) {
#scrollToTopBtn {
bottom: 50px;
right: 15px
}
}

#scrollToTopBtn.show {
opacity: 1;
visibility: visible
}

#scrollToTopBtn:hover {
border-color: #1c1c1c
}

ul {
padding-left: 0
}

h1,
h2,
h3 {
font-family: Furore, sans-serif;
line-height: 140%
}

h1 {
margin-top: 0
}

h1.title {
margin-top: 30px
}

h1 {
font-size: 52px
}

p {
line-height: 140%;
margin-bottom: 0
}

h2 {
font-size: 40px;
margin-bottom: 50px
}

.colored-text {
color: #b4d0df
}

.container {
max-width: 1710px;
width: 100%;
margin: 0 auto;
position: relative;
padding: 0 25px
}

.btn,
input {
transition: .3s all ease;
font-size: 22px
}

button.header-btn {
color: #000;
font-size: 18px
}

.btn {
cursor: pointer
}

.btn.btn-outline-light.active {
border: 1px solid #1c1c1c
}

.btn:hover {
transform: translateY(-2px);
transition: .3s all ease
}

.btn:active {
transform: scale(0.97)
}

.btn--square-blue {
background-color: #b4d0df;
color: #000;
border-radius: 15px;
border: 1px solid #000
}

.btn--square-white {
background-color: #fff;
color: #000;
border-radius: 15px;
border: 1px solid #000
}

.btn--rounded-blue {
background-color: #b4d0df;
color: #000;
border-radius: 30px;
border: 1px solid #000
}

.btn--rounded-white {
background-color: #fff;
color: #000;
border-radius: 30px;
border: 1px solid #000
}

.header--wrapper {
width: 100%;
background-color: var(--bs-white);
box-shadow: 0px 1px 3px 0px rgba(64, 64, 64, .03), 0px 2px 7px 0px rgba(113, 113, 113, .06);
position: sticky;
position: -webkit-sticky;
transition: all .3s;
top: 0;
z-index: 100
}

.header--wrapper.active {
border-bottom-left-radius: 35px;
border-bottom-right-radius: 35px
}

.header--logo {
height: max-content !important
}

.header--container {
width: 100%;
padding-block: 20px;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 12px;
box-shadow: var(--bs-box-shadow-sm);
transition: all .3s;
will-change: padding-block
}

.header--container .mobile-only {
display: none;
margin-left: auto;
gap: 20px
}

.header--container.active {
padding-block: 12px;
border-bottom-left-radius: 35px;
border-bottom-right-radius: 35px
}

.header--col--18 {
display: flex;
flex-direction: row;
gap: 5px;
align-content: center
}

.header--button {
display: flex;
padding: 16px;
border: none;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 14px;
background: var(--bs-white);
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-ms-transition: all 300ms;
-o-transition: all 300ms;
color: var(--bs-black);
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: normal
}

.header--button:hover {
background-color: var(--gray-f7);
box-shadow: var(--bs-box-shadow-sm);
color: var(--bs-black)
}

.header--scroll {
position: relative;
width: 100%
}

.header--scroll .swiper-button-prev,
.header--scroll .swiper-button-next {
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #fff;
margin-top: 0;
top: 50% !important;
bottom: 0 !important;
transform: translateY(-50%);
box-shadow: 0px 2px 4px 0px rgba(63, 63, 63, .04), 0px 8px 16px 0px rgba(111, 111, 111, .16)
}

.header--scroll .swiper-button-prev {
left: -30px
}

.header--scroll .swiper-button-next {
right: -30px
}

.header--scroll .swiper-button-prev::after,
.header--scroll .swiper-button-next::after {
color: #393838;
font-size: 12px;
font-weight: 700
}

.header--scroll .swiper-button-prev:hover::after,
.header--scroll .swiper-button-next:hover::after {
color: #1c1c1c
}

.header--scroll .swiper-button-disabled {
display: none !important
}

.header--scroll.hidden {
display: none
}

.header--scroll::-webkit-scrollbar {
width: 0;
height: 0
}

.header--logo {
display: block;
width: 280px;
height: 39px;
overflow: hidden
}

.header--image {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
vertical-align: unset
}

.header--socials {
display: flex;
align-items: center;
justify-content: center;
align-self: center;
gap: 12px
}

@media(max-width: 1440px) {
.header--socials {
display: none
}
}

.header--socials_link {
width: 24px;
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center
}

.header--socials .icon--telegram {
background-color: #2ea4d6
}

.header--socials .icon--phone {
background-color: #b4d0df
}

@media(max-width: 1280px) {
.header--container .mobile-only {
display: flex
}
}

.header--socials svg,
.favorites-icon svg {
width: 28px;
height: 28px
}

.favorites-icon a:hover {
background-color: #f8f9fa;
box-shadow: 0px 2px 4px 0px rgba(63, 63, 63, .04), 0px 8px 16px 0px rgba(111, 111, 111, .16);
color: #1c1c1c;
border-color: #383938
}

.btn-outline-light {
background: #fff;
color: #1c1c1c;
border: none
}

.col-auto.city,
.col.years,
.col-auto.phone>a,
.col-auto.service>button {
font-size: 18px !important
}

.col-auto.city {
padding-left: 25px
}

.col-auto.phone>a {
padding: 8px 16px
}

.row--middle>.col-auto:first-child a {
border: 1px solid #a5aaac;
border-radius: 14px
}

.btn-outline-light:hover {
border-color: #393838;
box-shadow: 0px 2px 4px 0px rgba(63, 63, 63, .04), 0px 8px 16px 0px rgba(111, 111, 111, .16)
}

.btn-outline-light:active {
border-color: #383938 !important
}

.favorites-icon a {
border: 1px solid #a5aaac;
border-radius: 14px
}

.header--socials a {
transition: transform .3s
}

.header--socials a:hover {
transform: translatey(-5px);
transition: transform .3s
}

.callback-button {
background-color: #32bc20;
font-size: 18px;
border: none;
padding: 8px 12px;
border-radius: 15px
}

.callback-button:hover {
background-color: #2daa1d
}

.row--header {
align-items: center;
justify-content: center;
--bs-gutter-x: 0.5rem
}

.row--header:first-child {
margin-bottom: 15px
}

.account-top {
display: none
}

.account-middle {
display: flex
}

.account-middle>button {
border: 1px solid #898989;
border-radius: 14px
}

.account-middle>button:active {
border-color: #1c1c1c
}

.search,
.cart,
.menu {
display: none
}

.menu-button {
background: none;
border: none;
cursor: pointer;
width: 30px;
height: 24px;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
padding: 0;
position: relative
}

.menu-button span {
width: 100%;
height: 2px;
background-color: #000;
border-radius: 2px;
transition: all .4s ease-in-out
}

.menu-button.active span:nth-child(1) {
transform: rotate(45deg);
transform-origin: left
}

.menu-button.active span:nth-child(2) {
opacity: 0
}

.menu-button.active span:nth-child(3) {
transform: rotate(-45deg);
transform-origin: left
}

@media(max-width: 1540px) {
.phone {
margin-left: auto
}
}

@media(max-width: 1440px) {
.header--col--18 {
display: none
}

.years {
display: none !important
}

.account-top {
display: flex
}

.account-middle {
display: none
}
}

@media(max-width: 1280px) {
.header--logo {
display: block;
width: 200px;
height: 26px;
overflow: hidden
}

.header--scroll {
display: none
}

.city,
.phone,
.service,
.account-top,
.row--middle {
display: none
}

.row--header {
align-items: center;
--bs-gutter-x: 0.625rem;
padding-block: 10px
}
}

@media(max-width: 1280px) {
.header--container .js-cart-button {
position: relative;
padding: 0;
width: 24px;
height: 24px
}

.header--container .js-cart-button .badge {
position: absolute;
top: -9px !important;
right: -16px;
padding: 3px 8px;
border-radius: 35px;
background-color: #898989 !important;
color: #393838
}
}

.headerSearch {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 12px;
padding: 10px 28px;
border-radius: 14px;
border: 1px solid #a5aaac;
background: #fff;
transition: all 300ms
}

@media(max-width: 1540px) {
.headerSearch {
padding: 12px
}
}

.headerSearch--modal {
padding: 10px 12px;
border: none;
background: var(--gray-f7);
height: 40px
}

.headerSearch-input {
width: 100%;
background-color: rgba(0, 0, 0, 0);
border: none;
color: var(--bs-black);
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: normal
}

.headerSearch-input--modal {
font-size: .75rem
}

.headerSearch-input::placeholder {
color: #9e9e9e
}

.headerSearch-input:focus {
outline: none
}

.headerSearch:hover,
.headerSearch:has(.headerSearch-input:focus) {
box-shadow: 0px 2px 4px 0px rgba(63, 63, 63, .04), 0px 8px 16px 0px rgba(111, 111, 111, .16);
border: 1px solid #898989
}

.headerSearch--icon {
width: 24px;
height: 24px;
background-color: var(--gray-a1)
}

.headerSearch-clear {
display: none
}

.headerSearch-clear.active {
display: flex
}

.btn-secondary {
display: flex;
padding: 16px;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 14px;
background: #fff;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-ms-transition: all 300ms;
-o-transition: all 300ms;
border: none;
color: #1c1c1c;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
border: 1px solid rgba(0, 0, 0, 0)
}

@media(max-width: 1540px) {
.btn-secondary {
padding: 12px
}
}

@media(max-width: 920px) {
.btn-secondary {
padding: 11px 16px
}
}

.btn-secondary:hover {
background-color: #a5aaac;
box-shadow: 0px 2px 4px 0px rgba(63, 63, 63, .04), 0px 8px 16px 0px rgba(111, 111, 111, .16);
color: #1c1c1c
}

.btn-secondary--dark {
background: #1c1c1c;
color: #fff
}

.btn-secondary--primary {
background: #1c1c1c;
color: #fff
}

.btn-secondary--primary:hover {
background: #1c1c1c;
color: #fff
}

.btn-primary:focus {
background: #1c1c1c;
border: 1px solid #1c1c1c
}

.btn-secondary--gray {
color: #fff
}

.btn-warning {
background-color: #b4d0df !important;
border-color: #b4d0df !important
}

.btn-outline-warning {
color: #b4d0df !important;
border-color: #b4d0df !important
}

.btn-outline-warning:hover {
color: #000 !important;
background-color: #b4d0df !important
}

nav.breadcrumbs {
padding-top: 0
}

ul.breadcrumbs-list {
display: flex;
margin-top: 35px;
justify-content: start;
flex-wrap: wrap;
gap: 15px;
align-items: center;
padding-left: 0
}

ul.breadcrumbs-list .crumb {
font-size: 14px;
line-height: 140%;
position: relative
}

ul.breadcrumbs-list .crumb:not(:first-child)::before {
content: "|";
padding: 0 20px 0 0
}

ul.breadcrumbs-list .crumb.last {
color: #898989
}

ul.breadcrumbs-list .crumb.last:hover span {
color: #898989
}

ul.breadcrumbs-list .crumb:hover span {
color: #b4d0df
}

.footer {
padding: 75px 0 25px;
background-color: #b4d0df;
border-top-left-radius: 35px;
border-top-right-radius: 35px
}

.footer__inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: start;
gap: 50px
}

.footer__inner-left {
display: flex;
flex-direction: column
}

.footer__inner-bottom {
max-width: 100%;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center
}

.footer__logo {
margin-bottom: 25px
}

.footer__socials {
display: flex;
max-width: 450px;
justify-content: start;
align-items: center;
gap: 50px;
border-bottom: 1px solid #898989;
padding-bottom: 25px
}

.footer__socials-item {
display: flex;
justify-content: center;
align-items: center;
transition: .3s all ease
}

.footer__socials-item svg {
transform: translateY(3px)
}

.footer__socials-item:hover {
transform: translateY(-2px);
transition: .3s all ease
}

.footer__socials-item:last-child {
margin-right: 10px
}

.footer__phone,
.footer__email,
.footer__address,
.footer__phone svg path,
.footer__email svg path,
.footer__address svg path {
display: flex;
gap: 6px;
font-size: 20px;
line-height: 140%;
transition: .3s ease all
}

.footer__phone:hover svg path,
.footer__email:hover svg path {
fill: #fff
}

.footer__phone,
.footer__email {
display: inline-block
}

.footer__phone:hover,
.footer__email:hover {
color: #fff;
transition: .3s ease all
}

.footer__inner-left {
max-width: 20%;
width: 100%
}

.footer__inner-right {
max-width: calc(80% - 50px);
width: 100%;
display: flex;
justify-content: end;
align-items: start;
gap: 50px
}

.footer__item-catalog ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 25px
}

.footer__item-title {
font-size: 28px;
line-height: 140%;
margin-bottom: 30px;
margin-top: -12px
}

.footer__list-link {
display: block;
font-size: 24px;
max-width: 350px;
width: 100%;
line-height: 140%;
transition: .3s ease all
}

.footer__list-link:hover {
color: #fff;
transition: .3s ease all
}

.footer__inner-bottom {
padding-top: 50px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 18px;
line-height: 140%;
border-top: 1px solid #a5aaac
}

.footer__info-company {
color: #898989
}

.footer__privacy-policy {
transition: .3s ease all
}

.footer__privacy-policy:hover {
color: #fff;
transition: .3s ease all
}

.callback__button {
cursor: pointer;
position: fixed;
right: 2%;
bottom: 5%;
transition: transform .3s ease
}

.callback__button:hover {
transform: translateY(-5px);
transition: transform .3s ease
}

@media(max-width: 1640px) {
.header-bottom nav ul {
gap: 40px
}
}

@media(max-width: 1540px) {
.header-bottom .header-search input {
max-width: 100px
}

.header-bottom nav ul {
gap: 20px
}

.container {
padding: 0 25px
}

.footer__list-link,
.footer__phone,
.footer__email,
.footer__address {
font-size: 20px
}

.footer__item-title {
font-size: 32px
}
}

@media(max-width: 1440px) {

.footer__inner-left,
.footer__inner-right {
max-width: 100%;
width: 100%
}

.footer__inner-right {
flex-wrap: wrap
}

.footer__item-block {
max-width: calc(50% - 25px);
width: 100%
}

.footer__item-catalog {
max-width: 100%
}
}

@media(max-width: 1290px) {

h1,
h2 {
font-size: 52px
}

.header-bottom nav ul {
font-size: 28px
}
}

@media(max-width: 1200px) {

.footer__phone,
.footer__email,
.footer__address,
.footer__list-link {
font-size: 24px
}

.footer__inner-bottom {
font-size: 20px;
display: grid;
gap: 12px;
grid-template-columns: repeat(2, 1fr)
}

.footer__inner-bottom:nth-child(even) {
margin-left: auto
}
}

@media(max-width: 1100px) {

h1,
h2 {
font-size: 38px
}

.header-top .header-phone {
display: none
}

.header-top .mobile-menu-button {
display: flex
}

.header-bottom {
display: none
}

.header-bottom nav ul {
display: none;
flex-direction: column;
align-items: flex-start;
gap: 20px
}

.header-bottom nav ul.expanded {
display: flex
}

.header-bottom.expanded {
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 85px 20px 30px;
background-color: #b4d0df;
z-index: 1001
}

.header-bottom.expanded .header-menu__item a {
display: block;
font-size: 24px;
padding: 10px 0
}

.header-top.expanded {
background-color: #b4d0df
}

.body-no-scroll {
overflow: hidden
}

.header-top {
position: fixed;
top: 0;
left: 0;
right: 0;
padding: 25px;
z-index: 1002;
background-color: #b4d0df
}

.mobile-menu-button.expanded .burger-line:nth-child(1) {
transform: rotate(45deg) translate(6px, 10px)
}

.mobile-menu-button.expanded .burger-line:nth-child(2) {
opacity: 0
}

.mobile-menu-button.expanded .burger-line:nth-child(3) {
transform: rotate(-45deg) translate(3px, -7px)
}

.header-bottom .header-search input {
max-width: 100%;
width: 100%;
text-align: start;
border-bottom: none;
font-size: 24px;
padding-left: 0
}

@keyframes slideDown {
from {
border-bottom-width: 0
}

to {
border-bottom-width: 2px
}
}

@keyframes slideUp {
from {
border-bottom-width: 2px
}

to {
border-bottom-width: 0
}
}

.header-bottom.expanded .header-search input {
animation: slideDown .3s ease-in-out forwards
}

.header-bottom:not(.expanded) .header-search input {
animation: slideUp .3s ease-in-out forwards
}
}

@media(max-width: 1024px) {
.footer {
padding: 50px 0 25px
}

.footer__inner {
gap: 50px
}

.footer__inner-right {
justify-content: normal
}

.footer__inner-bottom {
margin-top: 0
}

.footer__inner-left,
.footer__inner-right {
max-width: 100%
}
}

@media(max-width: 768px) {
h1.title {
font-size: 24px
}

.footer__item-catalog ul {
grid-template-columns: 1fr;
gap: 10px
}

.footer__item-block {
max-width: 100%
}

.footer__list {
display: flex;
flex-direction: column;
gap: 10px
}

.footer__inner {
gap: 25px
}
}

.catalog__container {
display: grid;
grid-template-columns: 1fr 3fr;
gap: 30px;
padding-bottom: 75px
}

.filters__toggle {
display: none;
padding: 12px 0;
font-size: 30px;
line-height: 140%;
cursor: pointer;
background: none;
border: none;
width: 100%;
text-align: left
}

.filters__toggle-icon {
max-width: 24px;
width: 100%;
transition: all .3s ease
}

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

.filters__title {
padding: 0;
display: flex;
justify-content: space-between;
font-size: 18px;
line-height: 140%;
margin-bottom: 10px
}

.filters__title-icon {
max-width: 16px;
width: 100%;
transition: all .3s ease
}

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

.filters__list {
opacity: 1;
max-height: 0;
list-style: none;
padding: 0;
margin: 0;
overflow: hidden;
transition: max-height .3s ease
}

.filters__list .active {
display: block
}

.filters__item {
margin-bottom: 15px;
cursor: pointer
}

.filters__option {
display: flex;
font-size: 16px;
margin-bottom: 20px
}

.filters__option input {
width: 20px
}

.filters__option label {
display: inline-block;
padding-left: 10px;
width: 100%
}

aside {
align-self: start;
padding: 25px;
background-color: #fff;
border-radius: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

aside-inner {
display: flex;
flex-direction: column;
gap: 15px
}

.goods-inner {
display: flex;
justify-content: space-between;
align-items: start
}

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

.goods__item {
background-color: #fff;
border-radius: 20px;
padding: 15px 15px 30px;
display: flex !important;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap: 15px;
max-width: 350px;
width: 100%;
box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
flex: 0 0 auto;
overflow: hidden
}

.goods__item:hover {
box-shadow: 0px 2px 4px 0px rgba(63, 63, 63, .04), 0px 8px 16px 0px rgba(111, 111, 111, .16)
}

.goods__item-img {
border-radius: 30px
}

.goods__item-title a:hover {
color: #b4d0df !important
}

.goods__item-stats {
display: flex;
flex-direction: column;
padding: 0 30px;
width: 100%;
color: #898989;
font-family: Inter-Medium, sans-serif;
font-size: 15px
}

.goods__item-state {
display: flex;
justify-content: space-between
}

.goods__item-state .dashed {
width: 35%;
height: 18px;
border-bottom: 1px dashed #898989
}

.goods__item-buttons {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 0 30px;
padding-top: 10px;
}

.product-links a.btn {
font-size: 16px
}

.product-price {
font-size: 18px;
color: #1c1c1c;
font-weight: 600
}

.product-price small {
color: #898989;
font-weight: 400;
text-decoration: line-through;
font-size: .8rem
}

.btn.btn-outline-danger.add-to-liked {
border-color: #6c757d
}

.btn.btn-outline-danger.add-to-liked:hover {
border-color: #dc3545
}

.pagination__wrapper {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: 75px;
font-family: Inter-Regular, sans-serif;
font-size: 24px;
line-height: 140%
}

.pagination__wrapper .pagination__item {
display: flex
}

.pagination__wrapper .project_content_footerblock_footer_pages {
display: flex;
gap: 25px
}

.seo-block {
display: flex;
flex-direction: column;
gap: 12px;
padding: 50px 0
}

.seo-row {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 8px
}

.seo-description {
color: #1c1c1c;
font-size: 18px;
line-height: 140%
}

.seo-block.full .seo-description {
white-space: normal
}

.seo-block.full .seo-button.show {
display: none
}

.seo-block.full .seo-button.hide {
display: block
}

.seo-block:not(.full) .seo-button.show {
display: inline;
margin-left: 8px
}

.seo-block:not(.full) .seo-button.hide {
display: none
}

.seo-button {
background: none;
margin-top: 10px;
border: none;
color: #1c1c1c;
cursor: pointer;
font-size: 16px;
font-style: normal;
line-height: 140%;
text-transform: uppercase;
border-bottom: 1px solid #a5aaac
}

@media(hover: hover) {
.seo-button:hover {
color: #b4d0df;
border-bottom: 1px solid #b4d0df
}
}

.seo-button:active {
color: #b4d0df
}

.seo-block.full .seo-button.hide {
margin-top: 8px
}

.modalMenu-header {
display: flex;
flex-direction: row;
height: 60px;
align-items: center;
justify-content: flex-start;
gap: 10px;
background: #fff;
box-shadow: 0px 1px 3px 0px rgba(64, 64, 64, .03), 0px 2px 7px 0px rgba(113, 113, 113, .06);
border: none
}

.modalMenu-years {
display: flex;
flex-direction: row;
gap: 5px;
align-items: center;
flex-shrink: 0
}

.modalMenu-body {
padding: 32px 16px 8px;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 36px
}

.modalMenu-body--catalog {
padding: 20px 16px 8px;
gap: 0
}

.modalMenu-body--search {
padding: 16px 12px;
gap: 22px
}

.modalMenu-back {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 0;
position: relative;
color: var(--gray-75);
text-align: center;
font-size: .75rem;
font-style: normal;
font-weight: 400;
line-height: 145%
}

.modalMenu-back-icon {
width: 18px !important;
height: 18px !important;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%)
}

.modalMenu-top {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 16px
}

.modalMenu-section {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 0
}

.modalMenu-button {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 10px;
padding: 12px 0;
margin-bottom: 10px
}

.modalMenu-button+.modalMenu-button {
border-top: 1px solid #898989
}

.modalMenu-button-name {
display: flex;
flex: 1;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal
}

.modalMenu-button-name--short {
flex: 0
}

.modalMenu-button-action {
color: var(--gray-a1);
font-size: .75rem;
font-style: normal;
font-weight: 500;
line-height: normal
}

.modalMenu-socials {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 12px
}

.modalMenu-socials-title {
font-size: .875rem;
font-style: normal;
font-weight: 500;
line-height: normal;
margin: 0
}

.modalMenu-socials-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 8px
}

.modalMenu-social {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
border-radius: 14px;
border: 1px solid #898989;
background: var(--bs-white);
padding: 12px 10px
}

.modalMenu-form {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 36px;
margin: 32px 0 18px
}

.modalMenu-form-group {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 8px
}

.modalMenu-form-name {
color: #2e2e2e;
font-size: .75rem;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 0;
margin: 0
}

.modalMenu-filters {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 6px;
flex-wrap: wrap
}

.modalMenu-filter {
display: flex;
flex-shrink: 0;
padding: 8px 12px;
border-radius: 12px;
border: 1px solid #898989;
background: var(--bs-white);
color: var(--gray-75);
font-size: .75rem;
font-style: normal;
font-weight: 500;
line-height: normal;
transition: all 300ms
}

.modalMenu-filter input {
display: none
}

.modalMenu-filter:has(input:checked) {
background: var(--bs-black);
color: var(--bs-white)
}

.modalMenu-cities {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 12px
}

.modalMenu-city {
padding: 12px 0;
border-radius: 14px;
background: var(--bs-white);
color: var(--gray-a1);
font-size: .875rem;
font-style: normal;
font-weight: 500;
line-height: normal;
transition: all 300ms
}

.modalMenu-city:hover {
color: var(--bs-black);
background-color: var(--gray-f7)
}

.modalMenu-city.active {
color: var(--bs-black)
}

.modalMenu-footer {
padding: 17px 16px 12px;
box-shadow: 0px -4px 40px 1px rgba(0, 0, 0, .1);
border: none
}

.modalMenu-top .js-login-form {
border: 1px solid #898989;
border-radius: 14px;
margin: 10px 0
}

.modal-fullscreen .modal-body {
overflow-y: auto
}

.nav {
flex-wrap: nowrap;
border-bottom: 1px solid #898989;
padding-bottom: 10px;
margin-bottom: 10px
}

.nav-item {
width: 100%;
text-align: start
}

.nav-link {
display: flex;
align-content: center;
flex-direction: row;
align-items: center;
justify-content: start;
flex-shrink: 0;
gap: 6px;
color: #1c1c1c;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 145%;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-ms-transition: all 300ms;
-o-transition: all 300ms
}

@media(max-width: 1280px) {
.nav {
flex-direction: column;
align-items: flex-start
}

.nav-link {
padding: 12px 16px 12px 0
}
}

@media(max-width: 1640px) {
.promo-block h1 {
font-size: 54px
}

.promo-block .content-promo-head {
text-align: center;
margin: 30px auto;
max-width: 90%
}

.brands__list {
gap: 15px
}

.brands__btn {
padding: 0 35px
}

.stages__list {
gap: 30px
}

.stages__item-duration {
font-size: 22px;
text-align: center
}

.team__inner {
align-items: center
}

.article__button {
max-width: 100%
}
}

@media(max-width: 1540px) {
.brands__list {
grid-template-columns: repeat(3, 1fr);
gap: 25px
}

.stages__title {
max-width: 100%
}

.stages__item-top {
font-size: 30px
}

.catalog__list-brands {
grid-template-columns: repeat(5, 1fr)
}
}

@media(max-width: 1440px) {
.catalog__item-category {
width: calc((100% - 50px)/3)
}

.product__wrapper-container {
flex-direction: column
}

.product__price {
position: sticky;
top: 100px;
align-self: flex-start
}

.product .product__slider-inner {
max-width: max-content
}
}

@media(max-width: 1290px) {
.advantages-list {
gap: 25px
}

.advantages-list__item {
width: calc(25% - 25px)
}

.stages__item-top {
align-items: start;
flex-direction: column;
margin-bottom: 25px;
gap: 25px
}

.catalog__container {
grid-template-columns: 1fr 2fr
}

.goods__list {
grid-template-columns: repeat(2, 1fr)
}

.product__wrapper {
gap: 75px
}

.product__info {
max-width: 100%
}

.gallery {
width: 50%;
margin: 0 auto
}
}

@media(max-width: 1200px) {

.brands__link,
.brands__btn {
font-size: 36px
}

.brands__btn {
padding: 20px
}

.faq__content p {
font-size: 20px
}

form.form {
max-width: 450px
}

.reviews__item-top {
flex-direction: column
}

h1,
h2 {
font-size: 46px
}

.team__inner {
flex-direction: column
}

.team__left,
.team__right {
max-width: 100%;
text-align: center
}

.contacts__inner {
gap: 45px
}

.contacts__value {
font-size: 24px
}

.contacts__inner-left {
max-width: 40%
}

.contacts__inner-right {
max-width: 60%
}

.articles__info {
max-width: 60%
}

.articles__info-text {
font-size: 24px
}
}

@media(max-width: 1100px) {
.promo-block h1 {
font-size: 36px
}

.brands__btn img {
display: none
}

form.form {
max-width: 100%
}

.form-section__right img {
display: none
}

.form-section__title {
max-width: 100%
}

.stages__item-duration {
width: 100%
}

.catalog__item-category {
width: calc((100% - 25px)/2)
}

.catalog__list-brands {
grid-template-columns: repeat(4, 1fr)
}
}

@media(max-width: 1024px) {

h1,
h2 {
font-size: 36px
}

.articles,
.article,
.advantages,
.goods,
.cta,
.brands,
.stages,
.form-section,
.reviews,
.company,
.team,
.gallery,
.contacts,
.faq {
padding: 50px 0
}

.seo-block {
padding: 0 0 50px
}

.btn {
padding: 15px 25px
}

.header-logo img {
max-width: 65%
}

.header-bottom.expanded {
border-radius: 0
}

.promo-block .content-promo-head {
max-width: 100%
}

.promo-block .content-promo-head {
margin: 0 auto 50px
}

.advantages-list {
gap: 30px
}

.advantages-item__top {
margin-bottom: 25px
}

.faq__header p {
font-size: 24px
}

.reviews__list {
grid-template-columns: repeat(2, 1fr)
}

.articles {
padding: 0 0 50px
}

.articles__wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 25px
}

.articles__info {
max-width: 100%
}

.articles__info-title {
font-size: 28px
}

.articles__item {
flex-direction: column;
padding: 30px;
max-width: 100%
}

.article__content {
grid-template-columns: 1fr
}

.article__content-body {
border-right: none
}

.article__interestings-list {
flex-direction: row
}

.article__interestings-item {
font-size: 24px
}

.catalog__container {
grid-template-columns: 1fr
}

aside {
border-radius: 20px;
padding: 15px
}

.filters {
max-height: 0;
overflow: hidden;
transition: max-height .3s ease
}

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

.filters__option {
padding: 10px 0;
font-size: 24px
}

.filters.active {
display: block;
max-height: 1000px
}

.gallery {
padding: 0;
width: 100%;
grid-column-gap: 30px;
grid-row-gap: 10px
}

.tab-buttons {
overflow-x: auto;
white-space: nowrap;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: none
}

.tab-button {
padding: 14px 20px
}

.slider-container::-webkit-scrollbar {
display: none
}

.product__wrapper {
flex-direction: column
}

.product__wrapper-container {
gap: 50px
}

.product__price {
max-width: 100%;
top: 0;
position: relative
}
}

@media(max-width: 960px) {
.advantages-list__item {
width: calc(50% - 25px)
}

.cta-inner {
height: 100%;
padding: 100px 50px;
text-align: center
}

.cta__title {
font-size: 40px;
max-width: 100%;
line-height: 140%;
margin-bottom: 25px
}

.brands__link,
.brands__btn {
font-size: 24px
}

.form-section__title {
margin-bottom: 25px
}

.form-section form.form input {
padding: 15px 25px
}

.reviews__list {
grid-template-columns: 1fr
}

.reviews__item {
display: flex;
gap: 40px
}

.reviews__item-top {
align-items: start;
margin-bottom: 0
}

.reviews__item-text {
max-width: 60%
}

.footer__logo a img {
max-width: 40%
}

.footer__inner-left {
gap: 10px
}

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

@media(max-width: 840px) {
.catalog__item-category {
width: 100%
}

.footer__inner-bottom {
grid-template-columns: 1fr;
gap: 10px
}
}

@media(max-width: 768px) {
.row--header:first-child {
margin-bottom: 0
}

h1.title {
margin-top: 0
}

.goods__btn {
margin-top: 0
}

.form-section form.form input {
font-size: 16px
}

.form-section__title {
text-align: center
}

.footer__socials {
flex-direction: column;
align-items: start;
gap: 25px
}

.stages__list {
gap: 25px;
grid-template-columns: repeat(2, 1fr)
}

.stages__item-title {
font-size: 24px
}

.stages__item-duration {
padding: 10px
}

.team__text {
font-size: 24px
}

.contacts__inner {
flex-direction: column
}

.contacts__inner-left {
max-width: 100%
}

.contacts__inner-right {
max-width: 100%
}

.articles__wrapper {
grid-template-columns: 1fr
}

.articles .articles__img {
max-width: 100%;
width: 100%
}

.articles .articles__img img {
width: 100%;
object-fit: cover
}

.articles__info-title {
font-size: 20px
}

.articles__info-text {
font-size: 18px
}

.faq__item {
max-width: 100%;
width: 100%
}

.article__interestings-list {
flex-direction: column
}

.article__interestings-link {
max-width: 100%;
width: 100%
}

.article__interestings-link img {
width: 100%;
object-fit: cover
}

.filters__title {
margin-bottom: 5px;
font-size: 24px
}

.filters__item {
margin-bottom: 0
}

.goods {
padding: 25px 0
}

.goods__item-stats,
.goods__item-buttons {
padding: 0 10px
}

.goods .product-links a {
padding: 8px 12px
}

.pagination__wrapper {
margin-top: 50px
}

.catalog__list-brands {
grid-template-columns: repeat(2, 1fr)
}

.catalog__item-link {
padding: 2px 0
}

.catalog__container {
gap: 0
}

.filters__toggle {
font-size: 24px
}

.filters__title {
font-size: 20px
}

.product__slider-inner {
display: flex;
flex-direction: column-reverse;
height: auto
}

.product__swiper-big {
max-width: 100%
}

.product__state span:first-child {
max-width: 190px
}

.product__state .dashed {
min-width: 30px
}

.product__state {
font-size: 14px
}

.product__state span:last-child {
flex-shrink: 1;
align-self: center;
width: 100%;
align-items: flex-end;
text-align: end
}

.mySwiper {
overflow: hidden
}

.mySwiper .swiper-wrapper {
display: flex;
align-items: center
}

.mySwiper .swiper-slide {
width: 75px !important;
height: 75px !important;
object-fit: cover;
box-sizing: border-box;
flex-shrink: 0
}

.nav-tabs .nav-link {
font-size: 18px
}
}

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

.modal-header {
padding: 16px
}

.content-modal .modal-heading {
font-size: 24px
}

.form-section,
.cta {
padding: 50px 15px
}

.cta__title {
font-size: 20px;
padding: 0
}

.cta__btn {
font-size: 16px
}

.cta-inner {
padding: 100px 0
}

h2 {
font-size: 28px;
margin-bottom: 30px
}

.header-top {
padding: 25px 15px
}

.promo-block .content-promo-head {
font-size: 28px
}

.advantages i {
font-size: 30px
}

.advantages-list {
gap: 20px
}

.advantages-item__top {
margin-bottom: 10px
}

.advantages-item__bottom {
font-size: 18px
}

.advantages-list__item {
width: calc(100% - 20px)
}

.advantages-item__number {
font-size: 28px
}

.goods__btn {
width: 50%
}

.goods__item {
max-width: 350px
}

.goods__item-buttons button {
padding: 10px
}

.brands__list {
grid-template-columns: repeat(2, 1fr);
gap: 30px
}

.form-section__container {
padding: 15px 20px 30px
}

.stages__list {
grid-template-columns: 1fr
}

.stages__item-top {
flex-direction: row
}

.stages__item-title {
font-size: 20px
}

.stages__item-duration {
width: 50%;
font-size: 18px
}

.reviews__item {
flex-direction: column
}

.reviews__item-top,
.reviews__item-bottom,
.reviews__item-text {
max-width: 100%;
width: 100%;
text-align: center;
align-items: center
}

.faq__header p {
font-size: 24px
}

.faq__content p {
font-size: 18px
}

.seo-description {
font-size: 20px
}

.footer__phone,
.footer__email,
.footer__address,
.footer__list-link {
font-size: 18px
}

.footer__logo a img {
max-width: 55%
}

.footer__socials {
max-width: 100%
}

.footer__inner-left {
margin-bottom: 15px
}

.footer__inner-right {
display: grid;
grid-template-columns: 1fr;
gap: 30px
}

.footer__inner-bottom {
font-size: 16px;
padding-top: 25px
}

.footer__item-title {
font-size: 22px;
margin-bottom: 15px
}

.company__content {
padding: 25px;
font-size: 24px
}

.gallery {
display: flex;
overflow-x: auto;
white-space: nowrap;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 50px 0
}

.gallery__inner-top {
margin-bottom: 30px
}

.gallery .parent {
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 30px
}

.gallery .div1,
.gallery .div2,
.gallery .div3,
.gallery .parent div {
grid-area: auto;
width: 75%;
max-width: 100%;
flex-shrink: 0
}

.catalog__item-category {
font-size: 18px
}

.articles__info-text {
font-size: 14px;
line-height: 1.5
}

.company__gallery .div1,
.company__gallery .div2,
.company__gallery .div3,
.company__gallery .parent div {
grid-area: auto;
width: 100%
}

.catalog__gallery {
padding: 0
}

.company__text,
.team__text {
font-size: 18px;
line-height: 1.5
}

.team__inner {
gap: 50px
}

.team__text {
margin-bottom: 30px
}

.product,
.company,
.article,
.contacts {
padding: 25px 0
}

.product__wrapper {
gap: 50px
}

.product__buttons .btn--square-white {
max-width: 100%;
width: 100%;
font-size: 18px
}

.product__buttons {
gap: 30px
}

.product__buttons button {
font-size: 18px
}

.article__tags {
background-color: #fff;
border: 1px solid #000;
padding: 20px;
border-radius: 10px;
margin: 25px 0
}

.article__tags-list {
margin-bottom: 0
}

.article__content-body {
max-width: 100%;
padding-right: 0
}

.article__content p,
.article__content span {
font-size: 16px;
line-height: 1.5
}

.article__interestings-title {
margin-bottom: 25px
}

.article__tags-item {
font-size: 16px
}

.article aside {
padding: 0
}

.article .article__button {
margin-bottom: 0;
font-size: 16px
}

.contacts__item-top,
.contacts__item-bottom {
padding: 20px
}

.contacts__label {
font-size: 16px
}

.contacts__value {
font-size: 18px
}

.systempage {
padding: 25px 0 50px
}

.systempage__wrapper {
padding: 20px 20px 20px 25px
}

.systempage p,
.systempage span {
font-size: 18px
}

.systempage__item {
font-size: 18px
}

.systempage__item:last-child {
margin-bottom: 0
}
}

@media(max-width: 568px) {
.catalog__list-brands {
grid-template-columns: 1fr
}

.brands__list {
justify-content: center
}

.brands__link,
.brands__btn {
font-size: 18px
}

.stages__item-desc {
font-size: 16px
}

.reviews__item {
gap: 20px
}

.reviews__item-text {
font-size: 16px
}

.reviews__item-top {
gap: 20px
}

.reviews__item-name {
font-size: 20px
}

.faq__header p {
font-size: 16px
}

.faq__content p {
font-size: 14px
}

.faq__icon {
width: 18px;
height: 18px
}

.product__price-num {
font-size: 28px
}

.seo-description {
font-size: 16px
}

.articles,
.article,
.advantages,
.goods,
.cta,
.brands,
.stages,
.form-section,
.reviews,
.company,
.team,
.gallery,
.contacts,
.faq {
padding: 25px 0
}

.product__stats {
margin-bottom: 15px
}

.mySwiper2 .swiper-slide {
height: 340px
}
}

@media(max-width: 420px) {
.btn {
padding: 15px
}

.breadcrumbs-list .crumb {
font-size: 18px
}

.gallery__title {
margin-bottom: 0
}

.gallery__inner-top {
align-items: center
}

h2 {
font-size: 20px
}

.promo-block .content-promo-head {
font-size: 23px
}

.advantages-item__top img {
max-width: 80px
}

.goods__btn {
margin-top: 5px;
font-size: 14px;
padding: 10px
}

.brands__list {
grid-template-columns: 1fr
}

.aside {
padding: 15px
}

.filters__toggle {
font-size: 20px;
padding: 0;
margin-bottom: 10px
}

.filters__title {
font-size: 18px
}

.goods__list {
grid-template-columns: 1fr
}

.goods__item {
margin: 0 auto
}

.tabs {
padding: 25px 0
}

.tab-button,
.tab-content {
font-size: 18px
}
}