/*
 * LianLifestyle Superstore 2026 — main design stylesheet.
 *
 * Implements design plan §1 (design system + signature components),
 * §2 (homepage), §4 (aisle landings), §5 (product page), §6 (comparator).
 * Tokens mirror theme.json. No animations that move layout, no
 * auto-advancing anything, fixed aspect ratios on media (CLS-safe).
 */

:root {
	--ll-navy-900: #0A182B;
	--ll-navy-700: #10243E;
	--ll-navy-100: #D8DEE7;
	--ll-amber-500: #F5A800;
	--ll-amber-700: #9A6200;
	--ll-floor: #F7F5F0;
	--ll-card: #FFFFFF;
	--ll-ink: #1C2733;
	--ll-sale-red: #B3261E;
	--ll-radius: 8px;
	--ll-font-display: Oswald, "Archivo Narrow", "Arial Narrow", sans-serif;
	--ll-font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* ---------- Global ---------- */

.ll-display {
	font-family: var(--ll-font-display);
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.ll-price-numerals,
.woocommerce-Price-amount,
.ll-per-pair {
	font-variant-numeric: tabular-nums;
}

:focus-visible {
	outline: 2px solid var(--ll-amber-500);
	outline-offset: 2px;
}

/* ---------- S0 utility bar ---------- */

.ll-utility-bar {
	background: var(--ll-navy-900);
	color: #fff;
	font-size: 0.8125rem;
}

.ll-utility-bar .wp-block-group {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 2rem;
	justify-content: center;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}

@media (max-width: 781px) {
	/* One line on mobile: the shipping fact only (plan §2 S0). */
	.ll-utility-bar .ll-utility-extra {
		display: none;
	}
}

/* ---------- S1 header + nav ---------- */

.ll-site-header {
	background: var(--ll-navy-700);
	color: #fff;
	position: sticky;
	top: 0;
	z-index: 60;
}

.ll-site-header a {
	color: #fff;
}

.ll-wordmark-descriptor {
	color: var(--ll-amber-500);
	font-family: var(--ll-font-display);
	font-size: 0.75rem;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	margin-top: -0.35rem;
}

.ll-header-nav-row {
	border-top: 1px solid rgba(255, 255, 255, 0.16);
}

/* Mega-menu friendly navigation: core Navigation submenus get room to
   breathe, signage-style headers, and full keyboard visibility. The
   four-column mega layout itself is curated in the Site Editor menu;
   these rules style whatever depth the menu uses. */
.ll-main-nav .wp-block-navigation__container {
	gap: 0.25rem 1.5rem;
}

.ll-main-nav .wp-block-navigation-item__content {
	padding: 0.55rem 0.25rem;
	font-weight: 600;
}

.ll-main-nav .wp-block-navigation__submenu-container {
	background: var(--ll-card);
	color: var(--ll-ink);
	border: 1px solid var(--ll-navy-100);
	border-top: 3px solid var(--ll-amber-500);
	border-radius: 0 0 var(--ll-radius) var(--ll-radius);
	box-shadow: 0 12px 28px rgba(10, 24, 43, 0.18);
	min-width: 240px;
	padding: 0.75rem;
}

.ll-main-nav .wp-block-navigation__submenu-container a {
	color: var(--ll-navy-700);
}

.ll-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.ll-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
	color: var(--ll-amber-700);
}

/* Mobile drawer (core Navigation responsive container): full navy panel,
   44px+ tap targets (plan §3). */
.wp-block-navigation__responsive-container.is-menu-open {
	background: var(--ll-navy-700);
	color: #fff;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	padding: 0.7rem 0.25rem;
	min-height: 44px;
	display: flex;
	align-items: center;
}

/* ---------- S2 hero ---------- */

.ll-hero {
	background: var(--ll-navy-700);
	color: #fff;
}

.ll-hero h1,
.ll-hero .ll-hero-headline {
	color: #fff;
	font-family: var(--ll-font-display);
	text-transform: uppercase;
	line-height: 1.08;
	margin: 0;
}

.ll-hero .ll-hero-perpair {
	color: var(--ll-amber-500);
}

.ll-hero-sub {
	color: #E8ECF1;
	max-width: 34rem;
}

.ll-hero-anchor-card {
	background: var(--ll-card);
	color: var(--ll-ink);
	border-radius: var(--ll-radius);
	border-top: 6px solid var(--ll-amber-500);
	padding: 1.5rem;
	text-align: center;
}

.ll-hero-anchor-card .ll-anchor-pack {
	font-family: var(--ll-font-display);
	font-size: 2rem;
	text-transform: uppercase;
	color: var(--ll-navy-900);
	line-height: 1.1;
}

.ll-hero-anchor-card .ll-anchor-price {
	font-size: 2.5rem;
	font-weight: 800;
	color: var(--ll-navy-900);
	font-variant-numeric: tabular-nums;
	line-height: 1.1;
}

.ll-hero-anchor-card .ll-anchor-perpair {
	color: var(--ll-amber-700);
	font-weight: 700;
	font-size: 1.0625rem;
	font-variant-numeric: tabular-nums;
}

.ll-hero-anchor-card .ll-anchor-note {
	font-size: 0.8125rem;
	color: #43536A;
}

.ll-hero .wp-block-button__link {
	background: var(--ll-amber-500);
	color: var(--ll-navy-900);
}

.ll-hero .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: #fff;
	border: 2px solid #fff;
}

