/* =========================================================
   b2bNet — fiyatlar.css
   Fiyatlar sayfasi.
   1. Tepe bandi + donem secici
   2. Paket kartlari
   3. Guven seridi
   main.css'ten SONRA yuklenir.
   ========================================================= */

.b2b-fiyat{
  --b2b-fiyat-cizgi:#E4EBF7;
  --b2b-fiyat-koyu-yazi:rgba(214,228,255,.80);
}

/* ---------------------------------------------------------
   1. TEPE BANDI
   Ana sayfadaki mavi kahramanla ayni aileden ama daha kisa.
   Alt kenari zemine (#F6F9FF) eridigi icin kartlar uzerine biner.
   --------------------------------------------------------- */
.b2b-fiyat-tepe{
  position:relative;
  padding:150px 20px 118px;
  text-align:center;
  background:linear-gradient(180deg,
    #2563EB 0%,
    #3172EF 26%,
    #5C9BF8 52%,
    #A9C9FF 76%,
    #DCE9FF 90%,
    #F6F9FF 100%);
}
@media (min-width:768px){ .b2b-fiyat-tepe{ padding:170px 20px 130px; } }

/* ince izgara dokusu — girisdeki ile ayni dil */
.b2b-fiyat-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-fiyat-tepe-ic{ position:relative; max-width:760px; margin-inline:auto; }

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

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

/* ---------------------------------------------------------
   2. DONEM SECICI (Yillik / Aylik)
   --------------------------------------------------------- */
.b2b-donem{
  position:relative;
  display:inline-flex; align-items:stretch;
  margin-top:36px; padding:5px;
  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);
}

/* kayan beyaz hap */
.b2b-donem-kaydirak{
  position:absolute; z-index:0;
  top:5px; bottom:5px; left:5px;
  width:calc(50% - 5px);
  border-radius:999px; background:#fff;
  box-shadow:0 8px 20px -8px rgba(9,32,86,.45);
  transition:transform .45s var(--b2b-gecis);
}
.b2b-donem[data-b2b-donem="aylik"] .b2b-donem-kaydirak{ transform:translateX(100%); }

.b2b-donem-dugme{
  position:relative; z-index:1;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  flex:1 1 50%; min-width:132px; min-height:44px;
  padding:0 20px; border:0; background:transparent; cursor:pointer;
  font-family:inherit; font-size:14.5px; font-weight:600; line-height:1;
  color:rgba(255,255,255,.88);
  transition:color .35s ease;
}
.b2b-donem-dugme[aria-pressed="true"]{ color:var(--b2b-lacivert); }

.b2b-donem-rozet{
  padding:3px 8px; border-radius:999px;
  background:rgba(255,255,255,.24);
  font-size:11.5px; font-weight:700; letter-spacing:.02em;
  color:#fff;
  transition:background-color .35s ease, color .35s ease;
}
.b2b-donem-dugme[aria-pressed="true"] .b2b-donem-rozet{
  background:#E9F7EF; color:#137A45;
}

/* ---------------------------------------------------------
   3. PAKET KARTLARI
   --------------------------------------------------------- */
.b2b-fiyat-kartlar{
  background:#F6F9FF;
  padding:0 20px 24px;
}
.b2b-fiyat-ic{ max-width:var(--b2b-genislik); margin-inline:auto; }

.b2b-fiyat-izgara{
  display:grid; gap:16px;
  grid-template-columns:1fr;
  margin-top:-72px;            /* tepe bandinin alt kenarina biner */
}
@media (min-width:900px){
  .b2b-fiyat-izgara{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px; align-items:start;
    margin-top:-84px;
  }
}

.b2b-fiyat-kart{
  position:relative;
  display:flex; flex-direction:column;
  padding:28px 24px 30px;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--b2b-fiyat-cizgi);
  box-shadow:0 20px 46px -28px rgba(11,38,102,.45);
}
@media (min-width:900px){ .b2b-fiyat-kart{ padding:32px 28px 34px; } }

