/* ===== Product Card ===== */
.cc_ozkoxgz2_navbar .kombos-product-card, .cc_ozkoxgz2_product_slider .kombos-product-card, .cc_ozkoxgz2_product_list .kombos-product-card, .cc_ozkoxgz2_account_favorites .kombos-product-card {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 0;
}

/* Image wrapper */
.cc_ozkoxgz2_navbar .kombos-product-card__image-wrapper, .cc_ozkoxgz2_product_slider .kombos-product-card__image-wrapper, .cc_ozkoxgz2_product_list .kombos-product-card__image-wrapper, .cc_ozkoxgz2_account_favorites .kombos-product-card__image-wrapper {
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}

.cc_ozkoxgz2_navbar .kombos-product-card__media-link, .cc_ozkoxgz2_product_slider .kombos-product-card__media-link, .cc_ozkoxgz2_product_list .kombos-product-card__media-link, .cc_ozkoxgz2_account_favorites .kombos-product-card__media-link {
  display: block;
}

.cc_ozkoxgz2_navbar .kombos-product-card__media, .cc_ozkoxgz2_product_slider .kombos-product-card__media, .cc_ozkoxgz2_product_list .kombos-product-card__media, .cc_ozkoxgz2_account_favorites .kombos-product-card__media {
  width: 100%;
  height: auto;
  display: block;
  background: var(--kombos-gray-100);
}

.cc_ozkoxgz2_navbar .kombos-product-card__media--primary, .cc_ozkoxgz2_product_slider .kombos-product-card__media--primary, .cc_ozkoxgz2_product_list .kombos-product-card__media--primary, .cc_ozkoxgz2_account_favorites .kombos-product-card__media--primary {
  transition: opacity 0.3s ease;
}

.cc_ozkoxgz2_navbar .kombos-product-card__media--hover, .cc_ozkoxgz2_product_slider .kombos-product-card__media--hover, .cc_ozkoxgz2_product_list .kombos-product-card__media--hover, .cc_ozkoxgz2_account_favorites .kombos-product-card__media--hover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Hover görseli ilk fare girişinde ekleniyor; kendisi çözülene kadar ana
   görsel söndürülmez, yoksa ilk hover'da boş kare görünürdü. */
.cc_ozkoxgz2_navbar .kombos-product-card__image-wrapper:hover:has(.kombos-product-card__media--hover[data-yuklendi])
  .kombos-product-card__media--primary, .cc_ozkoxgz2_product_slider .kombos-product-card__image-wrapper:hover:has(.kombos-product-card__media--hover[data-yuklendi])
  .kombos-product-card__media--primary, .cc_ozkoxgz2_product_list .kombos-product-card__image-wrapper:hover:has(.kombos-product-card__media--hover[data-yuklendi])
  .kombos-product-card__media--primary, .cc_ozkoxgz2_account_favorites .kombos-product-card__image-wrapper:hover:has(.kombos-product-card__media--hover[data-yuklendi])
  .kombos-product-card__media--primary {
  opacity: 0;
}

.cc_ozkoxgz2_navbar .kombos-product-card__image-wrapper:hover .kombos-product-card__media--hover[data-yuklendi], .cc_ozkoxgz2_product_slider .kombos-product-card__image-wrapper:hover .kombos-product-card__media--hover[data-yuklendi], .cc_ozkoxgz2_product_list .kombos-product-card__image-wrapper:hover .kombos-product-card__media--hover[data-yuklendi], .cc_ozkoxgz2_account_favorites .kombos-product-card__image-wrapper:hover .kombos-product-card__media--hover[data-yuklendi] {
  opacity: 1;
}

.cc_ozkoxgz2_navbar .kombos-product-card__media--placeholder, .cc_ozkoxgz2_product_slider .kombos-product-card__media--placeholder, .cc_ozkoxgz2_product_list .kombos-product-card__media--placeholder, .cc_ozkoxgz2_account_favorites .kombos-product-card__media--placeholder {
  border: 1px solid var(--kombos-gray-100);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: var(--kombos-gray-300);
  font-size: 4rem;
}

/* Favorite */
.cc_ozkoxgz2_navbar .kombos-product-card__favorite, .cc_ozkoxgz2_product_slider .kombos-product-card__favorite, .cc_ozkoxgz2_product_list .kombos-product-card__favorite, .cc_ozkoxgz2_account_favorites .kombos-product-card__favorite {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font-size: 1.5rem;
  color: var(--kombos-gray-900);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Out of stock overlay */
.cc_ozkoxgz2_navbar .kombos-product-card__overlay, .cc_ozkoxgz2_product_slider .kombos-product-card__overlay, .cc_ozkoxgz2_product_list .kombos-product-card__overlay, .cc_ozkoxgz2_account_favorites .kombos-product-card__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.32);
  pointer-events: none;
}