/* ---------- Aisle sign (signature component 1) ---------- */

.ll-aisle-sign {
	background: var(--ll-navy-700);
	color: #fff;
	border-bottom: 4px solid var(--ll-amber-500);
	border-radius: var(--ll-radius) var(--ll-radius) 0 0;
	padding: 0.9rem 1.25rem;
	display: flex;
	align-items: baseline;
	gap: 0.9rem;
}

.ll-aisle-sign .ll-aisle-number {
	color: var(--ll-amber-500);
	font-family: var(--ll-font-display);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
}

.ll-aisle-sign .ll-aisle-name {
	font-family: var(--ll-font-display);
	font-size: 1.375rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #fff;
	margin: 0;
}

.ll-aisle-sign .ll-aisle-count {
	margin-left: auto;
	font-size: 0.8125rem;
	color: #C7D0DD;
	white-space: nowrap;
}

/* ---------- S4 aisle grid ---------- */

.ll-aisle-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 1rem;
}

.ll-aisle-tile {
	background: var(--ll-card);
	border: 1px solid var(--ll-navy-100);
	border-radius: var(--ll-radius);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.ll-aisle-tile-body {
	padding: 1rem 1.25rem 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	flex: 1;
}

.ll-aisle-tile-body p {
	margin: 0;
}

.ll-aisle-floor-price {
	color: var(--ll-amber-700);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	margin-top: auto;
}

.ll-aisle-tile a.ll-aisle-go {
	font-weight: 700;
	text-decoration: none;
}

.ll-aisle-tile a.ll-aisle-go:hover {
	color: var(--ll-amber-700);
	text-decoration: underline;
}

/* ---------- S3 trust strip ---------- */

.ll-trust-strip {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1rem;
}

.ll-trust-item {
	display: flex;
	gap: 0.75rem;
	align-items: flex-start;
	background: var(--ll-card);
	border: 1px solid var(--ll-navy-100);
	border-radius: var(--ll-radius);
	padding: 1rem;
}

.ll-trust-item .ll-trust-icon {
	color: var(--ll-amber-700);
	font-family: var(--ll-font-display);
	font-size: 1.25rem;
	line-height: 1;
	flex: 0 0 auto;
}

.ll-trust-item p {
	margin: 0;
	font-size: 0.9375rem;
}

.ll-trust-item strong {
	display: block;
	color: var(--ll-navy-900);
}

/* ---------- S5 ladder strip ---------- */

.ll-ladder {
	background: var(--ll-card);
	border: 1px solid var(--ll-navy-100);
	border-radius: var(--ll-radius);
	padding: 1.25rem;
}

.ll-ladder-rungs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	align-items: end;
}

.ll-ladder-rung {
	text-align: center;
}

.ll-ladder-bar {
	background: var(--ll-navy-700);
	border-radius: 4px 4px 0 0;
	margin: 0 auto 0.5rem;
	width: min(72px, 60%);
	/* Height set inline per rung via --ll-bar (fraction of the tallest). */
	height: calc(var(--ll-bar, 1) * 84px);
	min-height: 18px;
}

.ll-ladder-rung.is-best .ll-ladder-bar {
	background: var(--ll-amber-500);
}

.ll-ladder-pack {
	font-family: var(--ll-font-display);
	text-transform: uppercase;
	font-size: 1.0625rem;
	color: var(--ll-navy-900);
}

.ll-ladder-total {
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}

.ll-ladder-perpair {
	color: var(--ll-amber-700);
	font-size: 0.8125rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.ll-ladder-saving {
	text-align: center;
	font-weight: 700;
	color: var(--ll-navy-900);
	margin-top: 1rem;
}

/* ---------- S7 age tiles / S8 cross-cut tiles ---------- */

.ll-tile-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 1rem;
}

