.product-card[data-layout-slot="1"] {
  grid-column: span 2;
}

/* Keep the featured slot's CMS image fully visible inside its wide card. */
.product-card[data-layout-slot="1"] .product-image img {
  object-fit: contain !important;
}

@media (max-width: 1160px) {
  .product-card[data-layout-slot="1"] {
    grid-column: span 2;
  }
}

@media (max-width: 700px) {
  .product-card[data-layout-slot="1"] {
    grid-column: span 1;
  }
}