h1,
h2,
h3,
h4,
h5,
h6,
p {
    padding: 0;
    margin: 0;
}

* {
    box-sizing: border-box;
}

.news-list,
.news-detail,
.main-container {
    width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}

.delivery-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 100px;
}

.main-bg {
    background: url('/images/dostavka-img/bg.png') no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
    min-height: 523px;
    padding: 50px;
    display: flex;
    justify-content: flex-start;
    border-radius: 20px;
}

.img-banner {
    display: none;
}

.title-h2 {
    font-weight: 700;
    font-size: clamp(32px, 4cqi, 46px);
    line-height: 120%;
}

.title-h3 {
    font-weight: 700;
    font-size: clamp(22px, 4cqi, 34px);
    line-height: 120%;
}

.main-title {
    color: #FF234B;
    font-weight: 700;
    font-size: 51px;
    line-height: 120%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.main-title::before {
    content: '';
    display: block;
    flex-shrink: 0;
    background: url('/images/dostavka-img/triangle.svg') no-repeat;
    width: 45px;
    height: 45px;
}

.main-title::after {
    content: '';
    display: block;
    flex-shrink: 0;
    background-color: #0065FF;
    width: 100px;
    height: 10px;
}

.main-left-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 35%;
}

.main-description {
    width: 90%;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
}

/* ОСОБЕННОСТИ */
.feature-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 150px;
}

.delivery-article {
    width: 65%;
}

.main-feature-place {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    justify-items: center;
}

.items-features:nth-child(1) {
    display: flex;
    flex-direction: column;
    padding: 30px;
    gap: 5px;
    color: #fff;
    background: #3D7FB1;
    transition: all .5s ease;
    border-radius: 20px;
}

.items-features:nth-child(2) {
    display: flex;
    flex-direction: column;
    padding: 30px;
    gap: 5px;
    color: #fff;
    background: #60854A;
    transition: all .5s ease;
    border-radius: 20px;
}

.items-features:nth-child(3) {
    display: flex;
    flex-direction: column;
    padding: 30px;
    gap: 5px;
    color: #fff;
    background: #CA7B4F;
    transition: all .5s ease;
    border-radius: 20px;
}

.items-features:nth-child(4) {
    display: flex;
    flex-direction: column;
    padding: 30px;
    gap: 5px;
    color: #fff;
    background: #5A61A8;
    transition: all .5s ease;
    border-radius: 20px;
}

.items-features:nth-child(5) {
    display: flex;
    flex-direction: column;
    padding: 30px;
    gap: 5px;
    color: #fff;
    background: #C64E4E;
    transition: all .5s ease;
    border-radius: 20px;
}

.items-features:nth-child(1):hover {
    background: #276fa6;
}

.items-features:nth-child(2):hover {
    background: #52783c;
}

.items-features:nth-child(3):hover {
    background: #ae6239;
}

.items-features:nth-child(4):hover {
    background: #4a5091;
}

.items-features:nth-child(5):hover {
    background: #a43d3d;
}

.items-subtitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
}

