/* ==========================================================================
   b2bNet · Modül özellik kartları
   Üstte başlık + açıklama, altta kart ızgarası.
   Kart sayısı panelden geleceği için ızgara esnek kuruldu:
   3'lü / 2'li / 1'li olarak kendiliğinden kırılır, kaç kart olursa olsun bozulmaz.
   ========================================================================== */

.b2b-kart-bolum {
  --b2b-egri: cubic-bezier(.22, 1, .36, 1);
  --b2b-lacivert: #12306E;
  --b2b-mavi: #2563EB;

  background: #F6F9FF;
  padding: 96px 24px;
}

.b2b-kart-bolum-ic {
  max-width: 1240px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .b2b-kart-bolum { padding: 128px 32px; }
}

/* ------------------------------------------------------------- ÜST BAŞLIK */

.b2b-kart-ust {
  display: grid;
  gap: 20px;
  margin-bottom: 56px;
}

@media (min-width: 1024px) {
  .b2b-kart-ust {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 64px;
    align-items: end;
    margin-bottom: 72px;
  }
}

.b2b-kart-etiket {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--b2b-mavi);
  background: #E7EEFD;
  border-radius: 999px;
  padding: 6px 14px;
  margin-bottom: 20px;
}

.b2b-kart-baslik-buyuk {
  font-size: clamp(30px, 3.6vw, 46px);
  line-height: 1.1;
  letter-spacing: -.026em;
  font-weight: 700;
  color: var(--b2b-lacivert);
  margin: 0;
  max-width: 20ch;
}

.b2b-kart-ust-aciklama {
  font-size: 17px;
  line-height: 1.65;
  color: #6B7E9E;
  margin: 0;
  max-width: 44ch;
}

/* ---------------------------------------------------------------- IZGARA */

.b2b-kart-izgara {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
}

@media (min-width: 640px) {
  .b2b-kart-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
  .b2b-kart-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
}

/* ------------------------------------------------------------------ KART */

.b2b-kart {
  display: flex;
  flex-direction: column;
  min-height: 268px;
  padding: 28px;
  background: #FFFFFF;
  border: 1px solid #E8EEF9;
  border-radius: 22px;
  box-shadow: 0 6px 20px rgba(18, 48, 110, .04);
  transition:
    transform .45s var(--b2b-egri),
    box-shadow .45s var(--b2b-egri),
    border-color .45s var(--b2b-egri);
}

.b2b-kart:hover {
  transform: translateY(-4px);
  border-color: rgba(37, 99, 235, .22);
  box-shadow: 0 18px 40px rgba(18, 48, 110, .10);
}

.b2b-kart-ikon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: #EEF4FF;
  /* İçerik alta yaslansın diye ikonla metin arası boşluk esner */
  margin-bottom: auto;
}

.b2b-kart-ikon svg {
  width: 22px;
  height: 22px;
  stroke: var(--b2b-mavi);
  stroke-width: 1.7;
  fill: none;
}

.b2b-kart-baslik {
  font-size: 18px;
  line-height: 1.35;
  font-weight: 600;
  color: var(--b2b-lacivert);
  margin: 28px 0 10px;
}

.b2b-kart-aciklama {
  font-size: 15px;
  line-height: 1.6;
  color: #6B7E9E;
  margin: 0;
}

@media (prefers-reduced-motion: reduce) {
  .b2b-kart { transition: none; }
  .b2b-kart:hover { transform: none; }
}