/* Özet (ana ekran) — Pusula dili. Yapı: üst şerit (marka + canlı çip) ve cetvel,
   serif karşılama, köşe süslü kahraman kart, büyük sayı şeridi, harita (harita.css),
   bölümler (serifBaslik + artan açı; kartlarda köşeler kartın köşesinde), altta
   «Kuzeye dön 000°» ve noktalı FY MERKEZ. Ortak süs sınıfları pusula.css'te;
   burada yalnız özetin düzeni ve ince ayarları. Yalnız mantıksal yön. */

/* --- üst şerit: marka + canlı çip, altında cetvel ------------------------- */
.ozet-bas { padding-block-end: 0; gap: 16px; }
.ozet-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-inline-size: 0; }
.ozet-marka { display: inline-flex; align-items: center; gap: 9px; min-inline-size: 0; text-decoration: none; color: var(--soluk); font-family: var(--mono); font-size: .64rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; white-space: nowrap; transition: color var(--sure-hizli); }
.ozet-marka:hover { color: var(--altin-metin); }
.ozet-marka img { inline-size: 40px; block-size: auto; flex: none; filter: drop-shadow(0 3px 10px rgb(212 175 55 / 0.35)); }
:root[data-tema="gunduz"] .ozet-marka img { filter: drop-shadow(0 2px 6px rgb(122 92 15 / 0.25)); }
.ozet-ust .canli-cip { flex: none; }
/* Telefonda beş bölüm adı tek satıra sığsın. */
.ozet-bas .cetvel-oge { padding-inline: 2px; }
@media (max-width: 430px) {
  .ozet-bas .cetvel-ad { font-size: .66rem; letter-spacing: 0; }
  :root[lang="fa-AF"] .ozet-bas .cetvel-ad { font-size: .74rem; }
  .ozet-ust .canli-cip { font-size: .6rem; padding-inline: 8px 9px; }
  :root[lang="fa-AF"] .ozet-ust .canli-cip { font-size: .7rem; }
}

/* --- gövde ------------------------------------------------------------------ */
.ozet { padding-block-start: 10px; gap: 22px; }
/* Derece etiketinin metin kutusu (pusula.css: overflow hidden + line-height 1) büyük
   harflerin aksanını kırpıyordu («ÖZET» → «OZET», «GELİRİ» → «GELIRI»): satır payı açılır. */
:is(.ozet, .ozet-bas) .derece > span:last-child { line-height: 1.4; }

/* --- karşılama: derece, serif selam + ad, mono tarih; sağda avatar ---------- */
.ozet-karsilama { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-block-start: 6px; }
.ozet-karsilama-metin { min-inline-size: 0; display: flex; flex-direction: column; gap: 10px; }
.ozet-selam { font-size: clamp(2.2rem, 8.4vw, 3.2rem); overflow-wrap: anywhere; }
.ozet-ad { color: var(--altin-metin); }
:root[lang="fa-AF"] .ozet-selam { font-size: clamp(1.9rem, 7vw, 2.7rem); }
.ozet-tarih { color: var(--soluk); font-size: .64rem; }
.ozet-avatar { flex: none; margin-block-start: 22px; border-radius: 50%; text-decoration: none; transition: transform .2s var(--yay); }
.ozet-avatar:active { transform: scale(.94); }
.ozet-avatar .avatar { box-shadow: 0 0 0 2px var(--zemin), 0 0 0 3px var(--altin-cizgi), 0 10px 26px rgb(0 0 0 / 0.35); }
:root[data-tema="gunduz"] .ozet-avatar .avatar { box-shadow: 0 0 0 2px var(--zemin), 0 0 0 3px var(--altin-cizgi), 0 10px 26px rgb(60 45 10 / 0.12); }

