/* =========================================================
   THUNDERMONKEY FINAL CLIENT FIXES — v1.3
   REFINEMENT PASS, NOT A REDESIGN
   ========================================================= */

/* Managed inner pages: slightly narrower, never a full-width rewrite. */
body.tmcf-managed-page .tm-container-wide {
	width: min(1320px, calc(100% - 48px)) !important;
	max-width: 1320px !important;
}

body.tmcf-managed-page .tm-container {
	width: min(1160px, calc(100% - 48px)) !important;
	max-width: 1160px !important;
}

/* =========================================================
   ABOUT
   Keep existing images, yellow/blue accents, section order.
   Only tighten and improve narrative scale.
   ========================================================= */

.tm-about-hero__layout {
	gap: clamp(30px,4vw,58px) !important;
	padding-top: clamp(38px,4vw,56px) !important;
	padding-bottom: clamp(38px,4vw,56px) !important;
}

.tm-about-hero__content {
	max-width: 620px !important;
	padding-block: 0 !important;
}

.tm-about-hero__content .tm-eyebrow {
	margin-bottom: 16px !important;
}

.tm-about-hero__content h1 {
	max-width: 600px !important;
	font-size: clamp(48px,5vw,68px) !important;
	line-height: .98 !important;
	letter-spacing: -.012em !important;
}

.tm-about-hero__intro {
	max-width: 570px !important;
	margin-top: 20px !important;
	font-size: clamp(17px,1.2vw,19px) !important;
	line-height: 1.52 !important;
}

.tm-about-hero__media,
.tm-about-hero__media img {
	min-height: 360px !important;
	max-height: 420px !important;
}

.tm-about-story {
	padding-top: 48px !important;
	padding-bottom: 48px !important;
}

.tm-about-story__layout {
	gap: clamp(34px,5vw,68px) !important;
}

.tm-about-story__media,
.tm-about-story__media img {
	min-height: 380px !important;
	max-height: 450px !important;
}

.tm-about-story__content h2,
.tm-about-purpose__heading h2,
.tm-about-approach__heading h2 {
	font-size: clamp(40px,4vw,56px) !important;
	line-height: 1 !important;
	letter-spacing: -.01em !important;
}

.tm-about-story__copy {
	margin-top: 20px !important;
}

.tm-about-story__copy p,
.tm-about-purpose__intro,
.tm-about-approach__intro {
	font-size: 16.5px !important;
	line-height: 1.56 !important;
}

.tm-about-story__pull-line {
	margin-top: 22px !important;
	padding: 16px 20px 16px 22px !important;
	font-size: clamp(20px,1.8vw,25px) !important;
	line-height: 1.18 !important;
}

.tm-about-purpose {
	padding-top: 48px !important;
	padding-bottom: 48px !important;
}

.tm-about-purpose__header {
	gap: clamp(30px,5vw,64px) !important;
	padding-bottom: 26px !important;
}

.tm-about-purpose__principle {
	min-height: 116px !important;
	gap: 12px !important;
	padding: 20px !important;
}

.tm-about-purpose__principle p {
	font-size: clamp(18px,1.55vw,22px) !important;
	line-height: 1.18 !important;
}

.tm-about-purpose__categories {
	margin-top: 20px !important;
}

.tm-about-purpose__category-links a {
	min-height: 50px !important;
	padding: 11px 14px !important;
	font-size: 13px !important;
}

.tm-about-approach {
	padding-top: 44px !important;
	padding-bottom: 44px !important;
}

.tm-about-approach__panel {
	padding: clamp(26px,3.2vw,40px) !important;
}

.tm-about-approach__header {
	gap: clamp(30px,5vw,64px) !important;
	padding-bottom: 26px !important;
}

.tm-about-approach__principle {
	min-height: 116px !important;
	gap: 12px !important;
	padding: 18px 20px !important;
}

.tm-about-approach__principle strong {
	font-size: clamp(18px,1.45vw,22px) !important;
	line-height: 1.16 !important;
}

.tm-about-approach__links {
	padding-top: 16px !important;
}

/* =========================================================
   SURF SCHOOLS
   Preserve the original editorial / image-led design.
   Remove only redundant text-heavy sections and clarify gear.
   ========================================================= */

.tm-schools-hero {
	padding-top: 44px !important;
	padding-bottom: 48px !important;
}

.tm-schools-hero__layout {
	gap: clamp(34px,4.5vw,64px) !important;
	min-height: 0 !important;
}

