/* Home page */
.hero {
    min-height: 340px;
}

.hero__slide {
    padding-top: 40px;
    padding-bottom: 88px;
    min-height: 340px;
    background:linear-gradient(270deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.06) 61.3%, rgba(0, 0, 0, 0.03) 67.19%, rgba(0, 0, 0, 0.03) 70.25%, rgba(0, 0, 0, 0.3) 100%), linear-gradient(0deg, rgba(50, 94, 108, 0.2), rgba(50, 94, 108, 0.2)), url('../assets/images/home/our-benefits/background.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
}

.hero__wrapper {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 8px;
    /*justify-content: end;*/
    text-transform: uppercase;
    font-family: var(--font-murecho);
    line-height: 1;
    color: var(--color-white);
}

.hero__label {
    font-size: 40px;
    font-weight: 500;
}

.hero__label:first-of-type {
    margin-bottom: 4px;
    padding: 8px 0;
}

.hero__label:last-of-type {
    /*justify-self: end;*/
}

.hero__label i {
    margin-left: 24px;
    font-size: 64px;
    font-weight: 700;
}

.hero__headline {
    position: relative;
    padding: 12px 24px;
    font-size: 48px;
    font-weight: 600;
    color: var(--color-blue700);
    background-color: var(--color-white);
    z-index: 50;
}

.hero__headline:after,
.hero__headline:before {
    width: 24px;
    background-color: var(--color-white);
}

.hero__car-white {
    position: absolute;
    max-width: 628px;
    width: 100%;
    top: 20px;
    left: calc(50% - var(--container-width) / 2 - 100px);
    z-index: 30;
}

.hero__car-red {
    position: absolute;
    max-width: 488px;
    width: 100%;
    top: 64px;
    left: calc(50% - var(--container-width) / 2 + 270px);
    z-index: 20;
}

.hero__decor {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1702px;
    height: 200px;
    z-index: 10;
}

.hero__pagination {
    position: absolute;
    justify-content: end;
    bottom: 20px !important;
    left: 0 !important;
    right: calc(50% - var(--container-width) / 2);
    z-index: 10;
}

@media (min-width: 1921px) {
    .hero__decor {
        width: 1702px;
        box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
    }
}

/* Gallery section */
.gallery {
    position: relative;
    grid-template-columns: 320px 1fr;
    grid-column-gap: 48px;
    align-items: start;
    padding-top: 42px;
    padding-bottom: 50px;
    overflow: hidden;
}

.gallery__aside {
    box-shadow: 0 0 12px rgba(12, 119, 195, 0.06);
    border-radius: var(--border-radius-large);
    background-color: var(--color-white);
    overflow: hidden;
}

.gallery__aside-label {
    padding: 12px 32px;
    text-transform: uppercase;
    font-family: var(--font-murecho);
    font-size: 20px;
    font-weight: 500;
    color: var(--color-white);
    background-color: #456c45;
    border-radius: 6px 6px 0px 0px;
}

.gallery__aside-list {
    padding: 2px 24px 8px 4px;
}

.gallery__aside-list li {
    position: relative;
}

.gallery__aside-list li + li {
    border-top: 1px solid var(--color-gray100);
}

.gallery__aside-link {
    position: relative;
    grid-column-gap: 22px;
    padding: 12px;
    line-height: 1;
    font-size: 16px;
    font-weight: 500;
}

.gallery__aside-image {
    justify-self: center;
    height: 32px;
    width: auto;
    object-fit: contain;
}

.gallery__aside-name {
    text-transform: uppercase;
    color: var(--color-gray700);
}

.gallery__aside-total {
    justify-self: end;
    color: var(--color-gray500);
}

.gallery__aside__button {
    display: none;
}

.gallery__catalog {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
    align-items: start;
}

.gallery__list {
    display: grid;
   /* grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 24px;
    align-items: start;*/
    /*padding: 24px 32px;*/
}

.gallery__decor {
    position: absolute;
    left: calc(50% - var(--container-width) / 2 - 170px);
    bottom: 500px;
    max-width: 264px;
    width: 100%;
    z-index: -1;
}

.gallery__rectangle {
    position: absolute;
    top: 0;
    right: calc(50% - var(--container-width) + 706px);
    max-width: 1920px;
    width: 100%;
    height: 2894px;

    opacity: 0.05;
    z-index: -1;
}

/* About us section */
.about-us {
    padding-top: 42px;
    padding-bottom: 80px;
    overflow: hidden;
}

.about-us__wrapper {
    position: relative;
    grid-template-columns: 548px 1fr;
    padding-top: 158px;
    padding-bottom: 158px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../assets/images/home/our-benefits/background.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 20%;
}

.about-us__description {
    margin: 32px 0;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-white);
}

.about-us__button {
    padding: 10px 32px;
    font-size: 14px;
}

.about-us__list {
    position: absolute;
    top: 50%;
    right: calc(50% - var(--container-width) / 2 - 180px);
    display: grid;
    grid-template-columns: auto 940px;
    grid-row-gap: 24px;
    transform: translateY(-50%);
}

.about-us__image {
    max-width: 240px;
    width: 100%;
    height: 146px;
    clip-path: polygon(48px 0, 100% 0, 192px 100%, 0% 100%);
}

.about-us__image-large {
    grid-column: 2 / 3;
    grid-row: 1 / 4;
    margin-left: -110px;
    width: 100%;
    height: 486px;
    object-position: 50% 10%;
    clip-path: polygon(161px 0, 100% 0, 100% 100%, 0% 100%);
}

.about-us__image:first-of-type {
    margin-left: 112px;
}

.about-us__image:nth-of-type(2) {
    margin-left: 56px;
}

/* Choose us section */
.choose-us {
    position: relative;
    padding-top: 64px;
    padding-bottom: 184px;
    overflow: hidden;
}

.choose-us__list {
    grid-column-gap: 64px;
    margin: 72px auto 0;
    max-width: 1312px;
}

.choose-us__item {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 16px;
    margin-left: 100px;
}

.choose-us__item * {
    user-select: none;
}

.choose-us__item:before {
    content: '';
    position: absolute;
    top: 50%;
    right: calc(100% + 20px);
    width: 4px;
    height: 144px;
    background-color: #3c763d;
    transform: translateY(-50%);
}

.choose-us__icon {
    position: absolute;
    top: 50%;
    right: calc(100% - 40px);
    width: 144px;
    height: 144px;
    fill: #0D6297;
    transform: translateY(-50%);
    clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
}

.choose-us__headline {
    text-transform: uppercase;
    font-family: var(--font-murecho);
    font-size: 24px;
    font-weight: 700;
    color: var(--color-gray800);
}

.choose-us__description {
    line-height: 1.5;
    font-size: 16px;
    color: var(--color-gray700);
}

.choose-us__decor {
    position: absolute;
    bottom: 42px;
    right: calc(50% - var(--container-width) / 2 - 214px);
    max-width: 264px;
    width: 100%;
}

.choose-us__decor-mobile {
    display: none;
}

@media (max-width: 1800px) {
    /* Hero section */
    .hero__decor {
        right: 0;
        bottom: -10px;
        left: unset;
    }

    .hero__car-white {
        max-width: 528px;
        top: 56px;
        left: -70px;
    }

    .hero__car-red {
        max-width: 372px;
        top: 106px;
        left: 270px;
    }

    .hero__pagination {
        right: 80px;
        bottom: 28px !important;
    }

    /* Gallery section */
    .gallery {
        grid-template-columns: 280px 1fr;
        grid-column-gap: 32px;
        padding-bottom: 40px;
    }

    .gallery__aside-list {
        padding: 24px 16px 24px 12px;
    }

    .gallery__aside-link {
        padding: 16px 0;
    }

    .gallery__list {
       /* grid-template-columns: repeat(4, 1fr);
        grid-gap: 24px;
        padding: 24px 16px;*/
    }

    .gallery__list li:nth-of-type(n + 9) {
        display: none;
    }

    .gallery__decor {
        left: -48px;
    }

    /* About us section */
    .about-us {
        padding-top: 42px;
        padding-bottom: 80px;
    }

    .about-us__wrapper {
        grid-template-columns: 456px 833px;
        justify-content: space-between;
        padding-top: 62px;
        padding-bottom: 62px;
        padding-right: 0;
    }

    .about-us__list {
        position: static;
        grid-template-columns: 216px 608px;
        margin-left: 10px;
        transform: unset;
    }

    .about-us__image {
        width: 236px;
        clip-path: polygon(48px 0, 100% 0, 188px 100%, 0% 100%);
    }

    .about-us__image-large {
        margin-left: 0;
        object-position: 50% 0;
    }

    .about-us .rectangle_dark-blue {
        right: -390px;
    }

    .about-us .rectangle_light-blue {
        right: -230px;
    }

    /* Choose us section */
    .choose-us {
        padding-right: 80px;
        padding-left: 80px;
    }

    .choose-us__list {
        grid-column-gap: 48px;
    }

    .choose-us__headline {
        font-size: 20px;
    }

    .choose-us__description {
        font-size: 16px;
    }
}

@media (max-width: 1365px) {
    /* Hero section */
    .hero__slide {
        padding-bottom: 108px;
        background-position: 50% 16%;
    }

    .hero__wrapper {
        grid-row-gap: 0;
        margin-right: 24px;
    }

    .hero__decor {
        right: 0;
        bottom: -10px;
        left: unset;
    }

    .hero__car-white {
        top: 72px;
        left: -170px;
    }

    .hero__car-red {
        top: 120px;
        left: 174px;
    }

    .hero__label {
        font-size: 32px;
    }

    .hero__label:first-of-type {
        margin-bottom: 0;
        padding: 12px 0;
    }

    .hero__label i {
        font-size: 56px;
    }

    .hero__headline {
        font-size: 40px;
    }

    .hero__pagination {
        right: 40px;
        bottom: 44px !important;
    }

    /* Galley section */
    .gallery {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        grid-gap: 40px;
        padding-bottom: 80px;
    }

    .gallery__aside {
        padding-bottom: 12px;
        background-color: var(--color-white);
    }

    .gallery__aside-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 12px;
        padding: 24px 16px 0 12px;
        max-height: 164px;
        overflow: hidden;
        transition: max-height .22s;
    }

    .gallery__aside-list li + li {
        border-top: unset;
    }

    .gallery__aside-list li:after {
        content: '';
        position: absolute;
        bottom: -6px;
        width: 100%;
        height: 1px;
        background-color: var(--color-gray100);
    }

    .gallery__aside__button {
        display: grid;
        margin: 12px 16px 0 auto;
    }

    /* About us section */
    .about-us {
        margin-bottom: 62px;
        padding-top: 0;
        padding-bottom: 18px;
    }

    .about-us__wrapper {
        grid-template-columns: 400px 833px;
    }

    .about-us .rectangle_dark-blue {
        display: none;
    }

    .about-us .rectangle_light-blue {
        right: -350px;
    }

    /* Choose us section */
    .choose-us {
        padding-right: 40px;
        padding-bottom: 64px;
        padding-left: 40px;
    }

    .choose-us__list {
        grid-column-gap: 32px;
    }

    .how-to-buy {
        padding-top: 80px;
    }
}

@media (max-width: 1365px) and (min-width: 960px) {
    .gallery__aside-list li:nth-of-type(3n + 1) .gallery__aside-link {
        padding-right: 12px;
    }

    .gallery__aside-list li:nth-of-type(3n - 1) .gallery__aside-link {
        padding-right: 12px;
        padding-left: 12px;
    }

    .gallery__aside-list li:nth-of-type(3n - 1) .gallery__aside-link:after,
    .gallery__aside-list li:nth-of-type(3n - 1) .gallery__aside-link:before {
        content: '';
        position: absolute;
        height: 100%;
        width: 1px;
        background-color: var(--color-gray100);
    }

    .gallery__aside-list li:nth-of-type(3n - 1) .gallery__aside-link:after {
        right: 0;
    }

    .gallery__aside-list li:nth-of-type(3n - 1) .gallery__aside-link:before {
        left: 0;
    }

    .gallery__aside-list li:nth-of-type(3n) .gallery__aside-link {
        padding-left: 12px;
    }

    .gallery__aside-list li:nth-last-of-type(-n + 3):after {
        content: unset;
    }
}

