@media (max-width: 1024px) {
  footer {
    padding: 48px 20px 28px;
  }

  .footer-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 24px;
  }

  /* Marka (logo + sosyal) tam genişlik üstte */
  .footer-brand {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 18px;
  }

  .footer-brand img {
    height: 64px !important;
    width: auto;
    margin: 0 !important;
  }

  /* Hizmetler | Şirket yan yana; İletişim (uzun adres) tam genişlik altta */
  .footer-col:last-child {
    grid-column: 1 / -1;
  }

  .footer-cert {
    display: none;
  }

  .footer-col ul {
    gap: 8px;
  }

  .footer-col li {
    font-size: 12px;
  }
}

/* Çok dar ekranlarda tek sütun */
@media (max-width: 360px) {
  .footer-top {
    grid-template-columns: 1fr;
    gap: 26px;
  }
}

/* Skip to content link (a11y) */
.skip-link{position:fixed;left:12px;top:-64px;z-index:2000;background:#E85D1F;color:#0a0a0a;font-family:'Barlow Condensed','Barlow Condensed Fallback',sans-serif;font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:12px 22px;text-decoration:none;border-radius:0;transition:top .2s ease;}
.skip-link:focus{top:12px;outline:2px solid #fff;outline-offset:2px;}

/* Footer legal links */
.footer-legal{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-family:'Barlow',sans-serif;font-size:12px}
.footer-legal a{color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s ease}
.footer-legal a:hover{color:#E85D1F}
footer .footer-bottom{flex-wrap:wrap;gap:10px 18px}

/* === Mobil menu butonu: dokunma hedefi >= 44px (Apple HIG / WCAG 2.5.5) ===
   Buton yalnizca <=1024px'te gorunur; masaustunde display:none oldugu icin
   bu kural masaustu gorunumunu etkilemez. Dikey padding 9px -> 14px. */
@media (max-width: 1024px) {
  .mobile-menu-toggle { padding: 14px; }
}


/* === footer logo CLS duzeltmesi ---
   width:auto + height:Npx kombinasyonu width/height ozniteliklerini gecersiz kilip
   Lighthouse "unsized image" uyarisi ve yerlesim kaymasi uretiyordu.
   Gorsel 500x500 (1:1); aspect-ratio ile alan onceden rezerve edilir, gorunum degismez. */
.footer-brand img { aspect-ratio: 1 / 1; }


/* === Fallback metrik esitleme (CLS) ===
   @font-face tanimlari artik TEK KAYNAKTA: /assets/css/fonts.css
   Barlow Condensed Fallback: size-adjust 73.38% (self-host sonrasi 73.27% olculdu -> korundu)
   Barlow Fallback          : size-adjust 93.82% (YENI - govde fontu icin, once yoktu)
   Amac: font swap aninda metnin yeniden akmamasi. */
:root{--font-head:'Barlow Condensed','Barlow Condensed Fallback',sans-serif;--font-body:'Barlow','Barlow Fallback',sans-serif}


/* Ödeme yöntemleri bandı (iyzico / Mastercard / Visa / Amex / Troy)
   .footer-cert yuvasi yeniden kullaniliyor.
   DIKKAT ozgulluk: peak-style-*.css icinde '.footer-cert img{width:220px}' (0,1,1) var.
   Bunu ezmek icin iki sinifli secici sart: '.footer-cert .footer-pay-band' (0,2,0).
   Tek basina '.footer-pay-band' (0,1,0) YETMEZ.
   Ayrica yukaridaki @media(max-width:1024px){.footer-cert{display:none}} burada geri
   aciliyor - odeme logolari mobilde de gorunmek zorunda (iyzico mobilde de denetler). */
.footer-cert .footer-pay-band{display:block;width:172px;max-width:100%;height:auto}
@media (max-width: 1024px) {
  .footer-cert{display:flex;justify-content:flex-start}
  .footer-cert .footer-pay-band{width:150px}
}

/* Masaustunde odeme bandi, sabit WhatsApp butonunun (.wa-float, z-index 999,
   sag ~32px, genislik 54px) altinda kalmasin diye sola cekiliyor.
   Aksi halde Visa logosunun sag kenari butonun arkasinda kaliyor ve
   iyzico'nun 'logolar gorunur olmali' sarti karsilanmiyor.
   Mobilde bant zaten sola hizali oldugu icin bu kural gerekmez. */
@media (min-width: 1025px) {
  .footer-cert{margin-right:56px}
}