/* ============================================================
   COMPONENTS · buton, kart, chip, rozet, akordeon, harita,
   yuzen buton, Noktani Koy gorselleri
   ============================================================ */

/* ---------- ana CTA butonu (tek CTA turu: WhatsApp) ---------- */
/* etiket 700 + 19px: koyultulmus kor zemin uzerinde krem etiketi net okutur
   ve buyuk-metin esigini rahat gecer (kontrast olcumleri build-notes'ta) */
.cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);color:#fdf6e6;
  border:1px solid rgba(160,77,24,.5);border-radius:999px;padding:0 34px;min-height:48px;
  font-size:19px;font-weight:700;text-decoration:none;box-shadow:0 6px 22px rgba(217,111,43,.32);
  transition:background-color .3s var(--e1),transform .3s var(--e1),box-shadow .3s var(--e1)}
.cta:hover{background:var(--accent-hover);color:#fdf6e6;transform:translateY(-2px);box-shadow:0 10px 28px rgba(191,93,32,.4)}
.cta svg{flex:none}

/* ---------- bolum imzasi (mavi yay + kor nokta) ---------- */
/* Renkler CSS'ten gelir, SVG ozniteliginden degil: tek dogruluk kaynagi palet.
   Bolum kimlik renkli yaylar kendi stroke ozniteligini korur; mavi olanlar
   .sig-blue sinifiyla dekor mavisine baglanir. */
.sig{display:block;margin-bottom:6px}
.sig .tip,.sig .tip-halo{fill:var(--ember)}
.sig .arc.sig-blue{stroke:var(--blue)}
.load-ring .tip{fill:var(--ember)}
.step-line .line{stroke:var(--blue)}
.step-line .line-tip{fill:var(--ember)}
.dot-core-warm,.ember-fill{fill:var(--ember)}

/* ---------- kedi isareti: renkler paletten, SVG ozniteliginden degil ---------- */
.hero-mark #cat-body>path{fill:var(--blue)}
.hero-mark #cat-brush path{fill:var(--orange)}
.hero-mark #cat-stroke{stroke:var(--orange)}
.hero-mark #cat-dot circle{fill:var(--ember)}

/* ---------- hakkimizda: blob portre + rozet ---------- */
/* Oran 6/5'ten 1/1'e gecti: yuvaya giren gercek kare atolyenin el boyamasi
   yuvarlak tabelasidir ve dikdortgen kirpma tabelayi kesiyordu. */
.portrait{position:relative;width:min(100%,360px);aspect-ratio:1/1;border-radius:58% 42% 55% 45% / 48% 52% 46% 54%;
  overflow:hidden;
  --photo-fallback:radial-gradient(circle at 34% 30%,#cfe0ee 0%,#9dbcd8 38%,#6e93b8 72%,#547aa0 100%);
  box-shadow:inset 0 0 40px rgba(34,53,79,.18),0 10px 30px rgba(34,53,79,.1)}
.portrait::before{content:"";position:absolute;inset:14%;border-radius:inherit;
  background:radial-gradient(circle at 60% 40%,rgba(246,240,227,.24),transparent 70%)}
.portrait::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.5;
  background:radial-gradient(ellipse 52% 42% at 62% 70%,rgba(233,150,77,.3),transparent 70%)}

/* ---------- egitmen: dikey blob portre, unvan, listeler ---------- */
/* Oran 3/4: about'taki 1/1 blob ile ayni maskeyi ayni oranda iki kez
   gostermemek icin bilerek farkli. */
.portrait-tall{position:relative;width:min(100%,300px);aspect-ratio:3/4;overflow:hidden;
  border-radius:52% 48% 46% 54% / 42% 44% 56% 58%;
  --photo-fallback:radial-gradient(circle at 40% 32%,#dfe7ee 0%,#a8bccd 55%,#7e94ab 100%);
  box-shadow:inset 0 0 40px rgba(34,53,79,.16),0 10px 30px rgba(34,53,79,.12)}
.portrait-tall::before{content:"";position:absolute;inset:14%;border-radius:inherit;
  background:radial-gradient(circle at 58% 38%,rgba(246,240,227,.22),transparent 70%)}
.instructor-name{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--text-primary);line-height:1.2}
.instructor-role{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.6px;color:var(--text-secondary);line-height:1.6}
.record-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.record-title{font-family:var(--font-mono);font-size:11px;letter-spacing:1.6px;color:var(--amber-label);
  display:flex;align-items:baseline;margin-bottom:12px}
/* Hale ayri bir katmanda durur ki animasyona YALNIZ opacity girsin
   (SSS madde iminin desenin aynisi). */
.record-title .dot{position:relative}
.record-title .dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;
  box-shadow:0 0 0 3px rgba(217,111,43,.22);opacity:0}
.record-list li{font-size:13.5px;line-height:1.6;color:var(--text-body);
  display:grid;grid-template-columns:44px 1fr;column-gap:12px}
