/* VideoSlide — eski video-carousel karo JSX'inin Tailwind zincirleri,
   satır satır. QuickView + Toast zincirleri @import ile (bunlarsız
   sub-component CSS'i hiçbir yere bundle edilmez). */
/* Toast zinciri QuickView/styles.css içinden geliyor — burada ikinci kez
   @import edilirse resolver "circular import" uyarısı verir. */
/* Imported from: ../../sub-components/QuickView/styles.css */
/* ─── QuickView ─── eski Tailwind → düz CSS (değerler birebir).
   Kullandığı sub-component stilleri recursive @import ile gelir. */
/* Imported from: ../ColorSwatchesPicker/styles.css */
/* ─── ColorSwatchesPicker ─── eski Tailwind → düz CSS (değerler birebir). */

/* h2: text-xs capitalize text-ink (+ preflight sıfırlamaları: margin 0,
   başlık kalınlığı kalıtım = 400) */
.cc_dadnPAQTf5_IrXfp9SPrh .csw-label {
  margin: 0;
  font-size: 12px; /* text-xs */
  line-height: 16px;
  font-weight: 400;
  text-transform: capitalize;
  color: #2d2a26; /* text-ink */
}

/* seçili renk adı: inline-block font-bold capitalize (koşullu ml-2) */
.cc_dadnPAQTf5_IrXfp9SPrh .csw-name {
  display: inline-block;
  font-weight: 700;
  text-transform: capitalize;
}
.cc_dadnPAQTf5_IrXfp9SPrh .csw-name--ml {
  margin-left: 0.5rem; /* ml-2 */
}

/* ul: flex w-full flex-wrap gap-2 pb-2 pt-2.5 (+ liste sıfırlama) */
.cc_dadnPAQTf5_IrXfp9SPrh .csw-list {
  list-style: none;
  margin: 0;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 0.5rem; /* gap-2 */
  padding: 0.625rem 0 0.5rem; /* pt-2.5 pb-2 */
}

/* li: group relative */
.cc_dadnPAQTf5_IrXfp9SPrh .csw-item {
  position: relative;
}

/* button: relative block h-6 w-6 overflow-hidden rounded-sm outline-offset-2
   transition-[outline] (+ buton sıfırlama) */
.cc_dadnPAQTf5_IrXfp9SPrh .csw-btn {
  position: relative;
  display: block;
  height: 1.5rem; /* h-6 */
  width: 1.5rem; /* w-6 */
  overflow: hidden;
  border-radius: 2px; /* rounded-sm */
  outline-offset: 2px;
  outline: none;
  transition: outline 150ms cubic-bezier(0.4, 0, 0.2, 1); /* transition-[outline] */
  /* Açık renk swatch'lar zeminde kayboluyordu — ince nötr kenarlık (2026-08-17). */
  border: 1px solid rgba(22, 22, 22, 0.16);
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}
/* seçili: outline outline-1 outline-ink */
.cc_dadnPAQTf5_IrXfp9SPrh .csw-btn--selected {
  outline: 1px solid #2d2a26;
}
/* seçili değil hover: hover:outline hover:outline-1 hover:outline-ink-3 */
.cc_dadnPAQTf5_IrXfp9SPrh .csw-btn:not(.csw-btn--selected):hover {
  outline: 1px solid #9aa0a6; /* outline-ink-3 */
}

/* img: h-full w-full object-cover */
.cc_dadnPAQTf5_IrXfp9SPrh .csw-thumb {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}

/* fallback: block h-full w-full bg-paper */
.cc_dadnPAQTf5_IrXfp9SPrh .csw-fallback {
  display: block;
  height: 100%;
  width: 100%;
  background-color: #f7f6f4; /* bg-paper */
}

/* tükendi çizgisi: absolute left-0 top-0 block h-px w-8 origin-left rotate-45 bg-ink-3 */
.cc_dadnPAQTf5_IrXfp9SPrh .csw-cross {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 1px; /* h-px */
  width: 2rem; /* w-8 */
  transform-origin: left;
  transform: rotate(45deg);
  background-color: #9aa0a6; /* bg-ink-3 */
}

