/* Otočenie fotky produktu na druhú fotku pri prejdení myšou.
   Používa sa na úvodnej stránke aj vo výpise produktov. */
.os-flip,
.os-zoom {
  display: block;
  position: relative;
  overflow: hidden;
}

.os-flip {
  perspective: 900px;
}

.os-flip__inner {
  display: block;
  position: relative;
  transition: transform .55s cubic-bezier(.2, .7, .3, 1);
  transform-style: preserve-3d;
}

.os-flip__front {
  display: block;
  width: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.os-flip__back {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: rotateY(180deg);
}

.os-flip:hover .os-flip__inner,
.product_item:hover .os-flip__inner,
.product_item_2:hover .os-flip__inner,
.os-card:hover .os-flip__inner,
.list_item_wrap:hover .os-flip__inner,
.os-featured-layout__center:hover .os-flip__inner {
  transform: rotateY(180deg);
}

/* style.css dáva .product_item_2:hover .product_img img { transform: scale(1.05) }
   — to prepíše rotateY na zadnej fotke a flip nefunguje. */
.product_item_2:hover .product_img .os-flip img,
.product_item:hover .product_img .os-flip img,
.os-card:hover .os-flip img {
  transform: none !important;
}

.product_item_2:hover .product_img .os-flip .os-flip__back,
.product_item:hover .product_img .os-flip .os-flip__back,
.os-card:hover .os-flip .os-flip__back {
  transform: rotateY(180deg) !important;
}

/* Bez druhej fotky ostáva jemné priblíženie */
.os-zoom img {
  display: block;
  transition: transform .45s ease;
}

.product_item:hover .os-zoom img,
.product_item_2:hover .os-zoom img,
.os-card:hover .os-zoom img,
.list_item_wrap:hover .os-zoom img {
  transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
  .os-flip__inner,
  .os-zoom img {
    transition: none !important;
  }
}