@import url('../fonts/fonts.css');
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
    margin: 0;
    font-family: 'Gotham', sans-serif;
    color: #050505;
    font-size: 4.444vw;
}
body.lock {
    overflow: hidden;
}
.h6, .h5, .h4, .h3, .h2, .h1 {
    margin: 0;
}
.h1 {
    font-size: 8.14vw;
    line-height: 9.722vw;
    font-weight: 500;
}
.h2 {
    color: #484444;
    font-size: 8.333vw;
    font-weight: 700;
}
p {
    margin: 0;
}
ol,
ul {
  padding: 0;
  margin: 0;
}
li {
    list-style-type: none;
}
a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
button {
    border: none;
    cursor: pointer;
    outline: none;
}
input,
textarea {
    border: none;
    outline: none;
    font-family: inherit;
    margin: 0;
}
textarea {
    resize: none;
}

.btn {
    font-family: inherit;
    font-size: inherit;
    color: #FFFFFF;
    border-radius: 15.278vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    transition: .3s;
}
.btn-red {
    background-color: #CB1213;
}
.btn-gray {
    background-color: #484444;
}

.input {
	
}

.fg {

}

.d-none {
    display: none!important;
}
._black-icon {
    background-color: #050505;
}
._red-icon {
    background-color: #CB1213;
}

/* Ховер-эффекты */
@media (hover: hover) {
    /* Кнопки — смена цвета */
    .btn-red:hover {
        background-color: #A50E0F;
    }
    .btn-gray:hover {
        background-color: #2E2C2C;
    }
    /* Ссылки с иконками — прозрачность */
    .logo:hover,
    .header-box:hover,
    .header-phone:hover {
        opacity: 0.6;
    }
}



.main {
	display: flex;
	flex-direction: column;
	min-height: calc(100 * var(--vh));
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.container {
    padding-left: 2.778vw;
    padding-right: 2.778vw;
}


/* Шапка */
.header {
    padding-top: 6.944vw;
    padding-bottom: 22px;
    padding-left: 0.278vw;
    padding-right: 0.278vw;
    position: relative;
    z-index: 10;
}
.header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 33.056vw;
    background-color: #FFFFFF;
    z-index: -1;
}
.header-top {
    padding-bottom: 4.167vw;
}
.header-btns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.778vw;
}
.header-top__btn {
    width: 100%;
    height: 8.333vw;
}
.header-wrapper {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -2;
    transition: .3s;
    height: calc(100 * var(--vh));
    overflow: hidden;
    overflow-y: auto;
}
.header-wrapper._show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.header-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100 * var(--vh));
    background-color: #000000;
    opacity: 0.3;
    z-index: -1;
}
.header-inner {
    padding-top: 33.056vw;
    background-color: #FFFFFF;
    padding-bottom: 6.667vw;
    border-radius: 0 0 6.944vw 6.944vw;
    position: relative;
}
.header-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5.556vw;
}
.header-menu__item {
    display: flex;
    align-items: center;
}
.header-menu__link {
    font-weight: 500;
}
.header-search {
    padding-right: 3.056vw;
    margin-top: 5.556vw;
    width: calc(100% - 6.111vw);
    margin-left: auto;
    margin-right: auto;
    background-color: #E1E1E1;
    border-radius: 9.722vw;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.778vw;
}
.header-search__input {
    color: #050505;
    background-color: transparent;
    padding: 2.222vw 4.444vw;
    flex-grow: 1;
}
.search-form__icon {
    width: 6.389vw;
    height: auto;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    transition: .3s;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
}
@media (hover: hover) {
    .search-form__icon:hover {
        opacity: 0.6;
    }
}
.search-form__icon img {
    width: 100%;
    height: auto;
}
.header-city {
    margin-top: 25px;
    align-items: center;
    justify-content: center;
    gap: 2.778vw;
}
.header-city__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.389vw;
    height: auto;
    aspect-ratio: 1;
    flex-shrink: 0;
}
.header-city__icon img {
    width: 100%;
    height: auto;
}

