@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;800;900&display=swap');

/* =========================================================================
   ZARİF · ÇARŞI DÜZENİ (zikirtesbih.com Yön 2 · Çarşı ile aynı dil)
   Açık gri zemin, beyaz kartlar, lacivert üst bar, turuncu aksiyon, kırmızı fiyat.
   Bölümler: 0 temel · 1 duyuru · 2 header · 3 arama+yongalar · 4 hero · 5 rozetler
   6 bölüm başlıkları · 7 koleksiyon · 8 ürün kartı · 9 ızgara/sekme · 10 banner
   11 kolonlar · 12 footer · 13 mobil çubuk/yan menü · 14 mobil kırılımlar
   15 iç sayfalar (mağaza/kategori)
   ========================================================================= */

/* ---------- 0. TEMEL ---------- */
:root {
  --cz-lacivert: #154a78;
  --cz-lacivert-koyu: #0f3355;
  --cz-lacivert-acik: #1f6ba8;
  --cz-turuncu: #f08c1e;
  --cz-turuncu-koyu: #d97a10;
  --cz-kirmizi: #c3261f;
  --cz-altin: #e9b85c;
  --cz-cizgi: #e2e6ec;
  --cz-metin: #1c2530;
  --cz-soluk: #6d7784;
  --cz-zemin: #f5f6f8;
  --cz-yuvarlak: 6px;
  --cz-en: 1380px;
  --cz-kenar: 20px;
  /* eski pages.css için geriye dönük adlar */
  --zr-r: 6px; --zr-primary: #154a78; --zr-primary-dark: #0f3355; --zr-primary-soft: #eaf1f8;
  --zr-accent: #f08c1e; --zr-accent-soft: #fdf1e3; --zr-line: #e2e6ec; --zr-ink: #1c2530; --zr-ink-2: #3a4653;
  --zr-white: #fff; --zr-gold: #f08c1e; --zr-gold-bright: #f08c1e; --zr-navy: #154a78; --zr-navy-deep: #0f3355; --zr-muted: #6d7784;
  --theme-color: #154a78;
}
html { scroll-behavior: smooth; }
html, body { overflow-x: hidden; max-width: 100%; }
.cz-hero-baslik, .cz-bolum-baslik h2, .cz-kolon h3, .cz-footer-kol h4, .cz-kol-yazi strong, .cz-banner-ic strong { text-transform: none !important; }
body {
  background: var(--cz-zemin) !important;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  color: var(--cz-metin) !important;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0;
}
h1, h2, h3, h4, h5, h6 { font-family: Roboto, sans-serif !important; color: var(--cz-metin); letter-spacing: -.02em; text-transform: none !important; }
a { color: inherit; text-decoration: none; transition: color .15s ease; }
a:hover { color: var(--cz-lacivert-acik); }
img { max-width: 100%; }
button { font-family: inherit; }
.cz-wrap { max-width: var(--cz-en); margin: 0 auto; padding: 0 var(--cz-kenar); }
.cz-gizli { display: none !important; }
body.cz-kilit { overflow: hidden; }

/* Çekirdek / Multikart kalıntıları: bu temada kullanılmıyor */
.mobile-nav.track-icon-list, .mobile-fix-option, #sticky-header, .zr-mobil-alt, .search-modal { display: none !important; }
.pb-section .section-inner, .pb-section .xgp_row, .pb-section .pb-column { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }

