#hero-carousel {
			width: 100%;
			position: relative;
			overflow: hidden;
		}
		#hero-carousel .swiper {
			width: 100%;
			height: calc(50vw);
			max-height: 500px;
			overflow: hidden;
		}
		#hero-carousel .swiper-wrapper {
			width: 100%;
			height: 100%;
		}
		#hero-carousel .swiper-slide {
			position: relative;
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			overflow: hidden;
		}
		#hero-carousel .swiper-slide a {
			position: absolute;
			inset: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			z-index: 2;
			text-decoration: none;
		}
		#hero-carousel .swiper-slide img,
		#hero-carousel .swiper-slide video {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 1920px;
			height: 500px;
			transform: translate(-50%, -50%);
			object-fit: cover;
			z-index: 1;
			transition: transform 4s ease-in-out;
		}
		@media (max-width: 1000px) {
			#hero-carousel .swiper {
				height: auto;
				aspect-ratio: 2 / 1;
			}
			#hero-carousel .swiper-slide img,
			#hero-carousel .swiper-slide video {
				width: auto;
				height: calc(50vw);
				aspect-ratio: 1920 / 500;
				max-height: none;
			}

		}
		#hero-carousel .swiper-button-next,
		#hero-carousel .swiper-button-prev {
			color: rgba(255, 255, 255, 0);
			/* Zvětšíme "hitbox" na celou výšku slideru */
/*			top: -50%;
			height: 90%;
			width: 50px;			// nebo šířka podle potřeby
			display: flex;
			align-items: center;	// vertikálně vystředí šipku
			justify-content: center;
*/
		}
		#hero-carousel .swiper:hover .swiper-button-prev,
		#hero-carousel .swiper:hover .swiper-button-next {
			color: rgba(255, 255, 255, 0.4);
			text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		}
		#hero-carousel .swiper-pagination {
			bottom: 10px;
		}
		#hero-carousel .swiper-pagination-bullet {
			background: rgba(255, 255, 255, 0.8);
		}
		#hero-carousel .swiper .progress-bar {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 0%;
			height: 2px;
			background-color: rgba(255, 255, 0, 0.8);
			z-index: 10;					 /* musí být nad videem/obrázkem */
			pointer-events: none;	 /* aby se dal slider stále ovládat */
			transition: width 0.05s linear;
		}
		#hero-carousel .progress-bar-video {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 0%;
			height: 3px;
			background-color: rgba(152,35,79,0.8);
		}
		@keyframes progressLoop {
			0% { width: 0%; }
			100% { width: 100%; }
		}