.tm-schools-hero__content h1,
.tm-schools-hero__copy h1,
.tm-schools-hero h1 {
	font-size: clamp(46px,5vw,68px) !important;
	line-height: .98 !important;
	letter-spacing: -.015em !important;
}

.tm-schools-hero__content > p,
.tm-schools-hero__copy > p {
	font-size: 17px !important;
	line-height: 1.52 !important;
}

/* These two older standalone sections duplicate the final 4-part story. */
.tmcf-refined-away {
	display: none !important;
}

/* Planning: keep the existing dark treatment and photography, reduce noise. */
.tm-schools-planning {
	padding-top: 48px !important;
	padding-bottom: 48px !important;
}

.tm-schools-planning__header {
	gap: clamp(30px,4.5vw,66px) !important;
	margin-bottom: 28px !important;
}

.tm-schools-planning__heading h2 {
	max-width: 13ch !important;
	font-size: clamp(38px,4.2vw,58px) !important;
	line-height: 1 !important;
	letter-spacing: -.012em !important;
}

.tm-schools-planning__header > p,
.tm-schools-planning__intro {
	font-size: 16px !important;
	line-height: 1.55 !important;
}

/* Equipment: retain rows / colours, make comparison much clearer. */
.tm-schools-equipment {
	padding-top: 48px !important;
	padding-bottom: 48px !important;
}

.tm-schools-equipment__header {
	gap: clamp(30px,4.5vw,66px) !important;
	margin-bottom: 28px !important;
}

.tm-schools-equipment__header h2 {
	max-width: 13ch !important;
	font-size: clamp(38px,4.2vw,58px) !important;
	line-height: 1 !important;
}

.tm-schools-equipment__header > p {
	font-size: 16px !important;
	line-height: 1.55 !important;
}

.tm-schools-equipment__row {
	grid-template-columns: 50px minmax(250px,.66fr) minmax(0,1.34fr) !important;
}

.tm-schools-equipment__index {
	padding-top: 22px !important;
}

.tm-schools-equipment__image {
	min-height: 280px !important;
	padding: 22px !important;
}

.tm-schools-equipment__image > img {
	height: 235px !important;
	max-width: 230px !important;
	object-fit: contain !important;
}

.tm-schools-equipment__content {
	gap: 18px 28px !important;
	padding: 24px 28px !important;
}

.tm-schools-equipment__title h3 {
	font-size: clamp(30px,2.8vw,42px) !important;
	line-height: 1 !important;
}

.tm-schools-equipment__content > p {
	font-size: 14px !important;
	line-height: 1.5 !important;
}

.tm-schools-equipment__uses {
	gap: 8px 18px !important;
	padding-top: 16px !important;
}

.tm-schools-equipment__uses li {
	font-size: 12px !important;
	line-height: 1.3 !important;
}

.tm-schools-equipment__link {
	min-height: 42px !important;
	padding: 10px 13px !important;
	font-size: 13px !important;
}

/* Actual WooCommerce learner + progression board comparison, injected into
   the existing first Surfboards image panel. */
.tmcf-school-surf-duo {
	display: grid !important;
	grid-template-columns: repeat(2,minmax(0,1fr)) !important;
	gap: 10px !important;
	width: 100% !important;
	height: 100% !important;
	align-items: stretch !important;
}

