/* Muzisyen Kahvesi — Feyz Digital ailesi: "Krem ve Murekkep" (Sicak Otorite)
   Marka yonu: docs/superpowers/specs/2026-10-02-muzisyen-kahvesi-marka-yonu.md
   Kaynak dil: site-feyzdigital/styles.css (token degerleri oradan; sinif adlari bu uygulamanin).
   Kurallar: renk yalniz :root'ta; yazi tipi yalniz var(--yazi) / var(--serif); kose yaricapi 0 (tek istisna: ortak WhatsApp kapsulu);
   hareket yalniz transform + opacity ve prefers-reduced-motion altinda kapali; koyu mod yok (aile karari). */
/* Fontlar Turkce'ye gore alt kumelenmistir (araclar/font_alt_kume.py): yuz basina TEK dosya, toplam ~160 KB.
   Google'in latin + latin-ext bolunmesinde ayni sayfa 6 dosya, ~410 KB indiriyordu. */
@font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 300 500; font-display: swap;
  src: url('/varliklar/fontlar/fraunces.woff2') format('woff2'); }
@font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 300 500; font-display: swap;
  src: url('/varliklar/fontlar/fraunces-italik.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300 600; font-display: swap;
  src: url('/varliklar/fontlar/inter.woff2') format('woff2'); }
/* Yedek yuzler: Fraunces inene kadar basliklar sistem serifiyle cizilir. Genislikleri Fraunces'e eslenir (size-adjust) ki
   font gelince satir sayisi degismesin, sayfa kaymasin (canli olcum: dizin sayfasinda kayma 0,35 idi).
   Oranlar olculdu: 13 Turkce baslik, 48 px. Georgia: Windows, macOS, iOS. Noto Serif: Android. */
@font-face { font-family: 'Fraunces Yedek'; font-style: normal; font-weight: 300; src: local('Georgia'); size-adjust: 98.3%; }
@font-face { font-family: 'Fraunces Yedek'; font-style: normal; font-weight: 400 500; src: local('Georgia'); size-adjust: 102.6%; }
@font-face { font-family: 'Fraunces Yedek'; font-style: italic; font-weight: 300; src: local('Georgia Italic'), local('Georgia-Italic'); size-adjust: 89.7%; }
@font-face { font-family: 'Fraunces Yedek'; font-style: italic; font-weight: 400 500; src: local('Georgia Italic'), local('Georgia-Italic'); size-adjust: 95.1%; }
@font-face { font-family: 'Fraunces Yedek Android'; font-style: normal; font-weight: 300; src: local('Noto Serif'), local('NotoSerif'); size-adjust: 90.1%; }
@font-face { font-family: 'Fraunces Yedek Android'; font-style: normal; font-weight: 400 500; src: local('Noto Serif'), local('NotoSerif'); size-adjust: 94.1%; }
@font-face { font-family: 'Fraunces Yedek Android'; font-style: italic; font-weight: 300; src: local('Noto Serif Italic'), local('NotoSerif-Italic'); size-adjust: 87.8%; }
@font-face { font-family: 'Fraunces Yedek Android'; font-style: italic; font-weight: 400 500; src: local('Noto Serif Italic'), local('NotoSerif-Italic'); size-adjust: 93%; }
/* Govde icin ayni esleme: Inter, sistem yazi tiplerinden ~%5 genistir; paragraf yeniden kirilip formu asagi itmesin.
   Roboto: Android. Segoe UI: Windows. Arial: iOS ve macOS. */
@font-face { font-family: 'Inter Yedek'; src: local('Roboto'), local('Roboto-Regular'); size-adjust: 105%; }
@font-face { font-family: 'Inter Yedek Masa'; src: local('Segoe UI'); size-adjust: 105.4%; }
@font-face { font-family: 'Inter Yedek Genel'; src: local('Arial'), local('ArialMT'); size-adjust: 103.9%; }

:root {
  /* Feyz Digital ailesi: degerler site-feyzdigital/styles.css ile aynidir */
  --krem: #F5F1EA;              /* ana zemin */
  --krem-koyu: #EDE6DA;         /* bolum ayiran koyu krem */
  --murekkep: #1A1F1A;          /* birincil metin, dugme, altbilgi zemini */
  --murekkep-yumusak: #3A3A35;  /* ikincil metin */
  --murekkep-soluk: #4A4A45;    /* kucuk metin: iki krem zeminde de AA */
  --etiket: #6E6E69;            /* buyuk harfli etiket: YALNIZ --krem ustunde (4.55:1) */
  --kil: #B85C3C;               /* vurgu: cizgi ve buyuk rakam (kucuk metinde KULLANILMAZ, 4.03:1) */
  --kil-koyu: #9C4B2F;          /* kil renginde kucuk metin: krem 5.39:1, koyu krem 4.86:1 */
  --kil-acik: #D9937A;          /* kil renginde kucuk metin: YALNIZ murekkep zemin ustunde */
  --tas: #D4CCC0;               /* murekkep zemin ustunde metin */
  --soluk-koyuda: #949490;      /* murekkep zemin ustunde etiket */
  --cizgi: rgba(26, 31, 26, 0.1);
  --cizgi-orta: rgba(26, 31, 26, 0.2);
  --cizgi-alan: rgba(26, 31, 26, 0.55);   /* form alani siniri: kremde 3:1 ustu */
  --cizgi-koyuda: rgba(245, 241, 234, 0.14);
  --krem-cam: rgba(245, 241, 234, 0.9);
  --perde: rgba(26, 31, 26, 0.38);
  --uyari-yazi: #7A2414;
  --uyari-zemin: #F1DED4;
  /* WhatsApp kanal rengi: sayfa paletine baglanmaz (araclar/patches/wa-cta-tutarlilik.patch.md) */
  --wa: #1FA855;
  --wa-koyu: #178A45;
  --wa-yazi: #FFFFFF;
  color-scheme: light;

  --kenar: 1.5rem;       /* sayfa kenar boslugu: mobil 24, masaustu 56 */
  --bolum: 3.5rem;       /* bolum dikey boslugu: mobil 56, masaustu 96 */
  --genislik: 80rem;
  --okuma: 40rem;
  --dokunma: 2.75rem;
  --yazi: 'Inter', 'Inter Yedek', 'Inter Yedek Masa', 'Inter Yedek Genel', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --serif: 'Fraunces', 'Fraunces Yedek', 'Fraunces Yedek Android', Georgia, 'Times New Roman', serif;
  --tekduze: ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --gecis: cubic-bezier(0.32, 0.72, 0, 1);
}

