.carousel-container-wrapper {
  max-width: 1512px;
  margin: 0 auto;
}

.carousel-subheading-wrapper {
  max-width: 1512px;  
  margin: 0 auto;
  padding: 36px 0 113px 36px; 
  border-top: 1px solid hsla(0,0%,100%,.1);
  color: #D8C5A4;
}


.carousel-container {
  position: relative;
  width: 100%;
  max-width: 1584px;
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
}

.carousel-container {
  cursor: none; /* skryje defaultní kurzor */
}

/* hover circle už je definováno */
.hover-circle {
  display: none; /* defaultně skryto */
  position: fixed;
  pointer-events: none; /* aby nezastavoval klik */
  width: 60px;
  height: 60px;
  background: rgba(18,18,22,0.25);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -50%);
  z-index: 10;
  cursor: pointer; /* pro vizuální efekt */
}
.hover-circle img {
  width: 24px;
  height: 24px;
}
.hover-circle.left img { transform: rotate(180deg); }
.hover-circle.right img { transform: rotate(0deg); }


.carousel-track {
  display: flex;
  flex-wrap: nowrap;
  transition: transform 0.5s ease-in-out;
}

.carousel-slide {
  display: flex;
  flex: 0 0 100%;
  height: 756px;
  max-height: 756px;
  align-items: stretch;
}

.carousel-slide img {
  width: 50%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Progress + scrollbar */
.carousel-progress {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 71px;
  font-family: Martian Mono, monospace;
  font-weight: 300;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #FFF;
  opacity: 0.5;
  position: relative;
}

.carousel-scrollbar {
  position: relative;
  width: 50%;
  height: 1px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 2px;
  margin: 8px auto 0;
}

.carousel-scrollbar-thumb {
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  width: 20%;
  background: #fff;
  border-radius: 2px;
  cursor: grab;
}

/* Hover circle */
.hover-circle {