@media (max-width: 1023px) {
    /* Hero section */
    .hero__headline {
        padding: 12px 16px;
    }

    /* Gallery section */
    .gallery {
        grid-row-gap: 32px;
        padding-top: 32px;
        padding-bottom: 48px;
    }

    /* About us section */
    .about-us {
        margin-bottom: 48px;
        padding-bottom: 0;
    }

    .about-us__wrapper {
        grid-template-columns: 360px 833px;
    }

    .about-us__list {
        grid-template-columns: 186px 608px;
    }

    .about-us__image {
        width: 216px;
        clip-path: polygon(48px 0, 100% 0, 168px 100%, 0% 100%);
    }

    .about-us .rectangle_light-blue {
        display: none;
    }

    /* Choose us section */
    .choose-us__item {
        margin-left: 80px;
    }

    .choose-us__item:before {
        right: calc(100% + 12px);
        height: 164px;
    }

    .choose-us__icon {
        right: calc(100% - 40px);
        width: 120px;
        height: 120px;
    }

    .how-to-buy {
        padding-top: 48px;
    }
}

@media (max-width: 959px) {
    /* Hero section */
    .hero__slide {
        background-position: 50% 12%;
    }

    .hero__car-white {
        left: -272px;
    }

    .hero__car-red {
        left: 34px;
    }

    .hero__pagination {
        right: 24px;
        bottom: 60px !important;
    }

    /* Gallery section */
    .gallery__list {
        /*grid-template-columns: repeat(3, 1fr);*/
    }

    .gallery__list li:nth-of-type(n + 7) {
        display: none;
    }

    .gallery__aside-list {
        grid-template-columns: repeat(2, 1fr);
        max-height: 164px;
    }

    .gallery__decor {
        display: none;
    }

    /* About us section */
    .about-us {
        margin-bottom: 0;
    }

    .about-us__wrapper {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        grid-row-gap: 48px;
        padding-top: 48px;
        padding-bottom: 48px;
        padding-right: 24px;
    }

    .about-us__list {
        grid-auto-flow: column;
        grid-template-columns: unset;
        margin-left: -24px;
        width: calc(100% + 48px);
        overflow: scroll;
    }

    .about-us__list::-webkit-scrollbar {
        display: none;
    }

    .about-us__image {
        max-width: unset;
        width: 296px;
        height: 200px;
        clip-path: polygon(48px 0, 100% 0, 248px 100%, 0% 100%);
    }

    .about-us__image:nth-of-type(1) {
        margin-left: 0;
    }

    .about-us__image:not(:first-of-type) {
        margin-left: -36px;
    }

    .about-us__image-large {
        grid-column: unset;
        grid-row: unset;
        margin-left: -36px;
        max-width: unset;
        width: 296px;
        height: 200px;
        clip-path: polygon(48px 0, 100% 0, 248px 100%, 0% 100%);
        object-position: 50% 50%;
    }

    /* Choose us section */
    .choose-us__list {
        grid-auto-flow: row;
        grid-row-gap: 24px;
    }

    .choose-us__item {
        justify-self: center;
        align-content: center;
        max-width: 312px;
        height: 164px;
    }

    .choose-us__decor {
        bottom: 86px;
        right: -190px;
    }

    .choose-us__decor-mobile {
        position: absolute;
        top: 72px;
        left: -130px;
        display: grid;
        max-width: 264px;
        width: 100%;
    }

    .how-to-buy {
        padding-top: 0;
    }
}

@media (max-width: 959px) and (min-width: 768px) {
    .gallery__aside-list li:nth-of-type(2n - 1) .gallery__aside-link {
        padding-right: 12px;
        padding-left: 0 !important;
    }

    .gallery__aside-list li:nth-of-type(2n) .gallery__aside-link {
        padding-left: 12px !important;
        padding-right: 0 !important;
    }

    .gallery__aside-list li:nth-of-type(2n) .gallery__aside-link:before {
        content: '';
        position: absolute;
        height: 100%;
        width: 1px;
        background-color: var(--color-gray100);
    }

    .gallery__aside-list li:nth-of-type(2n) .gallery__aside-link:before {
        left: 0;
    }

    .gallery__aside-list li:nth-last-of-type(-n + 2):after {
        content: unset !important;
    }
}

@media (max-width: 767px) {
    /* Hero section */
    .hero__slide {
        padding-top: 20px;
        min-height: 448px;
    }

    .hero__wrapper {
        margin-right: 0;
    }

    .hero__headline:after,
    .hero__headline:before {
        width: 20px;
    }

    .hero__car-white {
        top: unset;
        bottom: -24px;
        left: -272px;
    }

    .hero__car-red {
        top: unset;
        bottom: 10px;
        left: -6px;
    }

    .hero__pagination {
        display: none;
    }

    /* Gallery section */
    .gallery__list {
        /*grid-template-columns: repeat(2, 1fr);*/
        grid-column-gap: 16px;
        padding: 24px 12px;
    }

    .gallery__list li:nth-of-type(n + 5) {
        display: none;
    }

    .gallery__aside-label {
        padding: 12px;
    }

    .gallery__aside-list {
        grid-template-columns: 1fr;
        max-height: 324px;
    }

    /* About us section */
    .about-us__wrapper {
        grid-row-gap: 32px;
        padding-top: 32px;
        padding-right: 20px;
    }

    .about-us__list {
        margin-left: -20px;
        width: calc(100% + 40px);
    }

    .about-us__image,
    .about-us__image-large {
        width: 220px;
        height: 148px;
        clip-path: polygon(48px 0, 100% 0, 172px 100%, 0% 100%);
    }

    .about-us__image:not(:first-of-type) {
        margin-left: -26px;
    }

    .about-us__image-large {
        margin-left: -26px;
    }

    /* Choose us section */
    .choose-us {
        padding: 32px 20px 80px;
    }

    .choose-us__list {
        grid-row-gap: 32px;
        margin-top: 50px;
    }

    .choose-us__decor,
    .choose-us__decor-mobile {
        display: none;
    }
}

@media (max-width: 479px) {
    /* Hero section */
    .hero {
         min-height: 125px;
    }
    .hero__slide {
        min-height: 125px;
        background-position: 50% 64%;
    }

    .hero__wrapper {
        margin-right: 14px;
    }

    .hero__label {
        font-size: 24px;
    }

    .hero__label i {
        margin-left: 12px;
        font-size: 48px;
    }

    .hero__headline {
        padding: 12px 0;
        font-size: 32px;
    }

    .hero__headline:after,
    .hero__headline:before {
        width: 18px;
    }

    .hero__car-white {
        max-width: 320px;
        bottom: -14px;
        left: -62px;
    }

    .hero__car-red {
        max-width: 226px;
        bottom: 12px;
        left: 126px;
    }

    /* Gallery section */
    .gallery {
        padding-bottom: 32px;
    }

    .gallery__aside__button {
        width: calc(100% - 32px);
    }

    /* About us section */
    .about-us__wrapper {
        padding-bottom: 64px;
        padding-right: 16px;
    }

    .about-us__list {
        margin-left: -16px;
        width: calc(100% + 32px);
    }

    /* Choose us section */
    .choose-us {
        padding: 24px 16px 32px;
    }

    .choose-us__list {
        grid-row-gap: 32px;
        margin-top: 32px;
    }

    .choose-us__item {
        max-width: 100%;
    }

    .choose-us__headline {
        font-size: 18px;
    }
}

/* Catalog page */
.catalog {
    margin-bottom: 80px;
}

.catalog__headline {
    grid-column-gap: 16px;
    align-items: end;
    margin-bottom: 32px;
}

.catalog__result {
    font-family: var(--font-murecho);
    line-height: 1;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-gray600);
}

.catalog__result i {
    color: var(--color-red600);
}

.catalog__header {
    margin-bottom: 24px;
}

.catalog__group {
    grid-template-columns: auto auto;
    grid-column-gap: 24px;
}

.catalog__label {
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    color: var(--color-gray500);
}

.catalog__select {
    border-color: var(--color-gray200);
}

.catalog__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 24px;
    align-items: start;
    margin-bottom: 56px;
}

@media (max-width: 1800px) {
    .catalog__list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1365px) {
    .catalog__list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1023px) {
    .catalog__list {
        grid-column-gap: 12px;
        margin-bottom: 48px;
    }
}

