/* Pivot Legend kategori şeridi — monitor1 CategoryRail (fotoğrafik rail) birebir portu */

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories {
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  padding: 88px 0;
  font-family: var(--font-body, cc_iaGi07ZoIl_Inter, sans-serif);
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  max-width: 1440px;
  margin: 0 auto 32px;
  padding: 0 5vw;
}

/* Premium carousel okları */
.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__nav {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__arrow {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--color-border-strong, #ccd3de);
  border-radius: 999px;
  background: var(--color-bg, #fff);
  color: var(--color-text-primary, #111827);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  transition: background 200ms var(--ease), border-color 200ms var(--ease), color 200ms var(--ease);
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__arrow:hover {
  background: var(--color-accent, #2563eb);
  border-color: transparent;
  color: #fff;
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__arrow:focus-visible {
  outline: 2px solid var(--color-accent, #2563eb);
  outline-offset: 2px;
}

@media (max-width: 760px) {
  .cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__nav {
    display: none;
  }
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__heading span {
  color: var(--color-accent, #2563eb);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__heading h2 {
  max-width: 14ch;
  margin: 12px 0 0;
  color: var(--color-text-primary, #111827);
  font-size: clamp(28px, 3.4vw, 44px);
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.025em;
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__rail {
  display: flex;
  gap: 16px;
  padding-inline: 5vw;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-x;
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__rail:active {
  cursor: grabbing;
}

/* Kaydırma sürerken snap devrede kalırsa her karede geri çekip titretir;
   kartların hover büyümesi de imlecin altından geçerken takılma yaratır. */
.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__rail.is-scrolling {
  scroll-snap-type: none;
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__rail.is-scrolling .pivot-categories__tile, .cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__rail.is-scrolling .pivot-categories__tile:hover {
  transform: none;
  box-shadow: none;
  transition: none;
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__rail.is-scrolling .pivot-categories__tile img, .cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__rail.is-scrolling .pivot-categories__tile:hover img {
  transform: none;
  transition: none;
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__rail::-webkit-scrollbar {
  display: none;
}

/* Sürüklerken görsellerin native drag'ini engelle */
.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__tile img {
  -webkit-user-drag: none;
  user-drag: none;
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__tile {
  position: relative;
  flex: 0 0 clamp(240px, 23vw, 340px);
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 14px;
  background: var(--color-surface-alt, #f4f6f8);
  scroll-snap-align: start;
  text-decoration: none;
  transition: transform 300ms var(--ease), box-shadow 300ms var(--ease);
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 44px -26px rgba(11, 18, 32, 0.4);
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__tile img, .cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__placeholder {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 42%;
  transition: transform 700ms var(--ease);
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__tile:hover img {
  transform: scale(1.045);
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__tile::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(198deg, rgba(11, 13, 16, 0) 40%, rgba(11, 13, 16, 0.32) 66%, rgba(11, 13, 16, 0.78));
  content: "";
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__tile::before {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0);
  content: "";
  transition: box-shadow 300ms var(--ease);
  pointer-events: none;
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__tile:hover::before {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__tile-copy {
  position: absolute;
  right: 16px;
  bottom: 16px;
  left: 16px;
  z-index: 2;
  color: #fff;
  transition: transform 300ms var(--ease);
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__tile:hover .pivot-categories__tile-copy {
  transform: translateY(-3px);
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__tile-copy strong {
  display: block;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -0.012em;
  text-shadow: 0 1px 16px rgba(0, 0, 0, 0.4);
}

.cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__tile-copy span {
  display: block;
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 13.5px;
}

@media (max-width: 760px) {
  .cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__heading {
    margin-bottom: 24px;
  }

  .cc_iaGi07ZoIl_kPayO9EvcB .pivot-categories__tile {
    flex-basis: 68vw;
  }
}

/* ikas global reset (all:unset) başlıkları inline yapıyor — blok'a geri döndür */
.cc_iaGi07ZoIl_kPayO9EvcB h1, .cc_iaGi07ZoIl_kPayO9EvcB h2, .cc_iaGi07ZoIl_kPayO9EvcB h3, .cc_iaGi07ZoIl_kPayO9EvcB h4 {
  display: block;
}