.icon-app,
.coop-app,
.door-app,
.pack-app,
.call-app {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.icon-app::before {
    content: '';
    display: block;
    flex-shrink: 0;
    background: url('/images/dostavka-img/app.svg') no-repeat;
    width: 50px;
    height: 50px;
}

.coop-app::before {
    content: '';
    display: block;
    flex-shrink: 0;
    background: url('/images/dostavka-img/coop.svg') no-repeat;
    width: 50px;
    height: 50px;
}

.door-app::before {
    content: '';
    display: block;
    flex-shrink: 0;
    background: url('/images/dostavka-img/door.svg') no-repeat;
    width: 50px;
    height: 50px;
}

.pack-app::before {
    content: '';
    display: block;
    flex-shrink: 0;
    background: url('/images/dostavka-img/pack.svg') no-repeat;
    width: 50px;
    height: 50px;
}

.call-app::before {
    content: '';
    display: block;
    flex-shrink: 0;
    background: url('/images/dostavka-img/call.svg') no-repeat;
    width: 50px;
    height: 50px;
}

.items-description {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
}

/* ПРЕИМУЩЕСТВА */
.block {
    display: block;
}

.advantage-wrapper {
    margin-bottom: 150px;
}

.main-advantages {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px;
    column-gap: 0;
}

.main-item-advantage {
    display: flex;
    flex-direction: column;
    grid-row: span 2;
    gap: 15px;
}

.item-advantage-desc {
    display: flex;
    flex-direction: column;
    gap: 30px;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
}

.item-advantage-desc::after {
    content: '';
    display: block;
    flex-shrink: 0;
    background: url('/images/dostavka-img/triangle.svg') no-repeat;
    width: 45px;
    height: 45px;
}

.item-advantage:nth-child(2) {
    border-right: 1px solid #5A61A8;
}

.item-advantage:nth-child(3) {
    border-left: 1px solid #5A61A8;
    padding-right: 0;
}

.item-advantage:nth-child(4) {
    border-right: 1px solid #5A61A8;
}

.item-advantage:nth-child(5) {
    border-left: 1px solid #5A61A8;
    padding-right: 0;
}

.item-advantage {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 40px 0 40px;
    gap: 10px;
}

.item-advantage img {
    width: 50px;
    height: 50px;
}

.item-advantage-subtitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    flex-grow: 0;
}

.item-advantage p {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
}

/* КОНТАКТЫ */
.contact-wrapper {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-bottom: 150px;
}

.main-contact {
    display: flex;
    gap: 40px;
    align-items: center;
}

.img-contact {
    display: flex;
    max-width: 250px;
}

.img-contact img {
    width: 100%;
}

.contact-description {
    width: 100%;
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
}

.contact-description a {
    text-decoration: none;
    color: #0065FF;
}

.contact-delivery {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-info {
    display: flex;
    align-items: center;
    padding: 29px 48px;
    color: #fff;
    background-color: #5A61A8;
    border-radius: 10px;
    text-align: center;
    min-width: 296px;
    min-height: 107px;
}

/* ДОСТАВКА */
.delivery-choose-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 150px;
}

.main-article {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 55%;
}

.main-article p {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
}

.main-choose-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.main-choose-delivery {
    display: grid;
    grid-template-columns: 320px repeat(3, 1fr);
    align-items: center;
    gap: 10px;
    padding: 32px 30px;
    border-radius: 20px;
    background-color: #F2F2F2;
}

.item-choose-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    min-height: 135px;
    display: flex;
    align-items: center;
}

.item-choose {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 16px 38px;
    color: #fff;
    border-radius: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    height: 100%;
}

.item-choose-benefit {
    background: #5A61A8;
    height: 107px;
}

.item-choose-transport {
    background: #60854A;
    height: 107px;
}

.item-choose-safety {
    background: #C64E4E;
}

.item-choose-company {
    background: #3D7FB1;
}

/* БЛОК С ЭМБЛЕМАМИ */

