/* goturkiye.com — horizontal card carousel mechanism (shared by every band). Mobile base.
   Track = scroll-snap flex row; arrows scroll by a page; cards peek at the edge. */
.gt-carousel { position: relative; }

.gt-carousel__viewport {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;                 /* Firefox */
  padding-block: 4px;                    /* room for hover-lift */
}
.gt-carousel__viewport::-webkit-scrollbar { display: none; }

.gt-carousel__track {
  display: flex;
  gap: var(--gap-card);
  align-items: stretch;
  min-width: min-content;
}
/* trailing spacer so the last card can snap with breathing room */
.gt-carousel__track::after { content: ""; flex: 0 0 1px; }

.gt-card { scroll-snap-align: start; flex: 0 0 var(--card-w, 84%); max-width: var(--card-max, 340px); }

/* Overlay arrows (desktop pointer only). Hidden on touch — native scroll there. */
.gt-carousel__arrow {
  position: absolute; top: 42%;
  display: none;
  place-items: center;
  width: 46px; height: 46px; border-radius: 999px;
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.35);
  color: #fff; z-index: 3;
  transition: background-color .15s ease, opacity .15s ease;
}
.gt-carousel__arrow:hover { background: rgba(0,0,0,.85); }
.gt-carousel__arrow img { width: 22px; height: 22px; }
.gt-carousel__arrow--prev { left: 6px; transform: translateY(-50%) rotate(180deg); }
.gt-carousel__arrow--next { right: 6px; transform: translateY(-50%); }
.gt-carousel__arrow[disabled] { opacity: .3; cursor: default; }

/* Optional pagination dots under a carousel. */
.gt-dots {
  display: flex; justify-content: center; gap: 8px; margin-top: 22px;
}
.gt-dots button {
  width: 8px; height: 8px; border-radius: 999px;
  background: rgba(255,255,255,.3);
  transition: background-color .2s ease, width .2s ease;
}
.gt-dots button.is-active { background: #fff; width: 22px; }

@media (hover: hover) and (min-width: 1024px) {
  .gt-carousel:hover .gt-carousel__arrow { display: grid; }
}