/* --- temel --- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; scroll-padding-top: 5rem; }
body { margin: 0; font-family: var(--yazi); font-size: 1rem; line-height: 1.6; color: var(--murekkep); background: var(--krem); overflow-x: clip; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .22em; }
:focus-visible { outline: 2px solid var(--murekkep); outline-offset: 3px; }
h1, h2, h3 { font-family: var(--serif); font-weight: 300; margin: 0; text-wrap: balance; }
h1 { font-size: clamp(2.25rem, 1.35rem + 3.9vw, 4rem); line-height: 1.05; letter-spacing: -.03em; margin-bottom: 1.5rem; }
h2 { font-size: clamp(1.875rem, 1.3rem + 2.5vw, 3rem); line-height: 1.1; letter-spacing: -.025em; margin-bottom: 1.25rem; }
h3 { font-size: 1.375rem; font-weight: 400; line-height: 1.25; letter-spacing: -.01em; margin-bottom: .5rem; }
h1 em, h2 em, h3 em { font-style: italic; }
p { margin: 0 0 1rem; }
ul, ol { margin: 0 0 1rem; padding-left: 1.25rem; }
strong { font-weight: 600; }
code { font-family: var(--tekduze); font-size: .9375em; padding: .15em .45em; color: var(--murekkep); background: var(--krem-koyu); }
.profil-kart-ucret, .kunye-liste dd, .sayi strong, .zaman, .yerler .not, .talep-listesi p, .durum-kutu .not { font-variant-numeric: lining-nums; }
.gorunmez { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

/* --- yerlesim --- */
.ic { width: 100%; max-width: var(--genislik); margin-inline: auto; padding-inline: var(--kenar); }
.bolum { padding-block: var(--bolum); }
.bolum-ust { padding-block: calc(var(--bolum) * .8) calc(var(--bolum) * .55); }
.bolum-koyu { color: var(--murekkep); background: var(--krem-koyu); border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.bolum-cizgi { border-top: 1px solid var(--cizgi); }
.bolum-siki { padding-top: calc(var(--bolum) * .5); }
.bolum-kisa { padding-block: calc(var(--bolum) * .5); }
main > section:last-child { padding-bottom: var(--bolum); }
.dar { max-width: 36rem; }
.orta { max-width: 46rem; }

/* --- tipografi yardimcilari --- */
.ust-etiket { display: flex; align-items: center; gap: .75rem; margin: 0 0 1.5rem; font-size: .625rem; line-height: 1.4; letter-spacing: .18em; text-transform: uppercase; color: var(--kil-koyu); background: transparent; }
.ust-etiket::before { content: ""; flex: none; width: 1.5rem; height: 1px; background: var(--kil); }
.ust-etiket a { display: inline-flex; align-items: center; min-height: var(--dokunma); text-decoration: none; }
.ust-etiket.geri { margin-bottom: .75rem; font-size: .6875rem; }
.ust-etiket.geri::before { content: "\2190"; width: auto; height: auto; font-size: .875rem; letter-spacing: 0; color: var(--kil-koyu); background: transparent; }
.ust-etiket a:hover { text-decoration: underline; }
.etiket { font-size: .6875rem; line-height: 1.4; letter-spacing: .16em; text-transform: uppercase; color: var(--etiket); background: transparent; margin: 0; }
.bolum-koyu .etiket { color: var(--murekkep-soluk); }
.giris { font-size: 1.0625rem; line-height: 1.6; color: var(--murekkep-yumusak); background: transparent; max-width: 35rem; }
.not, .zaman { font-size: .8125rem; line-height: 1.55; font-weight: 400; color: var(--murekkep-soluk); background: transparent; }
.ipucu { display: block; margin-top: .2rem; font-family: var(--yazi); font-style: normal; font-size: .8125rem; font-weight: 400; line-height: 1.5; letter-spacing: 0; color: var(--murekkep-soluk); background: transparent; }
.alinti { margin: 1.75rem 0 0; padding-left: 1.25rem; border-left: 1.5px solid var(--kil); font-family: var(--serif); font-style: italic; font-size: 1.0625rem; line-height: 1.5; max-width: 32rem; }
.baglanti { display: inline-flex; align-items: center; min-height: var(--dokunma); font-size: .875rem; letter-spacing: .01em; text-decoration: underline; text-underline-offset: .35em; }
.baglanti:hover, .metin a:hover, .not a:hover { color: var(--kil-koyu); }

/* --- dugmeler: koseli, murekkep zemin, ok isareti (Feyz .btn) --- */
button { font: inherit; }
.dugme, .dugme-ikincil, .dugme-acik { display: inline-flex; align-items: center; justify-content: center; gap: .75rem; min-height: 3.25rem; padding: 1rem 1.5rem;
  font-family: inherit; font-size: .875rem; font-weight: 400; line-height: 1.2; letter-spacing: .02em; text-decoration: none; text-align: left;
  border: 1px solid transparent; border-radius: 0; cursor: pointer; -webkit-appearance: none; appearance: none; transition: opacity .2s ease, transform .12s var(--gecis); }
.dugme { color: var(--krem); background: var(--murekkep); border-color: var(--murekkep); }
.dugme-acik { color: var(--murekkep); background: var(--krem); border-color: var(--krem); }
.dugme:hover, .dugme-acik:hover { opacity: .88; }
.dugme::after, .dugme-acik::after { content: "\2192"; font-size: 1rem; line-height: 1; transition: transform .25s var(--gecis); }
.dugme:hover::after, .dugme-acik:hover::after { transform: translateX(4px); }
.dugme.oksuz::after { content: none; }
.dugme-ikincil { color: var(--murekkep); background: transparent; border-color: var(--cizgi-alan); }
.dugme-ikincil:hover { border-color: var(--murekkep); }
.dugme:active, .dugme-ikincil:active, .dugme-acik:active { transform: translateY(1px); }
.dugme[disabled] { opacity: .4; cursor: not-allowed; }
.dugme[disabled]:hover::after { transform: none; }
.kucuk { min-height: var(--dokunma); padding: .5rem 1.125rem; font-size: .8125rem; }
.dugme-cizgi { display: inline-flex; align-items: center; min-height: var(--dokunma); font-size: .875rem; letter-spacing: .02em; text-decoration: underline; text-underline-offset: .45em; }
.dugme-cizgi:hover { color: var(--kil-koyu); }
.eylemler { display: flex; flex-wrap: wrap; gap: .875rem 1.75rem; align-items: center; margin: 0 0 1rem; }
.eylemler form { display: contents; }

/* WhatsApp dugmesi: butun Feyz yuzeylerinde ayni (tek kaynak: araclar/patches/wa-cta-tutarlilik.patch.md) */
.wa-cta { display: inline-flex; align-items: center; gap: 8px; padding: 13px 22px; font-size: .92rem; font-weight: 600; line-height: 1; border-radius: 100px;
  color: var(--wa-yazi); background: var(--wa); text-decoration: none; border: 0; cursor: pointer; }
.wa-cta:hover { color: var(--wa-yazi); background: var(--wa-koyu); }
.wa-cta svg { width: 18px; height: 18px; flex: 0 0 auto; fill: currentColor; }

/* --- ust serit --- */
.atla { position: absolute; left: var(--kenar); top: -5rem; z-index: 200; padding: .75rem 1rem; font-size: .875rem; color: var(--krem); background: var(--murekkep); }
.atla:focus { top: .5rem; }
.ust { position: sticky; top: 0; z-index: 100; color: var(--murekkep); background: var(--krem-cam); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid var(--cizgi); }
.ust-ic { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; max-width: var(--genislik); margin-inline: auto; padding: .5rem var(--kenar); }
.marka { display: inline-flex; align-items: center; min-height: var(--dokunma); font-family: var(--serif); font-size: 1.25rem; font-weight: 400; line-height: 1; letter-spacing: -.015em; white-space: nowrap; text-decoration: none; }
.marka em { font-style: italic; font-weight: 300; margin-left: .24em; }
.marka-nokta { color: var(--kil); background: transparent; }
.ust-dugme { display: none; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: var(--dokunma); height: var(--dokunma); margin-right: -.6rem; padding: 0; background: transparent; border: 0; cursor: pointer; }
.js .ust-dugme { display: inline-flex; }
.ust-dugme span { display: block; width: 22px; height: 1px; background: var(--murekkep); transition: transform .25s var(--gecis); }
.ust.acik .ust-dugme span:first-child { transform: translateY(3px) rotate(45deg); }
.ust.acik .ust-dugme span:last-child { transform: translateY(-3px) rotate(-45deg); }
.ust-acilir { flex-basis: 100%; display: grid; justify-items: start; margin-top: .5rem; padding: .75rem 0 1rem; border-top: 1px solid var(--cizgi); }
.js .ust-acilir { display: none; }
.js .ust.acik .ust-acilir { display: grid; }
.ust-menu { display: grid; width: 100%; }
.ust-menu a { display: flex; align-items: center; min-height: var(--dokunma); font-size: .9375rem; color: var(--murekkep-yumusak); background: transparent; text-decoration: none; }
.ust-menu a:hover, .ust-menu a[aria-current="page"] { color: var(--murekkep); }
.ust-eylem { display: inline-flex; align-items: center; gap: .4rem; margin-top: .75rem; padding-bottom: 2px; font-size: .875rem; text-decoration: none; border-bottom: 1px solid var(--murekkep); }
.ust-eylem:hover { color: var(--kil-koyu); border-bottom-color: var(--kil-koyu); }

/* --- ana sayfa: kapak, uc hucre, konum seridi --- */
.kapak { padding-block: 2.75rem 3rem; }
.kapak-ic { display: grid; gap: 2.5rem; }
.buyuk-baslik { font-size: clamp(2.625rem, 1.35rem + 5.4vw, 5rem); line-height: 1.02; letter-spacing: -.03em; margin-bottom: 1.5rem; padding-bottom: .06em; }
.kapak .eylemler { margin: 2rem 0 0; }
.kapak-soz { display: none; }
.kapak-vitrin { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .625rem; }
.kapak-vitrin-kart { display: grid; gap: .3rem; align-content: start; text-decoration: none; }
.kapak-vitrin-kart img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; object-position: 50% 25%; margin-bottom: .35rem; background: var(--tas); }
.kapak-vitrin-ad { font-family: var(--serif); font-size: 1rem; line-height: 1.2; letter-spacing: -.01em; overflow-wrap: anywhere; }
.kapak-vitrin-kart:hover .kapak-vitrin-ad { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.kapak-soz p { margin: 0 0 .875rem; font-family: var(--serif); font-style: italic; font-size: 1.0625rem; line-height: 1.45; color: var(--murekkep-yumusak); background: transparent; }
.kapak-soz .etiket::before { content: ""; display: block; width: 1.5rem; height: 1px; margin-bottom: .75rem; background: var(--kil); }
.ucluk { border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.ucluk-ic { display: grid; max-width: var(--genislik); margin-inline: auto; }
.ucluk-hucre { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); align-items: start; padding: 1.25rem var(--kenar); border-top: 1px solid var(--cizgi); text-decoration: none; }
.ucluk-hucre > * { grid-column: 2; }
.ucluk-hucre:first-child { border-top: 0; }
.ucluk-sayi { grid-column: 1; grid-row: 1 / span 3; display: block; padding-top: .1rem; font-family: var(--serif); font-size: 1.5rem; font-weight: 300; line-height: 1; color: var(--kil); background: transparent; }
.ucluk-hucre h3 { font-size: 1.125rem; margin-bottom: .375rem; }
.ucluk-hucre p { margin: 0; max-width: 24rem; font-size: .8125rem; line-height: 1.55; color: var(--murekkep-yumusak); background: transparent; }
.ucluk-git { display: inline-block; margin-top: 1rem; font-size: .8125rem; letter-spacing: .02em; text-decoration: underline; text-underline-offset: .4em; }
a.ucluk-hucre:hover .ucluk-git { color: var(--kil-koyu); }
.konum-serit .ic { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .375rem 1.5rem; padding-block: 1rem; font-size: .75rem; letter-spacing: .02em; color: var(--murekkep-soluk); }
.konum-serit p { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: .375rem .75rem; }
.nokta { flex: none; width: 4px; height: 4px; border-radius: 50%; background: var(--kil); }
.konum-imza { font-family: var(--serif); font-style: italic; letter-spacing: 0; }
.bolum-bas { display: grid; gap: 1rem; margin-bottom: 2rem; }
.bolum-bas h2 { margin: 0; }
.bolum-son { margin: 2rem 0 0; }

/* iki sutun: solda soz, sagda ilke kartlari (Feyz "Yaklasimimiz") */
.iki-sutun { display: grid; gap: 2.5rem; }
.ilke-kartlar { display: grid; gap: 1rem; }
.ilke-kart { display: grid; gap: .625rem; justify-items: start; padding: 1.5rem 1.375rem; color: var(--murekkep); background: var(--krem-koyu); }
.bolum-koyu .ilke-kart { background: var(--krem); }
.ilke-kart h3 { display: flex; align-items: baseline; gap: .75rem; font-size: 1.1875rem; margin: 0; }
.ilke-kart h3 span { font-style: italic; font-size: .875rem; color: var(--kil-koyu); background: transparent; }
.ilke-kart p { margin: 0; font-size: .875rem; line-height: 1.6; color: var(--murekkep-yumusak); background: transparent; }

/* murekkep zeminli kutu: duyuru ve cagri (Feyz iletisim sayfasindaki koyu kutu) */
.koyu-kutu { display: grid; gap: 1.5rem; justify-items: start; padding: 2.25rem 1.5rem; color: var(--tas); background: var(--murekkep); }
.koyu-kutu h2 { margin: 0; font-size: clamp(1.625rem, 1.2rem + 1.8vw, 2.5rem); color: var(--krem); background: var(--murekkep); }
.koyu-kutu p { margin: 0; max-width: 34rem; font-size: .9375rem; }
.koyu-kutu .etiket { margin-bottom: .875rem; color: var(--soluk-koyuda); background: var(--murekkep); }
.koyu-kutu h2 + p { margin-top: .875rem; }
.koyu-kutu :focus-visible { outline-color: var(--krem); }

/* --- dizin: mobilde satir, genis ekranda fotograf karti --- */
.izgara { display: grid; border-top: 1px solid var(--cizgi-orta); }
.profil-kart { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: 1.125rem; align-items: center; padding: 1.125rem 0; border-bottom: 1px solid var(--cizgi); text-decoration: none; }
.profil-kart-cerceve { display: block; overflow: hidden; background: var(--tas); }
.profil-kart-foto { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: 50% 25%; transition: transform .6s var(--gecis); }
.profil-kart:hover .profil-kart-foto { transform: scale(1.035); }
.profil-kart-govde { display: grid; gap: .3rem; min-width: 0; }
.profil-kart-ad { font-family: var(--serif); font-size: 1.375rem; font-weight: 400; line-height: 1.15; letter-spacing: -.015em; overflow-wrap: anywhere; }
.profil-kart:hover .profil-kart-ad { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.profil-kart-kunye { font-size: .8125rem; line-height: 1.5; color: var(--murekkep-yumusak); background: transparent; }
.profil-kart-ucret { margin-top: .2rem; font-family: var(--serif); font-style: italic; font-size: .875rem; color: var(--kil-koyu); background: transparent; }
.profil-kart-ucret:empty { display: none; }
.suzgecler { display: grid; gap: 1.25rem; margin-bottom: 2rem; }
.suzgec-grup { display: grid; gap: .625rem; min-width: 0; }
.suzgec { display: flex; gap: .5rem; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--kenar)); padding: 2px var(--kenar); }
.suzgec::-webkit-scrollbar { display: none; }
.suzgec a { flex: none; display: inline-flex; align-items: center; min-height: var(--dokunma); padding: 0 1rem; font-size: .8125rem; letter-spacing: .01em; white-space: nowrap;
  color: var(--murekkep-yumusak); background: transparent; border: 1px solid var(--cizgi-orta); text-decoration: none; }