@media (max-width: 959px) {
    .catalog {
        margin-bottom: 48px;
    }

    .catalog__list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .catalog__headline {
        grid-auto-flow: row;
        grid-row-gap: 16px;
    }

    .catalog__header {
        grid-template-columns: 1fr .9fr;
        grid-column-gap: 12px;
    }

    .catalog__group {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        grid-row-gap: 12px;
    }

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

@media (max-width: 479px) {
    .catalog {
        margin-bottom: 40px;
    }

    .catalog__header {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        grid-row-gap: 12px;
    }

    .catalog__group {
        grid-auto-flow: column;
        grid-template-columns: 64px 1fr;
        grid-column-gap: 12px;
    }

    .catalog__group:last-of-type .catalog__select {
        width: 116px;
    }
}

/* Bank details page */
.bank-details-hero {
    background: linear-gradient(180deg, rgba(32, 145, 215, 0) 0%, rgba(0, 62, 101, 0.6) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../assets/images/paypal/hero-image.webp');
    background-position: 50% 40%;
    background-size: cover;
    background-repeat: no-repeat;
}

.bank-details__group {
    grid-auto-flow: unset;
    grid-template-columns: 1fr 562px;
    grid-row-gap: 32px;
    align-items: start;
}

.bank-details__group + .bank-details__group {
    margin-top: 80px;
}

.bank-details__headline {
    grid-column: 1 / 3;
}

.bank-details__list {
    border: 1px solid var(--color-gray50);
    box-shadow: 0 0 12px rgba(171, 171, 171, 0.08);
    border-radius: var(--border-radius-medium);
}

.bank-details__item {
    line-height: 1.5;
    font-size: 18px;
    grid-template-columns: 480px 290px 1fr;
    grid-template-areas:
        'pop pop1'
        'pop pop2';
}

.bank-details__item:last-of-type .bank-details__key { grid-area: pop; }
.bank-details__item:last-of-type #smart-button-container { grid-area: pop1; padding: 0 15px; }
.bank-details__item:last-of-type .bank-details__pay-description { grid-area: pop2;
    text-align: center;
    padding-bottom: 20px;
}

.bank-details__item * {
    word-break: break-word;
}

.bank-details__item:nth-of-type(2n) {
    background-color: var(--color-gray30);
}

.bank-details__key {
    display: grid;
    padding: 12px 24px;
    height: 100%;
    font-weight: 700;
    color: var(--color-gray800);
}

.bank-details__key_center {
    align-content: center;
}

.bank-details__value {
    padding: 12px;
    font-weight: 500;
    color: var(--color-gray700);
    border-left: 1px solid var(--color-gray100);
}

.bank-details__nagano-bank {
    justify-self: center;
    margin-top: 92px;
    max-width: 418px;
    width: 100%;
}

.bank-details__pay {
    grid-template-columns: 200px 1fr;
    grid-column-gap: 10px;
}

.bank-details__pay-description {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-gray500);
}

.bank-details__payment {
    justify-self: center;
    align-self: center;
    max-width: 346px;
    width: 100%;
}

.bank-details__security {
    grid-auto-flow: unset;
    grid-template-columns: auto 480px;
    grid-column-gap: 32px;
    grid-row-gap: 16px;
    margin-top: 80px;
    padding-top: 48px;
    padding-bottom: 48px;
    text-transform: uppercase;
    color: var(--color-white);
    background-image: url('../assets/images/paypal/background.webp');
    background-size: cover;
    background-position: 50% 50%;
}

.bank-details__security-icon {
    grid-row: 1 / 4;
    width: 128px;
    height: 128px;
    fill: var(--color-white);
}

.bank-details__security-headline {
    font-family: var(--font-murecho);
    line-height: 1;
    font-size: 40px;
    font-weight: 700;
}

.bank-details__security-decor {
    max-width: 240px;
    width: 100%;
    height: 2px;
    background-color: var(--color-white);
}

.bank-details__security-description {
    line-height: 1.5;
    font-size: 18px;
    font-weight: 700;
}

@media (max-width: 1800px) {
    .information_payment {
        margin-bottom: 38px;
    }

    .bank-details__group {
        grid-template-columns: 1fr 300px;
        grid-column-gap: 32px;
        align-items: center;
    }

    .bank-details__item {
        grid-template-columns: 280px 1fr;
    }

    @media (min-width: 768px) {
        .bank-details__item:last-of-type {
            grid-template-columns: 280px 290px 1fr;
            grid-template-areas:
                'pop pop1'
                'pop pop2';
        }

        .bank-details__item:last-of-type .bank-details__key { grid-area: pop; }
        .bank-details__item:last-of-type #smart-button-container { grid-area: pop1; }
        .bank-details__item:last-of-type .bank-details__pay-description { grid-area: pop2;
            text-align: center;
            padding-bottom: 20px;
        }
    }

    .bank-details__key {
        padding: 12px 16px;
    }

    .bank-details__nagano-bank {
        margin-top: 0;
        max-width: 300px;
    }
}

@media (max-width: 1365px) {
    .information_payment {
        margin-bottom: 16px;
    }

    .bank-details__group {
        grid-template-columns: 1fr;
        grid-row-gap: 16px;
    }

    .bank-details__nagano-bank {
        display: none;
    }

    .bank-details__headline {
        grid-column: 1 / 2;
        margin-bottom: 16px;
    }

    .bank-details__payment {
        justify-self: start;
        margin-left: 294px;
        max-width: 200px;
    }

    .bank-details__security {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .bank-details__security-headline {
        font-size: 32px;
    }

    .bank-details__security-icon {
        width: 104px;
        height: 104px;
    }
}

@media (max-width: 959px) {
    .bank-details__security-headline {
        font-size: 24px;
    }

    .bank-details__security-description {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .bank-details__item {
        grid-template-columns: 200px 1fr;
        grid-template-areas:
            'pop'
            'pop1'
            'pop2';
        grid-template-columns: 100%;
    }

    .bank-details__payment {
        margin-left: 213px;
    }

    .bank-details__pay {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        grid-row-gap: 10px;
    }

    .bank-details__pay a {
        max-width: 200px;
    }

    .bank-details__pay-description {
        grid-row: 1 / 2;
    }

    .bank-details__security {
        grid-template-columns: auto 304px;
    }
}

@media (max-width: 479px) {
    .bank-details__item {
        grid-template-columns: 132px 1fr;
    }
    .bank-details__item {
        grid-template-areas:
            'pop'
            'pop1'
            'pop2';
        grid-template-columns: 100%;
    }
    .bank-details__key {
        padding: 12px;
    }

    .bank-details__pay-description {
        font-size: 15px;
    }

    .bank-details__payment {
        margin-left: 145px;
        max-width: 173px;
        margin: 0 auto;
    }

    .bank-details__security {
        grid-template-columns: 80px 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 12px;
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .bank-details__security-icon {
        width: 80px;
        height: 80px;
    }

    .bank-details__security-description {
        font-size: 14px;
    }
}

/* Product page */
.product {
    display: grid;
    grid-template-columns: 980px 1fr;
    grid-column-gap: 48px;
    grid-row-gap: 24px;
    align-items: start;
    margin-bottom: 80px;
}

.product__header {
    grid-template-columns: auto auto 1fr;
    grid-column-gap: 4px;
    grid-column: 1 / 3;
    grid-row: 1 / 2;
}

.product__headline {
    font-family: var(--font-murecho);
    line-height: 1;
    font-size: 28px;
    font-weight: 600;
    color: var(--color-gray700);
}

.product__headline i {
    color: var(--color-red600);
}

.product .headline__label {
    font-size: 28px;
}

.product__actions {
    grid-column-gap: 12px;
    justify-self: end;
}

.product__actions-item {
    display: grid;
    justify-content: center;
    align-items: center;
}

.product__actions-icon {
    width: 32px;
    height: 32px;
    fill: var(--color-gray500);
}

@media (hover: hover) {
    .product__actions-item:hover .product__actions-icon {
        fill: var(--color-red600);
    }
}

/* Product gallery section */
.product__gallery {
    position: relative;
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    margin-bottom: 16px;
}

.product__gallery-swiper {
    position: relative;
    max-width: 980px;
}

.product__gallery-slide {
    display: grid;
    max-width: 980px;
    max-height: 734px;
    border-radius: var(--border-radius-small);
    overflow: hidden;
}

.product-image {
    width: 100%;
    height: 100%;
}

.product__thumbs {
    margin-top: 24px;
    max-width: 980px;
    width: 100%;
}

.product__thumbs-wrapper {
    flex-wrap: wrap;
    grid-column-gap: 20px;
    grid-row-gap: 16px;
}

.product__thumbs-slide {
    width: 80px;
    height: 80px;
    border-radius: var(--border-radius-medium);
    overflow: hidden;
    cursor: pointer;
    transition: .2s;
    z-index: -1;
}

.product__thumb-image {
    position: relative;
    width: 100%;
    max-height: 150px;
    height: 100%;
    border-radius: var(--border-radius-medium);
    z-index: -1;
}

.product__thumb-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 6px;
    justify-content: center;
    justify-items: center;
    align-content: center;
    width: 100%;
    max-height: 150px;
    height: 100%;
    background: rgba(87, 87, 87, 0.8);
    border-radius: var(--border-radius-medium);
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    transition: .2s;
}

.product__thumb-slide:hover .product__thumb-backdrop,
.swiper-slide-thumb-active .product__thumb-backdrop {
    opacity: 1;
    visibility: visible;
}

.product__thumb-icon {
    width: 20px;
    height: 20px;
    fill: var(--color-white);
}

.product__thumb-index {
    line-height: 1;
    font-family: var(--font-murecho);
    font-size: 16px;
    font-weight: 700;
    color: var(--color-white);
}

.product__button {
    position: absolute;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: rgba(84, 84, 84, 0.7);
    opacity: 0;
    transform: translateY(-50%);
    transition: .2s;
    z-index: 1;
}

@media (hover: hover) {
    .product__button:hover {
        background-color: rgba(84, 84, 84, 0.9);;
    }
}

.product__button-icon {
    width: 32px;
    height: 32px;
    fill: var(--color-white);
}

.product__gallery:hover .product__button {
    opacity: 1;
}

.product__button-prev {
    top: 50%;
    left: 24px;
}

.product__button-next {
    top: 50%;
    right: 24px;
}

.product__button-full-screen {
    right: 26px;
    bottom: 26px;
    background: rgba(0, 0, 0, 0.2);
    transform: unset;
}

.product__button-full-screen .product__button-icon {
    width: 24px;
    height: 24px;
}

.product__gallery-progress {
    display: none;
}

.product__group-headline {
    position: relative;
    margin-left: 10px;
    font-family: var(--font-murecho);
    line-height: 1;
    font-size: 28px;
    font-weight: 700;
    color: var(--color-gray700);
}

.product__group-headline:before {
    content: '';
    position: absolute;
    left: -10px;
    height: 100%;
    width: 3px;
}

.product__group-headline_blue.product__group-headline:before {
    background-color: #3c763d;
}

.product__group-headline_indent {
    margin-bottom: 24px;
}

.product__column {
    grid-column: 2 / 3;
    grid-row: 2 / 5;
}

.product__tab-list {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 12px;
    margin-bottom: 24px;
}

.product__tab {
    padding: 8px 12px;
    line-height: 1.5;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-blue800);
    border: 1px solid var(--color-blue800);
    border-radius: var(--border-radius-small);
    transition: color .2s, background-color .2s;
}

.is-active.product__tab {
    color: var(--color-white);
    background-color: var(--color-blue800);
}

@media (hover: hover) {
    .product__tab:hover {
        color: var(--color-white);
        background-color: var(--color-blue800);
    }
}

.product__grid {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 40px;
}

.product__list {
    display: none;
    grid-auto-flow: row;
    grid-row-gap: 0px;
    border: 1px solid var(--color-gray50);
    border-radius: var(--border-radius-large);
    overflow: hidden;
}

.is-active.product__list {
    display: grid;
}

.product__item {
    grid-template-columns: 200px 1fr;
    grid-column-gap: 8px;
    padding: 12px 12px;
    font-family: var(--font-murecho);
    color: var(--color-gray700);
    font-size: 12px;
}

.product__list .product__item:nth-of-type(even) {
    background-color: #edf6ed;
}

.product__key {
    grid-column-gap: 16px;
    font-size: 20px;
    font-weight: 500;
}

.product__icon {
    width: 28px;
    height: 28px;
    fill: var(--color-blue600);
}

.product__value {
    font-size: 20px;
    font-weight: 500;
}

.product__value_gap {
    grid-column-gap: 20px;
}

.product__price {
    padding: 0 12px;
}

.product__sale {
    position: relative;
    margin-left: 20px;
}

.product__sale:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -20px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--color-green600);
    transform: translateY(-50%);
}

.product__price-value {
    font-size: 26px;
	font-weight: 600;
    color: var(--color-red600);
}

.product__notice {
    text-align: center;
    line-height: 1.4;
    font-size: 14px;
    color: var(--color-gray400);
}

.product__deposit {
    display: grid;
    grid-auto-flow: row;
}

.product__deposit-description {
    margin-bottom: 24px;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-gray500);
}

.product__deposit-button {
    margin-bottom: 32px;
    padding: 11px 32px;
}

.product__payment {
    margin: 0 12px;
}

.product__payment-image {
    width: max-content;
    height: 36px;
}

.product__payment-image:first-of-type {
    height: 38px;
}

.product__payment-image:nth-of-type(2) {
    height: 30px;
}

.product__bid {
    grid-column-gap: 16px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-gray400);
}

.product__bid-button {
    padding: 10px 32px;
}

.auction-sheet {
    margin-bottom: 8px;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-gray800);
}

.auction-sheet__group {
    margin-bottom: 12px;
}

.auction-sheet__button {
    display: none;
}

.auction-sheet__list {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(16, auto);
    line-height: 1;
    font-size: 14px;
    border: 1px solid var(--color-gray200);
    border-radius: var(--border-radius-small);
    overflow: hidden;
}

.auction-sheet__item {
    grid-template-columns: 48px 1fr;
}

.auction-sheet__item:not(:nth-of-type(16)) {
    border-bottom: 1px solid var(--color-gray200);
}

.auction-sheet__item:nth-of-type(-n + 16) {
    border-right: 1px solid var(--color-gray200);
}

.auction-sheet__value {
    display: grid;
    padding: 8px;
}

.auction-sheet__key {
    display: grid;
    align-items: center;
    padding: 0 8px;
    height: 100%;
    line-height: 1.5;
    border-right: 1px solid var(--color-gray200);
    background-color: var(--color-gray30);
}

.product__contact-layout {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 40px;
    margin-bottom: 8px;
}

.product__contacts {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 16px;
}

.product__contacts-item {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    justify-content: center;
    grid-row-gap: 4px;
    padding: 12px 10px 12px 60px;
    font-weight: 500;
    color: var(--color-white);
    box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.25);
    border-radius: var(--border-radius-8px);
    overflow: hidden;
}

.product__contacts-item_phone {
    background: linear-gradient(90.56deg, #EA0C4E 0%, #CB134A 104.94%);
}

.product__contacts-item_whatsapp {
    background: linear-gradient(90.43deg, #16A34A -1.57%, #0D7D36 102.04%);
}

.product__contacts-item_email {
    background: linear-gradient(90.56deg, #7B7B7B -1.88%, #727272 103.29%);
}

.product__contacts-link {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 900;
}

.product__contacts-link:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.product__contacts-icon {
    position: absolute;
    top: 50%;
    width: 80px;
    height: 80px;
    fill: var(--color-white);
    transform: translateY(-50%);
    opacity: .3;
    transition: opacity .33s, fill .2s;
}

@media (hover: hover) {
    .product__contacts-item:hover .product__contacts-icon {
        opacity: .8;
    }
}

.product__contacts-item_phone .product__contacts-icon {
    left: 0;
}

.product__contacts-item_whatsapp .product__contacts-icon {
    left: 30px;
}

.product__contacts-item_email .product__contacts-icon {
    left: 24px;
}

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

.product__textarea {
    grid-column: 1 / 4;
}

.product__feedback-button {
    grid-column: 1 / 4;
    justify-self: center;
    margin-top: 8px;
    max-width: 250px;
    width: 100%;
}

.product__column-1-3 {
    grid-column: 1 / 3;
}

.product__release {
    box-shadow: 0 0 12px rgba(12, 119, 195, 0.08);
    border: 1px solid var(--color-gray50);
    border-radius: var(--border-radius-8px);
    overflow: hidden;
}

.product__release:first-of-type {
    margin-bottom: 48px;
}

.product__release-header {
    padding: 16px;
    font-family: var(--font-murecho);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-white);
    background-color: var(--color-gray500);
}

.product__release-grid {
    grid-template-columns: 1fr repeat(8, 124px);
    grid-column-gap: 20px;
}

.product__release-grid span {
    position: relative;
    display: grid;
    align-items: center;
    height: 100%;
}

.product__release-grid span + span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -10px;
    width: 2px;
    height: 100%;
    transform: translateY(-50%);
}

.product__release-content {
    padding: 24px 16px;
    font-family: var(--font-murecho);
    font-weight: 500;
    color: var(--color-gray800);
}

.product__release-content span + span:before {
    background-color: var(--color-blue600);
    opacity: .1;
}

.product__release-header span + span:before {
    background-color: var(--color-white);
    opacity: .3;
}

.product__release-content:nth-of-type(odd) {
    background-color: var(--color-gray30);
}

.product__cars-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 24px;
    padding: 24px 32px;
}

