/*
 * Aylty product-grid correction
 * The original visual-commerce rails are horizontal sliders. This override turns
 * them into an accessible, stable product grid so no slider transform can leave
 * empty space on the left side of a narrow RTL screen.
 */
html.aylty-vc-active .aylty-vc-deals__rail,
html.aylty-vc-active .aylty-vc-products__rail {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  overflow: visible !important;
  padding: 4px 0 22px !important;
  margin: 0 !important;
  transform: none !important;
  scroll-snap-type: none !important;
  scroll-behavior: auto !important;
}

html.aylty-vc-active .aylty-vc-rail-frame {
  width: 100% !important;
  overflow: visible !important;
}

html.aylty-vc-active .aylty-vc-deal-card,
html.aylty-vc-active .aylty-vc-product-card {
  display: flex !important;
  min-width: 0 !important;
  width: 100% !important;
  flex: none !important;
  border-radius: 13px !important;
  scroll-snap-align: none !important;
}

html.aylty-vc-active .aylty-vc-deal-card a,
html.aylty-vc-active .aylty-vc-product-card a {
  display: flex !important;
  width: 100% !important;
  min-height: 100% !important;
  flex-direction: column !important;
}

html.aylty-vc-active .aylty-vc-deal-card img,
html.aylty-vc-active .aylty-vc-product-card img {
  height: 190px !important;
  object-fit: contain !important;
  padding: 9px !important;
  background: #f5f8f7 !important;
}

html.aylty-vc-active .aylty-vc-deal-card h3,
html.aylty-vc-active .aylty-vc-product-card h3 {
  min-height: 45px !important;
  margin: 11px 12px 7px !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

html.aylty-vc-active .aylty-vc-deal-card__prices,
html.aylty-vc-active .aylty-vc-product-card strong {
  margin-top: auto !important;
  padding: 0 12px 13px !important;
}

html.aylty-vc-active .aylty-vc-deal-card__prices strong,
html.aylty-vc-active .aylty-vc-product-card strong {
  color: #007e79 !important;
  font-size: 14px !important;
}

html.aylty-vc-active .aylty-vc-rail__button {
  display: none !important;
}

@media only screen and (max-width: 980px) {
  html.aylty-vc-active .aylty-vc-deals__rail,
  html.aylty-vc-active .aylty-vc-products__rail {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media only screen and (max-width: 680px) {
  html.aylty-vc-active .aylty-vc-deals,
  html.aylty-vc-active .aylty-vc-products {
    overflow: hidden !important;
  }

  html.aylty-vc-active .aylty-vc-deals .aylty-vc-shell,
  html.aylty-vc-active .aylty-vc-products .aylty-vc-shell {
    width: calc(100% - 28px) !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  html.aylty-vc-active .aylty-vc-deals__rail,
  html.aylty-vc-active .aylty-vc-products__rail {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
    overflow: visible !important;
    padding: 1px 0 18px !important;
    transform: none !important;
  }

  html.aylty-vc-active .aylty-vc-deal-card,
  html.aylty-vc-active .aylty-vc-product-card {
    min-width: 0 !important;
    max-width: 100% !important;
    border-radius: 11px !important;
  }

  html.aylty-vc-active .aylty-vc-deal-card img,
  html.aylty-vc-active .aylty-vc-product-card img {
    height: 138px !important;
    padding: 7px !important;
  }

  html.aylty-vc-active .aylty-vc-deal-card__badge {
    top: 7px !important;
    right: 7px !important;
    padding: 3px 6px !important;
    font-size: 8px !important;
  }

  html.aylty-vc-active .aylty-vc-deal-card h3,
  html.aylty-vc-active .aylty-vc-product-card h3 {
    min-height: 38px !important;
    margin: 8px 9px 5px !important;
    font-size: 10px !important;
    line-height: 1.55 !important;
  }

  html.aylty-vc-active .aylty-vc-deal-card__prices,
  html.aylty-vc-active .aylty-vc-product-card strong {
    padding: 0 9px 10px !important;
  }

  html.aylty-vc-active .aylty-vc-deal-card__prices {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
  }

  html.aylty-vc-active .aylty-vc-deal-card__prices strong,
  html.aylty-vc-active .aylty-vc-product-card strong {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  html.aylty-vc-active .aylty-vc-deal-card__prices del {
    font-size: 9px !important;
  }
}