/* This file was automatically generated for production at Jul 30, 2025 09:38 UTC */

.recomatic-preview-wrap {
  position: relative;
  --text-height: 1.5rem;
}

@media screen and (max-width: 39.9375em) {
  .recomatic-preview-wrap {
    --products-number: 2;
    --gap: 1.5rem;
  }
}

@media screen and (min-width: 40em) and (max-width: 69.9375em) {
  .recomatic-preview-wrap {
    --products-number: 4;
    --gap: 2.5rem;
  }
}

@media screen and (min-width: 70em) {
  .recomatic-preview-wrap {
    --products-number: 5;
    --gap: 3rem;
  }
}

.recomatic-preview-products {
  display: grid;
  grid-template-columns: repeat(var(--products-number), 1fr);
  gap: var(--gap);
  padding: var(--gap);
}

.recomatic-preview-product {
  display: grid;
  gap: calc(var(--gap) / 2);
}

@media screen and (max-width: 69.9375em) {
  .recomatic-preview-product:nth-child(n+5) {
    display: none;
  }
}

.recomatic-preview-image {
  padding-bottom: 100%;
}

.recomatic-preview-title {
  width: 100%;
  height: var(--text-height);
}

.recomatic-preview-price {
  width: 70%;
  height: var(--text-height);
}

.recomatic-preview-image:empty,
.recomatic-preview-title:empty,
.recomatic-preview-price:empty {
  background-color: #999;
  display: block;
}

.recomatic-preview-overlay {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
  font-size: xx-large;
  text-align: center;
}