.product__calculator-wrapper {
    padding: 20px 24px 24px;
}

.product__calculator-header {
    grid-column-gap: 12px;
    margin-bottom: 22px;
    font-family: var(--font-murecho);
    line-height: 1;
    font-size: 20px;
    font-weight: 600;
    color: var(--color-gray700);
}

.product__calculator-icon {
    width: 28px;
    height: 28px;
    fill: var(--color-blue600);
}

.product__calculator-select {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 16px;
    margin-bottom: 24px;
    align-items: start;
}

.product__calculator-group {
    grid-auto-flow: unset;
    grid-template-columns: auto auto;
    grid-row-gap: 4px;
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
}

.product__calculator-group span:nth-of-type(2) {
    justify-self: end;
}

.product__calculator-group + .product__calculator-group {
    margin-bottom: 24px;
    padding-top: 12px;
    border-bottom: 1px solid var(--color-gray100);
    border-top: 1px solid var(--color-gray100);
}

.product__calculator-description {
    grid-column: 1 / 3;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-gray400);
}

.product__calculator-check {
    font-size: 16px;
    font-weight: 500;
}

.product__calculator-check div + div {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--color-gray100);
}

.product__calculator-footer {
    grid-template-columns: auto auto;
    background-color: var(--color-gray30);
    border-radius: 0 0 var(--border-radius-8px) var(--border-radius-8px);
    overflow: hidden;
}

.product__calculator-label {
    padding: 16px 44px 24px 24px;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-white);
    background-color: var(--color-gray500);
    clip-path: polygon(0 0, 100% 0, 280px 100%, 0% 100%);
}

.product__calculator-price {
    margin-right: 24px;
    font-size: 26px;
    font-weight: 600;
    color: var(--color-red600);
	font-family: var(--font-murecho);
}


/* Product popup */
.product__popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 1000px;
    max-height: calc(var(--modal-height) - 100px);
    width: 100%;
    border: 4px solid var(--color-gray30);
    border-radius: var(--border-radius-medium);
    transform: translate(-50%, -50%);
    z-index: var(--z-index-modal);
    overflow: visible !important;
}

.product__popup-wrapper {
    height: auto;
    max-height: calc(var(--modal-height) - 120px);
    overflow: hidden;
}

.product__popup-wrapper .swiper-slide {
    height: auto;
}
.product__popup-image {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}

.product__popup-button {
    position: absolute;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(84, 84, 84, 0.7);
    transform: translateY(-50%);
    transition: .2s;
    z-index: 1;
}

.product__popup-button-icon {
    width: 32px;
    height: 32px;
    fill: var(--color-white);
}

.product__popup-button_prev {
    top: 50%;
    left: 40px;
}

.product__popup-button_next {
    top: 50%;
    right: 40px;
}

.product__popup-close {
    top: 0;
    right: -64px;
    background: rgba(111, 111, 111, 0.4);
    transform: unset;
}

@media (hover: hover) {
    .product__popup-button:hover {
        background-color: rgba(84, 84, 84, 0.9);
    }

    .product__popup-close:hover {
        background-color: rgba(111, 111, 111, 0.7);
    }
}

.product__popup-close-icon {
    width: 24px;
    height: 24px;
    fill: var(--color-white);
}

.product__popup-progress {
    top: unset !important;
    left: 50% !important;
    bottom: 32px;
    display: block;
    max-width: calc(100% - 80px);
    height: 12px !important;
    border: 1px solid var(--color-gray200);
    border-radius: 1000px;
    background: rgba(0, 0, 0, 0.4);
    transform: translateX(-50%);
    overflow: hidden;
    z-index: 10;
}

.product__popup-progress .swiper-pagination-progressbar-fill {
    background-color: var(--color-white);
    border-radius: 1000px;
}

.how-to-buy_product .how-to-buy__decor img {
    height: 610px;
}

@media (max-width: 1800px) {
    .product__popup-button_prev {
        left: 24px;
    }

    .product__popup-button_next {
        right: 24px;
    }

    .product__popup-progress {
        bottom: 24px;
        max-width: calc(100% - 48px);
    }
}

@media (max-width: 1365px) {
    .product__popup {
        max-width: 70vw;
        max-height: unset;
        height: unset;
    }
}

@media (max-width: 959px) {
    .product__popup {
        max-width: calc(100vw - 48px);
    }

    .product__popup-button_prev {
        left: 16px;
    }

    .product__popup-button_next {
        right: 16px;
    }

    .product__popup-close {
        top: -64px;
        right: 0;
    }

    .product__popup-progress {
        max-width: calc(100% - 32px);
    }
}

@media (max-width: 767px) {
    .product__popup {
        max-width: calc(100vw - 40px);
    }

    .product__popup-button {
        width: 36px;
        height: 36px;
    }

    .product__popup-button-icon {
        width: 24px;
        height: 24px;
    }

    .product__popup-button_prev {
        left: 12px;
    }

    .product__popup-button_next {
        right: 12px;
    }

    .product__popup-close {
        top: -54px;
    }

    .product__popup-progress {
        bottom: 12px;
        max-width: calc(100% - 24px);
    }
}

@media (max-width: 479px) {
    .product__popup {
        max-width: calc(100vw - 32px);
    }

    .product__popup-button_prev {
        left: 6px;
    }

    .product__popup-button_next {
        right: 6px;
    }

    .product__popup-progress {
        bottom: 6px;
        max-width: calc(100% - 12px);
    }
}

@media (max-width: 1800px) {
    .product {
        grid-template-columns: 680px 1fr;
    }

    .product__thumbs-slide {
        width: auto;
        height: 86px;
    }

    .product__item {
        grid-template-columns: 160px 1fr;
    }

    .product__price {
        grid-template-columns: 200px 1fr;
    }

    .product__thumbs-wrapper {
        grid-column-gap: 12px;
    }

    .product__contacts {
        grid-template-columns: 258px 210px 180px;
    }

    .product__contacts-item_email {
        padding-left: 44px;
    }

    .product__contacts-item_phone .product__contacts-icon {
        left: -20px;
    }

    .product__contacts-item_whatsapp .product__contacts-icon {
        left: -16px;
    }

    .product__contacts-item_email .product__contacts-icon {
        left: -38px;
    }

    .product__tab {
        font-size: 16px;
    }

    .product__tab-list {
        grid-template-columns: unset;
    }

    .product__payment {
        margin: 0;
    }

    .product__notice {
        text-align: start;
    }

    .product__calculator-wrapper {
        padding: 20px 20px 24px;
    }

    .product__cars-list {
        grid-template-columns: repeat(5, 1fr);
    }

    .product__cars-list .card:last-of-type {
        display: none;
    }

    .product__release-grid {
        grid-template-columns: minmax(280px, 1fr) repeat(2, minmax(88px, 150px)) minmax(92px, 1fr) repeat(2, minmax(96px, 150px)) repeat(3, minmax(90px, 150px));
    }
}

@media (max-width: 1365px) {
    .product {
        grid-template-columns: 520px 1fr;
        grid-gap: 24px;
    }

    .product__header {
        grid-auto-flow: unset;
        grid-template-columns: auto auto;
        grid-row-gap: 16px;
    }

    .product__actions {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }

    .product__headline {
        grid-column: 1 / 2;
        font-size: 28px;
    }

    .product__grid {
        grid-row-gap: 32px;
    }

    .product__gallery {
        margin-bottom: 8px;
    }

    .product__thumbs-wrapper {
        flex-wrap: nowrap;
    }

    .product__thumbs {
        margin-top: 16px;
    }

    .product__thumbs-slide {
        height: 76px;
    }

    .product__button-next,
    .product__button-prev {
        display: none;
    }

    .product__button-full-screen {
        top: 16px;
        right: 16px;
        bottom: unset;
        width: 36px;
        height: 36px;
        opacity: 1;
    }

    .product__button-full-screen .product__button-icon {
        width: 16px;
        height: 16px;
    }

    .product__gallery-slide {
        max-height: 346px;
        overflow: hidden;
    }

    .product-image {
        height: 346px;
    }

    .product__gallery-progress {
        top: unset !important;
        left: 50% !important;
        bottom: 12px;
        display: block;
        max-width: calc(100% - 48px);
        height: 12px !important;
        border: 1px solid var(--color-gray200);
        border-radius: 1000px;
        background: rgba(0, 0, 0, 0.4);
        transform: translateX(-50%);
        overflow: hidden;
        z-index: 10;
    }

    .product__gallery-progress .swiper-pagination-progressbar-fill {
        background-color: var(--color-white);
        border-radius: 1000px;
    }

    .product__tab-list {
        grid-auto-flow: unset;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 12px;
    }

    .product__tab:last-of-type {
        grid-column: 1 / 3;
    }

    .product__price {
        grid-template-columns: 160px 1fr;
        grid-column-gap: 16px;
    }

    .product__price-value {
        font-size: 28px;
    }

    .product__calculator-wrapper {
        padding: 20px 16px 24px;
    }

    .product__calculator-label {
        padding: 12px 32px 16px 16px;
        font-size: 16px;
        clip-path: polygon(0 0, 100% 0, 238px 100%, 0% 100%);
    }

    .product__calculator-price {
        margin-right: 16px;
        font-size: 28px;
    }

    .product__deposit-description {
        font-size: 16px;
    }

    .product__payment-image {
        height: 28px;
    }

    .product__payment-image:first-of-type {
        height: 20px;
    }

    .product__payment-image:nth-of-type(2) {
        height: 22px;
    }

    .product__bid {
        grid-auto-flow: row;
        grid-row-gap: 16px;
    }

    .product__bid-button {
        grid-row: 2 / 3;
    }

    .product__contacts {
        grid-auto-flow: unset;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 16px;
    }

    .product__contacts-item:first-of-type {
        grid-column: 1 / 3;
    }

    .product__contacts-item_phone .product__contacts-icon {
        left: 120px;
    }

    .product__contacts-item_whatsapp .product__contacts-icon {
        left: 6px;
    }

    .product__contacts-item_email .product__contacts-icon {
        left: -2px;
    }

    .product__feedback {
        grid-template-columns: 1fr 1fr;
    }

    .product__textarea,
    .product__feedback-button {
        grid-column: 1 / 3;
    }

    .auction-sheet {
        margin-bottom: 16px;
    }

    .product__cars-list {
        grid-template-columns: repeat(4, 1fr);
        padding: 24px 16px;
    }

    .product__cars-list .card:nth-of-type(5) {
        display: none;
    }

    .product__release-grid {
        grid-template-columns: minmax(180px, 1fr) repeat(2, minmax(73px, 150px)) minmax(57px, 150px) minmax(64px, 150px) minmax(96px, 150px) minmax(72px, 150px) minmax(48px, 150px) minmax(90px, 150px);
    }

    .product__release-header,
    .product__release-content {
        text-align: center;
    }

    .product__release-header span:first-of-type,
    .product__release-content span:first-of-type {
        text-align: start;
    }

    .product__release-header span:last-of-type,
    .product__release-content span:last-of-type {
        text-align: end;
    }
}

@media (max-width: 1023px) {
    .product {
        grid-template-columns: 456px 1fr;
        margin-bottom: 48px;
    }

    .product__thumbs-wrapper {
        grid-column-gap: 10px;
    }

    .product__thumbs-slide {
        height: 82px;
    }

    .product__contacts-item_phone .product__contacts-icon {
        left: 80px;
    }

    .product__contacts-item_whatsapp .product__contacts-icon {
        left: -12px;
    }

    .product__contacts-item_email .product__contacts-icon {
        left: -22px;
    }

    .product__cars-list {
        grid-column-gap: 16px;
    }

    .product__release-grid {
        grid-template-columns: minmax(116px, 1fr) repeat(2, minmax(73px, 150px)) minmax(57px, 150px) minmax(64px, 150px) minmax(96px, 150px) minmax(72px, 150px) minmax(48px, 150px) minmax(89px, 150px);
    }
}

