/* Alias / supplement for product listing pages */
:root{
  --xv-shop-cols:2;
  --xv-shop-cols-md:3;
  --xv-shop-cols-lg:4;
  --xv-shop-img-max:200px;
  --xv-shop-card-max:240px;
}
.xv-shop-grid{
  display:grid;
  grid-template-columns:repeat(var(--xv-shop-cols, 2), minmax(0, 1fr));
  gap:.6rem;
  justify-content:center;
}
@media(min-width:576px){
  .xv-shop-grid{grid-template-columns:repeat(var(--xv-shop-cols-md, 3), minmax(0, 1fr)); gap:.75rem}
}
@media(min-width:992px){
  .xv-shop-grid{grid-template-columns:repeat(var(--xv-shop-cols-lg, 4), minmax(0, 1fr)); gap:.9rem}
}
.xv-shop-grid > *{
  max-width:var(--xv-shop-card-max, 240px);
  width:100%;
  margin-inline:auto;
}
.xv-cols-switch{display:none;gap:3px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:3px}
.xv-cols-switch button{border:0;background:transparent;width:28px;height:26px;border-radius:7px;color:#64748b;font-weight:700;cursor:pointer}
.xv-cols-switch button.active{background:#0d9488;color:#fff}
@media(min-width:768px){.xv-cols-switch{display:flex}}