.s4-menu-cabaret {
    display: flex;
    flex-direction: column;
    gap: clamp(40px, 3vw, 60px);
    width: 100%;
}

/***** TITLE TAB *****/

.s4-menu-cabaret .menu-title-tab {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(20px, 1.5vw, 30px);
}

.s4-menu-cabaret .menu-title-tab .menu-title {
    position: relative;
    color: #fff;
    font-size: max(1rem, 13px);
    font-weight: 350;
    cursor: pointer;
}

.s4-menu-cabaret .menu-title-tab .menu-title::after { 
    content: '';
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #fff;
    transition: width 0.3s ease;
}

.s4-menu-cabaret .menu-title-tab .menu-title.active::after, 
.s4-menu-cabaret .menu-title-tab .menu-title:hover::after {
    width: 100%;
}

/***** MENU CARDS *****/

.s4-menu-cabaret .menu-card-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.s4-menu-cabaret .menu-card-wrapper .menu-cards {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.s4-menu-cabaret .menu-card-wrapper .menu-cards[hidden] {
    display: none !important;
}

.s4-menu-cabaret .menu-card-wrapper .menu-cards .menu-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: clamp(40px, 4vw, 80px) clamp(40px, 7vw, 140px) 40px clamp(40px, 7vw, 140px);
    min-height: 350px;
    background: #2A2A2B;
}

.s4-menu-cabaret .menu-card-wrapper .menu-cards .menu-card:nth-child(1) {
    background: radial-gradient(circle at 70% 50%, rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 40%),
    linear-gradient(90deg,#b7894f 0%,#d3b57a 50%,#b7894f 100%);
}

.s4-menu-cabaret .menu-card-wrapper .menu-cards .menu-card:nth-child(2) {
    background: #76020E;
}
/* .s4-menu-cabaret .menu-card-wrapper .menu-cards .menu-card:nth-child(2) .menu-card-price span {
    color: #fff;
} */

.s4-menu-cabaret .menu-card-wrapper .menu-cards .menu-card:nth-child(3) {
    background: #9B0112;
}
/* .s4-menu-cabaret .menu-card-wrapper .menu-cards .menu-card:nth-child(3) .menu-card-price span {
    color: #5B0007;
} */

.s4-menu-cabaret .menu-card-wrapper .menu-cards .menu-card:nth-child(4) {
    background: #C12738;
}
/* .s4-menu-cabaret .menu-card-wrapper .menu-cards .menu-card:nth-child(4) .menu-card-price span {
    color: #5B0007;
} */

.s4-menu-cabaret .menu-card-wrapper .menu-cards .menu-card .menu-card-price {
    position: absolute;
    right: 5px;
    bottom: 5px;
    display: flex;
    flex-direction: column;
}

.s4-menu-cabaret .menu-card-wrapper .menu-cards .menu-card .menu-card-price span {
    /* color: #865714; */
    color: #fff;
    font-size: max(1.1rem, 14px);
    font-weight: 350;
    line-height: 1;
}

.s4-menu-cabaret .menu-card-wrapper .menu-cards .menu-card .menu-card-price p {
    color: #fff;
    font-size: 4rem;
    font-family: "melindaevania", sans-serif;
    line-height: 1;
}

.s4-menu-cabaret .menu-card-wrapper .menu-cards .menu-card .menu-card-title {
    color: #fff;
    font-size: 3rem;
    font-family: "melindaevania", sans-serif;
    line-height: 1;
}

.s4-menu-cabaret .menu-card-wrapper .menu-cards .menu-card .menu-card-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 40px;
    margin-bottom: auto;
}

.s4-menu-cabaret .menu-card-wrapper .menu-cards .menu-card .menu-card-content .menu-card-text-left,
.s4-menu-cabaret .menu-card-wrapper .menu-cards .menu-card .menu-card-content .menu-card-text-right {
    color: #fff;
    font-size: max(1.1rem, 14px);
    font-weight: 350;
}

.s4-menu-cabaret .menu-card-wrapper .menu-cards .menu-card .menu-card-plus-spectacle {
    padding-top: 10px;
    color: #fff;
    font-size: max(1.4rem, 17px);
    font-family: "melindaevania", sans-serif;
}

.s4-menu-cabaret .menu-card-wrapper .menu-bottom {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.s4-menu-cabaret .menu-card-wrapper .menu-bottom .bottom-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.s4-menu-cabaret .menu-card-wrapper .menu-bottom .bottom-left .menu-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;    
    border-radius: 80px;
    border: 1px solid #D6BB81;
    padding: 6px 12px;
    height: 40px;
}

.s4-menu-cabaret .menu-card-wrapper .menu-bottom .bottom-left .menu-btn .icon {
    width: 15px;
    height: 20px;
}

.s4-menu-cabaret .menu-card-wrapper .menu-bottom .bottom-left .menu-btn .icon img {
    width: 100%;
    height: 100%;

}

.s4-menu-cabaret .menu-card-wrapper .menu-bottom .bottom-left .menu-btn .text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.s4-menu-cabaret .menu-card-wrapper .menu-bottom .bottom-left .menu-btn .text .text-1 {
    color: #D6BB81;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}

.s4-menu-cabaret .menu-card-wrapper .menu-bottom .bottom-left .menu-btn .text .text-2 {
    color: #D6BB81;
    font-size: 11px;
    font-weight: 350;
    line-height: 1;
}

.s4-menu-cabaret .menu-card-wrapper .menu-bottom .share-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.s4-menu-cabaret .menu-card-wrapper .menu-bottom .share-wrapper .share-links {
    display: flex;
    gap: 3px;
}

.s4-menu-cabaret .menu-card-wrapper .menu-bottom .share-wrapper .share-title {
    color: #fff;
    font-size: max(1.1rem, 14px);
    font-weight: 350;
}

.s4-menu-cabaret .menu-card-wrapper .menu-bottom .share-wrapper .share-links .share-link,
.s4-menu-cabaret .menu-card-wrapper .menu-bottom .share-wrapper .share-links .separator {
    color: #fff;
    font-size: max(1.1rem, 14px);
    font-weight: 500;
}


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

    .s4-menu-cabaret .menu-card-wrapper .menu-bottom{
        flex-direction: column;
        gap: 20px;
    }

}

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

    .s4-menu-cabaret .menu-card-wrapper .menu-cards .menu-card .menu-card-content{
        grid-template-columns: 1fr;
        gap: 20px;
    }

}