/* Service gallery release 2026.10.22.gallery4.1. Quick View and admin are unchanged. */
.gig-gallery .gig-media-stage{position:relative;isolation:isolate}
.gig-gallery .gig-main-img,.gig-gallery .gthumb{background-size:cover;background-position:center;background-repeat:no-repeat}
.gig-gallery .gig-main-img{touch-action:pan-y;cursor:grab;transition:transform .16s ease;user-select:none;-webkit-user-select:none}
.gig-gallery .gig-main-img.is-dragging{cursor:grabbing;transform:translateX(var(--gig-drag-offset,0px));transition:none}
.gig-gallery .gig-main-img.mh-player-live{cursor:auto}
.gig-gallery .gig-gallery-nav{
  position:absolute;top:50%;z-index:6;transform:translateY(-50%);
  display:grid;place-items:center;width:42px;height:48px;padding:0;
  border:1px solid rgba(65,107,22,.3);border-radius:13px;
  background:rgba(255,255,250,.94);color:#2e4d10;box-shadow:0 5px 18px rgba(20,33,18,.16);
  font:500 32px/1 Arial,sans-serif;cursor:pointer;transition:opacity .16s ease,background .16s ease,border-color .16s ease;
}
.gig-gallery .gig-gallery-prev{left:12px}
.gig-gallery .gig-gallery-next{right:12px}
.gig-gallery .gig-gallery-nav:hover{background:#eaf5d6;border-color:#416b16}
.gig-gallery :is(.gig-gallery-nav,.gig-main-img,.gthumb):focus-visible{outline:3px solid #416b16;outline-offset:3px}
.gig-gallery .gig-gallery-info{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:var(--text-muted,#56634d);font-size:.75rem;line-height:1.5}
.gig-gallery .gig-gallery-status{font-weight:600;color:var(--text,#18251b)}
.gig-gallery .gig-thumbs{flex-wrap:nowrap;overflow-x:auto;padding:3px 3px 6px;scrollbar-width:thin;scrollbar-color:#82966e transparent}
.gig-gallery .gthumb{flex:0 0 84px}
.gig-gallery .gig-main-img:not(.mh-player-live) > :is(.mh-player-controls,.mh-player-veil){display:none}
/* A mouse reveals arrows only over the media. Pointer clicks must not pin them open.
   Keyboard focus and non-hover touch screens keep navigation reachable. */
@media(hover:hover) and (pointer:fine){
  .gig-gallery .gig-media-stage:not(:hover):not(:has(:focus-visible)) .gig-gallery-nav{opacity:0;pointer-events:none}
}
@media(max-width:620px){
  .gig-gallery .gig-gallery-nav{width:36px;height:42px;border-radius:11px;font-size:29px}
  .gig-gallery .gig-gallery-prev{left:8px}.gig-gallery .gig-gallery-next{right:8px}
  .gig-gallery .gig-gallery-info{flex-wrap:wrap;gap:2px 12px}
}
@media(prefers-reduced-motion:reduce){.gig-gallery .gig-main-img,.gig-gallery .gig-gallery-nav{transition:none}}