/* Sarv Gold — two-image product cards V56 */
.sarv-hover-media-v56{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  background:#fff;
}
.sarv-hover-primary-v56{
  position:relative;
  z-index:1;
  transition:opacity .42s ease,transform .55s ease;
  will-change:opacity,transform;
}
.sarv-hover-secondary-v56{
  position:absolute!important;
  inset:0!important;
  z-index:2;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:0;
  transform:scale(1.035);
  transition:opacity .42s ease,transform .6s ease;
  pointer-events:none;
  will-change:opacity,transform;
}
.sarv-hover-hint-v56{
  position:absolute;
  right:10px;
  bottom:10px;
  z-index:5;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 9px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:999px;
  background:rgba(255,255,255,.88);
  color:#315344;
  box-shadow:0 4px 14px rgba(8,31,21,.12);
  backdrop-filter:blur(8px);
  font-size:9px;
  font-weight:800;
  line-height:1;
  pointer-events:none;
  transition:opacity .25s ease,transform .25s ease;
}
.sarv-model-toggle-v56{
  position:absolute;
  right:10px;
  bottom:10px;
  z-index:7;
  display:none;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#244b3a;
  box-shadow:0 5px 18px rgba(8,31,21,.16);
  font:800 10px/1.2 Tahoma,Arial,sans-serif;
  backdrop-filter:blur(9px);
}

@media (hover:hover) and (pointer:fine){
  article[data-sarv-hover-ready-v56="1"]:hover .sarv-hover-primary-v56,
  .sarv-hover-media-v56:focus-visible .sarv-hover-primary-v56{
    opacity:0;
    transform:scale(1.018);
  }
  article[data-sarv-hover-ready-v56="1"]:hover .sarv-hover-secondary-v56,
  .sarv-hover-media-v56:focus-visible .sarv-hover-secondary-v56{
    opacity:1;
    transform:scale(1);
  }
  article[data-sarv-hover-ready-v56="1"]:hover .sarv-hover-hint-v56{
    opacity:0;
    transform:translateY(3px);
  }
}

@media (hover:none), (pointer:coarse){
  .sarv-hover-hint-v56{display:none}
  .sarv-model-toggle-v56{display:inline-flex}
  article.sarv-show-model-v56 .sarv-hover-primary-v56{opacity:0;transform:scale(1.018)}
  article.sarv-show-model-v56 .sarv-hover-secondary-v56{opacity:1;transform:scale(1)}
}

@media (prefers-reduced-motion:reduce){
  .sarv-hover-primary-v56,.sarv-hover-secondary-v56,.sarv-hover-hint-v56{transition:none!important}
}