/* Add to Cart Button */
.cc_ozkoxgz2_navbar .kombos-product-card__add-btn, .cc_ozkoxgz2_product_slider .kombos-product-card__add-btn, .cc_ozkoxgz2_product_list .kombos-product-card__add-btn, .cc_ozkoxgz2_account_favorites .kombos-product-card__add-btn {
  width: 100%;
}

/* ===== Shine of Magic ===== */
.cc_ozkoxgz2_navbar .kombos-product-card, .cc_ozkoxgz2_product_slider .kombos-product-card, .cc_ozkoxgz2_product_list .kombos-product-card, .cc_ozkoxgz2_account_favorites .kombos-product-card { gap: 0.625rem; }
.cc_ozkoxgz2_navbar .kombos-product-card__media, .cc_ozkoxgz2_product_slider .kombos-product-card__media, .cc_ozkoxgz2_product_list .kombos-product-card__media, .cc_ozkoxgz2_account_favorites .kombos-product-card__media { background: var(--som-sand); }
.cc_ozkoxgz2_navbar .kombos-product-card__overlay, .cc_ozkoxgz2_product_slider .kombos-product-card__overlay, .cc_ozkoxgz2_product_list .kombos-product-card__overlay, .cc_ozkoxgz2_account_favorites .kombos-product-card__overlay { background: rgba(247, 243, 237, 0.55); }
.cc_ozkoxgz2_navbar .kombos-product-card__favorite, .cc_ozkoxgz2_product_slider .kombos-product-card__favorite, .cc_ozkoxgz2_product_list .kombos-product-card__favorite, .cc_ozkoxgz2_account_favorites .kombos-product-card__favorite { color: var(--som-ink); }
.cc_ozkoxgz2_navbar .kombos-product-card__media--primary, .cc_ozkoxgz2_product_slider .kombos-product-card__media--primary, .cc_ozkoxgz2_product_list .kombos-product-card__media--primary, .cc_ozkoxgz2_account_favorites .kombos-product-card__media--primary, .cc_ozkoxgz2_navbar .kombos-product-card__media--hover, .cc_ozkoxgz2_product_slider .kombos-product-card__media--hover, .cc_ozkoxgz2_product_list .kombos-product-card__media--hover, .cc_ozkoxgz2_account_favorites .kombos-product-card__media--hover { transition: opacity 0.5s ease, transform 0.8s ease; }
.cc_ozkoxgz2_navbar .kombos-product-card__image-wrapper:hover .kombos-product-card__media--hover, .cc_ozkoxgz2_product_slider .kombos-product-card__image-wrapper:hover .kombos-product-card__media--hover, .cc_ozkoxgz2_product_list .kombos-product-card__image-wrapper:hover .kombos-product-card__media--hover, .cc_ozkoxgz2_account_favorites .kombos-product-card__image-wrapper:hover .kombos-product-card__media--hover { transform: scale(1.02); }



/* ===== Name + price (Shine of Magic) ===== */
.cc_ozkoxgz2_navbar .kombos-product-card__info, .cc_ozkoxgz2_product_slider .kombos-product-card__info, .cc_ozkoxgz2_product_list .kombos-product-card__info, .cc_ozkoxgz2_account_favorites .kombos-product-card__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  text-align: center;
  min-width: 0;
}

.cc_ozkoxgz2_navbar .kombos-product-card__name  /* Ürün adı panelde yazıldığı gibi görünür: adlar Türkçe-İngilizce
     karışık olduğu için büyük harf dönüşümü 'EARRİNG' gibi hatalı harfler
     üretiyordu (sayfa dili tr). Bölüm başlıkları büyük harf kalmaya devam eder. */, .cc_ozkoxgz2_product_slider .kombos-product-card__name  /* Ürün adı panelde yazıldığı gibi görünür: adlar Türkçe-İngilizce
     karışık olduğu için büyük harf dönüşümü 'EARRİNG' gibi hatalı harfler
     üretiyordu (sayfa dili tr). Bölüm başlıkları büyük harf kalmaya devam eder. */, .cc_ozkoxgz2_product_list .kombos-product-card__name  /* Ürün adı panelde yazıldığı gibi görünür: adlar Türkçe-İngilizce
     karışık olduğu için büyük harf dönüşümü 'EARRİNG' gibi hatalı harfler
     üretiyordu (sayfa dili tr). Bölüm başlıkları büyük harf kalmaya devam eder. */, .cc_ozkoxgz2_account_favorites .kombos-product-card__name  /* Ürün adı panelde yazıldığı gibi görünür: adlar Türkçe-İngilizce
     karışık olduğu için büyük harf dönüşümü 'EARRİNG' gibi hatalı harfler
     üretiyordu (sayfa dili tr). Bölüm başlıkları büyük harf kalmaya devam eder. */ {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: var(--som-sans);
  font-size: 0.6875rem;
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--som-ink);
  text-decoration: none;
  max-width: 100%;
}

