.banner-type-2 {
    padding: 40px 72px 60px;
}

.banner-type-2.banner-dark {
    background-color: #212121;
}

.banner-type-2.banner-white {
    background-color: #FFFFFF;
}

.banner-wrapper-type-2 {
    background-color: #E9C664;
}

.banner-type-2-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.banner-type-2-discount-content {
    max-width: 580px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding: 20px 0 20px 120px;
}

.discount-offer-banner-type-2 {
    font-size: 20px;
    font-family: "inter", sans-serif;
    font-weight: 900;
    color: #000000;
}

.discount-title-banner-type-2 {
    font-size: 58px;
    font-family: "abril fatface", sans-serif;
    font-weight: normal;
    color: #000000;
    margin: 40px 0 30px;
}

.discount-description-banner-type-2 {
    font-size: 16px;
    font-family: "inter", sans-serif;
    font-weight: normal;
    color: #000000;
}

.banner-type-2-button-buy-now {
    display: inline-block;
    padding: 15px 20px;
    background-color: #000000;
    font-size: 16px;
    font-family: "inter", sans-serif;
    font-weight: 900;
    color: #FFFFFF;
    text-decoration: none;
    margin: 25px 0 0;
}

.banner-type-2-image {
    width: 100%;
    max-width: 530px;

    display: flex;
}

.banner-type-2-image img {
    width: 100%;
    object-fit: cover;
}

/* === Оптимізовані медіазапити === */
@media (max-width: 1199px) {
    .banner-type-2 {
        padding: 30px 50px; /* Зменшено падінги */
    }

    .banner-type-2-discount-content {
        padding-left: 80px; /* Зменшено відступ */
    }

    .discount-title-banner-type-2 {
        font-size: 48px; /* Зменшено шрифт */
    }

    .discount-description-banner-type-2 {
        font-size: 15px; /* Зменшено шрифт */
    }
}

@media (max-width: 991px) {
    .banner-type-2 {
        padding: 20px 30px; /* Зменшено падінги */
    }

    .banner-type-2-discount-content {
        padding-left: 40px; /* Зменшено відступ */
    }

    .discount-title-banner-type-2 {
        font-size: 36px; /* Зменшено шрифт */
        margin: 30px 0 20px; /* Зменшено відступи */
    }

    .discount-description-banner-type-2 {
        font-size: 14px; /* Зменшено шрифт */
    }

    .banner-type-2-button-buy-now {
        font-size: 14px; /* Зменшено шрифт */
        padding: 12px 15px; /* Зменшено падінги */
    }

    .banner-type-2-image {
        max-width: 400px; /* Зменшено максимальну ширину */
    }
}

@media (max-width: 767px) {
    .banner-type-2 {
        padding: 15px 20px; /* Зменшено падінги */
    }

    .banner-type-2-discount-content {
        padding-left: 20px; /* Знято відступ */
        
    }

    .discount-title-banner-type-2 {
        font-size: 28px; /* Зменшено шрифт */
    }

    .discount-offer-banner-type-2,
    .discount-description-banner-type-2 {
        font-size: 12px; /* Зменшено шрифт */
    }

    .banner-type-2-button-buy-now {
        font-size: 12px; /* Зменшено шрифт */
        padding: 10px 12px; /* Зменшено падінги */
    }

    .banner-type-2-image {
        max-width: 100%; /* Зменшено максимальну ширину */
    }

    .banner-type-2-image img {
        max-height: 240px; /* Зменшено максимальну висоту */
        object-fit: contain; /* Зміна на contain для кращого вигляду */
    }
}