body.tax-product_cat .products .product-small.oj-zara-double-card {
  flex-basis: 50% !important;
  max-width: 50% !important;
}

body.tax-product_cat .products .product-small.oj-zara-double-card .box-image a {
  display: block !important;
}

body.tax-product_cat .products .product-small.oj-zara-double-card .image-fade_in_back img,
body.tax-product_cat .products .product-small.oj-zara-double-card .image-fade_in_back:hover img,
body.tax-product_cat .products .product-small.oj-zara-double-card .image-fade_in_back:hover img.back-image,
body.tax-product_cat .products .product-small.oj-zara-double-card img.show-on-hover,
body.tax-product_cat .products .product-small.oj-zara-double-card img.back-image {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

body.tax-product_cat .products .product-small.oj-zara-double-card img.show-on-hover,
body.tax-product_cat .products .product-small.oj-zara-double-card img.back-image {
  display: none !important;
}

body.tax-product_cat .products .product-small.oj-zara-double-card .oj-zara-double-card__images {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
  width: 100% !important;
  /* Match the height of a normal 2:3 card while compensating for row gutters. */
  aspect-ratio: 15 / 11 !important;
  overflow: hidden !important;
}

body.tax-product_cat .products .product-small.oj-zara-double-card .box-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

body.tax-product_cat .products .product-small.oj-zara-double-card .oj-zara-double-card__images img {
  height: 100% !important;
}

@supports not (aspect-ratio: 1 / 1) {
  body.tax-product_cat .products .product-small.oj-zara-double-card .oj-zara-double-card__images {
    height: clamp(360px, 34vw, 620px) !important;
  }
}

body.tax-product_cat .products .product-small.oj-zara-double-card .box-image .out-of-stock-label {
  grid-column: 1 / -1 !important;
}

body.tax-product_cat .products .product-small.oj-zara-double-card .box-text-products {
  padding-top: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* Keep mixed one- and two-column cards visually balanced on incomplete pages. */
@media (min-width: 850px) {
  body.tax-product_cat .products .product-small.oj-zara-last-row-units-1 {
    margin-left: 37.5% !important;
  }

  body.tax-product_cat .products .product-small.oj-zara-last-row-units-2 {
    margin-left: 25% !important;
  }

  body.tax-product_cat .products .product-small.oj-zara-last-row-units-3 {
    margin-left: 12.5% !important;
  }
}

/* A double card spans two of the normal three tablet columns. */
@media (min-width: 550px) and (max-width: 849px) {
  body.tax-product_cat .products .product-small.oj-zara-double-card {
    flex-basis: 66.666667% !important;
    max-width: 66.666667% !important;
  }

  body.tax-product_cat .products .product-small.oj-zara-double-card .oj-zara-double-card__images {
    aspect-ratio: 25 / 18 !important;
  }

  body.tax-product_cat .products .product-small.oj-zara-last-row-units-1 {
    margin-left: 33.333333% !important;
  }

  body.tax-product_cat .products .product-small.oj-zara-last-row-units-2 {
    margin-left: 16.666667% !important;
  }
}

@media (max-width: 549px) {
  /* On mobile the two images occupy the same row as two normal cards. */
  body.tax-product_cat .products .product-small.oj-zara-double-card {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  body.tax-product_cat .products .product-small.oj-zara-double-card .oj-zara-double-card__images {
    aspect-ratio: 7 / 5 !important;
    gap: 4px !important;
  }

  body.tax-product_cat .products .product-small.oj-zara-last-row-units-1 {
    margin-left: 25% !important;
  }
}