/* Shared manual sliders: quiet dots, native touch, no automatic movement. */
.st3-manual-rail{overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scroll-behavior:auto;scrollbar-width:none!important;cursor:grab;overscroll-behavior-x:contain;touch-action:pan-x pan-y;position:relative}
.st3-manual-rail::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.st3-manual-rail.is-dragging{cursor:grabbing;scroll-snap-type:none!important;user-select:none}
.st3-manual-rail>*{scroll-snap-align:start}
.st3-manual-rail:focus-visible{outline:2px solid #00f2ea;outline-offset:3px}
.st3-explorer--carousel,.st3-proof20,.swiper-container-casestudies,.swiper-container-blog{overflow:clip}
.st3-slider-dots{display:flex!important;justify-content:center;align-items:center;gap:0;margin:12px auto 0;max-width:100%;padding:0;min-height:36px;position:relative;z-index:2}
.st3-slider-dots[hidden],.st3-slider-dot[hidden]{display:none!important}
.st3-slider-dot{display:grid!important;place-items:center;width:36px!important;height:36px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;cursor:pointer;flex:0 0 36px}
.st3-slider-dot::before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#76838d;transition:background .15s,transform .15s}
.st3-slider-dot[aria-current=true]::before{background:#00f2ea;transform:scale(1.35)}
.st3-slider-dot:hover::before{background:#fff}
.st3-slider-dot:focus-visible{outline:2px solid #00f2ea!important;outline-offset:-4px}
.st3-slider-dot::after{content:none!important}
/* Existing content rails use the same responsive layout without Swiper transforms. */
#casestudies-wrapper.st3-manual-rail,#blog-wrapper.st3-manual-rail{display:grid!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/2);gap:24px;transform:none!important;width:100%!important;height:auto!important;margin:0!important}
#casestudies-wrapper.st3-manual-rail>.swiper-slide,#blog-wrapper.st3-manual-rail>.swiper-slide{width:auto!important;height:auto;margin:0!important;min-width:0}
@media(max-width:767px){#casestudies-wrapper.st3-manual-rail,#blog-wrapper.st3-manual-rail{grid-auto-columns:88%;gap:16px}}
@media(prefers-reduced-motion:reduce){.st3-slider-dot::before{transition:none}}
/* v47: případové studie – plynulá animace a šipky na okrajích krajních karet (PC i mobil). */
.st3-manual-rail.st3-rail-animating{scroll-snap-type:none!important}
.st3-rail-arrow{position:absolute;z-index:4;display:grid!important;place-items:center;width:48px;height:48px;margin:0!important;padding:0!important;transform:translateY(-50%);border:1px solid rgba(0,242,234,.55)!important;border-radius:4px!important;background:rgba(6,17,21,.82)!important;color:#00f2ea!important;box-shadow:0 10px 26px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,opacity .2s ease}
.st3-rail-arrow svg{width:20px;height:20px;display:block;pointer-events:none}
.st3-rail-arrow:hover{background:#00f2ea!important;color:#041014!important;border-color:#00f2ea!important}
.st3-rail-arrow--prev:hover{transform:translate(-2px,-50%)}
.st3-rail-arrow--next:hover{transform:translate(2px,-50%)}
.st3-rail-arrow:active{transform:translateY(-50%) scale(.94)}
.st3-rail-arrow:focus-visible{outline:2px solid #00f2ea!important;outline-offset:3px}
.st3-rail-arrow[hidden]{display:none!important}
.st3-carousel-controls39.st3-carousel-controls47{justify-content:center}
@media(max-width:767px){.st3-rail-arrow{width:40px;height:40px}.st3-rail-arrow svg{width:17px;height:17px}}
@media(hover:none){.st3-rail-arrow:hover{background:rgba(6,17,21,.82)!important;color:#00f2ea!important;border-color:rgba(0,242,234,.55)!important;transform:translateY(-50%)}}
@media(prefers-reduced-motion:reduce){.st3-rail-arrow{transition:none}}
/* 30. 9.: bez tlačítek pozastavení animací a střídání (hero, katalog, carousely); pauzu řeší najetí myší, dotyk a systémové omezení pohybu. */
.st3-hero30__motion,.st3-network42__toggle,.st3-carousel-controls39>button[aria-pressed]{display:none!important}