.tmcf-school-surf-duo__item {
	position: relative !important;
	display: grid !important;
	grid-template-rows: minmax(0,1fr) auto !important;
	min-width: 0 !important;
	background: var(--tm-white,#fff) !important;
	border: 1px solid rgba(17,17,17,.12) !important;
	color: var(--tm-black,#111) !important;
	text-decoration: none !important;
	overflow: hidden !important;
}

.tmcf-school-surf-duo__item img {
	display: block !important;
	width: 100% !important;
	height: 190px !important;
	padding: 12px !important;
	object-fit: contain !important;
	mix-blend-mode: multiply !important;
}

.tmcf-school-surf-duo__label {
	display: grid !important;
	gap: 2px !important;
	padding: 9px 10px !important;
	border-top: 1px solid rgba(17,17,17,.12) !important;
	font-size: 10px !important;
	line-height: 1.25 !important;
}

.tmcf-school-surf-duo__label small {
	color: var(--tm-blue,#164a73) !important;
	font-family: var(--tm-mono-font,'DM Mono',monospace) !important;
	font-size: 8px !important;
	font-weight: 500 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
}

.tmcf-school-surf-duo__label strong {
	font-size: 11px !important;
	font-weight: 800 !important;
}

/* Community + enquiry should feel like one ending, not two fresh pages. */
.tm-schools-community {
	padding-top: 44px !important;
	padding-bottom: 38px !important;
	border-bottom: 0 !important;
}

.tm-schools-community__layout {
	gap: 32px !important;
}

.tm-schools-community__intro h2 {
	font-size: clamp(36px,3.8vw,50px) !important;
	line-height: 1 !important;
}

.tm-schools-community__logos {
	gap: 1px !important;
}

.tm-schools-community__school {
	min-height: 132px !important;
}

.tm-schools-community__logo {
	padding: 14px !important;
}

.tm-schools-community__logo img {
	max-height: 66px !important;
}

.tm-schools-enquiry {
	padding-top: 38px !important;
	padding-bottom: 46px !important;
}

.tm-schools-enquiry__layout {
	gap: clamp(30px,4vw,56px) !important;
}

.tm-schools-enquiry__intro {
	top: 100px !important;
}

.tm-schools-enquiry__intro h2 {
	margin-bottom: 16px !important;
	font-size: clamp(36px,3.8vw,52px) !important;
	line-height: 1 !important;
}

.tm-schools-enquiry__lead {
	font-size: 15px !important;
	line-height: 1.5 !important;
}

.tm-schools-enquiry__next {
	margin-top: 20px !important;
	padding-top: 16px !important;
}

.tm-schools-enquiry__form-header,
.tm-schools-enquiry__group,
.tm-schools-enquiry__actions {
	padding: 18px 20px !important;
}

.tm-schools-enquiry__fields {
	gap: 14px !important;
}

.tm-schools-enquiry input,
.tm-schools-enquiry select,
.tm-schools-enquiry textarea {
	min-height: 44px !important;
	padding: 10px 11px !important;
	font-size: 14px !important;
}

.tm-schools-enquiry textarea {
	min-height: 100px !important;
}

/* =========================================================
   CONTACT — v1.4
   KEEP ALL INFORMATION. GET TO THE FORM FASTER.
   ---------------------------------------------------------
   Desktop:
   Hero → compact guidance matrix → form
   Mobile:
   Hero → form → compact guidance list
   ========================================================= */

/* HERO — visually the same, simply much shorter. */
.tm-contact-hero {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
	min-height: 0 !important;
}

.tm-contact-hero__layout {
	gap: clamp(24px,3vw,44px) !important;
	min-height: 0 !important;
	align-items: center !important;
}

.tm-contact-hero h1,
.tm-contact-hero__content h1 {
	max-width: 11ch !important;
	margin-bottom: 12px !important;
	font-size: clamp(38px,4vw,56px) !important;
	line-height: .98 !important;
	letter-spacing: -.012em !important;
}

.tm-contact-hero__intro,
.tm-contact-hero__content > p {
	max-width: 560px !important;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.48 !important;
}

/* Existing hero contact rail: keep it, just remove unnecessary height. */
.tm-contact-hero__contact,
.tm-contact-hero__contact-rail,
.tm-contact-hero__details {
	gap: 0 !important;
}

.tm-contact-hero__contact > *,
.tm-contact-hero__contact-rail > *,
.tm-contact-hero__details > * {
	min-height: 44px !important;
	padding-top: 9px !important;
	padding-bottom: 9px !important;
}

/* ---------------------------------------------------------
   SECTION 2 — COMPACT ENQUIRY GUIDE
   JS adds these classes around the EXISTING content.
   Nothing is deleted.
   --------------------------------------------------------- */

.tmcf-contact-paths-compact {
	padding-top: 28px !important;
	padding-bottom: 28px !important;
	background: var(--tm-off-white,#f7f6f1) !important;
}

.tmcf-contact-paths-compact .tmcf-contact-paths-head {
	display: grid !important;
	grid-template-columns: minmax(280px,.85fr) minmax(340px,1fr) !important;
	gap: clamp(24px,3.5vw,52px) !important;
	align-items: end !important;
	margin-bottom: 18px !important;
}

.tmcf-contact-paths-compact .tmcf-contact-paths-head .tm-eyebrow,
.tmcf-contact-paths-compact .tmcf-contact-paths-head [class*="eyebrow"] {
	margin-bottom: 8px !important;
}

.tmcf-contact-paths-compact .tmcf-contact-paths-head h2 {
	max-width: 14ch !important;
	margin: 0 !important;
	font-size: clamp(30px,3vw,42px) !important;
	line-height: 1 !important;
	letter-spacing: -.01em !important;
}

.tmcf-contact-paths-compact .tmcf-contact-paths-head > p,
.tmcf-contact-paths-compact .tmcf-contact-paths-head .tmcf-contact-paths-intro {
	max-width: 600px !important;
	margin: 0 !important;
	color: var(--tm-grey,#66635e) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}

/* The six huge boxes become a small editorial matrix. */
.tmcf-contact-paths-grid {
	display: grid !important;
	grid-template-columns: repeat(3,minmax(0,1fr)) !important;
	gap: 0 !important;
	border-top: 1px solid rgba(17,17,17,.16) !important;
	border-left: 1px solid rgba(17,17,17,.16) !important;
}

.tmcf-contact-path-item {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 32px minmax(0,1fr) !important;
	gap: 10px !important;
	align-content: start !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 15px 16px 14px !important;
	border: 0 !important;
	border-right: 1px solid rgba(17,17,17,.16) !important;
	border-bottom: 1px solid rgba(17,17,17,.16) !important;
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.tmcf-contact-path-item__number {
	grid-column: 1 !important;
	grid-row: 1 / span 4 !important;
	padding-top: 2px !important;
	color: var(--tm-blue,#164a73) !important;
	font-family: var(--tm-mono-font,'DM Mono',monospace) !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .08em !important;
}

.tmcf-contact-path-item__number::after {
	content: "" !important;
	display: block !important;
	width: 18px !important;
	height: 3px !important;
	margin-top: 8px !important;
	background: var(--tm-yellow,#f5b800) !important;
}

.tmcf-contact-path-item__content {
	grid-column: 2 !important;
	min-width: 0 !important;
}

.tmcf-contact-path-item__content h3 {
	margin: 0 0 6px !important;
	padding: 0 !important;
	color: var(--tm-black,#111) !important;
	font-family: var(--tm-heading-font,'Barlow',sans-serif) !important;
	font-size: clamp(18px,1.55vw,23px) !important;
	font-weight: 800 !important;
	line-height: 1.08 !important;
	letter-spacing: -.005em !important;
	text-transform: none !important;
}

.tmcf-contact-path-item__content .tmcf-contact-path-meta {
	display: none !important;
}

.tmcf-contact-path-item__content p {
	margin: 0 !important;
	color: var(--tm-grey,#66635e) !important;
	font-size: 12.5px !important;
	line-height: 1.43 !important;
}

.tmcf-contact-path-item__content a {
	display: inline-flex !important;
	min-height: 32px !important;
	align-items: center !important;
	margin-top: 7px !important;
	color: var(--tm-blue,#164a73) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

.tmcf-contact-path-item__content a:hover,
.tmcf-contact-path-item__content a:focus-visible {
	color: var(--tm-black,#111) !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
}

@media (hover:hover) {
	.tmcf-contact-path-item:hover {
		background: rgba(245,184,0,.055) !important;
	}
}

/* ---------------------------------------------------------
   SECTION 3 — FORM
   Keep the original section / support column / WPForms.
   --------------------------------------------------------- */

.tmcf-contact-form-target,
.tm-contact-form,
.tm-contact-enquiry,
.tm-contact-main,
.tm-contact-form-section {
	padding-top: 32px !important;
	padding-bottom: 38px !important;
}

.tm-contact-form__layout,
.tm-contact-enquiry__layout,
.tm-contact-main__layout,
.tm-contact-form-section__layout {
	gap: clamp(26px,3.5vw,48px) !important;
	align-items: start !important;
}

.tmcf-contact-form-target h2,
.tm-contact-form h2,
.tm-contact-enquiry h2,
.tm-contact-main h2,
.tm-contact-form-section h2 {
	font-size: clamp(30px,3vw,42px) !important;
	line-height: 1 !important;
}

.tmcf-contact-form-target p,
.tm-contact-form p,
.tm-contact-enquiry p,
.tm-contact-main p,
.tm-contact-form-section p {
	line-height: 1.5 !important;
}

/* Preserve WPForms 958 and make it quick to scan. */
#wpforms-form-958 .wpforms-field {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

#wpforms-form-958 .wpforms-field-label {
	margin-bottom: 5px !important;
	font-size: 12px !important;
	line-height: 1.3 !important;
}

#wpforms-form-958 input,
#wpforms-form-958 select,
#wpforms-form-958 textarea {
	min-height: 44px !important;
	padding: 10px 11px !important;
	border-radius: 0 !important;
	font-size: 14px !important;
}

#wpforms-form-958 textarea {
	min-height: 96px !important;
}

#wpforms-form-958 .wpforms-submit-container {
	padding-top: 8px !important;
}

#wpforms-form-958 button[type="submit"] {
	min-height: 44px !important;
	padding: 11px 17px !important;
}

/* Subject selector injected above the form's message field. */
.tmcf-wpforms-subject {
	margin: 0 !important;
	padding: 5px 0 !important;
}

.tmcf-wpforms-subject label {
	display: block !important;
	margin: 0 0 5px !important;
	color: var(--tm-black,#111) !important;
	font-family: var(--tm-heading-font,'Barlow',sans-serif) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
}

.tmcf-wpforms-subject select {
	width: 100% !important;
	min-height: 44px !important;
	padding: 10px 11px !important;
	border: 1px solid rgba(17,17,17,.16) !important;
	border-radius: 0 !important;
	background: var(--tm-sand,#efede6) !important;
	color: var(--tm-black,#111) !important;
	font-family: var(--tm-body-font,'Barlow',sans-serif) !important;
	font-size: 14px !important;
	box-shadow: none !important;
}

/* The old long "helpful prompt" is not removed; make it a tiny support rail. */
.tmcf-contact-support-compact {
	margin-top: 16px !important;
	padding-top: 14px !important;
	border-top: 1px solid rgba(17,17,17,.14) !important;
}

.tmcf-contact-support-compact h2,
.tmcf-contact-support-compact h3 {
	margin-bottom: 8px !important;
	font-size: 20px !important;
	line-height: 1.08 !important;
}

.tmcf-contact-support-compact p,
.tmcf-contact-support-compact li {
	font-size: 12.5px !important;
	line-height: 1.45 !important;
}

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 980px) {
	.tmcf-contact-paths-compact .tmcf-contact-paths-head {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	.tmcf-contact-paths-compact .tmcf-contact-paths-head h2 {
		max-width: 18ch !important;
	}

	.tmcf-contact-paths-grid {
		grid-template-columns: repeat(2,minmax(0,1fr)) !important;
	}
}

/* ---------------------------------------------------------
   PHONE
   FORM COMES DIRECTLY AFTER HERO.
   The guidance remains below it, fully preserved.
   --------------------------------------------------------- */

@media (max-width: 767px) {
	.tm-contact-hero {
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}

	.tm-contact-hero h1,
	.tm-contact-hero__content h1 {
		max-width: none !important;
		font-size: clamp(34px,10vw,44px) !important;
		line-height: 1 !important;
	}

	.tm-contact-hero__intro,
	.tm-contact-hero__content > p {
		font-size: 15px !important;
	}

	/* FORM first on mobile */
	.tmcf-contact-form-target,
	.tm-contact-form,
	.tm-contact-enquiry,
	.tm-contact-main,
	.tm-contact-form-section {
		padding-top: 26px !important;
		padding-bottom: 30px !important;
	}

	.tmcf-contact-paths-compact {
		padding-top: 24px !important;
		padding-bottom: 28px !important;
	}

	.tmcf-contact-paths-compact .tmcf-contact-paths-head {
		margin-bottom: 12px !important;
	}

	.tmcf-contact-paths-compact .tmcf-contact-paths-head h2 {
		font-size: 29px !important;
		line-height: 1.02 !important;
	}

	.tmcf-contact-paths-compact .tmcf-contact-paths-head > p,
	.tmcf-contact-paths-compact .tmcf-contact-paths-head .tmcf-contact-paths-intro {
		font-size: 13px !important;
		line-height: 1.45 !important;
	}

	.tmcf-contact-paths-grid {
		grid-template-columns: 1fr !important;
		border-right: 1px solid rgba(17,17,17,.16) !important;
	}

	.tmcf-contact-path-item {
		grid-template-columns: 29px minmax(0,1fr) !important;
		gap: 8px !important;
		padding: 11px 12px !important;
		border-right: 0 !important;
	}

	.tmcf-contact-path-item__content h3 {
		margin-bottom: 3px !important;
		font-size: 18px !important;
	}

	.tmcf-contact-path-item__content p {
		font-size: 12px !important;
		line-height: 1.4 !important;
	}

	.tmcf-contact-path-item__content a {
		min-height: 28px !important;
		margin-top: 3px !important;
		font-size: 11px !important;
	}

	#wpforms-form-958 .wpforms-field {
		padding-top: 4px !important;
		padding-bottom: 4px !important;
	}

	#wpforms-form-958 input,
	#wpforms-form-958 select {
		min-height: 44px !important;
	}

	#wpforms-form-958 textarea {
		min-height: 88px !important;
	}

	.tmcf-contact-support-compact {
		margin-top: 12px !important;
		padding-top: 12px !important;
	}
}

/* =========================================================
   TEAM RIDERS
   Keep Saumya's existing real photos, film and quiver.
   Only reduce the oversized presentation.
   ========================================================= */

.tm-riders-intro__layout,
.tm-riders-hero__layout {
	min-height: 500px !important;
}

.tm-riders-intro__content {
	padding-top: 46px !important;
	padding-bottom: 48px !important;
}

.tm-riders-intro__content h1,
.tm-riders-hero h1 {
	font-size: clamp(50px,5.6vw,76px) !important;
	line-height: .9 !important;
	letter-spacing: -.02em !important;
}

.tm-riders-intro__media,
.tm-riders-intro__media img,
.tm-riders-hero__media,
.tm-riders-hero__media img {
	min-height: 500px !important;
	max-height: 540px !important;
}

.tm-riders-bio,
.tm-riders-film,
.tm-riders-quiver {
	padding-top: 46px !important;
	padding-bottom: 46px !important;
}

.tm-riders-bio h2,
.tm-riders-film h2,
.tm-riders-quiver h2 {
	font-size: clamp(36px,3.8vw,52px) !important;
	line-height: 1 !important;
}

.tm-riders-film__header,
.tm-riders-quiver__header {
	margin-bottom: 24px !important;
}

/* Praveen only appears when real matching photos exist. */
.tmcf-praveen-addon {
	padding: 46px 0 !important;
	background: var(--tm-charcoal,#252525) !important;
	color: var(--tm-off-white,#f7f6f1) !important;
	border-top: 1px solid rgba(255,255,255,.14) !important;
}

.tmcf-praveen-addon__inner {
	display: grid !important;
	grid-template-columns: minmax(240px,.55fr) minmax(0,1.45fr) !important;
	gap: clamp(28px,4vw,54px) !important;
	align-items: center !important;
}

.tmcf-praveen-addon .tm-eyebrow {
	color: var(--tm-yellow,#f5b800) !important;
}

.tmcf-praveen-addon h2 {
	margin: 0 !important;
	padding: 0 !important;
	color: #fff !important;
	font-family: var(--tm-heading-font,'Barlow',sans-serif) !important;
	font-size: clamp(40px,4.2vw,58px) !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

.tmcf-praveen-addon__bio {
	margin-top: 14px !important;
	color: rgba(255,255,255,.76) !important;
}

.tmcf-praveen-addon__media {
	display: grid !important;
	grid-template-columns: repeat(3,minmax(0,1fr)) !important;
	gap: 7px !important;
}

.tmcf-praveen-addon__image {
	margin: 0 !important;
	overflow: hidden !important;
	background: var(--tm-black,#111) !important;
}

.tmcf-praveen-addon__image img {
	width: 100% !important;
	aspect-ratio: 4/3 !important;
	object-fit: cover !important;
}

/* =========================================================
   POLICIES
   ========================================================= */

.tmcf-policy-shell {
	padding: 44px 0 56px !important;
	background: var(--tm-off-white,#f7f6f1) !important;
	color: var(--tm-black,#111) !important;
}

.tmcf-container {
	width: min(1160px,calc(100% - 48px)) !important;
	margin-inline: auto !important;
}

.tmcf-container--narrow {
	width: min(820px,calc(100% - 48px)) !important;
}

.tmcf-policy-shell h1 {
	margin: 0 0 22px !important;
	font-family: var(--tm-heading-font,'Barlow',sans-serif) !important;
	font-size: clamp(38px,4.2vw,54px) !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

.tmcf-policy-shell h2 {
	margin: 28px 0 10px !important;
	font-family: var(--tm-heading-font,'Barlow',sans-serif) !important;
	font-size: clamp(23px,2.3vw,30px) !important;
	font-weight: 800 !important;
	line-height: 1.08 !important;
}

.tmcf-policy-shell p,
.tmcf-policy-shell li {
	font-size: 15px !important;
	line-height: 1.58 !important;
}

/* =========================================================
   INCOMING PRODUCT CONFIGURATIONS
   ========================================================= */

.tmcf-product-shipment {
	width: min(1120px,calc(100% - 48px)) !important;
	margin: 32px auto !important;
	padding: 22px !important;
	background: var(--tm-off-white,#f7f6f1) !important;
	border: 1px solid rgba(17,17,17,.14) !important;
}

.tmcf-product-shipment h2 {
	margin: 0 0 8px !important;
	padding: 0 !important;
	font-size: clamp(25px,2.6vw,34px) !important;
	font-weight: 800 !important;
}

.tmcf-variant-table {
	margin-top: 14px !important;
	border-top: 1px solid rgba(17,17,17,.14) !important;
	border-left: 1px solid rgba(17,17,17,.14) !important;
}

.tmcf-variant-table__head,
.tmcf-variant-table__row {
	display: grid !important;
	grid-template-columns: 105px 1fr 1fr !important;
}

.tmcf-variant-table__head {
	background: var(--tm-black,#111) !important;
	color: #fff !important;
}

.tmcf-variant-table span {
	padding: 9px 11px !important;
	border-right: 1px solid rgba(17,17,17,.14) !important;
	border-bottom: 1px solid rgba(17,17,17,.14) !important;
	font-size: 13px !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 980px) {
	body.tmcf-managed-page .tm-container-wide,
	body.tmcf-managed-page .tm-container {
		width: min(100% - 40px,1160px) !important;
	}

	.tm-schools-equipment__row {
		grid-template-columns: 46px minmax(220px,.62fr) minmax(0,1.38fr) !important;
	}

	.tmcf-praveen-addon__inner {
		grid-template-columns: 1fr !important;
	}

	.tm-about-hero__content h1,
	.tm-schools-hero h1,
	.tm-riders-intro__content h1,
	.tm-contact-hero h1 {
		font-size: clamp(42px,7vw,58px) !important;
	}
}

@media (max-width: 767px) {
	body.tmcf-managed-page .tm-container-wide,
	body.tmcf-managed-page .tm-container,
	.tmcf-container,
	.tmcf-container--narrow,
	.tmcf-product-shipment {
		width: min(100% - 32px,1160px) !important;
	}

	.tm-about-hero__layout,
	.tm-about-story__layout,
	.tm-about-purpose__header,
	.tm-about-approach__header {
		gap: 22px !important;
	}

	.tm-about-hero__media,
	.tm-about-hero__media img,
	.tm-about-story__media,
	.tm-about-story__media img {
		min-height: 0 !important;
		max-height: none !important;
	}

	.tm-schools-hero,
	.tm-schools-planning,
	.tm-schools-equipment,
	.tm-schools-community,
	.tm-schools-enquiry,
	.tm-riders-bio,
	.tm-riders-film,
	.tm-riders-quiver {
		padding-top: 36px !important;
		padding-bottom: 36px !important;
	}

	.tm-schools-equipment__row {
		grid-template-columns: 38px minmax(0,1fr) !important;
	}

	.tm-schools-equipment__index {
		grid-column: 1 !important;
		grid-row: 1 / span 2 !important;
	}

	.tm-schools-equipment__image {
		grid-column: 2 !important;
		min-height: 230px !important;
		border-right: 0 !important;
	}

	.tm-schools-equipment__content {
		grid-column: 2 !important;
		grid-template-columns: 1fr !important;
		padding: 20px 18px !important;
	}

	.tmcf-school-surf-duo__item img {
		height: 155px !important;
	}

	.tm-schools-community__logos {
		grid-template-columns: repeat(2,minmax(0,1fr)) !important;
	}

	.tm-riders-intro__layout,
	.tm-riders-hero__layout {
		min-height: 0 !important;
	}

	.tm-riders-intro__media,
	.tm-riders-intro__media img,
	.tm-riders-hero__media,
	.tm-riders-hero__media img {
		min-height: 0 !important;
		max-height: none !important;
	}

	.tmcf-praveen-addon__media {
		grid-template-columns: 1fr 1fr !important;
	}

	.tmcf-wpforms-subject {
		margin-bottom: 10px !important;
	}
}