/**
 * Sun Products (WPBakery) — grid + client pagination.
 */

.sun-products .sargon-v2-catalog {
	padding: 0;
}

.sun-products__item--hidden {
	display: none !important;
}

.sun-products__pagination {
	margin-top: var(--sargon-gap-lg, 40px);
	text-align: center;
}

.sun-products__pagination[hidden] {
	display: none;
}

.sun-products__pages {
	display: inline-flex;
	gap: 4px;
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
	border: 0;
}

.sun-products__pages::before,
.sun-products__pages::after {
	content: none !important;
}

.sun-products__pages li {
	margin: 0;
	border: 0;
}

.sun-products__page {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 8px;
	border: 1px solid var(--sargon-color-btn-secondary, #e6edee);
	border-radius: 4px;
	color: var(--sargon-color-text, #151515);
	background-color: transparent;
	text-decoration: none;
	font: inherit;
	font-size: 14px;
	line-height: 1;
	cursor: pointer;
	transition: all var(--sargon-transition, 0.3s ease);
}

.sun-products__page::before,
.sun-products__page::after {
	content: none !important;
}

.sun-products__page:hover,
.sun-products__page.is-current {
	background: var(--sargon-color-btn-secondary, #e6edee);
	border-color: var(--sargon-color-btn-secondary, #e6edee);
	color: var(--sargon-color-text, #151515);
}

.sun-products__page.is-current {
	cursor: default;
}

.sun-products__page:focus {
	outline: 2px solid var(--sargon-color-primary, #ffb716);
	outline-offset: 2px;
}

.layout-v2 .sun-products.columns-1 .sargon-v2-catalog .products {
	grid-template-columns: minmax(0, 1fr);
}

.layout-v2 .sun-products.columns-2 .sargon-v2-catalog .products {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.layout-v2 .sun-products.columns-3 .sargon-v2-catalog .products {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.layout-v2 .sun-products.columns-4 .sargon-v2-catalog .products {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.layout-v2 .sun-products.columns-5 .sargon-v2-catalog .products {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.layout-v2 .sun-products.columns-6 .sargon-v2-catalog .products {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (max-width: 1199px) {
	.layout-v2 .sun-products.columns-4 .sargon-v2-catalog .products,
	.layout-v2 .sun-products.columns-5 .sargon-v2-catalog .products,
	.layout-v2 .sun-products.columns-6 .sargon-v2-catalog .products {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	.layout-v2 .sun-products.columns-3 .sargon-v2-catalog .products,
	.layout-v2 .sun-products.columns-4 .sargon-v2-catalog .products,
	.layout-v2 .sun-products.columns-5 .sargon-v2-catalog .products,
	.layout-v2 .sun-products.columns-6 .sargon-v2-catalog .products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	.layout-v2 .sun-products .sargon-v2-catalog .products {
		grid-template-columns: minmax(0, 1fr);
	}
}
