.cc_n5guojaw_KuffGY8r2P .showcase {
  --showcase-cols: 6;
  --showcase-cols-mobile: 2;

  padding: var(--sp-section) var(--sp-container);
  background: var(--0Yuuo5JXlF); /* SLOT.BACKGROUND */
  color: var(--sdb7Ll3K3W); /* SLOT.TEXT */
}

.cc_n5guojaw_KuffGY8r2P .showcase__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sp-3);
  margin-bottom: var(--sp-4);
}

.cc_n5guojaw_KuffGY8r2P .showcase__eyebrow, .cc_n5guojaw_KuffGY8r2P .showcase__title {
  margin: 0;
  max-width: 60ch;
}

.cc_n5guojaw_KuffGY8r2P .showcase__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  min-height: var(--h-button-sm);
  padding: var(--sp-1) var(--sp-3);
  border: var(--border) solid var(--in9KugaGmP); /* SLOT.BORDER_STRONG */
  border-radius: var(--radius);
  color: var(--sdb7Ll3K3W); /* SLOT.TEXT */
  overflow-wrap: anywhere;
}

.cc_n5guojaw_KuffGY8r2P .showcase__eyebrow::before {
  content: "";
  flex: none;
  width: var(--size-bullet);
  height: var(--size-bullet);
  border-radius: 50%;
  background: var(--fBgjMqoM4Q); /* SLOT.ACCENT */
}

.cc_n5guojaw_KuffGY8r2P .showcase--centered .showcase__head, .cc_n5guojaw_KuffGY8r2P .showcase--tabs .showcase__head {
  align-items: center;
  margin-inline: auto;
  text-align: center;
}

.cc_n5guojaw_KuffGY8r2P .showcase--centered .showcase__title, .cc_n5guojaw_KuffGY8r2P .showcase--tabs .showcase__title {
  max-width: none;
}

.cc_n5guojaw_KuffGY8r2P .showcase__tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--sp-2);
  margin-bottom: var(--sp-4);
}

.cc_n5guojaw_KuffGY8r2P .showcase__tab {
  box-sizing: border-box;
  height: var(--h-button-sm);
  padding: 0 var(--sp-4);
  border: var(--border) solid var(--c7FQoost8G); /* SLOT.BORDER */
  border-radius: var(--radius);
  background: var(--uggXonx9Cv); /* SLOT.SURFACE */
  color: inherit;
  cursor: pointer;
  transition: var(--hover-transition);
}

@media (hover: hover) {
  .cc_n5guojaw_KuffGY8r2P .showcase__tab:not(.is-active):hover {
    border-color: var(--in9KugaGmP); /* SLOT.BORDER_STRONG */
  }
}

.cc_n5guojaw_KuffGY8r2P .showcase__tab.is-active {
  border-color: var(--in9KugaGmP); /* SLOT.BORDER_STRONG */
  background: var(--7TWuKeelNo); /* SLOT.SURFACE_RAISED */
}

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

.cc_n5guojaw_KuffGY8r2P .showcase__empty {
  margin: 0;
  color: var(--d9S6HHOvjP); /* SLOT.TEXT_MUTED */
}

.cc_n5guojaw_KuffGY8r2P .showcase__rail .carousel__track > * {
  flex: 0 0 calc((100% - (var(--showcase-cols) - 1) * var(--sp-grid)) / var(--showcase-cols));
  max-width: calc((100% - (var(--showcase-cols) - 1) * var(--sp-grid)) / var(--showcase-cols));
}

.cc_n5guojaw_KuffGY8r2P .showcase__grid {
  display: grid;
  grid-template-columns: repeat(var(--showcase-cols), minmax(0, 1fr));
  gap: var(--sp-grid-y) var(--sp-grid);
}

.cc_n5guojaw_KuffGY8r2P .showcase__foot {
  display: flex;
  gap: var(--sp-2);
  margin-top: var(--sp-4);
}

.cc_n5guojaw_KuffGY8r2P .showcase--centered .showcase__foot, .cc_n5guojaw_KuffGY8r2P .showcase--tabs .showcase__foot {
  justify-content: center;
}

.cc_n5guojaw_KuffGY8r2P .showcase__panel {
  display: none;
}

.cc_n5guojaw_KuffGY8r2P .showcase__panel.is-active {
  display: block;
}

.cc_n5guojaw_KuffGY8r2P .showcase:not(.has-price) .p-card__info .price {
  display: none;
}

.cc_n5guojaw_KuffGY8r2P .showcase.has-brand .p-card__brand {
  display: inline-block;
}

