/* LC Image Carousel - assets/css/carousel.css */
.lcic-carousel {
  width: 100%;
  overflow: visible;
  display: flex;
  flex-direction: column;
}

.lcic-viewport {
  width: calc(100% + 120px);
  cursor: grab;
  user-select: none;
}

.lcic-carousel.lcic-dragging .lcic-viewport {
  cursor: grabbing;
}

.lcic-track {
  display: flex;
  gap: 20px;
  will-change: transform;
  transition: transform 0.4s ease;
}

.lcic-carousel.lcic-dragging .lcic-track {
  transition: none;
}

.lcic-slide {
  flex: 0 0 auto;
  box-sizing: border-box;
}

.lcic-slide-inner {
  display: block;
  text-decoration: none;
  color: inherit;
}

.lcic-slide img {
  height: var(--lcic-height, 280px);
  width: auto;
  display: block;
  border-radius: 12px;
  pointer-events: none;
  object-fit: cover;
}

.lcic-slide-title {
  margin: 14px 0 6px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #FFF;
}

.lcic-slide-text {
  margin-top: 6px;
  font-size: 15px;
  line-height: 1.5;
  color: #FFF;
}

.lcic-arrows {
  position: relative;
  width: 100%;
  margin: 24px auto;
  display: flex;
  justify-content: center;
  gap: 16px;
}

.lcic-arrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #e2e2e2;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.lcic-arrow:hover {
  transform: scale(1.08);
}

.lcic-arrow svg {
  fill: none;
  stroke: #222222;
}

.lcic-arrow:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

@media (max-width: 600px) {
  .lcic-arrow {
    width: 40px;
    height: 40px;
  }
}