/* --- kahraman kart ----------------------------------------------------------- */
.ozet-kahraman { padding-block-start: 30px; gap: 10px; }
.ozet-kahraman .kahraman-ust { align-items: center; }
.ozet-kahraman > .kahraman-deger { margin-block-start: 4px; }
.ozet-kahraman .kahraman-alt { gap: 12px; }
/* Değişim hapı: dolu zemin yerine ince renkli halka (Pusula çipleri gibi), rakam mono. */
.ozet-kahraman .degisim { background: transparent; border: 1px solid color-mix(in srgb, currentColor 35%, transparent); font-weight: 650; font-size: .76rem; padding: 4px 11px; }
.ozet-kahraman .degisim.esit { color: var(--soluk); }
.ozet-bugun { color: var(--soluk); font-size: .64rem; }
.ozet-kahraman .ince-cizgi { margin-block: 6px 2px; opacity: .55; }
.ozet-kahraman .alan-grafik { margin-block-start: 0; }
.ozet-lejant { font-family: var(--mono); font-size: .6rem; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--soluk); }
.ozet-lejant > .ikincil-metin { font-family: var(--mono); font-size: .6rem; font-weight: 500; color: var(--cok-soluk); }
:root[lang="fa-AF"] .ozet-lejant, :root[lang="fa-AF"] .ozet-lejant > .ikincil-metin { font-family: var(--yazi); font-size: .76rem; font-weight: 700; letter-spacing: 0; text-transform: none; }

/* --- büyük sayı şeridi: telefonda 2×2, genişte tek sıra ---------------------- */
.ozet-sayilar { padding-block: 4px; }
.ozet-sayilar .buyuk-sayi-birim { color: var(--altin-metin); }
@media (max-width: 559px) {
  .ozet-sayilar { grid-auto-flow: row; grid-template-columns: 1fr 1fr; overflow: visible; }
  .ozet-sayilar > .buyuk-sayi { padding: 12px 14px; }
  .ozet-sayilar > .buyuk-sayi > b { font-size: 1.75rem; }
  .ozet-sayilar > .buyuk-sayi:nth-child(odd) { padding-inline-start: 0; border-inline-start: 0; }
  .ozet-sayilar > .buyuk-sayi:nth-child(-n + 2) { padding-block-start: 2px; }
  .ozet-sayilar > .buyuk-sayi:nth-child(n + 3) { border-block-start: 1px solid var(--altin-cizgi-soluk); }
  .ozet-sayilar > .buyuk-sayi:nth-child(n + 3):last-child, .ozet-sayilar > .buyuk-sayi:nth-child(3) { padding-block-end: 2px; }
}