.header-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.778vw;
}
.header__logo {
    display: flex;
    align-items: center;
    width: 55.278vw;
    height: auto;
    flex-shrink: 0;
}
.header__logo img {
    width: 100%;
    height: auto;
}
.header-block {
    display: flex;
    align-items: center;
    gap: 2.778vw;
}
.header-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1.111vw;
    flex-shrink: 0;
}
.header-box__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 6.389vw;
    aspect-ratio: 1;
    height: auto;
    overflow: hidden;
}
.header-box__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.burger {
    position: relative;
    width: 6.944vw;
    aspect-ratio: 1;
}
.burger span, .burger span:before, .burger span:after {
    width: 100%;
    position: absolute;
    height: 2px;
    background-color: #CB1213;
    display: block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.burger span {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.burger span:before {
    content: "";
    top: -7px;
    -webkit-transition: top .2s .2s, -webkit-transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: top .2s .2s, -webkit-transform .2s cubic-bezier(.23, 1, .32, 1);
    -o-transition: top .2s .2s,-o-transform .2s cubic-bezier(.23,1,.32,1);
    -moz-transition: top .2s .2s,transform .2s cubic-bezier(.23,1,.32,1),-moz-transform .2s cubic-bezier(.23,1,.32,1);
    transition: top .2s .2s, transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: top .2s .2s, transform .2s cubic-bezier(.23, 1, .32, 1), -webkit-transform .2s cubic-bezier(.23, 1, .32, 1), -moz-transform .2s cubic-bezier(.23, 1, .32, 1), -o-transform .2s cubic-bezier(.23, 1, .32, 1);
}
.burger span:after {
    content: "";
    bottom: -7px;
    -webkit-transition: bottom .2s .2s, -webkit-transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: bottom .2s .2s, -webkit-transform .2s cubic-bezier(.23, 1, .32, 1);
    -o-transition: bottom .2s .2s,-o-transform .2s cubic-bezier(.23,1,.32,1);
    -moz-transition: bottom .2s .2s,transform .2s cubic-bezier(.23,1,.32,1),-moz-transform .2s cubic-bezier(.23,1,.32,1);
    transition: bottom .2s .2s, transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: bottom .2s .2s, transform .2s cubic-bezier(.23, 1, .32, 1), -webkit-transform .2s cubic-bezier(.23, 1, .32, 1), -moz-transform .2s cubic-bezier(.23, 1, .32, 1), -o-transform .2s cubic-bezier(.23, 1, .32, 1);
}
.burger.active span {
    background: rgba(255, 255, 255, 0) !important;
}
.burger.active span:before {
    content: "";
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top .2s, -webkit-transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55);
    transition: top .2s, -webkit-transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition: top .2s,-o-transform .2s .2s cubic-bezier(.68,-.55,.265,1.55);
    -moz-transition: top .2s,transform .2s .2s cubic-bezier(.68,-.55,.265,1.55),-moz-transform .2s .2s cubic-bezier(.68,-.55,.265,1.55);
    transition: top .2s, transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55);
    transition: top .2s, transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55), -moz-transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55), -o-transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55);
}
.burger.active span:after {
    content: "";
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: bottom .2s, -webkit-transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55);
    transition: bottom .2s, -webkit-transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition: bottom .2s,-o-transform .2s .2s cubic-bezier(.68,-.55,.265,1.55);
    -moz-transition: bottom .2s,transform .2s .2s cubic-bezier(.68,-.55,.265,1.55),-moz-transform .2s .2s cubic-bezier(.68,-.55,.265,1.55);
    transition: bottom .2s, transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55);
    transition: bottom .2s, transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55), -moz-transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55), -o-transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55);
}

.page {
	flex-grow: 1;
}

