@charset "utf-8";

.sq-product-card { position: relative; width: 450px; cursor: pointer; display: flex; flex-direction: column; gap: 16px; }

.sq-product-card__media { border-radius: 16px; overflow: hidden; background-color: rgb(246, 246, 246); cursor: pointer; }

.sq-product-card__content { cursor: pointer; }

.sq-product-card__content .sq-product-card__info { display: flex; flex-direction: column; }

.sq-product-card__content .sq-product-card__info a:hover { text-decoration: underline; }

.sq-product-card__subtitle { font-size: 20px; font-weight: 400; margin-bottom: 12px; }

@media screen and (max-width: 575.98px) {
  .sq-product-card__subtitle { font-size: 16px !important; margin-bottom: 12px !important; }
}

.sq-product-card__media responsive-image { position: relative; width: 100%; height: 100%; background-color: rgb(246, 246, 246); border-radius: 16px; }

.sq-product-card__media responsive-image img { object-fit: contain !important; }

@media screen and (max-width: 768px) {
  .sq-product-card { width: 300px !important; }
  .sq-product-card .sq-product-card__title { font-size: 20px !important; }
}

.sq-product-card .sq-product-card__title, .sq-product-card .sq-product-card__price span { color: rgb(0, 0, 0); font-size: 24px; font-weight: 500; line-height: 115%; letter-spacing: -0.528px; }

.sq-product-card .sq-product-card__title { margin: 0px; white-space: nowrap; overflow: hidden; position: relative; transition: 0.3s; }

.sq-product-card .sq-product-card__title span { display: inline-block; white-space: nowrap; transition: transform 0.3s; }

.sq-product-card__subtitle span { text-wrap: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgb(117, 117, 117) !important; }

.sq-product-card:hover .sq-product-card__title span:not(.fitting-content) { width: 100%; animation: scrollText var(--product-card-animation-duration, 4s) linear infinite; }

@keyframes scrollText { 
  0% { transform: translate(0px); }
  30% { transform: translate(var(--scroll-amount, 0)); }
  50% { transform: translate(var(--scroll-amount, 0)); }
  80% { transform: translate(0px); }
  100% { transform: translate(0px); }
}