.cc_ozkoxgz2_navbar .kombos-product-card__name:hover, .cc_ozkoxgz2_product_slider .kombos-product-card__name:hover, .cc_ozkoxgz2_product_list .kombos-product-card__name:hover, .cc_ozkoxgz2_account_favorites .kombos-product-card__name:hover {
  color: var(--som-bronze);
}

.cc_ozkoxgz2_navbar .kombos-product-card__price, .cc_ozkoxgz2_product_slider .kombos-product-card__price, .cc_ozkoxgz2_product_list .kombos-product-card__price, .cc_ozkoxgz2_account_favorites .kombos-product-card__price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--som-ink);
}

.cc_ozkoxgz2_navbar .kombos-product-card__price-old, .cc_ozkoxgz2_product_slider .kombos-product-card__price-old, .cc_ozkoxgz2_product_list .kombos-product-card__price-old, .cc_ozkoxgz2_account_favorites .kombos-product-card__price-old {
  color: var(--som-muted);
  text-decoration: line-through;
  font-weight: 400;
}


/* ===== Siyah Butik (B) ===== */

.cc_ozkoxgz2_navbar .kombos-product-card, .cc_ozkoxgz2_product_slider .kombos-product-card, .cc_ozkoxgz2_product_list .kombos-product-card, .cc_ozkoxgz2_account_favorites .kombos-product-card {
  gap: 0.75rem;
}

.cc_ozkoxgz2_navbar .kombos-product-card__image-wrapper, .cc_ozkoxgz2_product_slider .kombos-product-card__image-wrapper, .cc_ozkoxgz2_product_list .kombos-product-card__image-wrapper, .cc_ozkoxgz2_account_favorites .kombos-product-card__image-wrapper {
  border-radius: 0;
}

/* Ürün görseli: kare kutu, beyaz zemin, ürünün tamamı görünür (contain).
   İç boşluk yok: hover görseli mutlak konumlu olduğu için bağdan boşluğu
   almaz, birincil görsel ise alırdı; ikisi farklı büyüklükte görünüyordu.
   Artık ikisi de aynı kareyi tam dolduruyor. */
.cc_ozkoxgz2_navbar .kombos-product-card__media-link, .cc_ozkoxgz2_product_slider .kombos-product-card__media-link, .cc_ozkoxgz2_product_list .kombos-product-card__media-link, .cc_ozkoxgz2_account_favorites .kombos-product-card__media-link {
  display: block;
  height: auto;
  aspect-ratio: 1 / 1;
  background: var(--kombos-white);
  padding: 0;
  box-sizing: border-box;
}

.cc_ozkoxgz2_navbar .kombos-product-card__media, .cc_ozkoxgz2_product_slider .kombos-product-card__media, .cc_ozkoxgz2_product_list .kombos-product-card__media, .cc_ozkoxgz2_account_favorites .kombos-product-card__media {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: var(--kombos-white);
}

/* Görsel yüklenene kadar açık gri bekleme zemini ("beyaz delik" görünmesin).
   Yüklenince (data-yuklendi) beyaza döner: görsel contain ile oturduğu için
   gri zemin ürünün çevresinde çerçeve gibi kalmasın. */
.cc_ozkoxgz2_navbar .kombos-product-card__media--primary:not([data-yuklendi]), .cc_ozkoxgz2_product_slider .kombos-product-card__media--primary:not([data-yuklendi]), .cc_ozkoxgz2_product_list .kombos-product-card__media--primary:not([data-yuklendi]), .cc_ozkoxgz2_account_favorites .kombos-product-card__media--primary:not([data-yuklendi]) {
  background: var(--som-gorsel-bekleme);
}