.product-slide {
    border: 2px solid #CB1213;
    border-radius: 35px;
    padding: 8.611vw 5vw;
    width: 90.278vw;
    box-shadow: 0px 0px 0px 2px transparent inset;
    transition: .3s;
}
.product-slide.swiper-slide-active {
    box-shadow: 0px 0px 0px 2px #cb1213ff inset;
}
.product-slide__top {
    display: flex;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 285 / 175;
}
.product-slide__top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-slide__title {
    font-size: 5.556vw;
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: 500;
}
.product-slide__content p {
    font-size: 3.333vw;
    margin-top: 4.167vw;
}
.product-slide__content p:first-child {
    margin-top: 0;
}
.product-slide__btns {
    display: flex;
    flex-direction: column;
    gap: 2.778vw;
    margin-top: 20px;
}
.product-slide__btn {
    width: 100%;
    height: 10.833vw;
    font-size: 4.444vw;
}


/* Подвал */
.footer {
	margin-top: 16.667vw;
}
.footer-inner {
    padding: 9.722vw 5vw 7.5vw;
    background-color: #CB1213;
    border-radius: 6.944vw 6.944vw 0 0;
    color: #FFFFFF;
    position: relative;
}
.footer-block {
    display: flex;
    flex-direction: column;
    gap: 6.944vw;
    margin-bottom: 12.5vw;
}
.footer__logo {
    width: 85.278vw;
    height: auto;
    display: flex;
    align-items: center;
}
.footer__logo img {
    width: 100%;
    height: auto;
}
.footer-row {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 5.556vw;
    margin-top: 8.333vw;
}
.footer-menu__title {
    font-size: 3.889vw;
    font-weight: 800;
}
.footer-list {
    margin-top: 5.556vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.778vw;
}
.footer-list__item {
    display: flex;
    align-items: center;
}
.footer-list__link {
    font-size: 3.889vw;
    max-width: 65.278vw;
    transition: .3s;
}
@media (hover: hover) {
    .footer-list__link:hover {
        text-decoration: underline;
        opacity: 0.6;
    }
}
.footer-soc {
    position: absolute;
    top: 25.556vw;
    right: 4.722vw;
    display: flex;
    align-items: center;
    gap: 4.167vw;
}
.footer-soc__item {
    width: 11.111vw;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (hover: hover) {
    .footer-soc__item:hover {
        opacity: 0.8;
    }
}
.footer-soc__item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.footer-contacts__top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.389vw;
}
.footer-contact {
    display: flex;
    align-items: flex-start;
    gap: 1.944vw;
}
.footer-contact img {
    width: 5.833vw;
    height: auto;
    flex-shrink: 0;
}
.footer-contact_box {
    margin-top: 0.556vw;
}
.footer-contact__title {
    margin-bottom: 0.833vw;
    font-size: 3.889vw;
    font-weight: 500;
}
.footer-contact__link {
    font-size: 5.556vw;
    font-weight: 700;
    display: block;
}
@media (hover: hover) {
    .footer-contact__link:hover {
        opacity: 0.8;
    }
}
.footer-contact__text {
    font-size: 3.889vw;
    font-weight: 500;
}
.footer-search {
    width: 100%;
    padding: 1.111vw 2.222vw;
    padding-left: 0;
    background-color: #FFFFFF;
    border-radius: 9.722vw;
    display: flex;
    align-items: center;
    gap: 1.389vw;
    margin-top: 6.944vw;
    overflow: hidden;
}
.footer-search input {
    display: block;
    flex-grow: 1;
    padding-left: 5.556vw;
    font-size: 3.889vw;
    color: #242424;
}
.footer-search button {
    width: 5.833vw;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0;
    background-color: transparent;
    transition: .3s;
}
@media (hover: hover) {
    .footer-search button:hover {
        opacity: 0.6;
    }
}
.footer-search button img {
    width: 100%;
    height: auto;
}
.footer__text {
    font-size: 2.778vw;
    font-weight: 300;
}
.footer-info {
    margin-top: 4.167vw;
}