.record-list li .year{font-family:var(--font-mono);font-size:12px;color:var(--blue-text)}
.record-list.certs li{grid-template-columns:1fr;padding-left:14px;border-left:2px solid #ddd1ba}
.press-chip{align-self:flex-start;margin-top:6px;white-space:normal;line-height:1.7}
.instructor-closing{font-family:var(--font-display);font-style:italic;font-size:17px;color:var(--text-primary)}

/* ---------- eserler: gece duvarinda dikdortgen cerceve ---------- */
/* Blob maske YOK: blob sitede "atolye fotografi" dilidir; cerceve ziyaretciye
   bunun bir eser oldugunu okutur (envanterin uyardigi karisikligi cozer). */
.frame{margin:0;background:#f4eddb;padding:10px;border-radius:3px;
  box-shadow:0 14px 34px rgba(4,12,22,.45),inset 0 0 0 1px rgba(12,26,44,.35)}
.frame .frame-inner{position:relative;display:block;overflow:hidden;background:#0c1a2c}
.frame img{display:block;width:100%;height:auto}
/* Cercevenin ic kenarindaki ince isik: yasayan oge, yalniz opacity. */
.frame .frame-inner::after{content:"";position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(244,237,219,.5);opacity:.35}
#works .chip-dark{background:rgba(246,240,227,.08);border-color:rgba(244,237,219,.28);color:var(--text-on-dark)}
#works .works-note{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.4px;
  color:var(--text-on-dark-muted);margin-top:26px}
/* Baglanti METINDIR: dekor turuncusu (--orange) metin rolu alamaz, gece
   zemininde olculmus metin tonu kullanilir (#f4eddb / #10263e = 13.14:1).
   Odak halkasi metin degil arayuz gostergesidir ve --accent gece zemininde
   3.11:1 ile sinirda kaliyor; --orange orada 5.87:1 olcuyor, o yuzden
   halka --orange'da kalir. Ikisi ayri kural, ayri gerekce. */
#works .works-note a{color:var(--text-on-dark)}
#works :focus-visible{outline-color:var(--orange)}

/* ---------- ders kartlari ---------- */
.card{background:var(--panel);border:1px solid var(--border);border-top:5px solid var(--card-clr,var(--teal));
  border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px}
.card-teal{--card-clr:var(--teal)} .card-green{--card-clr:var(--green)} .card-ember{--card-clr:var(--accent)}
.card-visual{position:relative;height:150px;border-radius:52% 48% 44% 56% / 56% 44% 58% 42%;overflow:hidden}
/* Gradyanlar `background:` kisayolundan --photo-fallback'e tasindi.
   Kisayol (0,2,0) `.photo{background-image}` kuralini (0,1,0) yeniyordu ve
   kaba `photo` sinifi eklemek fotografi sessizce gorunmez birakiyordu. */
.card-teal .card-visual{--photo-fallback:radial-gradient(circle at 30% 35%,#bcd9e8 0%,#7fb0cf 55%,#5a8db4 100%)}
.card-green .card-visual{--photo-fallback:radial-gradient(circle at 64% 30%,#d9e3c8 0%,#9db88a 55%,#7b9a6c 100%);border-radius:46% 54% 58% 42% / 44% 56% 42% 58%}
.card-ember .card-visual{--photo-fallback:radial-gradient(circle at 40% 62%,#ecd4b4 0%,#d0a071 55%,#b4835a 100%);border-radius:55% 45% 48% 52% / 50% 50% 55% 45%}
.card-visual::before{content:"";position:absolute;inset:10%;border-radius:inherit;
  background:radial-gradient(circle at 55% 42%,rgba(246,240,227,.28),transparent 68%)}
.card-visual::after{content:"";position:absolute;inset:-1px;border-radius:inherit;opacity:.25;
  box-shadow:inset 0 0 0 3px rgba(246,240,227,.85)}
.card h3{font-size:21px}
.card .promise{font-size:14.5px;line-height:1.55}
.card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:14px;color:var(--text-body)}
.card li{display:flex;align-items:baseline}
.card li .dot{width:6px;height:6px;margin-top:0}
.time-chips{display:flex;flex-wrap:wrap;gap:7px}
/* Kurs notu ve afis baglantisi (B-4). Ikisi de panelden gelir ve BOSSA HIC
   BASILMAZ, yani bu kurallar cogu kartta hic devreye girmez.
   Not, madde listesinden ayrilsin diye ustunde ince bir cizgi var; ayri bir
   kutu degil, cunku atolyenin kendi cumlesi, sistemin uyarisi degil. */
.card-note{margin:0;padding-top:10px;border-top:1px solid var(--border);
  font-size:13.5px;line-height:1.5;color:var(--text-secondary)}
.card-afis{margin:0;font-size:13.5px}
.card-afis a{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px}
.card-afis a:hover{color:var(--accent-hover)}
.card-cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  font-size:14px;font-weight:600;color:var(--accent-text);text-decoration:none;padding:6px 0;border-radius:6px}
.card-cta:hover{color:var(--accent-hover)}
.card-cta::after{content:"";width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;
  transform:rotate(45deg);transition:transform .3s var(--e1)}
.card-cta:hover::after{transform:rotate(45deg) translate(2px,-2px)}

/* ---------- terapi: Reyhan Karadayi'nin kendi metni + kapisi olmayan ev ---------- */
.quote-block{display:grid;grid-template-columns:1fr minmax(150px,210px);gap:26px;align-items:center;
  text-align:left;margin:0 auto 30px;max-width:840px}
.quote-lead{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.6px;color:var(--text-secondary);margin-bottom:14px}
.quote-head{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(19px,2.2vw,23px);
  line-height:1.35;color:var(--text-primary);margin-bottom:14px}
.quote-body{border-left:3px solid var(--ember);padding-left:18px;font-size:16px;line-height:1.85;color:var(--text-body)}
.quote-cite{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:1.4px;
  color:var(--amber-label);margin-top:14px;font-style:normal}
.quote-bridge{font-family:var(--font-display);font-style:italic;font-size:17px;color:var(--text-primary);margin-top:16px}
.house{width:100%;height:auto;display:block}
.house .wall,.house .roof,.house .win{stroke:var(--blue-text);fill:none;stroke-width:5;
  stroke-linecap:round;stroke-linejoin:round}
.house .door{stroke:var(--ember);fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.house .ground{stroke:var(--green-text);stroke-width:4;stroke-linecap:round;opacity:.55}

/* ---------- terapi duraklari ---------- */
.step .step-no{font-family:var(--font-mono);width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:var(--canvas);
  border:1.5px solid var(--step-clr,var(--border));display:flex;align-items:center;justify-content:center;
  font-size:17px;color:var(--text-primary);position:relative;z-index:1}
.step-1 .step-no{--step-clr:var(--teal)} .step-2 .step-no{--step-clr:var(--purple)} .step-3 .step-no{--step-clr:var(--yellow)}
.step .step-name{font-weight:600;font-size:16px;color:var(--text-primary);margin-bottom:6px}
.step .step-desc{font-size:14.5px;line-height:1.55;color:var(--text-secondary)}
#therapy .closing-link{font-family:var(--font-display);font-style:italic;font-size:17px;color:var(--text-primary);
  text-decoration-color:rgba(160,77,24,.5)}
#therapy .closing-link:hover{color:var(--accent-hover)}

/* ---------- ozel gunler kolaji ---------- */
.collage-a{position:relative;width:min(100%,340px);aspect-ratio:34/23;border-radius:52% 48% 58% 42% / 46% 54% 44% 56%;
  overflow:hidden;
  --photo-fallback:radial-gradient(circle at 30% 30%,#f2d8b0 0%,#dfab6e 50%,#c98d52 100%)}
.collage-a::before{content:"";position:absolute;inset:12%;border-radius:inherit;
  background:radial-gradient(circle at 58% 40%,rgba(246,240,227,.3),transparent 70%)}
.collage-a::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.4;
  background:radial-gradient(ellipse 46% 42% at 60% 40%,rgba(233,176,100,.4),transparent 70%)}
.collage-b{position:relative;width:min(72%,250px);aspect-ratio:5/3;margin-left:26%;border-radius:44% 56% 50% 50% / 56% 44% 58% 42%;
  overflow:hidden;
  --photo-fallback:radial-gradient(circle at 60% 40%,#c4d8e6 0%,#8fb2cc 60%,#6d92b2 100%)}
.collage-b::before{content:"";position:absolute;inset:14%;border-radius:inherit;
  background:radial-gradient(circle at 45% 45%,rgba(246,240,227,.26),transparent 70%)}
/* uc paket: ayni kart iskeleti degil, sakin liste bloklari (ders kartlariyla
   yarismasin diye kenarlik yok, yalniz sol kor cizgi) */
.package-lead{max-width:60ch}
.packages{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}
.package{border-left:3px solid var(--ember);padding-left:18px}
.package h3{font-size:17px;margin-bottom:8px}
.package .days-list{margin-bottom:12px}
.price-chip{font-size:13px;padding:8px 14px;background:var(--canvas);border-color:#d99a4e;color:var(--amber-label);
  white-space:normal;max-width:100%;display:inline-block;line-height:1.6}
.reminder-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:flex-start}
.hours-note{font-family:var(--font-mono);font-size:11.5px;line-height:1.7;color:var(--text-secondary)}
.days-closing{font-size:14.5px;color:var(--accent-text);text-decoration-color:rgba(160,77,24,.5)}
.days-closing:hover{color:var(--accent-hover)}

/* ---------- galeri parcalari ---------- */
/* Karar B7: karsilastirma cifti yok. Duvar artik ayni konunun farkli
   ellerden cikmis halleri; her isin altinda tek satirlik mini hikaye. */
.gallery-frame-label{display:inline-block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:1.4px;
  color:var(--amber-label);border:1px solid #d99a4e;border-radius:8px;padding:5px 12px;margin-bottom:26px}
.g-item{break-inside:avoid;margin-bottom:26px;text-align:left}
/* ---------- alt bilgi sayfa gezintisi (B-6) ---------- */
/* Yedi sayfa acildi; hicbirine baglanti olmasa OKSUZ kalirlardi. Ust menuye
   eklenmedi: orada zaten on baglanti var ve on yedincisi menuyu kullanilamaz
   kilardi. Bulunulan sayfanin baglantisi HIC BASILMIYOR. */
.f-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;
  margin:14px 0 6px;font-size:13.5px}
/* SAG ALT KOSE BOSALTILIYOR (telefon).
   Duman testi yakaladi (27 Agustos 2026): yuzen buton sag alt kosede 56x56px
   ve gezintinin son baglantisini ("İletişim") TAMAMEN ortuyordu. Baglanti
   goruluyor ama tiklanamiyordu, ki bu gorunmemekten kotudur.
   Butonu sondurmek SECILMEDI: `floating-cta.js` SON_BANT kurali sayfa sonunda
   butonun DURMASINI istiyor ("iletisim ve footer alanina gelen ziyaretci
   eyleme yakindir"). Bunun yerine paketin kendi 88px rezervi uygulaniyor:
   icerik ortalanmaya devam ediyor ama sag 88px'e HIC girmiyor. */
@media (max-width:720px){
  .f-nav{padding-right:88px}
}
.f-nav a{color:var(--text-secondary);text-decoration:none;
  padding:8px 0;min-height:44px;display:inline-flex;align-items:center}
.f-nav a:hover{color:var(--accent-text);text-decoration:underline;
  text-underline-offset:2px}

/* ---------- kurs sayfasi (/kurslar/<adres>, B-6) ---------- */
/* Dar kapsayici: bu sayfa OKUNUYOR, taranmiyor. Satir uzunlugu 65-75 karakter
   civarinda kaliyor ki goz satir sonunda kaybolmasin. */
.container-dar{max-width:760px}
.kurs-baslik{font-family:var(--font-mono);font-size:13px;letter-spacing:1.4px;
  color:var(--amber-label);margin:30px 0 12px;text-transform:uppercase}
.kurs-gorsel{height:auto;aspect-ratio:2/1;margin:6px 0 22px}
.kurs-maddeler{list-style:none;margin:0 0 8px;padding:0;display:flex;
  flex-direction:column;gap:9px;font-size:15px;color:var(--text-body)}
.kurs-maddeler li{display:flex;align-items:baseline}
.kurs-maddeler li .dot{width:6px;height:6px;margin-top:0}
.kurs-program{list-style:none;margin:0;padding:0;display:flex;
  flex-direction:column;gap:8px}
.kurs-program li{display:grid;grid-template-columns:120px 1fr;column-gap:14px;
  align-items:baseline;font-size:15px}
.kurs-gun{font-weight:600;color:var(--text-primary)}
.kurs-saat{font-family:var(--font-mono);font-size:13.5px;color:var(--text-body)}
/* KAYITLAR DOLU uyarisi: renk TEK BASINA tasimiyor, kenar cizgisi de var.
   Renk korlugunde tek ayirt edici renk olmamali (kural 7'nin kardesi). */
.kurs-uyari{margin:10px 0 0;padding:10px 14px;border-left:3px solid var(--accent);
  background:var(--panel);border-radius:0 8px 8px 0;font-size:14.5px;
  color:var(--text-body)}
.geri-ust{margin:0 0 18px}
@media (max-width:520px){
  .kurs-program li{grid-template-columns:1fr;gap:2px}
}

/* ---------- galeri sayfasi (/galeri, B-6) ---------- */
/* SUZGEC ADRESTE, JS'te degil: sonucu paylasilabilir bir baglanti ve JS
   calismasa da suzgec calisiyor. Dugmeler gercek <a>, yani klavye ve ekran
   okuyucu icin bedava dogru. */
.suzgec{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.suzgec-dugme{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;
  border-radius:999px;border:1px solid var(--border);background:var(--panel);
  font-family:var(--font-mono);font-size:12px;letter-spacing:.6px;
  color:var(--text-body);text-decoration:none;
  transition:border-color .3s var(--e1),color .3s var(--e1)}
.suzgec-dugme:hover{border-color:var(--accent);color:var(--accent-text)}
/* Secili dugme YALNIZ RENKLE ayrilmiyor: kenar kalinligi da degisiyor.
   Renk korlugunde tek ayirt edici renk olmamali (kural 7'nin kardesi). */
.suzgec-dugme.secili{border:2px solid var(--accent);color:var(--accent-text);font-weight:600}
.galeri-gun{font-family:var(--font-mono);font-size:13px;letter-spacing:1.4px;
  color:var(--amber-label);margin:34px 0 14px;text-transform:uppercase}
.galeri-gun:first-of-type{margin-top:18px}
.geri-satir{margin-top:34px;font-size:14px}
/* DOKUNMA HEDEFI 24px TABANI (WCAG 2.5.8, AA).
   Olculdu (gercek Chrome, 27 Agustos 2026): bu baglantilar 18,6px yuksekligindeydi.
   WCAG cumle ICINDEKI baglantilari muaf tutuyor, ama bunlar KENDI SATIRINDA
   duran tekil baglantilar, yani muafiyet gecerli degil.
   `inline-flex` + `min-height` satir akisini bozmuyor cunku zaten tek satirlik
   bir paragrafin tamami. */
.geri-satir a,
.card-afis a,
.days-closing,
#therapy .closing-link{display:inline-flex;align-items:center;min-height:24px;
  padding-block:4px}
.geri-satir a{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px}

/* Galeri alt yazisindaki DERS TARIHI (B-6). Panelden gelir ve bos birakilabilir,
   yani cogu iste hic basilmaz. Alt yazidan ayrilsin diye mono ve daha kucuk;
   ayri bir satir DEGIL, cunku "Panoda on dort kucuk is yan yana · 12 Eylul 2026"
   tek bir cumle gibi okunuyor. */
.g-tarih{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.4px;
  color:var(--text-secondary);white-space:nowrap}
.g-tarih::before{content:"· "}
.g-shot{position:relative;overflow:hidden;display:block;
  border-radius:48% 52% 55% 45% / 52% 48% 46% 54%;
  box-shadow:0 8px 24px rgba(34,53,79,.1)}
/* Galeri kaplarinin sabit yuksekligi YOK: yukseklik gorselin kendi oranindan
   gelir, boylece hicbir ogrenci calismasi kirpilmaz. Bu yuzden gorsel akista
   durur, .photo img'in mutlak konumlamasi burada gecersiz kilinir. */
/* Secici .photo picture / .photo img ile AYNI ozgullukte kalirsa dosyada
   sonra gelen o kural kazanir ve gorsel sifir yukseklikte kaybolur (olculdu).
   Iki sinif birlikte yazilir, boylece kaskad kazasi degil karar olur. */
.g-shot.photo picture{position:static;display:block}
.g-shot.photo img{position:static;width:100%;height:auto}
.g-item:nth-child(2n) .g-shot{border-radius:55% 45% 44% 56% / 46% 54% 58% 42%}
.g-item:nth-child(3n) .g-shot{border-radius:44% 56% 50% 50% / 58% 42% 52% 48%}
.g-caption{margin-top:12px;font-size:14px;line-height:1.55;color:var(--text-body);padding-inline:6px}
/* FOTOGRAF TAKAS SOZLESMESI (guncellendi, 26 Agustos 2026)
   Her yer tutucu kap .photo tasir; gradyan yalniz --photo-fallback'te durur.
   Gercek fotograf gelince kaba `has-photo` sinifi da eklenir ve icine
   <picture> konur: AVIF once, WebP geri dusus, alt/width/height/lazy zorunlu.
   `--photo:url(...)` yolu hizli onizleme icin durur, yayina giden yol <picture>.
   Faz A fotograflari site/assets/img altinda SURUMLENIR (karar A11);
   /opt/mavi/medya kabi Faz B panel yuklemelerine rezervedir. */
.photo{background-image:var(--photo,var(--photo-fallback,none));
  background-size:cover;background-position:var(--photo-pos,center);background-repeat:no-repeat}
.photo picture{position:absolute;inset:0;display:block}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:var(--photo-pos,center);border-radius:inherit;display:block}
/* Krem parilti gradyanin ustunde isik, fotografin ustunde sis olur: kapatilir.
   ::after (islak kenar halkasi ve yasayan oge) kalir, o cerceve gibi okunur. */
.photo.has-photo::before{opacity:0}
.has-photo .soon-tag{display:none}
.soon-tag{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);font-family:var(--font-mono);
  font-size:10px;letter-spacing:1.2px;color:var(--amber-label);background:rgba(246,240,227,.85);
  border:1px solid #d9cdb6;border-radius:6px;padding:3px 8px;white-space:nowrap}
.particle{position:absolute;top:-3%;width:3px;height:3px;border-radius:50%;background:var(--accent-muted);opacity:0}

/* ---------- fiyat karti + program ---------- */
.price-card{background:var(--canvas);border:1px solid var(--border);border-radius:22px;padding:32px 48px;
  box-shadow:0 8px 26px rgba(34,53,79,.08)}
.price-card .price-big{font-family:var(--font-display);font-weight:600;font-size:clamp(32px,4vw,46px);color:var(--text-primary);
  display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:14px}
.price-card .price-big .dot{width:10px;height:10px;margin:0}
.price-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}
.price-card .price-note{font-size:15.5px;font-weight:600;color:var(--accent-text)}
.reminder-chips{margin-top:10px}
.day{padding:14px 16px;border-right:1px solid #e6dcc6}
.day:last-child{border-right:0}
.day .day-name{font-family:var(--font-mono);font-size:12px;letter-spacing:1px;margin-bottom:8px}
.day .day-times{font-family:var(--font-mono);font-size:11.5px;line-height:1.7;color:var(--text-body)}
/* PZT etiketi METINDIR: dekor mavisi degil, olculmus metin mavisi (5.25:1). */
.day-mon .day-name{color:var(--blue-text)} .day-tue .day-name{color:var(--teal-text)} .day-wed .day-name{color:var(--green-text)}
.day-thu .day-name{color:var(--purple-text)} .day-sat .day-name{color:var(--pink-text)}
/* YEDI GUNUN HEPSI TANIMLI. Once yalniz bes gun vardi (cuma ve pazar YOKTU) ve
   serit izgarasi da bese civiliydi; yani panelden bir cuma dersi girilse gun
   adi renksiz basar, sutun ise hic yer bulamazdi. B-3 seridi veriye acti.
   Kontrastlar #ece3d1 zemininde olculdu: PZT 4,68 · SAL 4,79 · ÇAR 5,21 ·
   PER 5,11 · CUM 5,65 · CMT 4,83 · PAZ 7,36. Hepsi govde tabanini (4,5) geciyor. */
.day-fri .day-name{color:var(--fri-text)} .day-sun .day-name{color:var(--sun-text)}
.updated-line{font-family:var(--font-mono);margin-top:14px;font-size:11.5px;color:#4d5d76}

/* ---------- sss akordeonu ---------- */
.faq-item{background:#f9f3e6;border:1px solid var(--border);border-radius:14px;overflow:hidden}
.faq-item h3{font-family:var(--font-body);font-size:inherit;font-weight:600;margin:0}
.faq-q{display:flex;width:100%;justify-content:space-between;align-items:center;gap:14px;
  font-family:var(--font-body);font-weight:600;font-size:15.5px;color:var(--text-primary);text-align:left;
  background:transparent;border:0;padding:16px 22px;min-height:52px;cursor:pointer}
.faq-q .q-text{display:flex;align-items:baseline}
.faq-q .chev{flex:none;transition:transform .4s var(--e1);color:var(--text-secondary)}
.faq-item.is-open .faq-q .chev{transform:rotate(180deg);color:var(--accent-hover)}
.faq-item .dot{position:relative}
.faq-item .dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;
  box-shadow:0 0 0 3px rgba(217,111,43,.2);opacity:0}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--e1),visibility 0s .45s;visibility:hidden}
.faq-item.is-open .faq-a{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .45s var(--e1)}
.faq-a-inner{overflow:hidden;min-height:0}
.faq-a-inner p{padding:0 22px 18px 39px;font-size:14.5px;line-height:1.6}

/* ---------- noktani koy alani ---------- */
.dot-area{position:relative;width:min(100%,380px);min-height:220px;border-radius:24px;
  /* KENAR RENGI kural 7'ye gore secildi: buton kenari tabani 3:1.
     Olculdu, dis zemin #f6f0e3 uzerinde:
       #c8bb9e (eski)  1,67:1  KALIYORDU
       #8f8261 (yeni)  3,34:1  geciyor
     Bu, sayfanin TEK etkilesim aninin butonu ve kenar onun tek sinirini
     ciziyor; dekoratif sayilamaz. */
  border:1.5px dashed #8f8261;background:#faf4e7;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:18px;
  touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;
  font-family:var(--font-body);transition:border-color .5s var(--e1),background-color .5s var(--e1)}
.dot-area:hover{border-color:#6f6343}   /* 5,03:1 */
#invite.done .dot-area{cursor:default;border-color:#8f8261;background:#fbf6ea}  /* tamamlanmis hal de tabani gecer */
.dot-scene{position:absolute;left:var(--press-x,50%);top:var(--press-y,44%);width:0;height:0;pointer-events:none}
.dot-scene svg{position:absolute;left:-70px;top:-70px;overflow:visible}
.bloom{opacity:0;transform:scale(.5);transform-origin:70px 70px}
.bloom-blue{opacity:calc(min(1,var(--hold,0)*2.4)*(1 - var(--warmth,0)));transform:scale(calc(.5 + .65*var(--hold,0)))}
.bloom-ember{opacity:calc(var(--warmth,0)*min(1,var(--hold,0)*1.4));transform:scale(calc(.55 + .6*var(--hold,0)))}
/* Dinlenmede kutu "bos cerceve" okunmasin: cekirdek gorunur bir tabanda durur
   ve cevresinde murekkep tonunda ince bir halka bekler (halka/kutu 5.57:1).
   Halka basiyla soner. Cekirdek de turkuazdan kor turuncusuna isinir
   (paket: "nokta turkuazdan kor turuncusuna isinir"). */
.dot-scene{--core:min(1,calc(.45 + var(--hold,0)*.9))}
.dot-ring{opacity:calc(1 - min(1,calc(var(--hold,0)*1.6)))}
.dot-core-cold{opacity:calc(var(--core)*(1 - var(--warmth,0)))}
.dot-core-warm{opacity:calc(var(--core)*var(--warmth,0))}
.dot-invite,.dot-invite-rm{position:relative;font-size:15px;font-weight:600;color:var(--text-body);pointer-events:none}
.dot-invite-rm{display:none}
#invite.done .dot-invite{opacity:0;transition:opacity .5s var(--e1)}
.dot-microline{font-size:14.5px;font-weight:600;color:var(--text-primary);opacity:0;transform:translateY(8px);
  transition:opacity .8s var(--e1) .35s,transform .8s var(--e1) .35s;margin-top:-8px}
#invite.done:not(.rm-pinned) .dot-microline{opacity:1;transform:none}
.burst{position:absolute;inset:0;pointer-events:none;overflow:visible}
.burst span{position:absolute;width:var(--size,4px);height:var(--size,4px);border-radius:50%;background:var(--clr,var(--accent));opacity:0}
.big-cta{padding:0 40px;min-height:52px;font-size:19px;position:relative}
.big-cta::before{content:"";position:absolute;inset:-9px;border-radius:999px;pointer-events:none;
  box-shadow:0 0 0 7px rgba(217,111,43,.14),0 0 34px 12px rgba(233,150,77,.28);opacity:0}
#invite.done .big-cta{box-shadow:0 10px 30px rgba(217,111,43,.42)}
.trust-note{font-size:14px;color:var(--text-secondary)}

/* ---------- iletisim ---------- */
.map-wrap{position:relative;height:340px;border-radius:18px;overflow:hidden;border:1px solid #cfc4ab;background:#dfe5dd}
.map-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---------- harita ---------- */
/* KAPAK STILLERI KALDIRILDI (28 Agustos 2026, Orhan karari): harita artik
   kendiliginden yukleniyor, ortunde bir dugme ve uyari yok. Olu CSS
   birakmak, bir sonraki turda "bu neden gorunmuyor" diye zaman yakar. */
.map-wrap .harita-yedek{position:absolute;inset:0;display:flex;
  align-items:center;justify-content:center;margin:0;padding:24px;
  text-align:center;font-size:15px}
.info-card{background:var(--canvas);border:1px solid var(--border);border-radius:16px;padding:22px;font-size:15px;line-height:1.65}
.info-card p{margin-bottom:10px}
.info-card p:last-child{margin-bottom:0}
.info-card strong{color:var(--text-primary)}
.info-card a{color:var(--accent-text)}
.route-note{font-size:14px;line-height:1.6;color:#4d5d76}

/* ---------- yuzen whatsapp butonu ---------- */
/* SAPMA BEYANI (Orhan onayina sunulur): tasarim paketi 6.8 masaustunde
   "kalici etiketli hap" diyor. Etiketli hap 19px/700'de 367x59 px olculdu ve
   ayni paketin "sag alt 88x88px rezerv" kuraliyla catisiyor; olcumde SSS
   butonlarindan tiklama caliyordu. Rezerv kurali baglayici oldugu icin
   masaustu de mobildeki desene iner: 56px daire + ilk beliriste 4sn balon.
   28+56=84 <= 88, rezerv birebir saglanir. Erisilebilir ad aria-label'da tam. */
.fab{position:fixed;right:28px;bottom:28px;z-index:120;display:inline-flex;align-items:center;justify-content:center;
  width:56px;height:56px;padding:0;border-radius:50%;
  background:var(--accent);color:#fdf6e6;border:1px solid rgba(160,77,24,.5);text-decoration:none;
  box-shadow:0 8px 24px rgba(34,53,79,.25);
  opacity:0;transform:translateY(18px);pointer-events:none;
  transition:opacity .5s var(--e1),transform .5s var(--e1),background-color .3s var(--e1)}
.fab::before{content:"";position:absolute;inset:-8px;border-radius:999px;pointer-events:none;
  box-shadow:0 0 0 6px rgba(217,111,43,.13),0 0 26px 10px rgba(233,150,77,.24);opacity:0;transition:opacity .4s var(--e1)}
.fab:hover{background:var(--accent-hover);color:#fdf6e6}
.fab:hover::before{opacity:.5}
.fab.is-visible{opacity:1;transform:none;pointer-events:auto}
.fab.is-dimmed{opacity:.15;pointer-events:none}
.fab svg{flex:none}
/* etiket artik yalniz erisilebilir ad + balon; hap etiketi kaldirildi */
.fab .fab-label{display:none}
/* Balon dairenin SOLUNDA duruyor ve <a>'nin icinde: pointer-events:none olmazsa
   gorunmez halindeyken bile tiklama yutar (olculdu). */
.fab .fab-balloon{display:block;position:absolute;right:68px;top:50%;transform:translateY(-50%);
  width:max-content;max-width:min(60vw,260px);background:#fbf5e8;border:1px solid var(--border);border-radius:12px;
  padding:8px 12px;font-size:11.5px;font-weight:600;color:var(--text-body);box-shadow:0 4px 14px rgba(34,53,79,.14);
  pointer-events:none;opacity:0;transition:opacity .4s var(--e1)}
.fab.has-balloon .fab-balloon{opacity:1}
@media (max-width: 900px){
  /* Ev alintinin altina iner; 375px'te yan yana duran ev sutunu alintiyi
     iki kelimelik satirlara dusuruyordu. */
  .quote-block{grid-template-columns:1fr;gap:18px}
  .quote-block .house-slot{max-width:190px;margin-inline:auto}
}
@media (max-width: 720px){
  /* TELEFONDA DAIRE KALIYOR, AMA OKURKEN CEKILIYOR.
     Uc secenek AYNI aracla, ayni sayfada olculdu (390x844, scrollY 600'den
     sayfa sonuna 60px adimlarla, butonun kutusu goruunum alanina kirpilarak):

       daire, cekilmesiz : 271 konumun 113'unde metin ortuluyor (%41,7),
                           en buyuk yatay ortusme 52px, satir SONUNDA
       serit, cekilmesiz : 271 konumun 181'inde (%66,8), 350px, SATIRIN TAMAMI
       serit, cekilmeli  : okurken 271 konumun 6'sinda (%2,2)
       daire, cekilmeli  : okurken 271 konumun 19'unda (%7,0) ve bunlarin
                           HEPSI sayfanin son bandinda (y>=17.400, iletisim ve
                           footer), yani butonun bilerek durdugu yerde.
                           Okunan govdede ortusme SIFIR.

     Serit okuma tarafinda daireyle basa bas cikti AMA duman testi 13'u kirdi:
     tam genislikte oldugu icin TIKLANABILIR BIR SATIRIN TAMAMINI ortuyor.
     Olculen uc kurban: davet CTA'si, @reyhanartstudio baglantisi ve
     button#faqq5. Yani SSS sorusuna basan ziyaretci WhatsApp'a gidiyor.
     Bu, birkac karakter gizlemekten KOTU: biri yeniden okumaya, digeri
     YANLIS EYLEME yol aciyor. Projenin daha onceki turda yazdigi ilke de bu:
     "kayip ikon, kayip butondan ucuzdur".

     Sonuc: daire kaliyor, cekilme davranisi kaliyor. Ikisi birlikte hem okuma
     sorununu (%41,7 -> %1,5) hem tiklama calmayi (0) cozuyor. */
  .fab{right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}
  /* CEKILMIS HAL: asagi kaydirilirken (okuma yonu) buton ekrandan cikiyor,
     yukari kaydirinca ya da sayfa sonuna yaklasinca geri geliyor. O iki an
     eyleme donme anidir. Yalniz transform animasyona giriyor (kural 6). */
  .fab.is-tucked{transform:translateY(calc(100% + 34px));pointer-events:none}
  /* SSS okunu yuzen butonun sutunundan cikar.
     Buton: sag 16px + 56px genislik = sagdan 72px'lik bir serit. Ok simgesi
     satirin sag kenarinda duruyordu ve o seridin icine dusuyordu; yedi sorunun
     yedisinde de belirli kaydirma bantlarinda butonun altinda kaliyordu
     (olculdu, 390x844). Soru yine acilabiliyordu ama isaret gorunmuyordu.
     Ok 76px ice alininca serit disinda kaliyor; butona dokunulmuyor,
     dolayisiyla tek donusum hedefi hep ayakta kaliyor. */
  .faq-q{padding-right:76px}
  .faq-q .chev{margin-right:0}
  .fab .fab-balloon{right:66px;max-width:60vw}
}
@media (max-height: 560px){
  .fab .fab-balloon{display:none}
}


/* ============================================================
   DUYURU SERIDI (#duyuru)
   Afis solda kucuk durur ve tiklaninca tam boyu ayri sekmede acilir; buyutec
   icin JS yok, cunku tek bir gorseli buyutmek ugruna sayfaya etkilesim katmani
   eklemek maliyetli. Metin sagda, CTA metnin altinda.
   KONTRAST, DOGRU ZEMINE GORE. Kart --canvas uzerinde duruyor, bolumun
   --panel zemini kartin ARKASINDA kaliyor. Ilk yazilisimda olcum yanlis zemine
   gore not edilmisti (denetim yakaladi, 26 Agustos 2026).
     --text-body      uzerinde --canvas = 8,38:1  (govde tabani 4,5)
     --text-secondary uzerinde --canvas = 5,45:1
   Turuncu (--ember) metin olarak KULLANILMADI: --canvas uzerinde 2,95:1
   kaliyor ve tabani gecmiyor; yalniz dekoratif nokta olarak duruyor
   (aria-hidden), anlami yanindaki metin tasiyor.
   ============================================================ */
.duyuru-card{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;
  max-width:900px;margin-inline:auto;padding:24px 28px;
  background:var(--canvas);border:1px solid var(--border);border-radius:14px;
  box-shadow:0 1px 2px rgba(16,38,62,.05),0 8px 24px rgba(16,38,62,.06)}
.duyuru-afis{display:flex;flex-direction:column;gap:8px;align-items:center;text-decoration:none;flex-shrink:0}
.duyuru-afis img{display:block;width:150px;height:auto;border-radius:8px;border:1px solid var(--border)}
.duyuru-buyut{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.6px;
  color:var(--text-secondary);text-align:center;text-decoration:underline;text-underline-offset:3px}
.duyuru-afis:hover .duyuru-buyut,.duyuru-afis:focus-visible .duyuru-buyut{color:var(--text-body)}
.duyuru-metin{display:flex;flex-direction:column;gap:12px;min-width:0}
.duyuru-etiket{display:flex;align-items:center;gap:8px;margin:0;
  font-family:var(--font-mono);font-size:11px;letter-spacing:2.2px;color:var(--text-body)}
.duyuru-metin h2{margin:0;font-size:clamp(21px,2.4vw,27px);line-height:1.2}
.duyuru-metin p{margin:0;max-width:56ch}
.duyuru-metin .cta-row{margin-top:4px}

/* Telefon: afis ustte ve daha genis durur, metin altina akar. 150px'lik
   kucuk afis telefonda okunmuyordu, tiklanmasi gerektigi anlasilmiyordu. */
@media (max-width:720px){
  .duyuru-card{grid-template-columns:1fr;gap:18px;padding:20px}
  .duyuru-afis img{width:min(210px,52vw)}
  .duyuru-metin{align-items:flex-start}
}

/* ---------- atolye gunlugu (B-7) ---------- */
/* OLCULEN KONTRASTLAR (kural 7), krem #f6f0e3 zemin uzerinde:
     baslik/govde --text-body      #33475f   8,38:1
     ozet         --text-secondary #52627b   5,45:1
     tarih        --amber-label    #8a5a1d   5,19:1
     baglanti     --accent-text    #a04d18   5,18:1
   Hepsi govde metni tabaninin (4,5:1) uzerinde. */
.yazi-listesi{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:26px}
.yazi-satiri{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start}
.yazi-kapak{display:block;border-radius:12px;overflow:hidden;aspect-ratio:3/2}
.yazi-kapak img{width:100%;height:100%;object-fit:cover;display:block}
.yazi-baslik{font-family:var(--font-display);font-size:clamp(19px,2.1vw,23px);
  line-height:1.3;margin:0 0 6px}
.yazi-baslik a{color:var(--text-primary);text-decoration:none}
.yazi-baslik a:hover{color:var(--accent-text);text-decoration:underline}
.yazi-tarih{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.3px;
  text-transform:uppercase;color:var(--amber-label);margin:0 0 8px}
.yazi-ozet{font-size:15px;line-height:1.65;color:var(--text-secondary);margin:0}

/* Yazinin kendi sayfasi. `.yazi-metin` icindeki etiketleri `metin.bicimle()`
   uretiyor; kabul edilen kume kucuk oldugu icin burada da az kural var. */
.yazi-kapak-buyuk{margin:18px 0 26px;border-radius:14px;overflow:hidden}
.yazi-metin{font-size:16.5px;line-height:1.75;color:var(--text-body)}
.yazi-metin p{margin:0 0 16px}
.yazi-metin h3{font-family:var(--font-display);font-size:clamp(19px,2.1vw,22px);
  line-height:1.3;margin:28px 0 10px;color:var(--text-primary)}
.yazi-metin ul{margin:0 0 16px;padding-left:20px}
.yazi-metin li{margin-bottom:7px}
.yazi-metin a{color:var(--accent-text)}
.yazi-metin strong{color:var(--text-primary)}

@media (max-width:720px){
  /* Kapak ustte, tam genislik: 220px'lik sutun 390px ekranda metne 150px
     birakiyordu ve baslik iki kelimede bir kiriliyordu. */
  .yazi-satiri{grid-template-columns:1fr;gap:12px}
  .yazi-kapak{aspect-ratio:16/9}
}

/* ---------- deneme dersi formu (B-8) ---------- */
/* OLCULEN KONTRASTLAR (kural 7), krem #f6f0e3 zemin uzerinde:
     etiket    --text-primary #22354f  10,94:1
     hata      --accent-text  #a04d18   5,18:1
     odak      --blue-text    #22689B   5,25:1
     GIRDI KENARI  #8a7a5c              3,68:1  (taban 3:1)

   KENAR ICIN `--border` KULLANILMADI. Olculdu: `--border` (#ddd1ba) krem
   uzerinde 1,33:1 veriyor ve kural 7 kenar icin 3:1 istiyor. `--border`
   KART kenarlari icin dogru (dekoratif bir ayrim), ama bir GIRDI ALANININ
   siniri dekor degil: gormeyen ziyaretci alanin nerede baslayip bittigini
   bilemez (WCAG 1.4.11, metin disi kontrast). Bu yuzden forma ozel, daha
   koyu bir kahve kullaniliyor.
   DOKUNMA HEDEFI: her girdi ve buton en az 44px yuksek, yazi 16px.
   16px SART: iOS Safari daha kucuk yazili bir alana odaklaninca sayfayi
   KENDILIGINDEN yakinlastiriyor ve ziyaretci formun disina dusuyor. Ayni
   olcum panel giris ekraninda da yapildi. */
.talep-formu{margin:26px 0 0;text-align:left}
.talep-formu .alan{margin:0 0 18px}
.talep-formu label{display:block;margin-bottom:6px;font-weight:600;font-size:15px;
  color:var(--text-primary)}
.talep-formu .zorunlu{color:var(--accent-text)}
.talep-formu input[type=text],
.talep-formu input[type=number],
.talep-formu select,
.talep-formu textarea{width:100%;min-height:44px;padding:10px 12px;font:inherit;
  font-size:16px;line-height:1.4;color:var(--text-body);background:#fdfbf6;
  border:1px solid #8a7a5c;border-radius:10px}
.talep-formu textarea{min-height:88px;resize:vertical}
.talep-formu :focus-visible{outline:3px solid var(--blue-text);outline-offset:2px}
.talep-formu .alan-hata{display:block;margin-top:6px;font-size:14px;
  color:var(--accent-text)}

/* Riza kutusu: etiket uzun, kutu kucuk. Ikisi de AYNI dokunma hedefinde
   olsun diye satir grid; kutunun kendisi 22px ama tiklanabilir alan etiketin
   tamami. */
.talep-formu .alan-riza{display:grid;grid-template-columns:auto 1fr;gap:10px;
  align-items:start;margin-top:22px}
.talep-formu .alan-riza input[type=checkbox]{width:22px;height:22px;margin:2px 0 0}
.talep-formu .alan-riza label{margin:0;font-weight:400;font-size:15px;
  line-height:1.55;grid-column:2}
.talep-formu .alan-riza .alan-hata{grid-column:2}
/* Onay kutusu etiketten ONCE gelmeli; Django etiketi once basiyor. */
.talep-formu .alan-riza input[type=checkbox]{grid-row:1;grid-column:1}

.form-basari{margin:26px 0 0;padding:20px 22px;border-radius:14px;
  background:#eef5ee;border:1px solid #cfe0cf;text-align:left}
.form-basari-baslik{font-family:var(--font-display);font-size:19px;
  margin:0 0 8px;color:var(--text-primary)}
.form-basari p{margin:0}
.form-hata{margin:20px 0 0;padding:14px 16px;border-radius:12px;
  background:#fbf0e8;border:1px solid #e6c9b4;color:var(--text-body)}
.form-alt{margin-top:20px;font-size:15px;color:var(--text-secondary)}

@media (max-width:720px){
  .talep-formu .alan{margin-bottom:16px}
}

/* ---------- workshoplar ---------- */
/* OLCULEN KONTRAST (kural 7): tarih satiri --amber-label #8a5a1d, krem
   zemin uzerinde 5,19:1 (govde tabani 4,5:1). Kart zemini `--canvas` ile
   ayni oldugu icin olcum krem uzerinde yapildi. */
.card .workshop-tarih{font-family:var(--font-mono);font-size:12px;
  letter-spacing:.06em;color:var(--amber-label);margin:0 0 10px}
/* Terapotik workshopun SINIR CUMLESI. Not degil, UYARI: `--amber-label`
   kremde 5,19:1 ve mono yuz onu cevresindeki metinden ayiriyor. */
.card .card-sinir{font-family:var(--font-mono);font-size:12px;line-height:1.55;
  color:var(--amber-label);margin:10px 0 0;padding-left:10px;
  border-left:2px solid var(--amber-label)}