/* =========================================================
   b2bNet — footer.css
   Tum sayfalarda kullanilan alt bilgi alani.
   Acik, minimal ve sutun agirlikli.
   main.css'ten SONRA yuklenir.
   ========================================================= */

.b2b-alt{
  background:linear-gradient(180deg,#F6F9FF 0%,#EFF3FD 42%,#EAEFFB 100%);
  color:var(--b2b-lacivert);
}

.b2b-alt-ic{
  max-width:var(--b2b-genislik);
  margin-inline:auto;
  padding-inline:20px;
}

/* ---------------------------------------------------------
   1. KAPANIS CAGRISI
   --------------------------------------------------------- */
.b2b-alt-cagri{
  padding:100px 0 110px;
  text-align:center;
}
@media (min-width:768px){ .b2b-alt-cagri{ padding:130px 0 140px; } }

.b2b-alt-cagri-baslik{
  margin:0; max-width:760px; margin-inline:auto;
  font-size:clamp(2rem,4.2vw,3.1rem);
  font-weight:700; line-height:1.15; letter-spacing:-.032em;
  color:var(--b2b-lacivert);
}
.b2b-alt-cagri-yazi{
  max-width:520px; margin:22px auto 0;
  font-size:clamp(1rem,1.35vw,1.12rem);
  line-height:1.7; color:var(--b2b-gri);
}
.b2b-alt-cagri-butonlar{
  display:flex; flex-wrap:wrap; justify-content:center; gap:12px;
  margin-top:34px;
}

/* ---------------------------------------------------------
   2. BAGLANTI SUTUNLARI
   --------------------------------------------------------- */
.b2b-alt-izgara{
  display:grid; gap:40px 28px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  padding-bottom:70px;
}
@media (min-width:640px){ .b2b-alt-izgara{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1000px){
  .b2b-alt-izgara{ grid-template-columns:repeat(4,minmax(0,1fr)) auto; gap:34px; }
}

.b2b-alt-baslik{
  margin:0 0 18px;
  font-size:13.5px; font-weight:500;
  color:#8CA0C2;
}

.b2b-alt-liste{ list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.b2b-alt-liste a{
  display:inline-block;
  font-size:15px; font-weight:500; color:#2B3F66;
  transition:color .2s ease, transform .2s ease;
}
.b2b-alt-liste a:hover{ color:var(--b2b-mavi-700); transform:translateX(3px); }

.b2b-alt-rozet{
  display:inline-block; margin-left:7px; padding:2px 8px;
  border-radius:999px; background:var(--b2b-mavi-100);
  font-size:10.5px; font-weight:700; letter-spacing:.04em;
  color:var(--b2b-mavi-700); vertical-align:middle;
}

/* sag ustteki guven rozetleri alani */
.b2b-alt-nisan{
  display:flex; align-items:flex-start; gap:14px;
  grid-column:1 / -1;
}
@media (min-width:1000px){
  .b2b-alt-nisan{ grid-column:auto; justify-content:flex-end; }
}
.b2b-alt-nisan span{
  display:grid; place-items:center;
  width:52px; height:52px; border-radius:14px;
  background:#fff; border:1px solid #E2EAF7;
  font-size:10px; font-weight:800; letter-spacing:.02em;
  color:#7A8DAE; text-align:center; line-height:1.1;
}

/* ---------------------------------------------------------
   3. ALT SATIR
   --------------------------------------------------------- */
.b2b-alt-son{
  display:flex; flex-direction:column; gap:18px;
  padding:26px 0 40px;
  border-top:1px solid #DFE7F5;
}
@media (min-width:700px){
  .b2b-alt-son{
    flex-direction:row; align-items:center; justify-content:space-between;
  }
}

.b2b-alt-marka{ display:flex; align-items:center; gap:12px; }
.b2b-alt-marka .b2b-logo-yazi{ height:26px; color:var(--b2b-mavi-600); }

.b2b-alt-sag{
  display:flex; flex-direction:column; gap:16px;
}
@media (min-width:700px){
  .b2b-alt-sag{ flex-direction:row; align-items:center; gap:26px; }
}

.b2b-alt-telif{ margin:0; font-size:13.5px; color:#8CA0C2; }

.b2b-alt-yasal{
  display:flex; flex-wrap:wrap; gap:8px 20px;
  list-style:none; margin:0; padding:0;
}
.b2b-alt-yasal a{
  font-size:13.5px; color:#7A8DAE;
  transition:color .2s ease;
}
.b2b-alt-yasal a:hover{ color:var(--b2b-mavi-700); text-decoration:underline; }

.b2b-alt-sosyal{ display:flex; gap:8px; }
.b2b-alt-sosyal a{
  display:grid; place-items:center;
  width:38px; height:38px; border-radius:11px;
  color:#7A8DAE;
  transition:background-color .2s ease, color .2s ease, transform .2s ease;
}
.b2b-alt-sosyal a:hover{
  background:#fff; color:var(--b2b-mavi-700); transform:translateY(-2px);
}
.b2b-alt-sosyal svg{ width:18px; height:18px; }