/* overrides.css — сюда добавляй стили для перезаписи */

.selected {
    color: #76B774;
}

h1 .selected {
    text-transform: uppercase;
}

#composition .section__card {
    flex: 0 1 100%;
}


#composition .section__image-container-center {
    max-width: none;
    width: auto;
    display: flex;
    align-self: stretch;
    justify-content: center;
    align-items: center;
}

/* Розтягуємо центральний блок по висоті сусідніх колонок у flex-ряду */
#composition .section__row-container {
    align-items: stretch;
}

/* На мобільних зазвичай блоки стають в колонку — повертаємо природну висоту */
@media screen and (max-width: 768px) {

    #reg .section__image-container.mob {
        height: auto !important;
    }
}

#faq h3.heading-style-h4 {
    color: #fff;
}


.section__delivery {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    padding: 2px;
    background: #D5D4D4;
}

.section__delivery p {
    color: #6B6B6B;

    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

.section__image-card .section__delivery img {
    width: auto;
    height: auto;
    min-height: auto;
}

.bottom-hover-container > .mobile > a {
    font-size: 18px !important;
}


.heading-style-h4.section__item-title--break {
    position: relative;
    z-index: 99;

}

.section__item--overlay .heading-style-h4.section__item-title--break {
    color: #fff;
}

#path .heading-style-h5 {
    color: var(--texts-black, #28261B);
    text-align: center;
    font-family: Epilogue;
    font-size: 19.444px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.222px;
    letter-spacing: -0.389px;
}

.section__image-container-center {
    padding: 0 !important;
    min-width: 300px;
}


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


    #composition .section__image-container-center {
        max-width: 388px;
    }
}

@media screen and (max-width: 768px) {
    .section__image-container--absolute {
        padding: 0;
    }
}

@media (max-width: 991px) {
    #composition .section__row-container > .section__column-container {
        order: 1;
    }

    #composition .section__image-container-center {
        order: 0;
    }
}