.event-major-tabs .membership-major,.event-major-tabs .membership-major.active{background:#8b5b27!important;color:#fff!important;border:1px solid #8b5b27!important;font-weight:800;box-shadow:0 2px 5px #65451c20}
.event-major-tabs .membership-major:hover,.event-major-tabs .membership-major:focus-visible{background:#70451d!important;outline:2px solid #c09b64;outline-offset:2px}
.membership-nav-link{color:#80531f!important;font-weight:800!important}
.membership-category-active #eventOfferGrid,.membership-category-active .regular-price-catalog,.membership-category-active #eventNoResults,.membership-category-active #eventSmartFilters,.membership-category-active .event-vat-note{display:none!important}
#membershipCatalog{scroll-margin-top:170px}
#membershipCatalog[hidden]{display:none!important}
#membershipCartBenefits,#membershipReviewBenefits,#membershipDetailBenefits,#membershipReservationBenefits{margin:16px 0;min-width:0}
#membershipCartBenefits:empty,#membershipReviewBenefits:empty,#membershipDetailBenefits:empty,#membershipReservationBenefits:empty{display:none}
#membershipReservationBenefits{margin:0 0 24px}
@media(max-width:600px){#membershipCartBenefits,#membershipReviewBenefits,#membershipDetailBenefits{margin:12px 0}.membership-nav-link{white-space:nowrap}}

/* The benefit stage precedes scheduling; compact summaries stay with selected treatments. */
#reservationProgress.has-benefit-step{grid-template-columns:repeat(4,minmax(0,1fr))}
#reservationFlow[data-reservation-step="0"]>.reservation-flow-heading{display:none}
.membership-benefit-step{padding:24px}
.membership-stage-heading{font-size:12px;letter-spacing:.08em;color:#86612f;margin:0 0 14px}
#selectionSheet>#membershipCartBenefits{margin:4px 0 14px}
#reservationCartList:empty+#membershipReservationBenefits{display:none}
#membershipReservationBenefits{margin:0 0 16px}
#membershipReviewBenefits{margin:10px 0 16px}
#reservationBenefitsBack{font-size:13px;word-break:keep-all}
@media(max-width:600px){
 .membership-benefit-step{padding:16px 12px 22px}
 #reservationProgress.has-benefit-step{padding:14px 10px;gap:4px}
 #reservationProgress.has-benefit-step li{flex-direction:column;gap:5px;font-size:10px;text-align:center}
 #reservationProgress.has-benefit-step li span{display:block;white-space:nowrap}
 #reservationProgress.has-benefit-step li:not(:last-child):after{top:13px;right:-25%;width:50%}
 #reservationProgress.has-benefit-step li b{position:relative;z-index:1}
 #membershipReservationBenefits{margin:0 0 12px}
 #reservationBenefitsBack{font-size:12px;padding:12px 7px}
}

body[data-page="reservation"]:has(#reservationStep0) .sub-hero{padding:30px 20px}
body[data-page="reservation"]:has(#reservationStep0) .sub-hero>p{display:none}
body[data-page="reservation"]:has(#reservationStep0) .reservation-page{padding-top:26px}
.membership-stage-heading{scroll-margin-top:calc(var(--header-height,80px) + 20px)}