html {
    scroll-behavior: smooth;
}

.bonusBlock {
    border-bottom: none;
}

#content-description h1 {
    display: none;
}

a {
    text-decoration: none;
    scroll-behavior: smooth;
}

.main-banner-block {
    display: flex;
    overflow: hidden;
}

@media (max-width: 800px) {
    .main-banner-block {
        flex-direction: column-reverse;
    }
}

.main-banner-block .main-banner-block__headline {
    width: 50%;
    height: 25vw;
    background: #333;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 800px) {
    .main-banner-block .main-banner-block__headline {
        width: 100%;
        height: 71.250vw;
    }
}

.main-banner-block .main-banner-block__headline .main-banner-block__headline_item {
    width: 35vw;
    display: block;
}

@media (max-width: 800px) {
    .main-banner-block .main-banner-block__headline .main-banner-block__headline_item {
        display: none;
    }
}

.main-banner-block .main-banner-block__headline .main-banner-block__headline_item_mobile {
    display: none;
}

@media (max-width: 800px) {
    .main-banner-block .main-banner-block__headline .main-banner-block__headline_item_mobile {
        display: block;
        width: 60vw;
    }
}

.main-banner-block__picture {
    width: 50%;
    height: 25vw;
    background: url(https://project.clcdatahub.com/shorkey/accessories/img/main-image.jpg) no-repeat;
    background-size: cover;
}

@media (max-width: 800px) {
    .main-banner-block__picture {
        width: 100%;
        height: 37.500vw;
    }
}

@media (max-width: 480px) {
    .main-banner-block__picture {
        width: 100%;
        height: 50vw;
    }
}

.main-accessories-container {
    width: 1024px;
    margin: 0 auto;
    font-family: Roboto;
    scroll-behavior: smooth;
    overflow-y: scroll;
}

@media (max-width: 1180px) {
    .main-accessories-container {
        width: 100%
    }
}

.main-headline {
    margin: 5vw 0 32px 0;
}

@media (max-width: 1180px) {
    .main-headline {
        margin: 12.500vw 0 12.500vw 0;
    }
}

.main-headline .main-headline__item {
    font-style: normal;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 48px;
    line-height: 64px;
    letter-spacing: 0.06em;
    margin: 0 0 0 0;
    color: #333333;
}

@media (max-width: 1180px) {
    .main-headline .main-headline__item {
        width: 608px;
        text-align: center;
        font-size: 40px;
        line-height: 48px;
        margin: 0 auto 0 auto;
    }
}

@media (max-width: 800px) {
    .main-headline .main-headline__item {
        width: 100%;
        font-size: 5.800vw; /* 20px */
        line-height: 8.750vw; /* 28px */
    }
}

@media (max-width: 480px) {
    .main-headline .main-headline__item {
        width: 100%;
        font-size: 6.250vw; /* 20px */
        line-height: 8.750vw; /* 28px */
    }
}

.main-headline__item_featured {
    background: #CD9834;
    color: white;
    padding: 0 10px;
}

.cards-inventory__item {
    width: 480px;
}

@media (max-width: 1180px) {
    .cards-inventory__item {
        width: 608px;
    }

    .cards-inventory__item .cards-inventory__picture {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 800px) {
    .cards-inventory__item {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .cards-inventory__item {
        width: 100%;
    }
}

.cards-inventory {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (max-width: 1180px) {
    .cards-inventory {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 1180px) {
    .cards-inventory {
        padding: 0 10vw;
    }
}

@media (max-width: 480px) {
    .cards-inventory {
        padding: 0 5vw;
    }
}

.cards-inventory__headline {
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0.06em;
    margin: 24px 0 12px 0;
    color: #333333;
}

@media (max-width: 480px) {
    .cards-inventory__headline {
        font-size: 6.250vw; /* 20px */
        margin: 4.688vw 0 2.188vw 0; /* 15px 0 7px 0 */
    }
}

.cards-inventory__link {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    align-items: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    display: initial;
    border-bottom: 1px solid #CD9834;
    position: relative;
    margin: 0 0 0 0;
    color: #333333;
}

@media (max-width: 480px) {
    .cards-inventory__link {
        font-size: 3.750vw; /* 12px */
    }
}

.cards-inventory__link::after {
    content: url(https://project.clcdatahub.com/shorkey/accessories/img/arrow.svg);
    position: absolute;
    top: -5px;
    right: -34px;
}

.cards-inventory__description {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.02em;
    margin: 27px 0 83px 0;
    color: #333333;
}

@media (max-width: 480px) {
    .cards-inventory__description {
        font-size: 4.063vw; /* 13px */
        line-height: 5.625vw; /* 18px */
        margin: 5.313vw 0 18.438vw 0; /* 17px 0 59px 0 */
    }
}

.disclaimer-block {
    margin: 58px 0 140px 0;
    padding: 19px 0 0 0;
    border-top: 1px solid #E6E6E6;
}

@media (max-width: 1180px) {
    .disclaimer-block {
        width: 608px;
        margin: 58px auto 140px auto;
    }
}

@media (max-width: 800px) {
    .disclaimer-block {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .disclaimer-block {
        width: 100%;
        margin: 0 auto 20vw auto;
    }
}

.disclaimer-block  .disclaimer-text {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
    margin: 0 0 0 0;
    color: #808080;
}

@media (max-width: 800px) {
    .disclaimer-block  .disclaimer-text {
        padding: 0 10vw;
    }
}

@media (max-width: 480px) {
    .disclaimer-block  .disclaimer-text {
        padding: 0 5vw;
        font-size: 3.438vw; /* 11px */
        line-height: 5vw; /* 16px */
    }
}

.main-cta-bottom {
    text-align: center;
    margin: 48px 0 72px 0;
}

.main-cta-bottom .main-cta-bottom__headline {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 0 0;
    color: #333333;
}

@media (max-width: 480px) {
    .main-cta-bottom .main-cta-bottom__headline {
        font-size: 6.250vw; /* 20px */
        line-height: 7.500vw; /* 24px */
    }
}

.main-cta-bottom .main-cta-bottom__headline::before {
    content: url(https://project.clcdatahub.com/shorkey/accessories/img/line-vertical.svg);
    position: absolute;
    left: 50%;
    top: -64px;
}

.main-cta-bottom .main-cta-bottom__phone {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0.06em;
    margin: 16px 0 20px 0;
    display: block;
    color: #333333;
}

@media (max-width: 480px) {
    .main-cta-bottom .main-cta-bottom__phone {
        font-size: 10vw; /* 32x */
        margin: 5vw 0 6.250vw 0;
    }
}

.main-cta-bottom .main-cta-bottom__phone:hover {
    color: #CD9834;
}

.main-cta-bottom .main-cta-bottom__hours {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin: 0 0 0 0;
    color: #333333;
}

@media (max-width: 480px) {
    .main-cta-bottom .main-cta-bottom__hours {
        font-size: 4.375vw; /* 20px */
        line-height: 6.250vw; /* 20px */
    }
}