/* Membership-only layout. Prices, booking endpoints and other pages are unchanged. */
body[data-page="memberships"] .page-hero{padding:26px 0 12px;min-height:0}
body[data-page="memberships"] .page-hero-inner{padding-block:0}
body[data-page="memberships"] .page-hero h1{font-size:clamp(25px,3.2vw,38px);line-height:1.4;margin:5px 0 8px}
body[data-page="memberships"] .page-hero p{font-size:14px;line-height:1.8;margin:0;max-width:700px}
body[data-page="memberships"] .day-pass-section{padding:12px 0!important;background:transparent}
body[data-page="memberships"] .day-pass-banner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px 22px;padding:17px 20px;box-shadow:none;border-color:#ded3eb;border-radius:14px}
body[data-page="memberships"] .day-pass-info{min-width:0}
body[data-page="memberships"] .day-pass-info h2{font-size:20px;line-height:1.4;margin:0 0 4px}
body[data-page="memberships"] .day-pass-info p{font-size:12px;line-height:1.75;margin:0}
body[data-page="memberships"] .day-pass-price{gap:5px;direction:ltr}
body[data-page="memberships"] .day-pass-price strong{font-size:32px;line-height:1.2}
body[data-page="memberships"] .day-pass-action{font-size:13px;min-height:44px;padding:9px 16px}
body[data-page="memberships"] .membership-plans{padding:18px 0;background:transparent}
body[data-page="memberships"] .membership-plans .section-heading{margin:0 0 12px}
body[data-page="memberships"] .membership-plans .section-heading h2{font-size:22px;line-height:1.5;margin:0}
body[data-page="memberships"] .plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body[data-page="memberships"] .plan-grid-small{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
body[data-page="memberships"] .plan{min-height:0;padding:18px;gap:12px;overflow:visible;border-radius:14px;transition:border-color .15s,box-shadow .15s}
body[data-page="memberships"] .plan .plan-period{font-size:18px;line-height:1.5;font-weight:800;min-height:0;margin:0;color:inherit}
body[data-page="memberships"] .plan-featured .plan-period{padding-inline-end:80px}
body[data-page="memberships"] .plan .ribbon{top:18px;inset-inline-end:12px;padding:3px 7px;border-radius:5px;font-size:10px;line-height:1.5}
body[data-page="memberships"] .plan-value{margin:0;gap:7px}
body[data-page="memberships"] .plan-value strong{font-size:35px;line-height:1.2}
body[data-page="memberships"] .plan-action{font-size:13px;min-height:44px;padding:9px 12px;gap:6px}
body[data-page="memberships"] .plan.is-selected,body[data-page="memberships"] .day-pass-banner.is-selected{border-color:#59298d;box-shadow:0 0 0 2px #59298d26}
body[data-page="memberships"] #register-membership{scroll-margin-top:100px;padding-block:24px;outline:none}
body[data-page="memberships"] .member-request-intro h2{font-size:clamp(22px,2.5vw,30px);line-height:1.5}
body[data-page="memberships"] .member-request-layout{gap:24px}
body[data-page="memberships"] .member-request-card{padding:24px}
/* On this page contact remains available in-flow, never over a plan or form button. */
body[data-page="memberships"] .floating-whatsapp{position:static!important;display:flex;width:max-content;max-width:calc(100% - 32px);margin:12px auto 24px;transform:none!important}
@media(max-width:820px){
body[data-page="memberships"] .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-page="memberships"] .plan-featured .plan-period{padding-inline-end:0;padding-top:23px}
body[data-page="memberships"] .plan .ribbon{top:10px;inset-inline-end:12px}
body[data-page="memberships"] .plan:not(.plan-featured) .plan-period{padding-top:23px}
}
@media(max-width:580px){
body[data-page="memberships"] .page-hero{padding-top:20px}
body[data-page="memberships"] .page-hero .eyebrow{font-size:11px}
body[data-page="memberships"] .day-pass-banner{grid-template-columns:minmax(0,1fr) auto;padding:14px;gap:10px 12px}
body[data-page="memberships"] .day-pass-action{grid-column:1/-1;width:100%}
body[data-page="memberships"] .membership-plans{padding-block:12px}
body[data-page="memberships"] .membership-plans .section-heading h2{font-size:19px}
body[data-page="memberships"] .plan-grid{gap:10px}
body[data-page="memberships"] .plan{padding:12px;gap:10px}
body[data-page="memberships"] .plan .plan-period{font-size:16px}
body[data-page="memberships"] .plan-value strong{font-size:30px}
body[data-page="memberships"] .plan-value span{font-size:11px}
body[data-page="memberships"] .plan-action{font-size:12px;padding:9px 6px;white-space:normal}
body[data-page="memberships"] .plan-action svg{display:none}
body[data-page="memberships"] .member-request-layout{gap:16px}
body[data-page="memberships"] .member-request-card{padding:16px}
body[data-page="memberships"] .member-request-intro h2{font-size:22px}
body[data-page="memberships"] .member-free-visit{padding:14px;margin-top:14px}
body[data-page="memberships"] #register-membership{scroll-margin-top:90px}
}
@media(prefers-reduced-motion:reduce){body[data-page="memberships"] .plan{transition:none}}
@media(max-width:360px){
body[data-page="memberships"] .header-row{gap:8px}
body[data-page="memberships"] .brand-copy small{display:none}
body[data-page="memberships"] .brand-copy strong{font-size:17px}
body[data-page="memberships"] .brand-logo{width:38px;height:38px}
}