/* Corrective layout patch for the Soft_ICE v0.30 home card. */
.hero-product {
  height: 220px;
  margin: 14px 0 16px;
  overflow: hidden;
}

.hero-product::after {
  bottom: 14px;
  width: min(58vw, 210px);
  height: 28px;
}

.hero-product img {
  display: block;
  width: auto;
  max-width: min(100%, 220px);
  height: 100%;
  max-height: 220px;
  object-fit: contain;
  filter: drop-shadow(0 14px 18px rgba(77, 41, 49, .18));
}

.hero > .primary {
  position: relative;
  z-index: 2;
}

@media (max-width: 380px) {
  main {
    padding-inline: 14px;
  }

  .hero {
    padding: 20px;
  }

  .hero h1 {
    font-size: 38px;
  }

  .hero-product {
    height: 200px;
    margin-block: 12px 14px;
  }

  .hero-product img {
    max-width: 200px;
    max-height: 200px;
  }
}