@media (max-width: 959px) {
    .product {
        grid-template-columns: 1fr;
    }

    .product__header {
        grid-column: unset;
    }

    .product__column {
        grid-column: unset;
        grid-row: 4 / 5;
    }

    .product__gallery-swiper {
        max-width: calc(100vw - 48px);
    }

    .product__gallery-slide {
        max-height: 540px;
    }

    .product-image {
        height: 540px;
    }

    .product__thumbs {
        max-width: unset;
        width: calc(100% + 48px);
        margin-left: -24px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .product__thumbs-wrapper {
        grid-column-gap: unset;
    }

    .product__tab-list {
        grid-auto-flow: column;
        grid-template-columns: repeat(3, 1fr);
    }

    .product__tab:last-of-type {
        grid-column: unset;
    }

    .product__list {
        grid-auto-flow: unset;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 24px;
    }

    .product__list .product__item:nth-of-type(even) {
        background-color: var(--color-white);
    }

    .product__list .product__item:nth-of-type(4n - 1) {
        border-radius: 0 var(--border-radius-large) var(--border-radius-large) 0;
        background-color: #F3FBFF;
    }

    .product__list .product__item:nth-of-type(4n) {
        border-radius: var(--border-radius-large) 0 0 var(--border-radius-large);
        background-color: #F3FBFF;
    }

    .product__payment-image {
        height: 48px;
    }

    .product__payment-image:first-of-type,
    .product__payment-image:nth-of-type(2) {
        height: 42px;
    }

    .product__bid {
        grid-template-columns: 1fr;
    }

    .product__contacts {
        grid-row: 2 / 3;
    }

    .auction-sheet {
        margin-bottom: 8px;
    }

    .auction-sheet__group {
        grid-column-gap: 8px;
    }

    .auction-sheet__button {
        display: grid;
        line-height: 1;
        font-size: 16px;
        font-weight: 700;
        color: var(--color-blue700);
    }

    .auction-sheet__icon {
        fill: var(--color-blue700);
    }

    .auction-sheet__button span {
        display: grid;
        padding-bottom: 1px;
        border-bottom: 1px solid var(--color-blue700);
    }

    .auction-sheet__button span:last-of-type {
        display: none;
    }

    .accordion-active .auction-sheet__button span:first-of-type {
        display: none;
    }

    .accordion-active .auction-sheet__button span:last-of-type {
        display: grid;
    }

    .auction-sheet__list {
        max-height: 0;
        border-color: transparent;
        transition: max-height .22s, border .22s;
        overflow: hidden;
    }

    .accordion-active .auction-sheet__list {
        max-height: 100%;
        border-color: var(--color-gray200);
    }

    .product__contacts-item .product__contacts-icon {
        left: unset;
        transform: translate(-50%, -50%);
    }

    .product__contacts-item_phone .product__contacts-icon {
        right: calc(50% - -22px);
    }

    .product__contacts-item_whatsapp .product__contacts-icon {
        right: calc(50% - 4px);
    }

    .product__contacts-item_email .product__contacts-icon {
        right: calc(50% - -12px);
    }

    .product__feedback-button {
        max-width: 100%;
    }

    .product__cars-list {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 24px;
    }

    .product__column-1-3 {
        grid-column: unset;
    }

    .product__cars-list .card:nth-of-type(5),
    .product__cars-list .card:nth-of-type(6) {
        display: grid;
    }

    .product__table {
        display: grid;
    }

    .product__release-wrapper {
        margin-left: -20px;
        padding: 0 20px;
        width: calc(100% + 40px);
        overflow-x: auto;
        overflow-y: scroll;
    }

    .product__release-wrapper::-webkit-scrollbar {
        display: none;
    }

    .product__release {
        display: grid;
        width: max-content;
    }

    .product__release:first-of-type {
        margin-bottom: 32px;
    }

    .product__release-grid {
        grid-template-columns: 200px repeat(2, 74px) 91px 64px 96px 72px 78px 89px;
    }

    .how-to-buy_product .how-to-buy__decor img {
        height: 656px;
    }
}

@media (max-width: 767px) {
    .product .headline {
        grid-column: 1 / 3;
    }

    .product .headline__label {
        font-size: 24px;
    }

    .product__headline {
        font-size: 20px;
    }

    .product__actions {
        grid-row: 2 / 3;
    }

    .product__gallery {
        margin-bottom: 24px;
    }

    .product__thumbs-slide {
        height: 56px;
    }

    .product__gallery-swiper {
        max-width: calc(100vw - 40px);
    }

    .product__gallery-slide {
        max-height: 330px;
    }

    .product-image {
        height: 330px;
    }

    .product__thumbs {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .product__gallery-progress {
        max-width: calc(100% - 40px);
    }

    .product__tab-list {
        grid-auto-flow: unset;
        grid-template-columns: 50% auto;
    }

    .product__tab:first-child:last-of-type,
    .product__tab:nth-child(2) ~ .product__tab:last-of-type{
        grid-column: 1 / 3;
    }

    .product__column {
        grid-row-gap: 24px;
    }

    .product__list {
        grid-template-columns: 1fr;
    }

    .product__list .product__item:nth-of-type(4n - 1) {
        background-color: var(--color-white);
        border-radius: unset;
    }

    .product__list .product__item:nth-of-type(4n) {
        background-color: var(--color-white);
        border-radius: unset;
    }

    .product__list .product__item:nth-of-type(2n) {
        background-color: #F3FBFF;
    }

    .product__price,
    .product__notice,
    .product__deposit,
    .product__bid,
    .auction-sheet,
    .product__table,
    .product__contact-layout {
        margin-bottom: 24px;
    }

    .product__payment-image {
        height: 32px;
    }

    .product__payment-image:first-of-type {
        height: 26px;
    }

    .product__payment-image:nth-of-type(2) {
        height: 26px;
    }

    .product__contact-layout {
        grid-row-gap: 48px;
    }

    .product__contacts-item:first-of-type {
        grid-row: 2 / 3;
    }

    .product__cars-list {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 16px;
        padding: 24px 12px;
    }

    .how-to-buy_product .how-to-buy__decor {
        display: none;
    }

    .how-to-buy_product .rectangle {
        display: none;
    }

    .how-to-buy_product .how-to-buy__list {
        margin-bottom: 0;
    }

    .product__release:first-of-type {
        margin-bottom: 24px;
    }
}

@media (max-width: 540px) {
    
    .product__calculator-select {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        grid-row-gap: 16px;
    }
    .product__calculator-select .select{
        width: 100%;
    }
}

@media (max-width: 479px) {
    .product {
        grid-row-gap: 20px;
        margin-bottom: 40px;
    }

    .product__header {
        grid-template-columns: 1fr;
    }

    .product .headline {
        grid-column: unset;
    }

    .product__headline {
        font-size: 16px;
    }

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

    .product__actions {
        grid-column: unset;
        grid-row: unset;
        justify-self: start;
    }

    .product__gallery {
        margin-bottom: 24px;
    }

    .product__thumbs-slide {
        height: 42px;
    }

    .product__gallery-swiper {
        max-width: calc(100vw - 32px);
    }

    .product__gallery-slide {
        max-height: 246px;
    }

    .product-image {
        height: 246px;
    }

    .product__thumbs {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }

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

    .product__thumb-index {
        font-size: 14px;
    }

    .product__gallery,
    .product__price,
    .product__notice,
    .product__deposit,
    .product__bid,
    .auction-sheet,
    .product__table,
    .product__contact-layout {
        margin-bottom: 20px;
    }

    .product__contact-layout {
        grid-row-gap: 40px;
    }

    .auction-sheet__list {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
    }

    .auction-sheet__item:last-of-type {
        border-bottom: unset;
    }

    .auction-sheet__item:nth-of-type(-n + 16) {
        border-right: unset;
    }

    .auction-sheet__item:nth-of-type(16) {
        border-bottom: 1px solid var(--color-gray200);
    }

    .product__item {
        grid-template-columns: 150px 1fr;
    }

    .product__price {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        grid-row-gap: 16px;
    }

    .product__value_gap {
        grid-template-columns: 1fr auto;
    }

    .product__calculator-header {
        font-size: 20px;
    }

    .product__calculator-select {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        grid-row-gap: 16px;
    }
    .product__calculator-select .select{
        width: 100%;
    }

    .product__calculator-wrapper {
        padding: 20px 12px 24px;
    }

    .product__group-headline {
        font-size: 20px;
    }

    .product__feedback {
        grid-template-columns: 1fr;
    }

    .product__textarea {
        grid-column: unset;
    }

    .product__feedback-button {
        grid-column: unset;
    }

    .product__contacts {
        grid-template-columns: 1fr;
    }

    .product__contacts-item:first-of-type {
        grid-column: unset;
        grid-row: 3 / 4;
    }

    .product__contacts-item:last-of-type {
        grid-column: unset;
        grid-row: 1 / 2;
    }

    .product__contacts-item_whatsapp {
        padding-left: 44px;
    }

    .product__contacts-item_whatsapp .product__contacts-icon {
        right: calc(50% - -12px);
    }

    .product__contacts-item_phone .product__contacts-icon {
        right: calc(50% - -28px);
    }

    .product__payment {
        display: flex;
        flex-wrap: wrap;
        grid-auto-flow: unset;
        justify-content: center;
        grid-gap: 24px;
    }

    .product__payment-image {
        height: 49px;
    }

    .product__payment-image:first-of-type {
        height: 29px;
    }

    .product__payment-image:nth-of-type(2) {
        height: 30px;
    }

    .product__payment-image:nth-of-type(3) {
        height: 37px;
    }

    .product__calculator-footer {
        grid-template-columns: 176px 1fr;
    }

    .product__calculator-label {
        clip-path: polygon(0 0, 100% 0, 152px 100%, 0% 100%);
    }

    .product__calculator-price {
        justify-self: end;
        margin-right: 14px;
    }

    .product .cars-gallery__label {
        font-size: 16px;
    }

    .how-to-buy_product .how-to-buy__list {
        margin-bottom: 64px;
    }

    .product__release-grid {
        grid-template-columns: 180px repeat(2, 74px) 92px 70px 96px 72px 78px 90px;
    }
}

/* Privacy policy page */
.privacy-policy-hero {
    background: linear-gradient(180deg, rgba(32, 145, 215, 0) 0%, rgba(0, 62, 101, 0.6) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../assets/images/privacy-policy/hero-background.webp');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Error page */
.error-page {
    display: grid;
    grid-auto-flow: row;
    align-content: start;
    padding-top: 180px;
    padding-bottom: 100px;
    min-height: calc(100vh - var(--header-height) - var(--search-height));
    background: linear-gradient(90deg, #FFFFFF 28.53%, rgba(255, 255, 255, 0.74) 48.81%, rgba(255, 255, 255, 0) 100%), url('../assets/images/error-page/error-background.webp'), #D9D9D9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 70%;
}

.error-page__label {
    font-family: var(--font-murecho);
    line-height: 1;
    font-size: 48px;
    font-weight: 600;
    color: var(--color-blue600);
}

.error-page__headline {
    margin-bottom: 32px;
    font-family: var(--font-murecho);
    line-height: 1;
    font-size: 64px;
    font-weight: 700;
    color: var(--color-gray700);
}

.error-page__description {
    max-width: 620px;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: var(--color-gray700);
}

.error-page__button {
    justify-self: start;
    margin-top: 32px;
}

@media (max-width: 1365px) {
    .error-page {
        background: linear-gradient(90deg, #FFFFFF 45.64%, rgba(255, 255, 255, 0.74) 65.82%, rgba(255, 255, 255, 0) 100%), url('../assets/images/error-page/error-background.webp'), #D9D9D9;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 70%;
    }

    .error-page__label {
        font-size: 40px;
    }

    .error-page__headline {
        font-size: 48px;
    }

    .error-page__description {
        max-width: 474px;
        font-size: 16px;
    }

    .error-page__description + .error-page__description {
        margin-top: 16px;
    }
}

@media (max-width: 959px) {
    .error-page {
        justify-items: center;
        padding-top: 40px;
        text-align: center;
        background: linear-gradient(180deg, #FFFFFF 45.64%, rgba(255, 255, 255, 0.74) 65.82%, rgba(255, 255, 255, 0) 100%), url('../assets/images/error-page/error-background.webp'), #D9D9D9;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
    }

    .error-page__description {
        max-width: 506px;
        font-size: 16px;
    }

    .error-page__button {
        justify-self: center;
    }
}


@media (max-width: 767px) {
    .error-page {
        padding-top: 32px;
        background: linear-gradient(180deg, #FFFFFF 52.58%, rgba(255, 255, 255, 0.74) 68.62%, rgba(255, 255, 255, 0) 100%), url('../assets/images/error-page/error-background.webp'), #D9D9D9;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 70% 50%;
    }

    .error-page__label {
        font-size: 32px;
    }

    .error-page__headline {
        font-size: 40px;
    }
}

/* Shipping schedule page */
.shipping-schedule-hero {
    background: linear-gradient(180deg, rgba(32, 145, 215, 0) 0%, rgba(0, 62, 101, 0.6) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/images/shipping-schedule/hero.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.shipping-schedule-hero .information__description {
    max-width: 582px;
}

.shipping-schedule {
    margin-bottom: 56px;
}

.shipping-schedule__description {
    margin-bottom: 40px;
    text-transform: uppercase;
    line-height: 1.5;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-gray500);
}

.shipping-schedule__tab-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    grid-column-gap: 18px;
    grid-row-gap: 16px;
    margin-bottom: 32px;
}

.shipping-schedule__tab {
    position: relative;
    padding: 8px 18px;
    text-transform: uppercase;
    font-family: var(--font-murecho);
    line-height: 1;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-blue700);
    background-color: var(--color-white);
    box-shadow: 0 0 2px #2091d7;
    transform: skew(-16deg);
    transition: color .2s, box-shadow .2s, background-color .2s;
}

.shipping-schedule__tab span {
    display: grid;
    transform: skew(16deg);
}

.shipping-schedule__tab_active.shipping-schedule__tab {
    color: var(--color-white);
    background-color: var(--color-red600);
    box-shadow: unset;
}

.shipping-schedule__table {
    margin-bottom: 24px;
    width: 100%;
    border: 1px solid #DBDBDB;
    border-radius: var(--border-radius-medium);
    overflow: hidden;
}

.shipping-schedule__table tr th + th {
    border-left: 1px solid var(--color-white);
}

.shipping-schedule__label {
    padding: 12px 10px;
    text-align: start;
    font-family: var(--font-murecho);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-white);
}

.shipping-schedule__header tr:first-of-type .shipping-schedule__label:first-of-type {
    background-color: var(--color-gray900);
}

.shipping-schedule__header tr:first-of-type .shipping-schedule__label:nth-of-type(2) {
    text-align: center;
    background-color: var(--color-gray800);
}

.shipping-schedule__header tr:first-of-type .shipping-schedule__label:last-of-type {
    text-align: center;
    background-color: var(--color-gray700);
}

.shipping-schedule__header tr:first-of-type th {
    border-bottom: 1px solid var(--color-white);
}

.shipping-schedule__info {
    background-color: var(--color-gray900);
}

.shipping-schedule__from_port {
    background-color: var(--color-gray800);
}

.shipping-schedule__to-port {
    background-color: var(--color-gray700);
}

.shipping-schedule__table td {
    border-top: 1px solid #DBDBDB;
}

.shipping-schedule__body tr:nth-of-type(2n) {
    background-color: var(--color-gray30);
}

.shipping-schedule__body tr td {
    border-top: 1px solid #DBDBDB;
}

.shipping-schedule__body tr td + td {
    border-left: 1px solid #DBDBDB;
}

.shipping-schedule__item {
    font-family: var(--font-murecho);
    font-weight: 500;
    color: var(--color-gray900);
    padding: 12px 10px;
}

.shipping-schedule__notice {
    margin-left: 10px;
    line-height: 1.4;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-gray500);
}

@media (hover: hover) {
    .shipping-schedule__tab:hover:not(.is-active) {
        color: var(--color-blue900);
        box-shadow: 0 0 2px #0166A5;
    }

    .is-active.shipping-schedule__tab:hover {
        cursor: default;
    }
}

@media (max-width: 1800px) {
    .shipping-schedule {
        margin-bottom: 40px;
    }

    .shipping-schedule__table-wrapper {
        margin-left: -80px;
        padding: 0 80px;
        width: calc(100% + 160px);
        overflow-y: scroll;
    }

    .shipping-schedule__table {
        width: 100%;
        min-width: max-content;
    }
}

@media (max-width: 1365px) {
    .shipping-schedule {
        margin-bottom: 32px;
    }

    .shipping-schedule__description {
        margin-bottom: 24px;
    }

    .shipping-schedule__table-wrapper {
        margin-left: -40px;
        padding: 0 40px;
        width: calc(100% + 80px);
    }
}

@media (max-width: 959px) {
    .shipping-schedule__table-wrapper {
        margin-left: -24px;
        padding: 0 24px;
        width: calc(100% + 48px);
    }
}

@media (max-width: 767px) {
    .shipping-schedule__tab {
        font-size: 16px;
    }

    .shipping-schedule__table-wrapper {
        margin-left: -20px;
        padding: 0 20px;
        width: calc(100% + 40px);
    }
}

@media (max-width: 479px) {
    .shipping-schedule__table-wrapper {
        margin-left: -16px;
        padding: 0 16px;
        width: calc(100% + 32px);
    }
}

/* Contact us page */
.contact-wrapper {
    position: relative;
    overflow: hidden;
}

.contact-page {
    margin-top: 32px;
    margin-bottom: 134px;
}

.contact-page__wrapper {
    position: relative;
    grid-template-columns: 1fr 400px .8fr;
    grid-column-gap: 64px;
    align-items: start;
    margin-top: 32px;
}

.contact-page__content {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 32px;
    align-items: center;
    margin-top: 84px;
}

.contact-page__content:after {
    content: '';
    position: absolute;
    top: calc(100% + 56px);
    right: 0;
    left: calc(0% - var(--container-width));
    height: 60px;
    background-color: var(--color-blue600);
    clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0% 100%);
}

.contact-page__content:before {
    content: '';
    position: absolute;
    top: calc(100% + 102px);
    right: 60px;
    left: calc(0% - var(--container-width));
    height: 40px;
    background-color: var(--color-blue400);
    clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0% 100%);
}

.contact-page__list {
    grid-column-gap: 28px;
    margin-bottom: 16px;
}

.contact-page__link {
    position: relative;
    grid-column-gap: 8px;
    font-size: 24px;
    font-weight: 900;
    transition: color .2s;
}

.contact-page__link + .contact-page__link:before {
    content: '';
    position: absolute;
    left: -12px;
    width: 4px;
    height: 100%;
    background-color: var(--color-gray50);
}

.contact-page__link_phone {
    color: var(--color-blue600);
}

.contact-page__link_whatsapp {
    color: var(--color-green600);
}

.contact-page__link-icon {
    width: 36px;
    height: 36px;
}

.contact-page__link_phone .contact-page__link-icon {
    fill: var(--color-blue600);
}

.contact-page__link_whatsapp .contact-page__link-icon {
    fill: var(--color-green600);
}

@media (hover: hover) {
    .contact-page__link_phone:hover {
        color: var(--color-blue700);
    }

    .contact-page__link_whatsapp:hover {
        color: var(--color-green700);
    }

    .contact-page__link_phone:hover .contact-page__link-icon {
        fill: var(--color-blue700);
    }

    .contact-page__link_whatsapp:hover .contact-page__link-icon {
        fill: var(--color-green700);
    }
}

.contact-page__description {
    margin-bottom: 32px;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-gray800);
}

.contact-page__follow {
    text-transform: uppercase;
    line-height: 1.5;
    font-size: 24px;
    font-weight: 700;
    color: var(--color-gray800);
}

.contact-page__follow-list {
    grid-column-gap: 16px;
}

.contact-page__follow-link {
    display: grid;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: var(--border-radius-medium);
    background-color: var(--color-blue500);
    transition: .2s background-color;
}

@media (hover: hover) {
    .contact-page__follow-link:hover {
        background-color: var(--color-blue700);
    }
}

.contact-page__follow-icon {
    fill: var(--color-white);
}

.contact-page__call-us {
    grid-row: 1 / 4;
    grid-column: 2 / 3;
    max-width: 52px;
    width: 100%;
}

.contact-page__form {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 16px;
}

.contact-page__textarea textarea {
    height: 84px;
}

.contact-page__button {
    margin-top: 16px;
    max-width: 100% ;
}

.contact-page__image {
    position: absolute;
    top: -32px;
    right: calc(50% - var(--container-width) / 2 - 130px);
    display: grid;
    max-width: 646px;
    width: 100%;
}

.contact-wrapper__rectangle {
    position: absolute;
    bottom: 108px;
    right: calc(50% - var(--container-width) / 2 - 600px);
    width: 844px;
    height: 1274px;
    background: linear-gradient(180deg, #1279B9 23.96%, rgba(255, 255, 255, 0) 100%);
    clip-path: polygon(50% 0, 100% 0, 50% 100%, 0% 100%);
}

@media (min-width: 1921px) {
    .contact-page__image:after {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(270deg, #FFFFFF -0.08%, rgba(255, 255, 255, 0.8) 15.46%, rgba(255, 255, 255, 0.486239) 29.11%, rgba(255, 255, 255, 0) 56.74%, rgba(255, 255, 255, 0) 100%);
    }
}

@media (max-width: 1800px) {
    .contact-page {
        margin-bottom: 0;
    }

    .contact-page__wrapper {
        grid-template-columns: 424px minmax(400px, 600px) 300px;
        grid-column-gap: 40px;
        margin-top: 24px;
        margin-bottom: 48px;
    }

    .contact-page__content {
        margin-top: 44px;
    }


    .contact-page__content:after {
        top: calc(100% + 32px);
        right: 38px;
    }

    .contact-page__content:before {
        top: calc(100% + 78px);
        right: 146px;
    }

    .contact-page__list {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        grid-row-gap: 17px;
    }

    .contact-page__link + .contact-page__link:before {
        top: -8px;
        left: 0;
        width: 100%;
        height: 1px;
    }

    .contact-page__follow-link {
        padding: 8px;
    }

    .contact-page__call-us {
        max-width: 70px;
    }

    .contact-page__image {
        top: unset;
        bottom: -48px;
        right: -350px;
    }

    .contact-wrapper__rectangle {
        bottom: 200px;
        right: -635px;
    }
}

@media (max-width: 1365px) {
    .contact-page {
        margin-top: 16px;
    }

    .contact-page__content {
        margin-top: 36px;
        padding-right: 12px;
    }

    .contact-page__image {
        display: none;
    }

    .contact-wrapper__rectangle {
        display: none;
    }

    .contact-page__wrapper {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 90px;
        margin-bottom: 80px;
    }

    .contact-page__call-us {
        max-width: 52px;
    }

    .contact-page__content:after {
        top: calc(100% + 48px);
        right: 0;
    }

    .contact-page__content:before {
        top: calc(100% + 94px);
        right: 108px;
    }

    .contact-page__form {
        padding: 24px;
    }
}

@media (max-width: 1023px) {
    .contact-page {
        margin-top: 32px;
    }

    .contact-page__content {
        margin-top: 32px;
        padding-right: 28px;
    }

    .contact-page__wrapper {
        grid-template-columns: 1fr 400px;
        grid-column-gap: 32px;
    }
}

@media (max-width: 959px) {
    .contact-page {
        margin-top: 8px;
    }

    .contact-page__content {
        margin-top: 38px;
        padding-right: unset;
    }

    .contact-page__wrapper {
        grid-template-columns: 1fr 360px;
        grid-column-gap: 40px;
    }

    .contact-page__content {
        grid-template-columns: 1fr;
    }

    .contact-page__call-us {
        display: none;
    }

    .contact-page__follow {
        font-size: 20px;
    }

    .contact-page__form {
        padding: 32px 16px;
    }
}

@media (max-width: 767px) {
    .contact-page {
        margin-top: 48px;
    }

    .contact-page .headline__label {
        padding: 8px 0;
    }

    .contact-page__content {
        margin-top: unset;
        padding-right: unset;
    }

    .contact-page__wrapper {
        grid-auto-flow: unset;
        grid-template-columns: 1fr;
        grid-row-gap: 124px;
        margin-top: 48px;
    }

    .contact-page__description {
        margin-bottom: 24px;
    }

    .contact-page__link {
        font-size: 32px;
    }

    .contact-page__link-icon {
        width: 42px;
        height: 42px;
    }

    .contact-page__follow {
        font-size: 24px;
    }

    .contact-page__content:after {
        top: calc(100% + 24px);
        right: 60px;
        height: 40px;
        clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0% 100%);
    }

    .contact-page__content:before {
        top: calc(100% + 64px);
        right: 168px;
        height: 20px;
        clip-path: polygon(0 0, 100% 0, calc(100% - 6px) 100%, 0% 100%);
    }
}

@media (max-width: 479px) {
    .contact-page {
        margin-top: 32px;
    }

    .contact-page .headline__label {
        padding: 0;
    }

    .contact-page__wrapper {
        grid-row-gap: 116px;
        margin-top: 32px;
    }

    .contact-page__link {
        font-size: 28px;
    }

    .contact-page__link-icon {
        width: 38px;
        height: 38px;
    }

    .contact-page__content:after {
        right: 44px;
    }

    .contact-page__content:before {
        right: 152px;
    }
}

/* FAQ page */
.faq {
    position: relative;
    display: grid;
    grid-template-columns: 320px 1fr;
    align-items: start;
    margin-bottom: 40px;
}

.faq:after {
    content: '';
    position: absolute;
    left: calc(50% - var(--container-width) / 2 + 320px);
    width: 1px;
    height: 100%;
    background-color: var(--color-gray100);
}

.faq__aside {
    display: grid;
    grid-template-columns: 1fr;
    border: 1px solid var(--color-gray100);
    border-right: unset;
    border-radius: var(--border-radius-medium) 0 0 var(--border-radius-medium);
    overflow: hidden;
}

.faq__aside-button {
    padding: 20px 16px;
    text-align: start;
    font-family: var(--font-murecho);
    line-height: 1;
    font-size: 20px;
    font-weight: 500;
    color: var(--color-gray700);
    background-color: var(--color-gray30);
    transition: background-color .2s, color .2s;
}

.is-active.faq__aside-button {
    background-color: var(--color-white);
}

.faq__aside-button + .faq__aside-button {
    border-top: 1px solid var(--color-gray100);
}

.faq__list {
    display: none;
    grid-auto-flow: row;
    border: 1px solid var(--color-gray100);
    border-left: unset;
    border-radius: 0 var(--border-radius-medium) var(--border-radius-medium) 0;
}

.is-active.faq__list {
    display: grid;
}

.faq__item {
    padding: 0 40px;
}

.faq__item + .faq__item {
    border-top: 1px solid var(--color-gray100);
}

.faq__button {
    position: relative;
    grid-template-columns: auto 1fr;
    grid-column-gap: 16px;
    align-items: start;
    padding: 18px 0;
    width: 100%;
    text-align: start;
    font-family: var(--font-murecho);
    line-height: 1;
    font-size: 20px;
    font-weight: 500;
    color: var(--color-blue700);
}

.accordion__item_active .faq__button:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 40px);
    height: 1px;
    background-color: var(--color-gray100);
}

.faq__icon {
    fill: var(--color-blue700);
    transform: rotate(180deg);
}

.accordion__item_active .faq__icon {
    transform: rotate(0);
}

.faq__body {
    display: grid;
    padding-left: 40px;
    max-height: 0;
    line-height: 1.5;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-gray700);
    overflow: hidden;
    transition: max-height .22s, margin .22s;
}

