/* ====== ES Home Categories: 1 riga fissa ====== */
.eshc-grid{
  display: flex;
  flex-wrap: nowrap;           /* <-- una sola riga */
  gap: 24px;
  justify-content: space-between;
  align-items: stretch;
  margin: 24px 0;
  width: 100%;
  max-width: none;             /* <-- rimuove vecchio limite 596px */
  overflow-x: auto;            /* <-- se lo spazio non basta, scroll orizzontale */
  -webkit-overflow-scrolling: touch;
}

/* Ogni card ha larghezza fissa, non si comprime */
.eshc-card{
  flex: 0 0 200px;             /* larghezza card (puoi variare 180/200/220) */
  text-decoration: none;
  background: #fff;
  border: 3px solid #C85A00;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
  transition: transform .15s, box-shadow .15s, border-color .15s;
}
.eshc-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 8px 22px rgba(0,0,0,.15);
  border-color: #A74800;
}

.eshc-img{ width: 200px; height: 200px; background:#f2f3f5; display:block; }
.eshc-img img{ width:100%; height:100%; object-fit:contain; display:block; }

.eshc-title{
  padding: 10px 8px;
  text-align: center;
  font-weight: 700;
  color: #222;
  font-size: 15px;
}

/* Responsive – se vuoi ridurre un po’ le card su schermi stretti */
@media (max-width: 1200px){
  .eshc-card{ flex-basis: 180px; }
  .eshc-img{ width:180px; height:180px; }
}
@media (max-width: 768px){
  .eshc-card{ flex-basis: 160px; }
  .eshc-img{ width:160px; height:160px; }
  .eshc-title{ font-size: 14px; }
}