/* ProductGallery — Wraith düzeni: solda dikey thumb şeridi + büyük beyaz
   radius'lu kart; kartın sağ altında yuvarlak yakınlaştır butonu; lightbox. */

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery--empty, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery--empty {
  width: 100%;
  border-radius: 24px;
  background: var(--color-surface, #ffffff);
}

/* ───── Ana kart: beyaz, radius, contain görsel ───── */
.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-main, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-main {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  border-radius: 24px;
  background: var(--color-surface, #ffffff);
  /* aspect-ratio inline geliyor */
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-main::-webkit-scrollbar, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-main::-webkit-scrollbar { display: none; }

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-slide, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-slide {
  flex: 0 0 100%;
  min-width: 100%;
  min-height: 0;
  scroll-snap-align: start;
  display: grid;
  place-items: center;
  padding: clamp(20px, 3vw, 40px);
  overflow: hidden;
}

/* Grid/flex item'lar varsayılan olarak içeriklerinin (görselin gerçek piksel
   boyutunun) altına büzülmeyi reddeder — bu, width/height:100% + object-fit:
   contain yazılı olsa bile dikey oranı uzun görsellerin container'ı taşıp
   overflow ile kesilmesine yol açar. min-width/min-height:0 bu taşmayı
   önler; artık her görsel, kendi oranı ne olursa olsun kutunun içine tam
   sığar, kırpılmaz. */
.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-main-img, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-main-img {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

/* ───── Yakınlaştır butonu (kart sağ alt) ───── */
.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-zoom, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-zoom {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: #f0f0f2;
  color: #2c2c33;
  cursor: pointer;
  transition: background 180ms ease, transform 180ms ease;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-zoom:hover, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-zoom:hover { background: var(--color-border, #e4e4e8); transform: scale(1.05); }

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-zoom:focus-visible, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-zoom:focus-visible {
  outline: 2px solid var(--color-accent, #2563eb);
  outline-offset: 2px;
}

/* ───── Lightbox ───── */
.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-lightbox, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-lightbox {
  position: fixed;
  inset: 0;
  z-index: var(--kombos-z-overlay, 200);
  display: grid;
  place-items: center;
  padding: 4vh 4vw;
  background: rgba(8, 10, 16, 0.88);
  cursor: zoom-out;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-lightbox-img, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-lightbox-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 12px;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-lightbox-close, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-lightbox-close {
  position: absolute;
  top: 18px;
  right: 18px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: 17px;
  cursor: pointer;
}

/* Alt-thumb düzeninde zoom, thumb şeridinin üstündeki ana kartın köşesine oturur */
.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery--thumbs-bottom .pdp-gallery-zoom, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery--thumbs-bottom .pdp-gallery-zoom {
  bottom: calc(72px + 12px + 16px);
}

@media (max-width: 760px) {
  .cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery--thumbs-bottom .pdp-gallery-zoom, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery--thumbs-bottom .pdp-gallery-zoom {
    bottom: calc(60px + 12px + 12px);
  }
}

/* ───── Thumb şeridi ───── */
.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-thumbs, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-thumbs {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 2px;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-thumbs::-webkit-scrollbar, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-thumbs::-webkit-scrollbar { display: none; }

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-thumb, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-thumb {
  flex: 0 0 auto;
  width: 72px;
  padding: 0;
  border: 1.5px solid transparent;
  border-radius: 12px;
  background: var(--color-surface, #ffffff);
  overflow: hidden;
  cursor: pointer;
  opacity: 0.75;
  transition: opacity 160ms ease, border-color 160ms ease;
  /* aspect-ratio inline geliyor */
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-thumb:hover, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-thumb:hover { opacity: 1; }

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-thumb.is-active, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-thumb.is-active {
  opacity: 1;
  border-color: #14141a;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-thumb:focus-visible, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-thumb:focus-visible {
  outline: 2px solid var(--color-accent, #2563eb);
  outline-offset: 2px;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-thumb-img, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-thumb-img {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
  padding: 6px;
  box-sizing: border-box;
}

/* ───── Sol dikey thumb düzeni (masaüstü varsayılanı) ───── */
@media (min-width: 761px) {
  .cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery--thumbs-left, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery--thumbs-left {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
  }

  .cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery--thumbs-left .pdp-gallery-main, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery--thumbs-left .pdp-gallery-main { order: 2; }

  .cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery--thumbs-left .pdp-gallery-thumbs, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery--thumbs-left .pdp-gallery-thumbs {
    order: 1;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 640px;
  }

  /* Zoom butonu ana kartın köşesine hizalanır (thumb kolonunu atla) */
  .cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery--thumbs-left .pdp-gallery-zoom, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery--thumbs-left .pdp-gallery-zoom { right: 16px; bottom: 16px; }
}

/* ───── Grid modu (opsiyonel) ───── */
.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery--grid, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery--grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-grid-item, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-grid-item {
  margin: 0;
  border-radius: 18px;
  background: var(--color-surface, #ffffff);
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 18px;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-grid-img, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-grid-img {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

@media (max-width: 760px) {
  .cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-main, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-main { border-radius: 18px; }
  .cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-thumb, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-thumb { width: 60px; border-radius: 10px; }
  .cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-zoom, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-zoom { width: 40px; height: 40px; right: 12px; bottom: 12px; }
  .cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery--grid, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery--grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-zoom, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-zoom, .cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-thumb, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-thumb { transition: none; }
}

/* ---- Yön göstergesi: imleç görselin hangi yarısındaysa o tarafta belirir.
   Tıklama alanı görselin kendisi; bu yalnızca ne olacağını gösteren ipucu. ---- */
.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-main.is-hover-left, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-main.is-hover-left, .cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-main.is-hover-right, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-main.is-hover-right {
  cursor: pointer;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-nav, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-nav {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: #0b1526;
  box-shadow: 0 4px 16px rgba(11, 21, 38, 0.16);
  pointer-events: none;
  transform: translateY(-50%);
  animation: pdpNavIn 200ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-nav--left, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-nav--left {
  left: 16px;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-nav--right, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-nav--right {
  right: 16px;
}

@keyframes pdpNavIn {
  from { opacity: 0; transform: translateY(-50%) scale(0.9); }
  to   { opacity: 1; transform: translateY(-50%) scale(1); }
}

@media (hover: none) {
  .cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-nav, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-nav { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_iaGi07ZoIl_eESwbZ3L46 .pdp-gallery-nav, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-gallery-nav { animation-duration: 1ms; }
}

/* ProductVariants — Wraith düzeni: "Etiket: Değer" başlığı + tam-pill
   seçenekler. Seçili: kalın koyu çerçeve; stoksuz: soluk + üstü çizili. */

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-variants, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-variants {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-variant-header, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-variant-header {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-variant-label, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-variant-label {
  font-size: 15px;
  font-weight: 500;
  color: #86868e;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-variant-label::after, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-variant-label::after { content: ":"; }

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-variant-selected, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-variant-selected { font-size: 15px; }

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-variant-selected-prefix, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-variant-selected-prefix { display: none; }

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-variant-selected-value, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-variant-selected-value {
  font-weight: 600;
  color: #14141a;
}

/* ── Pill seçenekler ── */
.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-variant-options, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-variant-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-option, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  border: 1.5px solid #d8d8dc;
  border-radius: 999px;
  background: var(--color-surface, #ffffff);
  color: #14141a;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-option:hover:not(.is-disabled), .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-option:hover:not(.is-disabled) { border-color: #9a9aa2; }

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-option.is-selected, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-option.is-selected {
  border: 2px solid #14141a;
  font-weight: 650;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-option.is-disabled, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-option.is-disabled {
  color: #a6a6ae;
  border-color: var(--color-border, #e6e6ea);
  text-decoration: line-through;
  cursor: default;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-option:focus-visible, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-option:focus-visible {
  outline: 2px solid var(--color-accent, #2563eb);
  outline-offset: 2px;
}

/* ── Renk yuvarlakları (swatch) ── */
.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-swatch, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-swatch {
  position: relative;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1.5px solid #d8d8dc;
  border-radius: 999px;
  cursor: pointer;
  transition: border-color 160ms ease, transform 160ms ease;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-swatch:hover:not(.is-disabled), .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-swatch:hover:not(.is-disabled) { transform: scale(1.06); }

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-swatch.is-selected, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-swatch.is-selected {
  border: 2px solid #14141a;
  box-shadow: inset 0 0 0 2.5px #fff;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-swatch.is-disabled, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-swatch.is-disabled {
  opacity: 0.4;
  cursor: default;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-swatch.is-disabled::after, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-swatch.is-disabled::after {
  content: "";
  position: absolute;
  left: 4px;
  right: 4px;
  top: 50%;
  height: 1.5px;
  background: #86868e;
  transform: rotate(-45deg);
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-swatch:focus-visible, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-swatch:focus-visible {
  outline: 2px solid var(--color-accent, #2563eb);
  outline-offset: 2px;
}

/* ── Görselli varyant kutuları ── */
.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-variant-image, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-variant-image {
  width: 64px;
  padding: 0;
  border: 1.5px solid #d8d8dc;
  border-radius: 12px;
  background: var(--color-surface, #ffffff);
  overflow: hidden;
  cursor: pointer;
  transition: border-color 160ms ease;
  aspect-ratio: 1 / 1;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-variant-image:hover:not(.is-disabled), .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-variant-image:hover:not(.is-disabled) { border-color: #9a9aa2; }

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-variant-image.is-selected, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-variant-image.is-selected { border: 2px solid #14141a; }

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-variant-image.is-disabled, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-variant-image.is-disabled { opacity: 0.45; cursor: default; }

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-variant-image-img, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-variant-image-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 4px;
  box-sizing: border-box;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-variant-image-fallback, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-variant-image-fallback {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  color: #4a4a52;
}

.cc_iaGi07ZoIl_eESwbZ3L46 .pdp-variant-image-fallback--color, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-variant-image-fallback--color { border-radius: 0; }

@media (max-width: 760px) {
  .cc_iaGi07ZoIl_eESwbZ3L46 .pdp-option, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-option { min-height: 44px; padding: 0 18px; font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_iaGi07ZoIl_eESwbZ3L46 .pdp-option, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-option, .cc_iaGi07ZoIl_eESwbZ3L46 .pdp-swatch, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-swatch, .cc_iaGi07ZoIl_eESwbZ3L46 .pdp-variant-image, .cc_iaGi07ZoIl_APfMi3FPHZ .pdp-variant-image { transition: none; }
}