/* Sayyarati v8795 — full-screen vehicle/damage image viewer */
[data-vehicle-image-viewer]{cursor:zoom-in;-webkit-tap-highlight-color:transparent}
[data-vehicle-image-viewer]:focus-visible{outline:3px solid #1677ff;outline-offset:3px;border-radius:14px}

.vehicle-image-viewer-v8795[hidden]{display:none!important}
.vehicle-image-viewer-v8795{
  position:fixed;inset:0;z-index:2147482500;display:grid;grid-template-rows:auto minmax(0,1fr) auto;
  background:rgba(2,8,23,.96);color:#fff;direction:rtl;overscroll-behavior:contain;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)
}
body.vehicle-image-viewer-open{overflow:hidden!important;touch-action:none!important}
.vehicle-image-viewer__bar{
  position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:72px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;
  border-bottom:1px solid rgba(255,255,255,.11);background:rgba(4,13,31,.82)
}
.vehicle-image-viewer__title{display:flex;align-items:center;gap:10px;min-width:0;font-weight:950;font-size:16px}
.vehicle-image-viewer__title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vehicle-image-viewer__counter{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.11);font-size:12px;font-weight:900;color:#dbeafe}
.vehicle-image-viewer__close,.vehicle-image-viewer__tool,.vehicle-image-viewer__nav{
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.10);color:#fff;box-shadow:none
}
.vehicle-image-viewer__close{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:27px;line-height:1}
.vehicle-image-viewer__close:hover,.vehicle-image-viewer__tool:hover,.vehicle-image-viewer__nav:hover{background:rgba(255,255,255,.18)}
.vehicle-image-viewer__stage{
  position:relative;min-height:0;overflow:hidden;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none
}
.vehicle-image-viewer__image{
  display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center center;
  will-change:transform;transition:transform .08s ease-out;pointer-events:none;-webkit-user-drag:none;user-select:none;
  filter:drop-shadow(0 20px 50px rgba(0,0,0,.35))
}
.vehicle-image-viewer__stage.is-dragging{cursor:grabbing}
.vehicle-image-viewer__stage.can-pan{cursor:grab}
.vehicle-image-viewer__hint{
  position:absolute;left:50%;bottom:18px;transform:translateX(-50%);max-width:calc(100% - 32px);padding:8px 13px;border-radius:999px;
  background:rgba(7,18,38,.78);border:1px solid rgba(255,255,255,.12);color:#e2e8f0;font-size:12px;font-weight:850;
  pointer-events:none;white-space:nowrap;transition:opacity .25s
}
.vehicle-image-viewer__hint.is-hidden{opacity:0}
.vehicle-image-viewer__nav{
  position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:48px;height:64px;border-radius:18px;
  display:grid;place-items:center;font-size:35px;font-weight:400
}
.vehicle-image-viewer__nav.is-prev{right:16px}.vehicle-image-viewer__nav.is-next{left:16px}
.vehicle-image-viewer__nav[hidden]{display:none!important}
.vehicle-image-viewer__tools{
  position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:9px;min-height:78px;
  padding:12px 14px max(12px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.11);background:rgba(4,13,31,.84)
}
.vehicle-image-viewer__tool{min-width:48px;height:48px;padding:0 14px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:950;font-size:19px}
.vehicle-image-viewer__tool.is-reset{font-size:13px;min-width:86px}.vehicle-image-viewer__zoom{min-width:64px;text-align:center;font-size:13px;font-weight:950;color:#bfdbfe}
.vehicle-image-viewer__loading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.vehicle-image-viewer__loading::after{content:"";width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.18);border-top-color:#fff;animation:vehicleViewerSpin .7s linear infinite}
.vehicle-image-viewer__loading[hidden]{display:none!important}
@keyframes vehicleViewerSpin{to{transform:rotate(360deg)}}

@media(max-width:700px){
  .vehicle-image-viewer__bar{min-height:62px;padding-inline:11px}.vehicle-image-viewer__title{font-size:14px}.vehicle-image-viewer__close{width:42px;height:42px;border-radius:14px}
  .vehicle-image-viewer__nav{width:42px;height:58px;border-radius:15px;font-size:31px}.vehicle-image-viewer__nav.is-prev{right:8px}.vehicle-image-viewer__nav.is-next{left:8px}
  .vehicle-image-viewer__tools{min-height:70px;gap:7px;padding-inline:9px}.vehicle-image-viewer__tool{height:45px;min-width:45px;padding:0 11px;border-radius:14px}.vehicle-image-viewer__tool.is-reset{min-width:72px;font-size:12px}.vehicle-image-viewer__zoom{min-width:52px}
  .vehicle-image-viewer__hint{bottom:10px;font-size:11px;padding:7px 11px}
}