/* OCMB 2027 PRO v2.9 — editable homepage slider and animated trust figures.
 * The controls and images are managed in Wygląd → Dostosuj; no page builder
 * or hard-coded content is required to replace a slide. */
.hero-slider{display:block;min-height:0;background:none;color:#fff}
.hero-slider:before,.hero-slider:after{display:none}
.ocmb-slider__stage{position:relative;min-height:568px;overflow:hidden;background:#062d57}
.ocmb-slider__slides{position:relative;min-height:568px}
.ocmb-slide{position:absolute;inset:0;z-index:1;display:block;visibility:hidden;opacity:0;pointer-events:none;background-image:var(--slide-image);background-color:#163a58;background-size:cover;background-position:center;transition:opacity .62s ease,visibility 0s linear .62s}
.ocmb-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,28,55,.96) 0%,rgba(4,31,60,.87) 45%,rgba(4,31,60,.42) 75%,rgba(4,31,60,.16) 100%)}
.ocmb-slide:after{content:"";position:absolute;right:-12%;top:-19%;width:54%;height:132%;border:1px solid rgba(255,255,255,.25);transform:rotate(16deg);box-shadow:inset 0 0 0 22px rgba(255,255,255,.027),inset 0 0 0 53px rgba(255,255,255,.018)}
.ocmb-slide.is-active{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .62s ease,visibility 0s}
.hero-slider .hero-grid--slider{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);align-items:end;min-height:568px;padding:66px 0 111px}
.hero-slider .hero-copy{max-width:720px}
.hero-slider h1,.hero-slider h2{max-width:690px;margin:0;color:#fff;font-size:clamp(46px,5.15vw,76px);line-height:.97;letter-spacing:-.06em}
.hero-slider .hero-lead{max-width:620px;margin:22px 0;font-size:16px;line-height:1.62}
.ocmb-slide .eyebrow,.ocmb-slide h1,.ocmb-slide h2,.ocmb-slide .hero-lead,.ocmb-slide .hero-actions,.ocmb-slide .hero-points{opacity:0;transform:translateY(16px)}
.ocmb-slide.is-active .eyebrow{animation:ocmbSlideContent .52s .06s ease forwards}
.ocmb-slide.is-active h1,.ocmb-slide.is-active h2{animation:ocmbSlideContent .58s .12s ease forwards}
.ocmb-slide.is-active .hero-lead{animation:ocmbSlideContent .56s .19s ease forwards}
.ocmb-slide.is-active .hero-actions{animation:ocmbSlideContent .56s .25s ease forwards}
.ocmb-slide.is-active .hero-points{animation:ocmbSlideContent .56s .31s ease forwards}
.hero-slider .hero-points{display:flex;flex-wrap:wrap;gap:8px 18px;max-width:640px;padding:0;margin:23px 0 0;list-style:none;border:0}
.hero-slider .hero-points li{font-size:11px;font-weight:780;color:#d8e6f0}
.hero-slider .hero-points li:before{content:"✓";margin-right:7px;color:#f4cb62;font-weight:900}
.hero-slider__aside{position:absolute;z-index:4;bottom:91px;left:50%;width:min(calc(100% - 48px),var(--max));transform:translateX(-50%);pointer-events:none}
.hero-slider__aside .hero-panel{width:286px;margin-left:auto;pointer-events:auto;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.95);box-shadow:0 20px 50px rgba(0,13,32,.24)}
.hero-slider__aside .hero-panel__eyebrow{display:block;margin-bottom:9px;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.12em}
.hero-slider__aside .hero-panel h2{color:var(--ink);font-size:23px;line-height:1.04;letter-spacing:-.045em}
.hero-slider__aside .hero-panel ol{margin:18px 0;padding-left:18px;color:#586b7d;font-size:12px;line-height:1.8}
.hero-slider__controls{position:absolute;z-index:5;bottom:30px;left:50%;display:flex;align-items:center;gap:8px;width:min(calc(100% - 48px),var(--max));transform:translateX(-50%)}
.slider-control,.slider-dot{border:0;font:inherit;cursor:pointer}
.slider-control{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:18px;line-height:1;transition:background .2s ease,transform .2s ease}
.slider-control:hover{background:rgba(255,255,255,.23);transform:translateY(-1px)}
.slider-control--pause{margin-left:4px;font-size:13px}
.slider-dots{display:flex;align-items:center;gap:7px}
.slider-dot{width:8px;height:8px;padding:0;border-radius:50%;background:rgba(255,255,255,.42);transition:width .2s ease,background .2s ease}
.slider-dot.is-active{width:25px;border-radius:9px;background:#f4cb62}
.slider-control:focus-visible,.slider-dot:focus-visible{outline:3px solid #f4cb62;outline-offset:3px}
.hero-counter-strip{position:relative;background:linear-gradient(90deg,#052746,#0b4a84);border-top:1px solid rgba(255,255,255,.16);color:#fff}
.hero-counter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));align-items:stretch}
.hero-counter{min-height:113px;padding:22px 27px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(255,255,255,.18)}
.hero-counter:first-child{border-left:0}
.hero-counter strong{font-family:Sora,Manrope,sans-serif;font-size:clamp(29px,3vw,43px);line-height:1;letter-spacing:-.055em;color:#fff;white-space:nowrap}
.hero-counter span{margin-top:7px;color:#c8dae9;font-size:11px;font-weight:720;line-height:1.35}
.hero-slider+.quick-actions-section{margin-top:0;padding-top:10px}
@keyframes ocmbSlideContent{to{opacity:1;transform:translateY(0)}}
@media(max-width:920px){
 .ocmb-slider__stage,.ocmb-slider__slides,.hero-slider .hero-grid--slider{min-height:540px}
 .hero-slider .hero-grid--slider{padding-bottom:85px}
 .hero-slider__aside{display:none}
 .hero-counter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-counter:nth-child(odd){border-left:0}
 .hero-counter:nth-child(n+3){border-top:1px solid rgba(255,255,255,.18)}
}
@media(max-width:680px){
 .ocmb-slider__stage,.ocmb-slider__slides,.hero-slider .hero-grid--slider{min-height:590px}
 .hero-slider .hero-grid--slider{padding:48px 0 91px}
 .hero-slider h1,.hero-slider h2{font-size:clamp(39px,11.1vw,51px);letter-spacing:-.06em}
 .hero-slider .hero-lead{font-size:14px;line-height:1.58;margin:18px 0}
 .hero-slider .hero-actions{gap:8px}
 .hero-slider .hero-actions .btn{min-height:46px;padding:0 15px;font-size:12px}
 .hero-slider .hero-points{gap:7px 12px;margin-top:19px}
 .hero-slider .hero-points li{font-size:10px}
 .ocmb-slide:before{background:linear-gradient(90deg,rgba(4,28,55,.97),rgba(4,31,60,.82))}
 .ocmb-slide:after{right:-22%;top:-12%;width:76%;height:91%;opacity:.65}
 .hero-slider__controls{bottom:25px;width:min(calc(100% - 28px),var(--max))}
 .hero-counter{min-height:98px;padding:18px 14px}
 .hero-counter strong{font-size:29px}
 .hero-counter span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .ocmb-slide,.ocmb-slide.is-active,.slider-control,.slider-dot{transition:none}
 .ocmb-slide .eyebrow,.ocmb-slide h1,.ocmb-slide h2,.ocmb-slide .hero-lead,.ocmb-slide .hero-actions,.ocmb-slide .hero-points{opacity:1;transform:none;animation:none}
}
