/* XAVIA Shop listing — fixed columns, no oversized cards */
: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;
  --brand:#0d9488;
  --brand-dark:#0f766e;
}
.xv-shop{direction:rtl}
.xv-shop-toolbar{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:.5rem;margin-bottom:.85rem;
}
.xv-cols-switch{display:none;align-items:center;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;font-size:.75rem;
}
.xv-cols-switch button.active{background:#0d9488;color:#fff}
@media(min-width:768px){.xv-cols-switch{display:flex}}

.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 > .xavia-product-card,
.xv-shop-grid > .xv-card{
  max-width:var(--xv-shop-card-max, 240px);
  width:100%;
  margin-inline:auto;
}

.xavia-product-card,
.xv-card{
  background:#fff;border-radius:14px;border:1px solid #eef2f7;
  box-shadow:0 4px 16px rgba(15,23,42,.06);
  overflow:hidden;display:flex;flex-direction:column;height:100%;
  transition:box-shadow .2s;
}
.xavia-product-card:hover,
.xv-card:hover{box-shadow:0 8px 24px rgba(15,23,42,.1)}
.xavia-product-card .img-box,
.xv-card .img-box{
  position:relative;aspect-ratio:1/1;max-height:var(--xv-shop-img-max);
  background:#f1f5f9;overflow:hidden;
}
.xavia-product-card .img-box img,
.xv-card .img-box img{
  width:100%!important;height:100%!important;
  object-fit:contain!important;padding:8px;display:block;
}
.xavia-product-card .body,
.xv-card .body{
  padding:.65rem .7rem .75rem;
  display:flex;flex-direction:column;gap:.25rem;flex:1;
}
.xavia-product-card .title,
.xv-card .title{
  font-size:.8rem;font-weight:700;line-height:1.45;
  height:2.3em;overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.xavia-product-card .price-now,
.xv-card .price-now{font-size:.92rem;font-weight:800;color:var(--brand-dark)}
.xavia-product-card .price-old,
.xv-card .price-old{font-size:.72rem;color:#94a3b8;text-decoration:line-through}