.ecs-suppliers-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  column-gap:64px;
  row-gap:64px;
}

.ecs-supplier-card{
  display:block;
  text-decoration:none;
}

.ecs-supplier-logo{
  width:100%;
  height:auto;
  display:block;
}

.ecs-supplier-logo--placeholder{
  width:100%;
  aspect-ratio: 16 / 9;
  background:#f2f2f2;
}

.ecs-supplier-name{
  margin-top:10px;
  font-weight:600;
}

.ecs-suppliers-pagination ul,
.ecs-ingredients-pagination ul{
  display:flex;
  gap:10px;
  list-style:none;
  padding:0;
  margin:18px 0 0;
}

@media (max-width: 1024px){
  .ecs-suppliers-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width: 768px){
  .ecs-suppliers-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 520px){
  .ecs-suppliers-grid{ grid-template-columns:1fr; }
}

/* Supplier card (single shortcode output) */
.ecs-supplier-card-block{
  display:block;
}

.ecs-supplier-card-block__logo{
  margin:0 0 18px;
}

.ecs-supplier-card-block__logo img{
  max-width:100%;
  height:auto;
  display:block;
}

.ecs-supplier-card-block__name{
  margin:0 0 18px;
  font-weight:700;
}

.ecs-supplier-card-block__section{
  margin:0 0 14px;
}

.ecs-supplier-card-block__row{
  display:flex;
  gap:10px;
  margin:0 0 6px;
}

.ecs-supplier-card-block__k{
  font-weight:700;
  min-width:72px;
}

.ecs-supplier-card-block__v a{
  text-decoration:none;
}

.ecs-supplier-card-block__v a:hover{
  text-decoration:underline;
}

/* Suppliers rows layout */
.ecs-suppliers-rows{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:40px;
}

.ecs-supplier-row-card{
  display:flex;
  gap:20px;
  text-decoration:none;
  align-items:flex-start;
}

.ecs-supplier-row-card__media{
  flex:0 0 100px;
}

.ecs-supplier-row-card__logo{
  width:100%;
  height:auto;
  display:block;
}

.ecs-supplier-row-card__logo--placeholder{
  width:100%;
  aspect-ratio: 16 / 9;
  background:#f2f2f2;
}

.ecs-supplier-row-card__content{
  flex:1;
}

.ecs-supplier-row-card__title{
  margin:0 0 8px;
  font-weight:700;
}

.ecs-supplier-row-card__excerpt{
  margin:0;
}

/* Hover styles (match grid behaviour) */
.ecs-supplier-row-card:hover{
  text-decoration:none;
}

.ecs-supplier-row-card:hover .ecs-supplier-row-card__title{
  text-decoration:underline;
}

.ecs-supplier-row-card:hover .ecs-supplier-row-card__logo{
  opacity:0.9;
}

@media (max-width: 768px){
  .ecs-suppliers-rows{
    grid-template-columns:1fr;
  }

  .ecs-supplier-row-card{
    flex-direction:column;
      padding: var(--pad-xl-res) !important;
 }

  .ecs-supplier-row-card__media{
    flex:0 0 auto;
    width:100%;
  }
}

.ecs-supplier-row-card{
  border:2px solid #f2f2f2;
  border-radius:var(--rad-l);
  padding: var(--pad-l-res);
}
.ecs-supplier-row-card *{
  color: var(--h-black);
}
.ecs-supplier-row-card:hover{
  border:2px solid var(--coral);
  box-shadow: var(--drop-shadow);

}
.ecs-supplier-row-card:hover *{
  text-decoration:none !important;
}