.ll-mini-tile {
	background: var(--ll-navy-700);
	color: #fff;
	border-radius: var(--ll-radius);
	padding: 1rem;
	text-align: center;
	text-decoration: none;
	display: block;
}

.ll-mini-tile:hover,
.ll-mini-tile:focus-visible {
	background: var(--ll-navy-900);
	color: #fff;
}

.ll-mini-tile .ll-mini-tile-main {
	font-family: var(--ll-font-display);
	font-size: 1.375rem;
	text-transform: uppercase;
	display: block;
}

.ll-mini-tile .ll-mini-tile-sub {
	font-size: 0.8125rem;
	color: #C7D0DD;
}

/* ---------- S9 value promise band ---------- */

.ll-value-band {
	background: var(--ll-amber-500);
	color: var(--ll-navy-900);
}

.ll-value-band h2,
.ll-value-band .ll-display {
	color: var(--ll-navy-900);
}

.ll-value-band .wp-block-button__link {
	background: var(--ll-navy-900);
	color: #fff;
}

/* ---------- S10 featured families ---------- */

.ll-family-row {
	background: var(--ll-card);
	border: 1px solid var(--ll-navy-100);
	border-radius: var(--ll-radius);
	padding: 1.25rem;
}

.ll-family-row .ll-family-meta {
	color: var(--ll-amber-700);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

/* ---------- S11 Random vs Assorted ---------- */

.ll-basis-columns {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}

@media (min-width: 782px) {
	.ll-basis-columns {
		grid-template-columns: 1fr 1fr;
	}
}

.ll-basis-card {
	background: var(--ll-card);
	border: 1px solid var(--ll-navy-100);
	border-radius: var(--ll-radius);
	padding: 1.25rem;
}

.ll-basis-card .ll-basis-disclosure {
	border-left: 4px solid var(--ll-amber-500);
	padding-left: 0.75rem;
	font-weight: 600;
}

/* ---------- Product cards (§1 component set) ---------- */

/* The archive/taxonomy templates use the classic WooCommerce loop
   (via the [products] shortcode) so these hooks + classes apply. */
.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
	margin: 0;
	padding: 0;
}

@media (min-width: 900px) {
	.woocommerce ul.products {
		grid-template-columns: repeat(4, 1fr);
	}
}

.woocommerce ul.products li.product {
	background: var(--ll-card);
	border: 1px solid var(--ll-navy-100);
	border-radius: var(--ll-radius);
	padding: 0 0 1rem;
	margin: 0;
	width: auto;
	float: none;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: box-shadow 120ms ease-in-out;
}

@media (hover: hover) and (min-width: 900px) {
	.woocommerce ul.products li.product:hover {
		box-shadow: 2px 2px 0 var(--ll-navy-700);
	}
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
	display: block;
	padding: 0 1rem;
}

/* Fixed 1:1 media box — no layout shift while images load. */
.woocommerce ul.products li.product img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	width: 100%;
	height: auto;
	display: block;
	margin: 0 0 0.75rem;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--ll-font-body);
	font-size: 0.9375rem;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	color: var(--ll-ink);
	padding: 0;
}

/* Pack chip (component 2): injected by LL Superstore Core before the
   loop item title; positioned over the photo's top-left. */
.ll-pack-chip {
	position: absolute;
	top: 0.625rem;
	left: 0.625rem;
	z-index: 2;
	background: var(--ll-navy-700);
	color: #fff;
	font-family: var(--ll-font-display);
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 0.3rem 0.55rem;
	border-radius: 4px;
	pointer-events: none;
}

.ll-pack-chip .ll-pack-chip-count {
	color: var(--ll-amber-500);
	font-size: 1rem;
}

/* Basis tag (component 5). */
.ll-basis-tag {
	display: inline-block;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ll-navy-700);
	border: 1px solid var(--ll-navy-100);
	border-radius: 999px;
	padding: 0.15rem 0.55rem;
	margin: 0 1rem 0.4rem;
	align-self: flex-start;
}

/* Price block (component 3) + per-pair line (rendered by the plugin
   inside the price HTML and as a standalone line on product pages). */
.woocommerce ul.products li.product .price,
.single-product .ll-price-block .price {
	display: block;
	font-size: 1.25rem;
	font-weight: 800;
	color: var(--ll-navy-900);
	font-variant-numeric: tabular-nums;
	padding: 0 1rem;
}

.woocommerce ul.products li.product .price {
	padding: 0;
	margin: 0 1rem;
}

