/*
Theme Name: LEMN Moldova
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


.product-card--custom {
  list-style: none;
}
.ux-card__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / 1; /* pătrat; schimbă după gust */
}
.ux-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease, opacity .35s ease;
}
.ux-card__img.is-hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.ux-card__media:hover .ux-card__img.is-main { transform: scale(1.06); }
.ux-card__media:hover .ux-card__img.is-hover { opacity: 1; }

.ux-card__body { padding: .9rem .75rem 1rem; }
.ux-card__title { font-size: 0.95rem; line-height: 1.3; margin: 0 0 .35rem; }
.ux-card__title a { text-decoration: none; }

.ux-card__meta {
  display: flex; align-items: center; gap: .5rem; margin-bottom: .35rem;
  font-size: .825rem; opacity: .85;
}
.ux-card__stock.in { color: #22863a; }
.ux-card__stock.out { color: #b60205; }

.ux-card__promo {
  font-size: .85rem; background: rgba(0,0,0,.04); padding: .4rem .5rem; border-radius: .4rem; margin-bottom: .5rem;
}
.ux-card__price { font-weight: 600; margin-bottom: .6rem; }
.ux-card__actions { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }