/* Opt-in component only: never targets the existing static Hero. */
.spk-page .breganja-hero-slider { display:block; }
.breganja-hero-slider .breganja-hero-slider__slide { display:grid; height:100%; min-height:0; touch-action:pan-y pinch-zoom; }
.breganja-hero-slider [hidden] { display:none !important; }
.breganja-hero-slider .breganja-hero-slider__slide > .spk-hero__content { box-sizing:border-box; }
.breganja-hero-slider .spk-hero__content > * { margin-block:0; }
.breganja-hero-slider .spk-hero__content > .spk-hero__identity { margin-bottom:clamp(20px,2.5vh,28px); }
.breganja-hero-slider .spk-hero__content > h1 { margin-top:16px; }
.breganja-hero-slider .spk-hero__content > .spk-hero__lead { margin-top:24px; }
.breganja-hero-slider .spk-hero__content > .spk-hero__cue { margin-top:clamp(28px,4vh,42px); }
@media(max-width:600px){.breganja-hero-slider .spk-hero__content > .spk-hero__identity {margin-bottom:20px;}}
.breganja-hero-slider .breganja-hero-slider__controls { position:absolute; z-index:4; right:max(20px,calc((100% - 1320px)/2)); bottom:22px; display:flex; align-items:center; gap:12px; color:#fff; font:600 14px/1.2 sans-serif; background:#171918e8; border:1px solid #ffffff80; border-radius:4px; padding:4px; }
.breganja-hero-slider .breganja-hero-slider__controls button { width:44px; height:44px; padding:0; display:grid; place-items:center; border:0; background:transparent; color:#fff; font:24px/1 sans-serif; cursor:pointer; }
.breganja-hero-slider .breganja-hero-slider__controls button[aria-disabled="true"] { opacity:.4; cursor:default; }
.breganja-hero-slider .breganja-hero-slider__controls button:focus-visible { outline:3px solid #fff; outline-offset:1px; }
.breganja-hero-slider__status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.breganja-hero-slider .breganja-hero-slider__slide.is-entering { animation:breganja-hero-reveal .16s ease-out; }
@keyframes breganja-hero-reveal { from {opacity:.65} to {opacity:1} }
@media(max-width:781px){ .breganja-hero-slider .spk-hero__media img { object-position:var(--hero-mobile-focal,70% 50%) !important; } }
@media(max-width:600px){ .breganja-hero-slider .breganja-hero-slider__controls{top:20px;bottom:auto;right:20px;padding:1px;gap:8px} }
@media(prefers-reduced-motion:reduce){ .breganja-hero-slider .breganja-hero-slider__slide.is-entering {animation:none;} }