/* This component never selects generic images, Groups, headings or old carousels. */
.breganja-panorama { min-width: 0; width: 100%; }
.spk-gym-page__gallery .breganja-panorama.breganja-panorama--gym { margin-block-start: clamp(2rem, 5vw, 4rem); }
.breganja-panorama .breganja-panorama__frame { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #e8eae7; }
.breganja-panorama .breganja-panorama__viewport { width: 100%; height: 100%; overflow: hidden; touch-action: pan-y pinch-zoom; direction: ltr; }
.breganja-panorama .breganja-panorama__image { display: block; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: contain; user-select: none; }
.breganja-panorama[data-panorama-ready] .breganja-panorama__viewport { overflow-x: auto; scrollbar-width: none; cursor: grab; overscroll-behavior-x: contain; }
.breganja-panorama[data-panorama-ready] .breganja-panorama__viewport::-webkit-scrollbar { display: none; }
.breganja-panorama[data-panorama-ready] .breganja-panorama__image { width: auto; min-width: 100%; }
.breganja-panorama[data-panorama-dragging] .breganja-panorama__viewport { cursor: grabbing; }
.breganja-panorama .breganja-panorama__controls[hidden] { display: none; }
.breganja-panorama .breganja-panorama__controls { position: absolute; inset: 0; pointer-events: none; }
.breganja-panorama .breganja-panorama__controls button { position: absolute; top: 50%; z-index: 2; display: grid; place-items: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 1px solid #fff; border-radius: 50%; background: rgb(23 25 24 / 85%); color: #fff; font: 24px/1 sans-serif; transform: translateY(-50%); cursor: pointer; pointer-events: auto; }
.breganja-panorama [data-panorama-left] { left: 12px; }
.breganja-panorama [data-panorama-right] { right: 12px; }
.breganja-panorama .breganja-panorama__controls button:disabled { opacity: .4; cursor: default; }
.breganja-panorama .breganja-panorama__viewport:focus-visible,
.breganja-panorama .breganja-panorama__controls button:focus-visible { outline: 3px solid #c41230; outline-offset: -3px; box-shadow: inset 0 0 0 5px #fff; }
.breganja-panorama .breganja-panorama__instructions,
.breganja-panorama .breganja-panorama__fallback { margin: 12px 0 0; font-size: 14px; line-height: 1.5; }
.breganja-panorama .breganja-panorama__status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.breganja-panorama-editor__fields { margin-top: 16px; }
@media (prefers-reduced-motion: reduce) { .breganja-panorama * { scroll-behavior: auto; animation: none; transition: none; } }