.suzgec a:hover { color: var(--murekkep); border-color: var(--murekkep); }
.suzgec a[aria-current="true"] { color: var(--krem); background: var(--murekkep); border-color: var(--murekkep); }
.sayim { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem 1.25rem; margin: 0 0 1rem; }
.sayim a { display: inline-flex; align-items: center; min-height: var(--dokunma); font-size: .8125rem; text-decoration: underline; text-underline-offset: .35em; }
.dizin-bas { padding-block: calc(var(--bolum) * .6) calc(var(--bolum) * .4); }
.dizin-bas h1 { margin-bottom: 0; }
/* Dar ekranda sehir adi ve "muzisyenleri." her zaman iki satirdir: yedek yazi tipinde tek satira sigip font gelince
   ikiye cikmasin (412 px'te olculen kayma). */
.dizin-bas h1 em { display: block; }

/* --- profil --- */
.profil { display: grid; }
.profil-ust { display: grid; gap: 1.75rem; padding-bottom: 2.5rem; }
.galeri { display: grid; gap: .5rem; margin-inline: calc(-1 * var(--kenar)); }
.galeri-ana { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: var(--krem-koyu); }
.galeri-serit { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; padding-inline: var(--kenar); }
.galeri-kucuk { display: block; }
.galeri-kucuk img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: 50% 25%; opacity: .7; transition: opacity .2s ease; }
.galeri-kucuk:hover img, .galeri-kucuk[aria-current="true"] img { opacity: 1; }
.galeri-kucuk[aria-current="true"] { outline: 1px solid var(--murekkep); outline-offset: 2px; }
.profil-kunye h1 { margin-bottom: 0; font-size: clamp(2.125rem, 1.5rem + 2.2vw, 3.25rem); overflow-wrap: break-word; hyphens: auto; }
.kunye-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.125rem 1.5rem; margin: 1.5rem 0 0; padding-top: 1.25rem; border-top: 1px solid var(--cizgi-orta); }
.kunye-liste dt { font-size: .6875rem; line-height: 1.4; letter-spacing: .16em; text-transform: uppercase; color: var(--etiket); background: transparent; }
.kunye-liste dd { margin: .3rem 0 0; font-family: var(--serif); font-size: 1.0625rem; line-height: 1.35; overflow-wrap: anywhere; }
.kunye-liste div:last-child:nth-child(odd) { grid-column: 1 / -1; }
.profil-cubuk { position: sticky; bottom: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 1.5rem calc(-1 * var(--kenar)) 0; padding: .625rem var(--kenar) calc(.625rem + env(safe-area-inset-bottom)); color: var(--murekkep); background: var(--krem); border-top: 1px solid var(--cizgi-orta); }
.profil-cubuk-ad { min-width: 0; font-family: var(--serif); font-size: 1.0625rem; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profil-cubuk .dugme { flex: none; }
.kunye { margin: 0 0 .5rem; font-size: .9375rem; color: var(--murekkep-yumusak); background: transparent; }
.ucret { margin: 0; font-family: var(--serif); font-style: italic; font-size: 1.125rem; color: var(--kil-koyu); background: transparent; }
.profil-kunye .eylemler { display: none; margin: 1.75rem 0 .875rem; }
.profil-kunye .not { margin: 1.25rem 0 0; max-width: 24rem; }
.satir-bolum { display: grid; gap: 1.125rem; padding-block: 2rem; border-top: 1px solid var(--cizgi); }
.ic > .satir-bolum:first-child { border-top: 0; padding-top: 0; }
.satir-bolum > h2 { margin: 0; font-size: 1.5rem; font-weight: 400; line-height: 1.2; letter-spacing: -.015em; }
.satir-bolum > h2 .ipucu { margin-top: .5rem; }
.tanitim { max-width: var(--okuma); font-size: 1.0625rem; line-height: 1.7; color: var(--murekkep-yumusak); background: transparent; overflow-wrap: anywhere; }
.videolar { display: grid; gap: 1rem; max-width: 46rem; }
.videolar p { margin: 0; }
.video { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; overflow: hidden; text-decoration: none; background: var(--murekkep); }
.video-poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.video::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--perde); }
.video-oynat { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: .75rem; margin: 1rem; padding: 1rem 1.5rem; font-size: .875rem; font-weight: 500; letter-spacing: .04em; color: var(--murekkep); background: var(--krem); }
.video-oynat::before { content: ""; border-style: solid; border-width: .34rem 0 .34rem .58rem; border-color: transparent transparent transparent currentColor; }
.video-cerceve { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
.yerler, .talep-listesi, .liste, .adimlar { list-style: none; padding: 0; margin: 0; display: grid; }
.yerler { max-width: 46rem; }
.yerler li { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .25rem 1.5rem; padding: .875rem 0; border-bottom: 1px solid var(--cizgi); }
.yerler li:first-child { padding-top: 0; }
.yerler strong { font-family: var(--serif); font-size: 1.1875rem; font-weight: 400; letter-spacing: -.01em; overflow-wrap: anywhere; }
.profil > .koyu-kutu { display: none; margin-top: 1rem; }

/* --- formlar: serif italik etiket, alti cizgili alan (Feyz .form-field) --- */
.form-sayfa { display: grid; gap: 2.5rem; }
.form-yan h1 { margin-bottom: 1.25rem; font-size: clamp(2.25rem, 1.5rem + 2.6vw, 3.5rem); overflow-wrap: anywhere; }
.form-yan .giris { margin-bottom: 0; }
.form-kutu { min-width: 0; max-width: 34rem; }
.form-kutu > .not { margin: 1.5rem 0 0; }
.form-kutu > .not + .not { margin-top: .5rem; }
form { display: grid; gap: 1.5rem; margin: 0; }
label, legend { font-family: var(--serif); font-style: italic; font-size: .9375rem; line-height: 1.4; letter-spacing: .01em; color: var(--kil-koyu); background: transparent; }
label { display: block; }
label > input, label > select, label > textarea { display: block; margin-top: .25rem; }
input, select, textarea { width: 100%; min-height: 3rem; padding: .75rem 0; font-family: var(--yazi); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.4; letter-spacing: 0;
  color: var(--murekkep); background: transparent; border: 0; border-bottom: 1px solid var(--cizgi-alan); border-radius: 0; }
input:focus-visible, select:focus-visible, textarea:focus-visible { outline: none; border-bottom-color: var(--kil); box-shadow: 0 2px 0 0 var(--kil); }
::placeholder { color: var(--etiket); opacity: 1; }
input[type="date"] { -webkit-appearance: none; appearance: none; text-align: left; }
input[type="date"]::-webkit-date-and-time-value { text-align: left; }
select { padding-right: 1.75rem; cursor: pointer; -webkit-appearance: none; appearance: none; background-repeat: no-repeat; background-position: right 0 center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%231A1F1A' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E"); }
textarea { min-height: 6.5rem; line-height: 1.6; resize: vertical; }
textarea.uzun { min-height: 12rem; }
[aria-invalid="true"] { border-bottom-color: var(--uyari-yazi); box-shadow: 0 1px 0 0 var(--uyari-yazi); }
input[type="checkbox"], input[type="radio"] { flex: none; width: 1.125rem; height: 1.125rem; min-height: 0; margin: .15rem 0 0; padding: 0; border: 0; accent-color: var(--murekkep); }
input[type="checkbox"] { -webkit-appearance: none; appearance: none; width: 1.375rem; height: 1.375rem; margin: 0; border: 1px solid var(--murekkep); border-radius: 0; background: transparent center / 72% no-repeat; cursor: pointer; }
input[type="checkbox"]:checked { background-color: var(--murekkep);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8.5L6.5 12L13 4.5' stroke='%23F5F1EA' stroke-width='1.6' stroke-linecap='square'/%3E%3C/svg%3E"); }
input[type="checkbox"]:focus-visible, input[type="radio"]:focus-visible { outline: 2px solid var(--murekkep); outline-offset: 2px; box-shadow: none; }
input[type="file"] { padding: .5rem 0; font-size: .875rem; color: var(--murekkep-yumusak); border-bottom: 0; }
input[type="file"]::file-selector-button { min-height: var(--dokunma); margin-right: 1rem; padding: .5rem 1.125rem; font: inherit; font-size: .8125rem; font-weight: 500; color: var(--murekkep); background: transparent; border: 1px solid var(--cizgi-alan); border-radius: 0; cursor: pointer; }
input[type="file"]:focus-visible { outline: 2px solid var(--murekkep); outline-offset: 3px; box-shadow: none; }
fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
legend { display: block; width: 100%; padding: 0 0 .75rem; }
.onay { display: flex; gap: .75rem; align-items: flex-start; font-family: var(--yazi); font-style: normal; font-size: .8125rem; line-height: 1.55; letter-spacing: 0; color: var(--murekkep-yumusak); }
.onay a { text-decoration: underline; }
.secenekler { display: flex; flex-wrap: wrap; gap: .5rem; }
.secenek { position: relative; display: inline-flex; align-items: center; gap: .5rem; min-height: var(--dokunma); padding: 0 1rem; font-family: var(--yazi); font-style: normal; font-size: .8125rem; letter-spacing: .01em;
  color: var(--murekkep-yumusak); background: transparent; border: 1px solid var(--cizgi-orta); cursor: pointer; }
.secenek input { margin: 0; }
@supports selector(:has(*)) {
  /* secim kutusu yerine etiketin kendisi isaretlenir; :has yoksa yerel kutu gorunur kalir */
  .secenek input { position: absolute; width: 1px; height: 1px; opacity: 0; }
  .secenek:hover { color: var(--murekkep); border-color: var(--murekkep); }
  .secenek:has(input:checked) { color: var(--krem); background: var(--murekkep); border-color: var(--murekkep); }
  .secenek:has(input:focus-visible) { outline: 2px solid var(--murekkep); outline-offset: 2px; }
}
.uyari p { margin: 0 0 .375rem; }
.uyari ul { margin: 0; padding-left: 1.125rem; }
.uyari li { margin: 0; }
.uyari a { display: flex; align-items: center; min-height: var(--dokunma); text-decoration: underline; }
.ic > .uyari { max-width: 46rem; margin-top: 1.5rem; }
.alan-hata, .uyari { margin: 0; padding: .625rem .875rem; font-family: var(--yazi); font-style: normal; font-size: .875rem; line-height: 1.5; color: var(--uyari-yazi); background: var(--uyari-zemin); border-left: 2px solid var(--uyari-yazi); }
form > .alan-hata, .alanlar > .alan-hata { margin-top: -.875rem; }
.form-kutu > .uyari, .form-kutu > .alan-hata { margin-bottom: 1.5rem; }
.alanlar { display: grid; gap: 1.5rem; min-width: 0; }
.bolumlu { gap: 0; }
.bolumlu > .satir-bolum:first-of-type { border-top: 0; padding-top: 0; }
.bolumlu > .kaydet-cubuk { position: sticky; bottom: 0; z-index: 50; margin: 0 calc(-1 * var(--kenar)); padding: .75rem var(--kenar) calc(.75rem + env(safe-area-inset-bottom)); color: var(--murekkep); background: var(--krem); border-top: 1px solid var(--cizgi-orta); }
.yer-satirlari { counter-reset: yer; }
.satir { counter-increment: yer; position: relative; display: grid; gap: 0 1rem; grid-template-columns: 2fr 1fr; padding-left: 2.25rem; }
.satir::before { content: counter(yer, decimal-leading-zero); position: absolute; left: 0; top: .8rem; font-family: var(--serif); font-size: 1.0625rem; color: var(--kil-koyu); background: transparent; }
.satir input:first-child { grid-column: 1 / -1; }
.satir + .satir { margin-top: 1.5rem; }
.tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; min-height: 0; padding: 0; border: 0; }
.adimlar { margin-top: 2rem; border-top: 1px solid var(--cizgi); }
.form-yan .adimlar { display: none; }
.adimlar li { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); align-items: baseline; padding: .875rem 0; border-bottom: 1px solid var(--cizgi); font-size: .875rem; color: var(--murekkep-yumusak); }
.adimlar li span { font-family: var(--serif); font-size: 1.0625rem; color: var(--kil-koyu); background: transparent; }

/* --- panel ve yonetim --- */
.durum-kutu { display: grid; gap: 1rem; justify-items: start; padding: 1.5rem 1.375rem; color: var(--murekkep); background: var(--krem-koyu); border-left: 2px solid var(--kil); }
.durum-kutu { max-width: 46rem; }
.durum-kutu p { margin: 0; }
.talep-eylem { margin: .625rem 0 0; gap: .625rem; }
.hesap .eylemler { margin: 0; }
.hesap form { gap: 0; }
.hesap > * + * { margin-top: .5rem; }
.durum { font-family: var(--serif); font-style: italic; font-size: 1.1875rem; line-height: 1.45; }
.bildirim { margin: 0 0 1.5rem; padding: .875rem 1.125rem; font-size: .875rem; color: var(--murekkep); background: var(--krem-koyu); border-left: 2px solid var(--murekkep); }
.bildirim a { text-decoration: underline; }
.yonetici-notu { margin: 0; padding: .875rem 1.125rem; font-size: .9375rem; color: var(--uyari-yazi); background: var(--uyari-zemin); border-left: 2px solid var(--uyari-yazi); }
.bos-durum { display: grid; gap: 1.25rem; justify-items: start; padding: 1.75rem 1.375rem; color: var(--murekkep); background: var(--krem-koyu); border-left: 2px solid var(--kil); }
.bos-durum p { margin: 0; max-width: 34rem; font-family: var(--serif); font-style: italic; font-size: 1.1875rem; line-height: 1.45; }
.bolum-koyu .bos-durum { background: var(--krem); }
.bos-durum .not { max-width: 30rem; margin-top: .5rem; padding-top: 1.25rem; border-top: 1px solid var(--cizgi-orta); font-family: var(--yazi); font-style: normal; font-size: .875rem; line-height: 1.55; color: var(--murekkep-yumusak); background: transparent; }
/* ilk adim rehberi: onaya gondermek icin gerekenler, isaretli liste */
.kosullar { list-style: none; width: 100%; max-width: 30rem; margin: 0; padding: 0; border-top: 1px solid var(--cizgi-orta); }
.kosullar li { display: flex; align-items: center; gap: .75rem; border-bottom: 1px solid var(--cizgi); font-size: .9375rem; }
.kosullar li::before { content: ""; flex: none; width: 1.125rem; height: 1.125rem; border: 1px solid var(--murekkep); background: transparent center / 72% no-repeat; }
.kosullar li[data-tamam="1"] { color: var(--murekkep-soluk); background: transparent; }
.kosullar li[data-tamam="1"]::before { background-color: var(--murekkep);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8.5L6.5 12L13 4.5' stroke='%23F5F1EA' stroke-width='1.6' stroke-linecap='square'/%3E%3C/svg%3E"); }
.kosullar span, .kosullar a { display: block; flex: 1; padding: .7rem 0; }
.kosullar span::first-letter, .kosullar a::first-letter { text-transform: uppercase; }
.kosullar a { text-decoration: underline; text-underline-offset: .3em; }
.kosullar a::after { content: " \2192"; }
/* paylasim */
.paylas-satir { margin: .75rem 0 0; }
.paylas-eylem { gap: .625rem; }
.js-yalniz { display: none; }
.js .js-yalniz { display: inline-flex; }
/* gonderilen form: dugme mesgul, ikinci dokunus sayilmaz */
.mesgul { opacity: .6; pointer-events: none; }
.dugme.mesgul::after { content: none; }
/* parola alaninda goster / gizle (betik ekler) */
.parola-sar { position: relative; }
.parola-sar input { padding-right: 4.25rem; }
/* Edge kendi goz simgesini cizer; "Goster" dugmesiyle cift olmasin */
.parola-sar input::-ms-reveal { display: none; }
.parola-goster { position: absolute; right: 0; bottom: .1rem; min-width: 3.5rem; min-height: var(--dokunma); padding: 0; font-family: var(--yazi); font-style: normal; font-size: .8125rem; text-align: right; text-decoration: underline; text-underline-offset: .3em; color: var(--murekkep-yumusak); background: transparent; border: 0; cursor: pointer; }
.talep-listesi li { display: grid; gap: .3rem; padding: 1.125rem 0; border-bottom: 1px solid var(--cizgi); }
.talep-listesi li:first-child { padding-top: 0; }
.talep-listesi p { margin: 0; font-size: .875rem; color: var(--murekkep-yumusak); overflow-wrap: anywhere; }
.talep-bas { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .25rem 1rem; }
.talep-bas strong { font-family: var(--serif); font-size: 1.25rem; font-weight: 400; letter-spacing: -.01em; color: var(--murekkep); background: transparent; }
.liste li { padding: .75rem 0; border-bottom: 1px solid var(--cizgi); font-size: .9375rem; overflow-wrap: anywhere; }
.liste li:first-child { padding-top: 0; }
.liste a { display: inline-flex; align-items: center; min-height: var(--dokunma); text-decoration: underline; text-underline-offset: .3em; }
.foto-yonetim { display: grid; gap: 1.75rem 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.foto-yonetim img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 25%; background: var(--krem-koyu); }
.foto-eylem { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; min-height: var(--dokunma); margin-top: .625rem; }
.foto-eylem form { display: contents; }
.foto-eylem .etiket { margin-right: auto; }
.sayilar { display: grid; gap: 2rem 1.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sayi { padding-top: 1rem; border-top: 1px solid var(--cizgi-orta); font-size: .8125rem; line-height: 1.5; color: var(--murekkep-yumusak); }
.sayi strong { display: block; margin-bottom: .5rem; font-family: var(--serif); font-size: 2.75rem; font-weight: 300; line-height: 1; letter-spacing: -.02em; color: var(--kil); background: transparent; }
.sayi .not { display: block; }
.tablo-sar { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: .875rem; }
th, td { padding: .875rem 1rem .875rem 0; text-align: left; vertical-align: top; border-bottom: 1px solid var(--cizgi); }
th { font-size: .6875rem; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; color: var(--murekkep-soluk); background: transparent; border-bottom-color: var(--murekkep); }
.metin { max-width: 42rem; }
.metin h2 { margin: 2.75rem 0 .875rem; font-size: 1.5rem; font-weight: 400; line-height: 1.2; letter-spacing: -.015em; }
.metin p, .metin li { color: var(--murekkep-yumusak); }
.metin li { margin-bottom: .625rem; }
.metin strong { color: var(--murekkep); }
.metin a, .not a { text-decoration: underline; }

/* --- altbilgi (Feyz .site-footer) --- */
.alt { padding-block: 3.5rem 2rem; color: var(--tas); background: var(--murekkep); }
.alt a { text-decoration: none; }
.alt a:hover { color: var(--krem); }
.alt :focus-visible { outline-color: var(--krem); }
.alt-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 1.5rem; margin-bottom: 2.5rem; }
.alt-izgara > :first-child, .alt-izgara > :last-child { grid-column: 1 / -1; }
.alt-marka { margin: 0 0 1rem; font-family: var(--serif); font-size: 1.75rem; font-weight: 300; line-height: 1; letter-spacing: -.02em; color: var(--krem); background: var(--murekkep); }
.alt-marka em { font-style: italic; }
.alt-soz { margin: 0; max-width: 20rem; font-family: var(--serif); font-style: italic; font-size: 1.0625rem; line-height: 1.55; }
.alt-baslik { margin: 0 0 .75rem; font-size: .6875rem; letter-spacing: .16em; text-transform: uppercase; color: var(--soluk-koyuda); background: var(--murekkep); }
.alt-liste { list-style: none; margin: 0; padding: 0; font-size: .875rem; }
.alt-liste a { display: inline-flex; align-items: center; min-height: var(--dokunma); }
.alt-ilkeler { display: grid; gap: 1.25rem; margin-bottom: 2rem; padding-block: 2rem; border-top: 1px solid var(--cizgi-koyuda); border-bottom: 1px solid var(--cizgi-koyuda); }
.alt-ilke { margin: 0; font-family: var(--serif); font-size: 1.0625rem; line-height: 1.4; color: var(--krem); background: var(--murekkep); }
.alt-ilke span { display: block; margin-bottom: .375rem; font-style: italic; font-size: .875rem; color: var(--kil-acik); background: var(--murekkep); }
.alt-son { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 1.75rem; font-size: .75rem; color: var(--soluk-koyuda); background: var(--murekkep); }
.alt-son p { margin: 0; }
.alt-feyz { display: inline-flex; align-items: center; gap: .875rem; }
.alt-feyz img { width: 3.5rem; height: auto; }
.alt-feyz a { color: var(--tas); background: var(--murekkep); }

@media (max-width: 47.99rem) {
  .alt { padding-block: 2.75rem 1.5rem; }
  .alt:not(.alt-ana) .alt-ilkeler { display: none; }
  .alt:not(.alt-ana) .alt-izgara { margin-bottom: 1.5rem; padding-bottom: 2rem; border-bottom: 1px solid var(--cizgi-koyuda); }
}
@media (max-width: 32.49rem) {
  .eylemler > .dugme, .eylemler > .dugme-ikincil, .eylemler > .dugme-acik, .eylemler > form > .dugme, .eylemler > form > .dugme-ikincil { flex: 1 1 100%; }
  .talep-eylem > .dugme-ikincil, .hesap .eylemler .dugme-ikincil, .durum-kutu > .dugme-ikincil { flex: 0 1 auto; }
  .eylemler > .dugme, .eylemler > form > .dugme, .eylemler > .dugme-acik { justify-content: space-between; }
  .eylemler > .dugme-cizgi { flex: 1 1 100%; justify-content: center; min-height: 3.25rem; text-decoration: none; border: 1px solid var(--cizgi-alan); }
  form > .dugme, .bos-durum > .dugme, .durum-kutu > form > .dugme, .koyu-kutu > .dugme-acik { justify-content: space-between; width: 100%; }
  .durum-kutu > form { width: 100%; justify-items: start; }
  .wa-cta { width: 100%; justify-content: center; }
}
@media (min-width: 40rem) {
  .izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.75rem 1.5rem; border-top: 0; }
  .profil-kart { grid-template-columns: minmax(0, 1fr); gap: 1rem; align-items: start; align-content: start; padding: 0; border-bottom: 0; }
  .profil-kart-ad { font-size: 1.5rem; }
  .galeri { margin-inline: 0; }
  .galeri-serit { grid-template-columns: repeat(6, minmax(0, 1fr)); padding-inline: 0; }
  .satir { grid-template-columns: 2fr 1.5fr 1fr; }
  .satir input:first-child { grid-column: auto; }
  .satir + .satir { margin-top: 0; }
  .foto-yonetim { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sayilar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .alt-ilkeler { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
}
@media (min-width: 48rem) {
  :root { --kenar: 3.5rem; --bolum: 6rem; }
  .ust-etiket { gap: .875rem; margin-bottom: 2rem; font-size: .6875rem; }
  .ust-etiket.geri { margin-bottom: 1.25rem; }
  .dugme, .dugme-ikincil, .dugme-acik { min-height: 3.5rem; padding: 1.125rem 2rem; }
  .dugme.kucuk, .dugme-ikincil.kucuk { min-height: var(--dokunma); padding: .5rem 1.125rem; }
  .ust-etiket::before { width: 2.5rem; }
  .ust { position: static; background: var(--krem); -webkit-backdrop-filter: none; backdrop-filter: none; }
  .ust-ic { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); padding-block: 1.25rem; }
  .ust .ust-dugme { display: none; }
  .ust .ust-acilir, .js .ust .ust-acilir, .js .ust.acik .ust-acilir { display: contents; }
  .marka { font-size: 1.375rem; }
  .ust-menu { display: flex; gap: 2.25rem; width: auto; }
  .ust-menu a { font-size: .8125rem; letter-spacing: .02em; }
  .ust-eylem { justify-self: end; margin-top: 0; font-size: .8125rem; }
  .kapak { padding-block: 4.5rem 4.75rem; }
  .kapak-ic { grid-template-columns: minmax(0, 1fr) 13rem; gap: 3rem; }
  .buyuk-baslik { margin-bottom: 2.25rem; }
  .kapak .eylemler { margin-top: 2.5rem; }
  .kapak-soz { display: block; padding-top: .25rem; text-align: right; }
  .kapak-vitrinli .kapak-ic { grid-template-columns: minmax(0, 1fr) minmax(0, 32rem); gap: 3.5rem; align-items: center; }
  .kapak-vitrin { gap: 1rem; }
  .kapak-vitrin-kart:nth-child(2) { margin-top: 2.5rem; }
  .kapak-vitrin-kart:nth-child(3) { margin-top: 1.25rem; }
  .kapak-vitrin-ad { font-size: 1.0625rem; }
  .kapak-soz .etiket::before { margin-left: auto; }
  .ucluk-ic { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ucluk-hucre { display: block; padding-block: 2.5rem; border-top: 0; border-left: 1px solid var(--cizgi); }
  .ucluk-sayi { margin-bottom: .75rem; padding-top: 0; font-size: 2rem; }
  .ucluk-hucre:first-child { border-left: 0; }
  .bolum-bas { grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 2rem; margin-bottom: 3rem; }
  .bolum-son { margin-top: 3rem; }
  .alinti { font-size: 1.1875rem; padding-left: 1.5rem; }
  .ilke-kart { padding: 2rem 2.25rem; }
  .koyu-kutu { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2.5rem; padding: 3.25rem 3.5rem; }
  .suzgec { flex-wrap: wrap; overflow: visible; gap: .25rem 1.75rem; margin-inline: 0; padding: 0; }
  .suzgec a, .suzgec a:hover { min-height: 2.5rem; padding: 0; border: 0; text-underline-offset: .5em; }
  .suzgec a:hover { text-decoration: underline; text-decoration-thickness: 1px; }
  .suzgec a[aria-current="true"] { color: var(--murekkep); background: transparent; font-weight: 500; text-decoration: underline; text-decoration-thickness: 1px; }
  .suzgec-grup { grid-template-columns: 5rem minmax(0, 1fr); align-items: start; gap: 1rem; }
  .suzgec-grup > .etiket { padding-top: .8rem; }
  .dizin-bas h1 em { display: inline; }
  .satir-bolum { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 3.5rem; padding-block: 3rem; }
  .satir-bolum > h2 { font-size: 1.75rem; }
  .durum-kutu, .bos-durum { padding: 2rem 2.25rem; }
  .durum, .bos-durum p { font-size: 1.3125rem; }
  .alt { padding-block: 5rem 2.5rem; }
  .alt-izgara { grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3.5rem; margin-bottom: 4.5rem; }
  .alt-izgara > :first-child, .alt-izgara > :last-child { grid-column: auto; }
  .alt-marka { font-size: 2rem; }
  .alt-liste a { min-height: 2rem; }
}
@media (min-width: 60rem) {
  .iki-sutun { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 5rem; align-items: start; }
  .form-sayfa { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 5rem; align-items: start; }
  .form-yan .adimlar { display: grid; }
  .profil-ust { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 3.5rem; align-items: start; padding-bottom: 4rem; }
  .profil-kunye { position: sticky; top: 2rem; padding-top: .5rem; }
  .profil-kunye .eylemler { display: flex; }
  .profil-kunye .not { margin-top: 0; }
  .profil > .koyu-kutu { display: grid; }
  .profil-cubuk { display: none; }
  .yerler { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 3rem; max-width: none; }
  .yerler li:nth-child(2) { padding-top: 0; }
  .form-kutu { max-width: none; }
  .izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3.5rem 2rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
}