/* one cikan paket — projedeki koyu lacivert kart tonu */
.b2b-fiyat-kart--vurgu{
  background:
    radial-gradient(120% 130% at 85% 6%, #1B3E86 0%, rgba(27,62,134,0) 58%),
    linear-gradient(158deg,#102A63 0%,#0C1F4C 58%,#0A1A40 100%);
  border-color:transparent;
  box-shadow:0 36px 72px -34px rgba(10,26,64,.80);
}
@media (min-width:900px){
  .b2b-fiyat-kart--vurgu{ margin-top:-16px; padding-bottom:44px; }
}

.b2b-fiyat-rozet{
  position:absolute; top:-13px; left:24px;
  padding:6px 14px; border-radius:999px;
  background:#E9F7EF; color:#137A45;
  font-size:12px; font-weight:700; letter-spacing:.02em;
  box-shadow:0 10px 22px -10px rgba(9,32,86,.45);
}
@media (min-width:900px){ .b2b-fiyat-rozet{ left:28px; } }

/* ---- baslik ---- */
.b2b-fiyat-ad{
  margin:0;
  font-size:17px; font-weight:700; letter-spacing:-.01em;
  color:var(--b2b-lacivert);
}
.b2b-fiyat-slogan{
  margin:8px 0 0;
  font-size:14.5px; line-height:1.55; color:var(--b2b-gri);
  min-height:44px;              /* uc kartin rakami ayni hizada dursun */
}

/* ---- rakam ---- */
.b2b-fiyat-tutar{
  display:flex; align-items:baseline; gap:3px;
  margin-top:18px;
  color:var(--b2b-lacivert);
  font-variant-numeric:tabular-nums;
}
.b2b-fiyat-para{ font-size:clamp(1.4rem,2.4vw,1.7rem); font-weight:700; }
.b2b-fiyat-sayi{
  display:inline-block;          /* transform calissin diye */
  font-size:clamp(2.5rem,4.4vw,3.1rem);
  font-weight:800; letter-spacing:-.038em; line-height:1;
}
.b2b-fiyat-donem{
  margin-left:2px;
  font-size:15px; font-weight:600; color:#8296B5;
}

.b2b-fiyat-not{
  display:flex; align-items:center; flex-wrap:wrap; gap:8px;
  margin:12px 0 0;
  font-size:14px; color:#6B7E9E;
}
.b2b-fiyat-not strong{ font-weight:700; color:#35486B; }
.b2b-fiyat-eski{
  text-decoration:line-through;
  color:#A6B4CC; font-weight:500;
}

/* rakam degisince kisa bir gecis */
.b2b-fiyat-degisen{
  transition:opacity .18s ease, transform .28s var(--b2b-gecis);
}
.b2b-yeniliyor .b2b-fiyat-degisen{
  opacity:0; transform:translateY(5px);
}

/* ---- eylem butonu ---- */
/* Uc paket uc farkli buton agirligi kullanir. Ucu de ayni mavi
   dolgu olunca goz hangisinin onerildigini secemiyor:
     Lite  -> yalnizca cerceve
     Basic -> koyu kart uzerinde beyaz dolgu (en guclu)
     Pro   -> lacivert dolgu                                      */
.b2b-buton--paket{
  width:100%; margin-top:22px;
  min-height:50px; font-size:15.5px; font-weight:700;
}

.b2b-buton--paket-anahat{
  background:#fff; color:var(--b2b-mavi-700);
  border:1.5px solid #D3E0F4;
}
.b2b-buton--paket-anahat:hover{
  transform:translateY(-2px);
  background:var(--b2b-mavi-50);
  border-color:var(--b2b-mavi-400);
}

.b2b-buton--paket-beyaz{
  background:#fff; color:#123A86;
  box-shadow:0 14px 30px -14px rgba(0,0,0,.5);
}
.b2b-buton--paket-beyaz:hover{
  transform:translateY(-2px);
  background:#EEF4FF; box-shadow:0 20px 38px -16px rgba(0,0,0,.55);
}

.b2b-buton--paket-koyu{
  background:var(--b2b-lacivert); color:#fff;
  box-shadow:0 14px 30px -16px rgba(18,48,110,.9);
}
.b2b-buton--paket-koyu:hover{
  transform:translateY(-2px);
  background:#0C2456; box-shadow:0 20px 38px -18px rgba(18,48,110,.95);
}

.b2b-fiyat-kart-not{
  margin:12px 0 0; text-align:center;
  font-size:13px; color:#8296B5;
}

/* ---- ozellik listesi ---- */
.b2b-fiyat-liste-baslik{
  margin:26px 0 14px;
  padding-top:22px;
  border-top:1px solid var(--b2b-fiyat-cizgi);
  font-size:13.5px; font-weight:700; letter-spacing:.02em;
  color:var(--b2b-lacivert);
}

.b2b-fiyat-liste{
  list-style:none; margin:0; padding:0;
  display:grid; gap:13px;
}
.b2b-fiyat-liste li{
  display:grid; grid-template-columns:18px 1fr;
  gap:11px; align-items:start;
  font-size:15px; line-height:1.45; color:#35486B;
}
.b2b-fiyat-liste svg{
  width:18px; height:18px; margin-top:2px;
  stroke:var(--b2b-mavi-600); stroke-width:2.2; fill:none;
}

/* koyu kart icindeki metinler */
.b2b-fiyat-kart--vurgu .b2b-fiyat-ad,
.b2b-fiyat-kart--vurgu .b2b-fiyat-tutar,
.b2b-fiyat-kart--vurgu .b2b-fiyat-liste-baslik{ color:#fff; }
.b2b-fiyat-kart--vurgu .b2b-fiyat-slogan,
.b2b-fiyat-kart--vurgu .b2b-fiyat-not{ color:var(--b2b-fiyat-koyu-yazi); }
.b2b-fiyat-kart--vurgu .b2b-fiyat-not strong{ color:#fff; }
.b2b-fiyat-kart--vurgu .b2b-fiyat-eski{ color:rgba(190,208,240,.55); }
.b2b-fiyat-kart--vurgu .b2b-fiyat-donem{ color:rgba(190,208,240,.70); }
.b2b-fiyat-kart--vurgu .b2b-fiyat-kart-not{ color:rgba(190,208,240,.62); }
.b2b-fiyat-kart--vurgu .b2b-fiyat-liste-baslik{ border-top-color:rgba(255,255,255,.14); }
.b2b-fiyat-kart--vurgu .b2b-fiyat-liste li{ color:var(--b2b-fiyat-koyu-yazi); }
.b2b-fiyat-kart--vurgu .b2b-fiyat-liste svg{ stroke:#7FB0FA; }
.b2b-fiyat-kart--vurgu .b2b-yakinda{
  background:rgba(255,255,255,.14); color:#BFD7FF;
}
.b2b-fiyat-kart--vurgu .b2b-yeni{
  background:rgba(86,214,150,.20); color:#8FE7BC;
}

/* ---------------------------------------------------------
   4. GUVEN SERIDI
   --------------------------------------------------------- */
.b2b-guven{
  background:#F6F9FF;
  padding:34px 20px 90px;
}
@media (min-width:768px){ .b2b-guven{ padding:44px 20px 110px; } }

.b2b-guven-liste{
  display:grid; gap:14px 34px;
  max-width:var(--b2b-genislik); margin-inline:auto;
  grid-template-columns:1fr;
  list-style:none; padding:0;
}
@media (min-width:640px){
  .b2b-guven-liste{ grid-template-columns:repeat(3,minmax(0,1fr)); justify-items:center; }
}

.b2b-guven-liste li{
  display:grid; grid-template-columns:20px 1fr;
  gap:11px; align-items:center;
  font-size:14.5px; font-weight:500; color:#4C5F80;
}
.b2b-guven-liste svg{
  width:20px; height:20px;
  stroke:var(--b2b-mavi-600); stroke-width:1.8; fill:none;
}

/* ---------------------------------------------------------
   5. AZ HAREKET TERCIHI
   --------------------------------------------------------- */
@media (prefers-reduced-motion: reduce){
  .b2b-donem-kaydirak,
  .b2b-fiyat-degisen{ transition:none; }
  .b2b-buton--paket:hover{ transform:none; }
}


/* =========================================================
   6. HEDIYE BANDI
   Kartlarla karsilastirma tablosu arasinda durur.
   Amaci: yillik odemenin somut karsiligini rakamla gostermek.
   ========================================================= */
.b2b-hediye{
  background:#F6F9FF;
  padding:0 20px 96px;
}
@media (min-width:768px){ .b2b-hediye{ padding:0 20px 120px; } }

.b2b-hediye-kart{
  position:relative; isolation:isolate; overflow:hidden;
  max-width:var(--b2b-genislik); margin-inline:auto;
  border-radius:28px;
  padding:44px 24px 40px;
  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-hediye-kart{ border-radius:36px; padding:60px 56px 54px; }
}

/* ince izgara dokusu */
.b2b-hediye-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-hediye-ic{ position:relative; z-index:2; }

@media (min-width:1000px){
  .b2b-hediye-ic{
    display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1fr);
    gap:64px; align-items:center;
  }
}

.b2b-hediye-etiket{
  display:inline-block; padding:7px 15px; border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  font-size:13px; font-weight:600; color:#C9DCFB;
}

.b2b-hediye-baslik{
  margin:22px 0 0;
  font-size:clamp(1.7rem,3.2vw,2.6rem);
  font-weight:700; line-height:1.18; letter-spacing:-.03em;
  color:#fff;
}
.b2b-hediye-yazi{
  max-width:44ch; margin:18px 0 0;
  font-size:clamp(1rem,1.3vw,1.08rem);
  line-height:1.7; color:rgba(214,228,255,.78);
}

/* --- hediye maddeleri --- */
.b2b-hediye-liste{
  list-style:none; margin:30px 0 0; padding:0;
  display:grid; gap:14px;
}
@media (min-width:1000px){ .b2b-hediye-liste{ margin-top:0; } }

.b2b-hediye-liste li{
  display:grid; grid-template-columns:42px 1fr;
  gap:16px; align-items:center;
  padding:16px 18px;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}

.b2b-hediye-simge{
  display:grid; place-items:center;
  width:42px; height:42px; border-radius:13px;
  background:rgba(124,168,250,.16);
}
.b2b-hediye-simge svg{
  width:21px; height:21px;
  stroke:#8FBBFB; stroke-width:1.8; fill:none;
}

.b2b-hediye-ad{
  display:block;
  font-size:16px; font-weight:700; color:#fff;
}
.b2b-hediye-not{
  display:block; margin-top:3px;
  font-size:13.5px; line-height:1.5; color:rgba(190,208,240,.72);
}

/* --- paket basina tasarruf satiri --- */
.b2b-hediye-tasarruf{
  display:grid; gap:10px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.12);
}
.b2b-hediye-tasarruf div{ text-align:center; }
.b2b-hediye-tasarruf dt{
  font-size:12.5px; font-weight:600; letter-spacing:.04em;
  text-transform:uppercase; color:rgba(190,208,240,.62);
}
.b2b-hediye-tasarruf-not{
  margin:12px 0 0;
  font-size:13px; color:rgba(190,208,240,.62);
}

.b2b-hediye-tasarruf dd{
  margin:6px 0 0;
  font-size:clamp(1.15rem,2.1vw,1.5rem);
  font-weight:800; letter-spacing:-.03em; color:#fff;
  font-variant-numeric:tabular-nums;
}


/* =========================================================
   7. KIYAS — DETAYLI PAKET KARSILASTIRMA

   Baslik satiri tablonun THEAD'i degil, tablonun UZERINDE
   duran yapisik bir seritdir. Seridin ust dolgusu sabit
   menunun altini beyazla kapatir; boylece kaydirirken tablo
   satirlari menunun arkasindan gecip gorunmez.
   Sutun genislikleri seritte de tabloda da ayni oran.
   ========================================================= */
.b2b-kiyas{
  /* Sabit menunun kapladigi yukseklik. Menu degisirse yalnizca
     bu deger guncellenir, serit ve tablo kendini toplar. */
  --b2b-kiyas-ust:84px;
  --b2b-kiyas-s1:34%;
  --b2b-kiyas-s2:22%;

  background:#fff;
  padding:78px 20px 90px;
  scroll-margin-top:var(--b2b-kiyas-ust);
}
@media (min-width:900px){ .b2b-kiyas{ padding:104px 20px 120px; } }

.b2b-kiyas-tepe{ max-width:640px; margin:0 auto; text-align:center; }

.b2b-kiyas-baslik{
  margin:0;
  font-size:clamp(1.8rem,3.4vw,2.7rem);
  font-weight:700; line-height:1.2; letter-spacing:-.028em;
  color:var(--b2b-lacivert);
}
.b2b-kiyas-yazi{
  margin:16px 0 0;
  font-size:clamp(1rem,1.3vw,1.1rem);
  line-height:1.7; color:var(--b2b-gri);
}

/* ---------------------------------------------------------
   7a. YAPISKAN BASLIK SERIDI
   --------------------------------------------------------- */
.b2b-kiyas-serit{
  position:sticky; top:0; z-index:6;
  /* ust dolgu = menunun altini kapatan beyaz alan */
  padding-top:var(--b2b-kiyas-ust);
  background:#fff;
}

.b2b-kiyas-serit-ic{
  padding-bottom:0px;
  border-bottom:1px solid var(--b2b-fiyat-cizgi);
}

/* --- masaustu: 4 sutunlu serit --- */
.b2b-kiyas-serit-izgara{
  display:none;
  grid-template-columns:var(--b2b-kiyas-s1) repeat(3, var(--b2b-kiyas-s2));
}
@media (min-width:900px){ .b2b-kiyas-serit-izgara{ display:grid; } }

.b2b-kiyas-serit-hucre{
  padding:14px 14px 16px;
  text-align:center;
  border-radius:16px 16px 0 0;
}
.b2b-kiyas-serit-hucre--vurgu{
  background:#F4F8FF;
  box-shadow:inset 0 3px 0 var(--b2b-mavi-600);
}

.b2b-kiyas-paket-ad{
  display:block;
  font-size:15.5px; font-weight:700; color:var(--b2b-lacivert);
}
.b2b-kiyas-paket-fiyat{
  display:block; margin-top:4px;
  font-size:21px; font-weight:800; letter-spacing:-.03em;
  color:var(--b2b-lacivert);
  font-variant-numeric:tabular-nums;
}
.b2b-kiyas-paket-fiyat small{
  font-size:12.5px; font-weight:600; color:#8296B5; letter-spacing:0;
}

/* Buyuk rakamin altindaki aya dusen tutar. Kararin yillik toplam
   uzerinden verilmesi icin bu satir bilerek kucuk ve soluk. */
.b2b-kiyas-paket-alt{
  display:block; margin-top:2px;
  font-size:12.5px; font-weight:500; color:#8296B5;
  font-variant-numeric:tabular-nums;
}

/* serit butonlari da kartlardaki agirlik sirasini izler */
.b2b-buton--serit{
  margin-top:10px; width:100%; max-width:170px;
  min-height:38px; padding:0 14px;
  font-size:13.5px; font-weight:700;
}
.b2b-buton--serit-anahat{
  background:#fff; color:var(--b2b-mavi-700);
  border:1.5px solid #D3E0F4;
}
.b2b-buton--serit-anahat:hover{ background:var(--b2b-mavi-50); border-color:var(--b2b-mavi-400); }

.b2b-buton--serit-dolu{
  background:linear-gradient(135deg,var(--b2b-mavi-500),var(--b2b-mavi-700));
  color:#fff;
  box-shadow:0 10px 22px -12px rgba(29,78,216,.85);
}
.b2b-buton--serit-dolu:hover{ background:linear-gradient(135deg,#4F8CF7,#1A45C4); }

.b2b-buton--serit-koyu{
  background:var(--b2b-lacivert); color:#fff;
}
.b2b-buton--serit-koyu:hover{ background:#0C2456; }

/* --- mobil: uc secenekli hap --- */
.b2b-kiyas-secim{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px; padding:6px;
  border-radius:22px;
  background:#F4F8FF;
  border:1px solid var(--b2b-fiyat-cizgi);
}
@media (min-width:900px){ .b2b-kiyas-secim{ display:none; } }

.b2b-kiyas-secim-dugme{
  display:grid; gap:2px; align-content:center;
  min-height:52px; padding:6px 4px;
  border:0; border-radius:17px; background:transparent; cursor:pointer;
  font-family:inherit; color:#5A6D8F;
  transition:background-color .3s ease, color .3s ease, box-shadow .3s ease;
}
.b2b-kiyas-secim-ad{ font-size:14px; font-weight:700; line-height:1.2; }
.b2b-kiyas-secim-fiyat{
  font-size:12.5px; font-weight:700; line-height:1.2;
  color:#8296B5; font-variant-numeric:tabular-nums;
}
.b2b-kiyas-secim-fiyat small{
  font-size:10.5px; font-weight:600; letter-spacing:0;
}
.b2b-kiyas-secim-dugme[aria-pressed="true"]{
  background:#fff;
  color:var(--b2b-lacivert);
  box-shadow:0 6px 16px -8px rgba(11,38,102,.45);
}
.b2b-kiyas-secim-dugme[aria-pressed="true"] .b2b-kiyas-secim-fiyat{ color:var(--b2b-mavi-700); }

/* ---------------------------------------------------------
   7b. TABLO
   --------------------------------------------------------- */
.b2b-kiyas-tablo{
  width:100%; border-collapse:collapse; text-align:left;
}

/* Gizli sutun basliklari — yalnizca ekran okuyucular icin.
   DIKKAT: tablo hucresinde height:0 iş görmez; hucre icerige
   gore buyumeye devam eder. Bu yuzden satirin kendisi akistan
   cikariliyor. */
.b2b-kiyas-tablo thead tr{
  position:absolute;
  width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;
}

/* Sutun genislikleri yalnizca masaustunde sabitlenir. Mobilde
   sutunlar gizlendigi icin tablo kendi genisligini hesaplamali;
   sabit duzen kalirsa gizli sutun yer kaplamaya devam ediyor. */
@media (min-width:900px){
  .b2b-kiyas-tablo{ table-layout:fixed; }
  .b2b-kiyas-s-ozellik{ width:var(--b2b-kiyas-s1); }
  .b2b-kiyas-s-paket  { width:var(--b2b-kiyas-s2); }
  .b2b-kiyas-s-vurgu  { background:#F4F8FF; }
}

/* --- bolum basligi satiri --- */
.b2b-kiyas-grup th{
  padding:14px 16px;
  background:#EDF3FF;
  font-size:12.5px; font-weight:700; letter-spacing:.09em;
  text-transform:uppercase; color:var(--b2b-mavi-700);
}
@media (min-width:900px){ .b2b-kiyas-grup th{ padding:16px 18px; font-size:13px; } }

/* --- ozellik hucresi --- */
.b2b-kiyas-ozellik{
  padding:15px 12px 15px 2px;
  vertical-align:top;
  border-bottom:1px solid var(--b2b-fiyat-cizgi);
}
@media (min-width:900px){ .b2b-kiyas-ozellik{ padding:18px 24px 18px 18px; } }

.b2b-kiyas-ozellik-ad{
  display:block;
  font-size:15px; font-weight:600; line-height:1.35;
  color:var(--b2b-lacivert);
}
.b2b-kiyas-ozellik-not{
  display:block; margin-top:4px;
  font-size:13px; line-height:1.5; color:#7E8DA8;
}

/* --- deger hucresi --- */
.b2b-kiyas-deger{
  padding:15px 8px;
  text-align:center; vertical-align:middle;
  border-bottom:1px solid var(--b2b-fiyat-cizgi);
}
@media (min-width:900px){ .b2b-kiyas-deger{ padding:18px 14px; } }

.b2b-kiyas-var{
  display:block; width:20px; height:20px; margin:0 auto;
  stroke:var(--b2b-mavi-600); stroke-width:2.4; fill:none;
}
.b2b-kiyas-yok{
  display:inline-block; width:16px; height:2px; border-radius:2px;
  background:#CBD6E8; vertical-align:middle;
}
.b2b-kiyas-not{
  display:block; margin-top:6px;
  font-size:12.5px; font-weight:500; line-height:1.4; color:#6B7E9E;
}

/* ---------------------------------------------------------
   7c. MOBILDE SUTUN GIZLEME
   Secili paket disindaki sutunlar tablodan cikarilir;
   geriye 2 sutun kalir, yatay kaydirma olusmaz.
   --------------------------------------------------------- */
@media (max-width:899px){
  .b2b-kiyas-sarmal[data-b2b-paket="lite"]  td:nth-child(3),
  .b2b-kiyas-sarmal[data-b2b-paket="lite"]  td:nth-child(4),
  .b2b-kiyas-sarmal[data-b2b-paket="basic"] td:nth-child(2),
  .b2b-kiyas-sarmal[data-b2b-paket="basic"] td:nth-child(4),
  .b2b-kiyas-sarmal[data-b2b-paket="pro"]   td:nth-child(2),
  .b2b-kiyas-sarmal[data-b2b-paket="pro"]   td:nth-child(3){ display:none; }

  .b2b-kiyas-deger{ width:38%; }
}

/* ---------------------------------------------------------
   7d. TABLO ALTI
   --------------------------------------------------------- */
.b2b-kiyas-dip{
  margin-top:30px; text-align:center;
  font-size:15px; line-height:1.7; color:var(--b2b-gri);
}
.b2b-kiyas-dip a{ font-weight:600; color:var(--b2b-mavi-700); }
.b2b-kiyas-dip a:hover{ text-decoration:underline; }

@media (prefers-reduced-motion: reduce){
  .b2b-buton--serit:hover,
  .b2b-buton--paket:hover{ transform:none; }
}