@font-face {
    font-display: swap;
    font-family: 'Aeroport';
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/aeroport/Aeroport-light.woff') format('woff'),
        url('./fonts/aeroport/Aeroport-light.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Aeroport';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/aeroport/Aeroport-light.woff') format('woff'),
        url('./fonts/aeroport/Aeroport-light.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Aeroport';
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/aeroport/Aeroport-medium.woff') format('woff'),
        url('./fonts/aeroport/Aeroport-medium.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Aeroport';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/aeroport/Aeroport-bold.woff') format('woff'),
        url('./fonts/aeroport/Aeroport-bold.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Aeroport';
    font-style: italic;
    font-weight: 300;
    src: url('./fonts/aeroport/Aeroport-lightItalic.woff') format('woff'),
        url('./fonts/aeroport/Aeroport-lightItalic.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Aeroport';
    font-style: italic;
    font-weight: 400;
    src: url('./fonts/aeroport/Aeroport-lightItalic.woff') format('woff'),
        url('./fonts/aeroport/Aeroport-lightItalic.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Aeroport';
    font-style: italic;
    font-weight: 500;
    src: url('./fonts/aeroport/Aeroport-mediumItalic.woff') format('woff'),
        url('./fonts/aeroport/Aeroport-mediumItalic.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Aeroport';
    font-style: italic;
    font-weight: 700;
    src: url('./fonts/aeroport/Aeroport-boldItalic.woff') format('woff'),
        url('./fonts/aeroport/Aeroport-boldItalic.ttf') format('truetype');
}

:root {
    --border-radius-default: 20px;
    --border-radius-image: 12px;
    --border-radius-btn: 10px;
    --border-radius-btn-big: 10px;
    --border-radius-chips: 16px;
    --border-radius-sticker: 8px;
    --border-radius-input: 6px;
    --border-radius-max: 30px;

    --image-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 34.38%, #000000 100%);

    --color-primary: #171717;
    --color-secondary: #717171;
    --color-accent: #BB793E;
    --color-accent-light: #D6A57A;

    --color-default: #FFFFFF;
    --color-dark-grey: #C1BBB7;
    --color-grey: #DEDEDE;
    --color-surface-grey: #F2F1F0;
    --color-surface-light: #FBFAF9;
    --color-red: #9E0000;
    --color-red-ultra: #CD1C18;

    --transition-default: all .2s linear;
    --transition-easy: all .8s ease;

    --swiper-pagination-bullet-new-gap: 6px;

    --pdf-page-padding: 40px;
}

@media screen and (max-width: 780px) {
    :root {
        --pdf-page-padding: 20px;
    }
}

html,
body {
    height: max-content;
    scrollbar-gutter: stable;
}

body.noskroll,
html.noskroll {
    overflow: hidden;
}

html {
    width: 100%;
    font-size: 62.5%;
    scroll-behavior: smooth;
    cursor: default;
}

body {
    min-height: 100vh;
    color: var(--color-primary);
    transition: color 0.5s, background-color 0.5s;
    font-family: 'Aeroport', sans-serif;
    letter-spacing: 0;
    line-height: 140%;
    font-size: 1.3rem;
    font-weight: 300;
    text-rendering: optimizeLegibility;
    min-width: 320px;
    position: relative;
    background: var(--color-default);
}

* {
    margin: 0;
    padding: 0;
    font: inherit;
    box-sizing: border-box;
    outline: none;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
}

[hidden],
template {
    display: none;
}


*:focus,
*:active,
*:hover {
    outline: none;
}

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

ol,
ul {
    list-style: none;
}

pre {
    tab-size: 4;
    white-space: pre-wrap;
}

img,
svg {
    border: 0;
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    overflow: visible;
    appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

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

input[type="search"] {
    appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    appearance: none;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: none;
    user-select: text;
}

button,
input,
select[multiple],
textarea {
    background-image: none;
}

input,
select,
textarea {
    box-shadow: none;
}

[placeholder]:focus::placeholder {
    color: transparent;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

a {
    background: transparent;
    text-decoration: none;
    color: inherit;

    &:hover {
        color: var(--color-accent);
    }
}

p {
    margin: 0 0 20px 0;
}

strong,
b {
    font-weight: 500;
}

.is-hidden {
    display: none !important;
}

/* служебные стили */

#bx-panel {
    z-index: 1000000 !important;
}

.fit-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Старые кнопки, потом надо будет убить!!!!! */

.button {
    padding: 12px 1.2rem;
    background: var(--color-primary);
    font-size: 1.4rem;
    line-height: 1.6rem;
    letter-spacing: -0.02em;
    color: #f7f7ef;
    cursor: pointer;
    border-radius: 2px;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border: 1px solid var(--color-primary);
    text-align: center;
    transition: 0.3s;
}

@media screen and (min-width: 780px) {
    .button:hover {
        background: var(--color-accent);
        border-color: var(--color-accent);
        color: #f7f7ef;
    }
}

.button--white {
    color: var(--color-primary);
    background: #f7f7ef;
    border: 1px solid #f7f7ef;
}

@media screen and (min-width: 780px) {
    .button--white:hover {
        background: var(--color-primary);
        border-color: var(--color-primary);
        color: #f7f7ef;
    }
}

.button--ghost {
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    background: transparent;
}

.cookie-notification__button {
    color: #fff;
    border-color: #fff;
    flex-shrink: 0;
}

@media screen and (min-width: 780px) {
    .button--ghost:hover {
        background: var(--color-primary);
        border-color: var(--color-primary);
        color: #f7f7ef;
    }
}

.button--full {
    width: 100%;
}

.button.with-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.button .button-icon-before {
    margin-right: 12px;
}

.button .button-icon-before path {
    stroke: currentColor;
}

.button .button-icon-after {
    margin-left: 3.6rem;
}

@media screen and (min-width: 500px) {
    .catalog-sort__button {
        display: none;
    }
}

/* кнопки */

.ia-btn {
    appearance: none;
    box-sizing: border-box;
    height: 42px;
    border-radius: var(--border-radius-image);
    border: none;
    padding: 13px 30px;
    font-weight: 300;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-default);
    background: var(--color-primary);
    width: max-content;
    max-width: 100%;
    transition: var(--transition-default);
    cursor: pointer;
}

.ia-btn:disabled {
    background: var(--color-dark-grey);
}

.ia-btn--ghost {
    background: none;
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
}

.ia-btn--white {
    background: var(--color-default) !important;
    color: var(--color-primary) !important;
}

@media screen and (hover: hover) {

    .ia-btn:not(.disabled):hover {
        background-color: var(--color-accent) !important;
        color: var(--color-default) !important;
    }

    .ia-btn.disabled:hover {
        opacity: 0.5;
    }

    .ia-btn--white:not(.disabled):hover {
        background-color: var(--color-accent) !important;
        color: var(--color-default) !important;
    }

    .ia-btn--ghost:not(.disabled):hover {
        background-color: var(--color-primary) !important;
        color: var(--color-default) !important;
        border: 1px solid var(--color-primary);
    }
}


/* ТЕМПЛЕЙТ */

body.header_fixed {
    padding-top: 1px;
}

body.header_fixed main {
    margin-top: 189px;
}

@media (max-width: 1240px) {
    body.header_fixed {
        margin-bottom: 0px;
    }

    body.header_fixed main {
        margin-top: 103px;
    }
}

/* Header */

body.header_fixed .header-inner-container {
    position: fixed;
    width: 100%;
    top: 0;
    background-color: white;
    z-index: 1010;
}

body.header_fixed .header {
    box-shadow: 0px 7px 14px -1px rgba(34, 60, 80, 0.17);
}

.header__top {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 100%;
    top: 0;
    z-index: 5000;
    background: var(--color-primary);
    color: var(--color-default);
    font-size: 14px;
}

.header__top-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.header__top-contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.header__top-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}

.top-menu__link svg {
    width: auto;
    height: 20px;
}

.top-menu__link:hover path {
    stroke: var(--color-accent);
}

.top-menu__link_text {
    margin-left: 4px;
}

.header__main {
    background: var(--color-default);
}

.header__main-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 98px;
    border-bottom: 1px solid var(--color-dark-grey);
}

.header__main-left {
    display: flex;
    align-items: center;
    gap: 40px;
}

.header__main-right {
    display: flex;
    align-items: center;
    gap: 32px;
}

.header__main-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header__main-icon-button {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    position: relative;
}

.header__main-icon-button svg {
    width: 24px;
    height: 24px;
    transition: 0.2s;
    fill: var(--color-primary);
}

.header__main-icon-button:hover svg {
    fill: var(--color-accent);
}

.header__main-icon-button_home {
    display: none;
}

.header__main-icon-button-title {
    display: none;
}

.header__cart-counter {
    position: absolute;
    right: -10px;
}

.header__main-burger {
    display: none;
    cursor: pointer;
    width: 24px;
}

.burger-checkbox {
    position: absolute;
    visibility: hidden;
    left: -9999px;
}

.burger-btn {
    cursor: pointer;
    position: relative;
    border: none;
    background: transparent;
    width: 24px;
    height: 15px;
}

.burger-btn span {
    display: block;
    height: 2px;
    background: var(--color-primary);
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    transition: 0.15s;
}

.burger-btn::before,
.burger-btn::after {
    content: '';
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: var(--border-radius-btn);
    background: var(--color-primary);
}

.burger-btn::before {
    top: 0;
    transition: top .3s .15s, transform .3s;
}

.burger-btn::after {
    bottom: -1px;
    transition: bottom .3s .15s, transform .3s;
}

.burger-checkbox:checked+.burger-btn span {
    opacity: 0;
}

.burger-checkbox:checked+.burger-btn::before {
    top: 8px;
    transform: rotate(45deg);
    transition: top .3s, transform .3s .15s;
}

.burger-checkbox:checked+.burger-btn::after {
    bottom: 5px;
    transform: rotate(-45deg);
    transition: bottom .3s, transform .3s .15s;
}

.header__main-burger-open-icon {
    display: block;
}

.header__main-burger-close-icon {
    display: none;
}

.header__main-burger.is-active .header__main-burger-open-icon {
    display: none;
}

.header__main-burger.is-active .header__main-burger-close-icon {
    display: block;
}

.header-search {
    width: 440px;
    position: relative;
}

.header-search__form {
    width: 100%;
    display: flex;
    align-items: center;

}

.header-search__form input {
    border: none;
    border-radius: 2px 0 0 2px;
    height: 42px;
    padding: 0 40px 0 16px;
    background-color: var(--color-surface-grey);
    border-radius: var(--border-radius-image);
    width: 100%;
    color: var(--color-primary);
    font-size: 14px;
}

.header-search__form input::placeholder {
    color: var(--color-dark-grey);
}

.header-search__icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%);
}

@media screen and (min-width: 1240px) {
    .header.hide_header_menu .header__bottom {
        display: none;
    }
}

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

    .header__bottom {
        padding-bottom: 5px;
    }

    .header__main-wrapper {
        padding-top: 16px;
    }

    .header_search_container {
        margin-right: 30px;
    }

    .header__main-right {
        gap: 0;
    }

    .header-search__icon {
        right: 20px;

        & svg {
            width: 18px;
            height: 18px;
        }
    }
}

@media screen and (max-width: 1240px) {
    .header__main-wrapper {
        height: 64px;
    }

    .header__main-left {
        align-items: center;
        gap: 15px;
        margin-left: -3px;
    }

    .header-search__form input {
        height: 32px;
        font-size: 12px;
    }

    .header__main-logo {
        width: 90px;
        height: auto;
    }

    .header__main-burger {
        display: block;
    }
}

@media screen and (max-width: 1024px) {
    .top-menu__callback {
        display: block;
    }

    .header__top-menu .desktop {
        display: none;
    }

    .header__main-wrapper {
        border-bottom: none;
    }

    .header__main {
        border-bottom: 1px solid var(--color-dark-grey);
    }

    .header__main-right {
        gap: 0;
        width: 50%;
    }

    .header__main-buttons {
        position: fixed;
        bottom: 0;
        background-color: var(--color-default);
        left: 0;
        right: 0;
        width: 100%;
        height: 64px;
        border-top: solid 1px var(--color-surface-grey);
        gap: 20px;
        justify-content: space-evenly;
        opacity: 1;
    }

    .header__main-buttons.closed {
        height: 0px;
        overflow: hidden;
        opacity: 0;
        top: 100dvh;
    }

    .header__main-icon-button {
        width: fit-content;
        height: fit-content;
    }

    .header__cart-counter {
        position: absolute;
        right: 50%;
        top: 0px;
        transform: translate(120%, -43%);
    }

    .header__main-icon-button_home {
        display: flex;
        order: 1;
    }

    .header__main-icon-button_basket {
        order: 2;
    }

    .header__main-icon-button_wishlist {
        order: 3;
    }

    .header__main-icon-button_personal {
        order: 4;
    }

    .header__main-icon-button svg {
        transition: 0.2s;
        fill: var(--color-secondary);
    }

    .header__main-icon-button.active svg,
    .header__main-icon-button:hover svg {
        fill: var(--color-accent);
    }

    .header__main-icon-button-title {
        display: flex;
        justify-content: center;
        font-size: 12px;
        color: var(--color-secondary);
    }

    .header__main-icon-button.active .header__main-icon-button-title,
    .header__main-icon-button:hover .header__main-icon-button-title {
        color: var(--color-accent);
    }

    .header_search_container {
        width: 100%;

        & svg {
            width: 12px;
            height: 12px;
        }
    }

    .header-search__icon {
        right: auto;
        left: 9px;
    }

    .header-search__form input {
        padding: 0 10px 0 28px;
    }

    .header-search {
        width: 100%;
    }
}

@media(max-width: 600px) {
    .header__top {
        font-size: 12px;
    }

    .header__top-menu {
        display: none;
    }

    .header__top-contacts {
        justify-content: space-between;
        flex-wrap: nowrap;
        width: 100%;
        flex-direction: row-reverse;
    }

    .header__main-menu.is-open {
        top: 106px !important;
    }
}

@media(max-width: 400px) {
    .header__top {
        font-size: 11px;
    }
}

/* footer */

.a-footer {
    position: relative;
    z-index: 101;
    background-color: var(--color-default);
}

.a-footer__wrapper {
    padding-top: 20px;
    border-top: 1px solid var(--color-grey);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

.a-footer-menu__title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 140%;

    & svg {
        margin-left: 5px;
        width: 24px;
        height: 24px;
        transition: var(--transition-default);
        transform: rotate(90deg);
        fill: var(--color-primary);
        display: none;
    }
}

.a-footer-menu__list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 14px;
    line-height: 140%;
    padding-bottom: 30px;

    & li {
        display: flex;
    }

    & a {
        display: inline-flex;
        min-height: 20px;
    }
}

.a-footer-menu__list--contacts {
    padding-bottom: 0;
}

.a-footer-menu__copy {
    margin-top: 14px;
    display: inline-block;
}

.a-footer-menu__copy.is-hide-desc {
    display: none;
}

.a-footer-menu__social {
    margin: 14px 0;
    display: flex;
    align-items: center;
    gap: 14px;
}

.a-footer__bottom {
    display: flex;
    justify-content: space-between;
}

.a-footer-map {
    margin-top: -18px;
    margin-bottom: 14px;

    & iframe {
        border-radius: var(--border-radius-image);
        overflow: hidden;
    }
}

.a-footer-map__text {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 140%;
    font-weight: 700;
}

.a-footer__subscribe {
    margin-left: 20px;
    width: 50%;
    max-width: 427px;
    margin-top: auto;

    & .subscripbe-form {
        margin-bottom: 20px;
        width: 100%;

        & form {
            width: 100%;
            display: flex;
            align-items: flex-start;
            flex-direction: column;
        }
    }

    & .subscripbe-form__notification {
        margin-top: 13px;
        font-size: 14px;

        & a {
            text-decoration: none;
        }
    }

    & .subscripbe-form form input {
        border-radius: var(--border-radius-image) 0 0 var(--border-radius-image);
        padding: 0 1.7rem;
        width: 100%;
    }

    & .subscripbe-form .ia-single-input {
        width: 100%;
    }

    & .ia-single-input button {
        padding: 13px 10px;
        text-transform: uppercase;
        font-weight: 700;
    }
}

.a-footer__subscribe-title {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 140%;
    font-weight: 700;
}

.a-footer__notification {
    padding: 20px 0 40px;
    border-top: 1px solid var(--color-surface-grey);
    color: var(--color-secondary);
    font-size: 12px;
    line-height: 140%;
}

.a-footer__contacts {
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 140%;
    color: var(--color-secondary);

    & a {
        font-size: 16px;
        font-weight: 700;
        color: var(--color-primary);
        display: inline-flex;
        margin: 12px 0 8px;
    }
}

.a-footer__titmetable {
    font-size: 12px;
    line-height: 140%;
    color: var(--color-secondary);
}

.a-footer__social {
    margin-top: 10px;
    display: flex;
    gap: 20px;

    & a {
        display: flex;
        width: 32px;
        height: 32px;
        padding: 5px;
        align-items: center;
        justify-content: center;
        background-color: var(--color-surface-grey);
        border-radius: var(--border-radius-sticker);
    }

    & svg {
        width: 24px;
        height: 24px;
        pointer-events: none;
    }
}

.a-footer__mobile {
    display: none;
}

@media screen and (max-width: 1024px) {
    .a-footer__notification {
        padding-bottom: 70px;
    }
}

@media screen and (max-width: 1023px) {
    .a-footer__bottom {
        flex-direction: column;
    }

    .a-footer-map {
        margin-top: 20px;

        & iframe {
            width: 100%;
        }
    }

    .a-footer__subscribe {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
    }

    .a-footer__subscribe-title {
        color: var(--color-accent);
    }

    .a-footer-menu__copy.is-hide-desc {
        display: inline-block;
        margin-top: 12px;
    }

    .a-footer-map {
        margin-top: 16px;
        margin-bottom: 17px;
    }

    .a-footer__wrapper {
        padding-top: 10px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .a-footer__bottom {
        padding-bottom: 18px;
    }

    .a-footer-menu__title {
        margin-bottom: 0;
        width: 100%;
        min-height: 32px;

        & svg {
            display: block;
        }
    }

    .a-footer-menu {
        padding-top: 8px;
        border-top: 1px solid var(--color-grey);
    }

    .a-footer-menu.is-hide-mobile {
        display: none !important;
    }

    .a-footer-menu__list {
        display: none;
    }

    .a-footer-menu.is-show {

        & .a-footer-menu__list {
            padding: 4px 0;
            display: flex;
            gap: 8px;
        }

        & svg {
            transform: rotate(-90deg);
        }
    }

    .a-footer__subscribe-title {
        font-size: 12px;
    }

    .a-footer__subscribe {
        & .subscripbe-form form {
            width: calc(100% + 5px);
        }

        & .subscripbe-form {
            margin-bottom: 6px;
        }
    }

    .a-footer-menu__copy {
        font-size: 12px;
        color: var(--color-secondary);
    }

    .a-footer__mobile {
        display: block;
        margin-bottom: 12px;
    }

}


/* Основные контейнеры для контента */
.container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    height: 100%;
    padding: 0 40px;

    @media screen and (max-width: 1024px) {
        padding: 0 20px;
    }
}


.container--small {
    max-width: 1210px;
}

.ia-container {
    margin: 0 auto;
    max-width: 1140px;
    padding: 0 40px;

    @media screen and (max-width: 900px) {
        padding: 0 20px;
    }
}

.ia-container--max {
    max-width: 1360px;
}

.page-title {
    font-size: 40px;
    line-height: 120%;
    font-style: normal;
    margin-bottom: 32px;
}

.img-content {
    width: 100%;
    height: auto;
    border-radius: var(--border-radius-max);
    margin-bottom: -30px;

    @media screen and (max-width: 767px) {
        border-radius: var(--border-radius-image);
    }
}

.container--left-menu {
    display: flex;
    gap: 140px;
}

.page-left-menu {
    width: 205px;
    height: calc(100vh - 200px);
    padding: 20px 0;
    position: sticky;
    top: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;

    @media screen and (max-width: 1240px) {
        display: none;
    }
}

.container--left-menu .page-content {
    width: calc(100% - 345px);
    display: flex;
    flex-direction: column;
    gap: 100px;
    font-size: 16px;
    line-height: 140%;
    color: var(--color-primary);
    padding-bottom: 100px;

    @media screen and (max-width: 1240px) {
        width: 100%;
        gap: 80px;
        padding-bottom: 80px;
    }

    @media screen and (max-width: 980px) {
        gap: 60px;
        padding-bottom: 60px;
    }

    @media screen and (max-width: 767px) {
        gap: 32px;
        padding-bottom: 32px;
    }
}

.img-content--about_mobile {
    display: none;
}


@media screen and (max-width: 767px) {

    .img-content--about {
        display: none;
    }

    .img-content--about_mobile {
        display: block;
    }

    .about-contacts-title,
    .about-team-title {
        font-size: 14px;
    }
}

/* Попапы */

.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    background: rgba(23, 23, 23, 0.8);
    padding: 80px 20px;
    overflow-y: auto;
}

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

    .popup.age_popup .popup__wrapper,
    .popup.phone-verification_popup .popup__wrapper,
    #subscribe-popup .popup__wrapper {
        width: calc(100% - 40px);
        position: absolute;
        top: 50%;
        left: 20px;
        right: 20px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media screen and (min-width: 500px) {
    .popup.is-center .popup__wrapper {
        position: absolute;
        top: 50%;
        left: 20px;
        right: 20px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 780px) {
    .popup.fast-buy-popup .popup__wrapper {
        padding: 4rem 1rem;
    }
}

.popup__wrapper {
    position: relative;
    width: 100%;
    max-width: 67.5rem;
    margin: 0 auto;
    background: #fff;
    padding: 5rem 4rem 4rem 4rem;
}

@media screen and (max-width: 780px) {
    .popup__wrapper {
        padding: 3.4rem 2rem;
    }
}

.popup__close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 50;
    cursor: pointer;
}

.loader-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    display: none;
}

.loader {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
    z-index: 2;
    background: url(../img/loader.svg) center center no-repeat;
}

.message-page__content {
    max-width: 60rem;
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.message-page__text {
    font-size: 1.7rem;
    line-height: 135%;
    margin-bottom: 2rem;
}

.message-page__links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;

    & .button {
        width: 100%;
    }
}