.accordion__item_active .faq__body {
    margin-top: 16px;
    margin-bottom: 18px;
}

@media (max-width: 1800px) {
    .faq {
        margin-bottom: 80px;
    }

    .faq:after {
        left: calc(80px + 320px);
    }
}

@media (max-width: 1365px) {
    .faq {
        grid-template-columns: 180px 1fr;
    }

    .faq:after {
        left: calc(40px + 180px);
    }
}

@media (max-width: 959px) {
    .faq {
        grid-template-columns: 160px 1fr;
    }

    .faq:after {
        left: calc(24px + 160px);
    }

    .faq__aside-button {
        font-size: 18px;
    }

    .faq__item {
        padding: 0 16px;
    }

    .faq__button {
        grid-column-gap: 12px;
        font-size: 18px;
    }

    .faq__body {
        padding-left: 36px;
        font-size: 16px;
    }

    .accordion__item_active .faq__button:after {
        width: calc(100% - 36px);
    }
}

@media (max-width: 767px) {
    .faq {
        grid-template-columns: 1fr;
        grid-row-gap: 32px;
    }

    .faq:after {
        content: unset;
    }

    .faq__aside {
        grid-auto-flow: unset;
        grid-template-columns: 1fr 1fr;
        border-radius: var(--border-radius-medium);
        border-right: 1px solid var(--color-gray100);
    }

    .faq__aside-button {
        padding: 12px;
    }

    .faq__aside-button + .faq__aside-button {
        border-top: unset;
    }

    .faq__aside-button:nth-of-type(-n + 4) {
        border-bottom: 1px solid var(--color-gray100);
    }

    .faq__aside-button:nth-of-type(1n + 1) {
        border-right: 1px solid var(--color-gray100);
    }

    .is-active.faq__aside-button {
        color: var(--color-white);
        background-color: var(--color-blue500);
    }

    .faq__list {
        border-left: 1px solid var(--color-gray100);
        border-radius: var(--border-radius-medium);
    }

    .faq__item {
        padding: 0 8px;
    }

    .faq__button {
        padding: 12px 0;
    }
}

