/* ==========================================================================
   FILE: assets/css/sunglasses-section.css
   PURPOSE: Styles the homepage "Sunglasses" section (real category,
   matched via dc_hdr_term()) — template-parts/sections/sunglasses-
   section.php. Same premium heading pattern as the Polo section / Shop
   heading / Trending section: eyebrow + bold title + gradient divider
   line + subtitle. Card grid itself needs no extra CSS — it reuses the
   same `ul.products` / `.dc-shop-card` rules from assets/css/shop-
   card.css.
   FIX (carried over from the Polo section): no horizontal padding on
   the outer <section> — ul.products already adds its own 0 16px
   padding, so adding it again here would double the inset and shrink
   every card. Also overrides the default link-underline on the card's
   name/price, same as the Polo section needed.
   Loaded on the homepage only — see functions.php section 32.
   ========================================================================== */

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

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

.dc-sun__grid .dc-shop-card__info,
.dc-sun__grid .dc-shop-card__name,
.dc-sun__grid .dc-shop-card__price,
.dc-sun__grid .dc-shop-card__link {
	text-decoration: none !important;
}

.dc-sun__viewall {
	display: block;
	max-width: 200px;
	margin: 18px auto 0;
	padding: 11px;
	border: 1px solid #000;
	border-radius: 6px;
	color: #000;
	background: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .04em;
	text-decoration: none;
	transition: background .25s ease, color .25s ease;
	-webkit-tap-highlight-color: transparent;
	outline: none;
}
.dc-sun__viewall:hover {
	background: #000;
	color: #fff;
}