@media screen and ( min-width: 430px ) {
    .h1 {
        font-size: 8.14vw;
        line-height: 9.535vw;
    }
    .h2 {
        font-size: 8.14vw;
    }
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }


    .header {
        padding-top: 5.814vw;
        padding-left: 0.233vw;
        padding-right: 0.233vw;
    }
    .header::before {
        height: 27.442vw;
    }
    .header-top {
        padding-bottom: 3.488vw;
    }
    .header-btns {
        gap: 2.326vw;
    }
    .header-top__btn {
        height: 7.442vw;
        font-size: 4.186vw;
    }
    .header-bottom {
        gap: 2.326vw;
    }
    .header__logo {
        width: 54.884vw;
    }
    .header-block {
        gap: 3.488vw;
    }
    .header-inner {
        padding-top: 27.442vw;
    }
    .header-menu {
        gap: 4.651vw;
    }
    .header-menu__link {
        font-size: 4.186vw;
    }
    .header-search {
        max-width: calc(100% - 21.86vw);
        padding-right: 2.326vw;
    }
    .header-search__input {
        padding: 2.093vw 5.814vw;
        font-size: 4.186vw;
    }
    .header-city {
        margin-top: 5.349vw;
        gap: 10px;
    }
    .header-city__icon {
        width: 5.349vw;
    }
    .header-city__value {
        font-size: 4.186vw;
    }
    .header-box__icon {
        width: 6.977vw;
    }
    .burger {
        width: 5.814vw;
    }
    
    .product-slide {
        padding: 28px 18px;
        width: 87.442vw;
    }
    .product-slide__title {
        font-size: 5.116vw;
    }
    .product-slide__content p {
        font-size: 3.256vw;
        margin-top: 3.488vw;
    }
    .product-slide__btn {
        height: 42px;
        font-size: 18px;
    }


    .footer {
        margin-top: 15.116vw;
    }
    .footer-inner {
        padding: 8.14vw 4.186vw 6.279vw;
        border-radius: 5.814vw 5.814vw 0 0;
    }
    .footer-block {
        gap: 5.814vw;
        margin-bottom: 10.465vw;
    }
    .footer__logo {
        width: 71.395vw;
    }
    .footer-row {
        gap: 4.651vw;
        margin-top: 6.977vw;
    }
    .footer-menu__title {
        font-size: 3.256vw;
    }
    .footer-list {
        margin-top: 4.651vw;
        gap: 2.326vw;
    }
    .footer-list__link {
        font-size: 3.256vw;
        max-width: 54.651vw;
    }
    .footer-soc {
        top: 21.395vw;
        right: 3.953vw;
        gap: 3.488vw;
    }
    .footer-soc__item {
        width: 9.302vw;
    }
    .footer-contacts__top {
        gap: 1.163vw;
    }
    .footer-contact {
        gap: 1.628vw;
    }
    .footer-contact img {
        width: 4.884vw;
    }
    .footer-contact_box {
        margin-top: 0.465vw;
    }
    .footer-contact__title {
        margin-bottom: 0.698vw;
        font-size: 3.256vw;
    }
    .footer-contact__link {
        font-size: 4.651vw;
    }
    .footer-contact__text {
        font-size: 3.256vw;
    }
    .footer-search {
        padding: 0.93vw 1.86vw;
        padding-left: 0;
        border-radius: 8.14vw;
        gap: 1.163vw;
        margin-top: 5.814vw;
    }
    .footer-search input {
        padding-left: 4.651vw;
        font-size: 3.256vw;
    }
    .footer-search button {
        width: 4.884vw;
    }
    .footer__text {
        font-size: 2.326vw;
    }
    .footer-info {
        margin-top: 3.488vw;
    }
}

