/* =====================================================================
   sf-modern.css — v1.6 modern sayfa düzenleri
   Kategori menüsü, kategori sayfası, ürün detay bölümü, Önemli Bilgiler,
   kurumsal sayfalar. Tema dosyalarına dokunmaz; en son yüklenir.
   ===================================================================== */
:root{
  --sf-ana:#1B9AA8; --sf-ana-koyu:#137883; --sf-ana-acik:#e8f5f6;
  --sf-koyu:#16252f; --sf-metin:#1d2a33; --sf-ikincil:#4b5963; --sf-soluk:#7a8893;
  --sf-cizgi:#e4ecef; --sf-zemin:#f4f8f9; --sf-radius:14px;
  --sf-golge:0 1px 2px rgba(16,42,54,.05), 0 6px 20px rgba(16,42,54,.06);
}

/* ---------- 1. Kategori menüsü (anasayfa sol + kategori sayfası yan) ---------- */
.skm{ background:#fff; border:1px solid var(--sf-cizgi); border-radius:18px; box-shadow:0 1px 2px rgba(16,42,54,.04), 0 12px 32px rgba(16,42,54,.07); overflow:hidden; display:flex; flex-direction:column; }
.skm-bas{ display:flex; align-items:center; gap:12px; padding:18px 20px 14px; color:var(--sf-koyu); border-bottom:1px solid #eef3f5; }
.skm-bas-ikon{ width:38px; height:38px; border-radius:12px; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, #1B9AA8 0%, #137883 100%); color:#fff; box-shadow:0 6px 14px rgba(27,154,168,.30); }
.skm-bas-yazi{ display:flex; flex-direction:column; line-height:1.2; }
.skm-bas-yazi strong{ font-family:var(--font-baslik, inherit); font-size:17px; font-weight:800; letter-spacing:-.01em; color:var(--sf-koyu); }
.skm-bas-yazi small{ font-size:12.5px; color:var(--sf-soluk); margin-top:3px; font-weight:600; }
.skm-liste{ list-style:none; margin:0; padding:8px 10px; }
.skm-liste li{ margin:0; padding:0; border:0; }
.skm-a{ display:flex !important; align-items:center; gap:12px; padding:9px 10px !important; border-radius:12px; position:relative;
  color:var(--sf-metin) !important; font-weight:600; font-size:14.5px; line-height:1.3; text-decoration:none;
  transition:background .22s ease, color .22s ease, transform .22s ease; }
.skm-ikon{ width:36px; height:36px; flex:0 0 36px; border-radius:11px; background:#f2f7f8; color:var(--sf-ana);
  display:inline-flex; align-items:center; justify-content:center; transition:background .22s ease, color .22s ease, box-shadow .22s ease; }
.skm-ad{ flex:1 1 auto; min-width:0; }
.skm-ok{ flex:0 0 auto; color:var(--sf-ana); opacity:0; transform:translateX(-6px); transition:opacity .22s ease, transform .22s ease; }
.skm-a:hover{ background:linear-gradient(90deg, #eef8f9 0%, rgba(238,248,249,0) 100%); color:var(--sf-ana-koyu) !important; }
.skm-a:hover .skm-ikon{ background:var(--sf-ana); color:#fff; box-shadow:0 6px 14px rgba(27,154,168,.28); }
.skm-a:hover .skm-ok{ opacity:1; transform:none; }
.skm-a.aktif{ background:#e8f5f6; color:var(--sf-ana-koyu) !important; }
.skm-a.aktif .skm-ikon{ background:var(--sf-ana); color:#fff; }
.skm-a.aktif .skm-ok{ opacity:1; transform:none; }
.skm-liste li + li .skm-a::before{ content:""; position:absolute; left:58px; right:10px; top:0; border-top:1px dashed #edf2f4; }
.skm-a:hover::before, .skm-a.aktif::before, .skm-liste li:has(.skm-a:hover) + li .skm-a::before, .skm-liste li:has(.skm-a.aktif) + li .skm-a::before{ border-color:transparent; }
.skm-alt{ margin:auto 12px 12px; padding:14px 16px; border-radius:14px; color:#fff; position:relative; overflow:hidden;
  background:linear-gradient(135deg, #0f3b45 0%, #15707b 60%, #1B9AA8 100%); display:flex; flex-direction:column; gap:3px; }
.skm-alt::after{ content:""; position:absolute; right:-30px; top:-40px; width:120px; height:120px; border-radius:50%; background:rgba(255,255,255,.08); }
.skm-alt strong{ font-family:var(--font-baslik, inherit); font-size:15px; font-weight:800; color:#fff; }
.skm-alt span{ font-size:12.5px; color:rgba(255,255,255,.85); }
.skm-alt-btn{ align-self:flex-start; margin-top:8px; display:inline-flex; align-items:center; gap:7px; background:#fff; color:var(--sf-ana-koyu) !important;
  font-weight:800; font-size:13px; border-radius:30px; padding:7px 16px; position:relative; z-index:1; transition:transform .2s ease, box-shadow .2s ease; }
.skm-alt-btn:hover{ transform:translateY(-1px); box-shadow:0 6px 14px rgba(0,0,0,.18); }

/* Anasayfa: eski aç/kapa menü gizli (silinmedi), yerine modern menü */
.slider-with-banner .skm-eski{ display:none !important; }
.slider-with-banner .skm{ height:100%; max-height:475px; }
.slider-with-banner .skm-liste{ overflow:auto; scrollbar-width:thin; }

/* Mobil/tablet: menü yatay kaydırılabilir çipler */
@media (max-width:991px){
  .skm{ border-radius:0; box-shadow:none; background:transparent; border:0; overflow:visible; }
  .skm-bas, .skm-alt{ display:none; }
  .skm-liste{ display:flex; gap:8px; overflow-x:auto; padding:4px 2px 10px; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .skm-liste::-webkit-scrollbar{ display:none; }
  .skm-liste li{ flex:0 0 auto; scroll-snap-align:start; }
  .skm-liste li + li .skm-a::before{ display:none; }
  .skm-a{ background:#fff; border:1px solid var(--sf-cizgi); border-radius:30px; padding:6px 14px 6px 6px !important; font-size:13.5px; white-space:nowrap; gap:8px; }
  .skm-ikon{ width:28px; height:28px; flex-basis:28px; border-radius:50%; }
  .skm-ikon svg{ width:16px; height:16px; }
  .skm-ok{ display:none; }
  .skm-a.aktif{ background:var(--sf-ana); color:#fff !important; border-color:var(--sf-ana); }
  .skm-a.aktif .skm-ikon{ background:rgba(255,255,255,.22); }
  .slider-with-banner .skm{ max-height:none; height:auto; margin:14px 0 4px; }
}

/* ---------- 2. Kategori sayfası ---------- */
.skt-bas{ display:flex; align-items:flex-start; gap:18px; background:#fff; border:1px solid var(--sf-cizgi);
  border-radius:var(--sf-radius); box-shadow:var(--sf-golge); padding:22px 26px; margin-top:22px !important; }
.skt-bas-ikon{ width:56px; height:56px; flex:0 0 56px; border-radius:16px; background:var(--sf-ana-acik); color:var(--sf-ana);
  display:flex; align-items:center; justify-content:center; }
.skt-bas-ikon svg{ width:28px; height:28px; }
.skt-bas h1{ font-size:28px !important; font-weight:800 !important; letter-spacing:-.015em; }
.skt-bas .kat-sayi{ display:inline-block; margin-top:8px !important; background:var(--sf-ana-acik); color:var(--sf-ana-koyu) !important;
  font-weight:700; font-size:12.5px !important; border-radius:20px; padding:3px 11px; }
.skt-bas .kat-aciklama{ margin-top:12px !important; }
.skt-yan > * + *{ margin-top:18px; }

.skt-kutu{ background:#fff; border:1px solid var(--sf-cizgi); border-radius:var(--sf-radius); padding:18px; box-shadow:var(--sf-golge); }
.skt-kutu > strong{ display:block; font-family:var(--font-baslik, inherit); font-size:15.5px; font-weight:800; color:var(--sf-koyu); margin-bottom:6px; }
.skt-kutu p{ font-size:14px; color:var(--sf-ikincil); line-height:1.6; margin:0 0 12px; }
.skt-bilgi ul{ list-style:none; margin:4px 0 0; padding:0; }
.skt-bilgi li a{ display:flex; align-items:center; gap:8px; padding:7px 0; color:var(--sf-metin); font-weight:600; font-size:14px; border-bottom:1px dashed var(--sf-cizgi); }
.skt-bilgi li:last-child a{ border-bottom:0; }
.skt-bilgi li a:hover{ color:var(--sf-ana); }
.skt-btn{ display:flex !important; align-items:center; justify-content:center; gap:8px; height:44px; border-radius:30px;
  font-weight:700; font-size:14px; text-decoration:none; transition:transform .2s ease, box-shadow .2s ease, background .2s ease; }
.skt-btn + .skt-btn{ margin-top:8px; }
.skt-btn-wp{ background:#25d366; color:#fff !important; box-shadow:0 6px 16px rgba(37,211,102,.28); }
.skt-btn-wp:hover{ background:#1ebe5b; transform:translateY(-1px); }
.skt-btn-tel{ background:#fff; color:var(--sf-ana-koyu) !important; border:1.5px solid #cfe6e9; }
.skt-btn-tel:hover{ border-color:var(--sf-ana); background:var(--sf-ana-acik); }
.skt-arac{ display:flex; align-items:center; gap:14px; justify-content:space-between; background:#fff; border:1px solid var(--sf-cizgi);
  border-radius:12px; padding:8px 8px 8px 14px; }
.skt-ara{ display:flex; align-items:center; gap:10px; flex:1 1 auto; margin:0; color:var(--sf-soluk); }
.skt-ara input{ border:0 !important; outline:0; background:transparent; width:100%; height:36px; font-size:14.5px; color:var(--sf-metin); box-shadow:none !important; }
.skt-sonuc{ flex:0 0 auto; font-size:13px; font-weight:700; color:var(--sf-ana-koyu); background:var(--sf-ana-acik); border-radius:20px; padding:5px 12px; }
.skt-bos{ text-align:center; color:var(--sf-ikincil); padding:40px 0; }
.skt-izgara .single-product-wrap{ height:100%; }
@media (max-width:991px){
  .skt-yan{ margin-bottom:6px; }
  .skt-yan .skt-kutu{ display:none; }
  .skt-bas{ padding:16px; gap:12px; }
  .skt-bas-ikon{ width:44px; height:44px; flex-basis:44px; border-radius:12px; }
  .skt-bas h1{ font-size:22px !important; }
}
@media (max-width:575px){
  .skt-izgara > [class*="col-"]{ padding-left:7px; padding-right:7px; }
  .skt-izgara{ margin-left:-7px; margin-right:-7px; }
  .skt-izgara .product-image img{ height:170px !important; }
  .skt-izgara .product_desc_info h4, .skt-izgara .product_desc_info h4 a{ font-size:13px !important; }
}

/* Ürün kartları: tutarlı modern kart */
.single-product-wrap{ background:#fff; border:1px solid var(--sf-cizgi) !important; border-radius:var(--sf-radius) !important; padding:10px !important; }
.single-product-wrap .product_desc{ padding:12px 4px 6px !important; }

/* Kategori altı rehber metni + SSS */
.skt-seo{ margin-top:46px; background:#fff; border:1px solid var(--sf-cizgi); border-radius:var(--sf-radius); padding:28px 30px; box-shadow:var(--sf-golge); }
.skt-seo h2{ font-size:21px !important; font-weight:800 !important; color:var(--sf-koyu); margin:26px 0 10px; }
.skt-seo h2:first-child{ margin-top:0; }
.skt-seo p, .skt-seo li{ font-size:15px; line-height:1.75; color:#33424d; }
.skt-seo ul{ padding-left:0; list-style:none; }
.skt-seo ul li{ position:relative; padding-left:24px; margin-bottom:6px; }
.skt-seo ul li::before{ content:""; position:absolute; left:4px; top:.62em; width:8px; height:8px; border-radius:50%; background:var(--sf-ana); }
@media (max-width:575px){ .skt-seo{ padding:20px 18px; } }

/* Ortak SSS (details/summary) */
.sf-sss-s{ background:#fff; border:1px solid var(--sf-cizgi); border-radius:12px; margin-bottom:10px; overflow:hidden; transition:border-color .2s ease, box-shadow .2s ease; }
.sf-sss-s[open]{ border-color:#bfe0e4; box-shadow:0 6px 18px rgba(27,154,168,.08); }
.sf-sss-s summary{ cursor:pointer; list-style:none; padding:15px 48px 15px 18px; position:relative; font-weight:700; font-size:15px; color:var(--sf-koyu); line-height:1.45; }
.sf-sss-s summary::-webkit-details-marker{ display:none; }
.sf-sss-s summary::after{ content:"+"; position:absolute; right:16px; top:50%; transform:translateY(-50%); width:24px; height:24px; border-radius:50%;
  background:var(--sf-ana-acik); color:var(--sf-ana); font-size:18px; line-height:24px; text-align:center; font-weight:700; transition:transform .2s ease; }
.sf-sss-s[open] summary::after{ content:"–"; }
.sf-sss-s p{ margin:0; padding:0 18px 16px; color:#3a4a57; font-size:14.5px; line-height:1.7; }

/* ---------- 3. Ürün detay ---------- */
.product__details--info__title{ font-size:28px !important; line-height:1.25 !important; }
.urd-cipler{ list-style:none; display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:4px 0 14px; }
.urd-cipler li{ display:inline-flex; align-items:center; gap:6px; background:#f3f7f8; border:1px solid var(--sf-cizgi); border-radius:30px; padding:5px 12px; font-size:13px; }
.urd-cipler span{ color:var(--sf-soluk); }
.urd-cipler strong, .urd-cipler a{ color:var(--sf-koyu); font-weight:700; }
.urd-cipler a:hover{ color:var(--sf-ana); }
.urd-guven{ list-style:none; padding:0; margin:0 0 18px; display:grid; grid-template-columns:1fr 1fr; gap:8px 14px; }
.urd-guven li{ display:flex; align-items:center; gap:9px; font-size:13.5px; font-weight:600; color:#33424d; }
.urd-guven i{ width:28px; height:28px; border-radius:8px; background:var(--sf-ana-acik); color:var(--sf-ana); display:inline-flex; align-items:center; justify-content:center; font-size:13px; flex:0 0 28px; }
@media (max-width:575px){ .urd-guven{ grid-template-columns:1fr; } .product__details--info__title{ font-size:22px !important; } }

.urd{ padding:10px 0 50px; }
.urd-kart{ background:#fff; border:1px solid var(--sf-cizgi); border-radius:var(--sf-radius); box-shadow:var(--sf-golge); padding:28px 30px; }
.urd-kart p{ font-size:15.5px; line-height:1.8; color:#33424d; margin:0 0 14px; }
.urd-kart p a, .urd-link{ color:var(--sf-ana-koyu); font-weight:700; white-space:nowrap; }
.urd-kart p a:hover, .urd-link:hover{ color:var(--sf-ana); text-decoration:underline; }
.urd-h2{ font-size:23px !important; font-weight:800 !important; color:var(--sf-koyu); margin:0 0 16px; padding-bottom:12px; border-bottom:1px solid var(--sf-cizgi); position:relative; }
.urd-h2::after{ content:""; position:absolute; left:0; bottom:-1px; width:64px; height:3px; border-radius:3px; background:var(--sf-ana); }
.urd-h3{ font-size:18px !important; font-weight:800 !important; color:var(--sf-koyu); margin:26px 0 10px; }
.urd-liste{ list-style:none; padding:0; margin:0 0 6px; display:grid; gap:8px; }
.urd-liste li{ position:relative; padding:10px 14px 10px 44px; background:#f7fafb; border:1px solid #edf2f4; border-radius:10px; font-size:15px; line-height:1.55; color:#2c3b46; }
.urd-liste li::before{ content:""; position:absolute; left:14px; top:12px; width:20px; height:20px; border-radius:50%; background:var(--sf-ana)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat; }
.urd-adim{ list-style:none; counter-reset:adim; padding:0; margin:0 0 6px; display:grid; gap:10px; }
.urd-adim li{ counter-increment:adim; position:relative; padding:12px 14px 12px 58px; border:1px solid #edf2f4; border-radius:12px; background:#fff; display:flex; flex-direction:column; }
.urd-adim li::before{ content:counter(adim); position:absolute; left:14px; top:50%; transform:translateY(-50%); width:30px; height:30px; border-radius:50%;
  background:var(--sf-ana); color:#fff; font-weight:800; font-size:14px; display:flex; align-items:center; justify-content:center; }
.urd-adim strong{ color:var(--sf-koyu); font-size:15px; }
.urd-adim span{ color:var(--sf-ikincil); font-size:14px; line-height:1.55; }
.urd-yan > * + *{ margin-top:18px; }
@media (min-width:992px){ .urd-yan{ position:sticky; top:16px; } }
.urd-tablo-kart{ padding:22px 22px 18px; }
.urd-tablo-kart .urd-h3{ margin-top:0; }
.urd-tablo{ width:100%; border-collapse:collapse; font-size:14px; margin-bottom:10px; }
.urd-tablo th, .urd-tablo td{ padding:9px 0; border-bottom:1px solid #eef3f5; vertical-align:top; text-align:left; }
.urd-tablo tr:last-child th, .urd-tablo tr:last-child td{ border-bottom:0; }
.urd-tablo th{ color:var(--sf-soluk); font-weight:600; width:42%; padding-right:10px; }
.urd-tablo td{ color:var(--sf-koyu); font-weight:600; }
.urd-tablo td a{ color:var(--sf-ana-koyu); }
.urd-cta{ background:linear-gradient(160deg, #f0f9fa 0%, #fff 70%); }
.urd-cta > strong{ display:block; font-family:var(--font-baslik, inherit); font-size:17px; font-weight:800; color:var(--sf-koyu); margin-bottom:6px; }
.urd-cta p{ font-size:14px !important; margin-bottom:14px !important; }
@media (max-width:991px){ .urd-yan{ margin-top:18px; } }
@media (max-width:575px){ .urd-kart{ padding:20px 18px; } .urd-h2{ font-size:20px !important; } }

/* ---------- 4. Önemli Bilgiler sayfaları ---------- */
.sfb-hero{ background:linear-gradient(135deg, #0f3b45 0%, #15707b 55%, #1B9AA8 100%); color:#fff; padding:38px 0 42px; position:relative; overflow:hidden; }
.sfb-hero::after{ content:""; position:absolute; right:-80px; top:-80px; width:320px; height:320px; border-radius:50%; background:rgba(255,255,255,.06); }
.sfb-etiket{ display:inline-flex; align-items:center; gap:7px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22); color:#fff;
  font-size:12.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; border-radius:30px; padding:5px 12px; }
.sfb-hero .sfb-baslik{ color:#fff !important; font-size:38px !important; font-weight:800 !important; letter-spacing:-.02em; margin:14px 0 12px; line-height:1.15; }
.sfb-meta{ display:flex; flex-wrap:wrap; gap:10px 18px; font-size:14px; color:rgba(255,255,255,.88); }
.sfb-meta span{ display:inline-flex; align-items:center; gap:7px; }
.sfb-sayfa{ background:var(--sf-zemin); }
.sfb-kart{ background:#fff; border:1px solid var(--sf-cizgi); border-radius:var(--sf-radius); box-shadow:var(--sf-golge); padding:32px 36px; }
.sfb-ozet{ background:linear-gradient(160deg, #eef8f9 0%, #f8fcfc 100%); border:1px solid #cfe6e9; border-left:4px solid var(--sf-ana);
  border-radius:12px; padding:16px 20px; margin:0 0 26px; }
.sfb-ozet-bas{ display:flex; align-items:center; gap:8px; font-family:var(--font-baslik, inherit); font-size:15px; font-weight:800; color:var(--sf-ana-koyu); margin-bottom:8px; }
.sfb-ozet ul{ margin:0; padding-left:20px; }
.sfb-ozet li{ font-size:15px; line-height:1.65; color:#2c3b46; margin-bottom:4px; }
.sfb-icerik{ font-size:16px; }
.sfb-icerik p, .sfb-icerik li{ font-size:16px !important; line-height:1.85 !important; color:#2f3e49 !important; }
.sfb-icerik p{ margin:0 0 14px !important; }
.sfb-icerik h2, .sfb-icerik h3, .sfb-icerik h4{ color:var(--sf-koyu) !important; font-weight:800 !important; scroll-margin-top:90px; }
.sfb-icerik h2{ font-size:24px !important; margin:34px 0 12px !important; padding-top:24px; border-top:1px solid var(--sf-cizgi); }
.sfb-icerik h3{ font-size:20px !important; margin:28px 0 10px !important; }
.sfb-icerik h4{ font-size:17.5px !important; margin:22px 0 8px !important; }
.sfb-icerik > :first-child, .sfb-icerik > h2:first-child, .sfb-icerik > h3:first-child{ margin-top:0 !important; padding-top:0; border-top:0; }
.sfb-icerik ul, .sfb-icerik ol{ padding-left:22px; margin:0 0 16px; }
.sfb-icerik strong, .sfb-icerik b{ color:var(--sf-koyu); }
.sfb-icerik img{ max-width:100%; height:auto; border-radius:10px; }
.sfb-icerik .sfb-bos{ display:none !important; }
.sfb-icerik br + br{ display:none; }
.sfb-tablo{ overflow-x:auto; margin:10px 0 22px; border:1px solid var(--sf-cizgi); border-radius:12px; }
.sfb-tablo table{ width:100%; border-collapse:collapse; margin:0 !important; font-size:14.5px; min-width:420px; }
.sfb-tablo th, .sfb-tablo td{ padding:10px 14px !important; border:0 !important; border-bottom:1px solid #edf2f4 !important; text-align:left; }
.sfb-tablo tr:first-child td, .sfb-tablo th{ background:#f2f8f9; font-weight:800; color:var(--sf-koyu); }
.sfb-tablo tr:nth-child(even) td{ background:#fbfdfd; }
.sfb-sss{ margin-top:34px; padding-top:26px; border-top:1px solid var(--sf-cizgi); }
.sfb-sss h2{ font-size:22px !important; font-weight:800 !important; color:var(--sf-koyu); margin:0 0 14px; }
.sfb-gecis{ display:flex; justify-content:space-between; gap:14px; margin-top:20px; }
.sfb-gecis-a{ flex:1 1 0; background:#fff; border:1px solid var(--sf-cizgi); border-radius:12px; padding:14px 18px; display:flex; flex-direction:column; gap:3px;
  color:var(--sf-koyu); transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.sfb-gecis-a:hover{ border-color:var(--sf-ana); transform:translateY(-2px); box-shadow:var(--sf-golge); color:var(--sf-ana-koyu); }
.sfb-gecis-a small{ color:var(--sf-soluk); font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.sfb-gecis-a strong{ font-size:15.5px; }
.sfb-sag{ text-align:right; }
.sfb-yan > * + *{ margin-top:18px; }
@media (min-width:992px){ .sfb-yan{ position:sticky; top:16px; } }
.sfb-kutu{ background:#fff; border:1px solid var(--sf-cizgi); border-radius:var(--sf-radius); box-shadow:var(--sf-golge); padding:20px; }
.sfb-kutu-baslik{ font-size:15.5px !important; font-weight:800 !important; color:var(--sf-koyu); margin:0 0 10px !important; letter-spacing:0; }
.sfb-toc-liste{ list-style:none; counter-reset:toc; margin:0; padding:0; }
.sfb-toc-liste li{ counter-increment:toc; }
.sfb-toc-liste a{ display:flex; gap:10px; padding:6px 8px; border-radius:8px; color:var(--sf-ikincil); font-size:14px; font-weight:600; line-height:1.4; }
.sfb-toc-liste a::before{ content:counter(toc, decimal-leading-zero); color:#a9b6bc; font-size:12px; font-weight:800; min-width:20px; padding-top:1px; }
.sfb-toc-liste a:hover, .sfb-toc-liste a.aktif{ background:var(--sf-ana-acik); color:var(--sf-ana-koyu); }
.sfb-toc-liste a.aktif::before{ color:var(--sf-ana); }
.sfb-liste{ list-style:none; margin:0; padding:0; }
.sfb-liste a{ display:flex; align-items:center; gap:10px; padding:9px 10px; border-radius:10px; color:var(--sf-metin); font-weight:600; font-size:14.5px; }
.sfb-liste a span:not(.sfb-kat-ikon){ flex:1 1 auto; }
.sfb-liste a i{ color:#b5c2c8; }
.sfb-liste a:hover{ background:#f3f9fa; color:var(--sf-ana-koyu); }
.sfb-liste a.aktif{ background:var(--sf-ana-acik); color:var(--sf-ana-koyu); }
.sfb-kat-ikon{ width:30px; height:30px; border-radius:9px; background:var(--sf-ana-acik); color:var(--sf-ana); display:inline-flex; align-items:center; justify-content:center; flex:0 0 30px; }
.sfb-kat-ikon svg{ width:16px; height:16px; }
.sfb-cta p{ font-size:14px; color:var(--sf-ikincil); line-height:1.6; margin:0 0 12px; }
.sfb-btn{ display:flex; align-items:center; justify-content:center; gap:8px; height:44px; border-radius:30px; font-weight:700; font-size:14px; }
.sfb-btn + .sfb-btn{ margin-top:8px; }
.sfb-btn-wp{ background:#25d366; color:#fff !important; box-shadow:0 6px 16px rgba(37,211,102,.28); }
.sfb-btn-tel{ background:#fff; color:var(--sf-ana-koyu) !important; border:1.5px solid #cfe6e9; }
@media (max-width:991px){ .sfb-yan{ margin-top:24px; } .sfb-toc{ display:none; } }
@media (max-width:575px){
  .sfb-hero{ padding:26px 0 30px; } .sfb-hero .sfb-baslik{ font-size:27px !important; }
  .sfb-kart{ padding:22px 18px; } .sfb-gecis{ flex-direction:column; }
  .sfb-icerik p, .sfb-icerik li{ font-size:15.5px !important; }
}

/* Anasayfa menüsü: slider yüksekliğine sığacak sıkı düzen */
@media (min-width:992px){
  .slider-with-banner .skm-bas{ padding:14px 16px 12px; }
  .slider-with-banner .skm-liste{ padding:6px 8px; }
  .slider-with-banner .skm-a{ padding:6px 8px !important; gap:10px; font-size:14px; line-height:1.25; }
  .slider-with-banner .skm-ikon{ width:32px; height:32px; flex-basis:32px; border-radius:10px; }
  .slider-with-banner .skm-ikon svg{ width:17px; height:17px; }
  .slider-with-banner .skm-liste li + li .skm-a::before{ left:50px; }
}


/* Bilgi içeriği: ayırıcı çizgi ve madde işaretleri */
.sfb-icerik hr{ border:0; border-top:1px solid var(--sf-cizgi); margin:26px 0 !important; height:0; opacity:1; }
.sfb-icerik hr + h2, .sfb-icerik hr + h3, .sfb-icerik hr + h4{ margin-top:0 !important; padding-top:0; border-top:0; }
.sfb-icerik ul{ list-style:disc !important; padding-left:22px !important; }
.sfb-icerik ol{ list-style:decimal !important; padding-left:22px !important; }
.sfb-icerik ul li, .sfb-icerik ol li{ display:list-item !important; margin-bottom:4px; }
.sfb-icerik li::marker{ color:var(--sf-ana); }
.sfb-icerik li > p{ margin:0 0 4px !important; }
.sfb-ozet ul{ list-style:disc !important; padding-left:20px !important; } .sfb-ozet li{ display:list-item !important; } .sfb-ozet li::marker{ color:var(--sf-ana); }

/* ---------- 5. Kurumsal sayfa başlığı ---------- */
.sfp-bas{ padding:26px 0 6px; }
.sfp-bas-ic{ display:flex; align-items:center; gap:16px; background:linear-gradient(120deg, #0f3b45 0%, #15707b 60%, #1B9AA8 100%); color:#fff;
  border-radius:var(--sf-radius); padding:24px 28px; position:relative; overflow:hidden; box-shadow:0 10px 28px rgba(15,59,69,.18); }
.sfp-bas-ic::after{ content:""; position:absolute; right:-60px; top:-90px; width:260px; height:260px; border-radius:50%; background:rgba(255,255,255,.07); }
.sfp-ikon{ width:52px; height:52px; flex:0 0 52px; border-radius:14px; background:rgba(255,255,255,.15); display:flex; align-items:center; justify-content:center; font-size:22px; }
.sfp-h1{ color:#fff !important; font-size:30px !important; font-weight:800 !important; margin:0 !important; letter-spacing:-.015em; line-height:1.2; }
.sfp-alt{ margin:6px 0 0 !important; color:rgba(255,255,255,.88) !important; font-size:15px !important; }
@media (max-width:575px){ .sfp-bas-ic{ padding:18px; gap:12px; } .sfp-ikon{ width:42px; height:42px; flex-basis:42px; font-size:18px; } .sfp-h1{ font-size:23px !important; } }
.sf-hakkimizda-h1{ font-size:34px !important; font-weight:800 !important; color:var(--sf-koyu); margin-bottom:12px; }
.sf-yazi-h1{ font-size:30px !important; line-height:1.25 !important; font-weight:800 !important; color:var(--sf-koyu) !important; }
@media (max-width:575px){ .sf-yazi-h1{ font-size:24px !important; } .sf-hakkimizda-h1{ font-size:28px !important; } }
.sf-olcu-tablo caption{ caption-side:top; text-align:left; padding:12px 14px; font-family:var(--font-baslik, inherit); font-weight:800; font-size:16px; color:var(--sf-koyu); background:#fff; }
.sf-olcu-tablo thead th{ background:var(--sf-ana) !important; color:#fff !important; font-weight:700 !important; white-space:nowrap; }
.sf-olcu-tablo td:first-child{ font-weight:800; color:var(--sf-ana-koyu); }
.sf-olcu-tablo td, .sf-olcu-tablo th{ text-align:center !important; }
.sf-olcu-tablo td:first-child, .sf-olcu-tablo th:first-child{ text-align:left !important; }
.sf-olcu-tablo tbody tr:first-child td{ background:#fff; font-weight:400; color:inherit; } .sf-olcu-tablo tbody tr:first-child td:first-child{ font-weight:800; color:var(--sf-ana-koyu); } .sf-olcu-tablo tbody tr:nth-child(even) td{ background:#f8fbfc; }

/* Ürün sayıları gösterilmez */
.skt-bas .kat-sayi{ display:none !important; }
.skt-sonuc{ display:none; }
.skt-arac.ariyor .skt-sonuc{ display:inline-block; }
/* Anasayfa: liste menü yüksekliğini boşluk bırakmadan doldurur */
@media (min-width:992px){
  .slider-with-banner .skm-liste{ flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-evenly; }
}

/* ---------- 6. Blog: resimsiz, eşit yükseklikte kartlar ---------- */
.sbl-izgara{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px; }
.sbl-kart{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--sf-cizgi); border-radius:16px; padding:24px 24px 20px;
  box-shadow:var(--sf-golge); position:relative; overflow:hidden; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; height:100%; }
.sbl-kart::before{ content:""; position:absolute; left:0; top:0; right:0; height:4px; background:linear-gradient(90deg, #1B9AA8, #15707b); opacity:.9; }
.sbl-kart:hover{ transform:translateY(-4px); border-color:#cfe6e9; box-shadow:0 16px 34px rgba(16,42,54,.12); }
.sbl-ust{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:14px; }
.sbl-etiket{ font-size:11.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--sf-ana-koyu); background:var(--sf-ana-acik); border-radius:20px; padding:4px 10px; }
.sbl-tarih{ font-size:12.5px; color:var(--sf-soluk); display:inline-flex; align-items:center; gap:6px; }
.sbl-baslik{ font-size:19px !important; line-height:1.35 !important; font-weight:800 !important; margin:0 0 10px !important; }
.sbl-baslik a{ color:var(--sf-koyu) !important; }
.sbl-baslik a::after{ content:""; position:absolute; inset:0; } /* tüm kart tıklanabilir */
.sbl-kart:hover .sbl-baslik a{ color:var(--sf-ana-koyu) !important; }
.sbl-ozet{ font-size:14.5px !important; line-height:1.7 !important; color:var(--sf-ikincil) !important; margin:0 0 18px !important; flex:1 1 auto;
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.sbl-alt{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:14px; border-top:1px solid #eef3f5; }
.sbl-sure{ font-size:12.5px; color:var(--sf-soluk); display:inline-flex; align-items:center; gap:6px; }
.sbl-devam{ position:relative; z-index:1; font-weight:800; font-size:13.5px; color:var(--sf-ana-koyu) !important; display:inline-flex; align-items:center; gap:7px; }
.sbl-devam i{ transition:transform .2s ease; }
.sbl-kart:hover .sbl-devam i{ transform:translateX(4px); }
@media (max-width:991px){ .sbl-izgara{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width:575px){ .sbl-izgara{ grid-template-columns:1fr; gap:14px; } .sbl-kart{ padding:20px 18px 16px; } .sbl-baslik{ font-size:17.5px !important; } }

/* Blog yazısı */
.sbl-kapak{ margin:0 0 24px; border-radius:12px; overflow:hidden; background:#f3f7f8; }
.sbl-kapak img{ width:100%; max-height:420px; object-fit:cover; display:block; }
.sbl-paylas{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:26px; padding-top:18px; border-top:1px solid var(--sf-cizgi); }
.sbl-paylas span{ font-weight:800; color:var(--sf-koyu); font-size:14px; margin-right:4px; }
.sbl-paylas a{ width:38px; height:38px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:var(--sf-ana-acik); color:var(--sf-ana-koyu); font-size:16px; transition:background .2s ease, color .2s ease; }
.sbl-paylas a:hover{ background:var(--sf-ana); color:#fff; }
.sbl-diger{ list-style:none; margin:0 0 10px; padding:0; }
.sbl-diger li a{ display:flex; flex-direction:column; gap:3px; padding:10px 0; border-bottom:1px dashed var(--sf-cizgi); }
.sbl-diger li:last-child a{ border-bottom:0; }
.sbl-diger strong{ color:var(--sf-koyu); font-size:14.5px; line-height:1.4; }
.sbl-diger small{ color:var(--sf-soluk); font-size:12px; }
.sbl-diger a:hover strong{ color:var(--sf-ana-koyu); }

/* Alt bilgi imzası */
.sf-imza{ margin:12px auto 4px; font-size:13px; color:#6b7883; display:flex; align-items:center; justify-content:center; gap:6px; flex-wrap:wrap; }
.sf-imza a{ font-weight:800; color:var(--sf-ana-koyu) !important; border-bottom:1px solid rgba(27,154,168,.35); padding-bottom:1px; transition:color .2s ease, border-color .2s ease; }
.sf-imza a:hover{ color:var(--sf-ana) !important; border-color:var(--sf-ana); }

/* Anasayfa: blogdan son yazılar */
.sbl-ana{ margin:46px 0 10px; }
.sbl-ana-bas{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:18px; }
.sbl-ana-bas h2{ font-size:24px !important; font-weight:800 !important; color:var(--sf-koyu); margin:0 !important; }
.sbl-ana-bas a{ font-weight:800; font-size:14px; color:var(--sf-ana-koyu) !important; display:inline-flex; align-items:center; gap:7px; white-space:nowrap; }
.sbl-ana-bas a:hover{ color:var(--sf-ana) !important; }
.sbl-kart h3.sbl-baslik{ font-size:18px !important; }

/* Blog kartı: sade, yalnız yazı */
.sbl-kart{ padding:22px 22px 18px !important; border-radius:12px !important; box-shadow:none !important; border:1px solid #e3eaed !important; background:#fff; }
.sbl-kart::before{ display:none !important; }
.sbl-kart:hover{ transform:none !important; border-color:var(--sf-ana) !important; box-shadow:none !important; }
.sbl-kart .sbl-baslik, .sbl-kart h3.sbl-baslik{ font-size:17.5px !important; line-height:1.4 !important; margin:0 0 8px !important; }
.sbl-kart .sbl-ozet{ margin:0 0 12px !important; font-size:14.5px !important; }
.sbl-kart .sbl-devam{ font-size:13.5px; font-weight:700; color:var(--sf-ana-koyu); margin-top:auto; }