/* =========================================================
   b2bNet — guncellemeler.css
   Guncellemeler (surum notlari) sayfasi.
   1. Tepe bandi + arama
   2. Yapiskan yil seridi
   3. Zaman tuneli (yil bolumleri + kayit kartlari)
   4. Kapali yillar
   5. Alt bant
   main.css'ten SONRA yuklenir.
   ========================================================= */

.b2b-guncelleme{
  /* Sabit menunun kapladigi yukseklik. Menu degisirse yalnizca
     bu deger guncellenir; serit ve yil basliklari kendini toplar. */
  --b2b-gunc-ust:84px;

  /* Yapiskan yil seridinin kendi yuksekligi. Yil basliklarinin
     nereye yapisacagi bu ikisinin toplamiyla hesaplanir. */
  --b2b-gunc-serit:62px;

  --b2b-gunc-zemin:#F6F9FF;
  --b2b-gunc-cizgi:#E4EBF7;
}
@media (max-width:640px){
  .b2b-guncelleme{ --b2b-gunc-ust:78px; --b2b-gunc-serit:58px; }
}

/* gizlenen ogeler her kosulda gizli kalsin */
.b2b-guncelleme [hidden]{ display:none !important; }


/* ---------------------------------------------------------
   1. TEPE BANDI
   Fiyatlar sayfasindaki bantla ayni aile, daha kisa.
   Alt kenari zemine (#F6F9FF) erir.
   --------------------------------------------------------- */
.b2b-guncelleme-tepe{
  position:relative;
  padding:132px 20px 76px;
  text-align:center;
  background:linear-gradient(180deg,
    #2563EB 0%,
    #3172EF 28%,
    #5C9BF8 56%,
    #A9C9FF 80%,
    #DCE9FF 92%,
    #F6F9FF 100%);
}
@media (min-width:768px){ .b2b-guncelleme-tepe{ padding:158px 20px 88px; } }

/* ince izgara dokusu — projedeki diger bantlarla ayni dil */
.b2b-guncelleme-tepe::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:78px 78px;
  -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.9), transparent 70%);
  mask-image:linear-gradient(180deg, rgba(0,0,0,.9), transparent 70%);
}

.b2b-guncelleme-tepe-ic{ position:relative; max-width:720px; margin-inline:auto; }

/* mavi zemin uzerinde etiketin kendi acik mavisi yeterince ayrisiyor */
.b2b-guncelleme-etiket{ margin-bottom:20px; }

.b2b-guncelleme-baslik{
  margin:0;
  font-size:clamp(2.1rem, 5vw, 3.3rem);
  font-weight:800; line-height:1.08; letter-spacing:-.032em;
  color:#fff;
  text-shadow:0 2px 30px rgba(9,32,86,.26);
}

.b2b-guncelleme-aciklama{
  max-width:500px; margin:18px auto 0;
  font-size:clamp(1rem,1.4vw,1.12rem);
  font-weight:500; line-height:1.65; color:#fff;
  text-shadow:0 1px 20px rgba(9,32,86,.32);
}

/* ---- arama kutusu ----
   Bant uzerinde cam hap olarak durur; odaklaninca beyaza doner
   ki yazilan metin net okunsun. */
.b2b-guncelleme-arama{
  display:flex; align-items:center; gap:10px;
  max-width:440px; margin:30px auto 0;
  padding:0 8px 0 18px; min-height:54px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.40);
  backdrop-filter:blur(12px) saturate(150%);
  -webkit-backdrop-filter:blur(12px) saturate(150%);
  box-shadow:0 14px 34px -16px rgba(9,32,86,.55);
  transition:background-color .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.b2b-guncelleme-arama:focus-within{
  background:#fff;
  border-color:#fff;
  box-shadow:0 18px 40px -18px rgba(9,32,86,.6);
}

.b2b-guncelleme-arama-ikon{
  width:20px; height:20px; flex-shrink:0;
  color:rgba(255,255,255,.85);
  transition:color .3s ease;
}
.b2b-guncelleme-arama:focus-within .b2b-guncelleme-arama-ikon{ color:var(--b2b-mavi-600); }

