/* =========================================================
   SERVİYET FOOTER  —  önek: ftr-
   Tek renk değişkeni: --ftr-vurgu (aşağıda)
   ========================================================= */

.ftr{
--ftr-zemin:      #08252c;                    /* topbar rengin */
  --ftr-zemin-cta:  rgba(255,255,255,.05);      /* gövdenin üstüne biner */
  --ftr-zemin-alt:  rgba(0,0,0,.22);
  --ftr-cizgi:      rgba(255,255,255,.09);
  --ftr-cizgi-g:    rgba(255,255,255,.20);
  --ftr-metin:      rgba(255,255,255,.60);
  --ftr-metin-g:    #ffffff;
  --ftr-vurgu:      #e2542f;          /* ← markanın vurgu rengiyle değiştir */
  --ftr-font-b:     var(--srv-font-baslik, 'Syne', sans-serif);

  background: var(--ftr-zemin);
  color: var(--ftr-metin);
  font-size: 14px;
  margin-top: 64px;
}

/* ---------- CTA BANDI ---------- */
.ftr-cta{ background: var(--ftr-zemin-cta); border-bottom: 1px solid var(--ftr-cizgi); }
.ftr-cta-ic{
  display: flex; align-items: center; justify-content: space-between;
  gap: 20px; flex-wrap: wrap; padding: 22px 12px;
}
.ftr-cta-yazi{ display: flex; flex-direction: column; gap: 3px; }
.ftr-cta-baslik{
  font-family: var(--ftr-font-b); font-weight: 700; font-size: 19px;
  color: var(--ftr-metin-g); letter-spacing: -.01em;
}
.ftr-cta-alt{ font-size: 13.5px; color: var(--ftr-metin); }
.ftr-cta-butonlar{ display: flex; gap: 10px; flex-wrap: wrap; }