.main-emblems {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.item-emblem {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.img-emblem {
    width: 50%;
}

/* Modal */
.modal {
    display: none;
    overflow-y: scroll;
}

.modal::before {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: .7;
    z-index: 9999;
    left: 0;
    top: 0;
    background: black;
}

.modal__wrapper {
    position: fixed;
    max-width: 450px;
    width: 100%;
    z-index: 99999;
    opacity: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow-y: hidden;
}

.modal__body {
    display: flex;
    flex-direction: column;
    padding: 25px 35px 30px;
    background: #fff;
}

.modal__top {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal__top img {
    cursor: pointer;
}

.modal__top p {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}

.modal__body form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form__bottom {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.btn_check {
    border: none;
    background-color: transparent;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    /* color: #1d1d1d; */
    color: #E62C2D;
    cursor: pointer;
}
.btn_check--card {
    font-size: 16px;
}

.error-block {
margin-bottom: 10px;
}
.error-block__text {
    color: red;
    font-size: 14px;
}
/* Скрывать кнопку оформить заказ в выпадающей менюшке */
.sale-basket-small-footer-buttons .intec-grid-item:last-child {
    display: none;
}
.sale-basket-small-footer-order-button {
     display: none;
}

/* Скрывать цену в корзине */
.basket-item-price-apart-wrap, .basket-item-total-wrap, .basket-price {
     display: none;
}
.sale-basket-small-product-column-price, .sale-basket-small-footer-sum-wrap, .sale-basket-small-footer-sum {
     display: none;
}

/* Скрывать цену в ранее вы смотрели */
.catalog-products-viewed-price-wrap {
display: none;
}

@media(max-width: 768px) {
    .modal__wrapper {
        padding: 16px;
        max-width: unset;
    }
}


@media(max-width: 480px) {
    .modal__wrapper {
        top: 100px;
        transform: translate(-50%, 0);
        overflow-y: hidden;
    }

    .modal__body {
        padding: 30px 20px;
    }
}

@media screen and (max-width: 1440px) {
    .main-container {
        width: 95%;
        margin: 0 auto;
    }
}

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

    .news-list,
    .news-detail {
        width: 100%;
        padding: 0 20px;
    }

    .main-container {
        width: 100%;
        padding: 0 20px;
        margin: 0;
    }
}

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

    /* ВРАППЕРЫ */
    .delivery-wrapper {
        display: flex;
        flex-direction: column;
        gap: 30px;
        margin-bottom: 70px;
    }

    .feature-wrapper {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-bottom: 120px;
    }

    .advantage-wrapper {
        margin-bottom: 120px;
    }

    .contact-wrapper {
        display: flex;
        flex-direction: column;
        gap: 50px;
        margin-bottom: 120px;
    }

    .delivery-choose-wrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 120px;
    }

    /* ХЕДЕР */
    .main-title {
        color: #FF234B;
        font-weight: 700;
        font-size: 51px;
        line-height: 120%;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .main-feature-place {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .items-features:nth-child(5) {
        grid-area: 3/1 / 3/3;
        display: flex;
        flex-direction: column;
        padding: 30px;
        gap: 5px;
        color: #fff;
        background: #C64E4E;
        border-radius: 20px;
    }

    /*  */
    .delivery-article {
        width: 100%;
    }

    /*  */
    .main-advantages {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 36px;
        column-gap: 0;
    }

    .main-item-advantage {
        display: flex;
        flex-direction: column;
        grid-column: span 2;
        gap: 15px;
    }

    .item-advantage:nth-child(2) {
        border-right: 1px solid #5A61A8;
        padding-left: 0;
    }

    .item-advantage:nth-child(4) {
        border-right: 1px solid #5A61A8;
        padding-left: 0;
    }

    /* КОНТАКТЫ */
    .main-contact {
        display: flex;
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }

    .img-contact {
        display: flex;
        min-width: 250px;
    }

    .contact-delivery {
        display: flex;
        flex-direction: row;
        gap: 20px;
    }

    .contact-info {
        display: flex;
        align-items: center;
        padding: 29px 48px;
        color: #fff;
        background-color: #5A61A8;
        border-radius: 10px;
        text-align: center;
        min-width: 296px;
        min-height: 107px;
    }

    /* ДОСТАВКА */
    .main-article {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 75%;
    }

    .main-choose-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .main-choose-delivery {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        gap: 10px;
        padding: 32px 30px;
        border-radius: 20px;
        background-color: #F2F2F2;
    }

    .item-choose-safety {
        background: #C64E4E;
        height: 170px;
    }

    .item-choose-company {
        background: #3D7FB1;
        height: 170px;
    }

    /* БЛОК С ЭМБЛЕМАМИ */

    .main-emblems {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

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

    /* ВРАППЕРЫ */
    .delivery-wrapper {
        display: flex;
        flex-direction: column;
        gap: 30px;
        margin-bottom: 70px;
    }

    .feature-wrapper {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-bottom: 90px;
    }

    .advantage-wrapper {
        margin-bottom: 90px;
    }

    .contact-wrapper {
        display: flex;
        flex-direction: column;
        gap: 50px;
        margin-bottom: 90px;
    }

    .delivery-choose-wrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 90px;
    }

    /* ХЕДЕР */
    .main-bg {
        background: url('/images/dostavka-img/bg.png') no-repeat 25% 50%;
        background-size: cover;
        width: 100%;
        padding: 50px;
        display: flex;
        justify-content: flex-start;
        border-radius: 20px;
    }

    .main-left-text {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 66%;
    }

    .main-title {
        color: #FF234B;
        font-weight: 700;
        font-size: 36px;
        line-height: 120%;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .main-description {
        width: 90%;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
    }

    .main-feature-place {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .items-features:nth-child(5) {
        grid-area: unset;
        display: flex;
        flex-direction: column;
        padding: 30px;
        gap: 5px;
        color: #fff;
        background: #C64E4E;
        border-radius: 20px;
        width: 100%;
    }

    /* ПРЕИМУЩЕСТВА */
    .block {
        display: inline;
    }

    .main-advantages {
        display: grid;
        grid-template-columns: 1fr;
        gap: 36px;
        column-gap: 0;
    }

    .main-item-advantage {
        display: flex;
        flex-direction: column;
        grid-area: unset;
        gap: 15px;
    }

    .item-advantage:nth-child(2) {
        border: none;
        padding: 0;
    }

    .item-advantage:nth-child(3) {
        border: none;
        padding: 0;
    }

    .item-advantage:nth-child(4) {
        border: none;
        padding: 0;
    }

    .item-advantage:nth-child(5) {
        border: none;
        padding: 0;
    }

    /* КОНТАКТЫ */
    .contact-delivery {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ДОСТАВКА */
    .main-article {
        width: 100%;
    }

    .main-choose-wrapper {
        display: grid;
        grid-template-columns: 1fr;
    }

    .main-choose-delivery {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        gap: 10px;
        padding: 22px 18px;
        border-radius: 20px;
        background-color: #F2F2F2;
    }

    .item-choose-title {
        font-weight: 700;
        font-size: 24px;
        line-height: 140%;
        min-height: unset;
    }

    .item-choose-safety {
        background: #C64E4E;
        height: unset;
    }

    .item-choose-company {
        background: #3D7FB1;
        height: unset;
    }

    .item-choose-benefit {
        background: #5A61A8;
        height: unset;
    }

    .item-choose-transport {
        background: #60854A;
        height: unset;
    }

    .main-emblems {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .item-emblem {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .img-emblem {
        width: 50%;
    }
}

@media screen and (max-width: 425px) {
    .main-bg {
        background: url('/images/dostavka-img/bg.png') no-repeat 0 50%;
        background-size: cover;
        min-height: fit-content;
        width: 100%;
        padding: 15px;
        display: flex;
        justify-content: flex-start;
        border-radius: 20px;
    }

    .img-banner {
        display: block;
    }

    .main-title {
        color: #FF234B;
        font-weight: 700;
        font-size: 26px;
        line-height: 120%;
        display: flex;
        flex-direction: column;
        gap: 5px;
        width: 75%;
    }

    .main-title::before {
        content: '';
        display: block;
        flex-shrink: 0;
        background: url('/images/dostavka-img/trianglexs.svg') no-repeat;
        width: 25px;
        height: 25px;
    }

    .main-title::after {
        content: '';
        display: block;
        flex-shrink: 0;
        background-color: #0065FF;
        width: 100px;
        height: 5px;
    }

    .main-left-text {
        gap: 10px;
        width: 100%;
    }

    .main-description {
        width: 100%;
    }

    /*  */
    .main-emblems {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .item-emblem {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .img-emblem {
        width: 100%;
    }
}