/* Hover'daki ikinci görsel de aynı kutuyu ve kuralı kullanır. */
.cc_ozkoxgz2_navbar .kombos-product-card__media--hover, .cc_ozkoxgz2_product_slider .kombos-product-card__media--hover, .cc_ozkoxgz2_product_list .kombos-product-card__media--hover, .cc_ozkoxgz2_account_favorites .kombos-product-card__media--hover {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cc_ozkoxgz2_navbar .kombos-product-card__overlay, .cc_ozkoxgz2_product_slider .kombos-product-card__overlay, .cc_ozkoxgz2_product_list .kombos-product-card__overlay, .cc_ozkoxgz2_account_favorites .kombos-product-card__overlay {
  background: rgba(255, 255, 255, 0.55);
}

.cc_ozkoxgz2_navbar .kombos-product-card__favorite, .cc_ozkoxgz2_product_slider .kombos-product-card__favorite, .cc_ozkoxgz2_product_list .kombos-product-card__favorite, .cc_ozkoxgz2_account_favorites .kombos-product-card__favorite {
  color: var(--som-ink);
}

.cc_ozkoxgz2_navbar .kombos-product-card__media--primary, .cc_ozkoxgz2_product_slider .kombos-product-card__media--primary, .cc_ozkoxgz2_product_list .kombos-product-card__media--primary, .cc_ozkoxgz2_account_favorites .kombos-product-card__media--primary, .cc_ozkoxgz2_navbar .kombos-product-card__media--hover, .cc_ozkoxgz2_product_slider .kombos-product-card__media--hover, .cc_ozkoxgz2_product_list .kombos-product-card__media--hover, .cc_ozkoxgz2_account_favorites .kombos-product-card__media--hover {
  transition: opacity 0.5s ease, transform 0.8s ease;
}

.cc_ozkoxgz2_navbar .kombos-product-card__image-wrapper:hover .kombos-product-card__media--hover, .cc_ozkoxgz2_product_slider .kombos-product-card__image-wrapper:hover .kombos-product-card__media--hover, .cc_ozkoxgz2_product_list .kombos-product-card__image-wrapper:hover .kombos-product-card__media--hover, .cc_ozkoxgz2_account_favorites .kombos-product-card__image-wrapper:hover .kombos-product-card__media--hover {
  transform: scale(1.02);
}

.cc_ozkoxgz2_navbar .kombos-product-card__info, .cc_ozkoxgz2_product_slider .kombos-product-card__info, .cc_ozkoxgz2_product_list .kombos-product-card__info, .cc_ozkoxgz2_account_favorites .kombos-product-card__info {
  gap: 0.375rem;
}

/* Ad: 11px / 1.5px harf aralığı, büyük harf */
.cc_ozkoxgz2_navbar .kombos-product-card__name  /* Ürün adı panelde yazıldığı gibi görünür: adlar Türkçe-İngilizce
     karışık olduğu için büyük harf dönüşümü 'EARRİNG' gibi hatalı harfler
     üretiyordu (sayfa dili tr). Bölüm başlıkları büyük harf kalmaya devam eder. */, .cc_ozkoxgz2_product_slider .kombos-product-card__name  /* Ürün adı panelde yazıldığı gibi görünür: adlar Türkçe-İngilizce
     karışık olduğu için büyük harf dönüşümü 'EARRİNG' gibi hatalı harfler
     üretiyordu (sayfa dili tr). Bölüm başlıkları büyük harf kalmaya devam eder. */, .cc_ozkoxgz2_product_list .kombos-product-card__name  /* Ürün adı panelde yazıldığı gibi görünür: adlar Türkçe-İngilizce
     karışık olduğu için büyük harf dönüşümü 'EARRİNG' gibi hatalı harfler
     üretiyordu (sayfa dili tr). Bölüm başlıkları büyük harf kalmaya devam eder. */, .cc_ozkoxgz2_account_favorites .kombos-product-card__name  /* Ürün adı panelde yazıldığı gibi görünür: adlar Türkçe-İngilizce
     karışık olduğu için büyük harf dönüşümü 'EARRİNG' gibi hatalı harfler
     üretiyordu (sayfa dili tr). Bölüm başlıkları büyük harf kalmaya devam eder. */ {
  font-family: var(--som-sans);
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: var(--som-ink);
}

.cc_ozkoxgz2_navbar .kombos-product-card__name:hover, .cc_ozkoxgz2_product_slider .kombos-product-card__name:hover, .cc_ozkoxgz2_product_list .kombos-product-card__name:hover, .cc_ozkoxgz2_account_favorites .kombos-product-card__name:hover {
  color: var(--som-muted);
}

/* Fiyat: 12px / 600 */
.cc_ozkoxgz2_navbar .kombos-product-card__price, .cc_ozkoxgz2_product_slider .kombos-product-card__price, .cc_ozkoxgz2_product_list .kombos-product-card__price, .cc_ozkoxgz2_account_favorites .kombos-product-card__price {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--som-ink);
  letter-spacing: 0.04em;
}

