/* ============ TEMEL ============ */
:root{
  --bordo:#810304;
  --kirmizi:#A80E10;
  --murekkep:#0F0D0D;
  --beyaz:#FFFFFF;
  --gri:#F1EFEE;
  --dokusuz:linear-gradient(135deg,#0F0D0D 0%,#810304 55%,#0F0D0D 100%);
  /* .gr üzerinde --g tanımlı değilse var(--g) geçersiz olur ve background-image
     tümden düşerdi; bu varsayılan sayesinde yedek doku görünmeye devam eder. */
  --g:none;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--beyaz);color:var(--murekkep);
  font-family:'Work Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  font-size:17px;line-height:1.65;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4,.bebas{
  font-family:'Bebas Neue','Work Sans',Impact,sans-serif;
  font-weight:400;text-transform:uppercase;letter-spacing:.01em;
  line-height:.9;margin:0;
}
p{margin:0 0 1.1em}
section{scroll-margin-top:74px}
.kap{width:min(1280px,92vw);margin-inline:auto}

/* keskin köşe kuralı: hiçbir yerde radius yok */
*{border-radius:0 !important}

/* klavye odağı */
:focus-visible{outline:3px solid var(--kirmizi);outline-offset:3px}
.uzeri-siyah :focus-visible{outline-color:var(--beyaz)}
.atla{position:absolute;left:-9999px;top:0;background:var(--kirmizi);color:#fff;padding:12px 18px;z-index:999}
.atla:focus{left:0}

/* ============ FOTOĞRAF TAŞIYICI ============ */
.gr{
  background-image:var(--g),var(--dokusuz);
  background-size:cover,cover;
  background-position:center,center;
  background-repeat:no-repeat;
  background-color:#1a1414;
}

/* ============ ARMA ============ */
.arma{
  /* logo.jpg siyah zeminli bir JPEG. Arma kendi katmanları arasında "lighten" ile
     karıştırılır: siyah pikseller mürekkep zemine eşitlenir, kutu görünmez.
     background-blend-mode katman içinde çalıştığı için üst katmanlardan etkilenmez. */
  display:block;
  background-color:var(--murekkep);
  background-image:var(--g);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-blend-mode:lighten;
}

/* ============ ÜST BAR ============ */
.ust{
  position:sticky;top:0;z-index:60;background:var(--murekkep);color:var(--beyaz);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.ust-ic{display:flex;align-items:center;gap:18px;height:72px}
.marka{display:flex;align-items:center;gap:12px;text-decoration:none;flex:0 0 auto}
.marka .arma{width:44px;height:44px;flex:0 0 auto}
.marka b{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:.04em;font-weight:400;line-height:1}
.marka span span{display:block;font-size:10px;letter-spacing:.28em;color:#bda9a9;text-transform:uppercase;line-height:1.4}
.menu{margin-left:auto;display:flex;gap:26px;align-items:center}
.menu a{
  text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:#e6dcdc;padding:6px 0;border-bottom:2px solid transparent;transition:color .18s,border-color .18s;
}
.menu a:hover{color:var(--beyaz);border-bottom-color:var(--kirmizi)}
.menu .cta{background:var(--kirmizi);color:#fff;padding:11px 20px;border-bottom:0}
.menu .cta:hover{background:var(--bordo);border-bottom:0}
.hamburger{
  margin-left:auto;display:none;width:46px;height:40px;background:transparent;border:1px solid rgba(255,255,255,.35);
  color:#fff;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;
}
.hamburger i{display:block;width:22px;height:2px;background:#fff}

/* ============ HERO ============ */
.hero{background:var(--murekkep);color:var(--beyaz);padding:64px 0 0;position:relative;overflow:hidden}
.hero-ust{position:relative;z-index:2;display:flex;align-items:flex-start;gap:24px;padding-bottom:clamp(14px,2.6vw,40px)}
.hero-yazi{flex:1 1 auto;min-width:0}
.etiket{
  display:inline-block;background:var(--kirmizi);color:#fff;
  font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;padding:7px 14px;margin-bottom:22px;
}
/* "İSTANBUL" 8, "SİVASSPOR" 9 karakter: Bebas Neue'da karakter ~.38em geldiği için
   25vw / en fazla 22rem, kapsayıcıyı taşırmadan iri kalıyor. */
.dev{font-size:clamp(2rem,8vw,7rem);line-height:.9;letter-spacing:-.012em;display:block}
/* "İ" ve "Ş" gibi noktalı/kuyruklu büyük harfler line-height .9 kutusunun dışına
   taştığı için kicker ile dev satırlar arasına mutlak boşluk konur. */
.dev.sampiyon{
  color:var(--beyaz);font-size:clamp(1.1rem,2.5vw,2.2rem);letter-spacing:.06em;
  margin-bottom:clamp(8px,1.6vw,24px);
}
.dev.dolgu{color:var(--kirmizi)}
.dev.kontur{color:transparent;-webkit-text-stroke:clamp(.8px,.07vw,1.2px) var(--beyaz)}
@supports not ((-webkit-text-stroke:1px #000)){ .dev.kontur{color:#3a3232} }
.hero-alt{
  position:relative;z-index:2;
  display:flex;flex-wrap:wrap;gap:18px 40px;align-items:center;justify-content:space-between;
  margin-block:0;padding:38px 0 64px;
}
.hero-alt p{max-width:52ch;margin:0;color:#cdbebe;font-size:16px}
.dugmeler{display:flex;gap:12px;flex-wrap:wrap}
.dug{
  display:inline-block;text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;
  padding:15px 26px;border:2px solid var(--kirmizi);background:var(--kirmizi);color:#fff;
  transition:background .2s,color .2s,border-color .2s;cursor:pointer;
}
.dug:hover{background:var(--bordo);border-color:var(--bordo)}
.dug.bos{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.dug.bos:hover{background:#fff;color:var(--murekkep);border-color:#fff}
.rozet{flex:0 0 auto;width:clamp(84px,11vw,150px);height:auto;aspect-ratio:1;margin-top:4px}
.hero-foto{
  width:100vw;margin-left:calc(50% - 50vw);
  height:clamp(300px,58vh,620px);
  margin-top:clamp(-64px,-4.5vw,-22px);
  clip-path:polygon(0 6%,100% 0,100% 94%,0 100%);
  position:relative;z-index:1;
}
.hero-foto::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(15,13,13,.62) 0%,rgba(15,13,13,.12) 45%,rgba(15,13,13,.5) 100%);
}

/* ============ KÜNYE ŞERİDİ ============ */
.kunye{background:var(--kirmizi);color:#fff}
.kunye-ic{display:grid;grid-template-columns:repeat(4,1fr)}
.kunye div{padding:30px 22px;border-left:1px solid rgba(255,255,255,.28)}
.kunye div:first-child{border-left:0}
.kunye b{display:block;font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:clamp(2.4rem,5.2vw,4.2rem);line-height:.92}
.kunye span{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#ffdada;margin-top:6px}

/* ============ BÖLÜM BAŞLIKLARI ============ */
.blok{padding:96px 0}
.blok.acik{background:var(--gri)}
.blok.siyah{background:var(--murekkep);color:var(--beyaz)}
.bas{margin-bottom:44px;max-width:70ch}
.bas .ust-etiket{
  display:block;font-size:11px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;
  color:var(--kirmizi);margin-bottom:14px;
}
.blok.siyah .bas .ust-etiket{color:#e08d8e}
.bas h2{font-size:clamp(2.6rem,7vw,5.4rem)}
.bas p{margin-top:16px;color:#4a4242;font-size:17px}
.blok.siyah .bas p{color:#c6b7b7}

/* ============ KATEGORİ KARTLARI ============ */
.kartlar{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.kart{
  position:relative;aspect-ratio:2/3;overflow:hidden;display:block;color:#fff;text-decoration:none;
  background-color:#191212;
  /* <button> olduğu için tarayıcı varsayılanları sıfırlanır */
  width:100%;border:0;padding:0;margin:0;font:inherit;text-align:left;cursor:pointer;
}
.kart .gr{position:absolute;inset:0;transition:filter .25s}
.kart:hover .gr{filter:brightness(1.14)}
/* Fotoğrafı olmayan kart: görsel alanı düz kalır, tıklanabilir değildir. */
.kart.fotosuz{cursor:default}
.kart.fotosuz .gr{background-image:none;background-color:#191212}
.kart.fotosuz:hover .gr{filter:none}
.kart::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(15,13,13,.96) 0%,rgba(15,13,13,.8) 34%,rgba(15,13,13,0) 74%);
}
.kart .no{
  position:absolute;top:4px;left:14px;z-index:2;
  font-family:'Bebas Neue',sans-serif;font-size:clamp(3.6rem,7vw,7.5rem);line-height:1;
  color:rgba(255,255,255,.26);pointer-events:none;
}
.kart .alt{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:0 16px 20px}
.kart .alt h3{font-size:clamp(1.3rem,2vw,1.9rem);margin-bottom:7px}
.kart .alt em{
  display:block;font-style:normal;font-size:10px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:#f0c9c9;line-height:1.55;
}
.kart .alt em.lig{color:#c0a9a9}
.kart .cizgi{display:block;width:34px;height:3px;background:var(--kirmizi);margin-bottom:15px}

/* ============ BİLGİLENDİRME ============ */
.bilgi-izgara{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:start}
.bilgi-metin p{color:#d3c6c6}
.bilgi-metin p.giris{
  font-size:clamp(1.15rem,1.9vw,1.5rem);line-height:1.5;color:var(--beyaz);
  border-left:4px solid var(--kirmizi);padding-left:22px;margin-bottom:28px;
}
.bilgi-metin h3{font-size:1.7rem;margin:38px 0 14px;color:#fff}
.olcut{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.16);margin-top:34px}
.olcut div{background:var(--murekkep);padding:22px}
.olcut b{display:block;font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:2.6rem;line-height:1;color:var(--kirmizi)}
.olcut span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#b8a8a8}
.yigin{position:sticky;top:96px;display:grid;gap:20px}
.yigin figure{margin:0}
/* Fotoğraflar kırpılmaz: kendi en-boy oranlarını korurlar, yalnızca
   max-height ile küçültülürler. Bu yüzden <img> kullanılır, arka plan değil. */
.yigin img{
  display:block;max-width:100%;width:auto;height:auto;
  max-height:clamp(210px,24vw,330px);
  cursor:zoom-in;transition:filter .25s;
}
.yigin img:hover{filter:brightness(1.12)}
.yigin figcaption{
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#a89999;
  border-left:3px solid var(--kirmizi);padding-left:12px;margin-top:12px;
}

/* ============ ALBÜM ============ */
.serit{
  --kh:clamp(250px,30vw,380px);
  display:flex;gap:16px;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:4px 0 26px;margin-inline:calc(50% - 50vw);
  padding-inline:max(4vw,calc(50vw - 640px));
  /* snap sırasında sol boşluğun yutulmaması için */
  scroll-padding-inline:max(4vw,calc(50vw - 640px));
  scrollbar-width:thin;
}
.serit::-webkit-scrollbar{height:8px}
.serit::-webkit-scrollbar-track{background:var(--gri)}
.serit::-webkit-scrollbar-thumb{background:var(--kirmizi)}
.kare{
  flex:0 0 auto;scroll-snap-align:start;border:0;padding:0;margin:0;background:none;cursor:pointer;
  width:calc(var(--kh) * .8);position:relative;   /* 4/5 dikey */
}
.kare:nth-child(even){width:calc(var(--kh) * 1.3333)}  /* 4/3 yatay */
.kare .gr{width:100%;height:var(--kh);transition:filter .25s}
.kare:hover .gr{filter:brightness(1.15)}
.kare figcaption{
  text-align:left;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:#6b5e5e;margin-top:10px;
}
.serit-alt{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:6px;
}
.serit-ipucu{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#8d7f7f;margin:0}
.oklar{display:flex;gap:8px;margin-left:auto}
.ok{
  width:54px;height:54px;flex:0 0 auto;border:0;padding:0;cursor:pointer;
  background:var(--kirmizi);color:#fff;
  font-family:'Work Sans',sans-serif;font-size:30px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s,opacity .2s;
}
.ok:hover:not(:disabled){background:var(--bordo)}
.ok:disabled{opacity:.3;cursor:default}
.ok span{display:block;margin-top:-4px}

/* lightbox */
.buyutec{
  position:fixed;inset:0;z-index:200;background:rgba(15,13,13,.96);
  display:none;align-items:center;justify-content:center;padding:4vw;
}
/* Altyazı mutlak konumlandırılmaz; fotoğrafın altına akar ki üstüne binmesin. */
.buyutec.acik{display:flex;flex-direction:column;gap:14px}
.buyutec img{max-width:min(1200px,92vw);max-height:80vh;object-fit:contain}
.buyutec .kapat{
  position:absolute;top:18px;right:18px;background:var(--kirmizi);color:#fff;border:0;
  width:52px;height:52px;font-size:26px;line-height:1;cursor:pointer;font-family:'Work Sans',sans-serif;
}
.buyutec .kapat:hover{background:var(--bordo)}
/* Gezinme okları fotoğrafın üstünü kapatmasın diye altta, altyazıyla aynı şeritte. */
.buyutec .gezinti{
  display:flex;align-items:center;justify-content:center;gap:14px;
  max-width:min(1200px,92vw);width:100%;
}
.buyutec .yazi{
  margin:0;text-align:center;color:#cdbebe;
  font-size:12px;letter-spacing:.18em;text-transform:uppercase;
}
.buyutec .sayac{
  color:#8d7f7f;font-size:12px;letter-spacing:.14em;font-variant-numeric:tabular-nums;flex:0 0 auto;
}
.gez{
  width:52px;height:52px;flex:0 0 auto;border:0;padding:0;cursor:pointer;
  background:var(--kirmizi);color:#fff;
  font-family:'Work Sans',sans-serif;font-size:29px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s,opacity .2s;
}
.gez:first-of-type{margin-right:auto}
.gez:last-of-type{margin-left:auto}
.gez:hover:not(:disabled){background:var(--bordo)}
.gez:disabled{opacity:.3;cursor:default}
.gez span{display:block;margin-top:-3px}

/* ============ PUAN DURUMU + MAÇLAR ============ */
.tablo-izgara{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:start}
/* Izgara çocuğunun varsayılan min-width:auto değeri, içindeki 480px'lik tablonun
   kolonu şişirmesine ve sayfanın yatay taşmasına yol açıyordu. */
.tablo-izgara > div{min-width:0}
.tablo-sar{overflow-x:auto;border:1px solid #ded8d8;background:#fff}
table{border-collapse:collapse;width:100%;min-width:480px;font-size:14px}
caption{
  text-align:left;padding:18px 18px 0;font-family:'Bebas Neue',sans-serif;
  font-size:1.7rem;text-transform:uppercase;letter-spacing:.03em;
}
th,td{padding:11px 13px;text-align:left;border-bottom:1px solid #eae5e5;white-space:nowrap}
thead th{
  background:var(--murekkep);color:#fff;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
}
tbody tr:nth-child(even){background:#faf8f8}
tbody td:first-child{font-weight:700;color:#8d7f7f}
tr.biz{background:var(--kirmizi) !important;color:#fff}
tr.biz td{border-bottom-color:rgba(255,255,255,.3);font-weight:700}
tr.biz td:first-child{color:#ffd6d6}
.tablo-not{font-size:13px;color:#6b5e5e;margin-top:14px}

/* ============ KATALOGLAR ============ */
.katalar{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.kata{
  display:flex;flex-direction:column;text-decoration:none;color:inherit;
  background:#fff;border:1px solid #ded8d8;transition:border-color .2s;
}
.kata:hover{border-color:var(--kirmizi)}
.kata .gr{aspect-ratio:16/10;transition:filter .25s}
.kata:hover .gr{filter:brightness(1.14)}
.kata .govde{padding:22px}
.kata h3{font-size:1.6rem;margin-bottom:8px}
.kata p{font-size:14px;color:#6b5e5e;margin:0 0 16px}
.kata .indir{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--kirmizi)}

/* ============ İLETİŞİM ============ */
.iletisim-izgara{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:stretch}
.satirlar{display:grid;gap:1px;background:#ded8d8;border:1px solid #ded8d8;align-content:start}
.satir{background:#fff;padding:22px}
.satir span{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#8d7f7f;margin-bottom:8px}
.satir a,.satir b{font-size:18px;font-weight:600;text-decoration:none;color:var(--murekkep)}
.satir a:hover{color:var(--kirmizi)}
.harita{width:100%;height:100%;min-height:440px;border:1px solid #ded8d8;display:block}

/* ============ ALT BİLGİ ============ */
.dip{background:var(--murekkep);color:#fff;padding:64px 0 34px}
.dip-ust{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;align-items:start}
.dip .marka{margin-bottom:18px}
.dip .marka .arma{width:64px;height:64px}
.dip p{color:#a89999;font-size:14px;max-width:38ch}
.dip h4{font-size:1.2rem;letter-spacing:.1em;margin-bottom:16px}
.dip ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dip ul a{font-size:14px;color:#cdbebe;text-decoration:none}
.dip ul a:hover{color:#fff}
.dip-alt{
  margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);
  display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;
  font-size:12px;letter-spacing:.1em;color:#8d7f7f;text-transform:uppercase;
}
.dip-alt .yapimci a{
  color:#cdbebe;text-decoration:none;font-weight:600;
  border-bottom:1px solid rgba(168,14,16,.8);padding-bottom:2px;transition:color .18s,border-color .18s;
}
.dip-alt .yapimci a:hover{color:#fff;border-bottom-color:var(--kirmizi)}

/* ============ RESPONSIVE ============ */
@media (max-width:1080px){
  .kartlar{grid-template-columns:repeat(3,1fr)}
  .bilgi-izgara,.iletisim-izgara,.tablo-izgara{grid-template-columns:1fr;gap:44px}
  .yigin{position:static;grid-template-columns:repeat(3,1fr)}
  .harita{min-height:340px}
  .dip-ust{grid-template-columns:1fr 1fr}
}
/* Menü kırılımı 960px: altı öğe + marka yatayda ~920px istiyor, 768px'de taşıyordu.
   Yalnızca menü kuralları burada; kalan mobil düzen 760px'te. */
@media (max-width:960px){
  .hamburger{display:flex}
  .menu{
    position:absolute;left:0;right:0;top:72px;background:var(--murekkep);
    flex-direction:column;align-items:stretch;gap:0;margin:0;
    border-bottom:3px solid var(--kirmizi);display:none;
  }
  .menu.acik{display:flex}
  .menu a{padding:16px 4vw;border-bottom:1px solid rgba(255,255,255,.12)}
  .menu .cta{text-align:center;margin:14px 4vw 18px;padding:15px 20px}
  /* Dokunmatik aralık: satır içi bağlantılar en az ~40px yüksekliğe çıkarılır. */
  .dip ul{gap:0}
  .dip ul a{display:inline-block;padding:11px 0}
  .satir a{display:inline-block;padding:9px 0}
  .dip-alt .yapimci a{padding:10px 0}
}

@media (max-width:760px){
  body{font-size:16px}
  .blok{padding:64px 0}
  .hero{padding-top:40px}
  /* Arma mutlak konumlu; etiketin altına girmemesi için sağ boşluk kadardır. */
  .rozet{width:64px;position:absolute;top:0;right:0;margin-top:0}
  .hero-yazi{padding-right:76px}
  .etiket{letter-spacing:.18em;padding:6px 10px}
  .hero-foto{height:44vh;margin-top:-18px}
  .dev.kontur{-webkit-text-stroke-width:1.5px}
  .kunye-ic{grid-template-columns:repeat(2,1fr)}
  .kunye div{border-left:0;border-top:1px solid rgba(255,255,255,.28);padding:22px 16px}
  .kunye div:nth-child(-n+2){border-top:0}
  .kunye div:nth-child(even){border-left:1px solid rgba(255,255,255,.28)}
  .kartlar{grid-template-columns:repeat(2,1fr);gap:10px}
  .katalar{grid-template-columns:1fr}
  .yigin{grid-template-columns:1fr}
  .olcut{grid-template-columns:1fr}
  .dip-ust{grid-template-columns:1fr}
}

/* ============ YAZDIRMA / PDF ============ */
@media print{
  /* Yatay A4 (1123px) masaüstü düzenini korur; dikey A4 mobil kırılımına düşerdi. */
  @page{size:A4 landscape;margin:0}

  html,body{background:#fff}
  *{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}

  /* ekranda anlamlı, kâğıtta anlamsız olanlar */
  .atla,.hamburger,.buyutec,.serit-alt{display:none !important}

  /* sabit üst bar kâğıtta akışa girer, yoksa her sayfaya biner */
  .ust{position:static}
  .menu{display:flex !important;position:static;flex-direction:row;border-bottom:0;margin-left:auto}
  .menu a{padding:6px 0;border-bottom:0}
  .menu .cta{padding:8px 14px;margin:0}

  /* Sayfalama bölüm sınırlarından yürür: kapak / künye+takımlar / kulüp /
     albüm / kataloglar / iletişim. Böylece kesitler öngörülebilir olur. */
  .hero{break-after:page;padding-top:24px}
  #kulup,#album,#puan,#kataloglar,#iletisim{break-before:page}

  .blok{padding:26px 0}
  .bas{margin-bottom:18px}
  .bas h2{font-size:2.8rem}
  .bas p{font-size:15px;margin-top:10px}
  .hero-foto{height:300px}
  .hero-alt{padding:22px 0 24px}
  .kunye div{padding:22px}

  /* Izgara çocuklarına break-inside:avoid VERİLMEZ: Chrome bunları bir sonraki
     sayfaya iterken sayfa boyu boşluk bırakıyor (19 sayfaya çıkmıştı). */
  .kata,.yigin figure{break-inside:avoid}

  /* albüm şeridi kâğıtta kaydırılamaz; ızgaraya döner ki tüm kareler görünsün */
  .serit{
    display:grid;grid-template-columns:repeat(5,1fr);gap:9px;
    overflow:visible;margin-inline:0;padding-inline:0;scroll-snap-type:none;
  }
  .kare,.kare:nth-child(even){width:auto}
  .kare .gr{height:118px}
  .kare figcaption{margin-top:6px}

  /* Kâğıtta iki kolon (metin | sticky foto yığını) sayfa kesitini imkânsızlaştırıyor:
     her kesit ya bir satırı ya bir fotoğrafı ortadan bölüyordu. Tek kolona alıp
     fotoğrafları metnin altına sıralayınca kesit paragraf boşluğuna denk gelebiliyor. */
  .bilgi-izgara{grid-template-columns:1fr;gap:24px}
  .bilgi-metin p.giris{font-size:1.05rem;margin-bottom:14px}
  .bilgi-metin h3{margin:18px 0 8px}
  .yigin{position:static;grid-template-columns:repeat(3,1fr);gap:14px}
  .yigin img{max-height:150px}
  /* aynı sayılar künye şeridinde zaten var */
  .olcut{display:none}

  /* Kâğıtta kartlar 6 kolonda ~162px'e düşüyor; ekran ölçüleriyle "İstanbul 1.
     Amatör Lig" üç satıra kırılıp kartın altından taşıyordu. */
  .kartlar{gap:9px}
  .kart .alt{padding:0 10px 12px}
  .kart .alt h3{font-size:1.15rem;margin-bottom:4px}
  .kart .alt em{font-size:8.5px;letter-spacing:.07em;line-height:1.45}
  .kart .cizgi{width:26px;margin-bottom:9px}
  .kart .no{font-size:3.2rem}

  /* Ekranda tablolar min-width:480px + yatay kaydırma ile çalışıyor; kâğıtta
     kaydırma olmadığı için bu, sağ kolonu kırpardı. Kâğıtta tablolar daralır. */
  .tablo-izgara{gap:22px}
  .tablo-sar{overflow:visible;break-inside:avoid}
  table{min-width:0;font-size:11px}
  caption{font-size:1.3rem;padding:12px 12px 0}
  th,td{padding:6px 7px}
  .tablo-not{font-size:11px;margin-top:9px}

  /* gömülü harita yazdırmada boş bir çerçeve olarak çıkıyor */
  .harita{display:none}
  .iletisim-izgara{grid-template-columns:1fr}
  .satirlar{grid-template-columns:1fr 1fr}
  /* 7 satır çift kolonda tek hücre boş bırakıyor; sonuncusu tam genişlik alsın */
  .satirlar .satir:last-child{grid-column:1 / -1}

  .dip{padding:30px 0 20px}
}

/* ============ HAREKET TERCİHİ ============ */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none !important;animation:none !important}
  .serit{scroll-behavior:auto}
}