/* tooltip: pointer-events-none absolute bottom-full left-1/2 z-nav hidden
   -translate-x-1/2 -translate-y-1 whitespace-nowrap rounded-sm bg-line
   px-2 py-1 text-2xs capitalize text-ink group-hover:block */
.cc_dadnPAQTf5_IrXfp9SPrh .csw-tip {
  pointer-events: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  z-index: 5; /* z-nav */
  display: none;
  transform: translate(-50%, -0.25rem); /* -translate-x-1/2 -translate-y-1 */
  white-space: nowrap;
  border-radius: 2px; /* rounded-sm */
  background-color: #e8e5df; /* bg-line */
  padding: 0.25rem 0.5rem; /* py-1 px-2 */
  font-size: 10px; /* text-2xs */
  line-height: 14px;
  text-transform: capitalize;
  color: #2d2a26; /* text-ink */
}
.cc_dadnPAQTf5_IrXfp9SPrh .csw-item:hover .csw-tip {
  display: block; /* group-hover:block */
}

/* End import: ../ColorSwatchesPicker/styles.css */
/* Imported from: ../SizeChips/styles.css */
/* ─── SizeChips ─── eski Tailwind → düz CSS (değerler birebir). */

/* row kökü: hscroll relative overflow-x-auto (hscroll global.css'te) */
.cc_dadnPAQTf5_IrXfp9SPrh .szc--row {
  position: relative;
  overflow-x: auto;
}

/* başlık: flex items-baseline justify-between (+ row'da sticky left-0) */
.cc_dadnPAQTf5_IrXfp9SPrh .szc-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.cc_dadnPAQTf5_IrXfp9SPrh .szc-head--sticky {
  position: sticky;
  left: 0;
}

/* etiket: text-xs text-ink */
.cc_dadnPAQTf5_IrXfp9SPrh .szc-title {
  font-size: 12px; /* text-xs */
  line-height: 16px;
  color: #2d2a26; /* text-ink */
}

/* uyarı: ml-2 font-medium text-sale */
.cc_dadnPAQTf5_IrXfp9SPrh .szc-warn {
  margin-left: 0.5rem; /* ml-2 */
  font-weight: 500;
  color: #c92a2a; /* text-sale */
}

/* mobil aksiyon: sm:hidden */
.cc_dadnPAQTf5_IrXfp9SPrh .szc-action-m {
  display: inline;
}
@media (min-width: 640px) {
  .cc_dadnPAQTf5_IrXfp9SPrh .szc-action-m {
    display: none;
  }
}

/* liste sıfırlama + iki yerleşim */
.cc_dadnPAQTf5_IrXfp9SPrh .szc-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* row: flex w-full gap-1 pb-3 pt-4 */
.cc_dadnPAQTf5_IrXfp9SPrh .szc-list--row {
  display: flex;
  width: 100%;
  gap: 0.25rem; /* gap-1 */
  padding: 1rem 0 0.75rem; /* pt-4 pb-3 */
}
/* grid: mt-2 grid grid-cols-5 gap-1 */
.cc_dadnPAQTf5_IrXfp9SPrh .szc-list--grid {
  margin-top: 0.5rem; /* mt-2 */
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.25rem; /* gap-1 */
}
/* grid uyarı: rounded-sm ring-1 ring-sale ring-offset-4 */
.cc_dadnPAQTf5_IrXfp9SPrh .szc-list--warning {
  border-radius: 2px; /* rounded-sm */
  box-shadow:
    0 0 0 4px #ffffff,
    /* ring-offset-4 */ 0 0 0 5px #c92a2a; /* ring-1 ring-sale */
}

