/* J · kayıt detayı /j/kayit/<slug>/ — TLB bölünmüş ekran: solda yapışkan tek fotoğraf (tam görünür, kırpılmaz), sağda zengin metin */
.kayit-bolme{display:grid}
.kayit-sol{position:relative;min-width:0}
.kolaj{position:relative;padding:var(--s3) var(--pad) 0}
.kolaj-ana{position:relative;display:block;overflow:clip;background:var(--zemin-2);aspect-ratio:var(--oran,4/5);max-height:75svh}
.kolaj-ana img{display:block;width:100%;height:100%;object-fit:contain;transition:transform 1.2s var(--expo)}
.kolaj-ana:hover img{transform:scale(1.03)}
.kolaj-sayac{position:absolute;left:.6rem;bottom:.6rem;z-index:2;line-height:1.2}
.kolaj-serit{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding:.6rem var(--pad) 0;scroll-snap-type:x proximity}
.kolaj-serit::-webkit-scrollbar{display:none}
.kolaj-serit a{flex:none;width:5.5rem;height:5.5rem;overflow:clip;background:var(--zemin-2);scroll-snap-align:start}
.kolaj-serit img{width:100%;height:100%;object-fit:cover}
.js .kolaj-ana{animation:j-kolaj-gir .9s var(--expo) both}
@keyframes j-kolaj-gir{from{opacity:0;transform:translate3d(0,34px,0)}}

