.skip-link {
  position: fixed;
  top: 0;
  left: 1rem;
  z-index: 10000;
  padding: .75rem 1rem;
  color: #fff;
  background: #193d32;
  border-radius: 0 0 .35rem .35rem;
  transform: translateY(-120%);
  transition: transform .2s ease;
}

.skip-link:focus {
  transform: translateY(0);
}

/* ── Temmuz 2026 eklemeleri ─────────────────────────────────── */
/* ponytail: altın kicker metinleri açık zeminde AA kontrast (#B89A62 2.5:1 → #7E6335 5.2:1) */
.hero-breadcrumb-text,
.complaints-breadcrumb span.txt,
.about-eyebrow-txt,
.apps-eyebrow-txt,
.blog-eyebrow-txt,
.faq-eyebrow-txt,
.contact-panel-eyebrow,
.contact-item-label,
.bcard-date {
  color: #7E6335;
}

/* WhatsApp balonu: mobilde küçült + köşeye al (kart içerikleriyle çakışmayı azaltır) */
@media (max-width: 640px) {
  .wa-float { width: 50px; height: 50px; right: 14px; bottom: 14px; }
  .wa-float svg { width: 24px; height: 24px; }
}

/* Logo oranı (25 Tem 2026)
   .nav-logo bir column flex konteyner; varsayılan align-items:stretch,
   logoyu altındaki "MEDİKAL ESTETİK · DENİZLİ" yazısının genişliğine
   (218px) kadar yatay olarak geriyordu → oran 3.52, gerçeği 2.02.
   align-self:flex-start esnemeyi durdurur.
   aspect-ratio, görsel yüklenmeden önce doğru yeri ayırır (CLS).
   object-fit:contain, ileride farklı oranlı bir logo konursa
   bozulma yerine sığdırma yapar.                                    */
.nav-logo img {
  align-self: flex-start;
  aspect-ratio: 500 / 247;
  object-fit: contain;
}