/* The Club operational price book — scoped to the plans page. */
.club-pricing {
	position: relative;
	z-index: 2;
	overflow: clip;
	padding-block: var(--pad-section);
	background:
		radial-gradient(circle at 8% 12%, rgba(110, 214, 151, 0.15), transparent 30rem),
		linear-gradient(180deg, #f4f7f1 0%, var(--club-paper) 42%, #f5f6f1 100%);
}

.club-pricing::before {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(20, 69, 45, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(20, 69, 45, 0.035) 1px, transparent 1px);
	background-size: 48px 48px;
	content: "";
	pointer-events: none;
}

.club-pricing .section-shell { position: relative; }

.club-pricing__intro {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.7fr);
	gap: clamp(30px, 7vw, 110px);
	align-items: end;
	padding-block-end: clamp(38px, 5vw, 70px);
}

.club-pricing__intro .eyebrow {
	grid-column: 1 / -1;
	margin-block-end: calc(clamp(30px, 7vw, 110px) * -0.72);
	color: var(--club-green);
}

.club-pricing__intro .display-title { max-width: 780px; margin: 0; }
.club-pricing__intro .display-title em { display: block; color: var(--club-green); font-style: normal; }
.club-pricing__intro > p:last-child {
	max-width: 560px;
	margin: 0;
	color: var(--ink-soft);
	font-size: clamp(0.92rem, 1.2vw, 1.05rem);
	line-height: 1.9;
}

.club-pricing__nav {
	position: sticky;
	z-index: 8;
	top: 92px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 7px;
	padding: 7px;
	border: 1px solid rgba(20, 69, 45, 0.14);
	border-radius: 22px;
	background: rgba(248, 250, 246, 0.88);
	box-shadow: 0 18px 55px rgba(18, 50, 35, 0.1);
	backdrop-filter: blur(18px);
}

.club-pricing__nav a {
	display: flex;
	gap: 12px;
	align-items: center;
	min-height: 54px;
	padding: 8px 16px;
	border-radius: 16px;
	color: var(--club-ink);
	font-size: 0.78rem;
	font-weight: 700;
	transition: color 220ms ease, background 220ms ease, transform 220ms ease;
}

.club-pricing__nav a:hover,
.club-pricing__nav a:focus-visible { background: var(--club-ink); color: var(--club-white); transform: translateY(-2px); }
.club-pricing__nav b {
	display: grid;
	width: 36px;
	height: 36px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: var(--club-green);
	color: var(--club-white);
	place-items: center;
	font-family: "Manrope", Arial, sans-serif;
	font-size: 0.7rem;
}

.club-pricing__group { padding-block: clamp(82px, 10vw, 145px) 10px; scroll-margin-top: 150px; }
.club-pricing__group + .club-pricing__group { border-block-start: 1px solid rgba(20, 69, 45, 0.12); }
.club-pricing__group-head {
	display: grid;
	grid-template-columns: clamp(70px, 9vw, 126px) minmax(0, 850px);
	gap: clamp(22px, 4vw, 58px);
	align-items: start;
	margin-block-end: clamp(34px, 5vw, 70px);
}

.club-pricing__group-number {
	display: grid;
	aspect-ratio: 1;
	border: 1px solid rgba(20, 69, 45, 0.22);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.62);
	color: var(--club-green);
	place-items: center;
	font-family: "Manrope", Arial, sans-serif;
	font-size: clamp(1rem, 2vw, 1.5rem);
	font-weight: 800;
}

.club-pricing__group-head .eyebrow { margin: 4px 0 12px; color: var(--club-green); }
.club-pricing__group-head h3 {
	max-width: 780px;
	margin: 0;
	color: var(--club-ink);
	font-size: clamp(2rem, 4.2vw, 4.8rem);
	font-weight: 800;
	letter-spacing: -0.065em;
	line-height: 1.05;
}

