/* ============================================================
   CaddeFile tema katmanı — OpenCartVIP üzerine marka/UX geçişleri
   (çekirdek tema dosyalarına dokunmadan yüklenir)
   ============================================================ */
:root {
  --cf-turuncu: #ff7a00;
  --cf-turuncu-koyu: #e56d00;
  --cf-antrasit: #232b36;
  --cf-yesil: #1e9e5a;
  --cf-mavi: #1d6fd8;
}

/* --- CTA butonları: tek turuncu ton --- */
#button-cart, .btn-cart, button[id^="button-cart"],
.product-buttons .btn-primary, .btn.btn-primary {
  background: var(--cf-turuncu) !important;
  border-color: var(--cf-turuncu) !important;
  color: #fff !important;
}
#button-cart:hover, .btn-cart:hover, .btn.btn-primary:hover {
  background: var(--cf-turuncu-koyu) !important;
  border-color: var(--cf-turuncu-koyu) !important;
}

/* --- Güven şeridi (header üstü) --- */
.cf-guven-bar {
  background: var(--cf-antrasit);
  color: #e8edf3;
  font-size: 13px;
  line-height: 1;
  padding: 9px 12px;
  display: flex;
  justify-content: center;
  gap: 34px;
  align-items: center;
  position: relative;
  z-index: 50;
}
.cf-guven-bar span { white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; }
.cf-guven-bar b { color: var(--cf-turuncu); font-weight: 700; }
@media (max-width: 767px) {
  .cf-guven-bar span { display: none; }
  .cf-guven-bar span.cf-aktif { display: inline-flex; }
}

