/* Sarv Gold — product card hover + full product-detail gallery V57 */
.sarv-hover-media-v57{position:relative!important;overflow:hidden!important;isolation:isolate;background:#fff}
.sarv-hover-primary-v57{position:relative;z-index:1;transition:opacity .42s ease,transform .55s ease;will-change:opacity,transform}
.sarv-hover-secondary-v57{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-v57{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-v57{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)}

.sarv-detail-media-column-v57{display:flex!important;flex-direction:column;align-items:stretch;gap:12px}
.sarv-detail-main-image-v57{background:#fff;transition:opacity .18s ease,transform .22s ease;touch-action:pan-y;user-select:none;-webkit-user-drag:none}
.sarv-detail-main-image-v57.sarv-detail-image-changing-v57{opacity:.18;transform:scale(.985)}
.sarv-detail-gallery-v57{direction:rtl;width:100%;min-width:0}
.sarv-detail-gallery-toolbar-v57{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;padding:0 2px;color:#50695c;font-size:10px;font-weight:800}
.sarv-detail-image-role-v57{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid #ddd6c8;border-radius:999px;background:rgba(255,255,255,.88)}
.sarv-detail-image-counter-v57{color:#7a817d;font-variant-numeric:tabular-nums}
.sarv-detail-thumbs-v57{display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:2px 2px 7px;scroll-snap-type:x proximity;scrollbar-width:thin;overscroll-behavior-inline:contain}
.sarv-detail-thumb-v57{position:relative;flex:0 0 72px;width:72px;height:78px;overflow:hidden;border:1px solid #ddd6c8;border-radius:12px;background:#fff;padding:0;box-shadow:0 2px 8px rgba(20,45,34,.05);opacity:.72;scroll-snap-align:center;transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .2s ease}
.sarv-detail-thumb-v57:hover,.sarv-detail-thumb-v57:focus-visible{opacity:1;border-color:#5a7365;outline:none}
.sarv-detail-thumb-v57.is-active{opacity:1;border:2px solid #315344;box-shadow:0 0 0 3px rgba(49,83,68,.12);transform:translateY(-1px)}
.sarv-detail-thumb-v57 img{display:block;width:100%;height:55px;object-fit:cover;background:#fff}
.sarv-detail-thumb-v57 span{display:block;overflow:hidden;padding:4px 3px;color:#496254;font:800 8px/1.2 Tahoma,Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.sarv-detail-nav-v57{position:absolute;z-index:9;top:36%;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(255,255,255,.9);color:#244b3a;box-shadow:0 5px 17px rgba(8,31,21,.18);font-size:20px;line-height:1;backdrop-filter:blur(7px);transition:transform .2s ease,background .2s ease}
.sarv-detail-nav-v57:hover,.sarv-detail-nav-v57:focus-visible{background:#fff;transform:scale(1.06);outline:none}
.sarv-detail-prev-v57{right:22px}
.sarv-detail-next-v57{left:22px}

@media (hover:hover) and (pointer:fine){
  article[data-sarv-hover-ready-v57="1"]:hover .sarv-hover-primary-v57,.sarv-hover-media-v57:focus-visible .sarv-hover-primary-v57{opacity:0;transform:scale(1.018)}
  article[data-sarv-hover-ready-v57="1"]:hover .sarv-hover-secondary-v57,.sarv-hover-media-v57:focus-visible .sarv-hover-secondary-v57{opacity:1;transform:scale(1)}
  article[data-sarv-hover-ready-v57="1"]:hover .sarv-hover-hint-v57{opacity:0;transform:translateY(3px)}
}
@media (hover:none),(pointer:coarse){
  .sarv-hover-hint-v57{display:none}.sarv-model-toggle-v57{display:inline-flex}
  article.sarv-show-model-v57 .sarv-hover-primary-v57{opacity:0;transform:scale(1.018)}
  article.sarv-show-model-v57 .sarv-hover-secondary-v57{opacity:1;transform:scale(1)}
}
@media (max-width:767px){
  .sarv-detail-media-column-v57{padding-bottom:14px!important}
  .sarv-detail-nav-v57{top:31%;width:36px;height:36px;font-size:18px}
  .sarv-detail-prev-v57{right:14px}.sarv-detail-next-v57{left:14px}
  .sarv-detail-thumb-v57{flex-basis:68px;width:68px;height:75px}
  .sarv-detail-thumb-v57 img{height:52px}
}
@media (prefers-reduced-motion:reduce){
  .sarv-hover-primary-v57,.sarv-hover-secondary-v57,.sarv-hover-hint-v57,.sarv-detail-main-image-v57,.sarv-detail-thumb-v57,.sarv-detail-nav-v57{transition:none!important}
  .sarv-detail-thumbs-v57{scroll-behavior:auto}
}