/**
 * E-Potion Page Heading
 *
 * Structure:
 *   .ep-ph                — outer section, controls padding + alignment
 *     .ep-ph-title        — heavy, large heading (h1/h2/h3 by config)
 *     .ep-ph-subtitle     — optional subtitle line
 *
 * Pure CSS, no JS. Lightweight (~2 KB).
 *
 * @package Shoptimizer_Child
 */

.ep-ph {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 40px 16px 24px;
	box-sizing: border-box;
	font-family: inherit;
	color: var(--ep-text-primary, #0e1116);
}

/* Alignment */
.ep-ph--left   { text-align: left; }
.ep-ph--center { text-align: center; }
.ep-ph--right  { text-align: right; }

/* Title — bold, heavy, tight leading, negative tracking for premium feel */
.ep-ph-title {
	font-weight: 900;
	line-height: 1.05;
	letter-spacing: -0.025em;
	color: var(--ep-text-primary, #0e1116);
	margin: 0;
	font-family: inherit;
}

/* Size variants */
.ep-ph--sm .ep-ph-title { font-size: 28px; letter-spacing: -0.015em; }
.ep-ph--md .ep-ph-title { font-size: 36px; letter-spacing: -0.02em; }
.ep-ph--lg .ep-ph-title { font-size: 48px; }
.ep-ph--xl .ep-ph-title { font-size: 60px; letter-spacing: -0.03em; }

/* Subtitle */
.ep-ph-subtitle {
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--ep-text-secondary, #525a64);
	margin: 12px 0 0;
	max-width: 720px;
	font-family: inherit;
}

.ep-ph--center .ep-ph-subtitle {
	margin-left: auto;
	margin-right: auto;
}

/* Responsive scale-down */
@media (max-width: 1024px) {
	.ep-ph--xl .ep-ph-title { font-size: 48px; }
	.ep-ph--lg .ep-ph-title { font-size: 40px; }
}

@media (max-width: 720px) {
	.ep-ph {
		padding: 32px 16px 20px;
	}
	.ep-ph--xl .ep-ph-title { font-size: 38px; }
	.ep-ph--lg .ep-ph-title { font-size: 32px; }
	.ep-ph--md .ep-ph-title { font-size: 26px; }
	.ep-ph--sm .ep-ph-title { font-size: 22px; }
	.ep-ph-subtitle { font-size: 15px; }
}

@media (max-width: 440px) {
	.ep-ph--xl .ep-ph-title { font-size: 32px; }
	.ep-ph--lg .ep-ph-title { font-size: 28px; }
}