/*
 * Referanstaki indirimli düzen:
 *   [48×48 indirim kutusu] [üstü çizili eski fiyat / indirimli fiyat]  … [taksit]
 * Kutu iki satırın yanında dikey ortalı. İndirim yokken kutu ve çizili fiyat
 * basılmaz, fiyat tek başına 28px kalır (canlıdaki değer).
 * Tüm ölçüler CSS değişkeninden okunur — editör değeri her zaman ezer.
 */

.cc_0gxxbhqk_product_detail_prices .kombos-pd-prices {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: var(--mobile-mb);
  margin-top: var(--mobile-mt);
  width: 100%;
}

/* Kutu + fiyat satırları tek grup; taksit bloğu bu grubun dışında kalır. */
.cc_0gxxbhqk_product_detail_prices .kombos-pd-prices__main {
  align-items: center;
  display: flex;
  gap: var(--pdp-disc-gap, 0.75rem);
}

.cc_0gxxbhqk_product_detail_prices .kombos-pd-prices__prices {
  display: flex;
  flex-direction: column;
  gap: var(--pdp-line-gap, 0.25rem);
}

.cc_0gxxbhqk_product_detail_prices .kombos-pd-prices__final {
  color: var(--pdp-price-color, var(--marla-primary-soft));
  font-size: var(--pdp-price-fs, 1.5rem);
  font-weight: var(--pdp-price-fw, 700);
  line-height: 1;
}

/* İndirim yokken canlıda fiyat 28px (indirimliyken görselli talep 24px diyor). */
.cc_0gxxbhqk_product_detail_prices .kombos-pd-prices__final--plain {
  color: var(
    --pdp-price-plain-color,
    var(--pdp-price-color, var(--marla-primary-soft))
  );
  font-size: var(--pdp-price-plain-fs, 1.75rem);
}

.cc_0gxxbhqk_product_detail_prices .kombos-pd-prices__original {
  color: var(--pdp-old-color, var(--kombos-gray-500));
  /* Görselli talep PDP için 14px diyor (18px KART değeri). */
  font-size: var(--pdp-old-fs, 0.875rem);
  font-weight: var(--pdp-old-fw, 400);
  line-height: 1;
  text-decoration: line-through;
}

/* Standart 48×48, içindeki yazı 20px — ikisi de editörden değişir. */
.cc_0gxxbhqk_product_detail_prices .kombos-pd-prices__discount {
  align-items: center;
  background: var(--pdp-disc-bg, var(--marla-primary));
  color: var(--pdp-disc-color, var(--kombos-white));
  display: flex;
  flex-shrink: 0;
  font-size: var(--pdp-disc-fs, 1.25rem);
  font-weight: var(--pdp-disc-fw, 700);
  height: var(--pdp-disc-size, 3rem);
  justify-content: center;
  line-height: 1;
  width: var(--pdp-disc-size, 3rem);
}

/* Taksit bloğu canlıda satırın en sağında, sağa yaslı: kart logoları + altında
   iki satırlık metin ("Peşin Fiyatına" / "4.214 TL x 3 Taksit").
   Hizalama, logo yüksekliği ve satır aralığı editörden gelir. */
.cc_0gxxbhqk_product_detail_prices .kombos-pd-prices__installment {
  align-items: var(--pdp-inst-align, flex-end);
  display: flex;
  flex-direction: column;
  gap: var(--pdp-inst-line-gap, 0.25rem);
  margin-left: auto;
}

.cc_0gxxbhqk_product_detail_prices .kombos-pd-prices__cards {
  align-items: center;
  display: flex;
  gap: var(--pdp-card-gap, 0.5rem);
}

/* Yüklenen logolar yüksekliğe göre ölçeklenir, en-boy oranı korunur. */
.cc_0gxxbhqk_product_detail_prices .kombos-pd-prices__card-img, .cc_0gxxbhqk_product_detail_prices .kombos-pd-prices__card-svg {
  display: block;
  height: var(--pdp-card-h, 1.5rem);
  object-fit: contain;
  width: auto;
}

.cc_0gxxbhqk_product_detail_prices .kombos-pd-prices__installment-text {
  color: var(--pdp-inst-color, var(--kombos-black));
  display: flex;
  flex-direction: column;
  font-size: var(--pdp-inst-fs, 0.875rem);
  font-weight: var(--pdp-inst-fw, 500);
  gap: var(--pdp-inst-line-gap, 0.25rem);
  line-height: 1.2;
  text-align: var(--pdp-inst-text-align, right);
}

/* ===== Desktop (>=1024px) ===== */
@media (min-width: 1024px) {
  .cc_0gxxbhqk_product_detail_prices .kombos-pd-prices {
    margin-bottom: var(--desktop-mb, var(--mobile-mb));
    margin-top: var(--desktop-mt, var(--mobile-mt));
  }
}