/* --- WhatsApp sabit butonu --- */
.cf-whatsapp {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #25d366;
  box-shadow: 0 4px 14px rgba(0,0,0,.28);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .15s ease;
}
.cf-whatsapp:hover { transform: scale(1.08); }
.cf-whatsapp svg { width: 32px; height: 32px; fill: #fff; }

/* --- m² hesaplayıcı kutusu (ürün sayfası) --- */
.cf-hesap {
  border: 2px solid var(--cf-turuncu);
  border-radius: 10px;
  padding: 16px;
  margin: 14px 0 18px;
  background: #fff8f1;
}
.cf-hesap-baslik {
  font-weight: 700;
  font-size: 15px;
  color: var(--cf-antrasit);
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.cf-hesap-baslik .cf-rozet {
  background: var(--cf-turuncu);
  color: #fff;
  font-size: 11px;
  border-radius: 20px;
  padding: 3px 10px;
  letter-spacing: .3px;
}
.cf-hesap-adim { font-size: 12.5px; color: #6a7482; margin-bottom: 10px; }
.cf-hesap-ipucu { font-size: 12px; color: #8a94a2; margin-top: 8px; }
.cf-hesap-sonuc {
  display: none;
  margin-top: 12px;
  border-top: 1px dashed #e7cdb2;
  padding-top: 12px;
}
.cf-hesap-sonuc.cf-acik { display: block; }
.cf-hesap-satir { display: flex; justify-content: space-between; font-size: 14px; padding: 3px 0; color: #3c4654; }
.cf-hesap-satir.cf-toplam { font-size: 19px; font-weight: 800; color: var(--cf-antrasit); }
.cf-hesap-satir.cf-toplam b { color: var(--cf-turuncu); }
.cf-hesap-satir.cf-havale b { color: var(--cf-yesil); }
.cf-hesap-satir.cf-taksit b { color: var(--cf-mavi); }

/* birim fiyat rozeti */
.cf-m2-etiket {
  display: inline-block;
  background: #eef4ff;
  color: var(--cf-mavi);
  border-radius: 6px;
  font-size: 12.5px;
  font-weight: 700;
  padding: 3px 9px;
  margin-left: 8px;
  vertical-align: middle;
}

/* --- ürün sayfası güven mini-rozetleri --- */
.cf-mini-guven { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.cf-mini-guven span {
  font-size: 12px;
  font-weight: 600;
  border-radius: 6px;
  padding: 5px 10px;
}
.cf-mini-guven .g1 { background: #f3ecff; color: #7c3aed; }
.cf-mini-guven .g2 { background: #e9f9ef; color: var(--cf-yesil); }
.cf-mini-guven .g3 { background: #e8f2ff; color: var(--cf-mavi); }
.cf-mini-guven .g4 { background: #fff1e4; color: var(--cf-turuncu-koyu); }

/* --- v2 cila: eski kırmızı vurgu → marka turuncusu, elips kırpma düzeltmesi --- */
/* dikdörtgen banner görselleri elips değil yumuşak köşe olsun */
.module-banners-368 .module-item img,
.module-banners-372 .module-item img,
.module-banners-381 .module-item img,
.module-banners-201 .module-item img {
  border-radius: 12px !important;
  border-color: rgba(255, 122, 0, .25) !important;
}
/* daire ikon halkaları: kırmızı yerine turuncu */
.module-banners-204 .module-item img {
  border-color: var(--cf-turuncu) !important;
}
/* kırmızı modül başlıkları → antrasit, alt çizgi turuncu */
.module-title {
  color: var(--cf-antrasit) !important;
}
/* eski kırmızı hover/rozet tonlarını turuncuya çek */
.product-thumb .product-labels .product-label-default b,
.product-label-369 b {
  background: var(--cf-turuncu) !important;
}

/* ============================================================
   v3 — HERO + HEADER + FOOTER modernizasyonu
   ============================================================ */

/* ---------- HERO: statik overlay ---------- */
.module-master_slider-327 { position: relative; min-height: 420px; }
.module-master_slider-327 .master-slider::after {
  content: ""; position: absolute; inset: 0; z-index: 4;
  background: radial-gradient(ellipse at center, rgba(20,26,34,.15) 0%, rgba(20,26,34,.55) 100%);
  pointer-events: none;
}
.cf-hero {
  position: absolute; inset: 0; z-index: 5;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 24px; pointer-events: none;
}
.cf-hero > * { pointer-events: auto; }
.cf-hero h1 {
  color: #fff; font-weight: 800; font-size: clamp(28px, 4.6vw, 58px);
  line-height: 1.15; margin: 0 0 6px; text-shadow: 0 2px 18px rgba(0,0,0,.35);
}
.cf-hero h1 b { color: var(--cf-turuncu); }
.cf-hero p {
  color: #dbe2ea; font-size: clamp(14px, 1.6vw, 19px); margin: 10px 0 24px; max-width: 720px;
}
.cf-hero-cta { display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; }
.cf-hero-cta a {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 14px 28px; border-radius: 30px; font-weight: 700; font-size: 15px;
  text-decoration: none; transition: transform .15s ease, box-shadow .15s ease;
}
.cf-hero-cta a:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0,0,0,.3); }
.cf-hero-cta .birincil { background: var(--cf-turuncu); color: #fff; }
.cf-hero-cta .ikincil { background: rgba(255,255,255,.12); color: #fff; border: 1.5px solid rgba(255,255,255,.45); backdrop-filter: blur(4px); }
.cf-hero-guven { margin-top: 26px; color: #b9c3cf; font-size: 13px; display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; }
.cf-hero-guven span b { color: #fff; }
@media (max-width: 767px) {
  .module-master_slider-327 { min-height: 340px; }
  .cf-hero-guven { display: none; }
}

/* ---------- Daire kategoriler (204): etiket daire ALTINDA ---------- */
.module-banners-204 .module-item { overflow: visible !important; }
.module-banners-204 .module-item .banner-text,
.module-banners-204 .module-item .banner-caption {
  position: static !important; transform: none !important;
  display: block; width: 100% !important; margin-top: 10px;
  background: none !important; color: var(--cf-antrasit) !important;
  font-size: 13.5px; font-weight: 700; text-align: center;
  text-shadow: none !important; padding: 0 !important; line-height: 1.3;
  white-space: normal !important;
}
.module-banners-204 .module-item a { display: block; }
.module-banners-204 .module-item img { transition: transform .2s ease, box-shadow .2s ease; }
.module-banners-204 .module-item:hover img { transform: scale(1.05); box-shadow: 0 6px 18px rgba(255,122,0,.25); }

/* ---------- Tile caption'ları: 368 gizle (görselde gömülü), 372/201 zarif bant ---------- */
.module-banners-368 .banner-caption, .module-banners-381 .banner-caption { display: none !important; }
.module-banners-372 .module-item, .module-banners-201 .module-item { position: relative; overflow: hidden; border-radius: 12px; }
.module-banners-372 .banner-caption, .module-banners-201 .banner-caption {
  position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important;
  transform: none !important; width: 100% !important;
  background: linear-gradient(180deg, rgba(24,30,38,0) 0%, rgba(24,30,38,.88) 60%) !important;
  color: #fff !important; font-size: 14px; font-weight: 700; text-align: center;
  padding: 26px 10px 12px !important; border-radius: 0 0 12px 12px;
}

/* ---------- HEADER modernizasyonu ---------- */
.header-classic .mid-bar { padding-top: 14px; padding-bottom: 14px; }
#search { border-radius: 28px !important; overflow: hidden; border: 2px solid #e7ebf0 !important; transition: border-color .15s ease, box-shadow .15s ease; }
#search:focus-within { border-color: var(--cf-turuncu) !important; box-shadow: 0 0 0 4px rgba(255,122,0,.12); }
#search input { border: none !important; padding-left: 20px !important; font-size: 14px; }
#search button, #search .search-button {
  background: var(--cf-turuncu) !important; border: none !important; color: #fff !important;
  border-radius: 0 26px 26px 0 !important; min-width: 54px;
}
.main-menu .j-menu > li > a, .main-menu-item > a { font-weight: 700; letter-spacing: .2px; }
.main-menu .j-menu > li > a { position: relative; }
.main-menu .j-menu > li > a::after {
  content: ""; position: absolute; left: 18%; right: 18%; bottom: 4px; height: 2.5px;
  background: var(--cf-turuncu); border-radius: 2px; transform: scaleX(0); transition: transform .18s ease;
}
.main-menu .j-menu > li:hover > a::after { transform: scaleX(1); }
.cf-tel-chip {
  display: inline-flex; align-items: center; gap: 7px;
  background: #f4f7fa; border: 1px solid #e7ebf0; border-radius: 22px;
  padding: 8px 14px; margin-right: 12px; font-size: 13px; font-weight: 700;
  color: var(--cf-antrasit); text-decoration: none; white-space: nowrap;
}
.cf-tel-chip:hover { border-color: var(--cf-turuncu); color: var(--cf-turuncu-koyu); }
.cf-tel-chip .nokta { width: 9px; height: 9px; border-radius: 50%; background: #25d366; box-shadow: 0 0 0 3px rgba(37,211,102,.2); }
@media (max-width: 1100px) { .cf-tel-chip { display: none; } }

/* ---------- FOOTER modernizasyonu ---------- */
.module-newsletter-67, .module-newsletter {
  background: linear-gradient(120deg, #1d242e 0%, #2a3442 100%) !important;
  border-radius: 0 !important;
}
.module-newsletter .newsletter-text, .module-newsletter h3, .module-newsletter .module-title { color: #fff !important; }
.module-newsletter .newsletter-text * { color: #c3ccd7 !important; }
.module-newsletter .newsletter-email { border-radius: 24px 0 0 24px !important; border: none !important; padding-left: 18px !important; }
.module-newsletter button, .module-newsletter .btn {
  background: var(--cf-turuncu) !important; border: none !important; color: #fff !important;
  border-radius: 0 24px 24px 0 !important; font-weight: 700;
}
footer .links-menu a { transition: color .12s ease, padding-left .12s ease; }
footer .links-menu a:hover { color: var(--cf-turuncu) !important; padding-left: 4px; }
footer .module-title { position: relative; padding-bottom: 10px !important; }
footer .module-title::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 34px; height: 3px;
  background: var(--cf-turuncu); border-radius: 2px;
}
.cf-footer-guven {
  display: flex; flex-wrap: wrap; gap: 10px 26px; align-items: center; justify-content: center;
  padding: 18px 16px; background: #161c24; border-top: 1px solid rgba(255,255,255,.06);
}
.cf-footer-guven span { display: inline-flex; align-items: center; gap: 7px; color: #aeb9c6; font-size: 12.5px; font-weight: 600; }
.cf-footer-guven b { color: #fff; }
.cf-footer-guven .cf-rozet-odeme { background: #fff; color: #232b36; border-radius: 6px; padding: 4px 10px; font-weight: 800; font-size: 11.5px; letter-spacing: .4px; }

/* ---------- v4: kalan turkuaz kalıntılarını marka paletine çek ---------- */
footer > div { background: #17bdaf00; background-color: #1d242e !important; }
.header-search .search-button,
.mobile-header-active .header-search .search-button {
  background: var(--cf-turuncu) !important; border-color: var(--cf-turuncu) !important;
}
.desktop .main-menu > .j-menu > li:hover > a,
.main-menu > .j-menu > li.active > a,
.desktop #main-menu-2 > .j-menu > li:hover > a,
#main-menu-2 > .j-menu > li.active > a,
.desktop .top-menu .j-menu > li:hover > a,
.top-menu .j-menu > li.active > a {
  color: var(--cf-turuncu) !important;
  background: transparent !important;
}
.desktop .main-menu > .j-menu > li:hover > a::before,
.main-menu > .j-menu > li.active > a::before,
.desktop #main-menu-2 > .j-menu > li:hover > a::before,
#main-menu-2 > .j-menu > li.active > a::before {
  background: var(--cf-turuncu) !important;
}
.mobile-header-active .mobile-wrapper-header { background: var(--cf-antrasit) !important; }
.product-info .button-group-page .btn-cart.btn,
.product-info .button-group-page .btn-extra.btn {
  background: var(--cf-turuncu) !important; border-color: var(--cf-turuncu) !important;
}
.product-info .button-group-page .btn-cart.btn:hover,
.product-info .button-group-page .btn-extra.btn:hover {
  background: var(--cf-turuncu-koyu) !important;
}
/* footer band içi metin/başlık okunabilirliği */
footer > div .module-title, footer > div .links-menu a, footer > div p, footer > div .block-content { color: #c9d2dd; }
footer > div .module-title { color: #fff !important; }

/* ============================================================
   v5 — Arama/menü düzeltmeleri + %100 MOBİL APP paketi
   ============================================================ */

/* ---------- Arama pill'i: buton içeride, ikonlu ---------- */
.desktop-search-wrapper .header-search { position: relative; }
#search .search-input { height: 46px; padding-right: 58px !important; }
#search .search-button {
  position: absolute !important; right: 0; top: 0; bottom: 0; width: 54px;
  display: flex !important; align-items: center; justify-content: center;
  border-radius: 0 26px 26px 0 !important;
}
#search .search-button svg { width: 20px; height: 20px; fill: #fff; }

/* ---------- Ana menü: bozuk ikonları gizle, salt tipografi ---------- */
.main-menu .j-menu > li > a::before,
.main-menu .j-menu > li > a > i,
.main-menu .j-menu > li > a .links-image { display: none !important; content: none !important; }
.main-menu .j-menu > li > a { padding-top: 14px; padding-bottom: 14px; }

/* ---------- Hero: slider init'inden bağımsız deterministik yükseklik ---------- */
.module-master_slider-327 {
  height: clamp(440px, 38vw, 620px) !important;
  min-height: 0 !important;
  overflow: hidden;
  background-size: cover !important;
  background-position: center !important;
}
.module-master_slider-327 .master-slider { height: 100% !important; }
.module-master_slider-327 > img,
.module-master_slider-327 .ms-slide img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- Yatay taşma emniyeti ---------- */
html, body { overflow-x: hidden; }

/* ---------- MOBİL: app düzeni ---------- */
.cf-mobil-nav { display: none; }
@media (max-width: 767px) {
  body { padding-bottom: 70px; }
  .cf-whatsapp { display: none; }            /* alt barda WhatsApp var */

  /* hero: tam ekran, içerik ortada, taşma yok */
  .module-master_slider-327 {
    height: calc(100svh - 150px) !important;
    max-height: 660px; min-height: 430px !important;
  }
  .cf-hero { padding: 18px 20px; }
  .cf-hero h1 { font-size: clamp(30px, 8.6vw, 40px); }
  .cf-hero p { font-size: 15px; margin-bottom: 20px; }
  .cf-hero-cta { flex-direction: column; align-items: stretch; width: 100%; max-width: 320px; }
  .cf-hero-cta a { justify-content: center; }

  /* alt navigasyon barı */
  .cf-mobil-nav {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 9998;
    display: flex; align-items: flex-end;
    background: #fff; border-top: 1px solid #e7ebf0;
    box-shadow: 0 -4px 18px rgba(0,0,0,.09);
    padding: 7px 4px calc(7px + env(safe-area-inset-bottom));
  }
  .cf-mobil-nav a {
    flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px;
    color: #5b6675; font-size: 10.5px; font-weight: 700; text-decoration: none;
    position: relative;
  }
  .cf-mobil-nav .cf-mn-ikon { font-size: 21px; line-height: 1; }
  .cf-mobil-nav a.aktif { color: var(--cf-turuncu); }
  .cf-mobil-nav .cf-mn-orta { margin-top: -26px; }
  .cf-mobil-nav .cf-mn-orta .cf-mn-ikon {
    width: 54px; height: 54px; border-radius: 50%;
    background: #25d366; color: #fff;
    display: flex; align-items: center; justify-content: center; font-size: 26px;
    box-shadow: 0 6px 16px rgba(37,211,102,.45);
    border: 3px solid #fff;
  }
  .cf-sepet-rozet {
    position: absolute; top: -4px; right: calc(50% - 18px);
    background: var(--cf-turuncu); color: #fff; border-radius: 10px;
    font-size: 10px; font-weight: 800; padding: 1px 5px; min-width: 16px; text-align: center;
  }
}

/* ---------- Mobil kategori sheet ---------- */
.cf-sheet {
  position: fixed; inset: 0; z-index: 10000;
  background: rgba(20,26,34,.55);
  opacity: 0; pointer-events: none; transition: opacity .2s ease;
}
.cf-sheet.acik { opacity: 1; pointer-events: auto; }
.cf-sheet-panel {
  position: absolute; left: 0; right: 0; bottom: 0;
  background: #fff; border-radius: 18px 18px 0 0;
  padding: 14px 16px calc(22px + env(safe-area-inset-bottom));
  transform: translateY(100%); transition: transform .25s ease;
  max-height: 78vh; overflow: auto;
}
.cf-sheet.acik .cf-sheet-panel { transform: none; }
.cf-sheet-tutamac { width: 44px; height: 4.5px; border-radius: 3px; background: #dde3ea; margin: 0 auto 14px; }
.cf-sheet-baslik { font-size: 16px; font-weight: 800; color: var(--cf-antrasit); margin-bottom: 12px; text-align: center; }
.cf-sheet-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cf-sheet-grid a {
  display: flex; align-items: center; gap: 10px;
  background: #f4f7fa; border: 1px solid #edf1f5; border-radius: 12px;
  padding: 13px 12px; color: var(--cf-antrasit);
  font-weight: 700; font-size: 13px; text-decoration: none;
}
.cf-sheet-grid a:active { background: #ffe9d6; border-color: var(--cf-turuncu); }
.cf-sheet-grid .cf-sg-ikon { font-size: 20px; }

/* ---------- v6: mobil hero (modül 366) + mobil header renk düzeltmeleri ---------- */
.module-master_slider-366 {
  position: relative; overflow: hidden;
  height: calc(100svh - 150px) !important;
  max-height: 660px; min-height: 430px !important;
  background-size: cover !important; background-position: center !important;
}
.module-master_slider-366 .master-slider { height: 100% !important; }
.module-master_slider-366 > img,
.module-master_slider-366 .ms-slide img { width: 100%; height: 100%; object-fit: cover; }
.module-master_slider-366 .master-slider::after {
  content: ""; position: absolute; inset: 0; z-index: 4;
  background: radial-gradient(ellipse at center, rgba(20,26,34,.18) 0%, rgba(20,26,34,.58) 100%);
  pointer-events: none;
}
.module-master_slider-366 .static-text,
.module-master_slider-366 .ms-bullets { display: none !important; }

@media (max-width: 767px) {
  .mobile-header-active .mobile-wrapper-header { background: var(--cf-antrasit) !important; }
  .mobile-bar .menu-trigger,
  .mobile-bar .menu-trigger s,
  .mobile-bar .menu-trigger::before,
  .mobile-bar .menu-trigger::after { color: var(--cf-antrasit) !important; }
  .mobile-bar [class*="cart"]::before,
  .mobile-bar .cart-trigger,
  .mobile-bar a::before { color: var(--cf-antrasit) !important; }
}

/* v7: temanın kendi WhatsApp balonunu mobilde gizle (alt barda var) */
@media (max-width: 767px) {
  .botao-wpp, .module-info_blocks-343 { display: none !important; }
}

/* v8: hero CSS fallback zemini (slider JS beklemeden koyu görünüm) + eski WhatsApp balonu */
.module-master_slider-327, .module-master_slider-366 {
  background-color: #232b36 !important;
  background-image: url('../../../../../image/catalog/slayt/ahsapsonslider-1920x730.jpg') !important;
}
a.inova.whatsapp { display: none !important; }           /* tema balonu: masaüstünde bizim .cf-whatsapp, mobilde alt bar var */

/* ============================================================
   v9 — ÜRÜN DETAY SAYFASI modernizasyonu
   ============================================================ */

/* eski 'Kumaş Seçenekleri' kırmızı bloğu gizle (yerine JS kartı geliyor) */
.module-product_blocks-385, .module-product_blocks-249,
.module-info_blocks-249, .module-info_blocks-385 { display: none !important; }
.product-price-group .product-tax { display: none !important; }

/* galeri: yumuşak köşe + zarif çerçeve */
.product-image .main-image, .product-image { border-radius: 14px; overflow: hidden; }
.product-image img { border-radius: 14px; }

/* başlık + model satırı */
.product-info .title.page-title { font-weight: 800; letter-spacing: -.3px; }

/* fiyat bloğu */
.product-price-group { 
  background: #f8fafc; border: 1px solid #edf1f5; border-radius: 12px;
  padding: 14px 16px; margin: 10px 0 4px;
}
.product-price { font-weight: 800; }
.cf-fiyat-alt {
  display: flex; flex-wrap: wrap; gap: 8px 18px;
  font-size: 12.5px; color: #5b6675; margin-top: 8px;
}
.cf-fiyat-alt b.yesil { color: var(--cf-yesil); }
.cf-fiyat-alt b.mavi { color: var(--cf-mavi); }

/* hesap kutusu: inputlar kutu içinde */
.cf-hesap .form-group { margin: 8px 0 !important; }
.cf-hesap .form-group label {
  font-size: 12.5px; font-weight: 700; color: #6a7482;
  text-transform: uppercase; letter-spacing: .3px;
}
.cf-hesap .form-group input[type="text"] {
  border: 1.5px solid #e7cdb2 !important; border-radius: 10px !important;
  height: 46px; font-size: 16px; font-weight: 700; color: var(--cf-antrasit);
  background: #fff !important;
}
.cf-hesap .form-group input[type="text"]:focus {
  border-color: var(--cf-turuncu) !important;
  box-shadow: 0 0 0 4px rgba(255,122,0,.12) !important;
}
.cf-hesap-girisler { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 10px; }
@media (max-width: 470px) { .cf-hesap-girisler { grid-template-columns: 1fr; } }

/* butonlar */
#button-cart, .btn-cart { border-radius: 10px !important; font-weight: 800 !important; letter-spacing: .3px; }
.product-buttons .btn, .button-group-page .btn { border-radius: 10px !important; }

/* WhatsApp ölçü yardım satırı */
.cf-wp-olcu {
  display: flex; align-items: center; gap: 10px;
  background: #eafaf0; border: 1px solid #c9efd8; border-radius: 12px;
  padding: 12px 14px; margin: 12px 0; text-decoration: none;
  transition: border-color .15s ease;
}
.cf-wp-olcu:hover { border-color: #25d366; }
.cf-wp-olcu .wp-ikon {
  width: 38px; height: 38px; border-radius: 50%; background: #25d366; flex: none;
  display: flex; align-items: center; justify-content: center;
}
.cf-wp-olcu .wp-ikon svg { width: 22px; height: 22px; fill: #fff; }
.cf-wp-olcu .wp-metin { font-size: 13px; line-height: 1.4; color: #23543a; }
.cf-wp-olcu .wp-metin b { display: block; font-size: 13.5px; color: #17402b; }

/* ölçü rehberi kartı (kumaş bloğunun yerine) */
.cf-rehber-kart {
  display: flex; align-items: center; gap: 12px;
  background: #fff7f0; border: 1.5px dashed rgba(255,122,0,.5); border-radius: 12px;
  padding: 12px 14px; margin: 12px 0; text-decoration: none;
}
.cf-rehber-kart:hover { border-style: solid; }
.cf-rehber-kart .rk-ikon { font-size: 26px; }
.cf-rehber-kart .rk-metin { font-size: 13px; color: #7a4a1f; line-height: 1.4; }
.cf-rehber-kart .rk-metin b { display: block; color: var(--cf-turuncu-koyu); font-size: 13.5px; }

/* boş yıldız satırını JS gizler; sekmeler pill */
.product-tabs .nav-tabs > li > a, .nav-tabs > li > a {
  border-radius: 22px !important; font-weight: 700;
}
.nav-tabs > li.active > a { background: var(--cf-antrasit) !important; color: #fff !important; }

/* açıklama içi tablolar */
#tab-description table, .product-description table, .tab-content table {
  width: 100%; border-collapse: collapse; border-radius: 10px; overflow: hidden;
  border: 1px solid #e7ebf0 !important; margin: 12px 0;
}
#tab-description table td, .tab-content table td {
  padding: 10px 14px !important; border: none !important; border-bottom: 1px solid #eef2f6 !important;
  font-size: 14px;
}
#tab-description table tr:nth-child(odd) td, .tab-content table tr:nth-child(odd) td { background: #f8fafc; }
#tab-description table td:first-child, .tab-content table td:first-child {
  font-weight: 700; color: var(--cf-antrasit); width: 34%;
}
.tab-content h2, .tab-content h3 { color: var(--cf-antrasit); }
.tab-content h3 { position: relative; padding-left: 14px; }
.tab-content h3::before {
  content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 4px;
  border-radius: 2px; background: var(--cf-turuncu);
}