.ll-per-pair {
	display: block;
	font-size: 0.8125rem;
	font-weight: 700;
	color: var(--ll-amber-700);
	font-variant-numeric: tabular-nums;
	margin-top: 0.15rem;
}

/* Value flag (component 4) — only ever printed by data-driven code. */
.ll-value-flag {
	display: inline-block;
	background: var(--ll-amber-500);
	color: var(--ll-navy-900);
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 0.2rem 0.5rem;
	border-radius: 4px;
}

/* Card add-to-cart: full-width on mobile, inset on desktop. */
.woocommerce ul.products li.product .button {
	margin: auto 1rem 0;
	text-align: center;
}

.woocommerce ul.products li.product .added_to_cart {
	margin: 0.5rem 1rem 0;
	font-weight: 700;
}

/* ---------- Product page (§5) ---------- */

.single-product .ll-price-block {
	margin: 0.75rem 0 1rem;
}

.single-product .ll-price-block .price {
	padding: 0;
	font-size: 1.75rem;
}

.single-product .ll-trust-block {
	border: 1px solid var(--ll-navy-100);
	border-radius: var(--ll-radius);
	background: var(--ll-card);
	padding: 1.25rem;
	margin: 1.5rem 0;
}

.single-product .ll-trust-block ul {
	margin: 0;
	padding-left: 1.1rem;
}

.ll-random-disclosure {
	border: 2px solid var(--ll-amber-500);
	border-radius: var(--ll-radius);
	background: #FFF8E6;
	padding: 0.9rem 1rem;
	font-weight: 600;
	margin: 1rem 0;
}

.ll-assorted-note {
	border: 1px solid var(--ll-navy-100);
	border-radius: var(--ll-radius);
	padding: 0.9rem 1rem;
	margin: 1rem 0;
}

/* Single-image galleries render without an empty thumbnail rail (§5.4). */
.woocommerce div.product div.images .flex-control-thumbs:only-of-type,
.woocommerce div.product div.images .flex-control-thumbs li:only-child {
	display: none;
}

/* ---------- Comparator (§6) ---------- */

.ll-comparator {
	border: 1px solid var(--ll-navy-100);
	border-radius: var(--ll-radius);
	background: var(--ll-card);
	margin: 1.25rem 0;
	overflow: hidden;
}

.ll-comparator-head {
	background: var(--ll-navy-700);
	color: #fff;
	padding: 0.7rem 1rem;
	display: flex;
	align-items: baseline;
	gap: 0.75rem;
}

.ll-comparator-head .ll-comparator-title {
	font-family: var(--ll-font-display);
	text-transform: uppercase;
	font-size: 1.0625rem;
	margin: 0;
	color: #fff;
}

.ll-comparator-head .ll-comparator-sub {
	font-size: 0.8125rem;
	color: #C7D0DD;
}

.ll-comparator-table {
	width: 100%;
	border-collapse: collapse;
	font-variant-numeric: tabular-nums;
}

.ll-comparator-table th,
.ll-comparator-table td {
	padding: 0.65rem 1rem;
	text-align: left;
	border-top: 1px solid var(--ll-navy-100);
	vertical-align: middle;
}

.ll-comparator-table thead th {
	border-top: 0;
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #43536A;
}

.ll-comparator-table .ll-cmp-pack {
	font-family: var(--ll-font-display);
	font-size: 1.0625rem;
	text-transform: uppercase;
	color: var(--ll-navy-900);
	white-space: nowrap;
}

.ll-comparator-table .ll-cmp-total {
	font-weight: 800;
	white-space: nowrap;
}

.ll-comparator-table .ll-cmp-perpair {
	color: var(--ll-amber-700);
	font-weight: 700;
	white-space: nowrap;
}

.ll-comparator-table .ll-cmp-saving {
	font-weight: 700;
	color: var(--ll-navy-900);
	white-space: nowrap;
}

.ll-comparator-table tr.is-current {
	background: #FFF4D6;
}

.ll-comparator-table .ll-cmp-current-note {
	display: block;
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--ll-amber-700);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.ll-comparator-table .ll-cmp-view {
	white-space: nowrap;
	font-weight: 700;
}

.ll-comparator-table .ll-cmp-outofstock {
	color: var(--ll-sale-red);
	font-size: 0.8125rem;
	font-weight: 600;
}

