/**
 * store.css — WooCommerce shop/category archive only. Loaded after
 * global.css and product-card.css.
 */

.store-hero {
	padding: 4.5rem 0 2rem;
	max-width: 760px;
}

.store-hero h1 {
	font-size: clamp(2.6rem, 6vw, 4.2rem);
	margin: 1.2rem 0 1rem;
}

.store-hero p {
	color: var(--muted);
	max-width: 58ch;
}

.store-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
	padding-bottom: 2.4rem;
	font-size: .8rem;
	color: var(--muted);
}

.store-pagination {
	display: flex;
	justify-content: center;
	gap: .6rem;
	margin-top: 3.4rem;
}

.store-pagination a,
.store-pagination span {
	display: grid;
	place-items: center;
	min-width: 42px;
	height: 42px;
	padding: 0 .6rem;
	border: 1px solid var(--line);
	border-radius: 12px;
	font-size: .8rem;
	color: var(--muted);
}

.store-pagination a:hover {
	border-color: var(--gold);
	color: var(--gold-lt);
}

.store-pagination .current {
	border-color: var(--gold);
	color: var(--gold-lt);
	background: rgba(212, 175, 55, .08);
}