/* Classic gallery: same layout as the lower pergola gallery. */
.p360-peek-gallery{--peek-gap:12px;flex:none;width:100%;min-width:0;color:#fff;font:400 14px/1.4 Switzer,Arial,sans-serif}
.p360-peek-viewport{overflow:hidden;position:relative;aspect-ratio:5/3;touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;-webkit-user-select:none}
.p360-peek-viewport.is-dragging{cursor:grabbing}
.p360-peek-track{display:flex;align-items:center;gap:var(--peek-gap);position:relative;width:100%;height:100%;transform:translateX(calc(-175% + var(--peek-gap) / 2))}
.p360-peek-card{display:block;flex:0 0 calc(90% - var(--peek-gap));min-width:0;height:84%;overflow:hidden;background:#111}
.p360-peek-card[aria-hidden=false]{height:100%}
.p360-peek-gallery.is-moving .p360-peek-card{transition:height 350ms cubic-bezier(.22,.61,.36,1)}
@media(prefers-reduced-motion:reduce){.p360-peek-gallery.is-moving .p360-peek-card{transition:none}}
.p360-peek-card img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.p360-peek-toolbar{display:flex;align-items:center;justify-content:center;padding:16px 0 0}
.p360-peek-navigation{display:flex;align-items:center;gap:14px;flex:none}
.p360-peek-gallery button{appearance:none;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #454545;border-radius:50%;background:#191919;color:#fff;cursor:pointer;touch-action:manipulation}
.p360-peek-gallery button:hover{border-color:#fff;background:#282828}
.p360-peek-gallery:focus-visible,.p360-peek-gallery button:focus-visible{outline:2px solid #b3ff00;outline-offset:3px}
.p360-peek-gallery [data-peek-next] svg{transform:rotate(180deg)}
.p360-peek-count{min-width:54px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.06em}
@media(max-width:809.98px){.p360-peek-gallery{--peek-gap:8px}.p360-peek-toolbar{padding-top:12px}.p360-peek-navigation{gap:8px}.p360-peek-gallery button{width:44px;height:44px}}

/* Neighbour previews fill their cards, even when the active photo uses contain. */
.p360-peek-gallery .p360-peek-card{border-radius:5px}
.p360-peek-gallery .p360-peek-card[aria-hidden="true"] img{object-fit:cover}