.ref-product-preview-content .reflow-product > .ref-media > .ref-preview > .ref-image {
  width: 100% !important;
}

.ref-thumbnails {
  display: none !important;
}

.ref-preview {
  display: flex !important;
}

@media (min-width: 300px) and (max-width: 575px) {
  .reflow-product-list.ref-cards .ref-products {
    --ref-products-per-row: 2;
    margin-bottom: var(--ref-gutter-lg);
    grid-template-columns: repeat(var(--ref-products-per-row), 1fr);
    row-gap: var(--ref-gutter-lg);
  }
}

@media (min-width: 300px) and (max-width: 575px) {
  .ref-product > .ref-media > .ref-image {
    object-fit: cover;
    aspect-ratio: 1;
    min-width: 100%;
    min-height: 144px;
    border-radius: 0px !important;
  }
}

@media (min-width: 300px) and (max-width: 575px) {
  .ref-excerpt {
    display: none;
  }
}

@media (min-width: 300px) and (max-width: 575px) {
  .ref-addons {
    display: flex;
    justify-content: center;
  }
}

@media (min-width: 300px) and (max-width: 575px) {
  .ref-product-data {
    display: flex;
    justify-content: center;
  }
}

@media (min-width: 300px) and (max-width: 575px) {
  .ref-product-data {
    width: 90% !important;
    font-size: 0.8em;
  }
}

@media (min-width: 300px) and (max-width: 575px) {
  .ref-name {
    font-size: 0.8em;
  }
}