/* Ortak buton */
.cz-buton {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--cz-turuncu); color: #fff !important; border: 0; border-radius: 4px;
  font: 800 13.5px/1 Roboto, sans-serif; padding: 15px 24px; cursor: pointer; white-space: nowrap;
  transition: background .15s ease, transform .15s ease;
}
.cz-buton:hover { background: var(--cz-turuncu-koyu); color: #fff !important; }
.cz-buton--cerceve { background: #fff; color: var(--cz-lacivert) !important; border: 1.5px solid var(--cz-lacivert); padding: 13px 26px; border-radius: 999px; }
.cz-buton--cerceve:hover { background: var(--cz-lacivert); color: #fff !important; }

/* ---------- 1. DUYURU ŞERİDİ ---------- */
.cz-duyuru { background: var(--cz-lacivert-koyu); color: #cfe2f2; height: 36px; overflow: hidden; font: 500 12.5px/36px Roboto, sans-serif; letter-spacing: .01em; }
.cz-duyuru-ic { display: flex; width: max-content; animation: cz-kay 45s linear infinite; }
.cz-duyuru-ic:hover { animation-play-state: paused; }
.cz-duyuru-grup { display: flex; white-space: nowrap; }
.cz-duyuru-oge { padding: 0 22px; }
.cz-duyuru-nokta { color: #6f9ec9; }
@keyframes cz-kay { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ---------- 2. HEADER ---------- */
.cz-header { background: var(--cz-lacivert); color: #fff; position: relative; z-index: 90; }
.cz-header-ic { display: flex; align-items: center; gap: 28px; min-height: 108px; }
.cz-marka { flex: none; display: inline-flex; align-items: center; }
.cz-marka img { height: 92px !important; max-height: none !important; max-width: none !important; width: auto !important; display: block; filter: brightness(0) invert(1); }
.cz-burger { display: none; }

.cz-menu { flex: 1; min-width: 0; }
.cz-menu > ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; gap: 2px; flex-wrap: nowrap; white-space: nowrap; }
.cz-menu > ul > li { position: relative; }
.cz-menu > ul > li > a { display: block; padding: 12px 16px; color: #fff; font: 700 15px/1.2 Roboto, sans-serif; border-radius: 4px; }
.cz-menu > ul > li > a:hover { color: var(--cz-altin); }
.cz-menu > ul > li.cz-var-alt > a::after { content: ""; display: inline-block; width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin: 0 0 3px 8px; opacity: .8; }
.cz-alt {
  position: absolute; top: 100%; left: 0; min-width: 240px; background: #fff; color: var(--cz-metin);
  list-style: none; margin: 0; padding: 8px 0; border-radius: var(--cz-yuvarlak); border: 1px solid var(--cz-cizgi);
  box-shadow: 0 12px 30px rgba(15, 51, 85, .18); opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s; z-index: 95;
}
.cz-menu > ul > li:hover > .cz-alt { opacity: 1; visibility: visible; transform: translateY(0); }
.cz-alt li a { display: block; padding: 10px 18px; font: 500 14px/1.3 Roboto, sans-serif; color: var(--cz-metin); }
.cz-alt li a:hover { background: #f2f6fa; color: var(--cz-lacivert); }
.cz-alt .cz-alt-tumu a { color: var(--cz-turuncu); font-weight: 700; border-top: 1px solid var(--cz-cizgi); margin-top: 6px; }

.cz-eylemler { display: flex; align-items: center; gap: 4px; flex: none; }
.cz-eylem { display: inline-flex; align-items: center; gap: 10px; color: #fff; padding: 8px 10px; border-radius: 4px; position: relative; }
.cz-eylem:hover { color: var(--cz-altin); }
.cz-eylem i { font-size: 24px; line-height: 1; }
.cz-eylem-yazi { display: flex; flex-direction: column; line-height: 1.15; white-space: nowrap; }
.cz-eylem-yazi small { font-size: 11px; opacity: .8; }
.cz-eylem-yazi b { font-size: 13.5px; font-weight: 700; }
.cz-eylem-hesap { border-right: 1px solid rgba(255,255,255,.22); padding-right: 16px; margin-right: 6px; }
.cz-rozet { position: absolute; top: 2px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--cz-turuncu); color: #fff; font: 800 10.5px/18px Roboto, sans-serif; text-align: center; }

/* ---------- 3. ARAMA BANDI + YONGALAR ---------- */
.cz-arama-bant { background: var(--cz-lacivert); padding: 4px 0 20px; }
.cz-arama {
  display: flex; align-items: center; gap: 10px; max-width: 760px; margin: 0 auto; background: #fff;
  border-radius: var(--cz-yuvarlak); height: 50px; padding: 0 8px 0 16px; box-shadow: 0 6px 18px rgba(15, 51, 85, .18);
}
.cz-arama i { color: var(--cz-soluk); font-size: 20px; flex: none; }
.cz-arama-girdi { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font: 400 15px Roboto, sans-serif; color: var(--cz-metin); height: 100%; }
.cz-arama-girdi::placeholder { color: #9aa5b2; }
.cz-arama-girdi::-webkit-search-cancel-button { -webkit-appearance: none; }
.cz-arama-buton { flex: none; background: var(--cz-turuncu); color: #fff; border: 0; border-radius: 4px; height: 36px; padding: 0 20px; font: 700 14px Roboto, sans-serif; cursor: pointer; }
.cz-arama-buton:hover { background: var(--cz-turuncu-koyu); }

.cz-yongalar { background: #fff; border-bottom: 1px solid var(--cz-cizgi); }
.cz-yongalar-ic { display: flex; justify-content: center; gap: 8px; padding: 12px var(--cz-kenar); overflow-x: auto; scrollbar-width: none; }
.cz-yongalar-ic::-webkit-scrollbar { display: none; }
.cz-yonga { flex: none; display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border: 1px solid var(--cz-cizgi); border-radius: 4px; background: #f7f8fa; color: var(--cz-metin); font: 600 13px Roboto, sans-serif; white-space: nowrap; }
.cz-yonga:hover { border-color: #c9d3de; color: var(--cz-lacivert); background: #fff; }
.cz-yonga.cz-secili { background: #fdf1e3; border-color: var(--cz-turuncu); color: var(--cz-turuncu-koyu); }

/* ---------- 4. HERO ---------- */
.cz-hero-bolum { padding: 18px 0 0; }
.cz-hero { position: relative; border-radius: var(--cz-yuvarlak); overflow: hidden; background: #0b1b2b; }
.cz-hero-slayt {
  position: absolute; inset: 0; display: flex; align-items: center;
  background-size: cover; background-position: center right; opacity: 0; transition: opacity .6s ease; pointer-events: none;
}
.cz-hero-slayt.cz-aktif { opacity: 1; pointer-events: auto; position: relative; }
.cz-hero-slayt { min-height: 520px; }
.cz-hero-slayt::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 20, 34, .88) 0%, rgba(8, 20, 34, .72) 38%, rgba(8, 20, 34, .18) 70%, rgba(8, 20, 34, .05) 100%); }
.cz-hero-ic { position: relative; z-index: 1; padding: 64px 80px; max-width: 720px; min-width: 0; color: #fff; }
.cz-hero-rozet { display: inline-block; border: 1px solid rgba(255,255,255,.55); border-radius: 999px; padding: 8px 16px; font: 700 12px/1 Roboto, sans-serif; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 22px; }
.cz-hero-baslik { font: 800 52px/1.1 Roboto, sans-serif !important; color: #fff !important; margin: 0 0 18px; letter-spacing: -.02em; text-transform: none; }
.cz-hero-baslik span, .cz-hero-baslik .zr-gold-text { color: var(--cz-altin) !important; -webkit-text-fill-color: var(--cz-altin); background: none; font: inherit !important; display: inline !important; text-transform: none !important; }
.cz-hero-metin { font: 400 17px/1.55 Roboto, sans-serif; color: #e6edf5; margin: 0 0 28px; max-width: 560px; }
.cz-hero-butonlar { display: flex; gap: 12px; flex-wrap: wrap; }
.cz-hero-ok { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 44px; height: 44px; border-radius: 50%; border: 0; background: rgba(255,255,255,.92); color: var(--cz-metin); font-size: 24px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.25); }
.cz-hero-onceki { left: 20px; } .cz-hero-sonraki { right: 20px; }
.cz-hero-ok:hover { background: #fff; }
.cz-hero-noktalar { position: absolute; left: 0; right: 0; bottom: 18px; z-index: 2; display: flex; justify-content: center; gap: 8px; }
.cz-hero-noktalar button { width: 10px; height: 10px; border-radius: 999px; border: 0; background: rgba(255,255,255,.45); padding: 0; cursor: pointer; transition: all .2s; }
.cz-hero-noktalar button.cz-aktif { width: 28px; background: var(--cz-altin); }

/* Yan bannerlar (isteğe bağlı) */
.cz-yan-bolum { padding: 18px 0 0; }
.cz-yan-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.cz-yan-kart { position: relative; display: block; min-height: 200px; border-radius: var(--cz-yuvarlak); overflow: hidden; background: #0b1b2b center/cover no-repeat; color: #fff; }
.cz-yan-kart::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,20,34,.85), rgba(8,20,34,.15)); }
.cz-yan-govde { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 6px; padding: 30px 32px; }
.cz-yan-govde strong { font-size: 24px; font-weight: 800; }
.cz-yan-govde small { font-size: 14px; color: #dbe6f0; }

/* ---------- 5. GÜVEN ROZETLERİ ---------- */
.cz-rozetler-bolum { padding: 18px 0 0; }
.cz-rozetler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--cz-cizgi); border: 1px solid var(--cz-cizgi); border-radius: var(--cz-yuvarlak); overflow: hidden; }
.cz-rozet-kart { background: #fff; min-width: 0; display: flex; align-items: center; gap: 12px; padding: 16px 18px; }
.cz-rozet-kart i { font-size: 26px; color: var(--cz-lacivert-acik); flex: none; }
.cz-rozet-metin strong { display: block; font-size: 13px; line-height: 1.3; color: var(--cz-metin); }
.cz-rozet-metin small { font-size: 11.5px; color: var(--cz-soluk); }

/* ---------- 6. BÖLÜM BAŞLIKLARI ---------- */
.cz-bolum { padding: 44px 0 0; }
.cz-bolum-baslik { margin: 0 0 18px; }
.cz-bolum-baslik h2 { font: 800 28px/1.2 Roboto, sans-serif !important; margin: 0; color: var(--cz-metin) !important; text-align: left; text-transform: none !important; letter-spacing: -.02em !important; }
.cz-bolum-baslik p { margin: 6px 0 0; color: var(--cz-soluk); font-size: 14px; }
.cz-bolum-baslik--satir { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.cz-bolum-alt { text-align: center; margin-top: 26px; }

/* ---------- 7. KOLEKSİYON KARTLARI ---------- */
.cz-koleksiyon { display: grid; gap: 14px; }
.cz-kol-kart { position: relative; display: block; border-radius: var(--cz-yuvarlak); overflow: hidden; background: #ddd; aspect-ratio: 1 / 1; border: 1px solid var(--cz-cizgi); }
.cz-kol-kart img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.cz-kol-kart:hover img { transform: scale(1.04); }
.cz-kol-kart::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.72) 100%); }
.cz-kol-yazi { position: absolute; left: 22px; bottom: 20px; z-index: 1; color: #fff; }
.cz-kol-yazi strong { display: block; font: 800 22px/1.2 Roboto, sans-serif; text-shadow: 0 2px 8px rgba(0,0,0,.4); }
.cz-kol-yazi i { display: block; width: 36px; height: 3px; background: var(--cz-altin); margin-top: 10px; border-radius: 2px; }
.cz-kol-buyuk { aspect-ratio: 1 / 1; }
/* 1 büyük (sol, 2 satır) + 4 küçük (sağ, 2x2) */
.cz-koleksiyon { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 1fr; }
.cz-koleksiyon > .cz-kol-buyuk { grid-column: 1 / 3; grid-row: 1 / 3; }
.cz-koleksiyon > .cz-kol-kart:not(.cz-kol-buyuk) { grid-column: auto; aspect-ratio: 1 / 1; }
.cz-koleksiyon > .cz-kol-kart:not(.cz-kol-buyuk):nth-of-type(2) { grid-column: 3; grid-row: 1; }
.cz-koleksiyon > .cz-kol-kart:not(.cz-kol-buyuk):nth-of-type(3) { grid-column: 4; grid-row: 1; }
.cz-koleksiyon > .cz-kol-kart:not(.cz-kol-buyuk):nth-of-type(4) { grid-column: 3; grid-row: 2; }
.cz-koleksiyon > .cz-kol-kart:not(.cz-kol-buyuk):nth-of-type(5) { grid-column: 4; grid-row: 2; }
.cz-koleksiyon > .cz-kol-kart:not(.cz-kol-buyuk) .cz-kol-yazi strong { font-size: 18px; }

/* ---------- 8. ÜRÜN KARTI ---------- */
.cz-kart { position: relative; background: #fff; border: 1px solid var(--cz-cizgi); border-radius: var(--cz-yuvarlak); overflow: hidden; display: flex; flex-direction: column; transition: border-color .15s, box-shadow .15s; }
.cz-kart:hover { border-color: #c9d3de; box-shadow: 0 4px 14px rgba(16, 32, 50, .10); }
.cz-kart-gorsel { display: block; position: relative; aspect-ratio: 1 / 1; background: #f3f4f6; overflow: hidden; }
.cz-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.cz-kart:hover .cz-kart-gorsel img { transform: scale(1.03); }
.cz-etiket { position: absolute; top: 10px; left: 10px; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; padding: 5px 9px; border-radius: 3px; color: #fff; font: 800 12px/1 Roboto, sans-serif; }
.cz-etiket small { display: block; font-size: 9px; font-weight: 600; opacity: .9; margin-top: 2px; letter-spacing: .02em; }
.cz-etiket-indirim { background: var(--cz-kirmizi); }
.cz-etiket-tukendi { background: #6d7784; }
.cz-kart-favori { position: absolute; top: 10px; right: 10px; z-index: 2; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--cz-cizgi); background: #fff; color: #5a6673; font-size: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; transition: color .15s, transform .15s; }
.cz-kart-favori:hover { color: var(--cz-kirmizi); transform: scale(1.08); }
.cz-kart-govde { display: flex; flex-direction: column; gap: 9px; padding: 12px 12px 12px; flex: 1; }
.cz-kart-baslik { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font: 500 13.5px/1.35 Roboto, sans-serif; color: #33404f; min-height: calc(1em * 1.35 * 3); }
.cz-kart-baslik:hover { color: var(--cz-lacivert); }
.cz-renk { display: inline-flex; align-items: center; gap: 7px; height: 26px; padding: 0 10px 0 6px; border: 1px solid var(--cz-cizgi); border-radius: 999px; background: #f7f8fa; font: 500 12px Roboto, sans-serif; color: var(--cz-metin); width: fit-content; max-width: 100%; }
.cz-renk i { width: 14px; height: 14px; border-radius: 50%; border: 1px solid rgba(0,0,0,.15); flex: none; }
.cz-renk em { font-style: normal; color: var(--cz-soluk); margin-left: 2px; }
.cz-fiyat { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-top: auto; }
.cz-fiyat b { font: 800 18px/1 Roboto, sans-serif; color: var(--cz-kirmizi); }
.cz-fiyat del { font: 500 13px/1 Roboto, sans-serif; color: #8c96a3; }
.cz-fiyat--kucuk b { font-size: 15px; } .cz-fiyat--kucuk del { font-size: 12px; }
.cz-kart-buton { display: block; width: 100%; background: var(--cz-turuncu); color: #fff !important; text-align: center; font: 800 12.5px/1 Roboto, sans-serif; padding: 13px 10px; border-radius: 4px; transition: background .15s; }
.cz-kart-buton:hover { background: var(--cz-turuncu-koyu); }
.cz-kart-buton--tukendi { background: #eef1f5; color: #8c96a3 !important; pointer-events: none; }

/* ---------- 9. IZGARA & SEKMELER ---------- */
.cz-izgara { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.cz-sekmeler { display: flex; gap: 8px; flex-wrap: wrap; }
.cz-sekme { height: 36px; padding: 0 16px; border: 1px solid var(--cz-cizgi); border-radius: 999px; background: #fff; color: var(--cz-metin); font: 600 13px Roboto, sans-serif; cursor: pointer; transition: all .15s; }
.cz-sekme:hover { border-color: #c9d3de; }
.cz-sekme.cz-aktif { background: var(--cz-lacivert); border-color: var(--cz-lacivert); color: #fff; }
.tab-pane .cz-izgara { animation: cz-gorun .3s ease; }
@keyframes cz-gorun { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* ---------- 10. BANNER ---------- */
.cz-banner-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.cz-banner { position: relative; display: block; min-height: 240px; border-radius: var(--cz-yuvarlak); overflow: hidden; background: #0b1b2b center/cover no-repeat; color: #fff; }
.cz-banner::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,20,34,.88) 0%, rgba(8,20,34,.35) 60%, rgba(8,20,34,.05) 100%); }
.cz-banner-ic { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 34px 36px; max-width: 420px; }
.cz-banner-ic small { font: 700 11.5px/1 Roboto, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--cz-altin); }
.cz-banner-ic strong { font: 800 26px/1.2 Roboto, sans-serif; }
.cz-banner-ic .cz-buton { padding: 12px 20px; margin-top: 6px; }

/* ---------- 11. KOLONLAR ---------- */
.cz-kolonlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.cz-kolon { background: #fff; border: 1px solid var(--cz-cizgi); border-radius: var(--cz-yuvarlak); padding: 18px; }
.cz-kolon h3 { font: 800 17px/1.2 Roboto, sans-serif !important; margin: 0 0 14px; padding-bottom: 12px; border-bottom: 2px solid var(--cz-cizgi); }
.cz-kolon ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.cz-kolon li { display: flex; gap: 12px; align-items: center; }
.cz-kolon-gorsel { flex: none; width: 64px; height: 64px; border-radius: 4px; overflow: hidden; border: 1px solid var(--cz-cizgi); background: #f3f4f6; }
.cz-kolon-gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cz-kolon-bilgi { min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.cz-kolon-ad { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font: 500 13px/1.35 Roboto, sans-serif; color: #33404f; }

/* ---------- 12. FOOTER ---------- */
.cz-footer { background: #fff; border-top: 1px solid var(--cz-cizgi); margin-top: 56px; }
.cz-footer-izgara { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr); gap: 36px; padding: 44px var(--cz-kenar) 36px; }
.cz-footer-marka img { height: 72px !important; max-height: none !important; max-width: none !important; width: auto !important; }
.cz-footer-marka p { font-size: 13.5px; line-height: 1.6; color: var(--cz-soluk); margin: 14px 0 16px; }
.cz-footer-iletisim { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; font-size: 13.5px; }
.cz-footer-iletisim li { display: flex; gap: 10px; align-items: flex-start; color: var(--cz-metin); }
.cz-footer-iletisim i { color: var(--cz-lacivert-acik); font-size: 17px; flex: none; margin-top: 1px; }
.cz-footer-sosyal { display: flex; align-items: center; gap: 10px; margin-top: 18px; flex-wrap: wrap; }
.cz-footer-sosyal > a:not(.cz-footer-wa) { width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--cz-cizgi); display: inline-flex; align-items: center; justify-content: center; color: var(--cz-metin); font-size: 17px; }
.cz-footer-sosyal > a:not(.cz-footer-wa):hover { border-color: var(--cz-lacivert); color: var(--cz-lacivert); }
.cz-footer-wa { display: inline-flex; align-items: center; gap: 8px; background: #25d366; color: #fff !important; border-radius: 999px; padding: 10px 16px; font: 700 13px Roboto, sans-serif; }
.cz-footer-wa i { font-size: 18px; }
.cz-footer-kol h4 { font: 800 15px/1.2 Roboto, sans-serif !important; margin: 0 0 16px; color: var(--cz-metin); }
.cz-footer-kol ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.cz-footer-kol ul a { font-size: 13.5px; color: #3a4653; }
.cz-footer-kol ul a:hover { color: var(--cz-lacivert-acik); }
.cz-footer-bulten-baslik { margin-top: 22px !important; }
.cz-footer .cz-bulten, .cz-footer form { display: flex; gap: 6px; flex-wrap: wrap; }
.cz-footer form input[type="email"], .cz-footer form input[type="text"] { flex: 1; min-width: 0; height: 42px; border: 1px solid var(--cz-cizgi); border-radius: 4px; padding: 0 12px; font: 400 13.5px Roboto, sans-serif; }
.cz-footer form button, .cz-footer form input[type="submit"] { height: 42px; border: 0; border-radius: 4px; background: var(--cz-turuncu); color: #fff; font: 700 13px Roboto, sans-serif; padding: 0 16px; cursor: pointer; }
.cz-footer-alt { background: var(--cz-lacivert-koyu); color: #cfe2f2; font-size: 12.5px; }
.cz-footer-alt-ic { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px var(--cz-kenar); flex-wrap: wrap; }
.cz-footer-alt p { margin: 0; color: #cfe2f2; }
.cz-footer-alt a { color: #fff; }
.cz-footer-odeme { display: flex; align-items: center; gap: 6px; }
.cz-footer-odeme i { font-size: 16px; }

/* ---------- 13. MOBİL ÇUBUK · YAN MENÜ · SHEET · WHATSAPP ---------- */
.cz-mcubuk, .cz-sheet, .cz-offcanvas, .cz-perde { display: none; }
.cz-wa { position: fixed; right: 18px; bottom: 22px; z-index: 80; display: inline-flex; align-items: center; gap: 8px; background: #25d366; color: #fff !important; border-radius: 999px; padding: 12px 18px 12px 14px; font: 700 13.5px Roboto, sans-serif; box-shadow: 0 8px 22px rgba(37, 211, 102, .4); }
.cz-wa i { font-size: 22px; }
.cz-wa:hover { background: #1fb955; }
.back-to-top, .tap-top, #back-to-top { display: none !important; }

/* ---------- 14. MOBİL KIRILIMLAR ---------- */
@media (max-width: 1400px) {
  .cz-marka img { height: 80px !important; }
  .cz-header-ic { gap: 18px; }
  .cz-menu > ul > li > a { padding: 10px 11px; font-size: 14px; }
  .cz-eylem-hesap { padding-right: 10px; margin-right: 2px; }
  .cz-eylem-yazi b { font-size: 13px; }
}
@media (max-width: 1200px) {
  .cz-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .cz-marka img { height: 70px !important; }
  .cz-menu > ul > li > a { padding: 10px 8px; font-size: 13.5px; }
  .cz-eylem-yazi { display: none; }
  .cz-eylem-hesap { border-right: 0; }
  .cz-hero-baslik { font-size: 42px; }
}
@media (max-width: 991px) {
  :root { --cz-kenar: 14px; }
  .cz-duyuru { height: 32px; font-size: 12px; line-height: 32px; }
  .cz-header-ic { min-height: 74px; gap: 12px; }
  .cz-marka { margin-right: auto; }
  .cz-marka img { height: 64px !important; }
  .cz-menu, .cz-eylem-hesap { display: none; }
  .cz-burger { display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 40px; height: 40px; background: transparent; border: 0; padding: 0; order: 10; cursor: pointer; }
  .cz-burger span { display: block; height: 2px; width: 26px; background: #fff; border-radius: 2px; margin: 0 auto; transition: transform .2s, opacity .2s; }
  .cz-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .cz-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .cz-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .cz-eylemler { order: 5; gap: 0; }
  .cz-eylem { padding: 6px 6px; }
  .cz-eylem i { font-size: 22px; }
  .cz-arama-bant { padding: 0 0 14px; }
  .cz-arama { height: 44px; padding-left: 12px; }
  .cz-arama-buton { height: 32px; padding: 0 14px; font-size: 12.5px; }
  .cz-yongalar-ic { justify-content: flex-start; padding: 10px var(--cz-kenar); }

  .cz-hero-bolum { padding-top: 12px; }
  .cz-hero { min-height: 0; }
  .cz-hero-slayt { align-items: flex-end; background-position: center; min-height: 520px; }
  .cz-hero-slayt::before { background: linear-gradient(180deg, rgba(8,20,34,.15) 0%, rgba(8,20,34,.55) 40%, rgba(8,20,34,.92) 100%); }
  .cz-hero-ic { padding: 30px 22px 28px; max-width: none; width: 100%; }
  .cz-hero-rozet { margin-bottom: 14px; padding: 7px 13px; font-size: 11px; }
  .cz-hero-baslik { font-size: 25px; line-height: 1.15; margin-bottom: 12px; }
  .cz-hero-metin { font-size: 13.5px; line-height: 1.5; margin-bottom: 18px; }
  .cz-hero-butonlar { flex-direction: column; gap: 10px; }
  .cz-hero-butonlar .cz-buton { width: 100%; padding: 15px 18px; }
  .cz-hero-ok { display: none; }
  .cz-hero-noktalar { bottom: 10px; }

  .cz-yan-izgara { grid-template-columns: 1fr; gap: 12px; }
  .cz-rozetler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cz-rozet-kart { padding: 13px 12px; gap: 9px; align-items: flex-start; }
  .cz-rozet-kart i { font-size: 22px; }
  .cz-rozet-metin strong { font-size: 12.5px; }
  .cz-rozet-metin small { font-size: 11px; }

  .cz-bolum { padding-top: 34px; }
  .cz-bolum-baslik h2 { font-size: 22px; }
  .cz-bolum-baslik--satir { flex-direction: column; align-items: flex-start; gap: 12px; }
  .cz-sekmeler { flex-wrap: nowrap; overflow-x: auto; width: 100%; scrollbar-width: none; padding-bottom: 2px; }
  .cz-sekmeler::-webkit-scrollbar { display: none; }
  .cz-sekme { flex: none; }

  .cz-koleksiyon { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: auto; gap: 10px; }
  .cz-koleksiyon > .cz-kol-buyuk { grid-column: 1 / 3; grid-row: 1; aspect-ratio: 16 / 10; }
  .cz-koleksiyon > .cz-kol-kart:not(.cz-kol-buyuk) { grid-column: auto !important; grid-row: auto !important; aspect-ratio: 1 / 1; }
  .cz-kol-yazi { left: 14px; bottom: 12px; }
  .cz-kol-yazi strong { font-size: 18px; }
  .cz-koleksiyon > .cz-kol-kart:not(.cz-kol-buyuk) .cz-kol-yazi strong { font-size: 15px; }

  .cz-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .cz-kart-govde { padding: 10px; gap: 8px; }
  .cz-kart-baslik { font-size: 12.5px; }
  .cz-fiyat b { font-size: 16px; }
  .cz-fiyat { flex-direction: column; align-items: flex-start; gap: 3px; }
  .cz-etiket { font-size: 11px; padding: 4px 7px; }
  .cz-kart-favori { width: 30px; height: 30px; font-size: 16px; }

  .cz-banner-izgara { grid-template-columns: 1fr; gap: 10px; }
  .cz-banner { min-height: 190px; }
  .cz-banner-ic { padding: 24px 20px; }
  .cz-banner-ic strong { font-size: 21px; }
  .cz-kolonlar { grid-template-columns: minmax(0, 1fr); gap: 10px; }

  .cz-footer { margin-top: 40px; }
  .cz-footer-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 18px; padding: 30px var(--cz-kenar) 26px; }
  .cz-footer-marka { grid-column: 1 / 3; }
  .cz-footer-alt-ic { flex-direction: column; align-items: flex-start; gap: 8px; }

  /* Alt çubuk */
  body { padding-bottom: calc(62px + env(safe-area-inset-bottom)) !important; }
  .cz-mcubuk { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); position: fixed; left: 0; right: 0; bottom: 0; z-index: 85; background: #fff; border-top: 1px solid var(--cz-cizgi); box-shadow: 0 -2px 12px rgba(16, 32, 50, .07); padding-bottom: env(safe-area-inset-bottom); }
  .cz-mcubuk-oge { position: relative; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 60px; padding: 8px 4px; border: 0; background: transparent; color: #5a6673 !important; font: 600 10.5px/1.2 Roboto, sans-serif; text-decoration: none; cursor: pointer; }
  .cz-mcubuk-oge i { font-size: 23px; line-height: 1; }
  .cz-mcubuk-oge.cz-aktif, .cz-mcubuk-oge:active { color: var(--cz-turuncu) !important; }
  .cz-mcubuk-rozet { position: absolute; top: 5px; left: calc(50% + 4px); min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px; background: var(--cz-turuncu); color: #fff; font: 800 10px/17px Roboto, sans-serif; text-align: center; box-shadow: 0 0 0 2px #fff; }
  .cz-wa { bottom: calc(74px + env(safe-area-inset-bottom)); right: 14px; padding: 12px; }
  .cz-wa span { display: none; }

  /* Perde, yan menü, sheet */
  .cz-perde { display: block; position: fixed; inset: 0; background: rgba(8, 20, 34, .55); z-index: 95; }
  .cz-perde[hidden] { display: none; }
  .cz-offcanvas { display: block; position: fixed; top: 0; bottom: 0; left: 0; width: min(320px, 86vw); background: #fff; z-index: 100; transform: translateX(-100%); transition: transform .25s ease; overflow-y: auto; }
  .cz-offcanvas.cz-acik { transform: none; }
  .cz-offcanvas-ust { display: flex; align-items: center; justify-content: space-between; background: var(--cz-lacivert); padding: 12px 14px; }
  .cz-offcanvas-ust img { height: 52px !important; max-height: none !important; width: auto !important; filter: brightness(0) invert(1); }
  .cz-kapat { width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(255,255,255,.15); color: #fff; font-size: 26px; line-height: 1; cursor: pointer; }
  .cz-offcanvas-liste { list-style: none; margin: 0; padding: 8px 0; }
  .cz-offcanvas-liste li, .cz-sheet-liste li { display: block !important; float: none !important; width: auto !important; }
  .cz-offcanvas-liste > li > a { display: block; padding: 13px 18px; font: 700 14.5px Roboto, sans-serif; color: var(--cz-metin); border-bottom: 1px solid #f0f2f5; }
  .cz-offcanvas-liste ul { list-style: none; margin: 0; padding: 0 0 6px; background: #f7f8fa; }
  .cz-offcanvas-liste ul a { display: block; padding: 10px 18px 10px 32px; font-size: 13.5px; color: #3a4653; }
  .cz-sheet { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; background: #fff; border-radius: 14px 14px 0 0; max-height: 78vh; overflow-y: auto; padding-bottom: calc(70px + env(safe-area-inset-bottom)); box-shadow: 0 -8px 30px rgba(0,0,0,.2); }
  .cz-sheet[hidden] { display: none; }
  .cz-sheet-ust { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--cz-cizgi); font-size: 16px; position: sticky; top: 0; background: #fff; }
  .cz-sheet-ust .cz-kapat { background: #f0f2f5; color: var(--cz-metin); }
  .cz-sheet-liste { list-style: none; margin: 0; padding: 6px 0; }
  .cz-sheet-liste > li > a { display: block; padding: 12px 18px; font: 700 14.5px Roboto, sans-serif; color: var(--cz-metin); }
  .cz-sheet-tumu { color: var(--cz-lacivert) !important; }
  .cz-sheet-liste ul { list-style: none; margin: 0; padding: 0 0 6px; }
  .cz-sheet-liste ul a { display: block; padding: 9px 18px 9px 34px; font-size: 13.5px; color: #3a4653; }
}
@media (max-width: 480px) {
  .cz-hero-slayt { min-height: 480px; }
  .cz-hero-baslik { font-size: 23px; }
  .cz-footer-izgara { grid-template-columns: minmax(0, 1fr); }
  .cz-footer-marka { grid-column: auto; }
}

/* ---------- 15. İÇ SAYFA ORTAK: şablonlardaki eski --zr-* değişkenleri Çarşı paletine bağlanır ---------- */
:root {
  --zr-dark: #1c2530; --zr-muted: #6d7784; --zr-border: #e2e6ec; --zr-surface: #f5f6f8;
  --zr-green: #f08c1e; --zr-green-dark: #d97a10; --zr-orange: #f08c1e; --zr-red: #c3261f; --zr-blue: #154a78;
}
/* Sayfa başlığı şeridi: beyaz, sade */
.zr-page-banner { background: #fff !important; border-bottom: 1px solid var(--cz-cizgi); padding: 16px 0 !important; margin: 0 0 22px !important; }
.zr-page-banner h1, .zr-page-title { font: 800 22px/1.2 Roboto, sans-serif !important; color: var(--cz-metin) !important; margin: 0 0 4px !important; text-transform: none !important; }
.zr-page-desc { font-size: 13px !important; color: var(--cz-soluk) !important; margin: 0 !important; }
.zr-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 12.5px; color: var(--cz-soluk); }
.zr-breadcrumb a { color: var(--cz-soluk); } .zr-breadcrumb a:hover { color: var(--cz-lacivert); }
.zr-breadcrumb .sep { color: #b3bcc7; } .zr-breadcrumb .current { color: var(--cz-metin); font-weight: 700; }
.cz-kirinti { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 12.5px; color: var(--cz-soluk); padding: 16px 0 14px; }
.cz-kirinti a { color: var(--cz-soluk); } .cz-kirinti a:hover { color: var(--cz-lacivert); }
.cz-kirinti span { color: #b3bcc7; } .cz-kirinti strong { color: var(--cz-metin); font-weight: 600; }

/* Form öğeleri */
.zr-label, .zr-dash-label { display: block; font: 700 12.5px/1.3 Roboto, sans-serif; color: var(--cz-metin); margin-bottom: 6px; }
.zr-required { color: var(--cz-kirmizi); }
.zr-input, .zr-select, .zr-dash-input, .zr-textarea { width: 100%; height: 46px; border: 1px solid var(--cz-cizgi); border-radius: 4px; background: #fff; padding: 0 14px; font: 400 14px Roboto, sans-serif; color: var(--cz-metin); outline: 0; transition: border-color .15s, box-shadow .15s; }
textarea.zr-input { height: auto; padding: 12px 14px; }
.zr-input:focus, .zr-select:focus, .zr-dash-input:focus { border-color: var(--cz-lacivert-acik); box-shadow: 0 0 0 3px rgba(31, 107, 168, .12); }
.zr-input-wrap { position: relative; }
.zr-input-eye { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border: 0; background: transparent; color: var(--cz-soluk); font-size: 18px; cursor: pointer; }
.zr-form-group { margin-bottom: 16px; }
.zr-form-card { background: #fff; border: 1px solid var(--cz-cizgi); border-radius: var(--cz-yuvarlak); padding: 22px; margin-bottom: 18px; }
.zr-form-section-title { display: flex; align-items: center; gap: 8px; font: 800 15px Roboto, sans-serif; color: var(--cz-metin); margin: 0 0 16px; padding-bottom: 12px; border-bottom: 1px solid var(--cz-cizgi); }
.zr-form-section-title i { color: var(--cz-lacivert-acik); font-size: 18px; }
.zr-remember-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 4px 0 18px; font-size: 13px; }
.zr-remember-label { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.zr-forgot { color: var(--cz-lacivert-acik); font-weight: 600; }
input[type="checkbox"] { accent-color: var(--cz-turuncu); }

/* Butonlar */
.zr-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; padding: 0 22px; border: 1px solid transparent; border-radius: 4px; font: 800 14px Roboto, sans-serif; cursor: pointer; transition: background .15s, color .15s; text-decoration: none !important; white-space: nowrap; }
.zr-btn-green { background: var(--cz-turuncu); color: #fff !important; }
.zr-btn-green:hover { background: var(--cz-turuncu-koyu); color: #fff !important; }
.zr-btn-outline { background: #fff; color: var(--cz-lacivert) !important; border-color: var(--cz-lacivert); }
.zr-btn-outline:hover { background: var(--cz-lacivert); color: #fff !important; }
.zr-btn-sm { height: 38px; padding: 0 14px; font-size: 13px; }
.zr-icon-btn { display: inline-flex; align-items: center; gap: 6px; color: var(--cz-soluk); font: 600 13px Roboto, sans-serif; }
.zr-icon-btn:hover { color: var(--cz-lacivert); }
.zr-icon-btn i { font-size: 18px; }

/* Üyelik kartı */
.zr-auth-card { background: #fff; border: 1px solid var(--cz-cizgi); border-radius: var(--cz-yuvarlak); padding: 30px 28px; }
.zr-auth-header { text-align: center; margin-bottom: 22px; }
.zr-auth-logo, .zr-auth-header img { max-height: 60px; width: auto; }
.zr-auth-title { font: 800 22px/1.2 Roboto, sans-serif !important; margin: 14px 0 6px; text-transform: none !important; }
.zr-auth-sub { color: var(--cz-soluk); font-size: 13.5px; margin: 0; }
.zr-auth-switch { text-align: center; margin: 18px 0 0; font-size: 13.5px; color: var(--cz-soluk); }
.zr-auth-switch a { color: var(--cz-turuncu-koyu); font-weight: 700; }

/* Sepet */
.zr-cart-wrap { background: #fff; border: 1px solid var(--cz-cizgi); border-radius: var(--cz-yuvarlak); overflow: hidden; }
.zr-cart-table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.zr-cart-table thead th { background: #f7f8fa; padding: 12px 16px; text-align: left; font: 700 11.5px Roboto, sans-serif; text-transform: uppercase; letter-spacing: .06em; color: var(--cz-soluk); border-bottom: 1px solid var(--cz-cizgi); }
.zr-cart-table tbody td { padding: 14px 16px; border-bottom: 1px solid #eef1f5; vertical-align: middle; }
.zr-cart-img { width: 72px; height: 72px; border-radius: 4px; overflow: hidden; border: 1px solid var(--cz-cizgi); flex: none; background: #f3f4f6; }
.zr-cart-img img { width: 100%; height: 100%; object-fit: cover; }
.zr-cart-name { font-weight: 600; color: var(--cz-metin); display: block; max-width: 360px; }
.zr-cart-variant { font-size: 12px; color: var(--cz-soluk); margin-top: 3px; }
.zr-price-sale { color: var(--cz-kirmizi); font-weight: 800; }
.zr-price-orig { color: #8c96a3; text-decoration: line-through; font-weight: 500; font-size: 12.5px; }
.zr-qty-wrap { display: inline-flex; align-items: center; border: 1px solid var(--cz-cizgi); border-radius: 4px; overflow: hidden; height: 40px; }
.zr-qty-btn { width: 36px; height: 100%; border: 0; background: #f7f8fa; color: var(--cz-metin); font-size: 14px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.zr-qty-btn:hover { background: #eef1f5; }
.zr-qty-input { width: 52px; height: 100%; border: 0; border-left: 1px solid var(--cz-cizgi); border-right: 1px solid var(--cz-cizgi); text-align: center; font: 700 14px Roboto, sans-serif; outline: 0; -moz-appearance: textfield; }
.zr-qty-input::-webkit-inner-spin-button, .zr-qty-input::-webkit-outer-spin-button { -webkit-appearance: none; }
.zr-remove-btn, .zr-action-icon-btn { width: 34px; height: 34px; border: 1px solid var(--cz-cizgi); background: #fff; border-radius: 50%; color: var(--cz-soluk); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; }
.zr-remove-btn:hover { border-color: var(--cz-kirmizi); color: var(--cz-kirmizi); }
.zr-action-icon-btn:hover { border-color: var(--cz-lacivert); color: var(--cz-lacivert); }
.zr-cart-action-cell { white-space: nowrap; }
.zr-cart-action-cell > * { display: inline-block; vertical-align: middle; margin-left: 4px; }
.zr-order-summary { background: #fff; border: 1px solid var(--cz-cizgi); border-radius: var(--cz-yuvarlak); overflow: hidden; }
.zr-summary-head { padding: 14px 20px; font: 800 15px Roboto, sans-serif; border-bottom: 1px solid var(--cz-cizgi); }
.zr-summary-body { padding: 16px 20px; }
.zr-summary-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; font-size: 13.5px; color: var(--cz-soluk); }
.zr-summary-price { font-weight: 700; color: var(--cz-metin); }
.zr-summary-total { display: flex; justify-content: space-between; align-items: center; padding: 14px 0 6px; margin-top: 8px; border-top: 1px solid var(--cz-cizgi); font: 800 15px Roboto, sans-serif; }
.zr-summary-total .value { color: var(--cz-kirmizi); font-size: 20px; }
.zr-mini-cart-row { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid #eef1f5; font-size: 13px; }
.zr-mini-cart-img { width: 52px; height: 52px; border-radius: 4px; overflow: hidden; border: 1px solid var(--cz-cizgi); flex: none; }
.zr-mini-cart-img img { width: 100%; height: 100%; object-fit: cover; }
/* Boş sepet */
.cart-main-wrapper .zr-empty, .zr-empty-state { text-align: center; padding: 60px 20px; }

/* Hesabım paneli renkleri */
.zr-dash-user-info { background: var(--cz-lacivert) !important; }
.zr-dash-nav li a:hover, .zr-dash-nav li.active a { background: #fdf1e3 !important; color: var(--cz-turuncu-koyu) !important; border-left-color: var(--cz-turuncu) !important; }
.zr-dash-stat-icon { background: #eaf1f8 !important; } .zr-dash-stat-icon i { color: var(--cz-lacivert) !important; }
.zr-dash-mobile-toggle { background: var(--cz-lacivert) !important; border-radius: 4px !important; }
.zr-dash-card, .zr-dash-stat, .zr-dash-sidebar { border-radius: var(--cz-yuvarlak) !important; }

/* ---------- 16. MAĞAZA / KATEGORİ ---------- */
.cz-magaza { max-width: var(--cz-en) !important; padding-left: var(--cz-kenar) !important; padding-right: var(--cz-kenar) !important; }
.ty-sidebar-panel { background: #fff; border: 1px solid var(--cz-cizgi); border-radius: var(--cz-yuvarlak); padding: 18px; }
.ty-sidebar-header { padding-bottom: 12px; border-bottom: 1px solid var(--cz-cizgi); margin-bottom: 14px; }
.ty-sidebar-heading { display: flex; align-items: center; gap: 8px; font: 800 15px Roboto, sans-serif !important; margin: 0; text-transform: none !important; }
.ty-sidebar-heading i { color: var(--cz-lacivert-acik); }
.ty-clear-btn { font: 700 12px Roboto, sans-serif; color: var(--cz-kirmizi); background: #fdecea; padding: 4px 9px; border-radius: 3px; }
.ty-filter-box { padding: 6px 0 16px; margin-bottom: 8px; border-bottom: 1px solid #eef1f5; }
.ty-filter-box:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.ty-filter-title { font: 800 13.5px Roboto, sans-serif; color: var(--cz-metin); margin-bottom: 12px; }
.ty-cat-list { display: flex; flex-direction: column; gap: 6px; }
.ty-cat-item { display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 7px 6px; border-radius: 4px; font-size: 13.5px; color: var(--cz-metin); margin: 0; }
.ty-cat-item:hover { background: #f7f8fa; }
.ty-cat-item input { position: absolute; opacity: 0; width: 0; height: 0; }
.ty-checkbox-box { width: 18px; height: 18px; border: 1.5px solid #c9d3de; border-radius: 3px; background: #fff; flex: none; position: relative; }
.ty-cat-item input:checked + .ty-checkbox-box { background: var(--cz-turuncu); border-color: var(--cz-turuncu); }
.ty-cat-item input:checked + .ty-checkbox-box::after { content: ""; position: absolute; left: 5px; top: 1px; width: 6px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.ty-cat-name { flex: 1; }
.ty-cat-count { font-size: 11.5px; color: var(--cz-soluk); background: #f0f2f5; border-radius: 999px; padding: 2px 8px; }
.ty-price-row { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.ty-price-field { position: relative; flex: 1; min-width: 0; }
.ty-price-field input { width: 100%; height: 40px; border: 1px solid var(--cz-cizgi); border-radius: 4px; padding: 0 26px 0 10px; font: 600 13px Roboto, sans-serif; outline: 0; -moz-appearance: textfield; }
.ty-price-field input::-webkit-inner-spin-button { -webkit-appearance: none; }
.ty-price-field input:focus { border-color: var(--cz-lacivert-acik); }
.ty-currency-tag { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 12px; color: var(--cz-soluk); }
.ty-price-dash { color: var(--cz-soluk); }
.ty-price-chips { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 12px; }
.ty-price-chip { height: 32px; border: 1px solid var(--cz-cizgi); border-radius: 4px; background: #f7f8fa; font: 600 12px Roboto, sans-serif; color: var(--cz-metin); cursor: pointer; }
.ty-price-chip:hover { border-color: var(--cz-turuncu); color: var(--cz-turuncu-koyu); background: #fdf1e3; }
.ty-apply-btn { width: 100%; height: 42px; border: 0; border-radius: 4px; background: var(--cz-turuncu); color: #fff; font: 800 13.5px Roboto, sans-serif; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.ty-apply-btn:hover { background: var(--cz-turuncu-koyu); }
.ty-shop-toolbar { background: #fff; border: 1px solid var(--cz-cizgi); border-radius: var(--cz-yuvarlak); padding: 10px 16px; margin-bottom: 14px; gap: 12px; flex-wrap: wrap; }
.ty-result-count { font-size: 13.5px; color: var(--cz-soluk); }
.ty-result-count strong { color: var(--cz-metin); }
.ty-sort-label { font: 600 13px Roboto, sans-serif; color: var(--cz-soluk); }
.ty-sort-select { height: 38px; border: 1px solid var(--cz-cizgi); border-radius: 4px; padding: 0 30px 0 12px; font: 600 13px Roboto, sans-serif; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236d7784' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center; -webkit-appearance: none; appearance: none; cursor: pointer; }
.cz-filtre-ac { display: none; }
.grid-product-list.row { --bs-gutter-x: 14px; --bs-gutter-y: 14px; }
.grid-product-list > [class*="col-"] { display: flex; } .grid-product-list .cz-kart { width: 100%; }
.zr-infinite-spinner-box { display: inline-flex; align-items: center; gap: 10px; color: var(--cz-soluk); font-size: 13px; }
.zr-infinite-spinner { width: 22px; height: 22px; border: 3px solid var(--cz-cizgi); border-top-color: var(--cz-turuncu); border-radius: 50%; animation: cz-don .8s linear infinite; }
@keyframes cz-don { to { transform: rotate(360deg); } }
.zr-infinite-end-badge { display: inline-flex; align-items: center; gap: 6px; background: #fff; border: 1px solid var(--cz-cizgi); border-radius: 999px; padding: 8px 14px; font-size: 12.5px; color: var(--cz-soluk); }
@media (max-width: 991px) {
  .cz-magaza .row.g-4 { --bs-gutter-y: 12px; }
  .ty-sidebar-panel { display: none; }
  body.cz-filtre-acik .ty-sidebar-panel { display: block; }
  .cz-filtre-ac { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border: 1px solid var(--cz-lacivert); border-radius: 4px; background: #fff; color: var(--cz-lacivert); font: 700 13px Roboto, sans-serif; margin-right: 10px; cursor: pointer; }
  body.cz-filtre-acik .cz-filtre-ac { background: var(--cz-lacivert); color: #fff; }
  .ty-toolbar-left { display: flex; align-items: center; }
  .cz-magaza > .row > .col-lg-3 { order: 2; } .cz-magaza > .row > .col-lg-9 { order: 1; }
  body.cz-filtre-acik .cz-magaza > .row > .col-lg-3 { order: 0; }
  .ty-shop-toolbar { padding: 8px 10px; }
  .ty-result-count { display: none; }
  .grid-product-list.row { --bs-gutter-x: 10px; --bs-gutter-y: 10px; }
}

/* ---------- 17. ÜRÜN DETAY ---------- */
.cz-urun { padding-bottom: 40px; }
.cz-urun-ust { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 32px; background: #fff; border: 1px solid var(--cz-cizgi); border-radius: var(--cz-yuvarlak); padding: 24px; }
.cz-galeri { min-width: 0; }
.cz-galeri-ana { position: relative; aspect-ratio: 1 / 1; border-radius: var(--cz-yuvarlak); overflow: hidden; background: #f3f4f6; border: 1px solid var(--cz-cizgi); }
.cz-galeri-ana .long-img, .cz-galeri-ana img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cz-galeri-ana .cz-etiket { top: 12px; left: 12px; font-size: 13px; }
.cz-galeri-kucuk { display: flex; gap: 8px; margin-top: 10px; overflow-x: auto; scrollbar-width: thin; padding-bottom: 2px; }
.cz-galeri-kucuk-oge { flex: none; width: 72px; height: 72px; border: 2px solid var(--cz-cizgi); border-radius: 4px; overflow: hidden; background: #fff; padding: 0; cursor: pointer; transition: border-color .15s; }
.cz-galeri-kucuk-oge img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cz-galeri-kucuk-oge.active, .cz-galeri-kucuk-oge:hover { border-color: var(--cz-turuncu); }
.cz-urun-bilgi { min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.cz-urun-rozet { align-self: flex-start; background: #eaf1f8; color: var(--cz-lacivert); font: 700 11.5px Roboto, sans-serif; padding: 5px 10px; border-radius: 3px; letter-spacing: .04em; text-transform: uppercase; }
.cz-urun-baslik { font: 700 22px/1.3 Roboto, sans-serif !important; color: var(--cz-metin) !important; margin: 0; text-transform: none !important; letter-spacing: -.01em !important; }
.cz-urun-satir { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; font-size: 13px; color: var(--cz-soluk); }
.cz-stok { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; }
.cz-stok-var, .cz-stok .text-success { color: #1f8a4c !important; } .cz-stok-yok, .cz-stok .text-danger { color: var(--cz-kirmizi) !important; }
.cz-urun-sku { color: var(--cz-soluk); }
.cz-urun-fiyat { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.cz-urun-fiyat-yeni { font: 800 30px/1 Roboto, sans-serif; color: var(--cz-kirmizi); }
.cz-urun-fiyat-eski { font: 500 16px/1 Roboto, sans-serif; color: #8c96a3; }
.cz-urun-fiyat-indirim { background: var(--cz-kirmizi); color: #fff; font: 800 12px/1 Roboto, sans-serif; padding: 6px 9px; border-radius: 3px; }
.cz-urun-kargo { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font: 600 12.5px Roboto, sans-serif; color: #1f8a4c; }
.cz-urun-kargo i { font-size: 16px; }
.cz-urun-kampanya h6 { font-weight: 800; }
.cz-urun-form { border-top: 1px solid var(--cz-cizgi); padding-top: 16px; }
.cz-urun-form .value-input-area > div:first-child { color: var(--cz-metin) !important; }
.cz-urun-form .value-input-area .value-size { color: var(--cz-turuncu-koyu) !important; font-weight: 700 !important; }
.cz-urun-form .size-lists li { border: 1px solid var(--cz-cizgi) !important; border-radius: 4px !important; background: #fff; font: 600 13px Roboto, sans-serif !important; color: var(--cz-metin); transition: all .15s; }
.cz-urun-form .size-lists li:hover { border-color: #c9d3de !important; }
.cz-urun-form .size-lists li.active, .cz-urun-form .size-lists li.selected { border-color: var(--cz-turuncu) !important; background: #fdf1e3; color: var(--cz-turuncu-koyu); box-shadow: 0 0 0 1px var(--cz-turuncu); }
.cz-urun-form .color-list li { border-radius: 50% !important; width: 30px !important; height: 30px !important; }
.cz-urun-form .zr-qty-wrap { height: 46px; }
.cz-urun-form .add_to_cart_single_page { flex: 1 1 220px; height: 50px; font-size: 15px; }
.cz-urun-form .but_now_single_page { flex: 1 1 160px; height: 50px; font-size: 15px; }
.cz-urun-form #item_left { font-size: 12.5px; }
.cz-urun-guven { list-style: none; margin: 0; padding: 14px 0 0; border-top: 1px solid var(--cz-cizgi); display: flex; flex-direction: column; gap: 10px; }
.cz-urun-guven li { display: flex; align-items: flex-start; gap: 10px; }
.cz-urun-guven i { font-size: 20px; color: var(--cz-lacivert-acik); flex: none; }
.cz-urun-guven strong { display: block; font-size: 13px; color: var(--cz-metin); }
.cz-urun-guven small { font-size: 12px; color: var(--cz-soluk); }
.cz-urun-kategori { font-size: 13px; color: var(--cz-soluk); }
.cz-urun-kategori a { color: var(--cz-lacivert); font-weight: 600; }
.cz-urun-sekmeler { margin-top: 24px; }
.cz-urun-panel { display: none; background: #fff; border: 1px solid var(--cz-cizgi); border-radius: var(--cz-yuvarlak); padding: 24px; margin-top: 14px; font-size: 14px; line-height: 1.75; color: var(--cz-metin); }
.cz-urun-panel.active { display: block; }
.cz-urun-panel img { max-width: 100%; height: auto; }
.cz-urun-panel p { margin-bottom: 10px; }
.cz-urun-benzer { padding-top: 34px; }
.cz-urun-mobil-bar { display: none; }
@media (max-width: 991px) {
  .cz-urun-ust { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 12px; }
  .cz-galeri-kucuk-oge { width: 60px; height: 60px; }
  .cz-urun-baslik { font-size: 18px; }
  .cz-urun-fiyat-yeni { font-size: 26px; }
  .cz-urun-panel { padding: 16px; }
  .cz-urun-form .add_to_cart_single_page, .cz-urun-form .but_now_single_page { flex: 1 1 100%; }
  body { padding-bottom: calc(62px + env(safe-area-inset-bottom)) !important; }
  .cz-urun-mobil-bar { display: flex; align-items: center; gap: 12px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 86; background: #fff; border-top: 1px solid var(--cz-cizgi); box-shadow: 0 -2px 12px rgba(16, 32, 50, .07); padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); }
  .cz-urun-mobil-fiyat { display: flex; flex-direction: column; line-height: 1.1; min-width: 0; }
  .cz-urun-mobil-fiyat b { font: 800 18px Roboto, sans-serif; color: var(--cz-kirmizi); white-space: nowrap; }
  .cz-urun-mobil-fiyat del { font-size: 12px; color: #8c96a3; }
  .cz-urun-mobil-buton { flex: 1; height: 46px; }
  .cz-urun-mobil-buton[disabled] { background: #eef1f5; color: #8c96a3 !important; }
  body:has(.cz-urun-mobil-bar) .cz-mcubuk { display: none; }
  body:has(.cz-urun-mobil-bar) .cz-wa { bottom: calc(80px + env(safe-area-inset-bottom)); }
}

/* ---------- 18. KİŞİYE ÖZEL YAZI KUTUSU ---------- */
.cz-ko { border: 1px solid #f3d9a4; background: linear-gradient(180deg, #fffaf0 0%, #fff 100%); border-radius: var(--cz-yuvarlak); padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.cz-ko-ust { display: flex; align-items: flex-start; gap: 10px; }
.cz-ko-ust i { font-size: 22px; color: var(--cz-turuncu-koyu); flex: none; }
.cz-ko-ust strong { display: block; font-size: 14.5px; color: var(--cz-metin); }
.cz-ko-ust small { font-size: 12.5px; color: var(--cz-soluk); }
.cz-ko-alan { display: flex; flex-direction: column; gap: 6px; margin: 0; flex: 1; min-width: 0; }
.cz-ko-alan--kisa { flex: 0 0 150px; }
.cz-ko-etiket { font: 700 12.5px Roboto, sans-serif; color: var(--cz-metin); }
.cz-ko-etiket b { color: var(--cz-kirmizi); } .cz-ko-etiket small { font-weight: 500; color: var(--cz-soluk); }
.cz-ko-girdi { height: 46px; border: 1px solid #e2d6bf; border-radius: 4px; background: #fff; padding: 0 14px; font: 500 15px Roboto, sans-serif; color: var(--cz-metin); outline: 0; width: 100%; transition: border-color .15s, box-shadow .15s; }
.cz-ko-girdi:focus { border-color: var(--cz-turuncu); box-shadow: 0 0 0 3px rgba(240, 140, 30, .15); }
.cz-ko-hatali [data-cz-ko-isim] { border-color: var(--cz-kirmizi); box-shadow: 0 0 0 3px rgba(195, 38, 31, .12); }
.cz-ko-ipucu { font-size: 11.5px; color: var(--cz-soluk); }
.cz-ko-onizleme { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.cz-ko-onizleme-etiket { font: 700 11.5px Roboto, sans-serif; color: var(--cz-soluk); text-transform: uppercase; letter-spacing: .08em; }
.cz-ko-plaka { display: inline-flex; align-items: center; justify-content: center; min-width: 220px; max-width: 100%; padding: 12px 22px; border-radius: 4px; background: linear-gradient(135deg, #d9a93b 0%, #f5d67a 45%, #c9962a 100%); box-shadow: inset 0 0 0 2px rgba(255,255,255,.35), 0 4px 12px rgba(160, 110, 20, .25); }
.cz-ko-plaka em { font: 700 20px/1.1 Georgia, "Times New Roman", serif; letter-spacing: .12em; color: #3b2a08; text-shadow: 0 1px 0 rgba(255,255,255,.5); font-style: normal; text-align: center; overflow-wrap: anywhere; }
.cz-ko:not(.cz-ko-dolu) .cz-ko-plaka em { opacity: .55; }
.cz-ko-satir { display: flex; gap: 12px; flex-wrap: wrap; }
.cz-ko-hata { margin: 0; display: flex; align-items: center; gap: 6px; font: 600 12.5px Roboto, sans-serif; color: var(--cz-kirmizi); }
.cz-ko-hata[hidden] { display: none; }
@media (max-width: 991px) { .cz-ko { padding: 14px; } .cz-ko-alan--kisa { flex-basis: 100%; } .cz-ko-plaka { width: 100%; } }

/* ---------- 19. SEPET/ÖDEME: seçenek satırları ve Havale/EFT bloğu ---------- */
.zr-cart-variant, .cz-ozet-ozellik { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 12px; color: var(--cz-soluk); margin-top: 4px; }
.zr-cart-variant span, .cz-ozet-ozellik span { display: inline-flex; gap: 4px; }
.zr-cart-variant b, .cz-ozet-ozellik b { color: var(--cz-metin); font-weight: 600; }
.cz-odeme-secenek { display: flex; gap: 12px; align-items: flex-start; border: 2px solid var(--cz-turuncu); background: #fff8ef; border-radius: var(--cz-yuvarlak); padding: 14px; margin: 0; cursor: default; }
.cz-odeme-radyo { width: 40px; height: 40px; border-radius: 50%; background: var(--cz-turuncu); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; flex: none; }
.cz-odeme-metin strong { display: block; font-size: 14.5px; color: var(--cz-metin); margin-bottom: 3px; }
.cz-odeme-metin small { font-size: 12.5px; color: var(--cz-soluk); line-height: 1.45; }
.cz-odeme-gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.cz-odeme .manual_transaction_id { display: block !important; }
.shipping_method_wrapper .zr-summary-row label { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 13.5px; }
.shipping_method_wrapper input[type="radio"] { accent-color: var(--cz-turuncu); width: 16px; height: 16px; }
.cz-canli { position: relative; }
.cz-canli-liste { position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 50; background: #fff; border: 1px solid var(--cz-cizgi); border-radius: 4px; box-shadow: 0 10px 26px rgba(15, 51, 85, .14); max-height: 240px; overflow-y: auto; padding: 4px 0; }
.cz-canli-liste[hidden] { display: none; }
.cz-canli-liste button { display: block; width: 100%; text-align: left; border: 0; background: #fff; padding: 9px 14px; font: 500 14px Roboto, sans-serif; color: var(--cz-metin); cursor: pointer; }
.cz-canli-liste button:hover { background: #fdf1e3; color: var(--cz-turuncu-koyu); }

/* ---------- 20. SİPARİŞ BAŞARI SAYFASI ---------- */
.cz-basari { padding: 36px var(--cz-kenar) 20px; }
.cz-basari-ust { text-align: center; margin-bottom: 22px; }
.cz-basari-ikon { width: 72px; height: 72px; border-radius: 50%; background: #e7f6ec; color: #1f8a4c; display: inline-flex; align-items: center; justify-content: center; font-size: 38px; margin-bottom: 14px; }
.cz-basari-ust h1 { font: 800 26px/1.2 Roboto, sans-serif !important; margin: 0 0 8px; }
.cz-basari-ust p { color: var(--cz-soluk); font-size: 14.5px; margin: 0; }
.cz-basari-havale { max-width: 760px; margin: 0 auto 22px; background: #fff8ef; border: 2px solid var(--cz-turuncu); border-radius: var(--cz-yuvarlak); padding: 18px 20px; }
.cz-basari-havale-ust { display: flex; align-items: center; gap: 8px; font-size: 16px; margin-bottom: 8px; }
.cz-basari-havale-ust i { font-size: 22px; color: var(--cz-turuncu-koyu); }
.cz-basari-havale p { font-size: 13.5px; color: var(--cz-metin); margin: 0 0 12px; }
.cz-basari-iban { display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; background: #fff; border: 1px solid #f3d9a4; border-radius: 4px; padding: 12px 14px; font-size: 13.5px; }
.cz-basari-iban span { color: var(--cz-soluk); } .cz-basari-iban b { color: var(--cz-metin); word-break: break-word; }
.cz-basari-ibanno { font-family: "Roboto Mono", monospace; letter-spacing: .04em; }
.cz-basari-not { font-size: 12.5px !important; color: var(--cz-soluk) !important; margin: 10px 0 0 !important; }
.cz-basari-wa { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; background: #25d366; color: #fff !important; border-radius: 999px; padding: 10px 16px; font: 700 13px Roboto, sans-serif; }
.cz-basari-izgara { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 16px; }
.cz-basari-kart { background: #fff; border: 1px solid var(--cz-cizgi); border-radius: var(--cz-yuvarlak); padding: 18px 20px; margin-bottom: 16px; }
.cz-basari-kart h3 { display: flex; align-items: center; gap: 8px; font: 800 15px Roboto, sans-serif !important; margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid var(--cz-cizgi); }
.cz-basari-kart h3 i { color: var(--cz-lacivert-acik); font-size: 18px; }
.cz-basari-liste { list-style: none; margin: 0; padding: 0; }
.cz-basari-liste li { display: flex; align-items: flex-start; gap: 12px; padding: 10px 0; border-bottom: 1px solid #eef1f5; }
.cz-basari-urun { flex: 1; min-width: 0; } .cz-basari-urun strong { font-size: 13.5px; font-weight: 600; display: block; }
.cz-basari-adet { background: #f0f2f5; border-radius: 4px; padding: 3px 8px; font: 700 12px Roboto, sans-serif; }
.cz-basari-fiyat { font: 800 14px Roboto, sans-serif; color: var(--cz-metin); white-space: nowrap; }
.cz-basari-toplamlar { margin-top: 10px; display: flex; flex-direction: column; gap: 6px; }
.cz-basari-toplamlar div { display: flex; justify-content: space-between; font-size: 13.5px; color: var(--cz-soluk); }
.cz-basari-toplamlar div b { color: var(--cz-metin); }
.cz-basari-genel { border-top: 1px solid var(--cz-cizgi); padding-top: 10px; margin-top: 4px; font-size: 15px !important; }
.cz-basari-genel b { color: var(--cz-kirmizi) !important; font-size: 19px; }
.cz-basari-dl { display: grid; grid-template-columns: auto 1fr; gap: 8px 14px; margin: 0; font-size: 13.5px; }
.cz-basari-dl dt { color: var(--cz-soluk); font-weight: 500; } .cz-basari-dl dd { margin: 0; color: var(--cz-metin); font-weight: 600; text-align: right; }
.cz-basari-rozet { display: inline-block; background: #fdf1e3; color: var(--cz-turuncu-koyu); border-radius: 999px; padding: 3px 10px; font: 700 12px Roboto, sans-serif; }
.cz-basari-alt { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin: 10px 0 30px; }
@media (max-width: 991px) { .cz-basari-izgara { grid-template-columns: minmax(0, 1fr); } .cz-basari-ust h1 { font-size: 22px; } .cz-basari-dl dd { text-align: left; } .cz-basari-dl { grid-template-columns: 1fr; gap: 2px 0; } .cz-basari-dl dt { margin-top: 8px; } }

/* ---------- 21. YAN SEPET ÇEKMECESİ ---------- */
.cz-cekmece-perde { position: fixed; inset: 0; background: rgba(8, 20, 34, .55); z-index: 120; }
.cz-cekmece-perde[hidden] { display: none; }
.cz-cekmece { position: fixed; top: 0; right: 0; bottom: 0; width: min(420px, 92vw); background: #fff; z-index: 125; transform: translateX(105%); transition: transform .28s ease; display: flex; flex-direction: column; box-shadow: -10px 0 40px rgba(15, 51, 85, .25); }
.cz-cekmece.cz-acik { transform: none; }
.cz-cekmece-ust { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--cz-cizgi); }
.cz-cekmece-ust strong { display: flex; align-items: center; gap: 8px; font-size: 16px; }
.cz-cekmece-ust strong i { color: var(--cz-lacivert-acik); font-size: 20px; }
.cz-cekmece-sayi { background: var(--cz-turuncu); color: #fff; border-radius: 999px; padding: 2px 8px; font-size: 12px; }
.cz-cekmece-ust .cz-kapat { background: #f0f2f5; color: var(--cz-metin); }
.cz-cekmece-govde { flex: 1; overflow-y: auto; padding: 8px 18px; }
.cz-cekmece-bos { text-align: center; padding: 60px 10px; color: var(--cz-soluk); }
.cz-cekmece-bos i { font-size: 48px; color: #c9d3de; display: block; margin-bottom: 10px; }
.cz-cekmece-bos .cz-buton { margin-top: 12px; }
.cz-cekmece-liste { list-style: none; margin: 0; padding: 0; }
.cz-cekmece-liste li { display: flex; gap: 12px; padding: 12px 0; border-bottom: 1px solid #eef1f5; align-items: flex-start; }
.cz-cekmece-gorsel { flex: none; width: 64px; height: 64px; border-radius: 4px; overflow: hidden; border: 1px solid var(--cz-cizgi); background: #f3f4f6; }
.cz-cekmece-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.cz-cekmece-bilgi { flex: 1; min-width: 0; }
.cz-cekmece-ad { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font: 600 13px/1.35 Roboto, sans-serif; color: var(--cz-metin); }
.cz-cekmece-alt { display: flex; justify-content: space-between; align-items: baseline; margin-top: 6px; font-size: 12.5px; color: var(--cz-soluk); }
.cz-cekmece-alt b { color: var(--cz-kirmizi); font-size: 14px; }
.cz-cekmece-sil { flex: none; width: 30px; height: 30px; border: 0; border-radius: 50%; background: #f7f8fa; color: var(--cz-soluk); cursor: pointer; font-size: 16px; }
.cz-cekmece-sil:hover { background: #fdecea; color: var(--cz-kirmizi); }
.cz-cekmece-dip { border-top: 1px solid var(--cz-cizgi); padding: 14px 18px calc(14px + env(safe-area-inset-bottom)); display: flex; flex-direction: column; gap: 10px; }
.cz-cekmece-kargo { display: flex; align-items: center; gap: 6px; font: 600 12.5px Roboto, sans-serif; color: #1f8a4c; }
.cz-cekmece-toplam { display: flex; justify-content: space-between; font-size: 14px; color: var(--cz-soluk); }
.cz-cekmece-toplam b { color: var(--cz-metin); font-size: 18px; }
.cz-cekmece-odeme { width: 100%; }
.cz-cekmece-sepet { text-align: center; font: 700 13px Roboto, sans-serif; color: var(--cz-lacivert); }

/* ---------- 22. YAPIŞKAN KOMPAKT HEADER (html/body overflow-x:hidden yüzünden sticky çalışmaz → fixed + gövde boşluğu) ---------- */
body.cz-kaydirildi .cz-header { position: fixed; top: 0; left: 0; right: 0; z-index: 110; box-shadow: 0 6px 20px rgba(15, 51, 85, .25); animation: cz-in .22s ease; }
body.cz-kaydirildi .cz-arama-bant { display: none; }
@keyframes cz-in { from { transform: translateY(-100%); } to { transform: none; } }
@media (min-width: 992px) {
  body.cz-kaydirildi .cz-header-ic { min-height: 64px; }
  body.cz-kaydirildi .cz-marka img { height: 56px; }
  body.cz-kaydirildi .cz-menu > ul > li > a { padding: 8px 12px; font-size: 14px; }
}
@media (max-width: 991px) {
  body.cz-kaydirildi .cz-header-ic { min-height: 60px; }
  body.cz-kaydirildi .cz-marka img { height: 48px; }
}

/* ---------- 23. GALERİ BÜYÜTME · NOKTALAR · SON GÖRÜNTÜLENENLER ---------- */
.cz-galeri-buyut { cursor: zoom-in; }
.cz-galeri-buyut img { transition: transform .15s ease; will-change: transform; }
.cz-galeri-nokta { display: none; justify-content: center; gap: 6px; margin-top: 8px; }
.cz-galeri-nokta span { width: 7px; height: 7px; border-radius: 999px; background: #c9d3de; transition: all .2s; }
.cz-galeri-nokta span.cz-aktif { width: 20px; background: var(--cz-turuncu); }
.cz-son-liste { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 6px; scrollbar-width: thin; }
.cz-son-kart { flex: 0 0 150px; background: #fff; border: 1px solid var(--cz-cizgi); border-radius: var(--cz-yuvarlak); padding: 8px; display: flex; flex-direction: column; gap: 6px; color: var(--cz-metin); }
.cz-son-kart:hover { border-color: #c9d3de; }
.cz-son-gorsel { display: block; aspect-ratio: 1 / 1; border-radius: 4px; overflow: hidden; background: #f3f4f6; }
.cz-son-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.cz-son-ad { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font: 500 12px/1.35 Roboto, sans-serif; }
.cz-son-kart b { color: var(--cz-kirmizi); font-size: 13px; }
@media (max-width: 991px) { .cz-galeri-buyut { cursor: default; } .cz-galeri-nokta { display: flex; } }

/* ---------- 24. CANLI ARAMA ÖNERİLERİ ---------- */
.cz-arama { position: relative; }
.cz-arama-oneri { position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 130; background: #fff; border: 1px solid var(--cz-cizgi); border-radius: var(--cz-yuvarlak); box-shadow: 0 16px 40px rgba(15, 51, 85, .22); max-height: min(480px, 70vh); overflow-y: auto; text-align: left; }
.cz-arama-oneri[hidden] { display: none; }
.cz-arama-oneri-baslik { font: 700 11.5px Roboto, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--cz-soluk); padding: 12px 16px 6px; }
.cz-arama-oneri ul { list-style: none; margin: 0; padding: 0 6px; }
.cz-arama-oneri .product-suggestion-list-link { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 4px; color: var(--cz-metin); }
.cz-arama-oneri .product-suggestion-list-link:hover { background: #f7f8fa; }
.cz-arama-oneri .product-image { flex: none; width: 52px; height: 52px; border-radius: 4px; overflow: hidden; border: 1px solid var(--cz-cizgi); background: #f3f4f6; }
.cz-arama-oneri .product-image img { width: 100%; height: 100%; object-fit: cover; }
.cz-arama-oneri .product-name { font: 500 13px/1.35 Roboto, sans-serif !important; margin: 0 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-transform: none !important; }
.cz-arama-oneri .product-price { margin-top: 3px !important; font-size: 13px; }
.cz-arama-oneri .flash-price { color: var(--cz-kirmizi); font-weight: 800; }
.cz-arama-oneri .flash-old-prices { color: #8c96a3; text-decoration: line-through; font-size: 12px; margin-left: 6px; }
.cz-arama-oneri-tumu { display: block; text-align: center; padding: 12px; border-top: 1px solid var(--cz-cizgi); font: 700 13px Roboto, sans-serif; color: var(--cz-lacivert); }
.cz-arama-oneri-bos { padding: 18px; text-align: center; color: var(--cz-soluk); font-size: 13.5px; }

/* ---------- 25. ÇEKİRDEK SAYFALAR: 404 · SİPARİŞ TAKİBİ · İLETİŞİM/HAKKIMIZDA WIDGET'LARI ---------- */
.min-h-\[65vh\] { min-height: 60vh; display: flex; align-items: center; justify-content: center; padding: 60px 20px; background: transparent !important; }
.text-\[10rem\] { font: 900 120px/1 Roboto, sans-serif !important; color: var(--cz-lacivert) !important; margin-bottom: 10px !important; letter-spacing: -.04em; }
.min-h-\[65vh\] h1 { font: 800 26px/1.2 Roboto, sans-serif !important; color: var(--cz-metin) !important; margin-bottom: 10px !important; }
.min-h-\[65vh\] p { color: var(--cz-soluk); font-size: 14.5px; max-width: 440px; margin: 0 auto 22px; }
.min-h-\[65vh\] a.inline-block { display: inline-flex !important; align-items: center; background: var(--cz-turuncu) !important; color: #fff !important; border-radius: 4px !important; padding: 14px 26px !important; font: 800 14px Roboto, sans-serif !important; }
.min-h-\[65vh\] a.inline-block:hover { background: var(--cz-turuncu-koyu) !important; }
.order-track-wrapper, .single-page-area.padding-top-100 { padding-top: 40px !important; padding-bottom: 40px !important; }
.order-track-contents { background: #fff !important; border: 1px solid var(--cz-cizgi) !important; border-radius: var(--cz-yuvarlak) !important; box-shadow: none !important; padding: 28px !important; }
.order-track-contents-title { font: 800 24px/1.2 Roboto, sans-serif !important; color: var(--cz-metin) !important; }
.order-track-contents-para { font-size: 14px !important; color: var(--cz-soluk) !important; }
.order-track-contents .label-title { font: 700 12.5px Roboto, sans-serif !important; color: var(--cz-metin) !important; }
.order-track-contents .form--control { height: 46px !important; border: 1px solid var(--cz-cizgi) !important; border-radius: 4px !important; font: 400 14px Roboto, sans-serif !important; padding: 0 14px !important; }
.order-track-contents .form--control:focus { border-color: var(--cz-lacivert-acik) !important; box-shadow: 0 0 0 3px rgba(31,107,168,.12) !important; }
.order-track-contents .btn-submit { background: var(--cz-turuncu) !important; border: 0 !important; border-radius: 4px !important; height: 48px !important; font: 800 14px Roboto, sans-serif !important; color: #fff !important; }
.order-track-contents .btn-submit:hover { background: var(--cz-turuncu-koyu) !important; }
.track-info { background: #fff; border: 1px solid var(--cz-cizgi); border-radius: var(--cz-yuvarlak); padding: 20px; }
/* İletişim / Hakkımızda çekirdek widget renkleri Çarşı paletine */
.pb-section h1, .pb-section h2, .pb-section h3 { color: var(--cz-metin) !important; }
.pb-section [style*="color: #0d6efd"], .pb-section .text-primary { color: var(--cz-lacivert) !important; }
.pb-section .btn, .pb-section button[type="submit"], .pb-section input[type="submit"] { background: var(--cz-turuncu) !important; border-color: var(--cz-turuncu) !important; color: #fff !important; border-radius: 4px !important; font-weight: 800 !important; }
.pb-section input.form-control, .pb-section textarea.form-control, .pb-section input[type="text"], .pb-section input[type="email"], .pb-section textarea { border: 1px solid var(--cz-cizgi) !important; border-radius: 4px !important; }
.pb-section a { color: var(--cz-lacivert); }

/* ---------- 26. MOBİL SEPET TABLOSU → KART DÜZENİ ---------- */
@media (max-width: 767px) {
  .zr-cart-table thead { display: none; }
  .zr-cart-table, .zr-cart-table tbody { display: block; }
  .zr-cart-table tr.table-cart-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 12px; border-bottom: 1px solid #eef1f5; }
  .zr-cart-table tr.table-cart-row td { display: block; border: 0 !important; padding: 0 !important; }
  .zr-cart-table tr.table-cart-row td:first-child { flex: 0 0 100%; }
  .zr-cart-table tr.table-cart-row td:first-child .d-flex { align-items: flex-start !important; }
  .zr-cart-table tr.table-cart-row td:nth-child(2) { display: none; }
  .zr-cart-table tr.table-cart-row td:nth-child(3) { flex: 0 0 auto; }
  .zr-cart-table tr.table-cart-row td:nth-child(4) { flex: 1; text-align: right; font-size: 16px; }
  .zr-cart-table tr.table-cart-row td.zr-cart-action-cell { flex: 0 0 auto; }
  .zr-cart-name { max-width: none; text-align: left; font-size: 13.5px; }
  .zr-cart-img { width: 64px; height: 64px; }
  .zr-qty-wrap { height: 38px; } .zr-qty-btn { width: 32px; } .zr-qty-input { width: 44px; }
}
.pb-section p:not([class]) { color: #3a4653 !important; }

/* ---------- 27. SİPARİŞ TAKİBİ (tema kopyası) ---------- */
.cz-takip { padding: 40px var(--cz-kenar) 50px; display: flex; justify-content: center; }
.cz-takip-kart { width: 100%; max-width: 560px; background: #fff; border: 1px solid var(--cz-cizgi); border-radius: var(--cz-yuvarlak); padding: 28px; }
.cz-takip-kart h1 { font: 800 24px/1.2 Roboto, sans-serif !important; margin: 0 0 8px; }
.cz-takip-kart > p { color: var(--cz-soluk); font-size: 14px; margin: 0 0 18px; }
.cz-takip-buton { width: 100%; }
.cz-takip-sonuc { margin-top: 18px; padding: 14px 16px; border-radius: 4px; font-size: 14px; line-height: 1.7; }
.cz-takip-ok { background: #e7f6ec; color: #1f8a4c; border: 1px solid #bfe6cc; }
.cz-takip-hata { background: #fdecea; color: var(--cz-kirmizi); border: 1px solid #f5c2be; }
.cz-takip-not { margin: 16px 0 0 !important; font-size: 13px !important; display: flex; gap: 6px; align-items: center; }
.cz-takip-not a { color: var(--cz-lacivert); font-weight: 700; }