/* --- bölüm başlıkları: biraz daha ölçülü serif (harita başlığı kendi boyunda) - */
.ozet :is(.ozet-bolum, .ozet-kart) .serif-baslik { font-size: clamp(1.45rem, 5vw, 1.8rem); }
:root[lang="fa-AF"] .ozet :is(.ozet-bolum, .ozet-kart) .serif-baslik { font-size: clamp(1.35rem, 4.6vw, 1.65rem); }
.ozet .pusula-alt { font-size: .86rem; }
.ozet-bolum { gap: 12px; }
.ozet-bolum > .pusula-baslik { margin-block-end: 2px; }
/* Köşe süslü kart: köşeler kartın köşesinde; başlığın kendi köşeleri ve üst payı yok. */
.ozet-kart { gap: 14px; }
.ozet-kart > .pusula-baslik { padding-block-start: 0; }
.ozet-kart > .pusula-baslik .kose { display: none; }
.ozet-kart > .ince-cizgi { opacity: .55; }
.ozet-kart .lejant strong { font-size: .8rem; letter-spacing: .02em; }
.ozet-kart .halka-merkez strong { font-family: var(--mono); font-weight: 500; letter-spacing: 0; }
.ozet-kart .halka-merkez span { font-family: var(--mono); font-size: .6rem; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
:root[lang="fa-AF"] .ozet-kart .halka-merkez span { font-family: var(--yazi); font-size: .72rem; letter-spacing: 0; text-transform: none; }
.ozet-kart .sutun-deger, .ozet-kart .sutun-etiket { font-family: var(--mono); font-weight: 500; letter-spacing: .04em; }
:root[lang="fa-AF"] .ozet-kart :is(.sutun-deger, .sutun-etiket) { font-family: var(--yazi); font-weight: 700; letter-spacing: 0; }
.ozet-kart .yigin-aciklama strong, .ozet-kart .yigin-yuzde { font-family: var(--mono); font-weight: 500; letter-spacing: .02em; }

/* --- ürün kartları: altın hairline, serif ad, mono sayılar -------------------- */
.ozet-urunler .urun-kart { background: linear-gradient(160deg, color-mix(in srgb, var(--renk) 11%, transparent), transparent 65%), var(--yuzey-dolu); border-color: var(--altin-cizgi-soluk); transition: border-color var(--sure-hizli), transform var(--sure-hizli) var(--egri); }
.ozet-urunler .urun-kart:hover { border-color: var(--altin-cizgi); transform: translateY(-2px); }
.ozet-urunler .urun-kart h3 { font-family: var(--serif); font-weight: 400; font-synthesis: none; font-size: 1.15rem; letter-spacing: -0.01em; }
:root[lang="fa-AF"] .ozet-urunler .urun-kart h3 { font-weight: 300; letter-spacing: 0; }
.ozet-urunler .urun-kart-sayilar { font-family: var(--mono); font-size: .6rem; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; }
.ozet-urunler .urun-kart-sayilar b { font-size: 1.05rem; letter-spacing: 0; }
:root[lang="fa-AF"] .ozet-urunler .urun-kart-sayilar { font-family: var(--yazi); font-size: .74rem; font-weight: 700; letter-spacing: 0; text-transform: none; }
.ozet-urunler .urun-kart-gelir { font-family: var(--mono); font-weight: 500; font-size: .8rem; letter-spacing: .02em; color: var(--altin-metin); padding-block-start: 8px; border-block-start: 1px solid var(--altin-cizgi-soluk); }

/* --- alt bölüm: ince çizgi, «Kuzeye dön 000°», noktalı FY MERKEZ ------------- */
.ozet-alt { display: flex; flex-direction: column; align-items: center; gap: 20px; padding-block-start: 10px; }
.ozet-kuzey { display: inline-flex; align-items: center; gap: 10px; min-block-size: 44px; padding: 6px 18px 6px 12px; border-radius: 999px; border: 1px solid var(--altin-cizgi-soluk); color: var(--altin-metin); text-decoration: none; font-size: .64rem; white-space: nowrap; transition: border-color var(--sure-hizli), background var(--sure-hizli); }
[dir="rtl"] .ozet-kuzey { padding: 6px 12px 6px 18px; }
.ozet-kuzey:hover { border-color: var(--altin-cizgi); background: rgb(236 208 120 / 0.06); }
:root[data-tema="gunduz"] .ozet-kuzey:hover { background: rgb(122 92 15 / 0.07); }
.ozet-kuzey .derece-no { color: var(--altin-1); }
:root[data-tema="gunduz"] .ozet-kuzey .derece-no { color: var(--altin-5); }
.ozet-mini-pusula { inline-size: 22px; block-size: 22px; flex: none; overflow: visible; }
.mp-cember { fill: none; stroke: var(--altin-cizgi); stroke-width: 1; }
.mp-tik { fill: none; stroke: var(--altin-cizgi); stroke-width: 1; stroke-linecap: round; }
.mp-igne { transform-box: view-box; transform-origin: 12px 12px; transition: transform var(--sure-yavas) var(--egri); }
.ozet-kuzey:hover .mp-igne { transform: rotate(-360deg); }
.mp-kuzey { fill: var(--altin-isik); }
.mp-guney { fill: var(--altin-4); opacity: .8; }
.mp-gobek { fill: var(--zemin); stroke: var(--altin-2); stroke-width: 1; }
:root[data-tema="gunduz"] .mp-gobek { stroke: var(--altin-5); }
.ozet-alt .noktali-yazi { inline-size: min(100%, 460px); margin-block-start: -4px; }

/* --- geniş ekran: çift kartlar yan yana, ürünler ızgara, ödemeler iki sütun --- */
.ozet-cift { display: flex; flex-direction: column; gap: 22px; }
@media (min-width: 680px) {
  .ozet { gap: 26px; }
  .ozet-bas { gap: 20px; }
  .ozet-karsilama-metin { gap: 12px; }
  .ozet-avatar { margin-block-start: 26px; }
  .ozet-avatar .avatar { --boyut: 60px; }
  .ozet-kahraman { padding: 30px 24px 10px; }
  .ozet-cift { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: start; }
  .ozet-kart { padding: 26px 22px 20px; }
  .ozet-urunler .kaydir { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); margin-inline: 0; padding-inline: 0; overflow: visible; scroll-snap-type: none; }
  .ozet-urunler .urun-kart { inline-size: auto; }
  .ozet-odemeler .zaman-cizelgesi { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; }
  .ozet-odemeler .zaman-cizelgesi::before { display: none; }
  .ozet-alt { padding-block-start: 16px; gap: 26px; }
  .ozet-alt .noktali-yazi { inline-size: min(100%, 640px); }
}

@media (prefers-reduced-motion: reduce) {
  .ozet-urunler .urun-kart:hover { transform: none; }
  .ozet-kuzey:hover .mp-igne { transform: none; }
}