@media screen and ( min-width: 768px ) {
    .h2 {
        font-size: 4.844vw;
    }
    .container {
        padding-left: 4.541vw;
        padding-right: 4.541vw;
    }

    .header {
        padding-top: 2.523vw;
        padding-left: 0;
        padding-right: 0;
    }
    .header::before {
        height: 15.237vw;
    }
    .header-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 3.027vw;
    }
    .header-city {
        margin-top: 0;
        display: flex;
        gap: 1.009vw;
    }
    .header-city__icon {
        width: 3.028vw;
    }
    .header-city__value {
        font-size: 2.019vw;
    }
    .header-phone {
        display: flex;
        align-items: center;
        gap: 1.009vw;
    }
    .header-phone__icon {
        width: 3.028vw;
        display: flex;
        align-items: center;
        aspect-ratio: 1;
    }
    .header-phone__icon img {
        width: 100%;
        height: auto;
    }
    .header-phone__value {
        font-size: 1.816vw;
        font-weight: 900;
    }
    .header-bottom {
        gap: 2.018vw;
    }
    .header__logo {
        width: 45.207vw;
        height: auto;
    }
    .header-block {
        gap: 2.018vw;
        margin-left: auto;
    }
    .header-box {
        gap: 0.404vw;
    }
    .header-box__icon {
        width: 2.422vw;
    }
    .header-box__text {
        font-size: 1.211vw;
    }
    .burger {
        width: 2.523vw;
        align-self: flex-start;
        margin-top: 0.202vw;
    }
    .header-inner {
        padding-top: 15.237vw;
    }
    .header-menu {
        gap: 2.018vw;
    }
    .header-menu__link {
        font-size: 2.018vw;
    }
    .header-search {
        padding-right: 1.009vw;
    }
    .header-search__input {
        font-size: 2.018vw;
        padding: 0.908vw 1.514vw;
    }
    .search-form__icon {
        width: 3.027vw;
    }

    .product-slide {
        width: 37.941vw;
    }
    .product-slide__title {
        font-size: 2.22vw;
        text-align: center;
    }
    .product-slide__content p {
        font-size: 1.413vw;
        margin-top: 1.514vw;
    }
    .product-slide__btns {
        flex-direction: row;
        gap: 5px;
    }
    .product-slide__btn {
        height: 3.281vw;
        font-size: 1.406vw;
    }
}

