.page-header {
    display: flex;
    justify-content: space-between;
}

.page-header__container {
    display: flex;
    align-items: center;
}

.page-header__title {
    margin: 0;
}

.bids-header__actions {
    display: flex;
    align-items: center;
}

.bids-header__link {
    padding-left: 55px;
}

.bids-list, .recent-bids-list {
    display: flex;
    gap: 24px;
    padding-top: 27px;
    flex-wrap: wrap;
}

.bids-list__item, .recent-bids-list__item {
    display: flex;
    flex-direction: column;
    max-width: 384px;
    width: 100%;
    padding: 13px 23px 18px 20px;
    background-color: #fff;
    border-radius: 6px;
    height: 100%;
}

.bid__header, .bid__info,
.recent-bid__header, .recent-bid__info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    position: relative;
}

.bid__header:after,
.recent-bid__header:after {
    content: "";
    background: #EDEDED;
    width: 100%;
    height: 1px;
    position: relative;
    top: 15px;
    bottom: 15px;
}

.bid__location, .recent-bid__location {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bid__status, .recent-bid__status {
    color: #FFFFFF;
    background-color: #1D8449;
    padding: 4px 28px;
    border-radius: 3px;
    align-self: flex-start;
}

.bid__status--outdated {
    background-color: #F1994A;
}

.bid__info, .recent-bid__info {
    gap: 8px;
}

.bid__dates, .recent-bid__dates {
    display: flex;
    gap: 8px;
    font-size: 14px;
}

.bid__guests, .recent-bid__guests {
    font-size: 14px;
}

.bid__requirements, .recent-bid__requirements {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.bid__requirements-title, .bid__requirement-label,
.bid__requirement-list, .bid__toggle-text, .bid__budget-label,
.bid__status,.bid__show-text, .recent-bid__requirements-title,
.recent-bid__requirement-label, .recent-bid__requirement-list,
.recent-bid__toggle-text, .recent-bid__budget-label, 
.recent-bid__status, .recent-bid__show-text {
    font-size: 14px;
}

.bid__requirements-title,
.recent-bid__requirements-title {
    display: flex;
    justify-content: space-between;
}

.bid__requirement-group,
.recent-bid__requirement-group {
    display: flex;
    gap: 10px;
}

.bid__requirement-group-desirable,
.recent-bid__requirement-group-desirable {
    display: none;
}

.bid__show, .recent-bid__show {
    display: flex;
    gap: 5px;
    justify-content: flex-end;
    align-items: center;
}

.bid__show-text, .recent-bid__show-text {
    color: #4793B8;
    cursor: pointer;
}

.bid__show-icon, .recent-bid__show-icon {
    background-image: url("./images/arrow_see_all.svg");
    width: 12px;
    height: 7px;
    cursor: pointer;
}

.bid__show-icon--open,
.recent-bid__show-icon--open {
    background-image: url("./images/arrow_see_less.svg");
}

.bid__budget, .recent-bid__budget {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.bid__budget-label, .recent-bid__budget-label {
    color: #808080;
}

.bid__budget-value, .recent-bid__budget-value {
    font-size: 24px;
}

.bid__actions, .recent-bid__actions {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.bid__button, .recent-bid__button {
    color: #4793B8;
    background-color: transparent;
    border: 1px solid #4793B8;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    cursor: pointer;
}

.bid__button--outdated {
    color: #FFFFFF;
    background-color: #4793B8;
}

.bid__button--deactivate,
.recent-bid__button--deactivate {
    color: #FFFFFF;
    background-color: #4793B8;
}

.bid__button--offer,
.recent-bid__button--offer {
    color: #FFFFFF;
    background-color: #377F89;
}

.bid__button--disabled {
    background: rgb(55, 127, 137, 0.5);
    border: none;
    cursor: default;
    touch-action: none;
    pointer-events: none;
}

.bid__button--transparent {
    background: transparent;
    border: 1px solid #377F89;
    color: #377F89;
    cursor: default;
    touch-action: none;
    pointer-events: none;
}

.recent-bids-container {
    margin-top: 72px;
}

.recent-bids__title {
    font-size: 34px;
}

.bids-list__item .modal__close {
    background: url("./images/close.svg");
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.bids-list__item .modal__load-icon {
    background: url("./images/arrow_load_more.svg");
    width: 12px;
    height: 7px;
    cursor: pointer;
}

@media (max-width: 479px) {
    .page-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .bids-header__actions {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .bids-list__item, .recent-bid__actions {
        max-width: 100%;
    }

    .recent-bids__title {
        font-size: 24px;
    }
}