/* Final product-card overrides loaded after store.css. */
.product-grid-featured-row .card {
  align-items: stretch;
  min-height: 300px;
}

.product-grid-featured-row .card-media {
  display: flex;
  width: 40%;
  position: relative;
  overflow: hidden;
  background: #eaf6ff;
}

.product-grid-featured-row .card-media .ph {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100% !important;
  min-height: 0;
  aspect-ratio: auto !important;
  border-radius: 0;
}

.product-grid-featured-row .card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
}

.card-featured-crown {
  top: 14px !important;
  left: 14px !important;
  right: auto !important;
  transform: none !important;
  font-size: 10.5px;
  pointer-events: none;
}

.product-grid-featured-row .card-featured > .card-media {
  border-radius: 0;
}

@media (max-width: 500px) {
  .product-grid-featured-row .card {
    min-height: 0;
  }

  .product-grid-featured-row .card-media {
    flex: 0 0 42%;
    width: 42%;
  }

  .product-grid-featured-row .card-media .ph {
    height: 100% !important;
    min-height: 196px;
    aspect-ratio: 4 / 5 !important;
  }
}

@media (max-width: 380px) {
  .product-grid-featured-row .card {
    flex-direction: column;
  }

  .product-grid-featured-row .card-media {
    flex-basis: auto;
    width: 100%;
    aspect-ratio: 4 / 5;
  }

  .product-grid-featured-row .card-media .ph {
    min-height: 0;
  }
}