.kayit-sag{padding:var(--s3) var(--pad) var(--s5);min-width:0}
/* R31: başlık bloğu — telefonda sıralama başlık › fotoğraflar › metin */
.kayit-bas{padding:0 var(--pad) var(--s4);min-width:0}
.kayit-meta{margin-top:var(--s2)}
.kayit-ad{font-size:clamp(2.6rem,11vw,4.6rem);font-weight:800;line-height:.98;letter-spacing:-.04em;text-transform:uppercase;margin-top:var(--s3)} /* .9 idi: İ/Ğ/Ö/Ü işareti üst satıra biniyordu (14.09) */
.kayit-unvan{font-size:var(--t-b);line-height:1.15;color:var(--soluk);margin-top:var(--s3);letter-spacing:-.01em}
.kayit-kunye{margin-top:var(--s5)}
.kayit-kunye>div{grid-template-columns:7.5rem minmax(0,1fr)}
.kayit-kunye dd a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.mono-not{display:block;font-family:var(--fm);font-size:.75rem;color:var(--soluk);text-transform:uppercase;font-weight:500;letter-spacing:.02em;margin-top:.2rem;line-height:1.35}
.kayit-ses{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem var(--s3);margin-top:var(--s4);padding:.7rem .9rem;background:var(--mor-ton);color:var(--mor-koyu);border-radius:var(--r);font-size:var(--t-k);line-height:1.4}
.kayit-ses .bag-ok{color:var(--mor-koyu)}
.kayit-giris{font-size:clamp(1.3rem,2.6vw,1.6rem);line-height:1.3;letter-spacing:-.012em;font-weight:600;margin-top:var(--s5)}
.kayit-metin{margin-top:var(--s4)}
.kayit-metin>.kayit-giris:first-child{margin-top:0}
.kayit-metin h2{font-size:1rem;font-weight:800;letter-spacing:.01em;line-height:1.35;margin-top:2.2em;padding-top:1em;border-top:1px solid var(--cizgi)}
.kayit-metin .alinti-buyuk{margin-block:1.7em;font-size:clamp(1.25rem,2.6vw,1.75rem)}
.kayit-bolum{margin-top:var(--s5)}
.kayit-bolum-bas{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3rem var(--s3);padding-bottom:var(--s2);border-bottom:1px solid var(--cizgi-koyu);margin-bottom:var(--s3)}
.kayit-bolum-bas h2{font-size:var(--t-b);font-weight:800;letter-spacing:-.03em;line-height:1.05}
.kayit-galeri{columns:2;column-gap:.5rem}
.kayit-galeri a{display:block;break-inside:avoid;margin-bottom:.5rem;overflow:clip;background:var(--zemin-2)}
.kayit-galeri img{width:100%;height:auto;transition:transform 1.2s var(--expo)}
.kayit-galeri a:hover img{transform:scale(1.04)}
/* gövdesi boş kayıt: fotoğraflarla anlatım */
.foto-hikaye{margin-top:var(--s5)}
.foto-hikaye-not{color:var(--soluk);font-size:var(--t-k);max-width:46ch;line-height:1.45}
.foto-kare{display:block;margin-top:var(--s5)}
.foto-kare .g{display:block;overflow:clip;background:var(--zemin-2)}
.foto-kare img{width:100%;height:auto;transition:transform 1.4s var(--expo)}
.foto-kare:hover img{transform:scale(1.03)}
.foto-alt{display:flex;justify-content:space-between;gap:var(--s3);margin-top:.6rem;color:var(--soluk)}
.foto-alt span:last-child{text-align:right}
.foto-cift{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:var(--s5);align-items:start}
.foto-cift .foto-kare{margin-top:0}
.foto-cift .foto-alt span:last-child{display:none}
/* ilgili */
.ilgili-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) .75rem}
.ilgili-izgara .kart-izgara .g{aspect-ratio:4/3}
.iz-kart{display:grid;grid-template-columns:5rem minmax(0,1fr) auto;gap:var(--s3);align-items:center;padding:var(--s3);border:1px solid var(--cizgi-koyu);border-radius:var(--r-kart);transition:border-color .4s var(--aww)}
.iz-kart:hover{border-color:var(--mavi)}
.iz-kart .k{width:5rem;height:5rem;overflow:clip;background:var(--zemin-2)}
.iz-kart .k img{width:100%;height:100%;object-fit:cover}
.iz-kart .k.monogram{display:grid;font-size:1.6rem}
.iz-kart b{display:block;font-size:var(--t-b);font-weight:800;letter-spacing:-.03em;line-height:1;margin-top:.3rem}
.iz-kart small{display:block;color:var(--soluk);margin-top:.3rem;font-size:.9375rem}
.iz-kart .ok{font-size:1.5rem;transition:transform .7s var(--aww)}
.iz-kart:hover .ok{transform:translate3d(6px,0,0)}
.paylas-satir{display:flex;flex-wrap:wrap;gap:.5rem}
.kom-nav{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:var(--s5);border-top:1px solid var(--cizgi-koyu);padding-top:var(--s3)}
.kom{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:.7rem;align-items:center;min-height:44px}
.kom--sonra{grid-template-columns:minmax(0,1fr) 4rem;text-align:right}
.kom--sonra .k{order:2}
.kom .k{width:4rem;height:4rem;overflow:clip;background:var(--zemin-2)}
.kom .k img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--expo)}
.kom:hover .k img{transform:scale(1.1)}
.kom .k.monogram{display:grid;font-size:1.2rem}
.kom b{display:block;font-weight:600;line-height:1.2;font-size:.975rem}
.kom .mono{display:block;color:var(--soluk)}

@media (min-width:1000px){
  .kayit-bolme{grid-template-columns:41fr 59fr;grid-template-rows:auto 1fr;grid-template-areas:"sol bas" "sol sag";min-height:calc(100svh - var(--ust))}
  .kayit-sol{grid-area:sol;grid-row:1 / span 2}
  .kayit-bas{grid-area:bas;padding:0 var(--s6) 0}
  .kayit-bas>*{max-width:42rem}
  .kayit-sag{grid-area:sag}
  .kayit-sol{position:sticky;top:var(--ust);height:calc(100svh - var(--ust));border-right:1px solid var(--cizgi);overflow:clip}
  .kolaj{position:absolute;inset:0;padding:var(--s4) clamp(1.5rem,6%,4rem);display:flex;align-items:center;justify-content:center}
  .kolaj-ana{aspect-ratio:auto;width:fit-content;max-width:100%;background:none;line-height:0}
  .kolaj-ana img{width:auto;height:auto;max-width:100%;max-height:calc(100svh - var(--ust) - 2 * var(--s4))}
  .kolaj-serit{display:none}
  .kayit-sag{padding:var(--s4) var(--s6) var(--s6)}
  .kayit-sag>*{max-width:42rem}
  .kayit-ad{font-size:clamp(3rem,4.4vw,4.6rem)}
  .ilgili-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.js .kolaj-ana{animation:none}}
