.lounges__title {
    text-transform: uppercase
}

@media(min-width:1025px) {
    .lounges__desc,
    .lounges__title {
        max-width: 49rem
    }
}

.lounges__fields {
    display: flex;
    flex-direction: column;
    margin: var(--spacing-03) 0
}
/* gap: var(--spacing-07); 替换为 */
.lounges__fields > *:not(:last-child) {
    margin-bottom: var(--spacing-07);
}

@media(min-width:1025px) {
    .lounges__fields__actions {
        max-width: 45rem
    }
}

.lounges__fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    display: flex;
    align-items: center;
}
/* gap: 2rem; 替换为 */
.lounges__fieldset > *:not(:last-child) {
    margin-right: 2rem;
}

@media(max-width:1024px) {
    .lounges__fieldset {
        flex-direction: column;
    }
    /* 垂直排列时调整 */
    .lounges__fieldset > *:not(:last-child) {
        margin-right: 0;
        margin-bottom: 2rem;
    }
}

.lounges__fieldset__label {
    margin-bottom: var(--spacing-02);
    display: flex;
}
/* gap: var(--spacing-02); 替换为 */
.lounges__fieldset__label > *:not(:last-child) {
    margin-right: var(--spacing-02);
}

.lounges__fieldset-quantity-button-container {
    flex-basis: 30%
}

@media(max-width:1024px) {
    .lounges__fieldset-quantity-button-container {
        width: 100%
    }
}

.lounges__fieldset-seating-section-button-container {
    flex-basis: 70%
}

@media(max-width:1024px) {
    .lounges__fieldset-seating-section-button-container {
        width: 100%
    }
}

.lounges__fieldset-seating-section-button-container .ant-select {
    width: 90%
}

@media(max-width:1024px) {
    .lounges__fieldset-seating-section-button-container .ant-select {
        width: 100%
    }
}

.lounges__header {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--spacing-03)
}
/* gap: var(--spacing-03); 替换为 */
.lounges__header > *:not(:last-child) {
    margin-bottom: var(--spacing-03);
}

@media(min-width:1025px) {
    .lounges__header {
        /* gap: var(--spacing-05) 替换为 */
    }
    .lounges__header > *:not(:last-child) {
        margin-bottom: var(--spacing-05);
    }
}

.lounges__header p {
    margin: 0
}

.lounges__hospitality {
    display: flex;
    flex-direction: column;
}
/* gap: var(--spacing-08) 替换为 */
.lounges__hospitality > *:not(:last-child) {
    margin-bottom: var(--spacing-08);
}

.lounges__hospitality-segment-container {
    display: flex;
    flex-direction: column;
}
/* gap: var(--spacing-05) 替换为 */
.lounges__hospitality-segment-container > *:not(:last-child) {
    margin-bottom: var(--spacing-05);
}

.lounges__hospitality-details {
    display: flex;
    flex-direction: column;
}
/* gap: var(--spacing-07) 替换为 */
.lounges__hospitality-details > *:not(:last-child) {
    margin-bottom: var(--spacing-07);
}

@media(min-width:1025px) {
    .lounges__hospitality-details {
        /* grid-gap: var(--spacing-08); 替换为 */
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    /* gap: var(--spacing-08); 替换为 - Grid布局 */
    .lounges__hospitality-details > *:nth-child(odd):not(:last-child) {
        margin-right: var(--spacing-08);
        margin-bottom: var(--spacing-08);
    }
    .lounges__hospitality-details > *:nth-child(even) {
        margin-bottom: var(--spacing-08);
    }
}

.lounges__figure {
    margin: var(--spacing-09) 0;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.lounges__figure img {
    display: block;
    border-radius: 4.6rem 4.6rem 0 4.6rem;
    width: 100%;
    max-width: 48em;
    margin: auto
}

@media(min-width:1025px) {
    .lounges__figure {
        margin: 0
    }

    .lounges__figure img {
        width: 100%;
        max-width: -moz-fit-content;
        max-width: fit-content;
        object-fit: cover
    }
}

.lounges__legend {
    margin: 0;
    padding: 0;
    text-align: center
}

@media(min-width:1025px) {
    .lounges__legend {
        text-align: left
    }
}

.lounges__button {
    border-radius: 3rem;
    border: 1px solid var(--gray-700);
    color: var(--gray-1300);
    font-family: Noto Sans, Helvetica, sans-serif;
    font-size: 1.6rem;
    padding: var(--spacing-05) var(--spacing-05);
    text-transform: capitalize;
    display: flex;
    align-items: center;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/assets/svg/icons/caret-down-icon.svg);
    background-repeat: no-repeat;
    background-position: right var(--spacing-05) center;
}
/* gap: 1rem; 替换为 */
.lounges__button > *:not(:last-child) {
    margin-right: 1rem;
}

.lounges__container {
    padding: var(--spacing-05) var(--spacing-06);
    padding-bottom: var(--spacing-10)
}

@media(min-width:1025px) {
    .lounges__container {
        padding-top: var(--spacing-10);
        display: grid;
        grid-template-columns: 48rem 1fr;
        /* grid-gap: var(--spacing-11); 替换为 */
        margin-bottom: var(--spacing-10);
    }
    /* gap: var(--spacing-11); 替换为 - Grid布局 */
    .lounges__container > *:nth-child(odd):not(:last-child) {
        margin-right: var(--spacing-11);
        margin-bottom: var(--spacing-11);
    }
    .lounges__container > *:nth-child(even) {
        margin-bottom: var(--spacing-11);
    }
}

.lounges__container .swiper-pagination {
    text-align: right;
    display: flex !important;
    justify-content: end;
    position: static;
    margin-top: var(--spacing-04);
}
/* gap: .4rem; 替换为 */
.lounges__container .swiper-pagination > *:not(:last-child) {
    margin-right: .4rem;
}

.lounges__container .swiper-pagination span {
    width: .8rem;
    height: .8rem;
    background-color: var(--light-300);
    border-radius: 2.4rem;
    transition: width .3s ease;
    opacity: 1;
    margin: 0 !important
}

.lounges__container .swiper-pagination span.swiper-pagination-bullet-active {
    width: 2.4rem;
    background-color: var(--dark-100)
}

.lounges__detail--is-pitchside-lounge .generic-button {
    background-color: var(--green-button);
    color: var(--gray-1300)
}

.lounges__detail--is-vip .generic-button {
    background-color: var(--green-3)
}

.lounges__detail--is-trophy-lounge .generic-button {
    background-color: var(--red-1)
}

.lounges__detail--is-champions-club .generic-button {
    background-color: var(--red-2)
}

.lounges__detail--is-fifa-pavilion .generic-button {
    background-color: var(--orange-button);
    color: var(--gray-1300)
}

.lounges__active {
    display: contents
}

.lounges__inactive {
    display: none
}