.b2b-guncelleme-arama-giris{
  flex:1; min-width:0;
  border:0; background:transparent; outline:0;
  font-family:inherit; font-size:15.5px; font-weight:500;
  color:#fff;
  transition:color .3s ease;
}
.b2b-guncelleme-arama-giris::placeholder{ color:rgba(255,255,255,.75); font-weight:500; }
.b2b-guncelleme-arama:focus-within .b2b-guncelleme-arama-giris{ color:var(--b2b-lacivert); }
.b2b-guncelleme-arama:focus-within .b2b-guncelleme-arama-giris::placeholder{ color:#9AAAC6; }

/* tarayicinin kendi temizleme carpisi — kendi dugmemiz var */
.b2b-guncelleme-arama-giris::-webkit-search-cancel-button{ -webkit-appearance:none; }

.b2b-guncelleme-arama-sil{
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; flex-shrink:0;
  border:0; border-radius:999px; cursor:pointer;
  background:rgba(255,255,255,.18); color:#fff;
  transition:background-color .2s ease, color .2s ease, transform .2s ease;
}
.b2b-guncelleme-arama-sil svg{ width:16px; height:16px; }
.b2b-guncelleme-arama-sil:hover{ transform:rotate(90deg); }
.b2b-guncelleme-arama:focus-within .b2b-guncelleme-arama-sil{
  background:var(--b2b-mavi-50); color:var(--b2b-mavi-700);
}

.b2b-guncelleme-sonuc{
  margin:14px 0 0;
  font-size:14px; font-weight:600; color:#fff;
  text-shadow:0 1px 16px rgba(9,32,86,.35);
}


/* ---------------------------------------------------------
   2. YAPISKAN YIL SERIDI
   Ust dolgusu sabit menunun altini zemin rengiyle kapatir;
   boylece kayarken kartlar menunun arkasindan gorunmez.
   --------------------------------------------------------- */
.b2b-yil-serit{
  position:sticky; top:0; z-index:6;
  padding-top:var(--b2b-gunc-ust);
  background:var(--b2b-gunc-zemin);
}

.b2b-yil-serit-ic{
  max-width:var(--b2b-genislik); margin-inline:auto;
  min-height:var(--b2b-gunc-serit);
  display:flex; align-items:center;
  border-bottom:1px solid var(--b2b-gunc-cizgi);
}

.b2b-yil-liste{
  display:flex; align-items:center; gap:8px;
  width:100%; margin:0; padding:11px 20px;
  list-style:none;
  /* Mobilde alt alta yigmak yerine yatay serit: 7 yil tek satirda
     kayarak gezilir, dikey yer harcanmaz. */
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
}
.b2b-yil-liste::-webkit-scrollbar{ display:none; }
@media (min-width:900px){
  .b2b-yil-liste{ justify-content:center; overflow:visible; }
}

.b2b-yil-liste li{ flex-shrink:0; scroll-snap-align:center; }

.b2b-yil-hap{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:38px; padding:0 17px;
  border-radius:999px;
  border:1px solid var(--b2b-gunc-cizgi);
  background:#fff;
  font-size:14.5px; font-weight:600; line-height:1;
  color:#42567B;
  font-variant-numeric:tabular-nums;
  transition:color .2s ease, background-color .25s ease,
             border-color .2s ease, box-shadow .25s ease;
}
.b2b-yil-hap:hover{
  color:var(--b2b-mavi-700);
  border-color:var(--b2b-mavi-200);
  background:var(--b2b-mavi-50);
}
.b2b-yil-hap.b2b-acik{
  color:#fff; border-color:transparent;
  background:linear-gradient(135deg,var(--b2b-mavi-500),var(--b2b-mavi-700));
  box-shadow:0 10px 22px -12px rgba(29,78,216,.85);
}


/* ---------------------------------------------------------
   3. ZAMAN TUNELI
   --------------------------------------------------------- */
.b2b-guncelleme-govde{
  background:var(--b2b-gunc-zemin);
  padding:0 20px 20px;
}
.b2b-guncelleme-ic{ max-width:var(--b2b-genislik); margin-inline:auto; }

.b2b-yil-bolum{
  padding:38px 0 10px;
  scroll-margin-top:calc(var(--b2b-gunc-ust) + var(--b2b-gunc-serit));
}
@media (min-width:900px){
  /* solda yil, sagda kayitlar */
  .b2b-yil-bolum{
    display:grid;
    grid-template-columns:200px minmax(0,1fr);
    gap:0 44px;
    padding:52px 0 14px;
    align-items:start;
  }
}

/* ---- yil basligi ---- */
.b2b-yil-basi{
  display:flex; align-items:baseline; gap:12px;
  padding-bottom:16px;
  border-bottom:1px solid var(--b2b-gunc-cizgi);
  margin-bottom:20px;
}
@media (min-width:900px){
  /* Kaydirirken hangi yilda oldugun sol sutunda asili kalir. */
  .b2b-yil-basi{
    position:sticky;
    top:calc(var(--b2b-gunc-ust) + var(--b2b-gunc-serit) + 28px);
    display:block;
    padding-bottom:0; border-bottom:0; margin-bottom:0;
  }
}

.b2b-yil-rakam{
  margin:0;
  font-size:clamp(1.6rem,3vw,2.3rem);
  font-weight:800; letter-spacing:-.035em; line-height:1;
  color:var(--b2b-lacivert);
  font-variant-numeric:tabular-nums;
}
.b2b-yil-sayi{
  margin:0;
  font-size:13.5px; font-weight:500; color:#8296B5;
}
@media (min-width:900px){ .b2b-yil-sayi{ margin-top:8px; } }

/* ---- kayit listesi + dikey cizgi ---- */
.b2b-guncelleme-liste{
  position:relative;
  list-style:none;
  margin:0; padding:0 0 0 26px;
  display:grid; gap:10px;
}
.b2b-guncelleme-liste::before{
  content:''; position:absolute; left:5px; top:14px; bottom:14px;
  width:2px; border-radius:2px;
  background:linear-gradient(180deg, rgba(37,99,235,.22), rgba(37,99,235,.05));
}
@media (min-width:900px){ .b2b-guncelleme-liste{ gap:12px; } }

/* ---- kayit karti ---- */
.b2b-guncelleme-kart{
  position:relative;
  display:grid;
  column-gap:14px;
  grid-template-columns:minmax(0,1fr) 20px;
  grid-template-areas:
    "tarih ok"
    "rozet ok"
    "ad    ok"
    "ozet  ok";
  padding:16px 16px 17px;
  border-radius:18px;
  background:#fff;
  border:1px solid var(--b2b-gunc-cizgi);
  box-shadow:0 12px 28px -22px rgba(11,38,102,.5);
  transition:transform .25s var(--b2b-gecis), border-color .25s ease,
             box-shadow .25s ease, background-color .25s ease;
}
@media (min-width:720px){
  /* Tarih sola alinir; goz once tarihi, sonra basligi tarar. */
  .b2b-guncelleme-kart{
    grid-template-columns:148px minmax(0,1fr) 20px;
    grid-template-areas:
      "tarih ad   ok"
      "rozet ozet ok";
    padding:18px 20px 19px;
  }
}

.b2b-guncelleme-kart:hover{
  border-color:var(--b2b-mavi-200);
  box-shadow:0 20px 40px -24px rgba(11,38,102,.55);
}

/* zaman cizgisi uzerindeki nokta */
.b2b-guncelleme-nokta{
  position:absolute; left:-25px; top:24px;
  width:11px; height:11px; border-radius:999px;
  background:#fff;
  border:2.5px solid var(--b2b-mavi-400);
  transition:border-color .25s ease, transform .25s var(--b2b-gecis);
}
.b2b-guncelleme-kart:hover .b2b-guncelleme-nokta{
  border-color:var(--b2b-mavi-700);
  transform:scale(1.18);
}
@media (min-width:720px){ .b2b-guncelleme-nokta{ top:26px; } }

.b2b-guncelleme-tarih{
  grid-area:tarih;
  font-size:13px; font-weight:600; color:#8296B5;
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
}
@media (min-width:720px){ .b2b-guncelleme-tarih{ font-size:13.5px; padding-top:2px; } }

.b2b-guncelleme-ad{
  grid-area:ad;
  margin-top:5px;
  font-size:16.5px; font-weight:700; line-height:1.35;
  letter-spacing:-.012em;
  color:var(--b2b-lacivert);
  transition:color .2s ease;
}
@media (min-width:720px){
  .b2b-guncelleme-ad{ margin-top:0; font-size:17px; }
}
.b2b-guncelleme-kart:hover .b2b-guncelleme-ad{ color:var(--b2b-mavi-700); }

/* Ozet bos birakilirsa satir kapanir; CMS'ten metin gelince acilir. */
.b2b-guncelleme-ozet{
  grid-area:ozet;
  margin-top:6px;
  font-size:14.5px; line-height:1.6; color:var(--b2b-gri);
}
.b2b-guncelleme-ozet:empty{ display:none; }

/* KULLANILMIYOR - "EN SON" rozeti 2026-09-07 kaldirildi (Nurkan).
   Kart vurgusu (.b2b-guncelleme-kart--son) duruyor. */
.b2b-guncelleme-rozet{
  grid-area:rozet;
  justify-self:start;
  margin-top:8px;
  padding:4px 10px; border-radius:999px;
  background:var(--b2b-mavi-100); color:var(--b2b-mavi-700);
  font-size:11.5px; font-weight:700; letter-spacing:.02em;
  white-space:nowrap;
}
@media (min-width:720px){ .b2b-guncelleme-rozet{ margin-top:8px; } }

.b2b-guncelleme-ok{
  grid-area:ok; align-self:center;
  width:20px; height:20px;
  color:#B7C6DE;
  transition:color .2s ease, transform .25s var(--b2b-gecis);
}
.b2b-guncelleme-kart:hover .b2b-guncelleme-ok{
  color:var(--b2b-mavi-600); transform:translateX(3px);
}

/* ---- en son yayinlanan kayit ---- */
.b2b-guncelleme-kart--son{
  border-color:var(--b2b-mavi-200);
  background:linear-gradient(180deg,#FFFFFF 0%,#FAFCFF 100%);
  box-shadow:0 18px 40px -26px rgba(11,38,102,.55);
}
.b2b-guncelleme-kart--son .b2b-guncelleme-nokta{
  border-color:var(--b2b-mavi-600);
  box-shadow:0 0 0 5px rgba(59,130,246,.14);
}

/* arama sonucu bos */
.b2b-guncelleme-bos{
  margin:60px 0 40px; text-align:center;
  font-size:16px; color:var(--b2b-gri);
}


/* ---------------------------------------------------------
   4. KAPALI YILLAR
   Icerik DOM'da durur (arama ve SEO icin), yalnizca yukseklik
   kapanir. Acilis yumusak olsun diye grid-template-rows kullanilir.
   --------------------------------------------------------- */
.b2b-yil-kutu{
  display:grid; grid-template-rows:1fr;
  transition:grid-template-rows .5s var(--b2b-gecis);
}
.b2b-yil-kutu > div{ overflow:hidden; min-height:0; }

.b2b-yil-bolum--kapali .b2b-yil-kutu{ grid-template-rows:0fr; }
.b2b-yil-bolum--kapali.b2b-acik .b2b-yil-kutu{ grid-template-rows:1fr; }

.b2b-yil-ac{
  display:flex; align-items:center; gap:10px;
  width:100%; min-height:52px;
  margin-top:0;
  padding:0 18px;
  border:1px dashed #CFDEF7; border-radius:16px;
  background:#fff; cursor:pointer;
  font-family:inherit; font-size:14.5px; font-weight:600;
  color:var(--b2b-mavi-700); text-align:left;
  transition:background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.b2b-yil-bolum--kapali.b2b-acik .b2b-yil-ac{ margin-top:12px; }
.b2b-yil-ac:hover{
  border-style:solid; border-color:var(--b2b-mavi-200);
  background:var(--b2b-mavi-50);
}
.b2b-yil-ac-yazi{ margin-right:auto; }
.b2b-yil-ac-sayi{
  padding:3px 9px; border-radius:999px;
  background:var(--b2b-mavi-100); color:var(--b2b-mavi-700);
  font-size:12.5px; font-weight:700;
  font-variant-numeric:tabular-nums;
}
.b2b-yil-ac svg{
  width:18px; height:18px; opacity:.7;
  transition:transform .35s var(--b2b-gecis);
}
.b2b-yil-bolum--kapali.b2b-acik .b2b-yil-ac svg{ transform:rotate(180deg); }

/* kapaliyken sol cizgi bosa asili kalmasin */
.b2b-yil-bolum--kapali:not(.b2b-acik) .b2b-guncelleme-liste::before{ opacity:0; }


/* ---------------------------------------------------------
   5. ALT BANT
   --------------------------------------------------------- */
.b2b-guncelleme-dip{
  background:var(--b2b-gunc-zemin);
  padding:44px 20px 90px;
}
@media (min-width:768px){ .b2b-guncelleme-dip{ padding:64px 20px 116px; } }

.b2b-guncelleme-dip-kart{
  position:relative; isolation:isolate; overflow:hidden;
  max-width:var(--b2b-genislik); margin-inline:auto;
  border-radius:28px;
  padding:40px 24px 38px;
  background:
    radial-gradient(120% 130% at 88% 12%, #1B3E86 0%, rgba(27,62,134,0) 60%),
    linear-gradient(148deg,#102A63 0%,#0C1F4C 56%,#0A1A40 100%);
  box-shadow:0 40px 80px -44px rgba(10,26,64,.75);
}
@media (min-width:768px){
  .b2b-guncelleme-dip-kart{ border-radius:36px; padding:54px 52px 50px; }
}

.b2b-guncelleme-dip-kart::before{
  content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(90% 90% at 22% 30%, #000 0%, transparent 76%);
  mask-image:radial-gradient(90% 90% at 22% 30%, #000 0%, transparent 76%);
}

.b2b-guncelleme-dip-ic{ position:relative; z-index:2; }
@media (min-width:1000px){
  .b2b-guncelleme-dip-ic{
    display:grid; grid-template-columns:minmax(0,1.15fr) auto;
    gap:56px; align-items:center;
  }
}

.b2b-guncelleme-dip-baslik{
  margin:0;
  font-size:clamp(1.5rem,2.8vw,2.2rem);
  font-weight:700; line-height:1.2; letter-spacing:-.03em;
  color:#fff;
}
.b2b-guncelleme-dip-yazi{
  max-width:52ch; margin:16px 0 0;
  font-size:clamp(.98rem,1.3vw,1.06rem);
  line-height:1.7; color:rgba(214,228,255,.78);
}

.b2b-guncelleme-dip-eylem{
  display:flex; flex-wrap:wrap; gap:12px;
  margin-top:28px;
}
@media (min-width:1000px){ .b2b-guncelleme-dip-eylem{ margin-top:0; } }
/* main.css'teki cam buton ust bosluk tasiyor; burada gerekmiyor */
.b2b-guncelleme-dip-eylem .b2b-buton--cam{ margin-top:0; }
.b2b-guncelleme-dip-eylem .b2b-buton{ flex:1 1 auto; }
@media (max-width:420px){
  .b2b-guncelleme-dip-eylem .b2b-buton{ flex:1 1 100%; }
}


/* ---------------------------------------------------------
   6. AZ HAREKET TERCIHI
   --------------------------------------------------------- */
@media (prefers-reduced-motion: reduce){
  .b2b-yil-kutu{ transition:none; }
  .b2b-guncelleme-kart:hover .b2b-guncelleme-nokta{ transform:none; }
  .b2b-guncelleme-arama-sil:hover{ transform:none; }
}


/* =========================================================
   7. DETAY SAYFASI
   Tek bir guncellemenin yazi sayfasi. Ayni degiskenleri
   kullandigi icin ayri dosyaya gerek yok; bu dosya iki
   sayfada da yuklenir.
   ========================================================= */
.b2b-detay{
  /* Degiskenler .b2b-guncelleme uzerinde tanimliydi; detay sayfasi o
     sarmalin icinde olmadigi icin padding hesabi bosa dusuyor ve icerik
     sabit menunun altina giriyordu. Ayni degerler burada tekrarlanir. */
  --b2b-gunc-ust:84px;
  --b2b-gunc-zemin:#F6F9FF;
  --b2b-gunc-cizgi:#E4EBF7;

  background:var(--b2b-gunc-zemin);
}
@media (max-width:640px){ .b2b-detay{ --b2b-gunc-ust:78px; } }

.b2b-detay-alan{
  /* Sabit menunun altindan baslar. */
  padding:calc(var(--b2b-gunc-ust) + 34px) 20px 0;
}
@media (min-width:768px){
  .b2b-detay-alan{ padding-top:calc(var(--b2b-gunc-ust) + 52px); }
}

/* Okuma genisligi bilincli olarak dar: uzun satir yorar. */
.b2b-detay-ic{ max-width:720px; margin-inline:auto; }

/* ---- geri baglantisi ---- */
.b2b-detay-geri{
  display:inline-flex; align-items:center; gap:6px;
  margin-bottom:26px;
  font-size:14.5px; font-weight:600; color:var(--b2b-mavi-700);
  transition:color .2s ease;
}
.b2b-detay-geri svg{
  width:17px; height:17px;
  transition:transform .2s ease;
}
.b2b-detay-geri:hover svg{ transform:translateX(-3px); }
.b2b-detay-geri:hover{ color:var(--b2b-lacivert); }

/* ---- tarih satiri ---- */
.b2b-detay-ust{
  display:flex; align-items:center; flex-wrap:wrap; gap:10px;
  font-size:13.5px; font-weight:600; color:#8296B5;
}
.b2b-detay-tarih{ font-variant-numeric:tabular-nums; }
.b2b-detay-nokta{
  width:4px; height:4px; border-radius:999px; background:#C3D3EE;
}
.b2b-detay-yil{ color:var(--b2b-mavi-700); }

/* ---- baslik ---- */
.b2b-detay-baslik{
  margin:14px 0 0;
  font-size:clamp(1.9rem,4vw,2.7rem);
  font-weight:800; line-height:1.14; letter-spacing:-.032em;
  color:var(--b2b-lacivert);
}
.b2b-detay-ozet{
  margin:16px 0 0;
  font-size:clamp(1.05rem,1.6vw,1.2rem);
  line-height:1.65; font-weight:500; color:var(--b2b-gri);
}

/* ---- gorsel ---- */
.b2b-detay-gorsel{ margin:34px 0 0; }
.b2b-detay-gorsel img{
  display:block; width:100%; height:auto;
  border-radius:20px;
  border:1px solid var(--b2b-gunc-cizgi);
  box-shadow:0 24px 50px -30px rgba(11,38,102,.55);
}
.b2b-detay-gorsel .b2b-kart-yertutucu{ border-radius:20px; }
.b2b-detay-gorsel figcaption{
  margin-top:10px; text-align:center;
  font-size:13px; color:#8296B5;
}

/* ---- metin govdesi ----
   CMS'ten gelen ham HTML burada bicimlenir. */
.b2b-detay-metin{
  margin-top:34px;
  padding-bottom:56px;
  font-size:16.5px; line-height:1.78; color:#3A4C6E;
}
@media (min-width:768px){ .b2b-detay-metin{ font-size:17px; } }

.b2b-detay-metin > *:first-child{ margin-top:0; }
.b2b-detay-metin p{ margin:0 0 20px; }

.b2b-detay-metin h2{
  margin:36px 0 12px;
  font-size:clamp(1.25rem,2.2vw,1.5rem);
  font-weight:700; line-height:1.3; letter-spacing:-.02em;
  color:var(--b2b-lacivert);
}
.b2b-detay-metin h3{
  margin:28px 0 10px;
  font-size:1.1rem; font-weight:700; color:var(--b2b-lacivert);
}

.b2b-detay-metin ul,
.b2b-detay-metin ol{ margin:0 0 20px; padding-left:0; list-style:none; }
.b2b-detay-metin li{
  position:relative;
  padding-left:26px; margin-bottom:10px;
}
/* madde imi — kucuk mavi nokta */
.b2b-detay-metin ul li::before{
  content:''; position:absolute; left:6px; top:.72em;
  width:7px; height:7px; border-radius:999px;
  background:var(--b2b-mavi-400);
}
.b2b-detay-metin ol{ counter-reset:b2bMadde; }
.b2b-detay-metin ol li{ counter-increment:b2bMadde; }
.b2b-detay-metin ol li::before{
  content:counter(b2bMadde) '.';
  position:absolute; left:0; top:0;
  font-weight:700; color:var(--b2b-mavi-600);
}

.b2b-detay-metin strong{ font-weight:700; color:var(--b2b-lacivert); }
.b2b-detay-metin a{
  font-weight:600; color:var(--b2b-mavi-700);
  text-decoration:underline; text-underline-offset:3px;
  text-decoration-color:rgba(29,78,216,.35);
  transition:text-decoration-color .2s ease;
}
.b2b-detay-metin a:hover{ text-decoration-color:var(--b2b-mavi-700); }

.b2b-detay-metin img{
  display:block; width:100%; height:auto;
  margin:26px 0; border-radius:18px;
  border:1px solid var(--b2b-gunc-cizgi);
}

/* ---------------------------------------------------------
   7b. ONCEKI / SONRAKI
   --------------------------------------------------------- */
.b2b-detay-gezinme{ padding:0 20px; }

.b2b-detay-gezinme-ic{
  display:grid; gap:12px;
  max-width:720px; margin-inline:auto;
  padding-top:28px;
  border-top:1px solid var(--b2b-gunc-cizgi);
}
@media (min-width:700px){
  .b2b-detay-gezinme-ic{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
}

.b2b-detay-komsu{
  display:flex; flex-direction:column; gap:7px;
  padding:18px 20px;
  border-radius:18px;
  background:#fff;
  border:1px solid var(--b2b-gunc-cizgi);
  box-shadow:0 12px 28px -22px rgba(11,38,102,.5);
  transition:transform .25s var(--b2b-gecis), border-color .25s ease, box-shadow .25s ease;
}
.b2b-detay-komsu:hover{
  border-color:var(--b2b-mavi-200);
  box-shadow:0 20px 40px -24px rgba(11,38,102,.55);
}

.b2b-detay-komsu-etiket{
  display:inline-flex; align-items:center; gap:5px;
  font-size:12.5px; font-weight:700; letter-spacing:.04em;
  text-transform:uppercase; color:#8FA3C4;
}
.b2b-detay-komsu-etiket svg{ width:14px; height:14px; }

.b2b-detay-komsu-ad{
  font-size:15.5px; font-weight:700; line-height:1.4;
  color:var(--b2b-lacivert);
  transition:color .2s ease;
}
.b2b-detay-komsu:hover .b2b-detay-komsu-ad{ color:var(--b2b-mavi-700); }

/* sonraki kart sagda hizalanir — yon duygusu net olsun */
@media (min-width:700px){
  .b2b-detay-komsu--sonraki{ text-align:right; align-items:flex-end; }
}

/* detay sayfasinda alt bandin ust boslugu daha kisa */
.b2b-detay .b2b-guncelleme-dip{ padding-top:40px; }
@media (min-width:768px){ .b2b-detay .b2b-guncelleme-dip{ padding-top:56px; } }