.cc_n5guojaw_9UmEl1fwut .hotspot {
  display: block;
  min-width: 0;
}

@media (prefers-reduced-motion: reduce) {
  .cc_n5guojaw_9UmEl1fwut .hotspot {
    transition: none;
  }
}

.cc_n5guojaw_9UmEl1fwut .chapter {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
  min-width: 0;
  height: 100%;
  outline: none;
}

.cc_n5guojaw_9UmEl1fwut .chapter__visual {
  position: relative;
}

.cc_n5guojaw_9UmEl1fwut .chapter__visual-link {
  display: block;
  overflow: hidden;
  border: var(--border) solid transparent;
  border-radius: var(--radius);
  background: var(--uggXonx9Cv); /* SLOT.SURFACE */
  transition: var(--hover-transition);
}

.cc_n5guojaw_9UmEl1fwut .chapter .chapter__media {
  aspect-ratio: 1 / 1;
}

.cc_n5guojaw_9UmEl1fwut .chapter .chapter__media .media__el {
  mix-blend-mode: darken;
}

/* Fotoğraftaki noktayla aynı numara rozeti */
.cc_n5guojaw_9UmEl1fwut .chapter__num {
  position: absolute;
  top: var(--sp-2);
  left: var(--sp-2);
  display: grid;
  place-items: center;
  min-width: var(--sp-6);
  height: var(--sp-6);
  padding: 0 var(--sp-1);
  border-radius: var(--radius);
  background: var(--pj6UgXeVyO); /* SLOT.SECONDARY_BUTTON_BACKGROUND */
  color: var(--bm37JbssJ1); /* SLOT.SECONDARY_BUTTON_TEXT */
  font-variant-numeric: tabular-nums;
  transition: background-color var(--dur-base) var(--ease-smooth), color var(--dur-base) var(--ease-smooth);
}

.cc_n5guojaw_9UmEl1fwut .chapter__include {
  position: absolute;
  top: var(--sp-2);
  right: var(--sp-2);
  display: grid;
  place-items: center;
  width: var(--sp-6);
  height: var(--sp-6);
  padding: 0;
  border: var(--border) solid var(--in9KugaGmP); /* SLOT.BORDER_STRONG */
  border-radius: var(--radius);
  background: var(--sdb7Ll3K3W); /* SLOT.TEXT */
  color: var(--7TWuKeelNo); /* SLOT.SURFACE_RAISED */
  cursor: pointer;
  transition: var(--hover-transition);
}

.cc_n5guojaw_9UmEl1fwut .chapter__include[aria-pressed="false"] {
  background: var(--7TWuKeelNo); /* SLOT.SURFACE_RAISED */
  color: var(--sdb7Ll3K3W); /* SLOT.TEXT */
}

.cc_n5guojaw_9UmEl1fwut .chapter__include:focus-visible {
  outline: var(--border-strong) solid var(--in9KugaGmP); /* SLOT.BORDER_STRONG */
  outline-offset: 2px;
}

.cc_n5guojaw_9UmEl1fwut .chapter__main {
  display: flex;
  flex-direction: column;
  gap: var(--sp-1);
  flex: 1 1 auto;
  min-width: 0;
}

.cc_n5guojaw_9UmEl1fwut .chapter__brand, .cc_n5guojaw_9UmEl1fwut .chapter__name, .cc_n5guojaw_9UmEl1fwut .chapter__oos, .cc_n5guojaw_9UmEl1fwut .chapter__hint {
  margin: 0;
}

.cc_n5guojaw_9UmEl1fwut .chapter__brand, .cc_n5guojaw_9UmEl1fwut .chapter__oos {
  color: var(--d9S6HHOvjP); /* SLOT.TEXT_MUTED */
}

.cc_n5guojaw_9UmEl1fwut .chapter__name {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.cc_n5guojaw_9UmEl1fwut .chapter__link {
  color: inherit;
  text-decoration: none;
}

.cc_n5guojaw_9UmEl1fwut .chapter .chapter__price {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--sp-2);
  font-variant-numeric: tabular-nums;
}

.cc_n5guojaw_9UmEl1fwut .chapter__variants {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  margin-top: auto;
  padding-top: var(--sp-2);
}

.cc_n5guojaw_9UmEl1fwut .chapter__add {
  margin-top: var(--sp-2);
}

.cc_n5guojaw_9UmEl1fwut .chapter__hint {
  color: var(--iQzMv159Zv); /* COLOR.DURUM_HATA */
}

.cc_n5guojaw_9UmEl1fwut .chapter.is-excluded .chapter__visual-link, .cc_n5guojaw_9UmEl1fwut .chapter.is-oos .chapter__visual-link {
  opacity: 0.45;
}

.cc_n5guojaw_9UmEl1fwut .chapter.is-excluded .chapter__name, .cc_n5guojaw_9UmEl1fwut .chapter.is-excluded .chapter__price {
  color: var(--d9S6HHOvjP); /* SLOT.TEXT_MUTED */
}

@media (hover: hover) {
  .cc_n5guojaw_9UmEl1fwut .chapter__visual-link:hover {
    border-color: var(--c7FQoost8G); /* SLOT.BORDER */
  }

  .cc_n5guojaw_9UmEl1fwut .chapter__link:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_n5guojaw_9UmEl1fwut .chapter__visual-link, .cc_n5guojaw_9UmEl1fwut .chapter__num, .cc_n5guojaw_9UmEl1fwut .chapter__include {
    transition: none;
  }
}