/* About us page */
.welcome {
    display: grid;
    grid-template-columns: 1fr 744px;
    grid-gap: 32px;
    margin-bottom: 40px;
}

.welcome__content {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
    line-height: 1.5;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-gray700);
}

.welcome__wrapper {
    grid-template-columns: 1fr 86px;
    grid-column-gap: 32px;
    grid-column: 2 / 3;
    grid-row: 1 / 3;
}

.recognized {
    grid-template-columns: auto 1fr;
    grid-column-gap: 80px;
    margin-bottom: 40px;
    padding-top: 34px;
    padding-bottom: 34px;
    box-shadow: 0 0 12px rgba(12, 119, 195, 0.08);
}

.recognized__list {
    grid-column-gap: 50px;
}

.recognized__image {
    width: auto;
}

.recognized__image:first-of-type {
    max-height: 58px;
}

.recognized__image:nth-of-type(2) {
    max-height: 84px;
}

.recognized__image:nth-of-type(3) {
    max-height: 74px;
}

.recognized__image:nth-of-type(4) {
    max-height: 60px;
}

.car-auction {
    grid-template-columns: 482px 1fr 264px;
    grid-column-gap: 60px;
    grid-row-gap: 32px;
    margin-bottom: 40px;
}

.car-auction__gallery {
    grid-template-rows: 272px 272px;
    grid-auto-flow: row;
    grid-row-gap: 32px;
    grid-row: 1 / 3;
}

.car-auction__gallery img {
    height: 100%;
}

.car-auction__wrapper {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
}

.car-auction__wrapper_align-end {
    align-self: end;
}

.car-auction__wrapper_align-start {
    align-self: start;
}

.car-auction__description {
    line-height: 1.5;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-gray700);
}

.car-auction__label {
    font-family: var(--font-murecho);
    line-height: 1.5;
    font-size: 24px;
    font-weight: 800;
    color: var(--color-gray800);
}

.car-auction__list {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 12px;
}

.car-auction__item {
    position: relative;
    padding-left: 24px;
    line-height: 1;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-gray700);
}

.car-auction__item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 6px;
    background-color: var(--color-blue600);
    clip-path: polygon(2px 0, 100% 0, calc(100% - 2px) 100%, 0% 100%);
    transform: translateY(-50%);
}

.car-auction__item i {
    font-family: var(--font-murecho);
    font-weight: 600;
    color: var(--color-blue700);
}

.car-auction__button {
    justify-self: start;
    padding: 9px 32px;
}

.car-auction__certified {
    grid-row: 1 / 3;
}

.company-profile {
    margin-bottom: 40px;
}

.company-profile__wrapper {
    grid-template-columns: 482px 1fr;
    grid-column-gap: 60px;
    margin-top: 32px;
}

.company-profile__gallery {
    grid-auto-flow: row;
    grid-row-gap: 32px;
}

.company-profile__list {
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    box-shadow: 0 0 12px rgba(171, 171, 171, 0.08);
    border: 1px solid var(--color-gray50);
    border-radius: var(--border-radius-medium);
}

.company-profile__item {
    grid-template-columns: 326px 1fr;
    line-height: 1.5;
    font-size: 18px;
}

.company-profile__item * {
    word-break: break-word;
}

.company-profile__item:nth-of-type(2n) {
    background-color: var(--color-gray30);
}

.company-profile__key {
    padding: 12px 24px;
    height: 100%;
    font-weight: 700;
    color: var(--color-gray800);
    border-right: 1px solid var(--color-gray100);
}

.company-profile__value {
    padding: 12px;
    font-weight: 500;
    color: var(--color-gray700);
}

@media (max-width: 1800px) {
    .welcome {
        padding-right: 24px;
    }

    .recognized .headline__label {
        font-size: 24px;
    }

    .recognized__list {
        grid-column-gap: 24px;
    }

    .recognized__image:first-of-type {
        max-height: 46px;
    }

    .recognized__image:nth-of-type(2) {
        max-height: 76px;
    }

    .recognized__image:nth-of-type(3) {
        max-height: 66px;
    }

    .recognized__image:nth-of-type(4) {
        max-height: 46px;
    }

    .car-auction {
        grid-auto-flow: unset;
        grid-template-columns: 442px 1fr auto;
        grid-row-gap: 40px;
    }

    .car-auction__gallery {
        grid-column: 1 / 2;
    }

    .car-auction__wrapper_align-end {
        grid-column: 2 / 4;
        grid-row: 1 / 2;
    }

    .car-auction__item {
        line-height: 1.3;
    }

    .car-auction__certified {
        grid-row: 2 / 3;
        grid-column: 3 / 4;
        max-width: 202px;
        width: 100%;
    }

    .company-profile  {
        margin-bottom: 80px;
    }

    .company-profile__wrapper {
        grid-template-columns: 442px 1fr;
        grid-column-gap: 40px;
    }
}

@media (max-width: 1365px) {
    .welcome {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        padding-right: 40px;
    }

    .welcome__wrapper {
        display: none;
    }

    .recognized {
        grid-column-gap: 24px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .recognized .headline__label {
        font-size: 18px;
    }

    .recognized__image:first-of-type {
        max-height: 34px;
    }

    .recognized__image:nth-of-type(2) {
        max-height: 58px;
    }

    .recognized__image:nth-of-type(3) {
        max-height: 50px;
    }

    .recognized__image:nth-of-type(4) {
        max-height: 34px;
    }

    .car-auction {
        grid-template-columns: 1fr auto;
        grid-row-gap: 32px;
    }

    .car-auction__gallery {
        grid-auto-flow: unset;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: unset;
        grid-column-gap: 32px;
        grid-column: 1 / 3;
        grid-row: 2 / 3;
    }

    .car-auction__wrapper_align-end {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }

    .car-auction__item {
        line-height: 1.3;
    }

    .car-auction__certified {
        grid-row: 3 / 4;
        grid-column: 2 / 3;
        max-width: 220px;
    }

    .company-profile__wrapper {
        grid-auto-flow: unset;
        grid-template-columns: 1fr;
        grid-row-gap: 40px;
    }

    .company-profile__gallery {
        grid-auto-flow: unset;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 32px;
    }
}

@media (max-width: 959px) {
    .welcome {
        padding-right: 24px;
    }

    .recognized {
        min-height: 100px;
    }

    .recognized .headline__label {
        font-size: 16px;
    }

    .recognized__list {
        grid-column-gap: 8px;
    }

    .recognized__image:first-of-type {
        max-height: 24px;
    }

    .recognized__image:nth-of-type(2) {
        max-height: 44px;
    }

    .recognized__image:nth-of-type(3) {
        max-height: 54px;
    }

    .recognized__image:nth-of-type(4) {
        max-height: 24px;
    }

    .company-profile__item {
        grid-template-columns: 240px 1fr;
    }

    .company-profile__key {
        padding: 12px;
    }
}

@media (max-width: 767px) {
    .welcome {
        padding-right: 20px;
    }

    .recognized {
        grid-template-columns: 1fr;
        min-height: unset;
        padding-top: 16px;
        padding-bottom: 16px;
        overflow: scroll;
    }

    .recognized::-webkit-scrollbar {
        display: none;
    }

    .recognized .headline {
        display: none;
    }

    .recognized__image {
        width: max-content;
    }

    .recognized__list {
        grid-column-gap: 24px;
    }

    .recognized__image:first-of-type {
        max-height: 28px;
    }

    .recognized__image:nth-of-type(2) {
        max-height: 34px;
    }

    .recognized__image:nth-of-type(3) {
        max-height: 40px;
    }

    .recognized__image:nth-of-type(4) {
        max-height: 28px;
    }

    .car-auction {
        grid-template-columns: 1fr;
    }

    .car-auction__gallery {
        grid-column-gap: 16px;
        grid-column: unset;
    }

    .car-auction__certified {
        display: none;
    }

    .car-auction__wrapper_align-end {
        grid-column: unset;
    }

    .car-auction__wrapper_align-start {
        grid-column: unset;
    }

    .car-auction__label {
        font-size: 18px;
    }

    .car-auction__button {
        justify-self: unset;
    }

    .company-profile__wrapper {
        grid-row-gap: 24px;
    }

    .company-profile__gallery {
        grid-column-gap: 16px;
    }

    .company-profile__item {
        grid-template-columns: 160px 1fr;
        font-size: 16px;
    }
}

@media (max-width: 479px) {
    .welcome {
        padding-right: 16px;
        margin-bottom: 32px;
    }

    .recognized {
        margin-bottom: 32px;
    }

    .car-auction {
        grid-row-gap: 24px;
        margin-bottom: 32px;
    }

    .car-auction__gallery {
        grid-template-columns: 1fr;
        grid-row-gap: 16px;
    }

    .company-profile {
        margin-bottom: 32px;
    }

    .company-profile__gallery {
        grid-template-columns: 1fr;
        grid-row-gap: 16px;
    }

    .company-profile__item {
        grid-template-columns: 120px 1fr;
    }
}

/* Blog listing page */
.blog {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 54px;
    margin-bottom: 100px;
}

.blog__article {
    grid-template-columns: 814px 1fr;
    grid-column-gap: 32px;
}

.blog__article-content {
    display: grid;
    grid-auto-flow: row;
}

.blog__article-image {
    max-height: 458px;
    width: 100%;
}

.blog__article-date {
    display: grid;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 700;
    color: var(--color-gray500);
}

.blog-article__headline {
    display: -webkit-box;
    margin-bottom: 32px;
    text-transform: uppercase;
    font-family: var(--font-murecho);
    line-height: 1;
    font-size: 48px;
    font-weight: 700;
    color: var(--color-gray800);
}

.blog-article__description {
    margin-bottom: 32px;
    font-size: 16px;
    color: var(--color-gray700);
}

.blog-article__button {
    display: grid;
    justify-self: start;
    padding: 9px 46px 9px 24px;
    border-radius: unset;
    clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0% 100%);
}