/* Mobile: the table becomes stacked rung cards, per-pair largest (§6). */
@media (max-width: 640px) {
	.ll-comparator-table thead {
		display: none;
	}

	.ll-comparator-table,
	.ll-comparator-table tbody,
	.ll-comparator-table tr,
	.ll-comparator-table td {
		display: block;
		width: 100%;
	}

	.ll-comparator-table tr {
		padding: 0.75rem 1rem;
		border-top: 1px solid var(--ll-navy-100);
	}

	.ll-comparator-table td {
		border-top: 0;
		padding: 0.15rem 0;
	}

	.ll-comparator-table .ll-cmp-perpair {
		font-size: 1.25rem;
	}

	.ll-comparator-table .ll-cmp-view {
		display: inline-block;
		margin-top: 0.4rem;
	}
}

/* ---------- Sticky mobile Add to Cart (§5.6, rendered by plugin) ---------- */

.ll-sticky-atc {
	display: none;
}

@media (max-width: 781px) {
	.ll-sticky-atc {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 80;
		background: var(--ll-card);
		border-top: 2px solid var(--ll-navy-700);
		box-shadow: 0 -6px 18px rgba(10, 24, 43, 0.16);
		padding: 0.6rem 0.9rem calc(0.6rem + env(safe-area-inset-bottom));
		display: flex;
		align-items: center;
		gap: 0.9rem;
		transform: translateY(110%);
		transition: transform 160ms ease-out;
	}

	.ll-sticky-atc.is-visible {
		transform: translateY(0);
	}

	.ll-sticky-atc .ll-sticky-price {
		font-weight: 800;
		color: var(--ll-navy-900);
		font-variant-numeric: tabular-nums;
		line-height: 1.2;
	}

	.ll-sticky-atc .ll-sticky-price .ll-per-pair {
		margin-top: 0;
	}

	.ll-sticky-atc .ll-sticky-button {
		margin-left: auto;
		flex: 0 0 auto;
		background: var(--ll-navy-700);
		color: #fff;
		font-weight: 700;
		border-radius: 6px;
		padding: 0.75rem 1.1rem;
		text-decoration: none;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
	}

	.ll-sticky-atc .ll-sticky-button:hover,
	.ll-sticky-atc .ll-sticky-button:focus-visible {
		background: var(--ll-amber-500);
		color: var(--ll-navy-900);
	}

	/* Keep page content reachable above the fixed bar. */
	body.single-product {
		padding-bottom: 76px;
	}
}

/* ---------- Filters (§3) — Layered Nav / filter widgets ---------- */

.ll-filter-rail {
	font-size: 0.9375rem;
}

.ll-filter-rail .ll-filter-title {
	font-family: var(--ll-font-display);
	text-transform: uppercase;
	color: var(--ll-navy-900);
	font-size: 1rem;
	border-bottom: 3px solid var(--ll-amber-500);
	padding-bottom: 0.35rem;
}

.ll-active-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.ll-active-filter-chip {
	background: var(--ll-navy-700);
	color: #fff;
	border-radius: 999px;
	padding: 0.3rem 0.75rem;
	font-size: 0.8125rem;
	font-weight: 600;
}

/* ---------- S12 footer ---------- */

.ll-site-footer {
	background: var(--ll-navy-900);
	color: #C7D0DD;
}

.ll-site-footer a {
	color: #fff;
}

.ll-site-footer .ll-footer-wordmark {
	color: #fff;
}

.ll-site-footer .ll-footer-disclosure {
	border-top: 1px solid rgba(255, 255, 255, 0.18);
	font-size: 0.8125rem;
}

/* ---------- Search / no results ---------- */

.ll-no-results-aisles {
	margin-top: 1.5rem;
}

/* ---------- Reduced motion ---------- */

@media (prefers-reduced-motion: reduce) {
	.woocommerce ul.products li.product,
	.ll-sticky-atc {
		transition: none;
	}
}

/* Aisle archive header — legacy-template markup (added 2026-10-24).
   The category archive renders through WooCommerce's classic template;
   style its header like the §4 aisle sign. */
.woocommerce-products-header {
	background: var(--wp--preset--color--navy-900, #0e2a47);
	color: #fff;
	padding: 1.25rem 1.5rem;
	border-radius: 0.5rem;
	margin-bottom: 1rem;
}
.woocommerce-products-header__title {
	color: #fff;
	font-family: var(--wp--preset--font-family--oswald, "Oswald", sans-serif);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin: 0;
}
.woocommerce-products-header .term-description,
.woocommerce-products-header__description {
	color: var(--wp--preset--color--navy-100, #d7e3f0);
	margin-top: 0.5rem;
}
.woocommerce-result-count { color: var(--wp--preset--color--ink, #1c2733); }
.woocommerce-ordering select { padding: 0.4rem; }