/* Start:/bitrix/templates/gar_new/style/discounts.min.css?16939861164508*/
.discounts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 80px;
}

.discounts__main {
    width: 890px;
}

.discounts > .h1 {
    width: 100%;
    margin-bottom: 40px;
}

.discounts__side {
    width: 430px;
}

.discounts-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
    padding: 65px;
    margin-bottom: 30px;
}

.discounts-item__main {
    width: 481px;
}

.discounts-item__name {
    display: flex;
    align-items: center;
    column-gap: 3px;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 16px;
}

.discount-item__button {
    width: fit-content;
    padding: 6px 20px 8px;
    display: flex;
    align-items: center;
    column-gap: 6px;
    border: 0.8px solid #3D9CEA;
    border-radius: 8px;
    margin-top: 36px;
    color: #3D9CEA;
    font-size: 16px;
    line-height: 24px;
    transition: 0.3s;
}

.discount-item__button:hover {
    background: #3D9CEA;
    color: #fff;
}

.discount-item__button:hover .icon {
    fill: #fff;
}

.discounts-item .h1 {
    margin-bottom: 8px;
}

.discounts-item:nth-child(2n) .discounts-item__img {
    order: -1;
}

.discounts-floaty {
    position: relative;
    width: 430px;
    height: 690px;
    padding: 98px 68px 0 56px;
    border-radius: 16px;
    background-image: url(/bitrix/templates/gar_new/style/../images/discounts/floaty-bg.png);
    background-position: center center;
    background-size: cover;
}

.discounts-floaty > .h1 {
    margin-bottom: 16px;
}

.discounts-item__name img {
    width: 14px;
    height: 14px;
}

@media (max-width: 1439px) {
    .discounts > .h1 {
        margin-bottom: 32px;
    }

    .discounts__main {
        width: 730px;
    }

    .discounts__side {
        width: 350px;
    }

    .discounts-item {
        padding: 52px 52px 52px 36px;
    }

    .discounts-item__img {
        max-width: 167px;
        max-height: 167px;
    }

    .discount-item__button {
        margin-top: 24px;
        font-size: 14px;
        line-height: 20px;
    }

    .discount-item__button .icon {
        width: 10px;
        height: 10px;
    }

    .discounts-item__main {
        width: 409px;
    }

    .discounts-floaty {
        width: 350px;
        height: 572px;
        padding: 64px 36px 0;
    }

    .discounts {
        margin-bottom: 72px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
    .discounts > .h1 {
        margin-bottom: 20px;
    }

    .discounts__main {
        width: 454px;
    }

    .discounts__side {
        width: 218px;
    }

    .discounts-floaty {
        width: 218px;
        height: 356px;
        padding: 40px 22px 0;
        border-radius: 10px;
    }

    .discounts-item {
        border-radius: 10px;
        padding: 32px 32px 32px 22px;
        margin-bottom: 19px;
    }

    .discounts-item__main {
        width: 254px;
    }

    .discounts-item__img {
        max-width: 104px;
        max-height: 104px;
    }

    .discounts-item__name {
        margin-bottom: 10px;
        font-size: 10px;
        line-height: 10px;
    }

    .discounts-item__name img {
        width: 9px;
        height: 9px;
    }

    .discounts-item .h1 {
        margin-bottom: 5px;
    }

    .discount-item__button {
        margin-top: 15px;
        font-size: 9px;
        line-height: 12px;
        padding: 4px 12px 5px;
        column-gap: 4px;
        border-radius: 5px;
    }

    .discount-item__button .icon {
        width: 6px;
        height: 6px;
    }
}


@media screen and (max-width: 767px) {
    .discounts {
        margin-bottom: 48px;
    }

    .discounts > .h1 {
        margin-bottom: 16px;
        order: -2;
    }

    .discounts__main {
        width: 100%;
    }

    .discounts__side {
        width: 100%;
        order: -1;
        margin-bottom: 16px;
    }

    .discounts-floaty {
        width: 100%;
        height: 454px;
        padding: 40px 32px 0;
    }

    .discounts-item__img {
        order: -1;
        margin-bottom: 16px;
    }

    .discounts-item .h1 {
        margin-bottom: 16px;
    }

    .discounts-item {
        flex-wrap: wrap;
        justify-content: flex-end;
        padding: 32px 32px 40px;
        margin-bottom: 16px;
    }
}
/* End */
/* /bitrix/templates/gar_new/style/discounts.min.css?16939861164508 */