/* FocusWell sol üst logo: tüm sayfalarda tek ölçü.
   Ölçüyü değiştirmek için sadece --fw-logo-size'ı değiştir.
   index.html aynı ölçüleri kendi satır içi CSS'inde tutar (w-16 h-16, mobilde 2.75rem); orayı da güncelle. */
@font-face { font-family: Outfit; src: url('fonts/outfit-tr.woff2') format('woff2'); font-style: normal; font-weight: 400 800; font-display: swap; unicode-range: U+011E-011F,U+0130,U+015E-015F; }
@font-face { font-family: Outfit; src: url('fonts/outfit-latin.woff2') format('woff2'); font-style: normal; font-weight: 400 800; font-display: swap; unicode-range: U+0000-00FF,U+0131,U+2000-206F,U+20AC,U+20BA; }

:root { --fw-logo-size: 64px; }

.fw-brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; transition: opacity .2s; }
.fw-brand:hover { opacity: .9; }
.fw-brand-logo { width: var(--fw-logo-size); height: var(--fw-logo-size); flex: none; object-fit: contain; }
.fw-brand-name {
  font-family: Outfit, Inter, system-ui, sans-serif; font-size: 18px; line-height: 28px; font-weight: 700;
  letter-spacing: -.025em; color: #F3EEE7; white-space: nowrap;
}

@media (max-width: 640px) {
  :root { --fw-logo-size: 44px; }
}