/* ==========================================================================
   FILE: assets/css/recently-viewed.css
   PURPOSE: Styles the "Recently Viewed" section heading (homepage +
   Wishlist page) — template-parts/sections/recently-viewed.php. Same
   premium heading pattern as Polo/Sunglasses sections: eyebrow + bold
   title + gradient divider line + subtitle. The mount itself is just
   `ul.products` so cards reuse the exact shop-card.css styling —
   nothing extra needed for the grid.
   The whole <section class="dc-recent"> is hidden automatically by
   assets/js (inline, functions.php section 34) when the visitor hasn't
   viewed any products yet, so no "empty state" styling is needed here.
   Loaded sitewide — see functions.php section 34.
   ========================================================================== */

.dc-recent {
	padding: 28px 0 36px;
}

.dc-recent__head {
	text-align: center;
	margin-bottom: 18px;
	padding: 0 16px;
}
.dc-recent__brand {
	display: inline-block;
	font-size: 10px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #000;
	font-weight: 700;
	margin-bottom: 8px;
}
.dc-recent__title {
	font-size: 26px;
	font-weight: 900;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: #000;
	margin: 0;
	line-height: 1.1;
}
.dc-recent__line {
	display: block;
	width: 60px;
	height: 1px;
	margin: 14px auto 0;
	background: linear-gradient( 90deg, transparent, #000, transparent );
}
.dc-recent__sub {
	margin: 12px 0 0;
	font-size: 12.5px;
	color: #777;
}

/* cards built by JS are simpler (no wishlist heart / dual-image hover /
   size chips) than the real shop grid card, but still carry the exact
   .dc-shop-card classes so border/radius/shadow/typography all match */
.dc-recent-mount .dc-shop-card__info,
.dc-recent-mount .dc-shop-card__name,
.dc-recent-mount .dc-shop-card__price,
.dc-recent-mount .dc-shop-card__link {
	text-decoration: none !important;
}