/* Kontrast: #999 beyaz zeminde 2.85:1 kalıyordu */
.cc_ozkoxgz2_navbar .kombos-product-card__price-old, .cc_ozkoxgz2_product_slider .kombos-product-card__price-old, .cc_ozkoxgz2_product_list .kombos-product-card__price-old, .cc_ozkoxgz2_account_favorites .kombos-product-card__price-old {
  color: var(--som-muted);
}

/* "SEPETE EKLE": paylaşılan Button bileşeninin secondary varyantı kullanılıyor
   (çerçeveli, hover'da siyah zemin). Burada yalnızca karta özgü ölçüler
   ayarlanıyor — 9px / 2px aralık / 600, 10px 18px iç boşluk. */
.cc_ozkoxgz2_navbar .kombos-product-card__add-btn, .cc_ozkoxgz2_product_slider .kombos-product-card__add-btn, .cc_ozkoxgz2_product_list .kombos-product-card__add-btn, .cc_ozkoxgz2_account_favorites .kombos-product-card__add-btn {
  width: 100%;
  padding: 0.625rem 1.125rem;
  font-size: 0.5625rem;
  font-weight: 600;
  letter-spacing: 0.125rem;
}

/* Fiyat altı not satırı ("Son N adet"). Not olmayan kartta da aynı yükseklik
   ayrılıyor; aksi hâlde şerit içinde butonlar birbirine göre kayıyordu. */
.cc_ozkoxgz2_navbar .kombos-product-card__notes, .cc_ozkoxgz2_product_slider .kombos-product-card__notes, .cc_ozkoxgz2_product_list .kombos-product-card__notes, .cc_ozkoxgz2_account_favorites .kombos-product-card__notes {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.625rem;
  margin-top: 0.125rem;
  min-height: 0.9625rem;
}

.cc_ozkoxgz2_navbar .kombos-product-card__note, .cc_ozkoxgz2_product_slider .kombos-product-card__note, .cc_ozkoxgz2_product_list .kombos-product-card__note, .cc_ozkoxgz2_account_favorites .kombos-product-card__note {
  font-family: var(--som-sans);
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.03125rem;
  color: var(--som-muted);
}

/* ===== Görsel zemini =====
   Kart görsel alanı her durumda beyaz.
   Açılış geçişi (opacity 0 ile başlayıp yüklenince belirme) kaldırıldı:
   görsel hidrasyondan önce indiğinde `onLoad` hiç tetiklenmiyor, "yüklendi"
   işareti gelmiyor ve kart opacity 0'da kalıp boş görünüyordu. Birincil
   görsel artık her koşulda görünür; yalnız hover geçişi duruyor
   (dosyanın başındaki `--primary` / `--hover` kuralları). */
.cc_ozkoxgz2_navbar .kombos-product-card__media-link, .cc_ozkoxgz2_product_slider .kombos-product-card__media-link, .cc_ozkoxgz2_product_list .kombos-product-card__media-link, .cc_ozkoxgz2_account_favorites .kombos-product-card__media-link {
  background: var(--kombos-white);
}

.cc_ozkoxgz2_navbar .kombos-product-card__media, .cc_ozkoxgz2_product_slider .kombos-product-card__media, .cc_ozkoxgz2_product_list .kombos-product-card__media, .cc_ozkoxgz2_account_favorites .kombos-product-card__media {
  background: transparent;
}

.cc_ozkoxgz2_navbar .kombos-product-card__media--placeholder, .cc_ozkoxgz2_product_slider .kombos-product-card__media--placeholder, .cc_ozkoxgz2_product_list .kombos-product-card__media--placeholder, .cc_ozkoxgz2_account_favorites .kombos-product-card__media--placeholder {
  background: var(--kombos-white);
}

@media (prefers-reduced-motion: reduce) {
  .cc_ozkoxgz2_navbar .kombos-product-card__media--primary, .cc_ozkoxgz2_product_slider .kombos-product-card__media--primary, .cc_ozkoxgz2_product_list .kombos-product-card__media--primary, .cc_ozkoxgz2_account_favorites .kombos-product-card__media--primary, .cc_ozkoxgz2_navbar .kombos-product-card__media--hover, .cc_ozkoxgz2_product_slider .kombos-product-card__media--hover, .cc_ozkoxgz2_product_list .kombos-product-card__media--hover, .cc_ozkoxgz2_account_favorites .kombos-product-card__media--hover {
    transition: none;
  }
}