[dir="rtl"] .club-pricing__group-head h3 { letter-spacing: -0.035em; }
.club-pricing__group-head > div > p:last-child { max-width: 680px; margin: 20px 0 0; color: var(--ink-soft); line-height: 1.85; }
.club-price-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.club-pricing__group:first-of-type .club-price-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.club-price-card {
	position: relative;
	display: flex;
	overflow: hidden;
	min-height: 100%;
	flex-direction: column;
	padding: clamp(24px, 3vw, 38px);
	border: 1px solid rgba(20, 69, 45, 0.15);
	border-radius: clamp(24px, 3vw, 38px);
	background: rgba(255, 255, 255, 0.86);
	box-shadow: 0 22px 65px rgba(20, 69, 45, 0.07);
	transition: border-color 360ms ease, box-shadow 360ms ease, transform 460ms var(--ease-club);
}

.club-price-card::after {
	position: absolute;
	inset: auto -20% -45% auto;
	width: 260px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(102, 213, 143, 0.18), transparent 68%);
	content: "";
	pointer-events: none;
	transition: transform 500ms var(--ease-club);
}

.club-price-card:hover { border-color: rgba(47, 143, 87, 0.46); box-shadow: 0 34px 90px rgba(20, 69, 45, 0.14); transform: translateY(-7px); }
.club-price-card:hover::after { transform: scale(1.35) translate(-8%, -8%); }
.club-price-card.is-featured {
	border-color: transparent;
	background: radial-gradient(circle at 90% 0%, rgba(114, 237, 162, 0.2), transparent 45%), linear-gradient(155deg, #163f2b, #092117 78%);
	color: var(--club-white);
	box-shadow: 0 34px 90px rgba(10, 42, 27, 0.25);
}

.club-price-card__top { position: relative; z-index: 1; display: flex; gap: 18px; align-items: flex-start; justify-content: space-between; }
.club-price-card__kicker,
.club-price-card__plans-title {
	margin: 0;
	color: var(--club-green);
	font-family: "Manrope", Arial, sans-serif;
	font-size: 0.63rem;
	font-weight: 800;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.club-price-card.is-featured .club-price-card__kicker,
.club-price-card.is-featured .club-price-card__plans-title { color: var(--club-green-bright); }
.club-price-card h4 { margin: 9px 0 0; font-size: clamp(1.35rem, 2vw, 2rem); font-weight: 800; letter-spacing: -0.045em; line-height: 1.16; }
.club-price-card__availability {
	flex: 0 0 auto;
	padding: 7px 11px;
	border: 1px solid rgba(20, 69, 45, 0.16);
	border-radius: 999px;
	color: var(--club-green);
	font-size: 0.66rem;
	font-weight: 800;
	white-space: nowrap;
}

.club-price-card.is-featured .club-price-card__availability { border-color: rgba(111, 235, 160, 0.35); color: var(--club-green-bright); }
.club-price-card__rate {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 7px 12px;
	align-items: baseline;
	margin: clamp(28px, 4vw, 48px) 0 0;
	padding-block-end: 24px;
	border-block-end: 1px solid rgba(20, 69, 45, 0.13);
}

.club-price-card.is-featured .club-price-card__rate { border-color: rgba(255, 255, 255, 0.14); }
.club-price-card__rate strong { font-family: "Manrope", Arial, sans-serif; font-size: clamp(2rem, 3.2vw, 3.35rem); font-weight: 800; letter-spacing: -0.065em; line-height: 1; }
.club-price-card.is-featured .club-price-card__rate strong { color: var(--club-green-bright); }
.club-price-card__rate small { color: var(--ink-soft); font-size: 0.76rem; }
.club-price-card.is-featured .club-price-card__rate small { color: rgba(255, 255, 255, 0.66); }

.club-price-card__facts,
.club-price-card__plans { position: relative; z-index: 1; display: grid; gap: 8px; margin-block-start: 22px; }
.club-price-card__facts p,
.club-price-plan { display: flex; gap: 14px; align-items: center; justify-content: space-between; margin: 0; padding: 12px 14px; border-radius: 14px; background: rgba(31, 111, 70, 0.055); }
.club-price-card.is-featured .club-price-card__facts p,
.club-price-card.is-featured .club-price-plan { background: rgba(255, 255, 255, 0.07); }
.club-price-card__facts span,
.club-price-plan strong { font-size: 0.78rem; font-weight: 700; }
.club-price-card__facts b,
.club-price-plan > p b { font-family: "Manrope", Arial, sans-serif; font-size: 0.76rem; font-weight: 800; white-space: nowrap; }
.club-price-card__plans-title { margin-block: 4px 5px; }
.club-price-plan > div { display: grid; gap: 4px; }
.club-price-plan small { color: var(--ink-soft); font-size: 0.68rem; line-height: 1.5; }
.club-price-card.is-featured .club-price-plan small { color: rgba(255, 255, 255, 0.62); }
.club-price-plan > p { display: grid; gap: 5px; justify-items: end; margin: 0; }
[dir="rtl"] .club-price-plan > p { justify-items: start; }
.club-price-plan mark { padding: 3px 7px; border-radius: 999px; background: rgba(47, 143, 87, 0.13); color: var(--club-green); font-family: "Manrope", Arial, sans-serif; font-size: 0.57rem; font-weight: 800; }
.club-price-card.is-featured .club-price-plan mark { background: var(--club-green-bright); color: #082116; }

.club-price-card__cta {
	position: relative;
	z-index: 1;
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
	min-height: 54px;
	margin-block-start: auto;
	padding: 9px 9px 9px 22px;
	border: 1px solid var(--club-ink);
	border-radius: 999px;
	font-size: 0.82rem;
	font-weight: 800;
	transition: color 250ms ease, background 250ms ease;
}

[dir="rtl"] .club-price-card__cta { padding: 9px 22px 9px 9px; }
.club-price-card__facts + .club-price-card__cta,
.club-price-card__plans + .club-price-card__cta,
.club-price-card__rate + .club-price-card__cta { margin-block-start: 28px; }
.club-price-card__cta i { display: grid; width: 36px; height: 36px; border-radius: 50%; background: var(--club-ink); color: var(--club-white); place-items: center; font-family: Arial, sans-serif; font-style: normal; transition: transform 300ms var(--ease-club); }
.club-price-card__cta:hover { background: var(--club-ink); color: var(--club-white); }
.club-price-card__cta:hover i { background: var(--club-green); transform: rotate(45deg); }
.club-price-card.is-featured .club-price-card__cta { border-color: var(--club-green-bright); color: var(--club-green-bright); }
.club-price-card.is-featured .club-price-card__cta i { background: var(--club-green-bright); color: #082116; }
.club-price-card.is-featured .club-price-card__cta:hover { background: var(--club-green-bright); color: #082116; }

.club-pricing__notice { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; align-items: center; max-width: 880px; margin: clamp(60px, 8vw, 110px) auto 0; padding: 18px 22px; border: 1px solid rgba(20, 69, 45, 0.16); border-radius: 20px; background: rgba(255, 255, 255, 0.7); }
.club-pricing__notice > span { display: grid; width: 34px; height: 34px; border-radius: 50%; background: var(--club-green); color: var(--club-white); place-items: center; font-family: Georgia, serif; font-style: italic; font-weight: 700; }
.club-pricing__notice p { margin: 0; color: var(--ink-soft); font-size: 0.78rem; line-height: 1.75; }

@media (max-width: 1060px) {
	.club-pricing__intro { grid-template-columns: 1fr; }
	.club-pricing__intro .eyebrow { grid-column: auto; margin-block-end: -10px; }
	.club-pricing__group:first-of-type .club-price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.club-pricing__group:first-of-type .club-price-card:first-child { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
	.club-pricing__nav { top: 76px; display: flex; overflow-x: auto; scrollbar-width: none; }
	.club-pricing__nav::-webkit-scrollbar { display: none; }
	.club-pricing__nav a { min-width: max-content; }
	.club-pricing__group-head { grid-template-columns: 58px minmax(0, 1fr); }
	.club-price-grid,
	.club-pricing__group:first-of-type .club-price-grid { grid-template-columns: 1fr; }
	.club-pricing__group:first-of-type .club-price-card:first-child { grid-column: auto; }
}

@media (max-width: 520px) {
	.club-pricing__group-head { grid-template-columns: 1fr; }
	.club-pricing__group-number { width: 56px; }
	.club-price-card__top { flex-direction: column; }
	.club-price-plan { align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
	.club-price-card { transition-duration: 1ms !important; }
	.club-price-card:hover { transform: none; }
}

body.motion-off .club-price-card:hover { transform: none; }
