/**
 * On mobile, a long page title (product names especially — "Mr ResBaa Antep Fıstıklı
 * Draje 1kg") wraps onto its own line inside the breadcrumb trail's last (current, not
 * a link) item, since `.lte-page-header .breadcrumbs li` has no width limit — this made
 * the full title visually appear a *second* time directly under the real H1 title,
 * looking like a duplicated heading rather than a normal breadcrumb crumb (confirmed:
 * it's the same standard "breadcrumb repeats the current page's title" pattern every
 * page already uses — Hakkımızda's "HAKKIMIZDA" breadcrumb crumb does the same thing —
 * it's only prominent enough to read as a duplicate on narrow screens with long titles).
 * User confirmed desktop is fine as-is; only mobile needed a fix. Truncates the current
 * crumb with an ellipsis instead — a completely standard breadcrumb pattern, and a
 * no-op for short titles that already fit.
 */
@media (max-width: 480px) {
	.lte-page-header .breadcrumbs li.current-item {
		display: inline-block;
		max-width: 140px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		vertical-align: bottom;
	}
}