/* Evermed Product Grid — the cards come from the theme (product-card.css) */
.ee-pg { position: relative; }
.ee-pg__heading { margin: 0 0 12px; }
.ee-pg__tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 16px; }
.ee-pg__tab {
	min-height: 40px; padding: 8px 14px; border: 1px solid transparent; border-radius: 10px; cursor: pointer;
	background: var(--ev-primary-ink, #008541); color: #fff; font: inherit; font-weight: 500; /* 1.9: readable green (theme ≥ 2.1 provides the shade) */
}
.ee-pg__tab:hover { background: var(--ev-secondary-ink, #056cfc); }
.ee-pg__tab.is-active { background: #fff; color: var(--ev-ink, #132a36); border-color: var(--ev-secondary, #4e97fd); }
@media (max-width: 767px) {
	.ee-pg__tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; }
	.ee-pg__tab { flex: 0 0 auto; white-space: nowrap; }
}
.ee-pg.is-loading .ee-pg__grid { opacity: .5; transition: opacity .2s; pointer-events: none; }
.ee-pg__more-wrap { text-align: center; margin-top: 18px; }
.ee-pg__more {
	min-height: 46px; padding: 0 26px; border: 2px solid var(--ev-primary, #0e9641); border-radius: var(--ev-radius-sm, 8px);
	background: #fff; color: var(--ev-primary-ink, #008541); font: inherit; font-weight: 700; cursor: pointer;
}
.ee-pg__more:hover { background: var(--ev-primary-ink, #008541); color: #fff; }

/* 1.8.0: the grid lays itself out, so "Columns" works on any theme (before,
   it relied on the Evermed theme; other themes kept WooCommerce's 4 floats). */
.ee-pg .ee-pg__grid.products { display: grid !important; grid-template-columns: repeat(var(--ev-cols-m, 2), minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.ee-pg .ee-pg__grid.products::before, .ee-pg .ee-pg__grid.products::after { content: none !important; display: none !important; }
.ee-pg .ee-pg__grid.products li.product { float: none !important; clear: none !important; width: auto !important; margin: 0 !important; min-width: 0; }
@media (min-width: 768px) { .ee-pg .ee-pg__grid.products { grid-template-columns: repeat(var(--ev-cols-t, 3), minmax(0, 1fr)); } }
@media (min-width: 1025px) { .ee-pg .ee-pg__grid.products { grid-template-columns: repeat(var(--ev-cols-d, 5), minmax(0, 1fr)); gap: 14px; } }
@media (max-width: 767px) { .ee-pg .ee-pg__grid.products { gap: 8px; } }