/**
 * Design Your Racket — page-specific typography exceptions.
 *
 * Barlow Condensed @font-face and sitewide family tokens live in
 * equippedly-typography.css. This file only preserves the approved DYR
 * oversized hierarchy, uppercase marketing titles, and button polish that
 * must not leak to homepage/shop/PDP/checkout.
 *
 * Scope: body.eq-page-design-your-racket .eq-showroom (+ support panel).
 */

/* —— Page-scoped tokens —— */

body.eq-page-design-your-racket .eq-showroom,
body.eq-page-design-your-racket .eq-support-panel {
	--eq-dyr-font-display: var(--eq-font-display);
	--eq-dyr-font-body: var(--eq-font-body);
	/* px tokens — site html root is 10px; rem would under-size. */
	--eq-dyr-hero: clamp(44px, 6.2vw, 88px);
	--eq-dyr-section: clamp(34px, 4.2vw, 60px);
	--eq-dyr-subhead: clamp(24px, 2.2vw, 32px);
	--eq-dyr-card-title: clamp(18px, 1.2vw, 22px);
	--eq-dyr-body: clamp(15px, 1.05vw, 18px);
	--eq-dyr-eyebrow: 12px;
	--eq-dyr-btn-h: 52px;
	--eq-dyr-radius: 4px;
	--eq-dyr-motion: 180ms;
}

html[dir="rtl"] body.eq-page-design-your-racket .eq-showroom,
html[dir="rtl"] body.eq-page-design-your-racket .eq-support-panel {
	--eq-dyr-font-display: var(--eq-font-display);
	--eq-dyr-font-body: var(--eq-font-body);
}

body.eq-page-design-your-racket .eq-showroom {
	font-family: var(--eq-dyr-font-body);
}

/* —— Hero —— */

body.eq-page-design-your-racket .eq-showroom-hero__title {
	font-family: var(--eq-dyr-font-display);
	font-size: var(--eq-dyr-hero);
	font-weight: 800;
	line-height: 0.95;
	letter-spacing: -0.015em;
	text-transform: uppercase;
	max-width: 11.5em;
}

body.eq-page-design-your-racket .eq-showroom-hero .eq-eyebrow {
	font-family: var(--eq-dyr-font-body);
	font-size: var(--eq-dyr-eyebrow);
	font-weight: 600;
	letter-spacing: 0.12em;
}

body.eq-page-design-your-racket .eq-showroom-hero__copy .eq-body-lg {
	font-family: var(--eq-dyr-font-body);
	font-size: var(--eq-dyr-body);
	font-weight: 400;
	line-height: 1.55;
}

/* —— Section headings (showroom + nested CYW) —— */

body.eq-page-design-your-racket .eq-showroom__title,
body.eq-page-design-your-racket .eq-showroom .eq-create-way .eq-h2,
body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__title {
	font-family: var(--eq-dyr-font-display);
	font-size: clamp(40px, 6vw, 72px);
	font-weight: 800;
	line-height: 0.95;
	letter-spacing: -0.02em;
	text-transform: uppercase;
}

body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__qty-title,
body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__benefit strong {
	font-family: var(--eq-dyr-font-display);
	font-weight: 800;
	letter-spacing: -0.01em;
}

body.eq-page-design-your-racket .eq-showroom .eq-eyebrow,
body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing .eq-eyebrow {
	font-family: var(--eq-dyr-font-body);
	font-size: var(--eq-dyr-eyebrow);
	font-weight: 600;
	letter-spacing: 0.1em;
}

body.eq-page-design-your-racket .eq-showroom .eq-body-lg,
body.eq-page-design-your-racket .eq-showroom .eq-create-way__lead,
body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__intro .eq-body-lg {
	font-family: var(--eq-dyr-font-body);
	font-size: var(--eq-dyr-body);
	font-weight: 400;
	line-height: 1.55;
}

/* —— Create It Your Way (DYR nest only) —— */

body.eq-page-design-your-racket .eq-showroom .eq-create-card__title {
	font-family: var(--eq-dyr-font-display, "Barlow Condensed", sans-serif);
	font-weight: 800;
	letter-spacing: 0.01em;
	line-height: 0.95;
	text-transform: uppercase;
}