.cc_n5guojaw_KuffGY8r2P .showcase .p-card {
  border-color: transparent;
  background: transparent;
}

.cc_n5guojaw_KuffGY8r2P .showcase.has-card-border .p-card {
  border-color: var(--c7FQoost8G); /* SLOT.BORDER */
  background: var(--uggXonx9Cv); /* SLOT.SURFACE */
}

.cc_n5guojaw_KuffGY8r2P .showcase .p-card__brand-line, .cc_n5guojaw_KuffGY8r2P .showcase .p-card__swatches {
  display: none;
}

.cc_n5guojaw_KuffGY8r2P .showcase .p-card__info {
  padding: var(--sp-2) 0 0;
}

.cc_n5guojaw_KuffGY8r2P .showcase.has-card-border .p-card__info {
  padding: var(--sp-3) var(--sp-3) var(--sp-4);
}

.cc_n5guojaw_KuffGY8r2P .showcase .p-card__info .price {
  margin-top: 0;
}

.cc_n5guojaw_KuffGY8r2P .showcase.has-quick-add .p-card__quick-add {
  display: inline-flex;
}

/* Fareyle gezilen ekranda kart üstüne gelince belirir; dokunmatikte hep görünür. */
@media (hover: hover) {
  .cc_n5guojaw_KuffGY8r2P .showcase.has-quick-add .p-card__quick-add {
    --qa-show: 0;
  }

  .cc_n5guojaw_KuffGY8r2P .showcase.has-quick-add .p-card:hover .p-card__quick-add, .cc_n5guojaw_KuffGY8r2P .showcase.has-quick-add .p-card:focus-within .p-card__quick-add, .cc_n5guojaw_KuffGY8r2P .showcase.has-quick-add .p-card__quick-add.is-added {
    --qa-show: 1;
  }
}

.cc_n5guojaw_KuffGY8r2P .showcase.has-hover-image .p-card__media--hover {
  display: block;
}

.cc_n5guojaw_KuffGY8r2P .showcase.has-hover-image .p-card__link:hover .p-card__media--hover, .cc_n5guojaw_KuffGY8r2P .showcase.has-hover-image .p-card__link:focus-visible .p-card__media--hover {
  opacity: 1;
  visibility: visible;
  transition:
    opacity var(--dur-hover) var(--ease-hover),
    visibility 0s;
}

@media (hover: none) {
  .cc_n5guojaw_KuffGY8r2P .showcase.has-hover-image .p-card__media--hover {
    display: none;
  }
}

.cc_n5guojaw_KuffGY8r2P .showcase.showcase--fit-cover .p-card .media__el {
  object-fit: cover;
}

.cc_n5guojaw_KuffGY8r2P .showcase.showcase--fit-contain .p-card .media__el {
  object-fit: contain;
}

.cc_n5guojaw_KuffGY8r2P .showcase.showcase--focus-top .p-card .media__el { object-position: center top; }
.cc_n5guojaw_KuffGY8r2P .showcase.showcase--focus-bottom .p-card .media__el { object-position: center bottom; }
.cc_n5guojaw_KuffGY8r2P .showcase.showcase--focus-left .p-card .media__el { object-position: left center; }
.cc_n5guojaw_KuffGY8r2P .showcase.showcase--focus-right .p-card .media__el { object-position: right center; }

@media (max-width: 767px) {
  .cc_n5guojaw_KuffGY8r2P .showcase__rail .carousel__track > * {
    flex-basis: calc((100% - var(--showcase-cols-mobile) * var(--sp-grid)) / (var(--showcase-cols-mobile) + 0.4));
    max-width: calc((100% - var(--showcase-cols-mobile) * var(--sp-grid)) / (var(--showcase-cols-mobile) + 0.4));
  }

  .cc_n5guojaw_KuffGY8r2P .showcase__rail .carousel__arrows .icon-btn {
    display: none;
  }

  .cc_n5guojaw_KuffGY8r2P .showcase__rail .carousel__extra {
    margin-left: 0;
  }

  .cc_n5guojaw_KuffGY8r2P .showcase__grid {
    grid-template-columns: repeat(var(--showcase-cols-mobile), minmax(0, 1fr));
  }

  .cc_n5guojaw_KuffGY8r2P .showcase__tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    scrollbar-width: none;
  }

  .cc_n5guojaw_KuffGY8r2P .showcase__tabs::-webkit-scrollbar {
    display: none;
  }

  .cc_n5guojaw_KuffGY8r2P .showcase__tab {
    flex: 0 0 auto;
  }
}

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