/**
 * Private Coaching page — Figma frame `PRIVATE COACHING` (274:908), 1880px artboard.
 * Hero uses shared our-club.css (.wpcc-ourclub-hero).
 *
 * @package WPCC
 */

.wpcc-private-coaching {
	--pc-bg: #ffffff;
	--pc-text: #000000;
	--pc-card-w: 375px;
	--pc-card-img-h: 532px;
	--pc-gap-x: 100px;
	--pc-gap-y: 130px;
	--pc-caption-gap: 11px;
	--pc-content-max: 1334px;
	--pc-grid-max: 1325px;
	--pc-intro-pt: 69px;
	--pc-intro-mb: 15px;
	--minViewportSize: 320;
	--maxViewportSize: 1920;
	--customScaleViewportLimit: min(100vw, calc(var(--maxViewportSize) * 1px));
}

/* Private Coaching hero — Figma banner 274:1031.
 * Container 1906×458 at (-10, -22); photo scaled to 131.95% height, top -0.04%. */
.wpcc-ourclub-hero--private-coaching,
.wpcc-private-coaching .wpcc-ourclub-hero {
	--ourclub-hero-img-left: -10;
	--ourclub-hero-img-top: -22;
	--ourclub-hero-img-w: 1906;
	--ourclub-hero-img-h: 458;
}

.wpcc-ourclub-hero--private-coaching .wpcc-ourclub-hero__image-frame,
.wpcc-private-coaching .wpcc-ourclub-hero__image-frame {
	overflow: hidden;
}

.wpcc-ourclub-hero--private-coaching .wpcc-ourclub-hero__image,
.wpcc-private-coaching .wpcc-ourclub-hero__image {
	position: absolute;
	top: -0.04%;
	left: 0;
	width: 100%;
	height: 131.95%;
	max-width: none;
	object-fit: cover;
	object-position: 50% 0%;
}

/* Pre-cropped banner export from Figma — fill the 400px hero directly. */
.wpcc-ourclub-hero--private-coaching.wpcc-ourclub-hero--banner-crop {
	--ourclub-hero-img-left: 0;
	--ourclub-hero-img-top: 0;
	--ourclub-hero-img-w: 1880;
	--ourclub-hero-img-h: 400;
}

.wpcc-ourclub-hero--private-coaching.wpcc-ourclub-hero--banner-crop .wpcc-ourclub-hero__image {
	position: static;
	top: auto;
	left: auto;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.wpcc-private-coaching-content {
	background-color: var(--pc-bg);
}

.wpcc-private-coaching-content__container {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--pc-grid-max);
	margin: 0 auto;
	padding: var(--pc-intro-pt) 20px 80px;
}

/* Intro — Figma 274:1051: Inter Medium 25px, line-height 43px, centered */
.wpcc-private-coaching-intro {
	max-width: var(--pc-content-max);
	margin: 0 auto var(--pc-intro-mb);
	font-family: var(--wpcc-font);
	font-size: calc(18px + 7 * (var(--customScaleViewportLimit) - var(--minViewportSize) * 1px) / (var(--maxViewportSize) - var(--minViewportSize)));
	font-weight: 500;
	font-style: normal;
	line-height: 43px;
	color: var(--pc-text);
	text-align: center;
}

/* 3-column coach grid — Figma Group 533 */
.wpcc-private-coaching-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, var(--pc-card-w)));
	gap: var(--pc-gap-y) var(--pc-gap-x);
	justify-content: center;
	width: 100%;
}

.wpcc-private-coaching-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	text-align: center;
}

/* Card image — Figma 375×532 */
.wpcc-private-coaching-card__image {
	width: 100%;
	max-width: var(--pc-card-w);
	height: var(--pc-card-img-h);
	margin: 0 auto;
	overflow: hidden;
	background: #000000;
}

.wpcc-private-coaching-card__image--placeholder {
	background: #d9d9d9;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999999'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40%;
}

.wpcc-private-coaching-card__image img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center top;
}

/* Caption — Figma 11px below image */
.wpcc-private-coaching-card__caption {
	margin-top: var(--pc-caption-gap);
}

.wpcc-private-coaching-card__name,
.wpcc-private-coaching-card__phone {
	margin: 0;
	font-family: var(--wpcc-font);
	font-size: 18px;
	line-height: 27px;
	color: var(--pc-text);
	letter-spacing: 0;
}

.wpcc-private-coaching-card__name {
	font-weight: 700;
	font-style: normal;
}

.wpcc-private-coaching-card__phone {
	font-weight: 400;
	font-style: normal;
}

.wpcc-private-coaching-card__phone a {
	color: inherit;
	text-decoration: none;
}

.wpcc-private-coaching-card__phone a:hover,
.wpcc-private-coaching-card__phone a:focus-visible {
	text-decoration: underline;
}

@media (max-width: 1400px) {
	.wpcc-private-coaching-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		--pc-gap-x: 60px;
	}
}

@media (max-width: 1200px) {
	.wpcc-private-coaching {
		--pc-gap-x: 40px;
		--pc-gap-y: 80px;
	}

	.wpcc-private-coaching-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wpcc-private-coaching-card__image {
		height: auto;
		aspect-ratio: 375 / 532;
	}
}

@media (max-width: 767px) {
	.wpcc-private-coaching {
		--pc-intro-pt: 48px;
	}

	.wpcc-private-coaching-content__container {
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 48px;
	}

	.wpcc-private-coaching-intro {
		line-height: 1.6;
	}

	.wpcc-private-coaching-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 48px;
	}
}