.blog__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 48px;
}

@media (max-width: 1800px) {
    .blog {
        margin-bottom: 80px;
    }

    .blog__article {
        grid-template-columns: 588px 1fr;
    }

    .blog__article-image {
        max-height: 330px;
    }

    .blog-article__headline {
        font-size: 40px;
    }

    .blog__list {
        grid-column-gap: 32px;
    }
}

@media (max-width: 1365px) {
    .blog {
        grid-row-gap: 48px;
    }

    .blog__article {
        grid-template-columns: 624px 1fr;
    }

    .blog__article-image {
        max-height: 352px;
    }

    .blog-article__headline {
        font-size: 32px;
    }

    .blog__list {
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 24px;
        grid-row-gap: 40px;
    }
}

@media (max-width: 1023px) {
    .blog {
        padding-right: 24px;
        padding-left: 24px;
    }

    .blog__article {
        grid-template-columns: 600px 1fr;
    }

    .blog__article-image {
        max-height: 338px;
    }
}

@media (max-width: 959px) {
    .blog__article {
        grid-template-columns: 476px 1fr;
        grid-column-gap: 24px;
    }

    .blog__article-image {
        max-height: 268px;
    }

    .blog-article__headline {
        margin-bottom: 24px;
        font-size: 24px;
    }

    .blog-article__description {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        margin-bottom: 24px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .blog__list {
        grid-column-gap: 16px;
    }
}

@media (max-width: 767px) {
    .blog {
        grid-row-gap: 32px;
    }

    .blog__article {
        grid-auto-flow: unset;
        grid-template-columns: 1fr;
        border: 1px solid var(--color-gray100);
        border-radius: var(--border-radius-medium);
        box-shadow: 0 0 12px rgba(153, 153, 153, 0.06);
    }

    .blog__article-content {
        padding: 16px 12px;
    }

    .blog-article__description {
        -webkit-line-clamp: 3;
    }

    .blog-article__button {
        clip-path: unset;
        width: 100%;
        border-radius: var(--border-radius-medium);
    }

    .blog__list {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 32px;
    }

    .blog__pagination {
        margin-top: 16px;
    }
}

@media (max-width: 479px) {
    .blog {
        grid-row-gap: 24px;
    }

    .blog__list {
        grid-template-columns: 1fr;
        grid-row-gap: 24px;
    }

    .blog__pagination {
        margin-top: 24px;
    }
}

/* Blog article page */
.article-page {
    margin-top: 32px;
    margin-bottom: 100px;
}

.article-page__header {
    grid-template-columns: 1fr 818px;
    grid-column-gap: 132px;
    align-items: start;
}

.article-page__header .headline {
    margin-top: 120px;
}

.article-page__headline {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 12px;
}

.article-page__headline.headline__label {
    line-height: 1.2;
    font-size: 40px;
    color: var(--color-gray800);
}

.article-page__date {
    display: grid;
    line-height: 1.3;
    font-size: 20px;
    font-weight: 700;
    color: var(--color-gray500);
}

.article-page__image-wrapper {
    position: relative;
    max-height: 458px;
}

.article-page__image-wrapper:before,
.article-page__image-wrapper:after {
    content: '';
    position: absolute;
    clip-path: polygon(50% 0, 100% 0, 50% 100%, 0% 100%);
}

.article-page__image-wrapper:before {
    top: 24px;
    left: -82px;
    width: 186px;
    height: 458px;
    background-color: var(--color-blue500);
    z-index: 10;
}

.article-page__image-wrapper:after {
    top: -42px;
    left: -18px;
    width: 198px;
    height: 486px;
    background-color: var(--color-blue600);
    z-index: 30;
}

.article-page__rectangle {
    position: absolute;
    top: -32px;
    left: -38px;
    width: 180px;
    height: 436px;
    background: linear-gradient(180deg, rgba(157, 213, 248, 0) 52.6%, #9DD5F8 100%);
    clip-path: polygon(50% 0, 100% 0, 50% 100%, 0% 100%);
    z-index: 20;
}

.article-page__image {
    position: relative;
    width: 100%;
    max-height: 458px;
    clip-path: polygon(92px 0, 100% 0, 100% 100%, 0% 100%);
    z-index: 50;
}

.article-page__content {
    position: relative;
    grid-auto-flow: unset;
    grid-template-columns: 1fr 380px;
    grid-row-gap: 32px;
    align-items: start;
    grid-column-gap: 80px;
    max-width: 1460px;
    margin: -42px auto 0;
    z-index: 50;
}

.article-page__box {
    padding: 32px;
}

.article-page__box p {
    line-height: 1.5;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-gray700);
}

.article-page__box p + p {
    margin-top: 32px;
}

.article-page__aside {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
    grid-row: 1 / 3;
    grid-column: 2 / 3;
    margin-top: 122px;
}

.article-page__aside-headline {
    line-height: 1.5;
    font-size: 24px;
    font-weight: 700;
    color: var(--color-gray800);
}

.article-page__aside-list {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 16px;
}

.article-page__share {
    grid-column-gap: 32px;
    justify-self: center;
    font-family: var(--font-murecho);
    line-height: 1.2;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-gray700);
}

.article-page__list {
    grid-column-gap: 16px;
}

.article-page__link {
    display: grid;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: var(--border-radius-large);
    background-color: var(--color-blue500);
}

.article-page__icon {
    fill: var(--color-white);
}

@media (max-width: 1800px) {
    .article-page {
        margin-top: 44px;
        margin-bottom: 80px;
        padding-right: 0;
    }

    .article-page__header {
        grid-template-columns: minmax(600px, 1fr) minmax(612px, 818px);
        grid-column-gap: 60px;
    }

    .article-page__header .headline {
        margin-top: 100px;
    }

    .article-page__headline.headline__label {
        font-size: 32px;
    }

    .article-page__image-wrapper {
        height: 458px;
    }

    .article-page__image {
        height: 100%;
        object-position: 60% 50%;
    }

    .article-page__content {
        grid-template-columns: 1fr 372px;
        grid-column-gap: 32px;
        margin-top: -54px;
        padding-right: 80px;
    }
}

@media (max-width: 1365px) {
    .article-page__header {
        grid-template-columns: minmax(440px, 1fr) minmax(440px, 710px);
        grid-column-gap: 104px;
    }

    .article-page__header .headline {
        margin-top: 110px;
    }

    .article-page__image-wrapper {
        height: 376px;
    }

    .article-page__image {
        clip-path: polygon(76px 0, 100% 0, 100% 100%, 0% 100%);
    }

    .article-page__image-wrapper:before {
        top: 24px;
        left: -112px;
    }

    .article-page__image-wrapper:after {
        top: -30px;
        left: -38px;
    }

    .article-page__rectangle {
        top: -60px;
        left: -70px;
    }

    .article-page__content {
        grid-template-columns: 1fr 264px;
        margin-top: -24px;
        padding-right: 40px;
    }

    .article-page__box {
        padding: 32px 24px;
    }

    .article-page__aside {
        margin-top: 112px;
    }

    .article-page__aside-list {
        grid-row-gap: 20px;
    }
}

@media (max-width: 1023px) {
    .article-page {
        padding-left: 24px;
    }

    .article-page__header {
        grid-template-columns: minmax(440px, 1fr) minmax(380px, 610px);
        grid-column-gap: 116px;
    }

    .article-page__header .headline {
        margin-top: 40px;
    }

    .article-page__image-wrapper {
        height: 354px;
    }

    .article-page__image {
        clip-path: polygon(92px 0, 100% 0, 100% 100%, 0% 100%);
        object-position: 90% 50%;
    }

    .article-page__image-wrapper:before {
        top: 0;
        left: -94px;
        width: 168px;
        height: 354px;
    }

    .article-page__image-wrapper:after {
        top: -24px;
        left: -38px;
        height: 386px;
    }

    .article-page__rectangle {
        top: -42px;
        left: -54px;
        width: 156px;
        height: 328px;
    }

    .article-page__content {
        grid-template-columns: 1fr 264px;
        margin-top: -114px;
        padding-right: 24px;
    }

    .article-page__aside {
        margin-top: 172px;
    }
}

@media (max-width: 959px) {
    .product__column-1-3{
        display:none;
    }
    .article-page {
        margin-top: 24px;
    }

    .article-page__header {
        grid-template-columns: minmax(360px, 1fr) minmax(330px, 610px);
        grid-column-gap: 54px;
    }

    .article-page__headline.headline__label {
        font-size: 24px;
    }

    .article-page__date {
        font-size: 16px;
    }

    .article-page__image-wrapper {
        height: 280px;
    }

    .article-page__image {
        clip-path: polygon(68px 0, 100% 0, 100% 100%, 0% 100%);
        object-position: 70% 50%;
    }

    .article-page__image-wrapper:before {
        top: 0;
        left: -80px;
        width: 138px;
        height: 292px;
    }

    .article-page__image-wrapper:after {
        top: -22px;
        left: -30px;
        width: 154px;
        height: 324px;
    }

    .article-page__rectangle {
        top: -42px;
        left: -52px;
        width: 154px;
        height: 322px;
    }

    .article-page__content {
        grid-template-columns: 1fr;
        margin-top: -60px;
    }

    .article-page__aside {
        grid-column: unset;
        grid-row: 3 / 4;
        margin-top: 16px;
    }

    .article-page__aside-list {
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }

    .article-page .article__button {
        justify-self: center;
        margin-bottom: 16px;
        padding: 9px 32px 9px 24px;
        width: calc(100% - 24px);
        border-radius: var(--border-radius-small);
        clip-path: unset;
    }
}

@media (max-width: 767px) {
    .article-page {
        margin-top: 32px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .article-page__header {
        grid-auto-flow: unset;
        grid-template-columns: 1fr;
        grid-row-gap: 32px;
        margin-bottom: 24px;
    }

    .article-page__header .headline {
        margin-top: 0;
    }

    .article-page__image-wrapper:before,
    .article-page__image-wrapper:after {
        content: unset;
    }

    .article-page__rectangle {
        display: none;
    }

    .article-page__image {
        clip-path: unset;
    }

    .article-page__image-wrapper {
        margin-left: -20px;
        width: calc(100% + 40px);
        height: 100%;
    }

    .article-page__content {
        margin-top: unset;
        padding-right: unset;
    }

    .article-page__box {
        padding: 24px 12px;
    }

    .article-page__list {
        grid-row-gap: 24px;
    }
}

@media (max-width: 479px) {
    .article-page {
        padding-right: 16px;
        padding-left: 16px;
    }

    .article-page__image-wrapper {
        margin-left: -16px;
        min-height: 270px;
        width: calc(100% + 32px);
    }

    .article-page__box {
        padding: 0;
        box-shadow: unset;
        border: unset;
    }

    .article-page__share {
        justify-self: start;
        grid-auto-flow: row;
        grid-row-gap: 16px;
    }

    .article-page__list {
        grid-row-gap: 20px;
    }

    .article-page__aside-list {
        grid-template-columns: 1fr;
    }
}


.catalog-height {
/*/ height: 800px; /*/
overflow: hidden;
}




.drop_table:after {
    content: 'Show more';
    content: attr(data-less);
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
 /*width: 0;
 height: 0;
 border: 10px solid transparent;
 border-bottom-color: grey; */
   /* position: absolute;
    top: 25%;*/
    text-decoration: underline;
    margin-left: 30px;
}

.drop_table.in:after {
    content: attr(data-more);
}
.drop_table:hover:after {
    color: #0166ff;
}

.drop_table {
    cursor: pointer;
}
/*

.catalog-height[style="display: none;"] {
!*! min-height: 800px; !*!
    height: 60px;
}
.catalog-height{
    display:block !important;
    min-height: 60px;
}*/