.ftr-btn{
  display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 20px; border-radius: 999px;
  font-size: 14px; font-weight: 600; text-decoration: none;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
  white-space: nowrap;
}
.ftr-btn:hover{ transform: translateY(-1px); }
.ftr-btn-wa{ background: var(--ftr-vurgu); color: #fff; }
.ftr-btn-wa:hover{ color: #fff; filter: brightness(1.08); }
.ftr-btn-bos{ background: transparent; color: var(--ftr-metin-g); border: 1px solid var(--ftr-cizgi-g); }
.ftr-btn-bos:hover{ color: var(--ftr-metin-g); border-color: #fff; }
.ftr-btn i{ font-size: 15px; }

/* ---------- GÖVDE ---------- */
.ftr-govde{ padding: 46px 12px 34px; }

.ftr-logo{ max-height: 38px; display: block; margin-bottom: 16px; filter: brightness(0) invert(1); }
.ftr-logo-yazi{
  display: block; margin-bottom: 16px;
  font-family: 'Cormorant Garamond', serif; font-weight: 800;
  font-size: 30px; line-height: 1; color: var(--ftr-metin-g);
}
.ftr-aciklama{ font-size: 13.5px; line-height: 1.75; color: var(--ftr-metin); margin: 0 0 18px; max-width: 320px; }

.ftr-sosyal{ display: flex; gap: 9px; }
.ftr-sosyal a{
  width: 36px; height: 36px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--ftr-cizgi-g); color: var(--ftr-metin);
  font-size: 15px; text-decoration: none; transition: all .18s ease;
}
.ftr-sosyal a:hover{ background: var(--ftr-vurgu); border-color: var(--ftr-vurgu); color: #fff; }

/* başlıklar */
.ftr-baslik{
  font-family: var(--ftr-font-b); font-weight: 700; font-size: 13px;
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--ftr-metin-g); margin-bottom: 16px;
  list-style: none; cursor: default;
  display: flex; align-items: center; justify-content: space-between;
}
.ftr-baslik::-webkit-details-marker{ display: none; }
.ftr-ok{ display: none; font-size: 11px; transition: transform .2s ease; }

.ftr-liste{ list-style: none; padding: 0; margin: 0; }
.ftr-liste li{ margin-bottom: 10px; }
.ftr-liste a{
  color: var(--ftr-metin); text-decoration: none; font-size: 13.5px;
  transition: color .15s ease, padding-left .15s ease; display: inline-block;
}
.ftr-liste a:hover{ color: var(--ftr-metin-g); padding-left: 4px; }

/* iletişim */
.ftr-telefon{
  display: inline-block; margin-bottom: 14px; text-decoration: none;
  font-family: var(--ftr-font-b); font-weight: 700; font-size: 22px;
  color: var(--ftr-vurgu); letter-spacing: -.01em;
}
.ftr-telefon:hover{ color: var(--ftr-vurgu); filter: brightness(1.15); }
.ftr-satir{ display: flex; gap: 10px; align-items: flex-start; margin-bottom: 11px; font-size: 13.5px; line-height: 1.6; }
.ftr-satir i{ width: 16px; margin-top: 3px; color: var(--ftr-metin); flex-shrink: 0; }
.ftr-satir a{ color: var(--ftr-metin); text-decoration: none; }
.ftr-satir a:hover{ color: var(--ftr-metin-g); }

/* ---------- ÖLÇÜ ŞERİDİ ---------- */
.ftr-olcu{
  padding: 20px 12px 24px; margin: 0 auto;
  border-top: 1px solid var(--ftr-cizgi);
  display: flex; align-items: baseline; gap: 16px; flex-wrap: wrap;
}
.ftr-olcu-etiket{
  font-family: var(--ftr-font-b); font-weight: 700; font-size: 12px;
  letter-spacing: .08em; text-transform: uppercase; color: var(--ftr-metin-g);
  flex-shrink: 0;
}
.ftr-olcu-liste{ display: flex; flex-wrap: wrap; gap: 7px; }
.ftr-chip{
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 13px; border-radius: 999px;
  border: 1px solid var(--ftr-cizgi); color: var(--ftr-metin);
  font-size: 12.5px; font-weight: 500; text-decoration: none;
  font-variant-numeric: tabular-nums; transition: all .15s ease;
}
.ftr-chip:hover{ border-color: var(--ftr-vurgu); color: #fff; background: var(--ftr-vurgu); }
.ftr-chip-tum{ border-color: var(--ftr-cizgi-g); color: var(--ftr-metin-g); }
.ftr-chip-tum i{ font-size: 10px; }

/* ---------- ALT ŞERİT ---------- */
.ftr-alt{ background: var(--ftr-zemin-alt); border-top: 1px solid var(--ftr-cizgi); }
.ftr-alt-ic{
  padding: 16px 12px; display: flex; align-items: center;
  justify-content: space-between; gap: 14px; flex-wrap: wrap;
}
.ftr-telif{ font-size: 12.5px; color: rgba(255,255,255,.42); }
.ftr-telif i{ margin-right: 5px; }
.ftr-ayrac{ margin: 0 6px; }
.ftr-odeme{ display: flex; gap: 7px; flex-wrap: wrap; }
.ftr-kart{
  font-size: 10.5px; font-weight: 600; letter-spacing: .06em;
  padding: 5px 10px; border-radius: 4px;
  border: 1px solid var(--ftr-cizgi); color: rgba(255,255,255,.45);
}

/* ---------- MOBİL: kolonlar akordiyon ---------- */
@media (max-width: 767.98px){
  .ftr{ margin-top: 40px; }
  .ftr-govde{ padding: 32px 12px 20px; }
  .ftr-cta-ic{ padding: 20px 12px; }
  .ftr-cta-baslik{ font-size: 17px; }
  .ftr-cta-butonlar{ width: 100%; }
  .ftr-btn{ flex: 1; justify-content: center; }

  .ftr-kolon{ border-bottom: 1px solid var(--ftr-cizgi); }
  .ftr-baslik{ cursor: pointer; padding: 14px 0; margin-bottom: 0; }
  .ftr-baslik-sabit{ cursor: default; }
  .ftr-ok{ display: inline-block; }
  details[open] > .ftr-baslik .ftr-ok{ transform: rotate(180deg); }
  .ftr-liste{ padding-bottom: 14px; }
  .ftr-liste li{ margin-bottom: 13px; }

  .ftr-olcu{ flex-direction: column; gap: 12px; }
  .ftr-alt-ic{ justify-content: flex-start; }
}