/* ARAM NOTES — stable /produse card presentation */
body[data-aram-page="products"] .grid{align-items:stretch}
body[data-aram-page="products"] .card{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid #ded4c6!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(49,39,29,.055)!important;
  padding:0!important;
  transform:none!important;
}
body[data-aram-page="products"] .card>a{display:block;height:100%}
body[data-aram-page="products"] .visual{
  position:relative;
  height:350px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #eee6da!important;
  padding:22px!important;
  isolation:isolate;
}
body[data-aram-page="products"] .visual::before,
body[data-aram-page="products"] .visual::after{
  content:none!important;
  display:none!important;
}
body[data-aram-page="products"] .visual img{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  box-shadow:none!important;
  background:transparent!important;
  transform:none!important;
}

/* Test mode: no transitions/animations/hover image swap anywhere in /produse. */
body[data-aram-page="products"] #productGrid,
body[data-aram-page="products"] #productGrid *,
body[data-aram-page="products"] #productGrid *::before,
body[data-aram-page="products"] #productGrid *::after{
  transition:none!important;
  animation:none!important;
}
body[data-aram-page="products"] #productGrid .visual .aram-hover-primary,
body[data-aram-page="products"] #productGrid .visual .aram-hover-secondary{
  position:absolute!important;
  z-index:1!important;
  inset:22px!important;
  width:calc(100% - 44px)!important;
  height:calc(100% - 44px)!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  box-shadow:none!important;
  background:transparent!important;
  backface-visibility:hidden;
  transform:none!important;
}
body[data-aram-page="products"] #productGrid .visual .aram-hover-primary,
body[data-aram-page="products"] #productGrid .aram-hover-card:hover .aram-hover-primary{
  opacity:1!important;
  transform:none!important;
}
body[data-aram-page="products"] #productGrid .visual .aram-hover-secondary,
body[data-aram-page="products"] #productGrid .aram-hover-card:hover .aram-hover-secondary{
  opacity:0!important;
  transform:none!important;
  pointer-events:none!important;
}

body[data-aram-page="products"] .meta{
  padding:18px 20px 21px!important;
  background:#fff!important;
}
body[data-aram-page="products"] .cat{margin:0 0 7px!important}
body[data-aram-page="products"] .name{
  margin:7px 0 9px!important;
  padding:0!important;
  font-size:23px!important;
  line-height:1.2!important;
}
body[data-aram-page="products"] .price{margin:0!important;font-size:17px!important}
body[data-aram-page="products"] .details{margin-top:6px!important}
body[data-aram-page="products"] .cta{margin-top:11px!important}
body[data-aram-page="products"] .fav{
  right:14px!important;
  top:14px!important;
  background:#fff!important;
  border-color:#d7c8b2!important;
  box-shadow:0 6px 18px rgba(42,31,22,.06);
  transform:none!important;
}
body[data-aram-page="products"] .fav:hover{transform:none!important}
body[data-aram-page="products"] .card:hover{
  background:#fff!important;
  box-shadow:0 12px 34px rgba(49,39,29,.055)!important;
  transform:none!important;
}
@media(max-width:580px){
  body[data-aram-page="products"] .visual{height:310px;padding:18px!important}
  body[data-aram-page="products"] #productGrid .visual .aram-hover-primary,
  body[data-aram-page="products"] #productGrid .visual .aram-hover-secondary{
    inset:18px!important;
    width:calc(100% - 36px)!important;
    height:calc(100% - 36px)!important;
  }
  body[data-aram-page="products"] .meta{padding:16px 17px 19px!important}
  body[data-aram-page="products"] .name{font-size:22px!important}
}