/**
 * Homepage "Featured Captures" section -- homepage-specific concerns only.
 *
 * REFACTORED (Phase 2C.2): the product-card CORE that used to live here
 * (card shell, quick-add removal, image architecture, info-area rhythm,
 * title/description typography, rating/price treatment, Add to Cart
 * button, mobile typography density) has moved to the shared
 * assets/css/product-card.css, which now also covers /all-products/. This
 * file keeps ONLY what is genuinely specific to the homepage Featured
 * Captures section: the section heading and this section's own grid.
 *
 * Scope: `elementor-element-ae09b53` (the Featured Products shortcode
 * widget) combined with `body.home`, same convention as hero.css/shop-by-
 * category.css/audio-software.css. `elementor-element-51a5d23` (Shop by
 * Category, a [product_categories] term loop, `li.product-category.product`)
 * shares the homepage but is never touched by anything in this file or in
 * product-card.css.
 *
 * Enqueued after tsc-tokens AND tsc-product-card (must load after the
 * shared core so nothing here needs to re-declare card-level properties).
 */

/* ============================================================
 * 1. SECTION HEADING
 * ============================================================
 * elementor-element-99ec404: H6 12px eyebrow, "Studio Favorites".
 * elementor-element-7d9ca59: H2 45px heading, "Featured Captures" (text
 * changed via Elementor, not here).
 */
body.home .elementor-element-99ec404 .elementor-heading-title {
	font-family: var(--tsc-font-body);
	font-weight: 600;
	font-size: var(--tsc-fs-caption);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--tsc-text-muted-light);
}

body.home .elementor-element-7d9ca59 .elementor-heading-title {
	font-family: var(--tsc-font-display);
	font-weight: 600;
	font-size: var(--tsc-fs-h2);
	line-height: var(--tsc-lh-heading);
	letter-spacing: normal;
	text-transform: uppercase;
	color: var(--tsc-text-light);
}

/* ============================================================
 * 2. GRID
 * ============================================================
 * Live-tested across both 1-column and 2-column mobile concepts in Phase
 * 2B.3A/2B.3C; 2-column confirmed as the final choice once line-clamping
 * was removed from the shared card (real, unclamped Short Descriptions
 * read comfortably at this width). Desktop/tablet counts unchanged from
 * the originally-approved Featured Captures design.
 */
body.home .elementor-element-ae09b53 ul.products.columns-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--tsc-space-5);
}

@media (max-width: 1024px) {
	body.home .elementor-element-ae09b53 ul.products.columns-4 {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	body.home .elementor-element-ae09b53 ul.products.columns-4 {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--tsc-space-4);
	}
}