body.eq-page-design-your-racket .eq-showroom .eq-create-card__copy {
	font-family: var(--eq-dyr-font-body);
	font-size: clamp(14px, 1vw, 16px);
	font-weight: 400;
	line-height: 1.5;
}

body.eq-page-design-your-racket .eq-showroom .eq-create-card__badge {
	font-family: var(--eq-dyr-font-body);
	font-weight: 600;
	letter-spacing: 0.06em;
}

/* —— Choose Your Racket cards —— */

body.eq-page-design-your-racket .eq-showroom-card__material {
	font-family: var(--eq-dyr-font-body);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

body.eq-page-design-your-racket .eq-showroom-card__title,
body.eq-page-design-your-racket .eq-showroom-card__title a {
	font-family: var(--eq-dyr-font-body);
	font-size: var(--eq-dyr-card-title);
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.2;
}

body.eq-page-design-your-racket .eq-showroom-card__price {
	font-family: var(--eq-dyr-font-body);
	font-size: clamp(16px, 1.15vw, 20px);
	font-weight: 700;
}

body.eq-page-design-your-racket .eq-showroom-card__blurb {
	font-family: var(--eq-dyr-font-body);
	font-size: clamp(14px, 1vw, 15px);
	line-height: 1.5;
}

/* —— Features / steps / stage —— */

body.eq-page-design-your-racket .eq-showroom-feature__title,
body.eq-page-design-your-racket .eq-showroom-step__title {
	font-family: var(--eq-dyr-font-display);
	font-size: var(--eq-dyr-subhead);
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.1;
	text-transform: uppercase;
}

body.eq-page-design-your-racket .eq-showroom-feature__copy,
body.eq-page-design-your-racket .eq-showroom-step__copy {
	font-family: var(--eq-dyr-font-body);
	font-size: clamp(14px, 1vw, 16px);
	line-height: 1.55;
}

body.eq-page-design-your-racket .eq-showroom-step__num {
	font-family: var(--eq-dyr-font-display);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1;
}

body.eq-page-design-your-racket [id="3d-experience"] .eq-showroom-highlights strong {
	font-family: var(--eq-font-heading, "Barlow Condensed", sans-serif);
	font-weight: 800;
}

/* —— Volume Pricing (inside .eq-showroom) —— */

body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__option-name {
	font-family: var(--eq-dyr-font-display);
	font-size: clamp(13px, 1.05vw, 15px);
	font-weight: 700;
	letter-spacing: -0.01em;
}

body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__option-fabric {
	font-family: var(--eq-dyr-font-body);
	font-size: 12px;
	font-weight: 500;
}

body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__tier-pct {
	font-family: var(--eq-dyr-font-display);
	font-weight: 800;
	letter-spacing: -0.02em;
}

body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__tier-range,
body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__qty-label,
body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__summary-label,
body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__metrics dt {
	font-family: var(--eq-dyr-font-body);
	font-weight: 600;
	letter-spacing: 0.06em;
}

body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__summary-title {
	font-family: var(--eq-dyr-font-display);
	font-size: clamp(20px, 1.7vw, 26px);
	font-weight: 800;
	letter-spacing: -0.015em;
}

body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__metrics dd,
body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__discount,
body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__qty-number {
	font-family: var(--eq-dyr-font-body);
	font-weight: 650;
}

body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__metric--total dd {
	font-family: var(--eq-dyr-font-display);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.05;
}

body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__quote {
	font-family: var(--eq-dyr-font-body);
	font-size: 15px;
	line-height: 1.45;
}

/* —— Support panel on DYR —— */

body.eq-page-design-your-racket .eq-support-panel {
	font-family: var(--eq-dyr-font-body);
}

body.eq-page-design-your-racket .eq-support-panel__title {
	font-family: var(--eq-dyr-font-display);
	font-size: var(--eq-dyr-section);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.01em;
}

body.eq-page-design-your-racket .eq-support-panel__eyebrow {
	font-family: var(--eq-dyr-font-body);
	font-size: var(--eq-dyr-eyebrow);
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

body.eq-page-design-your-racket .eq-support-panel__body,
body.eq-page-design-your-racket .eq-support-panel__action-title,
body.eq-page-design-your-racket .eq-support-panel__action-desc {
	font-family: var(--eq-dyr-font-body);
}

body.eq-page-design-your-racket .eq-support-panel__action-title {
	font-weight: 700;
}

/* —— Buttons (DYR polish) —— */

body.eq-page-design-your-racket .eq-showroom .eq-btn,
body.eq-page-design-your-racket .eq-support-panel .eq-btn {
	font-family: var(--eq-dyr-font-body);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.02em;
	min-height: var(--eq-dyr-btn-h);
	padding-inline: 22px;
	border-radius: var(--eq-dyr-radius);
	transition:
		background-color var(--eq-dyr-motion) var(--eq-ease, cubic-bezier(0.2, 0.8, 0.2, 1)),
		border-color var(--eq-dyr-motion) var(--eq-ease, cubic-bezier(0.2, 0.8, 0.2, 1)),
		color var(--eq-dyr-motion) var(--eq-ease, cubic-bezier(0.2, 0.8, 0.2, 1)),
		transform var(--eq-dyr-motion) var(--eq-ease, cubic-bezier(0.2, 0.8, 0.2, 1)),
		box-shadow var(--eq-dyr-motion) var(--eq-ease, cubic-bezier(0.2, 0.8, 0.2, 1));
}

body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__cta {
	font-family: var(--eq-dyr-font-body);
	font-size: 13px;
	font-weight: 750;
	letter-spacing: 0.06em;
}

body.eq-page-design-your-racket .eq-showroom .eq-btn--primary:hover,
body.eq-page-design-your-racket .eq-support-panel .eq-btn--primary:hover {
	transform: translateY(-1px);
}

body.eq-page-design-your-racket .eq-showroom .eq-btn--outline-dark:hover,
body.eq-page-design-your-racket .eq-showroom .eq-btn--outline-light:hover,
body.eq-page-design-your-racket .eq-support-panel .eq-btn--outline-dark:hover {
	transform: translateY(-1px);
}

body.eq-page-design-your-racket .eq-showroom .eq-btn:focus-visible,
body.eq-page-design-your-racket .eq-support-panel .eq-btn:focus-visible,
body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__cta:focus-visible {
	outline: 2px solid var(--eq-color-volt, #cbff4d);
	outline-offset: 3px;
}

body.eq-page-design-your-racket .eq-showroom .eq-btn--sm {
	min-height: 44px;
	padding-inline: 16px;
	font-size: 14px;
}

body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__option,
body.eq-page-design-your-racket .eq-showroom .eq-volume-pricing__tier {
	font-family: var(--eq-dyr-font-body);
	border-radius: var(--eq-dyr-radius);
}

/* —— Responsive tightening —— */

@media (max-width: 767px) {
	body.eq-page-design-your-racket .eq-showroom,
	body.eq-page-design-your-racket .eq-support-panel {
		--eq-dyr-hero: clamp(44px, 11vw, 56px);
		--eq-dyr-section: clamp(34px, 8vw, 42px);
		--eq-dyr-btn-h: 48px;
	}

	body.eq-page-design-your-racket .eq-showroom-hero__title {
		max-width: none;
	}

	body.eq-page-design-your-racket .eq-showroom .eq-btn,
	body.eq-page-design-your-racket .eq-support-panel .eq-btn {
		white-space: normal;
		text-wrap: balance;
	}
}

@media (max-width: 389px) {
	body.eq-page-design-your-racket .eq-showroom,
	body.eq-page-design-your-racket .eq-support-panel {
		--eq-dyr-hero: 44px;
		--eq-dyr-section: 34px;
	}
}

/* Collection cards — Barlow titles on dark cinematic panels */
body.eq-page-design-your-racket #choose-your-racket .eq-showroom__title--collection {
	font-family: var(--eq-dyr-font-display);
	font-weight: 800;
}

body.eq-page-design-your-racket #choose-your-racket .eq-showroom-card__title,
body.eq-page-design-your-racket #choose-your-racket .eq-showroom-card__title a {
	font-family: var(--eq-dyr-font-display);
	font-weight: 800;
}

body.eq-page-design-your-racket #choose-your-racket .eq-showroom-card__blurb,
body.eq-page-design-your-racket #choose-your-racket .eq-showroom-card__material,
body.eq-page-design-your-racket #choose-your-racket .eq-showroom-card__price,
body.eq-page-design-your-racket #choose-your-racket .eq-showroom-card__cta {
	font-family: var(--eq-dyr-font-body);
}