@media screen and ( min-width: 990px ) {
    .h1 {
        font-size: 3.75vw;
        line-height: 4.141vw;
    }
    .h2 {
        font-size: 3.75vw;
        line-height: 4.141vw;
    }

    .container {
        padding-left: 3.516vw;
        padding-right: 3.516vw;
    }

    .header {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .header::before {
        content: none;
    }
    .header-top {
        padding-bottom: 30px;
    }
    .header-city {
        gap: 10px;
    }
    .header-city__icon {
        width: 30px;
    }
    .header-city__value {
        font-size: 20px;
    }
    .header-wrapper {
        position: static;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        height: auto;
        width: auto;
        z-index: 1;
    }
    .header-wrapper::after {
        content: none;
    }
    .header-inner {
        padding: 0;
    }
    .header-menu {
        flex-direction: row;
        gap: 1.953vw;
    }
    .header-menu__link {
        font-size: 1.406vw;
        transition: .3s;
    }
    .header-menu__link:hover {
        color: #CB1213;
    }
    .header-phone {
        gap: 10px;
    }
    .header-phone__icon {
        width: 30px;
    }
    .header-phone__value {
        font-size: 1.406vw;
    }
    .header-bottom {
        gap: 1.563vw;
    }
    .header__logo {
        width: 34.922vw;
    }
    .header-search {
        margin-top: 0;
        padding-right: 0.391vw;
    }
    .header-search__input {
        padding: 0.703vw 1.953vw;
        font-size: 1.406vw;
    }
    .search-form__icon {
        width: 2.344vw;
    }
    .header-block {
        gap: 1.563vw;
    }
    .header-box {
        gap: 4px;
    }
    .header-box__icon {
        width: 24px;
    }
    .header-box__text {
        font-size: 0.938vw;
    }


    .product-slide {
        width: auto;
        box-shadow: 0px 0px 0px 3px transparent inset;
        transition: .3s;
    }
    .product-slide.swiper-slide-active {
        box-shadow: 0px 0px 0px 3px transparent inset;
    }
    .product-slide:hover {
        box-shadow: 0px 0px 0px 3px #cb1213ff inset!important;
    }
    .product-slide__title {
        font-size: 1.406vw;
    }
    .product-slide__content p {
        font-size: 0.938vw;
        margin-top: 1.172vw;
    }
    .product-slide__btns {
        flex-direction: row;
    }
    .product-slide__btn {
        height: 42px;
        font-size: 18px;
    }


    .footer {
        margin-top: 5.469vw;
    }
    .footer-inner {
        padding: 5.078vw 3.906vw;
        border-radius: 2.734vw 2.734vw 0 0;
    }
    .footer-block {
        gap: 1.563vw;
        justify-content: space-between;
        margin-bottom: 7.656vw;
        flex-direction: row;
    }
    .footer__logo {
        width: 35.391vw;
    }
    .footer-row {
        flex-direction: row;
        gap: 6.25vw;
        margin-top: 2.734vw;
    }
    .footer-menu__title {
        font-size: 1.406vw;
    }
    .footer-list {
        margin-top: 1.953vw;
        gap: 1.953vw;
    }
    .footer-list__link {
        font-size: 1.406vw;
        max-width: 21.016vw;
    }
    .footer-soc {
        position: static;
        gap: 1.172vw;
        margin-top: 1.719vw;
    }
    .footer-soc__item {
        width: 2.734vw;
    }
    .footer-contacts__top {
        gap: 1.563vw;
    }
    .footer-contact {
        gap: 0.781vw;
    }
    .footer-contact img {
        width: 1.563vw;
    }
    .footer-contact_box {
        margin-top: 0;
    }
    .footer-contact__title {
        margin-bottom: 0.234vw;
        font-size: 0.938vw;
    }
    .footer-contact__link {
        font-size: 1.406vw;
    }
    .footer-contact__text {
        font-size: 0.938vw;
    }
    .footer-search {
        padding: 0.391vw;
        padding-left: 0;
        border-radius: 3.906vw;
        gap: 0.391vw;
        margin-top: 2.734vw;
    }
    .footer-search input {
        padding-left: 1.953vw;
        font-size: 0.938vw;
    }
    .footer-search button {
        width: 1.875vw;
    }
    .footer__text {
        font-size: 0.938vw;
    }
    .footer-info {
        margin-top: 1.172vw;
    }
}

@media screen and ( min-width: 1281px ) {
    .h1 {
        font-size: 3.819vw;
        line-height: 4.167vw;
    }
    .h2 {
        font-size: 3.819vw;
        line-height: 4.167vw;
    }

    .container {
        padding-left: 50px;
        padding-right: 50px;
    }
    .header-menu {
        gap: 35px;
    }
    .header-menu__link {
        font-size: 1.389vw;
    }
    .header-phone__value {
        font-size: 1.389vw;
    }
    .header-bottom {
        gap: 2.778vw;
    }
    .header__logo {
        width: 35.139vw;
    }
    .header-search__input {
        padding: 0.556vw 1.736vw;
    }
    .header-box__text {
        font-size: 0.972vw;
    }

    
    .product-slide__title {
        font-size: 1.389vw;
    }
    .product-slide__content p {
        font-size: 0.972vw;
        margin-top: 1.042vw;
    }


    .footer {
        margin-top: 6.25vw;
    }
    .footer-inner {
        padding: 4.514vw 3.472vw 2.431vw;
        border-radius: 2.431vw 2.431vw 0 0;
    }
    .footer-block {
        gap: 1.389vw;
        margin-bottom: 6.25vw;
    }
    .footer__logo {
        width: 34.931vw;
    }
    .footer-row {
        gap: 4.514vw;
        margin-top: 2.431vw;
    }
    .footer-menu__title {
        font-size: 1.389vw;
    }
    .footer-list {
        margin-top: 1.042vw;
        gap: 1.042vw;
    }
    .footer-list__link {
        font-size: 1.389vw;
        max-width: 20.694vw;
    }
    .footer-soc {
        gap: 1.042vw;
        margin-top: 1.042vw;
    }
    .footer-soc__item {
        width: 2.778vw;
    }
    .footer-contacts__top {
        gap: 0.694vw;
    }
    .footer-contact {
        gap: 0.694vw;
    }
    .footer-contact img {
        width: 1.458vw;
    }
    .footer-contact__title {
        margin-bottom: 0.208vw;
        font-size: 0.972vw;
    }
    .footer-contact__link {
        font-size: 1.389vw;
    }
    .footer-contact__text {
        font-size: 0.972vw;
    }
    .footer-search {
        padding: 0.347vw;
        padding-left: 0;
        border-radius: 3.472vw;
        gap: 0.347vw;
        margin-top: 1.736vw;
    }
    .footer-search input {
        padding-left: 1.736vw;
        font-size: 0.833vw;
    }
    .footer-search button {
        width: 1.667vw;
    }
    .footer__text {
        font-size: 0.972vw;
    }
    .footer-info {
        margin-top: 1.042vw;
    }
}

@media screen and ( min-width: 1441px ) {
    .h1 {
        font-size: 3.906vw;
        line-height: 4.219vw;
    }
    .h2 {
        font-size: 3.906vw;
        line-height: 3.125vw;
    }

    .container {
        padding-left: 45px;
        padding-right: 45px;
    }

    .header {
        padding-top: 0.938vw;
        padding-bottom: 0.938vw;
    }
    .header-city__value {
        font-size: 1.354vw;
    }
    .header-menu {
        gap: 2.865vw;
    }
    .header-menu__link {
        font-size: 1.354vw;
    }
    .header-phone__icon {
        width: 2.083vw;
    }
    .header-phone__value {
        font-size: 1.354vw;
    }
    .header-bottom {
        gap: 2.083vw;
    }
    .header__logo {
        width: 33.229vw;
    }
    .header-search {
        padding-right: 0.521vw;
    }
    .header-search__input {
        padding: 0.729vw 1.302vw;
        font-size: 1.354vw;
    }
    .search-form__icon {
        font-size: 2.083vw;
    }
    .header-block {
        gap: 2.083vw;
    }
    .header-box {
        gap: 5px;
    }
    .header-box__icon {
        width: 33px;
    }
    .header-box__text {
        font-size: 0.833vw;
    }


    .product-slide {
        padding: 3.021vw 0.938vw;
    }
    .product-slide__top {
        border-radius: 0.521vw;
    }
    .product-slide__title {
        font-size: 1.354vw;
        margin-top: 1.823vw;
    }
    .product-slide__content p {
        font-size: 0.833vw;
        margin-top: 0.781vw;
    }
    .product-slide__btns {
        margin-top: 1.302vw;
    }
    .product-slide__btn {
        height: 2.656vw;
        font-size: 1.354vw;
    }


    .footer {
        margin-top: 6.25vw;
    }
    .footer-inner {
        padding: 3.385vw 2.604vw 1.823vw;
        border-radius: 1.823vw 1.823vw 0 0;
    }
    .footer-block {
        gap: 1.042vw;
        margin-bottom: 4.688vw;
    }
    .footer__logo {
        width: 37.448vw;
    }
    .footer-row {
        gap: 6.25vw;
        margin-top: 2.344vw;
    }
    .footer-menu__title {
        font-size: 1.354vw;
    }
    .footer-list {
        margin-top: 1.302vw;
        gap: 1.302vw;
    }
    .footer-list__link {
        font-size: 1.354vw;
        max-width: 20.208vw;
    }
    .footer-soc {
        gap: 0.781vw;
        margin-top: 0.781vw;
    }
    .footer-soc__item {
        width: 2.604vw;
    }
    .footer-contacts__top {
        gap: 1.042vw;
    }
    .footer-contact {
        gap: 0.521vw;
    }
    .footer-contact img {
        width: 1.563vw;
    }
    .footer-contact__title {
        margin-bottom: 0.156vw;
        font-size: 0.833vw;
    }
    .footer-contact__link {
        font-size: 1.354vw;
    }
    .footer-contact__text {
        font-size: 0.833vw;
    }
    .footer-search {
        padding: 0.26vw;
        padding-left: 0;
        border-radius: 2.604vw;
        gap: 0.26vw;
        margin-top: 1.823vw;
    }
    .footer-search input {
        padding-left: 1.302vw;
        font-size: 0.833vw;
    }
    .footer-search button {
        width: 1.51vw;
    }
    .footer__text {
        font-size: 0.833vw;
    }
    .footer-info {
        margin-top: 0.781vw;
    }
}
@media screen and ( min-width: 1920px ) {
    .h1 {
        font-size: 75px;
        line-height: 81px;
    }
    .h2 {
        font-size: 75px;
        line-height: 120%;
    }
    .header {
        padding-top: 17.5px;
        padding-bottom: 17.5px;
    }
    .header-city__value {
        font-size: 26px;
    }
    .header-menu {
        gap: 55px;
    }
    .header-menu__link {
        font-size: 26px;
    }
    .header-phone__icon {
        width: 40px;
    }
    .header-phone__value {
        font-size: 26px;
    }
    .header-bottom {
        gap: 40px;
    }
    .header__logo {
        width: 638px;
    }
    .header-search {
        padding-right: 10px;
    }
    .header-search__input {
        padding: 14px 25px;
        font-size: 26px;
    }
    .header-block {
        gap: 40px;
    }
    .header-box {
        gap: 5px;
    }
    .header-box__icon {
        width: 33px;
    }
    .header-box__text {
        font-size: 16px;
    }
    .search-form__icon {
        width: 40px;
    }


    .product-slide {
        padding: 58px 18px;
    }
    .product-slide__top {
        border-radius: 10px;
    }
    .product-slide__title {
        font-size: 26px;
        margin-top: 35px;
    }
    .product-slide__content p {
        font-size: 16px;
        margin-top: 15px;
    }
    .product-slide__btns {
        margin-top: 25px;
    }
    .product-slide__btn {
        height: 51px;
        font-size: 26px;
    }



    .footer {
        margin-top: 120px;
    }
    .footer-inner {
        padding: 65px 50px 35px;
        border-radius: 35px 35px 0 0;
    }
    .footer-block {
        gap: 20px;
        margin-bottom: 90px;
    }
    .footer__logo {
        width: 719px;
    }
    .footer-row {
        gap: 120px;
        margin-top: 45px;
    }
    .footer-menu__title {
        font-size: 26px;
    }
    .footer-list {
        margin-top: 25px;
        gap: 25px;
    }
    .footer-list__link {
        font-size: 26px;
        max-width: 388px;
    }
    .footer-soc {
        gap: 15px;
        margin-top: 15px;
    }
    .footer-soc__item {
        width: 50px;
    }
    .footer-contacts__top {
        gap: 20px;
    }
    .footer-contact {
        gap: 10px;
    }
    .footer-contact img {
        width: 30px;
    }
    .footer-contact__title {
        margin-bottom: 3px;
        font-size: 16px;
    }
    .footer-contact__link {
        font-size: 26px;
    }
    .footer-contact__text {
        font-size: 16px;
    }
    .footer-search {
        padding: 5px;
        padding-left: 0;
        border-radius: 50px;
        gap: 5px;
        margin-top: 35px;
    }
    .footer-search input {
        padding-left: 25px;
        font-size: 16px;
    }
    .footer-search button {
        width: 29px;
    }
    .footer__text {
        font-size: 16px;
    }
    .footer-info {
        margin-top: 15px;
    }
}

@media screen and ( max-width: 989px ) {
    .d-none-tablet {
        display: none!important;
    }
    .d-block-tablet {
        display: block!important;
    }
    .d-flex-tablet {
        display: flex!important;
    }
}
@media screen and ( max-width: 768px ) {
    .d-none-mobile {
        display: none!important;
    }
    .d-block-mobile {
        display: block!important;
    }
    .d-flex-mobile {
        display: flex!important;
    }
}