/* ══════════════════════════════════════════════════════════════════════════
   PvcConfigurator — KONFIGURATOR-SON-SURUM.html PORTU

   ⚠️ BU DOSYA ÇALIŞMA ZAMANINDA YÜKLENMEZ. Gerçek kaynak
   `src/components/ProductDetail/styles.css` içindeki aynı bloktur.

   PORT KURALI: ölçüler, grid oranları, radius/border/gap/padding değerleri ve
   tipografi ölçeği referans HTML'den BİREBİR alınmıştır. "Modernize" edilmemiştir.
   Tek bilinçli sapma: font-family tema token'larına bağlıdır
   (referans Space Grotesk + IBM Plex Sans; burada --font-display / --font-body).

   Referans değişkenleri → tema token eşlemesi:
     --ink #1E2B33        → --color-text
     --muted #5C6E78      → --color-text-secondary
     --paper #EFF3F4      → --color-background
     --card #FFFFFF       → --color-surface
     --line #D9E2E6       → --color-border
     --accent #0E6B6B     → --color-accent
     --accent-soft #E7F1F0→ --color-accent-soft
   Token karşılığı olmayanlar (glass, warn, badge-*) birebir korunmuştur.
   ══════════════════════════════════════════════════════════════════════════ */

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck, .cc_kKHOfYr6vG_5acwiCeh2B .pvck, .cc_kKHOfYr6vG_mznwE7knlG .pvck, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck {
  --pv-ink: var(--color-text);
  --pv-muted: var(--color-text-secondary);
  --pv-paper: var(--color-background);
  --pv-card: var(--color-surface);
  --pv-line: var(--color-border);
  --pv-accent: var(--color-accent);
  --pv-accent-ink: var(--color-primary);
  --pv-accent-soft: var(--color-accent-soft);
  --pv-glass: #5E93A8;
  --pv-warn: #B4552D;
  --pv-badge-ink: #8A5E10;
  --pv-badge-bg: #FBF3DF;
  --pv-badge-line: #E8D5A8;
  --pv-field: #FBFDFD;
  --pv-r: 14px;

  /**
   * BAŞLIK FONTU — bilinçli karar.
   * Tema `--font-display` = Playfair Display (serif); konfigüratörde el yazısına
   * yakın ve fazla dekoratif duruyordu. Referans HTML de geometrik bir sans
   * (Space Grotesk) kullanıyor. Bu yüzden başlık rolü GÖVDE SANS'ına bağlandı;
   * premium his ağırlık + sıkı tracking ile veriliyor, süslü karakterle değil.
   */
  --pv-head: var(--font-body);

  width: 100%;
  background: var(--pv-paper);
  color: var(--pv-ink);
  font-family: var(--font-body);
  line-height: 1.5;
  padding: 22px 14px 60px;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck *, .cc_kKHOfYr6vG_5acwiCeh2B .pvck *, .cc_kKHOfYr6vG_mznwE7knlG .pvck *, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck *, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck *, .cc_kKHOfYr6vG_tDZMSZqGOg .pvck *::before, .cc_kKHOfYr6vG_5acwiCeh2B .pvck *::before, .cc_kKHOfYr6vG_mznwE7knlG .pvck *::before, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck *::before, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck *::before, .cc_kKHOfYr6vG_tDZMSZqGOg .pvck *::after, .cc_kKHOfYr6vG_5acwiCeh2B .pvck *::after, .cc_kKHOfYr6vG_mznwE7knlG .pvck *::after, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck *::after, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck *::after { box-sizing: border-box; }

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .wrap, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .wrap, .cc_kKHOfYr6vG_mznwE7knlG .pvck .wrap, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .wrap, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .wrap { max-width: 1060px; margin: 0 auto; }

/* ── başlık ── */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .eyebrow, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .eyebrow, .cc_kKHOfYr6vG_mznwE7knlG .pvck .eyebrow, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .eyebrow, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .eyebrow {
  font-family: var(--pv-head);
  font-size: 0.7rem; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--pv-accent); font-weight: 700; margin-bottom: 8px;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck h1, .cc_kKHOfYr6vG_5acwiCeh2B .pvck h1, .cc_kKHOfYr6vG_mznwE7knlG .pvck h1, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck h1, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck h1 {
  font-family: var(--pv-head);
  color: var(--pv-accent-ink);
  font-size: clamp(1.5rem, 4vw, 2.15rem);
  font-weight: 700; letter-spacing: -0.015em; margin: 0 0 4px; line-height: 1.15;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sub, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sub, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sub, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sub, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sub { color: var(--pv-muted); font-size: 0.95rem; max-width: 60ch; margin: 0 0 24px; }

/* ── ızgara ── */
/*
 * `1fr` DEĞİL, `minmax(0, 1fr)`.
 *
 * Tek başına `1fr`, "içeriğin en-küçük genişliğinden dar olamaz"
 * demektir; içeride sarmayan bir başlık ya da kendi doğal genişliğini
 * dayatan bir alan varsa sütun büyür ve sayfa yana kayar.
 */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .grid, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .grid, .cc_kKHOfYr6vG_mznwE7knlG .pvck .grid, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .grid, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .col, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .col, .cc_kKHOfYr6vG_mznwE7knlG .pvck .col, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .col, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .col, .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sticky, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sticky, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sticky, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sticky, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sticky, .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .card, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .card, .cc_kKHOfYr6vG_mznwE7knlG .pvck .card, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .card, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .card { min-width: 0; }
@media (min-width: 960px) {
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .grid, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .grid, .cc_kKHOfYr6vG_mznwE7knlG .pvck .grid, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .grid, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .grid {
    /* TAM YARI YARIYA — önizleme ve yapılandırma adımları eşit alan. */
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    /*
     * 🔴 `stretch` ZORUNLU — `start` yapışkanlığı sessizce öldürür.
     *
     * `position: sticky` ancak KAPSAYICISI kendisinden uzunsa yol alır.
     * `align-items: start` sol sütunu içeriği kadar kısaltıyordu; sütun
     * ile yapışkan blok aynı boyda kalınca kayacak mesafe kalmıyor ve
     * blok hiç yapışmıyordu. Sütun satır yüksekliğine uzayınca (sağ taraf
     * belirler) yapışkanlık "Ürün Hakkında" bölümüne kadar sürer.
     *
     * Sütun şeffaf bir kap olduğu için uzaması boş alan GÖSTERMEZ.
     */
    align-items: stretch;
  }

  /*
   * SOL SÜTUN YAPIŞIR, SAĞ NORMAL AKAR.
   *
   * İç kaydırmalı iki panel denendi ve bırakıldı: sayfanın kendi akışını
   * ikiye bölüyordu. Klasik davranış geri geldi — sol taraf ekranda
   * kalır, sağdaki adımlar sayfayla birlikte kayar.
   *
   * Bunun çalışabilmesi için sol sütunun EKRANA SIĞMASI gerekir; bu
   * yüzden galeri kartında büyük sahne yok, yalnız küçük görsel şeridi
   * var (büyük görüntü büyütme penceresinde açılır).
   *
   * ⚠️ `position: sticky` bir stacking context yaratır. Büyütme katmanı
   *    bu yüzden bölümün köküne portal edilir; bkz. PvcMediaGallery.
   */
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sticky, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sticky, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sticky, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sticky, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sticky {
    position: sticky;
    top: calc(var(--header-height, 0px) + 12px);
    /*
     * 🔴 `align-self` YAZILMAZ.
     *
     * `.col` bir SÜTUN yönlü flex kabı; orada `align-self` YATAY ekseni
     * yönetir. `start` yazmak bloğu içerik genişliğine büzüp sol
     * kartları sütundan dar bırakıyordu — iki blok eşit görünmüyordu.
     * Varsayılan `stretch` tam genişlik verir; yükseklik zaten içerik
     * kadardır (flex öğeleri kendiliğinden büyümez), yani yapışkanlık
     * bozulmaz.
     */
  }

}
/*
 * Sütun satır yüksekliğini doldurur — yapışkan bloğun kayacağı mesafe
 * buradan gelir. Görünür bir kutusu yok, bu yüzden uzaması boşluk üretmez.
 */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .col, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .col, .cc_kKHOfYr6vG_mznwE7knlG .pvck .col, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .col, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .col { display: flex; flex-direction: column; gap: 16px; min-width: 0; align-self: stretch; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sticky, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sticky, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sticky, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sticky, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sticky { display: flex; flex-direction: column; gap: 16px; }
/* Yapışkanlık masaüstü medya sorgusunda tanımlıdır (yukarı bak). */

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .card, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .card, .cc_kKHOfYr6vG_mznwE7knlG .pvck .card, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .card, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .card {
  background: var(--pv-card); border: 1px solid var(--pv-line);
  border-radius: var(--pv-r); padding: 18px; min-width: 0;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .step, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .step, .cc_kKHOfYr6vG_mznwE7knlG .pvck .step, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .step, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .step {
  font-family: var(--pv-head); font-size: 0.72rem; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--pv-muted);
  margin-bottom: 12px; display: flex; align-items: center; gap: 8px;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .step b, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .step b, .cc_kKHOfYr6vG_mznwE7knlG .pvck .step b, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .step b, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .step b { color: var(--pv-accent); }

/* ── sahne ── */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .stagecard, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .stagecard, .cc_kKHOfYr6vG_mznwE7knlG .pvck .stagecard, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .stagecard, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .stagecard { padding: 12px 12px 6px; position: relative; }
/*
  KATLA DÜĞMESİ.

  Soluk gri çerçeve + açık gri zemin, açık gri önizlemenin üstünde
  neredeyse görünmüyordu: düğmenin yerini bilen buluyordu, bilmeyen
  bulamıyordu. Konum aynı kaldı; yalnız kontrast marka rengine çıkarıldı.
*/
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .katla, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .katla, .cc_kKHOfYr6vG_mznwE7knlG .pvck .katla, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .katla, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .katla {
  position: absolute; right: 10px; top: 10px; z-index: 2;
  appearance: none; border: 1px solid var(--pv-accent); background: var(--pv-accent);
  border-radius: 99px; width: 30px; height: 30px; padding: 0; cursor: pointer; color: #fff;
  box-shadow: 0 2px 6px rgba(20, 32, 38, 0.18);
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .katla:hover, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .katla:hover, .cc_kKHOfYr6vG_mznwE7knlG .pvck .katla:hover, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .katla:hover, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .katla:hover { background: var(--pv-accent-ink); border-color: var(--pv-accent-ink); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .katla svg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .katla svg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .katla svg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .katla svg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .katla svg { width: 18px; height: 18px; display: block; margin: 0 auto; }
/* Ok, durumun kendisini söyler: aşağı = katla, yukarı = aç. */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .stagecard.kapali .stage, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .stagecard.kapali .stage, .cc_kKHOfYr6vG_mznwE7knlG .pvck .stagecard.kapali .stage, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .stagecard.kapali .stage, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .stagecard.kapali .stage { display: none; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .stagecard.kapali .katla svg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .stagecard.kapali .katla svg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .stagecard.kapali .katla svg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .stagecard.kapali .katla svg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .stagecard.kapali .katla svg { transform: rotate(180deg); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .stagecard.kapali, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .stagecard.kapali, .cc_kKHOfYr6vG_mznwE7knlG .pvck .stagecard.kapali, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .stagecard.kapali, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .stagecard.kapali { padding-bottom: 2px; }

/*
 * MASAÜSTÜNDE KATLAMA YOK.
 *
 * Önizlemeyi kapatmak yalnız mobilde anlamlı: orada kart başlığın altına
 * yapışıyor ve ekranın önemli bir kısmını kaplıyor. Masaüstünde sol sütun
 * zaten yapışkan ve ekrana sığıyor, dolayısıyla kapatma düğmesi işe
 * yaramıyordu — yalnız kartın sağ üstünde duruyordu.
 *
 * Durum da zorlanır: kullanıcı mobilde kapatıp pencereyi büyütürse sahne
 * masaüstünde gizli kalmasın.
 */
@media (min-width: 960px) {
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .katla, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .katla, .cc_kKHOfYr6vG_mznwE7knlG .pvck .katla, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .katla, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .katla { display: none; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .stagecard.kapali .stage, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .stagecard.kapali .stage, .cc_kKHOfYr6vG_mznwE7knlG .pvck .stagecard.kapali .stage, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .stagecard.kapali .stage, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .stagecard.kapali .stage { display: block; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .stagecard.kapali, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .stagecard.kapali, .cc_kKHOfYr6vG_mznwE7knlG .pvck .stagecard.kapali, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .stagecard.kapali, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .stagecard.kapali { padding-bottom: 6px; }
}

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .stage, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .stage, .cc_kKHOfYr6vG_mznwE7knlG .pvck .stage, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .stage, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .stage {
  width: 100%; border-radius: 10px;
  background: linear-gradient(175deg, #FAFCFC 0%, #EBF1F2 78%, #E2EAEC 100%);
  border: 1px solid var(--pv-line); overflow: hidden;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .stage svg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .stage svg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .stage svg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .stage svg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .stage svg { display: block; width: 100%; height: auto; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .stage .dimtxt, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .stage .dimtxt, .cc_kKHOfYr6vG_mznwE7knlG .pvck .stage .dimtxt, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .stage .dimtxt, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .stage .dimtxt { font-family: var(--pv-head); font-size: 12.5px; font-weight: 600; fill: #1E2B33; }

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .deskprice, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .deskprice, .cc_kKHOfYr6vG_mznwE7knlG .pvck .deskprice, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .deskprice, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .deskprice {
  display: none; align-items: baseline; gap: 12px; margin-top: 10px;
  padding-top: 10px; border-top: 1px solid var(--pv-line); flex-wrap: wrap;
}
@media (min-width: 960px) { .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .deskprice, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .deskprice, .cc_kKHOfYr6vG_mznwE7knlG .pvck .deskprice, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .deskprice, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .deskprice { display: flex; } }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .deskprice .dpval, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .deskprice .dpval, .cc_kKHOfYr6vG_mznwE7knlG .pvck .deskprice .dpval, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .deskprice .dpval, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .deskprice .dpval {
  font-family: var(--pv-head); font-size: 1.05rem; font-weight: 700;
  color: var(--pv-accent-ink); white-space: nowrap; flex: 0 0 auto;
}

/* `.stagefoot` KALDIRILDI: tek içeriği olan "Ölçekli ön izleme" metni
   satın alma kararına hiçbir şey katmıyordu ve altlığı gereksiz
   yükseltiyordu. Önizlemenin teknik olduğu ölçü çizgilerinden anlaşılır. */


/* ── galeri ── */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .galcard, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .galcard, .cc_kKHOfYr6vG_mznwE7knlG .pvck .galcard, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .galcard, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .galcard { padding: 14px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .galcard .step, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .galcard .step, .cc_kKHOfYr6vG_mznwE7knlG .pvck .galcard .step, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .galcard .step, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .galcard .step { margin-bottom: 9px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .gal, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .gal, .cc_kKHOfYr6vG_mznwE7knlG .pvck .gal, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .gal, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .gal {
  display: flex;
  gap: 8px;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  padding-bottom: 4px;
  /* Izgara düzeninden kalan değişken artık kullanılmıyor. */
  grid-template-columns: none;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .gal::-webkit-scrollbar, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .gal::-webkit-scrollbar, .cc_kKHOfYr6vG_mznwE7knlG .pvck .gal::-webkit-scrollbar, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .gal::-webkit-scrollbar, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .gal::-webkit-scrollbar { height: 5px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .gal::-webkit-scrollbar-thumb, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .gal::-webkit-scrollbar-thumb, .cc_kKHOfYr6vG_mznwE7knlG .pvck .gal::-webkit-scrollbar-thumb, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .gal::-webkit-scrollbar-thumb, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .gal::-webkit-scrollbar-thumb { background: #CFDBE0; border-radius: 99px; }

/*
 * Küçük görsel: 1200×1800 kaynak oranı (2:3, dikey).
 *
 * Kutu kaynakla AYNI oranda olduğu için `object-fit: cover` hiçbir yeri
 * kırpmaz — kare kutuda fotoğrafın altı üstü gidiyordu. Genişlik sabit
 * kalır (84/92px), yükseklik orandan gelir; şerit yine yana kayar,
 * kart genişlemez.
 */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .gal .thumb, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .gal .thumb, .cc_kKHOfYr6vG_mznwE7knlG .pvck .gal .thumb, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .gal .thumb, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .gal .thumb {
  position: relative;
  display: block;
  flex: 0 0 84px;
  width: 84px;
  aspect-ratio: 2 / 3;
  scroll-snap-align: start;
  border: 1px solid var(--pv-line);
  border-radius: 9px;
  overflow: hidden;
  background: #F2F5F6;
  padding: 0;
  cursor: zoom-in;
}
@media (min-width: 960px) {
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .gal .thumb, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .gal .thumb, .cc_kKHOfYr6vG_mznwE7knlG .pvck .gal .thumb, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .gal .thumb, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .gal .thumb { flex: 0 0 92px; width: 92px; }
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .gal .thumb img, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .gal .thumb img, .cc_kKHOfYr6vG_mznwE7knlG .pvck .gal .thumb img, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .gal .thumb img, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .gal .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .gal .thumb[aria-pressed="true"], .cc_kKHOfYr6vG_5acwiCeh2B .pvck .gal .thumb[aria-pressed="true"], .cc_kKHOfYr6vG_mznwE7knlG .pvck .gal .thumb[aria-pressed="true"], .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .gal .thumb[aria-pressed="true"], .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .gal .thumb[aria-pressed="true"] { border-color: var(--pv-accent); box-shadow: 0 0 0 2px var(--pv-accent-soft); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .gal .thumb.on, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .gal .thumb.on, .cc_kKHOfYr6vG_mznwE7knlG .pvck .gal .thumb.on, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .gal .thumb.on, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .gal .thumb.on { outline: 2px solid var(--color-accent, #08767a); outline-offset: 1px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .gal .thumb .play, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .gal .thumb .play, .cc_kKHOfYr6vG_mznwE7knlG .pvck .gal .thumb .play, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .gal .thumb .play, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .gal .thumb .play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--pv-accent-ink); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .galnote, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .galnote, .cc_kKHOfYr6vG_mznwE7knlG .pvck .galnote, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .galnote, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .galnote { font-size: 0.7rem; color: var(--pv-muted); margin: 8px 0 0; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .galsay, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .galsay, .cc_kKHOfYr6vG_mznwE7knlG .pvck .galsay, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .galsay, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .galsay { font-size: 0.68rem; font-weight: 600; color: var(--pv-muted); letter-spacing: 0; text-transform: none; margin-left: 6px; }

/* ── model ── */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .models, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .models, .cc_kKHOfYr6vG_mznwE7knlG .pvck .models, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .models, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .models { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
@media (max-width: 520px) { .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .models, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .models, .cc_kKHOfYr6vG_mznwE7knlG .pvck .models, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .models, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .models { grid-template-columns: repeat(2, 1fr); } }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .model, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .model, .cc_kKHOfYr6vG_mznwE7knlG .pvck .model, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .model, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .model {
  appearance: none; border: 1.5px solid var(--pv-line); background: var(--pv-field);
  border-radius: 11px; padding: 10px 6px 8px; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  font-family: inherit; font-size: 0.78rem; font-weight: 500; color: var(--pv-muted);
  transition: border-color 150ms, background 150ms, color 150ms; min-width: 0;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .model svg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .model svg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .model svg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .model svg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .model svg { width: 46px; height: 30px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .model .sh, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .model .sh, .cc_kKHOfYr6vG_mznwE7knlG .pvck .model .sh, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .model .sh, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .model .sh { fill: none; stroke: currentColor; stroke-width: 2; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .model[aria-pressed="true"], .cc_kKHOfYr6vG_5acwiCeh2B .pvck .model[aria-pressed="true"], .cc_kKHOfYr6vG_mznwE7knlG .pvck .model[aria-pressed="true"], .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .model[aria-pressed="true"], .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .model[aria-pressed="true"] {
  border-color: var(--pv-accent); color: var(--pv-accent-ink);
  background: var(--pv-accent-soft); font-weight: 600;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .model:disabled, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .model:disabled, .cc_kKHOfYr6vG_mznwE7knlG .pvck .model:disabled, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .model:disabled, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .model:disabled { opacity: 0.5; cursor: not-allowed; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .model .soon, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .model .soon, .cc_kKHOfYr6vG_mznwE7knlG .pvck .model .soon, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .model .soon, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .model .soon {
  font-size: 0.6rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase;
  color: var(--pv-badge-ink); background: var(--pv-badge-bg);
  border: 1px solid var(--pv-badge-line); border-radius: 99px; padding: 1px 6px;
}

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .modelalt, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .modelalt, .cc_kKHOfYr6vG_mznwE7knlG .pvck .modelalt, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .modelalt, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .modelalt {
  width: 100%; margin-top: 8px; appearance: none; border: 1.5px dashed var(--pv-line);
  background: var(--pv-field); border-radius: 11px; padding: 10px 12px; cursor: pointer;
  font-family: inherit; display: flex; align-items: center; gap: 11px; text-align: left;
  transition: border-color 150ms, background 150ms;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .modelalt .maicon, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .modelalt .maicon, .cc_kKHOfYr6vG_mznwE7knlG .pvck .modelalt .maicon, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .modelalt .maicon, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .modelalt .maicon { flex: 0 0 auto; color: var(--pv-muted); display: flex; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .modelalt .maicon svg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .modelalt .maicon svg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .modelalt .maicon svg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .modelalt .maicon svg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .modelalt .maicon svg { width: 38px; height: 25px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .modelalt .maicon .sh, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .modelalt .maicon .sh, .cc_kKHOfYr6vG_mznwE7knlG .pvck .modelalt .maicon .sh, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .modelalt .maicon .sh, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .modelalt .maicon .sh { fill: none; stroke: currentColor; stroke-width: 2; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .modelalt .matxt, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .modelalt .matxt, .cc_kKHOfYr6vG_mznwE7knlG .pvck .modelalt .matxt, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .modelalt .matxt, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .modelalt .matxt { flex: 1 1 auto; min-width: 0; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .modelalt .matxt b, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .modelalt .matxt b, .cc_kKHOfYr6vG_mznwE7knlG .pvck .modelalt .matxt b, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .modelalt .matxt b, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .modelalt .matxt b { display: block; font-size: 0.84rem; font-weight: 600; color: var(--pv-ink); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .modelalt .matxt small, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .modelalt .matxt small, .cc_kKHOfYr6vG_mznwE7knlG .pvck .modelalt .matxt small, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .modelalt .matxt small, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .modelalt .matxt small { display: block; font-size: 0.71rem; color: var(--pv-muted); line-height: 1.3; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .modelalt .maarrow, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .modelalt .maarrow, .cc_kKHOfYr6vG_mznwE7knlG .pvck .modelalt .maarrow, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .modelalt .maarrow, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .modelalt .maarrow { flex: 0 0 auto; font-size: 1.3rem; color: var(--pv-muted); line-height: 1; }

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .howto, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .howto, .cc_kKHOfYr6vG_mznwE7knlG .pvck .howto, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .howto, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .howto { margin-top: 10px; font-size: 0.78rem; color: var(--pv-muted); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .howto button, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .howto button, .cc_kKHOfYr6vG_mznwE7knlG .pvck .howto button, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .howto button, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .howto button {
  appearance: none; border: 0; background: none; padding: 0; font: inherit;
  color: var(--pv-accent); font-weight: 600; text-decoration: underline;
  text-underline-offset: 3px; cursor: pointer;
}

/* ── ölçüler ── */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .presets, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .presets, .cc_kKHOfYr6vG_mznwE7knlG .pvck .presets, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .presets, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .presets { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 11px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .presets .plbl, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .presets .plbl, .cc_kKHOfYr6vG_mznwE7knlG .pvck .presets .plbl, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .presets .plbl, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .presets .plbl { font-size: 0.72rem; font-weight: 600; color: var(--pv-muted); margin-right: 2px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pchip, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pchip, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pchip, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pchip, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pchip {
  appearance: none; border: 1px solid var(--pv-line); background: var(--pv-field);
  border-radius: 99px; padding: 5px 11px; font: inherit; font-size: 0.76rem;
  font-weight: 600; color: var(--pv-accent-ink); cursor: pointer;
  transition: border-color 150ms, background 150ms;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pchip:hover, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pchip:hover, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pchip:hover, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pchip:hover, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pchip:hover, .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pchip[aria-pressed="true"], .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pchip[aria-pressed="true"], .cc_kKHOfYr6vG_mznwE7knlG .pvck .pchip[aria-pressed="true"], .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pchip[aria-pressed="true"], .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pchip[aria-pressed="true"] { border-color: var(--pv-accent); background: var(--pv-accent-soft); }

/*
  MOBİLDE TEK SATIR.

  Kısayollar ikinci satıra taşınca ölçü kartı gereksiz uzuyordu. Dar
  ekranda listenin sonu gizlenir:
    · En × Boy kullanan modeller → ilk 3
    · Yuvarlak                  → ilk 4

  Gizlemek, yatay kaydırmaya yeğlendi: küçük ekranda yan yana kaydırılan
  bir şerit kolayca gözden kaçıyor. Elle giriş her ölçü için zaten açık.

  `nth-of-type` düğmeleri sayar — baştaki etiket bir `span` olduğu için
  saymaya girmez.
*/
@media (max-width: 520px) {
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .presets, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .presets, .cc_kKHOfYr6vG_mznwE7knlG .pvck .presets, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .presets, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .presets { flex-wrap: nowrap; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .presets .pchip:nth-of-type(n + 4), .cc_kKHOfYr6vG_5acwiCeh2B .pvck .presets .pchip:nth-of-type(n + 4), .cc_kKHOfYr6vG_mznwE7knlG .pvck .presets .pchip:nth-of-type(n + 4), .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .presets .pchip:nth-of-type(n + 4), .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .presets .pchip:nth-of-type(n + 4) { display: none; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .presets--circle .pchip:nth-of-type(n + 5), .cc_kKHOfYr6vG_5acwiCeh2B .pvck .presets--circle .pchip:nth-of-type(n + 5), .cc_kKHOfYr6vG_mznwE7knlG .pvck .presets--circle .pchip:nth-of-type(n + 5), .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .presets--circle .pchip:nth-of-type(n + 5), .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .presets--circle .pchip:nth-of-type(n + 5) { display: none; }
}


.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .fields, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .fields, .cc_kKHOfYr6vG_mznwE7knlG .pvck .fields, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .fields, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .fields.single, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .fields.single, .cc_kKHOfYr6vG_mznwE7knlG .pvck .fields.single, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .fields.single, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .fields.single { grid-template-columns: 1fr; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .fields.triple, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .fields.triple, .cc_kKHOfYr6vG_mznwE7knlG .pvck .fields.triple, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .fields.triple, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .fields.triple { grid-template-columns: 1fr 1fr 1.2fr; }
@media (max-width: 480px) {
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .fields.triple, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .fields.triple, .cc_kKHOfYr6vG_mznwE7knlG .pvck .fields.triple, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .fields.triple, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .fields.triple { grid-template-columns: 1fr 1fr; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .fields.triple .field:last-child, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .fields.triple .field:last-child, .cc_kKHOfYr6vG_mznwE7knlG .pvck .fields.triple .field:last-child, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .fields.triple .field:last-child, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .fields.triple .field:last-child { grid-column: 1 / -1; }
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .field, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .field, .cc_kKHOfYr6vG_mznwE7knlG .pvck .field, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .field, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .field { min-width: 0; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .field label, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .field label, .cc_kKHOfYr6vG_mznwE7knlG .pvck .field label, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .field label, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .field label {
  display: block; font-size: 0.76rem; font-weight: 600; color: var(--pv-muted);
  margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .ibox, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .ibox, .cc_kKHOfYr6vG_mznwE7knlG .pvck .ibox, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .ibox, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .ibox {
  display: flex; align-items: center; border: 1.5px solid var(--pv-line);
  border-radius: 10px; background: var(--pv-field); overflow: hidden;
  transition: border-color 150ms; min-width: 0;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .ibox:focus-within, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .ibox:focus-within, .cc_kKHOfYr6vG_mznwE7knlG .pvck .ibox:focus-within, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .ibox:focus-within, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .ibox:focus-within { border-color: var(--pv-accent); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .ibox input, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .ibox input, .cc_kKHOfYr6vG_mznwE7knlG .pvck .ibox input, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .ibox input, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .ibox input {
  flex: 1 1 0; width: 100%; min-width: 0; border: 0; background: transparent;
  padding: 10px 4px 10px 12px; font: inherit; font-size: 1.05rem; font-weight: 600; color: var(--pv-ink);
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .ibox input:focus, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .ibox input:focus, .cc_kKHOfYr6vG_mznwE7knlG .pvck .ibox input:focus, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .ibox input:focus, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .ibox input:focus { outline: none; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .ibox .unit, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .ibox .unit, .cc_kKHOfYr6vG_mznwE7knlG .pvck .ibox .unit, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .ibox .unit, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .ibox .unit { padding: 0 11px; font-size: 0.76rem; color: var(--pv-muted); font-weight: 500; flex: 0 0 auto; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .fielderr, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .fielderr, .cc_kKHOfYr6vG_mznwE7knlG .pvck .fielderr, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .fielderr, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .fielderr { font-size: 0.73rem; color: var(--pv-warn); font-weight: 600; margin-top: 4px; }

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .shrink, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .shrink, .cc_kKHOfYr6vG_mznwE7knlG .pvck .shrink, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .shrink, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .shrink {
  margin-top: 12px; background: var(--pv-accent-soft); border: 1px solid #CBE2E0;
  border-radius: 10px; padding: 9px 12px; font-size: 0.76rem; color: var(--pv-accent-ink);
}

/*
 * Modal içindeki WhatsApp butonu.
 *
 * `.cta` bir <button> için yazılmıştı; bu bir <a>, o yüzden hizalama ve
 * alt çizgi burada düzeltilir. Renk WhatsApp'ın kendi yeşili — marka
 * tanınırlığı butonun tıklanmasını sağlayan şey.
 */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .wacta, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .wacta, .cc_kKHOfYr6vG_mznwE7knlG .pvck .wacta, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .wacta, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .wacta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  background: #1FA855;
  color: #fff;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .wacta:hover, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .wacta:hover, .cc_kKHOfYr6vG_mznwE7knlG .pvck .wacta:hover, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .wacta:hover, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .wacta:hover { background: #17843F; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .wacta svg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .wacta svg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .wacta svg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .wacta svg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .wacta svg { width: 19px; height: 19px; flex: 0 0 auto; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .wacta:focus-visible, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .wacta:focus-visible, .cc_kKHOfYr6vG_mznwE7knlG .pvck .wacta:focus-visible, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .wacta:focus-visible, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .wacta:focus-visible { outline: 2px solid var(--pv-accent-ink); outline-offset: 2px; }


/* ── malzeme aileleri ── */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .otonote, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .otonote, .cc_kKHOfYr6vG_mznwE7knlG .pvck .otonote, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .otonote, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .otonote {
  font-size: 0.76rem; color: var(--pv-badge-ink); background: var(--pv-badge-bg);
  border: 1px solid var(--pv-badge-line); border-radius: 10px; padding: 8px 12px;
  margin-bottom: 12px; line-height: 1.4;
}
/*
 * "Tekrar dene" — hata notunun içindeki tek eylem.
 *
 * Seçenekler yüklenemediğinde kullanıcıya sayfayı yenilemekten başka bir
 * yol bırakmamak gereksizdi: istek tek tıkla tekrarlanabilir.
 */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .otonote .retry, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .otonote .retry, .cc_kKHOfYr6vG_mznwE7knlG .pvck .otonote .retry, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .otonote .retry, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .otonote .retry {
  appearance: none; display: inline-block; margin-left: 10px;
  border: 1px solid currentColor; background: transparent; color: inherit;
  border-radius: 8px; padding: 3px 10px; cursor: pointer;
  font-family: inherit; font-size: inherit; font-weight: 600; line-height: 1.4;
  transition: background 150ms ease;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .otonote .retry:hover, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .otonote .retry:hover, .cc_kKHOfYr6vG_mznwE7knlG .pvck .otonote .retry:hover, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .otonote .retry:hover, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .otonote .retry:hover { background: rgba(0, 0, 0, 0.06); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .otonote .retry:focus-visible, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .otonote .retry:focus-visible, .cc_kKHOfYr6vG_mznwE7knlG .pvck .otonote .retry:focus-visible, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .otonote .retry:focus-visible, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .otonote .retry:focus-visible { outline: 2px solid var(--pv-accent); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .otonote .retry, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .otonote .retry, .cc_kKHOfYr6vG_mznwE7knlG .pvck .otonote .retry, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .otonote .retry, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .otonote .retry { transition: none; } }

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .fams, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .fams, .cc_kKHOfYr6vG_mznwE7knlG .pvck .fams, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .fams, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .fams { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; margin-bottom: 14px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .fam, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .fam, .cc_kKHOfYr6vG_mznwE7knlG .pvck .fam, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .fam, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .fam {
  appearance: none; border: 1.5px solid var(--pv-line); background: var(--pv-field);
  border-radius: 11px; padding: 10px 12px; cursor: pointer; font-family: inherit;
  display: flex; align-items: center; gap: 11px;
  transition: border-color 150ms, background 150ms; min-width: 0; text-align: left;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .fam[aria-pressed="true"], .cc_kKHOfYr6vG_5acwiCeh2B .pvck .fam[aria-pressed="true"], .cc_kKHOfYr6vG_mznwE7knlG .pvck .fam[aria-pressed="true"], .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .fam[aria-pressed="true"], .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .fam[aria-pressed="true"] { border-color: var(--pv-accent); background: var(--pv-accent-soft); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .fam:disabled, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .fam:disabled, .cc_kKHOfYr6vG_mznwE7knlG .pvck .fam:disabled, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .fam:disabled, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .fam:disabled { opacity: 0.5; cursor: not-allowed; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .fam .chip, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .fam .chip, .cc_kKHOfYr6vG_mznwE7knlG .pvck .fam .chip, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .fam .chip, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .fam .chip {
  flex: 0 0 34px; width: 34px; height: 34px; border-radius: 9px;
  overflow: hidden; border: 1px solid var(--pv-line); display: block;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .fam .chip svg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .fam .chip svg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .fam .chip svg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .fam .chip svg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .fam .chip svg { width: 100%; height: 100%; display: block; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .fam .ft, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .fam .ft, .cc_kKHOfYr6vG_mznwE7knlG .pvck .fam .ft, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .fam .ft, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .fam .ft { min-width: 0; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .fam .ft b, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .fam .ft b, .cc_kKHOfYr6vG_mznwE7knlG .pvck .fam .ft b, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .fam .ft b, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .fam .ft b {
  display: block; font-size: 0.88rem; font-weight: 600; color: var(--pv-ink);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/*
 * ALT SATIR TEK SATIRDIR.
 *
 * Uzun cümle dar ekranda ikinci satıra düşüp kartı büyütüyor ve iki
 * kartın yüksekliğini birbirinden ayırıyordu. Çözüm yazıyı küçültmek
 * DEĞİL, metni kısaltmaktı (bkz. content.ts). Buradaki kural yalnız
 * emniyet: bir gün uzun bir metin girilirse kart yine bozulmaz.
 */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .fam .ft small, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .fam .ft small, .cc_kKHOfYr6vG_mznwE7knlG .pvck .fam .ft small, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .fam .ft small, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .fam .ft small {
  display: block; font-size: 0.7rem; color: var(--pv-muted);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* ── kalınlık satırları ── */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .trows, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .trows, .cc_kKHOfYr6vG_mznwE7knlG .pvck .trows, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .trows, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .trows { display: flex; flex-direction: column; gap: 8px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .trow, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .trow, .cc_kKHOfYr6vG_mznwE7knlG .pvck .trow, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .trow, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .trow {
  position: relative; appearance: none; border: 1.5px solid var(--pv-line);
  background: var(--pv-field); border-radius: 11px; padding: 10px 12px; cursor: pointer;
  font-family: inherit; display: grid;
  grid-template-columns: 92px minmax(0, 1fr) auto;
  align-items: center; gap: 0 12px;
  transition: border-color 150ms, background 150ms; text-align: left; min-width: 0;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .trow[aria-pressed="true"], .cc_kKHOfYr6vG_5acwiCeh2B .pvck .trow[aria-pressed="true"], .cc_kKHOfYr6vG_mznwE7knlG .pvck .trow[aria-pressed="true"], .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .trow[aria-pressed="true"], .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .trow[aria-pressed="true"] { border-color: var(--pv-accent); background: var(--pv-accent-soft); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .trow.dis, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .trow.dis, .cc_kKHOfYr6vG_mznwE7knlG .pvck .trow.dis, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .trow.dis, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .trow.dis { cursor: not-allowed; background: #F4F6F7; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .trow.dis .xw, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .trow.dis .xw, .cc_kKHOfYr6vG_mznwE7knlG .pvck .trow.dis .xw, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .trow.dis .xw, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .trow.dis .xw, .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .trow.dis .tn, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .trow.dis .tn, .cc_kKHOfYr6vG_mznwE7knlG .pvck .trow.dis .tn, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .trow.dis .tn, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .trow.dis .tn, .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .trow.dis .tbadge, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .trow.dis .tbadge, .cc_kKHOfYr6vG_mznwE7knlG .pvck .trow.dis .tbadge, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .trow.dis .tbadge, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .trow.dis .tbadge { opacity: 0.4; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .xw, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .xw, .cc_kKHOfYr6vG_mznwE7knlG .pvck .xw, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .xw, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .xw { min-width: 0; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .xw svg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .xw svg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .xw svg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .xw svg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .xw svg { width: 92px; height: 38px; display: block; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .tn, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .tn, .cc_kKHOfYr6vG_mznwE7knlG .pvck .tn, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .tn, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .tn { min-width: 0; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .tn b, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .tn b, .cc_kKHOfYr6vG_mznwE7knlG .pvck .tn b, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .tn b, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .tn b {
  display: block; font-family: var(--pv-head); font-size: 0.95rem;
  font-weight: 700; line-height: 1.2; white-space: nowrap; color: var(--pv-ink);
  /* Sarmayan bir başlık, kutusundan taşıp sayfayı genişletebiliyordu. */
  overflow: hidden; text-overflow: ellipsis;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .use, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .use, .cc_kKHOfYr6vG_mznwE7knlG .pvck .use, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .use, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .use {
  display: block; font-size: 0.7rem; color: var(--pv-muted); font-weight: 500;
  line-height: 1.3; margin-top: 1px; white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis; max-width: 100%;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .tbadge, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .tbadge, .cc_kKHOfYr6vG_mznwE7knlG .pvck .tbadge, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .tbadge, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .tbadge {
  display: inline-flex; align-items: center; justify-self: center;
  color: var(--pv-badge-ink); font-size: 0.7rem; font-weight: 600;
  white-space: nowrap; line-height: 1.3;
}
@media (max-width: 560px) {
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .trow, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .trow, .cc_kKHOfYr6vG_mznwE7knlG .pvck .trow, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .trow, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .trow { grid-template-columns: 74px minmax(0, 1fr) auto; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .tbadge, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .tbadge, .cc_kKHOfYr6vG_mznwE7knlG .pvck .tbadge, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .tbadge, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .tbadge { display: none; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .xw svg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .xw svg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .xw svg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .xw svg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .xw svg { width: 74px; height: 34px; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .tn b, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .tn b, .cc_kKHOfYr6vG_mznwE7knlG .pvck .tn b, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .tn b, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .tn b { font-size: 0.92rem; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .use, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .use, .cc_kKHOfYr6vG_mznwE7knlG .pvck .use, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .use, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .use { font-size: 0.72rem; }
}

/* ── desen kartelası ── */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .deshead, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .deshead, .cc_kKHOfYr6vG_mznwE7knlG .pvck .deshead, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .deshead, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .deshead { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .deshead .dh1, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .deshead .dh1, .cc_kKHOfYr6vG_mznwE7knlG .pvck .deshead .dh1, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .deshead .dh1, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .deshead .dh1 { font-size: 0.82rem; font-weight: 600; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sws, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sws, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sws, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sws, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sws { display: grid; grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)); gap: 10px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sw, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sw, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sw, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sw, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sw {
  appearance: none; border: 0; background: none; cursor: pointer; font-family: inherit;
  min-width: 0; padding: 0; display: flex; flex-direction: column; gap: 5px;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sw .swchip, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sw .swchip, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sw .swchip, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sw .swchip, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sw .swchip {
  position: relative; display: block; width: 100%; aspect-ratio: 1 / 1;
  border-radius: 11px; overflow: hidden; border: 2px solid var(--pv-line); transition: border-color 150ms;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sw[aria-pressed="true"] .swchip, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sw[aria-pressed="true"] .swchip, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sw[aria-pressed="true"] .swchip, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sw[aria-pressed="true"] .swchip, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sw[aria-pressed="true"] .swchip { border-color: var(--pv-accent); box-shadow: 0 0 0 2px var(--pv-accent-soft); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sw .swchip svg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sw .swchip svg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sw .swchip svg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sw .swchip svg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sw .swchip svg { width: 100%; height: 100%; display: block; }
/* Katalogdan gelen gerçek görsel, nötr çizimle AYNI kutuyu doldurur. */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sw .swchip .swimg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sw .swchip .swimg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sw .swchip .swimg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sw .swchip .swimg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sw .swchip .swimg { width: 100%; height: 100%; display: block; object-fit: cover; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sw .swname, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sw .swname, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sw .swname, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sw .swname, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sw .swname {
  display: block; font-size: 0.67rem; font-weight: 600; color: var(--pv-muted);
  text-align: center; line-height: 1.25; min-height: 2.1em;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sw[aria-pressed="true"] .swname, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sw[aria-pressed="true"] .swname, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sw[aria-pressed="true"] .swname, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sw[aria-pressed="true"] .swname, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sw[aria-pressed="true"] .swname { color: var(--pv-accent-ink); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sw.dim, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sw.dim, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sw.dim, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sw.dim, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sw.dim { opacity: 0.35; cursor: not-allowed; }

/* ── upsell / karşılaştır ── */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .upsell, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .upsell, .cc_kKHOfYr6vG_mznwE7knlG .pvck .upsell, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .upsell, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .upsell {
  width: 100%; margin-top: 10px; appearance: none; border: 1.5px solid var(--pv-badge-line);
  background: linear-gradient(100deg, #FBF3DF, #FDFAF2); border-radius: 11px;
  padding: 10px 12px; cursor: pointer; font: inherit; font-size: 0.8rem; font-weight: 600;
  color: var(--pv-badge-ink); text-align: left; transition: border-color 150ms;
  display: flex; align-items: center; gap: 9px;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .upsell:hover, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .upsell:hover, .cc_kKHOfYr6vG_mznwE7knlG .pvck .upsell:hover, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .upsell:hover, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .upsell:hover { border-color: #D9BE7C; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .upsell b, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .upsell b, .cc_kKHOfYr6vG_mznwE7knlG .pvck .upsell b, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .upsell b, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .upsell b { color: #6E4A09; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .upsell .uok, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .upsell .uok, .cc_kKHOfYr6vG_mznwE7knlG .pvck .upsell .uok, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .upsell .uok, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .upsell .uok { margin-left: auto; font-size: 1.1rem; line-height: 1; }

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .karsilink, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .karsilink, .cc_kKHOfYr6vG_mznwE7knlG .pvck .karsilink, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .karsilink, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .karsilink {
  width: 100%; margin-top: 11px; appearance: none; border: 1px solid var(--pv-line);
  background: var(--pv-field); border-radius: 10px; padding: 9px; font: inherit;
  font-size: 0.8rem; font-weight: 600; color: var(--pv-accent-ink); cursor: pointer;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .karsilink:hover, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .karsilink:hover, .cc_kKHOfYr6vG_mznwE7knlG .pvck .karsilink:hover, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .karsilink:hover, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .karsilink:hover { border-color: var(--pv-accent); background: var(--pv-accent-soft); }

/* ── adet & not ── */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .notewrap, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .notewrap, .cc_kKHOfYr6vG_mznwE7knlG .pvck .notewrap, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .notewrap, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .notewrap { margin-bottom: 12px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .notewrap label, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .notewrap label, .cc_kKHOfYr6vG_mznwE7knlG .pvck .notewrap label, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .notewrap label, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .notewrap label { display: block; font-size: 0.76rem; font-weight: 600; color: var(--pv-muted); margin-bottom: 5px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck textarea.note, .cc_kKHOfYr6vG_5acwiCeh2B .pvck textarea.note, .cc_kKHOfYr6vG_mznwE7knlG .pvck textarea.note, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck textarea.note, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck textarea.note {
  width: 100%; border: 1.5px solid var(--pv-line); border-radius: 10px;
  background: var(--pv-field); padding: 10px 12px; font: inherit; font-size: 0.88rem;
  resize: vertical; min-height: 64px; color: var(--pv-ink);
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck textarea.note:focus, .cc_kKHOfYr6vG_5acwiCeh2B .pvck textarea.note:focus, .cc_kKHOfYr6vG_mznwE7knlG .pvck textarea.note:focus, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck textarea.note:focus, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck textarea.note:focus { outline: none; border-color: var(--pv-accent); }
/*
 * ÖRNEK METİN DEĞER DEĞİLDİR.
 *
 * Alan natif `placeholder` kullanıyordu ama rengi tarayıcıya
 * bırakılmıştı; açık zeminde neredeyse yazılmış bir not kadar koyu
 * görünüyor ve alan DOLU sanılıyordu. Ton artık yardımcı metin tonu,
 * alana girildiğinde de kayboluyor: kullanıcı kendi cümlesini hayalet
 * bir cümlenin üstüne yazmıyor. Yazılan metin normal mürekkep rengidir.
 */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck textarea.note::placeholder, .cc_kKHOfYr6vG_5acwiCeh2B .pvck textarea.note::placeholder, .cc_kKHOfYr6vG_mznwE7knlG .pvck textarea.note::placeholder, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck textarea.note::placeholder, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck textarea.note::placeholder {
  color: var(--pv-muted);
  opacity: 0.75;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck textarea.note:focus::placeholder, .cc_kKHOfYr6vG_5acwiCeh2B .pvck textarea.note:focus::placeholder, .cc_kKHOfYr6vG_mznwE7knlG .pvck textarea.note:focus::placeholder, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck textarea.note:focus::placeholder, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck textarea.note:focus::placeholder { color: transparent; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .qtyrow, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .qtyrow, .cc_kKHOfYr6vG_mznwE7knlG .pvck .qtyrow, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .qtyrow, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .qtyrow { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .qtylbl, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .qtylbl, .cc_kKHOfYr6vG_mznwE7knlG .pvck .qtylbl, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .qtylbl, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .qtylbl { font-size: 0.8rem; color: var(--pv-muted); font-weight: 600; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .qty, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .qty, .cc_kKHOfYr6vG_mznwE7knlG .pvck .qty, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .qty, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .qty { display: flex; align-items: center; border: 1.5px solid var(--pv-line); border-radius: 10px; background: var(--pv-field); overflow: hidden; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .qty button, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .qty button, .cc_kKHOfYr6vG_mznwE7knlG .pvck .qty button, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .qty button, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .qty button { appearance: none; border: 0; background: transparent; width: 38px; height: 40px; font-size: 1.2rem; font-weight: 600; color: var(--pv-accent); cursor: pointer; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .qty button:disabled, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .qty button:disabled, .cc_kKHOfYr6vG_mznwE7knlG .pvck .qty button:disabled, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .qty button:disabled, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .qty button:disabled { opacity: 0.4; cursor: not-allowed; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .qty input, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .qty input, .cc_kKHOfYr6vG_mznwE7knlG .pvck .qty input, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .qty input, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .qty input { width: 52px; border: 0; background: transparent; text-align: center; font: inherit; font-size: 1.05rem; font-weight: 600; color: var(--pv-ink); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .qty input:focus, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .qty input:focus, .cc_kKHOfYr6vG_mznwE7knlG .pvck .qty input:focus, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .qty input:focus, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .qty input:focus { outline: none; }

/* ── fiyat ── */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pricebox, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pricebox, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pricebox, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pricebox, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pricebox { border: 1px solid var(--pv-line); border-radius: 12px; background: #F7FAFA; padding: 14px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pl, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pl, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pl, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pl, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pl { display: flex; justify-content: space-between; gap: 10px; font-size: 0.84rem; color: var(--pv-muted); padding: 2px 0; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pl span:last-child, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pl span:last-child, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pl span:last-child, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pl span:last-child, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pl span:last-child { font-weight: 600; color: var(--pv-ink); text-align: right; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pt, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pt, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pt, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pt, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pt { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px dashed var(--pv-line); margin-top: 8px; padding-top: 10px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pt .l, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pt .l, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pt .l, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pt .l, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pt .l { font-size: 0.84rem; font-weight: 600; color: var(--pv-muted); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pt .v, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pt .v, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pt .v, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pt .v, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pt .v { font-family: var(--pv-head); font-size: 1.75rem; font-weight: 700; color: var(--pv-accent-ink); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pt .vwrap, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pt .vwrap, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pt .vwrap, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pt .vwrap, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pt .vwrap { display: flex; align-items: baseline; gap: 8px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .eski, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .eski, .cc_kKHOfYr6vG_mznwE7knlG .pvck .eski, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .eski, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .eski { font-size: 0.86rem; color: var(--pv-muted); text-decoration: line-through; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .indpill, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .indpill, .cc_kKHOfYr6vG_mznwE7knlG .pvck .indpill, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .indpill, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .indpill { margin-left: 6px; background: #C6362B; color: #fff; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.02em; padding: 2.5px 8px; border-radius: 99px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kdv, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kdv, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kdv, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kdv, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kdv { font-size: 0.7rem; color: var(--pv-muted); text-align: right; margin-top: 2px; }

/*
 * DAR EKRANDA FİYATLAR ALT ALTA.
 *
 * Tek satırda "Toplam", indirim rozeti, üstü çizili eski fiyat ve
 * 1.75rem'lik güncel fiyat yan yana duruyordu; 360 px'lik bir telefonda
 * eski fiyat etiketle güncel fiyatın ARASINA sıkışıyor, hangisinin
 * ödenecek tutar olduğu bir bakışta okunmuyordu.
 *
 * Güncel fiyat üstte ve tek başına, eski fiyat altında küçük ve solgun
 * kalır. Sıra görsel olarak ters çevrilir (`column-reverse`), DOM
 * DEĞİŞMEZ: masaüstü düzeni ve ekran okuyucu sırası olduğu gibi durur.
 */
@media (max-width: 767px) {
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pt, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pt, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pt, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pt, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pt {
    align-items: flex-start;
    gap: 10px;
  }

  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pt .l, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pt .l, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pt .l, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pt .l, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pt .l { min-width: 0; }

  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pt .vwrap, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pt .vwrap, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pt .vwrap, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pt .vwrap, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pt .vwrap {
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: 1px;
    /* Uzun tutar etiketi sıkıştırmasın; taşma da yapmasın. */
    min-width: 0;
    text-align: right;
  }

  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pt .v, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pt .v, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pt .v, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pt .v, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pt .v { line-height: 1.15; }

  /* Eski fiyat ikincil: küçük, solgun, üstü çizili. */
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .eski, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .eski, .cc_kKHOfYr6vG_mznwE7knlG .pvck .eski, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .eski, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .eski { font-size: 0.78rem; }
}

/*
 * ÇOK DAR EKRAN (≤359 px): ETİKET VE TUTAR AYRI SATIRLARA.
 *
 * 320 px'te "Toplam" + `%10` rozeti ile 1.75rem'lik tutar aynı satıra
 * sığmıyordu. `.l` bir flex öğesi olarak `min-width: 0` ile küçülüyor,
 * AMA İÇERİĞİ küçülmüyor: JSX'te etiket metni ile rozet arasında boşluk
 * karakteri YOK, dolayısıyla satır sonu fırsatı da yok. Rozet kutusundan
 * taşıp fiyat kolonunun üstüne ~4 px giriyordu (belge taşması değil,
 * görsel çakışma), tutar da iki satıra bölünüyordu.
 *
 * `flex-wrap` tutarı bütün olarak alt satıra indirir; `margin-left: auto`
 * onu sağa yaslı tutar — sarmalanan satırda `justify-content:
 * space-between` tek öğeyi sola bırakırdı ve fiyat sola kaçardı.
 *
 * ⚠️ Eşik 374 DEĞİL 359: 360 px yaygın bir telefon genişliği ve orada
 *    mevcut düzen SORUNSUZ. 374 kullanmak 360'ı da sarmalar, yani
 *    çalışan bir düzeni gereksiz yere değiştirirdi. Ölçüldü: 359 ile
 *    360/390/430'da geometri birebir AYNI kalıyor.
 */
@media (max-width: 359px) {
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pt, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pt, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pt, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pt, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pt { flex-wrap: wrap; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pt .vwrap, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pt .vwrap, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pt .vwrap, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pt .vwrap, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pt .vwrap { margin-left: auto; }
}

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .confirm, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .confirm, .cc_kKHOfYr6vG_mznwE7knlG .pvck .confirm, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .confirm, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .confirm {
  display: flex; gap: 10px; align-items: flex-start; margin-top: 12px; padding: 11px 12px;
  border: 1.5px solid var(--pv-line); border-radius: 11px; background: var(--pv-field);
  cursor: pointer; transition: border-color 150ms, background 150ms; font-size: 0.82rem;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .confirm.ok, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .confirm.ok, .cc_kKHOfYr6vG_mznwE7knlG .pvck .confirm.ok, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .confirm.ok, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .confirm.ok { border-color: #BBDAD7; background: var(--pv-accent-soft); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .confirm input, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .confirm input, .cc_kKHOfYr6vG_mznwE7knlG .pvck .confirm input, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .confirm input, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .confirm input { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 1px; accent-color: var(--pv-accent); }

/* ══════════════════════════════════════════════════════════════════════
   ANA EYLEM DÜĞMESİ — İKİ SAYFA, TEK DİL

   `.cta` hem özel kesimdeki "Sepete ekle"nin hem toptandaki
   "WhatsApp'tan Teklif İste"nin sınıfıdır. İki sayfa aynı kökü
   (`pvck`) taşıdığı için kural burada, PAYLAŞILAN katmanda durur;
   toptan tarafında ikinci bir düğme sistemi (`wsbtn`) YOKTUR.

   Renk marka lacivertidir (`--pv-accent-ink` = `--color-primary`),
   teal değil: teal bu sayfalarda SEÇİM rengi (seçili kart, adım
   numarası, odak halkası). Eylemi seçimle aynı renge boyamak ikisini
   birbirine karıştırıyordu. Lacivert üstünde beyaz yazı hem marka
   dilinin en güçlü tonu hem 14:1 kontrast.

   Hover BAŞKA BİR RENGE ATLAMAZ: aynı zemin ince bir gölge katmanıyla
   derinleşir. Böylece marka rengi tek yerde tanımlı kalır ve ikinci bir
   lacivert tonu uydurulmaz.
   ══════════════════════════════════════════════════════════════════════ */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .cta, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .cta, .cc_kKHOfYr6vG_mznwE7knlG .pvck .cta, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .cta, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .cta {
  width: 100%;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  appearance: none;
  border: 0;
  border-radius: 12px;
  cursor: pointer;
  background: var(--pv-accent-ink);
  color: #fff;
  font-family: var(--pv-head);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  text-align: center;
  text-decoration: none;
  padding: 14px 20px;
  /* Zeminden hafifçe ayrılır; kabarık gölge değil, tek piksellik bir yükseklik. */
  box-shadow: 0 1px 2px rgba(1, 46, 74, 0.18);
  transition: background-color 150ms ease, box-shadow 150ms ease, opacity 150ms ease;
  margin-top: 12px;
}
/*
 * HOVER AYNI ZEMİNİN DERİNLEŞMESİDİR.
 *
 * Renk değişmez; üstüne ince bir gölge katmanı iner ve yükseklik bir
 * tık artar. Marka rengi tek yerde tanımlı kalır, ikinci bir lacivert
 * tonu uydurulmaz ve `color-mix` desteklemeyen tarayıcıda da çalışır.
 *
 * (Eskiden zemin hover'da BAŞKA bir renge atlıyordu; teal düğme
 * lacivert bir bloğa dönüyor, üstelik yazı da laciverde çevrildiği
 * için okunmaz hâle geliyordu.)
 */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .cta:hover:not(:disabled):not(.wacta), .cc_kKHOfYr6vG_5acwiCeh2B .pvck .cta:hover:not(:disabled):not(.wacta), .cc_kKHOfYr6vG_mznwE7knlG .pvck .cta:hover:not(:disabled):not(.wacta), .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .cta:hover:not(:disabled):not(.wacta), .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .cta:hover:not(:disabled):not(.wacta) {
  background-image: linear-gradient(rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.14));
  box-shadow: 0 3px 10px rgba(1, 46, 74, 0.22);
}
/* Basılıyken yükseklik geri alınır: düğme parmağın altında oturur. */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .cta:active:not(:disabled):not(.wacta), .cc_kKHOfYr6vG_5acwiCeh2B .pvck .cta:active:not(:disabled):not(.wacta), .cc_kKHOfYr6vG_mznwE7knlG .pvck .cta:active:not(:disabled):not(.wacta), .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .cta:active:not(:disabled):not(.wacta), .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .cta:active:not(:disabled):not(.wacta) {
  background-image: linear-gradient(rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22));
  box-shadow: 0 1px 2px rgba(1, 46, 74, 0.18);
}
/* Gönderim sürerken düğme yerinde durur; yalnız metni değişir. */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .cta[aria-busy="true"], .cc_kKHOfYr6vG_5acwiCeh2B .pvck .cta[aria-busy="true"], .cc_kKHOfYr6vG_mznwE7knlG .pvck .cta[aria-busy="true"], .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .cta[aria-busy="true"], .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .cta[aria-busy="true"] { opacity: 0.8; cursor: progress; }
/*
 * Odak halkası SEÇİM rengidir: lacivert zemin üstünde teal ayırt edilir,
 * beyaz kartın üstünde de görünür. (Zeminle aynı rengi vermek halkayı
 * görünmez yapıyordu.)
 */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .cta:focus-visible, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .cta:focus-visible, .cc_kKHOfYr6vG_mznwE7knlG .pvck .cta:focus-visible, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .cta:focus-visible, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .cta:focus-visible {
  outline: 2px solid var(--pv-accent);
  outline-offset: 2px;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .cta:disabled, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .cta:disabled, .cc_kKHOfYr6vG_mznwE7knlG .pvck .cta:disabled, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .cta:disabled, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .cta:disabled { opacity: 0.45; cursor: not-allowed; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .ctahint, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .ctahint, .cc_kKHOfYr6vG_mznwE7knlG .pvck .ctahint, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .ctahint, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .ctahint { font-size: 0.74rem; color: var(--pv-warn); font-weight: 600; margin-top: 6px; }

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .afternote, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .afternote, .cc_kKHOfYr6vG_mznwE7knlG .pvck .afternote, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .afternote, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .afternote { margin-top: 10px; display: flex; flex-direction: column; gap: 6px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .garanti, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .garanti, .cc_kKHOfYr6vG_mznwE7knlG .pvck .garanti, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .garanti, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .garanti { display: flex; align-items: flex-start; gap: 8px; font-size: 0.78rem; font-weight: 600; color: #0A7A46; line-height: 1.45; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .garanti svg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .garanti svg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .garanti svg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .garanti svg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .garanti svg { width: 15px; height: 15px; flex: 0 0 auto; margin-top: 1px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .anrow, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .anrow, .cc_kKHOfYr6vG_mznwE7knlG .pvck .anrow, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .anrow, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .anrow { font-size: 0.75rem; color: var(--pv-muted); line-height: 1.45; }

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .added, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .added, .cc_kKHOfYr6vG_mznwE7knlG .pvck .added, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .added, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .added { margin-top: 12px; border: 1.5px solid #BBDAD7; background: var(--pv-accent-soft); border-radius: 12px; padding: 14px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .added .ahead, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .added .ahead, .cc_kKHOfYr6vG_mznwE7knlG .pvck .added .ahead, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .added .ahead, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .added .ahead { font-family: var(--pv-head); font-size: 0.95rem; font-weight: 700; color: var(--pv-accent-ink); margin-bottom: 4px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .added .asum, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .added .asum, .cc_kKHOfYr6vG_mznwE7knlG .pvck .added .asum, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .added .asum, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .added .asum { font-size: 0.8rem; color: #3A4A53; line-height: 1.45; margin-bottom: 11px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .added .abtns, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .added .abtns, .cc_kKHOfYr6vG_mznwE7knlG .pvck .added .abtns, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .added .abtns, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .added .abtns { display: flex; gap: 8px; flex-wrap: wrap; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .added .abtn, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .added .abtn, .cc_kKHOfYr6vG_mznwE7knlG .pvck .added .abtn, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .added .abtn, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .added .abtn {
  flex: 1 1 140px; appearance: none; border: 1.5px solid var(--pv-accent); background: #fff;
  color: var(--pv-accent-ink); border-radius: 10px; padding: 11px 12px; font: inherit;
  font-size: 0.88rem; font-weight: 600; cursor: pointer; text-align: center; text-decoration: none;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .added .abtn.primary, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .added .abtn.primary, .cc_kKHOfYr6vG_mznwE7knlG .pvck .added .abtn.primary, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .added .abtn.primary, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .added .abtn.primary { background: var(--pv-accent); color: #fff; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .added .abtn.primary:hover, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .added .abtn.primary:hover, .cc_kKHOfYr6vG_mznwE7knlG .pvck .added .abtn.primary:hover, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .added .abtn.primary:hover, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .added .abtn.primary:hover { background: var(--pv-accent-ink); }

/* ── alt bloklar ── */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .full, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .full, .cc_kKHOfYr6vG_mznwE7knlG .pvck .full, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .full, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .full { margin-top: 16px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .aciklama, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .aciklama, .cc_kKHOfYr6vG_mznwE7knlG .pvck .aciklama, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .aciklama, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .aciklama { font-size: 0.9rem; color: #3A4A53; line-height: 1.65; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .aciklama p, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .aciklama p, .cc_kKHOfYr6vG_mznwE7knlG .pvck .aciklama p, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .aciklama p, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .aciklama p { margin: 0 0 10px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kullanim, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kullanim, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kullanim, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kullanim, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kullanim { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kbox, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kbox, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kbox, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kbox, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kbox { display: flex; align-items: center; gap: 10px; border: 1px solid var(--pv-line); background: var(--pv-field); border-radius: 11px; padding: 10px 12px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kbox svg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kbox svg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kbox svg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kbox svg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kbox svg { width: 24px; height: 24px; flex: 0 0 auto; color: var(--pv-accent); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kbox span, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kbox span, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kbox span, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kbox span, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kbox span { font-size: 0.8rem; font-weight: 500; color: #3A4A53; line-height: 1.3; }

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sss, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sss, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sss, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sss, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sss { display: flex; flex-direction: column; gap: 0; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sss .qi, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sss .qi, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sss .qi, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sss .qi, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sss .qi { border-top: 1px solid var(--pv-line); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sss .qi:first-child, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sss .qi:first-child, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sss .qi:first-child, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sss .qi:first-child, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sss .qi:first-child { border-top: 0; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sss .qbtn, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sss .qbtn, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sss .qbtn, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sss .qbtn, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sss .qbtn {
  width: 100%; appearance: none; border: 0; background: none; text-align: left;
  cursor: pointer; padding: 13px 30px 13px 0; font: inherit; font-size: 0.9rem;
  font-weight: 600; position: relative; color: var(--pv-ink);
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sss .qbtn .sign, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sss .qbtn .sign, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sss .qbtn .sign, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sss .qbtn .sign, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sss .qbtn .sign { position: absolute; right: 6px; top: 11px; font-size: 1.25rem; font-weight: 400; color: var(--pv-muted); line-height: 1; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sss .cvp, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sss .cvp, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sss .cvp, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sss .cvp, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sss .cvp { font-size: 0.86rem; color: #3A4A53; line-height: 1.6; padding: 0 0 14px; margin: 0; }
/* Cevap DOM'da durur, kapalıyken gizlenir — FAQPage şeması ile sayfa içeriği ayrışmasın. */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sss .cvp[hidden], .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sss .cvp[hidden], .cc_kKHOfYr6vG_mznwE7knlG .pvck .sss .cvp[hidden], .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sss .cvp[hidden], .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sss .cvp[hidden] { display: none; }

/* ── hata bandı ── */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .konfighata, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .konfighata, .cc_kKHOfYr6vG_mznwE7knlG .pvck .konfighata, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .konfighata, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .konfighata {
  margin-top: 16px; border: 1.5px solid #E8C7B4; background: #FBEFE8; color: #8A3F1E;
  border-radius: 12px; padding: 14px; font-size: 0.86rem; line-height: 1.5; text-align: center;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .konfighata a, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .konfighata a, .cc_kKHOfYr6vG_mznwE7knlG .pvck .konfighata a, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .konfighata a, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .konfighata a { color: #8A3F1E; font-weight: 700; }

/*
 * ── mobil çubuk KALDIRILDI ──
 *
 * Telefonda ekranın altında sürekli duran fiyat + sepete ekle çubuğu
 * 88 px'lik kalıcı bir şerit ve sayfanın altında aynı boyda bir dolgu
 * demekti; küçük ekranda okunan alanın yaklaşık altıda biri. Fiyat ve
 * sepete ekme zaten akışın sonunda, kendi kartında duruyor ve mobil
 * sırada en sonda geliyor — çubuk aynı düğmenin ikinci kopyasıydı.
 *
 * Birlikte giden parçalar: izin paneliyle çakışma koruması (çubuk yoksa
 * çakışacak bir şey de yok) ve `mobileBarPresent` sinyalinin buradan
 * yayınlanması. Sinyalin kendisi DURUYOR: WhatsApp balonu hâlâ kendi
 * varlığını oradan duyuruyor.
 */

/* ── mobil sıralama: referansla birebir ── */
@media (max-width: 959px) {
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .stagecard, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .stagecard, .cc_kKHOfYr6vG_mznwE7knlG .pvck .stagecard, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .stagecard, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .stagecard {
    position: sticky; top: var(--header-height, 0px); z-index: 30;
    padding: 4px 8px 2px; border-radius: 0 0 14px 14px;
    box-shadow: 0 8px 20px rgba(20, 32, 38, 0.10);
  }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .stage, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .stage, .cc_kKHOfYr6vG_mznwE7knlG .pvck .stage, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .stage, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .stage { border-radius: 8px; }

  /*
    AÇIK ÖNİZLEME EKRANI DOMİNE ETMESİN.

    Yükseklik genişlikten türetilirse (`height: auto`) 390 px'lik bir
    telefonda çizim 257 px oluyordu; başlıkla birlikte ekranın üçte
    birinden fazlası önizlemeye gidiyordu.

    Yükseklik artık doğrudan verilir ve SVG kendi viewBox'ını bu kutuya
    TEK TİP ÖLÇEKLE sığdırır (`preserveAspectRatio` varsayılanı).
    Geometri korunur: masa oranı da ölçü etiketleri de birlikte küçülür.

    `vw` ile verilir ki geniş telefonda ve küçük tablette de orantılı
    kalsın; alt sınır okunabilirlik, üst sınır ekranı domine etmeme
    içindir.

    390 px'te: 267,5 → 176,8 px, yani ≈ %34 daha kısa. Ölçü etiketleri
    çizimle birlikte küçülür; 44vw'nin altına inmek onları okunmaz
    yapmaya başlıyor.
  */
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .stage svg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .stage svg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .stage svg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .stage svg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .stage svg { height: clamp(132px, 44vw, 210px); }

  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .grid, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .grid, .cc_kKHOfYr6vG_mznwE7knlG .pvck .grid, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .grid, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .grid { display: flex; flex-direction: column; gap: 16px; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .grid > .col, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .grid > .col, .cc_kKHOfYr6vG_mznwE7knlG .pvck .grid > .col, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .grid > .col, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .grid > .col { display: contents; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .col > .sticky, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .col > .sticky, .cc_kKHOfYr6vG_mznwE7knlG .pvck .col > .sticky, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .col > .sticky, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .col > .sticky { display: contents; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .stagecard, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .stagecard, .cc_kKHOfYr6vG_mznwE7knlG .pvck .stagecard, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .stagecard, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .stagecard { order: 1; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .cardModel, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .cardModel, .cc_kKHOfYr6vG_mznwE7knlG .pvck .cardModel, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .cardModel, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .cardModel { order: 2; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .cardOlcu, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .cardOlcu, .cc_kKHOfYr6vG_mznwE7knlG .pvck .cardOlcu, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .cardOlcu, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .cardOlcu { order: 3; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .galcard, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .galcard, .cc_kKHOfYr6vG_mznwE7knlG .pvck .galcard, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .galcard, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .galcard { order: 4; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .cardMalzeme, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .cardMalzeme, .cc_kKHOfYr6vG_mznwE7knlG .pvck .cardMalzeme, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .cardMalzeme, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .cardMalzeme { order: 5; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .cardAdet, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .cardAdet, .cc_kKHOfYr6vG_mznwE7knlG .pvck .cardAdet, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .cardAdet, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .cardAdet { order: 6; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .cardFiyat, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .cardFiyat, .cc_kKHOfYr6vG_mznwE7knlG .pvck .cardFiyat, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .cardFiyat, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .cardFiyat { order: 7; }
}

/* ── modal ── */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .modalbg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .modalbg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .modalbg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .modalbg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .modalbg {
  position: fixed; inset: 0; background: rgba(20, 32, 38, 0.55);
  display: flex; align-items: center; justify-content: center; padding: 16px; z-index: 1000;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .modal, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .modal, .cc_kKHOfYr6vG_mznwE7knlG .pvck .modal, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .modal, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .modal {
  background: #fff; border-radius: 16px; max-width: 560px; width: 100%;
  max-height: 88vh; overflow-y: auto; padding: 20px; position: relative;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .modal h3, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .modal h3, .cc_kKHOfYr6vG_mznwE7knlG .pvck .modal h3, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .modal h3, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .modal h3 { font-family: var(--pv-head); font-size: 1.05rem; font-weight: 700; margin: 0 0 10px; padding-right: 34px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .modal p, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .modal p, .cc_kKHOfYr6vG_mznwE7knlG .pvck .modal p, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .modal p, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .modal p { font-size: 0.88rem; color: #3A4A53; margin: 0 0 10px; line-height: 1.6; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .modal ul, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .modal ul, .cc_kKHOfYr6vG_mznwE7knlG .pvck .modal ul, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .modal ul, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .modal ul { margin: 0 0 10px; padding-left: 18px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .modal li, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .modal li, .cc_kKHOfYr6vG_mznwE7knlG .pvck .modal li, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .modal li, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .modal li { font-size: 0.88rem; color: #3A4A53; line-height: 1.6; margin-bottom: 6px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .mclose, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .mclose, .cc_kKHOfYr6vG_mznwE7knlG .pvck .mclose, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .mclose, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .mclose {
  position: absolute; right: 14px; top: 14px; appearance: none; border: 0;
  background: #EFF3F4; border-radius: 99px; width: 32px; height: 32px;
  font-size: 16px; cursor: pointer; color: var(--pv-ink);
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .krs, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .krs, .cc_kKHOfYr6vG_mznwE7knlG .pvck .krs, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .krs, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .krs { display: flex; flex-direction: column; gap: 12px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .krsrow, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .krsrow, .cc_kKHOfYr6vG_mznwE7knlG .pvck .krsrow, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .krsrow, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .krsrow { display: flex; gap: 12px; align-items: flex-start; border-top: 1px solid var(--pv-line); padding-top: 12px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .krsrow:first-child, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .krsrow:first-child, .cc_kKHOfYr6vG_mznwE7knlG .pvck .krsrow:first-child, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .krsrow:first-child, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .krsrow:first-child { border-top: 0; padding-top: 0; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .krsb, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .krsb, .cc_kKHOfYr6vG_mznwE7knlG .pvck .krsb, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .krsb, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .krsb { flex: 1 1 auto; min-width: 0; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .krsb .kh, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .krsb .kh, .cc_kKHOfYr6vG_mznwE7knlG .pvck .krsb .kh, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .krsb .kh, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .krsb .kh { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-bottom: 3px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .krsb .kh b, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .krsb .kh b, .cc_kKHOfYr6vG_mznwE7knlG .pvck .krsb .kh b, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .krsb .kh b, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .krsb .kh b { font-family: var(--pv-head); font-size: 0.95rem; font-weight: 700; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .krsb p, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .krsb p, .cc_kKHOfYr6vG_mznwE7knlG .pvck .krsb p, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .krsb p, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .krsb p { font-size: 0.82rem; color: #3A4A53; line-height: 1.5; margin: 0; }

/* ── odak ── */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck button:focus-visible, .cc_kKHOfYr6vG_5acwiCeh2B .pvck button:focus-visible, .cc_kKHOfYr6vG_mznwE7knlG .pvck button:focus-visible, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck button:focus-visible, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck button:focus-visible, .cc_kKHOfYr6vG_tDZMSZqGOg .pvck a:focus-visible, .cc_kKHOfYr6vG_5acwiCeh2B .pvck a:focus-visible, .cc_kKHOfYr6vG_mznwE7knlG .pvck a:focus-visible, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck a:focus-visible, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck a:focus-visible, .cc_kKHOfYr6vG_tDZMSZqGOg .pvck input:focus-visible, .cc_kKHOfYr6vG_5acwiCeh2B .pvck input:focus-visible, .cc_kKHOfYr6vG_mznwE7knlG .pvck input:focus-visible, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck input:focus-visible, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck input:focus-visible, .cc_kKHOfYr6vG_tDZMSZqGOg .pvck textarea:focus-visible, .cc_kKHOfYr6vG_5acwiCeh2B .pvck textarea:focus-visible, .cc_kKHOfYr6vG_mznwE7knlG .pvck textarea:focus-visible, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck textarea:focus-visible, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck textarea:focus-visible { outline: 2px solid var(--pv-accent); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) { .cc_kKHOfYr6vG_tDZMSZqGOg .pvck *, .cc_kKHOfYr6vG_5acwiCeh2B .pvck *, .cc_kKHOfYr6vG_mznwE7knlG .pvck *, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck *, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck * { transition: none !important; } }

/* ══════════════════════════════════════════════════════════════════════════
   UI TAMAMLAMA TURU — kargo baremi · teslim zamani · yorumlar · karsilastirma
   ══════════════════════════════════════════════════════════════════════════ */

/* --- tipografi rotuslari: daha net kontrast, premium his --- */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck h1, .cc_kKHOfYr6vG_5acwiCeh2B .pvck h1, .cc_kKHOfYr6vG_mznwE7knlG .pvck h1, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck h1, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck h1 { font-weight: 600; letter-spacing: -0.02em; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .step, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .step, .cc_kKHOfYr6vG_mznwE7knlG .pvck .step, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .step, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .step { color: var(--pv-accent-ink); letter-spacing: 0.1em; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .step b, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .step b, .cc_kKHOfYr6vG_mznwE7knlG .pvck .step b, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .step b, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .step b { color: var(--pv-accent); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .fam .ft b, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .fam .ft b, .cc_kKHOfYr6vG_mznwE7knlG .pvck .fam .ft b, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .fam .ft b, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .fam .ft b, .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .tn b, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .tn b, .cc_kKHOfYr6vG_mznwE7knlG .pvck .tn b, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .tn b, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .tn b, .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .modelalt .matxt b, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .modelalt .matxt b, .cc_kKHOfYr6vG_mznwE7knlG .pvck .modelalt .matxt b, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .modelalt .matxt b, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .modelalt .matxt b { letter-spacing: -0.01em; }
/*
 * ⚠️ `.cta` BU KURALDAN ÇIKARILDI.
 *
 * Kural akordiyon başlıkları için yazılmıştı; düğmeyi de kapsayınca
 * beyaz yazısını lacivert yapıyor ve teal zemin üstünde kontrastı
 * düşürüyordu. Düğmenin yazısı kendi kuralında beyaz kalır.
 */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sss .qbtn, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sss .qbtn, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sss .qbtn, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sss .qbtn, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sss .qbtn { color: var(--pv-accent-ink); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .aciklama, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .aciklama, .cc_kKHOfYr6vG_mznwE7knlG .pvck .aciklama, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .aciklama, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .aciklama { color: var(--pv-ink); opacity: 0.88; }

/* --- kargo baremi / teslim zamani --- */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .promo, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .promo, .cc_kKHOfYr6vG_mznwE7knlG .pvck .promo, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .promo, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .promo {
  margin-top: 10px; border-radius: 12px; padding: 11px 13px;
  background: linear-gradient(100deg, #E7F1F0, #F3F9F8); border: 1.5px solid #BBDAD7;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .promo.tamam, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .promo.tamam, .cc_kKHOfYr6vG_mznwE7knlG .pvck .promo.tamam, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .promo.tamam, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .promo.tamam { background: linear-gradient(100deg, #E3F5EA, #F1FBF5); border-color: #A9DCC1; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .promo .ptop, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .promo .ptop, .cc_kKHOfYr6vG_mznwE7knlG .pvck .promo .ptop, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .promo .ptop, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .promo .ptop { display: flex; align-items: center; gap: 9px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .promo .pico, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .promo .pico, .cc_kKHOfYr6vG_mznwE7knlG .pvck .promo .pico, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .promo .pico, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .promo .pico { flex: 0 0 auto; display: flex; color: var(--pv-accent-ink); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .promo .pico svg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .promo .pico svg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .promo .pico svg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .promo .pico svg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .promo .pico svg { width: 19px; height: 19px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .promo .ptxt, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .promo .ptxt, .cc_kKHOfYr6vG_mznwE7knlG .pvck .promo .ptxt, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .promo .ptxt, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .promo .ptxt { font-size: 0.83rem; font-weight: 700; color: var(--pv-accent-ink); line-height: 1.35; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .promo .pbar, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .promo .pbar, .cc_kKHOfYr6vG_mznwE7knlG .pvck .promo .pbar, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .promo .pbar, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .promo .pbar {
  margin-top: 9px; height: 7px; border-radius: 99px;
  background: rgba(14, 107, 107, 0.14); overflow: hidden;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .promo .pbar span, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .promo .pbar span, .cc_kKHOfYr6vG_mznwE7knlG .pvck .promo .pbar span, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .promo .pbar span, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .promo .pbar span {
  display: block; height: 100%; border-radius: 99px;
  background: var(--pv-accent); transition: width 300ms ease;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .psaat, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .psaat, .cc_kKHOfYr6vG_mznwE7knlG .pvck .psaat, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .psaat, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .psaat {
  display: flex; align-items: center; gap: 9px; margin-top: 9px;
  padding-top: 9px; border-top: 1px dashed rgba(14, 107, 107, 0.22);
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .psaat.tek, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .psaat.tek, .cc_kKHOfYr6vG_mznwE7knlG .pvck .psaat.tek, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .psaat.tek, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .psaat.tek { margin-top: 0; padding-top: 0; border-top: 0; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .psaat .ptxt, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .psaat .ptxt, .cc_kKHOfYr6vG_mznwE7knlG .pvck .psaat .ptxt, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .psaat .ptxt, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .psaat .ptxt { font-size: 0.79rem; font-weight: 700; color: var(--pv-badge-ink); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .psaat .pico, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .psaat .pico, .cc_kKHOfYr6vG_mznwE7knlG .pvck .psaat .pico, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .psaat .pico, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .psaat .pico { color: var(--pv-badge-ink); }

/* --- musteri degerlendirmeleri --- */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .ratewrap, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .ratewrap, .cc_kKHOfYr6vG_mznwE7knlG .pvck .ratewrap, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .ratewrap, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .ratewrap {
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  padding-bottom: 14px; border-bottom: 1px solid var(--pv-line); margin-bottom: 14px;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .ratebig, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .ratebig, .cc_kKHOfYr6vG_mznwE7knlG .pvck .ratebig, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .ratebig, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .ratebig { font-family: var(--pv-head); font-size: 2.3rem; font-weight: 700; line-height: 1; color: var(--pv-accent-ink); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .ratemeta .stars, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .ratemeta .stars, .cc_kKHOfYr6vG_mznwE7knlG .pvck .ratemeta .stars, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .ratemeta .stars, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .ratemeta .stars { display: inline-flex; gap: 1px; margin-bottom: 2px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .ratemeta .cnt, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .ratemeta .cnt, .cc_kKHOfYr6vG_mznwE7knlG .pvck .ratemeta .cnt, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .ratemeta .cnt, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .ratemeta .cnt { display: block; font-size: 0.76rem; color: var(--pv-muted); }
/*
 * Liste sıfırlaması TEMEL kuralda: pazaryeri listesi de `ul` ve
 * tarayıcının 40 px'lik girintisi dar ekranda yer yiyordu. Kırpma
 * (`overflow-x: clip`) gerçek kaynakta, yorum bloğunun yanında durur.
 */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .revlist, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .revlist, .cc_kKHOfYr6vG_mznwE7knlG .pvck .revlist, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .revlist, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .revlist { display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0; min-width: 0; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .rev, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .rev, .cc_kKHOfYr6vG_mznwE7knlG .pvck .rev, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .rev, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .rev { border-top: 1px solid var(--pv-line); padding: 13px 0; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .rev:first-child, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .rev:first-child, .cc_kKHOfYr6vG_mznwE7knlG .pvck .rev:first-child, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .rev:first-child, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .rev:first-child { border-top: 0; padding-top: 0; }
/*
 * İSKELET SATIRLAR KALDIRILDI (S).
 *
 * Yorum yokken üç gri satır çizmek, "yorumlar yükleniyor" izlenimi veren
 * sahte bir otoriteydi — yüklenen bir şey yoktu. Artık yorum yoksa bölüm
 * hiç render edilmiyor.
 */

/* Studio'dan gelen yorum kartları — liste işaretlemesi sıfırlanır. */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .revlist--studio, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .revlist--studio, .cc_kKHOfYr6vG_mznwE7knlG .pvck .revlist--studio, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .revlist--studio, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .revlist--studio {
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0;
}

/* SSS çocukları da liste olarak gelir. */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sss--studio, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sss--studio, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sss--studio, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sss--studio, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sss--studio {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* --- karsilastirma modali --- */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kintro, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kintro, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kintro, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kintro, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kintro { font-size: 0.85rem; color: #3A4A53; line-height: 1.55; margin: 0 0 14px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler {
  border: 1px solid var(--pv-line); border-radius: 12px; background: #F7FAFA;
  padding: 12px 0 14px; margin-bottom: 16px; max-width: 100%;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__head, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__head, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__head, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__head, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__head {
  font-size: 0.74rem; color: var(--pv-muted); margin: 0 0 10px; padding: 0 14px;
}
/*
  Dar ekranda sütunlar sıkışıp okunmaz olmasın diye yatay ray.
  Kaydırma RAYIN içindedir; sayfa yatay taşmaz.
*/
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__track, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__track, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__track, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__track, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__track {
  display: flex; align-items: flex-end; gap: 14px;
  overflow-x: auto; overscroll-behavior-x: contain;
  padding: 0 14px 4px; scrollbar-width: thin;
}
/*
  Rayın SONUNDAKİ boşluk.

  Esnek bir kapsayıcıda sondaki `padding` bazı motorlarda kaydırma
  alanına katılmıyor ve son sütun kenara yapışık kalıyordu. Boş bir
  esnek öğe bu boşluğu her yerde garanti eder.
*/
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__track::after, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__track::after, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__track::after, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__track::after, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__track::after { content: ""; flex: 0 0 14px; }
/*
  SABİT KOLON SİSTEMİ.

  Her sütun aynı genişlikte ve aynı dikey bölgelere ayrılmış: ikon,
  çubuk, mm, ad, rozet. Bölgeler sabit olmasaydı "1 TL madeni para" gibi
  iki satırlık bir ad, yanındaki çubuğun tabanını aşağı iter ve oran
  karşılaştırması okunamaz hâle gelirdi.
*/
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__col, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__col, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__col, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__col, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__col {
  flex: 0 0 auto; width: 100px; display: flex; flex-direction: column; align-items: center; gap: 6px;
  text-align: center;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__icon, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__icon, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__icon, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__icon, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__icon { color: var(--pv-muted); height: 22px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__icon svg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__icon svg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__icon svg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__icon svg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__icon svg { width: 22px; height: 22px; display: block; }
/* Çubuklar aynı tabandan yükselsin: oran ancak ortak tabanla okunur. */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__barwrap, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__barwrap, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__barwrap, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__barwrap, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__barwrap { display: flex; align-items: flex-end; height: 62px; width: 100%; flex: 0 0 62px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__bar, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__bar, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__bar, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__bar, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__bar {
  display: block; width: 100%; border-radius: 3px 3px 0 0;
  border: 1px solid #C2CCD2; background: linear-gradient(180deg, #E4EAEE, #CFD8DE);
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__mm, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__mm, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__mm, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__mm, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__mm {
  font-family: var(--pv-head); font-size: 0.78rem; color: var(--pv-ink);
  line-height: 1.2; min-height: 1.2em;
}
/*
  Ad alanı EN ÇOK İKİ SATIR. Sabit taban yükseklik, tek satırlık adların
  ("CD") iki satırlıkların yanında kolonu yukarı çekmesini engeller;
  taşma kırpılır, sütun genişlemez.
*/
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__name, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__name, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__name, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__name, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__name {
  font-size: 0.7rem; color: var(--pv-muted); line-height: 1.3;
  min-height: 2.6em; width: 100%;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; overflow-wrap: anywhere;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__tag, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__tag, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__tag, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__tag, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__tag {
  font-size: 0.58rem; letter-spacing: 0.08em; font-weight: 700;
  color: var(--pv-muted); border: 1px solid var(--pv-line); border-radius: 999px; padding: 1px 7px;
  white-space: nowrap;
}

/* Bizim ürünlerimiz — marka rengiyle. */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__col--product .kruler__icon, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__col--product .kruler__icon, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__col--product .kruler__icon, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__col--product .kruler__icon, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__col--product .kruler__icon { color: var(--pv-accent-ink); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__col--product .kruler__bar, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__col--product .kruler__bar, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__col--product .kruler__bar, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__col--product .kruler__bar, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__col--product .kruler__bar {
  border-color: #5E93A8; background: linear-gradient(180deg, #D9EDF4, #BCDCE8 55%, #9CC6D6);
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__col--product .kruler__tag, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__col--product .kruler__tag, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__col--product .kruler__tag, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__col--product .kruler__tag, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__col--product .kruler__tag {
  color: var(--pv-accent-ink); border-color: var(--pv-accent); background: var(--pv-accent-soft);
}
/* Kıyas nesneleri — nötr gri, satılabilir görünmesin. */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__col--reference .kruler__bar, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__col--reference .kruler__bar, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__col--reference .kruler__bar, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__col--reference .kruler__bar, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__col--reference .kruler__bar { border-color: #C2CCD2; background: #DDE3E7; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__col--reference .kruler__name, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__col--reference .kruler__name, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__col--reference .kruler__name, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__col--reference .kruler__name, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__col--reference .kruler__name { color: var(--pv-muted); }

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__col.on .kruler__bar, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__col.on .kruler__bar, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__col.on .kruler__bar, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__col.on .kruler__bar, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__col.on .kruler__bar { box-shadow: 0 0 0 2px var(--pv-accent-soft); border-color: var(--pv-accent); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__col.on .kruler__mm, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__col.on .kruler__mm, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__col.on .kruler__mm, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__col.on .kruler__mm, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__col.on .kruler__mm { color: var(--pv-accent-ink); font-weight: 700; }

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__ref, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__ref, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__ref, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__ref, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__ref { font-size: 0.78rem; color: var(--pv-accent-ink); margin: 9px 0 0; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__hint, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__hint, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__hint, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__hint, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__hint { font-size: 0.76rem; color: var(--pv-muted); margin: 0 0 8px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__list, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__list, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__list, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__list, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__list { color: var(--pv-muted); font-weight: 400; margin-right: 6px; }

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcards, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcards, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcards, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcards, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcards { display: flex; flex-direction: column; gap: 10px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard { border: 1.5px solid var(--pv-line); border-radius: 12px; background: var(--pv-field); padding: 12px 14px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard.on, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard.on, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard.on, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard.on, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard.on { border-color: var(--pv-accent); background: var(--pv-accent-soft); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard.dis, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard.dis, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard.dis, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard.dis, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard.dis { opacity: 0.55; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__top, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__top, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__top, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__top, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__top { display: flex; align-items: center; gap: 12px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__slab, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__slab, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__slab, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__slab, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__slab { flex: 0 0 74px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__slab svg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__slab svg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__slab svg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__slab svg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__slab svg { width: 74px; height: 32px; display: block; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__id, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__id, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__id, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__id, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__id { min-width: 0; flex: 1 1 auto; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__id b, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__id b, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__id b, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__id b, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__id b { display: block; font-family: var(--pv-head); font-size: 1rem; font-weight: 700; color: var(--pv-ink); letter-spacing: -0.01em; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__flag, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__flag, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__flag, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__flag, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__flag, .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__badge, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__badge, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__badge, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__badge, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__badge {
  flex: 0 0 auto; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.04em;
  text-transform: uppercase; padding: 3px 9px; border-radius: 99px;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__flag, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__flag, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__flag, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__flag, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__flag { background: var(--pv-accent); color: #fff; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__badge, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__badge, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__badge, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__badge, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__badge { background: var(--pv-badge-bg); border: 1px solid var(--pv-badge-line); color: var(--pv-badge-ink); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__desc, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__desc, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__desc, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__desc, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__desc { font-size: 0.82rem; color: #3A4A53; line-height: 1.55; margin: 9px 0 11px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__foot, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__foot, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__foot, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__foot, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__foot { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__price, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__price, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__price, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__price, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__price { font-family: var(--pv-head); font-size: 0.92rem; font-weight: 700; color: var(--pv-accent-ink); margin-right: auto; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__cta, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__cta, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__cta, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__cta, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__cta {
  appearance: none; border: 1.5px solid var(--pv-accent); background: var(--pv-accent); color: #fff;
  border-radius: 10px; padding: 9px 18px; font: inherit; font-size: 0.85rem; font-weight: 600; cursor: pointer;
  transition: background 150ms;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__cta:hover:not(:disabled), .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__cta:hover:not(:disabled), .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__cta:hover:not(:disabled), .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__cta:hover:not(:disabled), .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__cta:hover:not(:disabled) { background: var(--pv-accent-ink); border-color: var(--pv-accent-ink); }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__cta:disabled, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__cta:disabled, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__cta:disabled, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__cta:disabled, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__cta:disabled { background: transparent; color: var(--pv-accent-ink); opacity: 0.7; cursor: default; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcards__note, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcards__note, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcards__note, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcards__note, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcards__note { font-size: 0.74rem; color: var(--pv-muted); margin: 12px 0 0; }

@media (max-width: 520px) {
  /*
    Dar ekranda yalnız ARALIK daralır. Sütun genişliği SABİT kalır:
    kolon sistemi ancak bütün sütunlar aynı genişlikteyse iş görür,
    ray zaten yatay kaydırılabilir.
  */
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kruler__track, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kruler__track, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kruler__track, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kruler__track, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kruler__track { gap: 10px; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__top, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__top, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__top, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__top, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__top { flex-wrap: wrap; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__cta, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__cta, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__cta, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__cta, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__cta { width: 100%; }
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .kcard__price, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .kcard__price, .cc_kKHOfYr6vG_mznwE7knlG .pvck .kcard__price, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .kcard__price, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .kcard__price { margin-right: 0; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .promo .pbar span, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .promo .pbar span, .cc_kKHOfYr6vG_mznwE7knlG .pvck .promo .pbar span, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .promo .pbar span, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .promo .pbar span { transition: none; }
}

/* ─── Sol altlık: fiyat + KANONİK seçim özeti (D/T) ───────────────
   Sol "Sepete ekle" kaldırıldı; burada yarışan ikinci bir birincil
   eylem yoktur. Alan yalnız bilgi taşır. */

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .dpsum, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .dpsum, .cc_kKHOfYr6vG_mznwE7knlG .pvck .dpsum, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .dpsum, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .dpsum {
  display: block;
  margin-top: 4px;
  font-family: var(--font-label);
  font-size: var(--text-label);
  line-height: 1.4;
  color: var(--color-text-secondary, #637580);
  /* Uzun özet kutuyu genişletmesin; önizleme kompakt kalmalı. */
  overflow-wrap: anywhere;
}

/* ─── Desenli: sabit kalınlık rozeti (I) ───────────────────────── */

/*
  Eskiden tam genişlikte bir bilgi bandıydı. Bütün desenlerde aynı olan
  tek bir bilgi için sayfanın en geniş öğesi olmak gereksizdi; rozet
  "Desen seçin" başlığının yanında, göz hizasında duruyor.
*/
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .mmchip, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .mmchip, .cc_kKHOfYr6vG_mznwE7knlG .pvck .mmchip, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .mmchip, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .mmchip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px; border-radius: 999px;
  border: 1px solid var(--color-accent-soft, #edf7f7);
  background: var(--color-accent-soft, #edf7f7);
  color: var(--color-accent, #08767a);
  font-family: var(--font-label);
  font-size: var(--text-label);
  line-height: 1.2;
  white-space: nowrap;
}
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .mmchip svg, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .mmchip svg, .cc_kKHOfYr6vG_mznwE7knlG .pvck .mmchip svg, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .mmchip svg, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .mmchip svg { width: 14px; height: 14px; display: block; flex: 0 0 auto; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .mmchip b, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .mmchip b, .cc_kKHOfYr6vG_mznwE7knlG .pvck .mmchip b, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .mmchip b, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .mmchip b { font-weight: 700; }
/* Ayırıcı nokta rozetin içinde: iki bilgi tek öğe gibi okunsun. */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .mmchip__tag, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .mmchip__tag, .cc_kKHOfYr6vG_mznwE7knlG .pvck .mmchip__tag, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .mmchip__tag, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .mmchip__tag { opacity: 0.85; }
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .mmchip__tag::before, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .mmchip__tag::before, .cc_kKHOfYr6vG_mznwE7knlG .pvck .mmchip__tag::before, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .mmchip__tag::before, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .mmchip__tag::before { content: "·"; margin-right: 6px; }

/* ─── Galeri: seçime göre gerçek medya (E) ─────────────────────── */




/* ─── Büyütme ─────────────────────────────────────────────────── */

/*
 * 🔴 Katman `document.body`'ye PORTAL edilir; bu yüzden `.pvck` öneki
 *    YOKTUR — kök yığında durur ve sticky sütunun stacking context'ine
 *    hapsolmaz. Eski hâlinde başlık ve sağ sütun üstüne biniyordu.
 *
 * z-index, projedeki çalıştığı kanıtlanmış üst katman değeriyle aynı (1000).
 */
.cc_kKHOfYr6vG_tDZMSZqGOg .galzoom, .cc_kKHOfYr6vG_5acwiCeh2B .galzoom, .cc_kKHOfYr6vG_mznwE7knlG .galzoom, .cc_kKHOfYr6vG_9gDbKoMiYI .galzoom, .cc_kKHOfYr6vG_APfMi3FPHZ .galzoom {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(16px, env(safe-area-inset-top, 0px)) 16px;
  background: rgba(10, 22, 30, 0.82);
}

.cc_kKHOfYr6vG_tDZMSZqGOg .galzoom__img, .cc_kKHOfYr6vG_5acwiCeh2B .galzoom__img, .cc_kKHOfYr6vG_mznwE7knlG .galzoom__img, .cc_kKHOfYr6vG_9gDbKoMiYI .galzoom__img, .cc_kKHOfYr6vG_APfMi3FPHZ .galzoom__img {
  max-width: min(92vw, 1100px);
  max-height: 86vh;
  object-fit: contain;
  border-radius: 8px;
  cursor: default;
}

.cc_kKHOfYr6vG_tDZMSZqGOg .galzoom__close, .cc_kKHOfYr6vG_5acwiCeh2B .galzoom__close, .cc_kKHOfYr6vG_mznwE7knlG .galzoom__close, .cc_kKHOfYr6vG_9gDbKoMiYI .galzoom__close, .cc_kKHOfYr6vG_APfMi3FPHZ .galzoom__close {
  position: absolute;
  top: calc(12px + env(safe-area-inset-top, 0px));
  right: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: var(--color-text, #142631);
  cursor: pointer;
}

.cc_kKHOfYr6vG_tDZMSZqGOg .galzoom__close:focus-visible, .cc_kKHOfYr6vG_5acwiCeh2B .galzoom__close:focus-visible, .cc_kKHOfYr6vG_mznwE7knlG .galzoom__close:focus-visible, .cc_kKHOfYr6vG_9gDbKoMiYI .galzoom__close:focus-visible, .cc_kKHOfYr6vG_APfMi3FPHZ .galzoom__close:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* ── Büyütmede kareler arası gezinme ── */

.cc_kKHOfYr6vG_tDZMSZqGOg .galzoom__nav, .cc_kKHOfYr6vG_5acwiCeh2B .galzoom__nav, .cc_kKHOfYr6vG_mznwE7knlG .galzoom__nav, .cc_kKHOfYr6vG_9gDbKoMiYI .galzoom__nav, .cc_kKHOfYr6vG_APfMi3FPHZ .galzoom__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: var(--pv-ink, #142631);
  cursor: pointer;
  line-height: 1;
}

.cc_kKHOfYr6vG_tDZMSZqGOg .galzoom__nav--prev, .cc_kKHOfYr6vG_5acwiCeh2B .galzoom__nav--prev, .cc_kKHOfYr6vG_mznwE7knlG .galzoom__nav--prev, .cc_kKHOfYr6vG_9gDbKoMiYI .galzoom__nav--prev, .cc_kKHOfYr6vG_APfMi3FPHZ .galzoom__nav--prev { left: 12px; }
.cc_kKHOfYr6vG_tDZMSZqGOg .galzoom__nav--next, .cc_kKHOfYr6vG_5acwiCeh2B .galzoom__nav--next, .cc_kKHOfYr6vG_mznwE7knlG .galzoom__nav--next, .cc_kKHOfYr6vG_9gDbKoMiYI .galzoom__nav--next, .cc_kKHOfYr6vG_APfMi3FPHZ .galzoom__nav--next { right: 12px; }

.cc_kKHOfYr6vG_tDZMSZqGOg .galzoom__nav:focus-visible, .cc_kKHOfYr6vG_5acwiCeh2B .galzoom__nav:focus-visible, .cc_kKHOfYr6vG_mznwE7knlG .galzoom__nav:focus-visible, .cc_kKHOfYr6vG_9gDbKoMiYI .galzoom__nav:focus-visible, .cc_kKHOfYr6vG_APfMi3FPHZ .galzoom__nav:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* Büyütülmüşken diğer karelere tek tıkla ulaşım. */
.cc_kKHOfYr6vG_tDZMSZqGOg .galzoom__strip, .cc_kKHOfYr6vG_5acwiCeh2B .galzoom__strip, .cc_kKHOfYr6vG_mznwE7knlG .galzoom__strip, .cc_kKHOfYr6vG_9gDbKoMiYI .galzoom__strip, .cc_kKHOfYr6vG_APfMi3FPHZ .galzoom__strip {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  display: flex;
  gap: 8px;
  max-width: min(92vw, 520px);
  overflow-x: auto;
  padding: 6px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.14);
}

.cc_kKHOfYr6vG_tDZMSZqGOg .galzoom__thumb, .cc_kKHOfYr6vG_5acwiCeh2B .galzoom__thumb, .cc_kKHOfYr6vG_mznwE7knlG .galzoom__thumb, .cc_kKHOfYr6vG_9gDbKoMiYI .galzoom__thumb, .cc_kKHOfYr6vG_APfMi3FPHZ .galzoom__thumb {
  flex: 0 0 56px;
  width: 56px;
  aspect-ratio: 1 / 1;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}

.cc_kKHOfYr6vG_tDZMSZqGOg .galzoom__thumb.on, .cc_kKHOfYr6vG_5acwiCeh2B .galzoom__thumb.on, .cc_kKHOfYr6vG_mznwE7knlG .galzoom__thumb.on, .cc_kKHOfYr6vG_9gDbKoMiYI .galzoom__thumb.on, .cc_kKHOfYr6vG_APfMi3FPHZ .galzoom__thumb.on { border-color: #fff; }

.cc_kKHOfYr6vG_tDZMSZqGOg .galzoom__thumb .play, .cc_kKHOfYr6vG_5acwiCeh2B .galzoom__thumb .play, .cc_kKHOfYr6vG_mznwE7knlG .galzoom__thumb .play, .cc_kKHOfYr6vG_9gDbKoMiYI .galzoom__thumb .play, .cc_kKHOfYr6vG_APfMi3FPHZ .galzoom__thumb .play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
}

.cc_kKHOfYr6vG_tDZMSZqGOg .galzoom__thumb, .cc_kKHOfYr6vG_5acwiCeh2B .galzoom__thumb, .cc_kKHOfYr6vG_mznwE7knlG .galzoom__thumb, .cc_kKHOfYr6vG_9gDbKoMiYI .galzoom__thumb, .cc_kKHOfYr6vG_APfMi3FPHZ .galzoom__thumb { position: relative; }

.cc_kKHOfYr6vG_tDZMSZqGOg .galzoom__thumb img, .cc_kKHOfYr6vG_5acwiCeh2B .galzoom__thumb img, .cc_kKHOfYr6vG_mznwE7knlG .galzoom__thumb img, .cc_kKHOfYr6vG_9gDbKoMiYI .galzoom__thumb img, .cc_kKHOfYr6vG_APfMi3FPHZ .galzoom__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cc_kKHOfYr6vG_tDZMSZqGOg .galzoom__thumb:focus-visible, .cc_kKHOfYr6vG_5acwiCeh2B .galzoom__thumb:focus-visible, .cc_kKHOfYr6vG_mznwE7knlG .galzoom__thumb:focus-visible, .cc_kKHOfYr6vG_9gDbKoMiYI .galzoom__thumb:focus-visible, .cc_kKHOfYr6vG_APfMi3FPHZ .galzoom__thumb:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* Şerit ve oklar görselin altına/kenarına girmesin. */
.cc_kKHOfYr6vG_tDZMSZqGOg .galzoom__img, .cc_kKHOfYr6vG_5acwiCeh2B .galzoom__img, .cc_kKHOfYr6vG_mznwE7knlG .galzoom__img, .cc_kKHOfYr6vG_9gDbKoMiYI .galzoom__img, .cc_kKHOfYr6vG_APfMi3FPHZ .galzoom__img, .cc_kKHOfYr6vG_tDZMSZqGOg .galzoom__video, .cc_kKHOfYr6vG_5acwiCeh2B .galzoom__video, .cc_kKHOfYr6vG_mznwE7knlG .galzoom__video, .cc_kKHOfYr6vG_9gDbKoMiYI .galzoom__video, .cc_kKHOfYr6vG_APfMi3FPHZ .galzoom__video {
  max-width: min(92vw, 1100px);
  max-height: 72vh;
  object-fit: contain;
  border-radius: 8px;
  cursor: default;
  /* Alttaki şeridin üstüne binmesin. */
  margin-bottom: 76px;
}


/* ─── Ölçü onay modali (O) ──────────────────────────────────────── */

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pvcconf, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pvcconf, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pvcconf, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pvcconf, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pvcconf {
  max-width: 460px;
  text-align: left;
}

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pvcconf__rows, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pvcconf__rows, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pvcconf__rows, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pvcconf__rows, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pvcconf__rows {
  margin: 14px 0 0;
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--color-background, #f7f9fa);
}

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pvcconf__row, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pvcconf__row, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pvcconf__row, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pvcconf__row, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pvcconf__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 5px 0;
}

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pvcconf__row dt, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pvcconf__row dt, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pvcconf__row dt, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pvcconf__row dt, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pvcconf__row dt {
  font-size: 0.78rem;
  color: var(--pv-muted);
}

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pvcconf__row dd, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pvcconf__row dd, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pvcconf__row dd, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pvcconf__row dd, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pvcconf__row dd {
  margin: 0;
  font-weight: 600;
  text-align: right;
  /* Uzun malzeme adı satırı taşırmasın. */
  overflow-wrap: anywhere;
}

/* Son satır fiyattır — hiyerarşide öne çıkar. */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pvcconf__row:last-child dd, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pvcconf__row:last-child dd, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pvcconf__row:last-child dd, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pvcconf__row:last-child dd, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pvcconf__row:last-child dd {
  font-family: var(--pv-head);
  font-size: 1.1rem;
  color: var(--pv-accent-ink);
}

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pvcconf__note, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pvcconf__note, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pvcconf__note, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pvcconf__note, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pvcconf__note {
  margin: 12px 0 0;
  font-size: 0.82rem;
  line-height: 1.5;
  color: var(--pv-muted);
}

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pvcconf__check, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pvcconf__check, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pvcconf__check, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pvcconf__check, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pvcconf__check {
  margin-top: 12px;
}

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pvcconf__actions, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pvcconf__actions, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pvcconf__actions, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pvcconf__actions, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pvcconf__actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 14px;
}

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pvcconf__cancel, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pvcconf__cancel, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pvcconf__cancel, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pvcconf__cancel, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pvcconf__cancel {
  appearance: none;
  border: 1px solid var(--color-border, #dce5e9);
  border-radius: 11px;
  background: transparent;
  color: var(--pv-ink);
  font: inherit;
  font-size: 0.88rem;
  padding: 10px;
  cursor: pointer;
}

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pvcconf__cancel:hover, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pvcconf__cancel:hover, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pvcconf__cancel:hover, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pvcconf__cancel:hover, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pvcconf__cancel:hover {
  background: var(--color-background, #f7f9fa);
}

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .pvcconf__ok:disabled, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .pvcconf__ok:disabled, .cc_kKHOfYr6vG_mznwE7knlG .pvck .pvcconf__ok:disabled, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .pvcconf__ok:disabled, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .pvcconf__ok:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* ─── Mobil satın alma çubuğu: izin paneliyle çakışma (V) ────────
   ÇÖZÜM CSS'TE DEĞİL: çubuk, izin paneli açıkken HİÇ RENDER EDİLMEZ.

   Önce `visibility`/`opacity` ile gizlenmeye çalışıldı; geçiş sürekli
   yeniden başlayıp hiç oturmadığı için çubuk tıklanamaz ama GÖRÜNÜR
   kalıyordu (iki CSSTransition kalıcı olarak "running", opacity 1'de
   takılı). Zorunlu bir çarpışma koruması dekoratif bir animasyona
   bırakılamaz; bu yüzden buradaki kurallar kaldırıldı. */
/* ═══════════════════════════════════════════════════════════════
   AA — ÖLÇÜLÜ GÖRSEL HİYERARŞİ (geri alınabilir)

   Bu blok TAMAMEN ek niteliktedir. Kaldırılırsa önceki görünüm
   aynen geri gelir; hiçbir mevcut kural burada düzenlenmemiştir.

   Amaç dördü ile sınırlı:
     1) adım kartlarının çerçevesi hafifler
     2) adım başlıkları güçlenir
     3) seçili durum daha okunur olur
     4) NİHAİ sipariş kartı, önündeki adımlardan bir tık öne çıkar
   ═══════════════════════════════════════════════════════════════ */

/* 1) Adım kartları: çerçeve yerine yumuşak ayrım. */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .card, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .card, .cc_kKHOfYr6vG_mznwE7knlG .pvck .card, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .card, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .card {
  border-color: color-mix(in srgb, var(--pv-line) 62%, transparent);
}

/* 2) Adım başlığı: sırayı takip etmeyi kolaylaştırır. */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .step, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .step, .cc_kKHOfYr6vG_mznwE7knlG .pvck .step, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .step, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .step {
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--pv-ink);
}

/* 3) Seçili durum: kenarlık + zemin birlikte, yalnız renk değil.
      (Yalnız renkle ayırmak renk körlüğünde kaybolur.) */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .fam[aria-pressed="true"], .cc_kKHOfYr6vG_5acwiCeh2B .pvck .fam[aria-pressed="true"], .cc_kKHOfYr6vG_mznwE7knlG .pvck .fam[aria-pressed="true"], .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .fam[aria-pressed="true"], .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .fam[aria-pressed="true"], .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .trow[aria-pressed="true"], .cc_kKHOfYr6vG_5acwiCeh2B .pvck .trow[aria-pressed="true"], .cc_kKHOfYr6vG_mznwE7knlG .pvck .trow[aria-pressed="true"], .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .trow[aria-pressed="true"], .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .trow[aria-pressed="true"], .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sw[aria-pressed="true"], .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sw[aria-pressed="true"], .cc_kKHOfYr6vG_mznwE7knlG .pvck .sw[aria-pressed="true"], .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sw[aria-pressed="true"], .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sw[aria-pressed="true"], .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .model[aria-pressed="true"], .cc_kKHOfYr6vG_5acwiCeh2B .pvck .model[aria-pressed="true"], .cc_kKHOfYr6vG_mznwE7knlG .pvck .model[aria-pressed="true"], .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .model[aria-pressed="true"], .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .model[aria-pressed="true"] {
  border-color: var(--pv-accent);
  background: color-mix(in srgb, var(--pv-accent) 7%, #fff);
  box-shadow: inset 0 0 0 1px var(--pv-accent);
}

/* 4) Nihai satın alma kartı: sayfadaki TEK birincil eylem burada. */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .cardFiyat, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .cardFiyat, .cc_kKHOfYr6vG_mznwE7knlG .pvck .cardFiyat, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .cardFiyat, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .cardFiyat {
  border-color: color-mix(in srgb, var(--pv-accent) 35%, var(--pv-line));
  box-shadow: 0 6px 24px rgba(1, 46, 74, 0.08);
}

@media (prefers-reduced-motion: reduce) {
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .fam[aria-pressed="true"], .cc_kKHOfYr6vG_5acwiCeh2B .pvck .fam[aria-pressed="true"], .cc_kKHOfYr6vG_mznwE7knlG .pvck .fam[aria-pressed="true"], .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .fam[aria-pressed="true"], .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .fam[aria-pressed="true"], .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .trow[aria-pressed="true"], .cc_kKHOfYr6vG_5acwiCeh2B .pvck .trow[aria-pressed="true"], .cc_kKHOfYr6vG_mznwE7knlG .pvck .trow[aria-pressed="true"], .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .trow[aria-pressed="true"], .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .trow[aria-pressed="true"], .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sw[aria-pressed="true"], .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sw[aria-pressed="true"], .cc_kKHOfYr6vG_mznwE7knlG .pvck .sw[aria-pressed="true"], .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sw[aria-pressed="true"], .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sw[aria-pressed="true"] { transition: none; }
}

/* Modal içi eylem satırı (F). */

/*
 * Medya seti çocukları: yalnız kendilerini kayıt defterine yazmak için
 * render edilir, sayfada GÖRÜNMEZ. `display:none` yeterlidir — mount
 * edildikleri için effect'leri yine çalışır.
 */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .galsource, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .galsource, .cc_kKHOfYr6vG_mznwE7knlG .pvck .galsource, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .galsource, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .galsource { display: none; }

/* ═══════════════════════════════════════════════════════════════
   FIX-A — ölçülebilir hizalama düzeltmeleri

   Ortak ilke: hizayı tarayıcı/font TABAN ÇİZGİSİNE bırakmak yerine
   grid + place-items ile DETERMİNİSTİK merkezleme. Baseline'a dayalı
   margin/padding hilesi yapılmaz — yazı tipi değişince yeniden kayar.
   ═══════════════════════════════════════════════════════════════ */

/* ── 4) Adet sayacı: − / sayı / + aynı optik merkezde ────────────
   Önce: butonlar 38×40, input 25px yüksekliğindeydi; glifler kendi
   taban çizgilerinde oturduğu için üçü de farklı hizadaydı. */

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .qty, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .qty, .cc_kKHOfYr6vG_mznwE7knlG .pvck .qty, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .qty, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .qty {
  /* Üç hücre de aynı yüksekliği paylaşır. */
  display: grid;
  grid-template-columns: 44px minmax(52px, auto) 44px;
  align-items: stretch;
}

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .qty button, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .qty button, .cc_kKHOfYr6vG_mznwE7knlG .pvck .qty button, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .qty button, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .qty button {
  display: grid;
  place-items: center;
  width: 100%;
  height: 44px;
  /* Glif kutunun ortasında dursun; taban çizgisi payı sıfırlanır. */
  line-height: 1;
  font-size: 1.15rem;
  padding: 0;
}

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .qty input, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .qty input, .cc_kKHOfYr6vG_mznwE7knlG .pvck .qty input, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .qty input, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .qty input {
  width: 100%;
  height: 44px;
  line-height: 1;
  /* Tarayıcının sayı okları merkezi kaydırıyordu. */
  -moz-appearance: textfield;
  appearance: textfield;
}

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .qty input::-webkit-outer-spin-button, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .qty input::-webkit-outer-spin-button, .cc_kKHOfYr6vG_mznwE7knlG .pvck .qty input::-webkit-outer-spin-button, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .qty input::-webkit-outer-spin-button, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .qty input::-webkit-outer-spin-button, .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .qty input::-webkit-inner-spin-button, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .qty input::-webkit-inner-spin-button, .cc_kKHOfYr6vG_mznwE7knlG .pvck .qty input::-webkit-inner-spin-button, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .qty input::-webkit-inner-spin-button, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .qty input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* ── 5) Modal kapatma düğmesi: üç modalde de aynı ────────────────
   Önce: 32×32 kutu, 16px glif, merkezleme yok → × sola/yukarı kaçıyordu.
   Artık tek kural; "Siparişinizi Kontrol Edin", "Kalınlıkları karşılaştır"
   ve "Farklı bir şekil mi?" aynı sınıfı kullanır. */

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .mclose, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .mclose, .cc_kKHOfYr6vG_mznwE7knlG .pvck .mclose, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .mclose, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .mclose {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  /* Glif yüksekliği kutuyu büyütmesin. */
  line-height: 1;
  font-size: 20px;
  padding: 0;
}

/* Görünen daire 40px; dokunma hedefi 44px'e genişletilir. */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .mclose::after, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .mclose::after, .cc_kKHOfYr6vG_mznwE7knlG .pvck .mclose::after, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .mclose::after, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .mclose::after {
  content: "";
  position: absolute;
  inset: -2px;
}

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .mclose:hover, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .mclose:hover, .cc_kKHOfYr6vG_mznwE7knlG .pvck .mclose:hover, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .mclose:hover, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .mclose:hover { background: #E3E9EB; }

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .mclose:focus-visible, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .mclose:focus-visible, .cc_kKHOfYr6vG_mznwE7knlG .pvck .mclose:focus-visible, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .mclose:focus-visible, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .mclose:focus-visible {
  outline: 2px solid var(--pv-accent);
  outline-offset: 2px;
}

/* ── 6) Modal başlığı kapatma düğmesine değmesin ────────────────
   Düğme 40px oldu; başlığın sağ payı ona göre büyür. */

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .modal h3, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .modal h3, .cc_kKHOfYr6vG_mznwE7knlG .pvck .modal h3, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .modal h3, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .modal h3 {
  padding-right: 58px;
}

/* ═══════════════════════════════════════════════════════════════
   SOL KOLON / GALERİ YERLEŞİMİ — kararlı genişlik, kare sahne

   Bu blok TAMAMEN ek niteliktedir; kaldırılırsa önceki davranış geri
   gelir. Çözümleyici, medya mimarisi ve iş mantığı DIŞINDADIR.
   ═══════════════════════════════════════════════════════════════ */

/* Oran ve hizalama TEMEL kuralda tanımlıdır (yukarıda). Buraya ikinci
   bir grid override KONMAZ — geçen turda öyle yapıldı ve sol sütunu
   alt sınırsız bırakıp daralttı. */

/* Önizleme kartı ve galeri AYNI dış genişliği paylaşır: ikisi de
   `.sticky` sütununun doğrudan çocuğudur, hiçbirine genişlik sınırı
   konmaz. Kural, ileride biri sınırlansa diye açıkça yazılır. */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .sticky > .card, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .sticky > .card, .cc_kKHOfYr6vG_mznwE7knlG .pvck .sticky > .card, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .sticky > .card, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .sticky > .card {
  width: 100%;
  max-width: none;
  min-width: 0;
}

/* ── 2) Ana medya sahnesi KARE ──────────────────────────────────
   Kaynak görselin oranı kartın yüksekliğini BELİRLEMEZ: dikey görsel
   sütunu uzatıyor, yatay görsel basıklaştırıyordu. Kutu 1:1, yükseklik
   genişlikten türer, içerik `cover` ile oturur. */
/*
 * `.galmain` KALDIRILDI — kartta büyük sahne yok.
 *
 * Sol sütunun yapışkan kalabilmesi için ekrana sığması gerekiyor; kart
 * içindeki büyük görsel sütunu viewport'tan taşırıyordu. Büyük görüntü
 * artık büyütme penceresinde açılır.
 */

/* ── 6) Seçim özeti okunur olsun ────────────────────────────────
   Bilgi doğruydu ama ton fazla açıktı. Fiyat baskın kalır; özet
   ikincil kalır ama okunur. Renk tokenlardan TÜRETİLİR — sabit siyah
   yazılmaz. */
.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .deskprice, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .deskprice, .cc_kKHOfYr6vG_mznwE7knlG .pvck .deskprice, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .deskprice, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .deskprice {
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
}

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .deskprice .dptxt, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .deskprice .dptxt, .cc_kKHOfYr6vG_mznwE7knlG .pvck .deskprice .dptxt, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .deskprice .dptxt, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .deskprice .dptxt { flex: 0 0 auto; }

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .dpsum, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .dpsum, .cc_kKHOfYr6vG_mznwE7knlG .pvck .dpsum, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .dpsum, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .dpsum {
  /* Fiyatla AYNI boyutta; hiyerarşi ağırlık ve renkle kurulur. */
  flex: 1 1 200px;
  margin-top: 0;
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1.35;
  color: color-mix(in srgb, var(--pv-ink) 82%, var(--pv-muted));
}

/* ─── Önizleme altlığı: fiyat │ seçim özeti ──────────────────────
   Fiyat ve özet birbirine fazla bitişikti; araya ince bir dikey
   ayırıcı girer. Renk tema sınır tokenından gelir — sabit siyah yok.

   Ayırıcı YALNIZ satırın rahat sığdığı genişliklerde görünür. Sütun
   genişliği viewport'un bilinen bir fonksiyonudur (`.wrap` en fazla
   1060px ve sütunlar yarı yarıya), bu yüzden eşik belirlenebilir:
   1024px altında satır sarabildiği için ayırıcı gizlenir ve fiyat ile
   özet alt alta, ayırıcısız durur. */

.cc_kKHOfYr6vG_tDZMSZqGOg .pvck .dpsep, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .dpsep, .cc_kKHOfYr6vG_mznwE7knlG .pvck .dpsep, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .dpsep, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .dpsep { display: none; }

@media (min-width: 1024px) {
  .cc_kKHOfYr6vG_tDZMSZqGOg .pvck .dpsep, .cc_kKHOfYr6vG_5acwiCeh2B .pvck .dpsep, .cc_kKHOfYr6vG_mznwE7knlG .pvck .dpsep, .cc_kKHOfYr6vG_9gDbKoMiYI .pvck .dpsep, .cc_kKHOfYr6vG_APfMi3FPHZ .pvck .dpsep {
    display: block;
    flex: 0 0 auto;
    width: 1px;
    height: 18px;
    background: var(--pv-line);
    /* Fiyatın taban çizgisine değil, satırın optik ortasına hizalanır. */
    align-self: center;
  }
}