/* çip: group relative shrink-0 rounded-sm border text-xs transition-colors */
.cc_dadnPAQTf5_IrXfp9SPrh .szc-chip {
  position: relative;
  flex-shrink: 0;
  border-radius: 2px; /* rounded-sm */
  border: 1px solid transparent;
  font-size: 12px; /* text-xs */
  line-height: 16px;
  transition-property: color, background-color, border-color;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
/* seçili (tint'siz): border-ink bg-ink text-white */
.cc_dadnPAQTf5_IrXfp9SPrh .szc-chip--selected {
  border-color: #2d2a26;
  background-color: #2d2a26;
  color: #ffffff;
}
/* tükendi: border-line text-ink-3 */
.cc_dadnPAQTf5_IrXfp9SPrh .szc-chip--soldout {
  border-color: #e8e5df; /* border-line */
  color: #9aa0a6; /* text-ink-3 */
}
/* default: border-line text-ink hover:border-ink */
.cc_dadnPAQTf5_IrXfp9SPrh .szc-chip--default {
  border-color: #e8e5df;
  color: #2d2a26;
}
.cc_dadnPAQTf5_IrXfp9SPrh .szc-chip--default:hover {
  border-color: #2d2a26; /* hover:border-ink */
}

/* tükendi çizgisi: absolute left-0 top-0 block h-px w-16 origin-left rotate-29 bg-ink-3
   (29° = 32×56 kutunun köşegen açısı — tailwind.config rotate.29 tokenı) */
.cc_dadnPAQTf5_IrXfp9SPrh .szc-cross {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 1px; /* h-px */
  width: 4rem; /* w-16 */
  transform-origin: left;
  transform: rotate(29deg);
  background-color: #9aa0a6; /* bg-ink-3 */
}

/* buton: relative flex h-8 items-center justify-center (+ w-14 | w-full)
   (+ buton sıfırlama: font/renk kalıtımı) */
.cc_dadnPAQTf5_IrXfp9SPrh .szc-btn {
  position: relative;
  display: flex;
  height: 2rem; /* h-8 */
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0;
  background-color: transparent;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.cc_dadnPAQTf5_IrXfp9SPrh .szc-btn--row {
  width: 3.5rem; /* w-14 */
}
.cc_dadnPAQTf5_IrXfp9SPrh .szc-btn--grid {
  width: 100%;
}

/* tooltip — ColorSwatchesPicker ile aynı dil */
.cc_dadnPAQTf5_IrXfp9SPrh .szc-tip {
  pointer-events: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  z-index: 5; /* z-nav */
  display: none;
  transform: translate(-50%, -0.25rem); /* -translate-x-1/2 -translate-y-1 */
  white-space: nowrap;
  border-radius: 2px;
  background-color: #e8e5df; /* bg-line */
  padding: 0.25rem 0.5rem; /* py-1 px-2 */
  font-size: 10px; /* text-2xs */
  line-height: 14px;
  text-transform: capitalize;
  color: #2d2a26;
}
.cc_dadnPAQTf5_IrXfp9SPrh .szc-chip:hover .szc-tip {
  display: block; /* group-hover:block */
}

/* masaüstü aksiyon: hidden shrink-0 items-center self-center pl-3 sm:flex */
.cc_dadnPAQTf5_IrXfp9SPrh .szc-action-d {
  display: none;
  flex-shrink: 0;
  align-items: center;
  align-self: center;
  padding-left: 0.75rem; /* pl-3 */
}
@media (min-width: 640px) {
  .cc_dadnPAQTf5_IrXfp9SPrh .szc-action-d {
    display: flex;
  }
}

/* End import: ../SizeChips/styles.css */
/* Imported from: ../Toast/styles.css */
/* ─── Toast ─── eski Tailwind → düz CSS.
   yığın: fixed bottom-20 lg:bottom-6 left-1/2 -translate-x-1/2 z-[100]
   flex flex-col gap-2 pointer-events-none */
.cc_dadnPAQTf5_IrXfp9SPrh .toast-stack {
  position: fixed;
  bottom: 5rem; /* bottom-20 */
  left: 50%;
  transform: translateX(-50%);
  z-index: 100; /* z-[100] = z-modal */
  display: flex;
  flex-direction: column;
  gap: 0.5rem; /* gap-2 */
  pointer-events: none;
}
@media (min-width: 1024px) {
  .cc_dadnPAQTf5_IrXfp9SPrh .toast-stack {
    bottom: 1.5rem; /* lg:bottom-6 */
  }
}

/* öğe: px-5 py-3 rounded-sm text-[13px] font-medium shadow-lg
   whitespace-nowrap pointer-events-auto */
.cc_dadnPAQTf5_IrXfp9SPrh .toast {
  padding: 0.75rem 1.25rem; /* py-3 px-5 */
  border-radius: 2px; /* rounded-sm */
  font-size: 13px; /* text-[13px] */
  line-height: 1.5; /* preflight kalıtımı */
  font-weight: 500;
  box-shadow:
    0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1); /* shadow-lg */
  white-space: nowrap;
  pointer-events: auto;
}

/* tip renkleri: success bg-brand-green text-white / error bg-red-600 /
   info bg-neutral-900 (brand-green = tüccar primary kanalı) */
.cc_dadnPAQTf5_IrXfp9SPrh .toast--success {
  background-color: var(--lp-primary, #000000);
  color: #ffffff;
}
.cc_dadnPAQTf5_IrXfp9SPrh .toast--error {
  background-color: #dc2626; /* red-600 */
  color: #ffffff;
}
.cc_dadnPAQTf5_IrXfp9SPrh .toast--info {
  background-color: #171717; /* neutral-900 */
  color: #ffffff;
}

/* End import: ../Toast/styles.css */

/* kök: fixed inset-0 z-modal flex items-end justify-center md:items-center
   md:p-6 transition-opacity duration-300 (+ opacity-0 → entered opacity-100) */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-root {
  position: fixed;
  inset: 0;
  z-index: 100; /* z-modal */
  display: flex;
  align-items: flex-end; /* items-end (mobil bottom-sheet) */
  justify-content: center;
  transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-root--entered {
  opacity: 1;
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-root--closed {
  pointer-events: none;
}
@media (min-width: 768px) {
  .cc_dadnPAQTf5_IrXfp9SPrh .qv-root {
    align-items: center; /* md:items-center */
    padding: 1.5rem; /* md:p-6 */
  }
}

/* backdrop: absolute inset-0 bg-black/40 */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-backdrop {
  position: absolute;
  inset: 0;
  background-color: rgb(0 0 0 / 0.4);
}

/* panel: relative flex w-full max-h-sheet flex-col overflow-hidden bg-white
   transition-all duration-300 ease-out md:max-h-modal md:max-w-3xl
   kapalı: translate-y-full opacity-100 / md:translate-y-8 md:opacity-0
   entered: translate-y-0 opacity-100 */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-panel {
  position: relative;
  display: flex;
  width: 100%;
  max-height: 92vh; /* max-h-sheet */
  flex-direction: column;
  overflow: hidden;
  background-color: #ffffff;
  transition: all 300ms cubic-bezier(0, 0, 0.2, 1); /* duration-300 ease-out */
  transform: translateY(100%); /* translate-y-full */
  opacity: 1;
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-panel--entered {
  transform: translateY(0);
  opacity: 1;
}
@media (min-width: 768px) {
  .cc_dadnPAQTf5_IrXfp9SPrh .qv-panel {
    max-height: 85vh; /* md:max-h-modal */
    max-width: 48rem; /* md:max-w-3xl */
    transform: translateY(2rem); /* md:translate-y-8 */
    opacity: 0; /* md:opacity-0 */
  }
  .cc_dadnPAQTf5_IrXfp9SPrh .qv-panel--entered {
    transform: translateY(0);
    opacity: 1;
  }
}

/* kapat: absolute right-3 top-3 z-content flex h-9 w-9 items-center
   justify-center bg-white/75 text-ink backdrop-blur-sm transition-colors
   hover:bg-white md:bg-transparent md:backdrop-blur-none md:hover:bg-neutral-100 */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-close {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  z-index: 4; /* z-content */
  display: flex;
  height: 2.25rem; /* h-9 */
  width: 2.25rem; /* w-9 */
  align-items: center;
  justify-content: center;
  background-color: rgb(255 255 255 / 0.75);
  color: #2d2a26; /* text-ink */
  backdrop-filter: blur(4px); /* backdrop-blur-sm */
  transition-property: color, background-color, border-color;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border: 0;
  padding: 0;
  cursor: pointer;
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-close:hover {
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .cc_dadnPAQTf5_IrXfp9SPrh .qv-close {
    background-color: transparent;
    backdrop-filter: none;
  }
  .cc_dadnPAQTf5_IrXfp9SPrh .qv-close:hover {
    background-color: #f5f5f5; /* md:hover:bg-neutral-100 */
  }
}

/* gövde: grid min-h-0 flex-1 grid-cols-1 overflow-y-auto md:grid-cols-2 */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-grid {
  display: grid;
  min-height: 0;
  flex: 1 1 0%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow-y: auto;
}
@media (min-width: 768px) {
  .cc_dadnPAQTf5_IrXfp9SPrh .qv-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* görsel kolonu: relative; medya kutusu: relative w-full overflow-hidden bg-neutral-50 */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-media-col {
  position: relative;
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-media {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #fafafa; /* bg-neutral-50 */
}

/* indirim oranı rozeti — galerinin SAĞ ÜSTÜ (kart .pcard-discount dizgisi) */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-discount {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 4; /* z-content */
  background-color: #c92a2a; /* bg-sale */
  padding: 0.125rem 0.375rem;
  font-size: 10px;
  line-height: 14px;
  font-weight: 700;
  color: #ffffff;
}

/* karusel (eski .swiper) — CSS scroll-snap; Swiper grabCursor paritesi */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-gallery {
  display: flex;
  width: 100%;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  cursor: grab;
  scrollbar-width: none;
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-gallery::-webkit-scrollbar {
  display: none;
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-gallery:active {
  cursor: grabbing;
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-slide {
  flex: 0 0 100%;
  width: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always; /* Swiper slidesPerView:1 — her jest tek slayt */
}
/* slayt görseli: aspect-product w-full object-cover */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-slide-img {
  aspect-ratio: 9 / 16; /* aspect-product */
  width: 100%;
  object-fit: cover;
  display: block;
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-slide-empty {
  aspect-ratio: 9 / 16;
  width: 100%;
}

/* ghost chevron: absolute left-2/right-2 top-1/2 z-content hidden h-9 w-9
   -translate-y-1/2 items-center justify-center text-ink transition-opacity
   hover:opacity-60 md:flex */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-nav {
  position: absolute;
  top: 50%;
  z-index: 4; /* z-content */
  display: none;
  height: 2.25rem;
  width: 2.25rem;
  transform: translateY(-50%);
  align-items: center;
  justify-content: center;
  color: #2d2a26;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-nav:hover {
  opacity: 0.6;
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-nav--prev {
  left: 0.5rem;
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-nav--next {
  right: 0.5rem;
}
@media (min-width: 768px) {
  .cc_dadnPAQTf5_IrXfp9SPrh .qv-nav {
    display: flex;
  }
}

/* nokta göstergesi: absolute bottom-3 left-1/2 z-content flex -translate-x-1/2
   items-center gap-1.5 md:hidden */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-dots {
  position: absolute;
  bottom: 0.75rem;
  left: 50%;
  z-index: 4;
  display: flex;
  transform: translateX(-50%);
  align-items: center;
  gap: 0.375rem; /* gap-1.5 */
}
@media (min-width: 768px) {
  .cc_dadnPAQTf5_IrXfp9SPrh .qv-dots {
    display: none;
  }
}
/* nokta: block h-1 rounded-full transition-all (aktif: w-4 bg-ink / pasif: w-1 bg-ink/30) */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-dot {
  display: block;
  height: 0.25rem;
  border-radius: 9999px;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 0.25rem;
  background-color: rgb(45 42 38 / 0.3); /* bg-ink/30 */
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-dot--active {
  width: 1rem; /* w-4 */
  background-color: #2d2a26;
}

/* thumbnail şeridi: hscroll hidden gap-2 overflow-x-auto p-3 md:flex */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-thumbs {
  display: none;
  gap: 0.5rem;
  overflow-x: auto;
  padding: 0.75rem;
}
@media (min-width: 768px) {
  .cc_dadnPAQTf5_IrXfp9SPrh .qv-thumbs {
    display: flex;
  }
}
/* thumb: aspect-product w-12 shrink-0 overflow-hidden border transition-colors
   (aktif: border-ink / pasif: border-transparent hover:border-neutral-300) */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-thumb {
  aspect-ratio: 9 / 16;
  width: 3rem; /* w-12 */
  flex-shrink: 0;
  overflow: hidden;
  border: 1px solid transparent;
  transition-property: color, background-color, border-color;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background: transparent;
  padding: 0;
  cursor: pointer;
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-thumb:hover {
  border-color: #d4d4d4; /* hover:border-neutral-300 */
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-thumb--active, .cc_dadnPAQTf5_IrXfp9SPrh .qv-thumb--active:hover {
  border-color: #2d2a26; /* border-ink */
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-thumb-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}

/* detaylar: flex flex-col p-5 md:p-8 */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-details {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
}
@media (min-width: 768px) {
  .cc_dadnPAQTf5_IrXfp9SPrh .qv-details {
    padding: 2rem;
  }
}

/* marka: text-2xs font-medium uppercase tracking-widest text-ink-2 */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-brand {
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em; /* tracking-widest */
  color: #5b5f66; /* text-ink-2 */
}

/* ad: mt-1 font-display text-xl leading-snug text-ink (+ h2 sıfırlama) */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-name {
  margin: 0.25rem 0 0;
  font-family: var(--lp-font-display);
  font-size: var(--lp-text-heading-3); /* text-xl */
  line-height: var(--lp-lh-heading-3);
  letter-spacing: var(--lp-ls-type); /* leading-snug */
  font-weight: 400;
  color: #2d2a26;
}

/* fiyat: mt-1.5 text-sm font-medium text-ink */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-price {
  margin-top: 0.375rem;
  font-size: 14px; /* text-sm */
  line-height: 20px;
  font-weight: 500;
  color: #2d2a26;
}
/* üstü çizili: mr-1.5 text-ink-3 */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-price-old {
  margin-right: 0.375rem;
  color: #9aa0a6;
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-price-sale {
  color: #c92a2a; /* text-sale */
}

/* detay linki: mt-2 w-fit text-xs font-bold text-ink underline
   underline-offset-4 transition-opacity hover:opacity-60 */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-details-link {
  margin-top: 0.5rem;
  width: fit-content;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #2d2a26;
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-details-link:hover {
  opacity: 0.6;
}

/* seçici blokları: mt-5 */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-picker {
  margin-top: 1.25rem;
}

/* CTA: mt-6 flex h-12 w-full items-center px-5 font-display text-base
   transition-opacity md:mt-auto */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-cta {
  margin-top: 1.5rem;
  display: flex;
  height: 3rem; /* h-12 */
  width: 100%;
  align-items: center;
  padding: 0 1.25rem; /* px-5 */
  font-family: var(--lp-font-display);
  font-size: var(--lp-text-heading-4); /* text-base */
  line-height: var(--lp-lh-heading-4);
  letter-spacing: var(--lp-ls-type);
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  border: 0;
  cursor: pointer;
}
@media (min-width: 768px) {
  .cc_dadnPAQTf5_IrXfp9SPrh .qv-cta {
    margin-top: auto;
  }
}
/* tükendi: cursor-not-allowed bg-neutral-200 text-ink-3 justify-center */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-cta--oos {
  cursor: not-allowed;
  background-color: #e5e5e5; /* bg-neutral-200 */
  color: #9aa0a6;
  justify-content: center;
}
/* satın al: bg-ink text-white hover:opacity-85 (justify-center | between) */
.cc_dadnPAQTf5_IrXfp9SPrh .qv-cta--buy {
  background-color: #2d2a26;
  color: #ffffff;
  justify-content: center;
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-cta--buy:hover {
  opacity: 0.85;
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-cta--between {
  justify-content: space-between;
}
.cc_dadnPAQTf5_IrXfp9SPrh .qv-cta--adding {
  cursor: wait;
  opacity: 0.7;
}

/* End import: ../../sub-components/QuickView/styles.css */

/* slayt: keen-slider__slide shrink-0 basis-2/3 md:basis-1/4
   + transition-opacity duration-300 ease-out
   + isCenter ? opacity-100 : opacity-55 hover:opacity-80
   Genişlik parent'ın şerit CSS'inden gelir; burada kutu %100 doldurur. */
.cc_dadnPAQTf5_IrXfp9SPrh .vslide {
  width: 100%;
  flex-shrink: 0;
  opacity: 0.55;
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.cc_dadnPAQTf5_IrXfp9SPrh .vslide:hover {
  opacity: 0.8;
}
.cc_dadnPAQTf5_IrXfp9SPrh .vslide.is-center {
  opacity: 1;
}

/* relative aspect-reel w-full overflow-hidden bg-ink/5 */
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-media {
  position: relative;
  aspect-ratio: 9 / 16; /* aspect-reel */
  width: 100%;
  overflow: hidden;
  background: color-mix(in srgb, var(--lp-ink) 5%, transparent);
}

/* absolute inset-0 h-full w-full object-cover */
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-poster, .cc_dadnPAQTf5_IrXfp9SPrh .vslide-first-frame, .cc_dadnPAQTf5_IrXfp9SPrh .vslide-video {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-first-frame {
  pointer-events: none;
}
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-video {
  cursor: pointer;
}

/* absolute inset-0 z-content h-full w-full cursor-pointer */
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-focus {
  position: absolute;
  inset: 0;
  z-index: var(--lp-z-content);
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

/* absolute right-2 top-2 z-content flex h-9 w-9 items-center justify-center
   bg-white/70 text-ink backdrop-blur-sm transition-colors hover:bg-white */
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-mute {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  z-index: var(--lp-z-content);
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: var(--lp-ink);
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-mute:hover {
  background: #ffffff;
}
/* h-4 w-4 */
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-mute-icon {
  height: 1rem;
  width: 1rem;
}

/* Kart (ürün): absolute inset-x-2 bottom-2 z-content flex items-center gap-2
   bg-white/95 p-1.5 backdrop-blur-sm
   Kart (koleksiyon): ... justify-between gap-2 ... p-3 ... */
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-card {
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  z-index: var(--lp-z-content);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem;
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: inherit;
  text-decoration: none;
}
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-card--cat {
  justify-content: space-between;
  padding: 0.75rem;
}

/* flex min-w-0 flex-1 items-center gap-2 */
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-card-link {
  display: flex;
  min-width: 0;
  flex: 1 1 0%;
  align-items: center;
  gap: 0.5rem;
  color: inherit;
  text-decoration: none;
}

/* h-12 w-7 shrink-0 object-cover */
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-card-img {
  height: 3rem;
  width: 1.75rem;
  flex-shrink: 0;
  object-fit: cover;
  display: block;
}

/* min-w-0 flex-1 */
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-card-text {
  min-width: 0;
  flex: 1 1 0%;
}

/* block truncate font-display text-2xs uppercase leading-tight text-ink */
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-card-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--lp-font-display);
  font-size: 10px;
  line-height: 1.25;
  text-transform: uppercase;
  color: var(--lp-ink);
}

/* mt-0.5 block text-2xs font-medium uppercase tracking-wide text-ink-3 */
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-card-sub {
  margin-top: 0.125rem;
  display: block;
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color: var(--lp-ink-3);
}

/* h-4 w-4 shrink-0 text-ink */
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-card-chev {
  flex-shrink: 0;
  color: var(--lp-ink);
}

/* mt-0.5 block text-2xs font-medium */
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-card-price {
  margin-top: 0.125rem;
  display: block;
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
}
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-price {
  color: var(--lp-ink);
}
/* mr-1 text-ink-3 */
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-price-old {
  margin-right: 0.25rem;
  color: var(--lp-ink-3);
}
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-price-sale {
  color: var(--lp-sale);
}

/* flex h-9 w-9 shrink-0 items-center justify-center bg-ink text-white
   transition-opacity hover:opacity-85 disabled:bg-line disabled:text-ink-3 */
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-add {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  background: var(--lp-ink);
  color: #ffffff;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-add:hover {
  opacity: 0.85;
}
.cc_dadnPAQTf5_IrXfp9SPrh .vslide-add:disabled {
  background: var(--lp-line);
  color: var(--lp-ink-3);
  cursor: default;
}