/* ===== REPLACE the old .ecom-card* rules in ecom-catalog.css with these =====
   Horizontal SOL-style product card: image left, content right.
   Grid should be fewer columns now (cards are wider). */

/* product grid — wider cards, fewer per row */
.ecom-prodgrid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }

.ecom-card{
  position:relative; background:var(--ecom-surface); border:1px solid var(--ecom-border);
  border-radius:var(--ecom-radius); padding:18px; /*display:flex;*/ gap:16px; align-items:stretch;
}
.ecom-card__badge{
  position:absolute; top:14px; inset-inline-start:14px; z-index:2;
  background:#FFC107; color:#3a2d00; font-size:13px; font-weight:var(--ecom-fw-bold);
  padding:5px 14px; border-radius:var(--ecom-radius-pill);
}
.ecom-card__media{
  flex:0 0 110px; width:110px; height:auto; display:flex; align-items:center; justify-content:center;
}
.ecom-card__media img{ max-width:100%; max-height:150px; object-fit:contain; }
.ecom-card__body{ flex:1; min-width:0; display:flex; flex-direction:column; gap:8px; }
.ecom-card__name{ font-weight:var(--ecom-fw-bold); color:var(--ecom-navy); font-size:var(--ecom-fs-lg); line-height:1.3; 
min-height: 47px;}
.ecom-card__pack{ color:var(--ecom-muted); font-size:var(--ecom-fs-sm); }

/* stock states */
.ecom-card__stock{ font-size:var(--ecom-fs-sm); font-weight:var(--ecom-fw-bold); }
.ecom-card__stock--low{ color:var(--ecom-orange); }
.ecom-card__stock--ok{ color:var(--ecom-success); }
.ecom-card__stock--out{ color:var(--ecom-danger); }

/* price */
.ecom-card__pricerow{ margin-top:auto; }
.ecom-card__price{ display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.ecom-card__orig{ color:var(--ecom-muted); text-decoration:line-through; font-size:var(--ecom-fs-sm); }
.ecom-card__sar{ color:var(--ecom-orange); font-weight:var(--ecom-fw-bold); font-size:var(--ecom-fs-sm); }
.ecom-card__amount{ color:var(--ecom-orange); font-weight:var(--ecom-fw-bold); font-size:var(--ecom-fs-xl); }
.ecom-card__vat{ color:var(--ecom-muted); font-size:11px; text-align: right;}

/* qty + add row */
.ecom-card__add{ display:flex; align-items:center; gap:10px; margin-top:8px;justify-content: space-between; }
.ecom-qty{ display:flex; align-items:center; border:1px solid var(--ecom-border); border-radius:var(--ecom-radius-sm); overflow:hidden; }
.ecom-qty button{ background:var(--ecom-surface-2); border:0; width:36px; height:40px; cursor:pointer; color:var(--ecom-navy); font-size:14px; }
.ecom-qty input{ border:0; outline:0; text-align:center; width:42px; height:40px; background:transparent; font-family:inherit; font-size:var(--ecom-fs-base); }
.ecom-card__addbtn{ flex:1; background:var(--ecom-orange); color:#fff; border:0; border-radius:var(--ecom-radius-sm); padding:11px 18px; font-weight:var(--ecom-fw-bold); display:flex; align-items:center; justify-content:center; gap:8px; cursor:pointer; 
max-width: 177px}
.ecom-card__addbtn:hover{ background:var(--ecom-orange-hover); }
.ecom-card__addbtn.is-disabled{ background:#cfcfcf; cursor:not-allowed; }

@media (max-width:1100px){ .ecom-prodgrid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:680px){ .ecom-prodgrid{ grid-template-columns:1fr; } }


.ecom-price-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ecom-product-card-body {
    display: flex;
    gap: 11px;
    align-items: flex-start;
}