:root{--laci:#1d2a44;--laci-koyu:#16203a;--altin:#b08d3e;--altin-acik:#c9a35c;
--zemin:#faf8f3;--kart:#ffffff;--metin:#232a3a;--mut:#6f7686;--portre:92px}
*{box-sizing:border-box}
body{margin:0;background:var(--zemin);color:var(--metin);
font-family:'Jost',system-ui,sans-serif;font-weight:300;line-height:1.6}
a{color:inherit;text-decoration:none}
.onizleme-serit{background:#7d3b3b;color:#fff;text-align:center;font-size:.78rem;
padding:.3rem;letter-spacing:.06em}
.onizleme-serit a{text-decoration:underline}
.ust{display:flex;align-items:center;gap:2.4rem;padding:1.1rem 4vw;
background:var(--laci);color:#f2ecdc;position:sticky;top:0;z-index:50}
.marka{display:flex;align-items:center;gap:.7rem;font-size:1.25rem;letter-spacing:.24em}
.marka b{color:var(--altin-acik);font-weight:500}
.marka img{height:34px}
.ust nav{margin-left:auto;display:flex;gap:1.8rem;font-size:.86rem;
letter-spacing:.14em;text-transform:uppercase}
.ust nav a{opacity:.85}.ust nav a:hover{opacity:1;color:var(--altin-acik)}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;
color:var(--laci);letter-spacing:.03em;text-wrap:balance}
.hero{position:relative;height:min(78vh,720px);overflow:hidden;background:var(--laci-koyu)}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
opacity:.92;animation:kb 18s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1) translate(0,0)}to{transform:scale(1.08) translate(-1.5%,-1%)}}
@media (prefers-reduced-motion:reduce){.hero img{animation:none}}
.hero .perde{position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,32,58,.15) 40%,rgba(22,32,58,.82))}
.hero .icerik{position:absolute;left:0;right:0;bottom:0;padding:3rem 5vw;color:#f6f1e4}
.hero .etiket{font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--altin-acik)}
.hero h1{color:#fff;font-size:clamp(2rem,5vw,3.6rem);margin:.3rem 0 .4rem}
.hero .kunye{font-size:.95rem;letter-spacing:.05em;opacity:.9}
.hero .tus{display:inline-block;margin-top:1.1rem;border:1px solid var(--altin-acik);
color:var(--altin-acik);padding:.6rem 1.6rem;letter-spacing:.18em;font-size:.8rem;
text-transform:uppercase;transition:.25s}
.hero .tus:hover{background:var(--altin-acik);color:var(--laci)}
.bolum{max-width:1240px;margin:0 auto;padding:3.4rem 4vw 1rem}
.bolum-bas{display:flex;align-items:baseline;gap:1.2rem;margin-bottom:1.6rem}
.bolum-bas h2{font-size:2rem;margin:0}
.bolum-bas .cizgi{flex:1;height:1px;background:linear-gradient(90deg,var(--altin),transparent)}
.sergi-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}
.sergi-kart{background:var(--kart);box-shadow:0 14px 40px rgba(29,42,68,.09);
transition:.3s;display:block}
.sergi-kart:hover{transform:translateY(-4px);box-shadow:0 22px 54px rgba(29,42,68,.16)}
.sergi-kart img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.sergi-kart .ic{padding:1rem 1.2rem 1.2rem}
.sergi-kart h3{margin:.1rem 0 .25rem;font-size:1.25rem}
.sergi-kart .mut{font-size:.84rem}
.mut{color:var(--mut)}
.san-serit{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1.6rem}
.san-kart{text-align:center}
/* PORTRE KADRAJI (Onur 2026-09-02): dikey portreler yuvarlak kesimde
ortadan alınınca kafalar kesiliyordu — YUVARLAK PORTRE KULLANAN TÜM
sınıflar üstten öncelikli kadrajlanır (yüz üst üçtedir). İlk sürüm
.oc-kart .portre (Öne Çıkanlar) ile flip/portre-std/tk2'yi kaçırmıştı —
Adem/Engin/Ömer Eken tam oradaydı. */
.san-kart img,.sd-portre,.temsil-kart img,.sn-kutu img,.s-sanatcilar img,
.oc-kart .portre,.flip .yuz.arka img,.portre-std img,.tk2 .portre img,
.portre-std .pi{object-position:center 18%}
.san-kart img,.san-bas{width:var(--portre);height:var(--portre);border-radius:50%;object-fit:cover;
border:2px solid var(--altin);margin:0 auto;display:flex;align-items:center;
justify-content:center;background:#eee}
.san-bas{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--altin)}
.san-kart .ad{margin-top:.6rem;font-size:.86rem;letter-spacing:.1em;text-transform:uppercase}
/* sergi sayfası */
.s-hero{position:relative;background:var(--laci-koyu);color:#f6f1e4;text-align:center;
padding:4rem 5vw 3rem}
.s-hero h1{color:#fff;font-size:clamp(2rem,4.5vw,3.2rem);margin:.2rem 0}
.s-hero .altb{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;
font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:500;letter-spacing:.06em;
margin:.7rem auto 0;max-width:820px;line-height:1.5;
background:linear-gradient(100deg,#c8a961,#f0dfb2 40%,#c8a961 70%,#f0dfb2);
background-size:200% 100%;-webkit-background-clip:text;background-clip:text;
color:transparent;animation:altbGel 1.1s .25s cubic-bezier(.22,.8,.3,1) both,
altbIsilti 7s 1.4s linear infinite}
.s-hero .altb::after{content:"";display:block;width:64px;height:1px;margin:1rem auto 0;
background:linear-gradient(90deg,transparent,var(--altin-acik),transparent);
animation:altbGel 1.1s .5s cubic-bezier(.22,.8,.3,1) both}
@keyframes altbGel{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes altbIsilti{from{background-position:0 0}to{background-position:-200% 0}}
.s-hero .kunye{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;
margin-top:1rem;font-size:.9rem;letter-spacing:.05em}
.s-hero .kunye b{color:var(--altin-acik);font-weight:500;letter-spacing:.14em;
text-transform:uppercase;font-size:.72rem;display:block}
.s-yazi{max-width:780px;margin:2.6rem auto;padding:0 4vw;font-size:1.04rem;line-height:1.9}
.s-yazi-alan{max-width:1280px;margin:2.6rem auto;padding:0 24px;display:grid;
grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:3rem;align-items:start}
.s-yazi-alan .s-yazi{max-width:none;margin:0;padding:0;text-align:left}
.s-medya{position:sticky;top:90px}
.s-medya iframe{width:100%;aspect-ratio:16/9;border:0;background:#000;
box-shadow:0 22px 54px rgba(29,42,68,.2)}
.s-medya .kapak{display:block;background:#fff;padding:14px;
box-shadow:0 22px 54px rgba(29,42,68,.18)}
.s-medya .kapak img{display:block;width:100%;height:auto}
.sa-kart{padding:1.2rem 1.4rem}
.sa-baslat{display:inline-block;margin-top:.8rem;border:1px solid var(--altin-acik);
color:var(--altin-acik);padding:.5rem 1.2rem;font-size:.74rem;letter-spacing:.18em;
text-transform:uppercase;transition:.22s}
.sa-kart:hover .sa-baslat{background:var(--altin-acik);color:#1d2a44}
/* --- anlatım popup'ı (sergi turu) --- */
#anlArka{position:fixed;inset:0;z-index:220;background:rgba(11,17,30,.97);
display:flex;flex-direction:column;animation:anlG .35s ease}
#anlArka[hidden]{display:none}
@keyframes anlG{from{opacity:0}to{opacity:1}}
.anl-bas{display:flex;justify-content:space-between;align-items:center;
padding:1rem 1.6rem;color:#f2ecdc;font-size:.86rem;letter-spacing:.14em;text-transform:uppercase}
.anl-bas button{background:none;border:1px solid rgba(242,236,220,.4);color:#f2ecdc;
width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:1rem;transition:.2s}
.anl-bas button:hover{background:#f2ecdc;color:#1d2a44}
.anl-sahne{flex:1;display:flex;align-items:center;justify-content:center;
min-height:0;padding:.4rem 2rem;overflow:hidden}
.anl-cerceve{background:#fff;padding:14px;box-shadow:0 34px 90px rgba(0,0,0,.5);
max-width:min(78vw,900px);display:inline-block;line-height:0}
.anl-ic{display:block;overflow:hidden;line-height:0}
#anlGorsel{max-width:100%;max-height:calc(100vh - 360px);object-fit:contain;
transition:opacity .4s;animation:anlZoom 14s ease-in-out infinite alternate;will-change:transform}
@media (max-height:600px){#anlGorsel{max-height:calc(100vh - 280px)}
.anl-altyazi{min-height:2.2em;font-size:1rem}}
@keyframes anlZoom{from{transform:scale(1)}to{transform:scale(1.07)}}
.anl-altyazi{min-height:3.2em;max-width:820px;margin:0 auto;padding:.4rem 2rem;
text-align:center;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.18rem;
line-height:1.7;font-style:italic;color:rgba(242,236,220,.45)}
.anl-altyazi b{color:var(--altin-acik);font-weight:600}
.anl-kontrol{display:flex;gap:1rem;align-items:center;max-width:660px;width:100%;
margin:0 auto;padding:1rem 2rem 1.8rem}
.anl-kontrol button{width:52px;height:52px;border-radius:50%;border:1px solid var(--altin-acik);
background:none;color:var(--altin-acik);font-size:1.15rem;cursor:pointer;flex:none;transition:.2s}
.anl-kontrol button:hover{background:var(--altin-acik);color:#1d2a44}
.anl-kontrol .cubuk{flex:1;height:5px;background:rgba(242,236,220,.18);cursor:pointer;border-radius:3px}
.anl-kontrol .cubuk i{display:block;height:100%;width:0;background:var(--altin-acik);border-radius:3px}
.anl-kontrol .sure{color:rgba(242,236,220,.7);font-size:.8rem;font-variant-numeric:tabular-nums}
/* ================= mağaza rozetleri ================= */
.mrozlar{display:inline-flex;gap:.7rem;flex-wrap:wrap;vertical-align:middle}
.mroz{display:inline-flex;align-items:center;gap:.55rem;background:#000;color:#fff !important;
border:1px solid rgba(255,255,255,.25);border-radius:9px;padding:.5rem .95rem;
transition:.22s;text-decoration:none !important;line-height:1.15}
.mroz:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.35);
border-color:var(--altin-acik)}
.mroz svg{width:22px;height:22px;flex:none}
.mroz span{display:flex;flex-direction:column;text-align:left}
.mroz i{font-style:normal;font-weight:600;font-size:.92rem;letter-spacing:.02em}
.mroz b{font-weight:400;font-size:.62rem;opacity:.75;letter-spacing:.06em}
.mrozlar.kucuk .mroz{padding:.35rem .7rem;gap:.45rem}
.mrozlar.kucuk .mroz svg{width:17px;height:17px}
.mrozlar.kucuk .mroz i{font-size:.78rem}
.mrozlar.kucuk .mroz b{display:none}
/* tarihçe: tür filtresi + örnek eser */
.zmn-filtre{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 auto 1.4rem;max-width:920px;
padding-left:8px}
.zmn-filtre button{border:1px solid #d9d2bf;background:var(--kart);padding:.4rem 1rem;
font:inherit;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;
cursor:pointer;transition:.2s;color:var(--metin)}
.zmn-filtre button.aktif{background:var(--laci);color:#f2ecdc;border-color:var(--laci)}
.zmn-kart .roz.fr{background:#8c1a1a;border-color:#8c1a1a;color:#fff}
.zmn-nokta.fr{background:#8c1a1a;border-color:var(--laci)}
.zmn-ornek{display:block;background:#fff;padding:4px;line-height:0;flex:none;
box-shadow:0 8px 20px rgba(29,42,68,.16);margin-left:.4rem}
.zmn-ornek img{width:74px;height:74px;object-fit:cover;display:block}
@media (max-width:640px){.zmn-ornek{display:none}
.zmn-kart{grid-template-columns:84px 1fr}}
/* ================= F4c — mesajlaşma ================= */
.msj-sayfa{max-width:860px;margin:1.6rem auto 3rem;padding:0 24px;display:flex;
flex-direction:column;height:calc(100vh - 220px);min-height:480px}
.msj-bas{display:flex;gap:.8rem;align-items:center;background:var(--laci);color:#f2ecdc;
padding:.9rem 1.2rem;border-radius:12px 12px 0 0}
.msj-bas b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.2rem}
.msj-bas .mut{font-size:.72rem;color:rgba(242,236,220,.65)}
.msj-akis{flex:1;overflow-y:auto;background:var(--kart);padding:1.2rem;
display:flex;flex-direction:column;gap:.55rem;border:1px solid rgba(176,141,62,.2);border-top:0}
.msj-yukleniyor{text-align:center;color:var(--mut);font-size:.86rem;margin:auto}
.msj{display:flex}
.msj.ben{justify-content:flex-end}
.msj .balon{max-width:78%;padding:.6rem .9rem;border-radius:14px;font-size:.92rem;
line-height:1.55;position:relative}
.msj.ben .balon{background:var(--laci);color:#f2ecdc;border-bottom-right-radius:4px}
.msj.galeri .balon{background:#fff;border:1px solid rgba(176,141,62,.25);
border-bottom-left-radius:4px}
.msj .balon p{margin:0;white-space:pre-wrap;word-break:break-word}
.msj .balon .kim{display:block;font-style:normal;font-size:.62rem;letter-spacing:.16em;
text-transform:uppercase;color:var(--altin);margin-bottom:.2rem}
.msj .balon .st{display:block;font-style:normal;font-size:.62rem;opacity:.55;
text-align:right;margin-top:.25rem}
.msj-gorsel{max-width:240px;border-radius:8px;display:block;margin:.2rem 0}
.msj .balon audio{max-width:230px;height:38px;margin:.2rem 0}
.msj-eser{display:flex;gap:.6rem;align-items:center;background:rgba(176,141,62,.1);
border:1px solid rgba(176,141,62,.3);border-radius:8px;padding:.45rem .6rem;
margin:.2rem 0;font-size:.82rem;color:inherit}
.msj-eser img{width:46px;height:46px;object-fit:cover;border-radius:5px;flex:none}
.balon.yaziyor{display:flex;gap:4px;padding:.8rem .95rem}
.balon.yaziyor i{width:7px;height:7px;border-radius:50%;background:var(--mut);
animation:msjNokta 1.2s infinite}
.balon.yaziyor i:nth-child(2){animation-delay:.2s}
.balon.yaziyor i:nth-child(3){animation-delay:.4s}
@keyframes msjNokta{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.msj-giris{display:flex;gap:.6rem;align-items:flex-end;background:#fff;
border:1px solid rgba(176,141,62,.25);border-top:0;border-radius:0 0 12px 12px;
padding:.7rem .9rem}
.msj-giris textarea{flex:1;border:0;resize:none;font:inherit;font-size:.94rem;
color:var(--metin);outline:none;background:none;max-height:120px;line-height:1.5}
.msj-giris button{flex:none;width:42px;height:42px;border-radius:50%;border:0;
background:var(--altin);color:#1d2a44;font-size:1.05rem;cursor:pointer;transition:.2s}
.msj-giris button:hover{background:var(--laci);color:#f2ecdc}
.msj-giris button:disabled{opacity:.5}
@media (max-width:640px){.msj-sayfa{height:calc(100vh - 260px);padding:0 10px}}
/* ================= giriş modalı v2 + mobil bant ================= */
.gs-telsatir{display:flex;gap:.5rem}
.gs-telsatir select{border:1px solid #d9d2bf;background:#fff;padding:.7rem .5rem;
font:inherit;color:var(--laci);flex:none;width:108px;margin-bottom:.9rem}
.gs-telsatir input{flex:1}
.gs-altlinkler{display:flex;justify-content:space-between;margin-top:.8rem}
.gs-link{border:0;background:none;font:inherit;font-size:.78rem;color:var(--laci);
text-decoration:underline;cursor:pointer;padding:0}
.gs-link:disabled{color:var(--mut);text-decoration:none;cursor:default}
#gsPushBant{position:fixed;right:18px;bottom:18px;z-index:190;max-width:340px;
background:var(--kart);border:1px solid var(--altin);padding:1rem 1.1rem;
box-shadow:0 14px 40px rgba(0,0,0,.25);font-size:.88rem;line-height:1.6;
animation:bantGel .5s cubic-bezier(.22,.8,.3,1)}
#gsPushBant button{font-family:inherit;cursor:pointer;margin-top:.6rem;margin-right:.5rem}
#gsPushBant #gsPushAc{background:var(--laci);color:#fff;border:0;padding:.5rem 1rem}
#gsPushBant #gsPushSus{background:none;border:0;color:var(--mut);text-decoration:underline;font-size:.8rem}
@media(max-width:560px){#gsPushBant{left:12px;right:12px;max-width:none;bottom:12px}}
#uygBant{position:fixed;left:0;right:0;bottom:0;z-index:180;background:var(--laci);
border-top:2px solid var(--altin);display:flex;align-items:center;gap:.8rem;
padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom));color:#f2ecdc;
box-shadow:0 -12px 34px rgba(0,0,0,.3);animation:bantGel .5s cubic-bezier(.22,.8,.3,1)}
@keyframes bantGel{from{transform:translateY(100%)}to{transform:none}}
#uygBant[hidden]{display:none}
#uygBant img{width:46px;height:46px;border-radius:11px;flex:none;
box-shadow:0 4px 12px rgba(0,0,0,.4)}
#uygBant .ic{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}
#uygBant b{font-size:.9rem;font-weight:600}
#uygBant span{font-size:.7rem;opacity:.75;line-height:1.4}
#uygBant a{flex:none;background:var(--altin);color:#1d2a44;font-weight:700;
font-size:.74rem;letter-spacing:.14em;padding:.55rem 1.1rem;border-radius:99px}
#uygBant button{flex:none;border:0;background:none;color:rgba(242,236,220,.6);
font-size:.95rem;cursor:pointer;padding:.3rem}
body.bantli{padding-bottom:86px}
@media (max-width:480px){.gs-kutu{padding:1.4rem 1.2rem}
.gs-profil{margin-left:.4rem;width:36px;height:36px}}
/* ================= F4b — profil sayfası ================= */
.prf-sekmeler{max-width:1280px;margin:1.6rem auto 0;padding:0 24px;display:flex;
gap:.5rem;flex-wrap:wrap;border-bottom:1px solid rgba(176,141,62,.25)}
.prf-sekmeler button{border:0;background:none;padding:.7rem 1.1rem;font:inherit;
font-size:.82rem;letter-spacing:.08em;cursor:pointer;color:var(--mut);
border-bottom:2px solid transparent;transition:.2s;margin-bottom:-1px}
.prf-sekmeler button.aktif{color:var(--laci);border-bottom-color:var(--altin);font-weight:600}
.prf-sekmeler button span{background:var(--kart);border-radius:99px;padding:.1rem .5rem;
font-size:.68rem;margin-left:.25rem}
.prf-icerik{max-width:1280px;margin:0 auto 3rem;padding:0 24px}
.prf-bos{color:var(--mut);padding:2.4rem 0;text-align:center;font-size:.92rem;line-height:1.7}
.prf-liste{display:flex;flex-direction:column;gap:.8rem;margin-top:1.2rem;max-width:860px}
.prf-satir{display:grid;grid-template-columns:76px 1fr auto;gap:1rem;align-items:center;
background:var(--kart);border:1px solid rgba(176,141,62,.2);padding:.8rem 1rem}
.prf-satir img{width:76px;height:58px;object-fit:cover;display:block;background:#fff;padding:3px}
.prf-satir .bosg{width:76px;height:58px;display:flex;align-items:center;justify-content:center;
background:#f4efe4;font-size:1.3rem}
.prf-satir .ic{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.prf-satir .ic b{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.1rem;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prf-satir .sag{display:flex;flex-direction:column;gap:.4rem;align-items:flex-end;flex:none}
.prz{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--mut);
color:var(--mut);padding:.22rem .6rem;border-radius:3px;white-space:nowrap}
.prz.aktif{border-color:#1f8a70;color:#1f8a70;font-weight:600}
.prz.tamam{border-color:var(--altin);color:var(--altin);font-weight:600}
.prf-satir .git{font-size:.72rem;letter-spacing:.1em;color:var(--laci);text-decoration:underline}
/* ================= F4a — profil / giriş ================= */
.gs-profil{position:relative;width:40px;height:40px;border-radius:50%;flex:none;
border:1px solid rgba(242,236,220,.45);background:none;color:#f2ecdc;cursor:pointer;
font-size:1rem;transition:.22s;margin-left:.9rem;font-family:inherit}
.gs-profil:hover{border-color:var(--altin-acik);color:var(--altin-acik)}
.gs-profil.girisli{background:var(--altin);border-color:var(--altin);color:#1d2a44;
font-weight:600;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.2rem}
.gs-profil b{position:absolute;top:-5px;right:-6px;background:#8c1a1a;color:#fff;
border-radius:99px;font-size:.6rem;min-width:16px;height:16px;line-height:16px;
padding:0 4px;font-weight:600}
#girisArka{position:fixed;inset:0;z-index:230;background:rgba(13,19,33,.7);
backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:4vw}
#girisArka[hidden]{display:none}
.gs-kutu{background:var(--zemin);max-width:420px;width:100%;padding:1.8rem 1.9rem;
box-shadow:0 34px 90px rgba(0,0,0,.4);position:relative}
.gs-kutu .kapat{position:absolute;top:.9rem;right:.9rem;border:0;background:none;
font-size:1.1rem;cursor:pointer;color:var(--mut)}
.gs-kutu h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.6rem;margin:0 0 .3rem}
.gs-kutu .aciklama{font-size:.84rem;color:var(--mut);line-height:1.65;margin:0 0 1.1rem}
.gs-kutu label{display:block;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;
color:var(--mut);margin:0 0 .3rem}
.gs-kutu input{width:100%;border:1px solid #d9d2bf;background:#fff;padding:.7rem .8rem;
font:inherit;color:var(--laci);margin-bottom:.9rem}
.gs-kutu input:focus{outline:none;border-color:var(--altin)}
.gs-kutu .gonder{width:100%;border:0;background:var(--laci);color:#f2ecdc;
padding:.85rem;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;
cursor:pointer;transition:.22s;font-family:inherit}
.gs-kutu .gonder:hover{background:var(--altin);color:#1d2a44}
.gs-kutu .hata{color:#8c1a1a;font-size:.8rem;margin:.5rem 0 0;min-height:1.2em}
.gs-kutu .kod-giris{letter-spacing:.9em;text-align:center;font-size:1.5rem;
font-variant-numeric:tabular-nums}
/* > **`position:absolute` SAYFAYA GÖRE KONUMLANIR, EKRANA GÖRE DEĞİL.**
 * Menü `<body>`nin çocuğu ve `top:64px` idi; yani BELGENİN 64. pikseline
 * çakılıydı. Üst menü `position:sticky` olduğu için ekranla birlikte
 * geliyor, menü ise sayfanın tepesinde kalıyordu: biraz aşağı
 * kaydırdıktan sonra profil butonuna basınca menü ekranın DIŞINDA
 * açılıyor ve hiç görünmüyordu (Onur bildirdi, 2026-09-03).
 *
 * `fixed` ekrana sabitler; `top` değeri JS'te üst menünün gerçek
 * yüksekliğinden hesaplanıyor — mobilde menü satır atlayınca sabit bir
 * 64px yanlış olurdu.
 *
 * > **`z-index` ÜST MENÜDEN BÜYÜK OLMAK ZORUNDA** (`.ust` 50). Küçük
 * > olsaydı menü açılır ama başlığın ARKASINDA kalırdı — aynı belirti,
 * > başka sebep. */
#gsMenu{position:fixed;top:72px;right:4vw;z-index:240;background:var(--zemin);
min-width:230px;max-height:calc(100vh - 96px);overflow-y:auto;
box-shadow:0 24px 60px rgba(0,0,0,.3);padding:.5rem 0}
#gsMenu[hidden]{display:none}
#gsMenu .ad{padding:.7rem 1.2rem .5rem;font-family:'Cormorant Garamond',Georgia,serif;
font-size:1.15rem;color:var(--laci);border-bottom:1px solid rgba(176,141,62,.2)}
#gsMenu button,#gsMenu a{display:block;width:100%;text-align:left;border:0;background:none;
padding:.65rem 1.2rem;font:inherit;font-size:.86rem;color:var(--metin);cursor:pointer}
#gsMenu button:hover,#gsMenu a:hover{background:var(--kart)}
.gs-fav.secili,.gs-takip.secili{background:var(--laci) !important;color:#f2ecdc !important;
border-color:var(--laci) !important}
/* --- sanatçı sağ blok kutuları + tarihçe --- */
.sd-kutu{background:var(--kart);border:1px solid rgba(176,141,62,.25);
padding:1.1rem 1.2rem;margin-top:1rem}
.sd-kutu:first-child{margin-top:0}
.sd-kutu .kb2{display:block;font-style:normal;font-size:.68rem;letter-spacing:.24em;
text-transform:uppercase;color:var(--altin);margin-bottom:.8rem}
.sd-spot2{position:relative;height:216px;overflow:hidden}
.sd-spot2 .syf{position:absolute;inset:0;display:flex;gap:.8rem;
justify-content:center;align-items:flex-start;opacity:0;
transform:translateX(26px) scale(.97);pointer-events:none;
transition:all .75s cubic-bezier(.22,.8,.3,1)}
.sd-spot2 .syf.aktif{opacity:1;transform:none;pointer-events:auto}
.sd-spot2 a{display:block;background:#fff;padding:7px 7px 4px;line-height:0;flex:none;
box-shadow:0 14px 34px rgba(29,42,68,.18);transition:.3s}
.sd-spot2 a:hover{transform:translateY(-6px) scale(1.03);
box-shadow:0 22px 48px rgba(29,42,68,.28)}
.sd-spot2 img{width:168px;height:168px;object-fit:cover;display:block}
.sd-spot2 a i{display:block;font-style:normal;font-size:.64rem;line-height:1.4;
color:var(--mut);padding:.35rem .1rem .2rem;max-width:168px;white-space:nowrap;
overflow:hidden;text-overflow:ellipsis;text-align:center}
.sd-nok{display:flex;gap:.5rem;justify-content:center;margin-top:.7rem}
.sd-nok button{width:8px;height:8px;border-radius:50%;border:0;cursor:pointer;
background:rgba(29,42,68,.22);transition:.25s;padding:0}
.sd-nok button.aktif{background:var(--altin);transform:scale(1.35)}
@media (max-width:420px){.sd-spot2 img{width:130px;height:130px}
.sd-spot2{height:176px}}
.sd-kutu.ist .izg{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.sd-kutu.ist span{background:#f4efe4;padding:.7rem;text-align:center}
.sd-kutu.ist b{display:block;font-family:'Cormorant Garamond',Georgia,serif;
font-size:1.5rem;color:var(--laci);line-height:1.1}
.sd-kutu.ist i{font-style:normal;font-size:.66rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--mut)}
.sd-kutu.ilt p{font-size:.84rem;line-height:1.7;color:var(--mut);margin:0 0 .9rem}
.sd-kutu.ilt .tuslar{display:flex;gap:.6rem;flex-wrap:wrap}
.sd-kutu.ilt .ed-tus{flex:1;text-align:center;padding:.55rem .8rem;font-size:.72rem}
/* tarihçe */
.zmn{max-width:920px;margin:1rem auto 0;position:relative;padding-left:8px}
.zmn::before{content:"";position:absolute;left:104px;top:8px;bottom:8px;width:2px;
background:linear-gradient(180deg,var(--altin-acik),rgba(176,141,62,.15))}
.zmn-madde{display:grid;grid-template-columns:88px 34px 1fr;gap:0;
align-items:center;margin-bottom:1.3rem}
.zmn-yil{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.7rem;font-weight:600;
color:var(--laci);text-align:right;padding-right:6px;line-height:1}
.zmn-nokta{width:13px;height:13px;border-radius:50%;background:var(--kart);
border:3px solid var(--altin);justify-self:center;position:relative;z-index:1}
.zmn-nokta.ks{background:var(--altin);border-color:var(--laci)}
.zmn-kart{display:grid;grid-template-columns:120px 1fr auto;gap:1.1rem;align-items:center;
background:var(--kart);border:1px solid rgba(176,141,62,.2);padding:.8rem 1rem;
transition:.25s}
.zmn-kart:hover{transform:translateX(6px);box-shadow:0 14px 34px rgba(29,42,68,.13)}
.zmn-kart img{width:120px;height:80px;object-fit:cover;display:block}
.zmn-kart .ic{display:flex;flex-direction:column;gap:.2rem}
.zmn-kart h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.25rem;
font-weight:500;margin:0}
.zmn-kart .roz{align-self:flex-start;font-size:.6rem;letter-spacing:.18em;
text-transform:uppercase;border:1px solid var(--laci);color:var(--laci);
padding:.16rem .55rem;border-radius:3px}
.zmn-kart .roz.ks{background:var(--altin);border-color:var(--altin);color:#1d2a44}
@media (max-width:640px){.zmn::before{left:18px}
.zmn-madde{grid-template-columns:14px 22px 1fr}
.zmn-yil{font-size:.8rem;writing-mode:vertical-rl;padding:0}
.zmn-kart{grid-template-columns:84px 1fr}.zmn-kart img{width:84px;height:64px}}
/* --- sanatçı detay hero (full width + en çok izlenenler) --- */
.sd-hero{padding:0}
.sd-ic{max-width:1280px;margin:0 auto;padding:3rem 24px;display:grid;
grid-template-columns:minmax(0,1fr) auto;gap:2.4rem;align-items:center;text-align:left}
.sd-sol{display:grid;grid-template-columns:auto 1fr;gap:2.4rem;align-items:center}
.sd-portre{width:190px;height:190px;border-radius:50%;object-fit:cover;
border:3px solid var(--altin-acik);box-shadow:0 18px 46px rgba(0,0,0,.35);
display:flex;align-items:center;justify-content:center}
.sd-top5 i{display:block;font-style:normal;font-size:.66rem;letter-spacing:.26em;
text-transform:uppercase;color:var(--altin-acik);opacity:.85;text-align:right;margin-bottom:.7rem}
.sd-top5 .sira{display:flex;gap:.65rem;align-items:flex-end}
.sd-top5 .sira a{display:block;background:#fff;padding:5px;line-height:0;
box-shadow:0 12px 30px rgba(0,0,0,.35);transition:.28s cubic-bezier(.22,.8,.3,1)}
.sd-top5 .sira a:nth-child(odd){transform:translateY(-10px)}
.sd-top5 .sira a:hover{transform:translateY(-16px) scale(1.12);z-index:2;position:relative;
box-shadow:0 22px 46px rgba(0,0,0,.5)}
.sd-top5 .sira img{width:84px;height:84px;object-fit:cover;display:block}
@media (max-width:1080px){.sd-top5{display:none}}
@media (max-width:640px){.sd-sol{grid-template-columns:1fr;text-align:center}
.sd-sol h1{text-align:center !important}.sd-portre{margin:0 auto}}
/* --- kapak büyütme (lightbox) --- */
#kpkArka{position:fixed;inset:0;z-index:210;background:rgba(11,17,30,.94);
display:flex;align-items:center;justify-content:center;padding:3vh 3vw;cursor:zoom-out;
animation:anlG .3s ease}
#kpkArka[hidden]{display:none}
#kpkArka img{max-width:92vw;max-height:92vh;object-fit:contain;background:#fff;
padding:14px;box-shadow:0 34px 90px rgba(0,0,0,.5)}
.s-medya .kapak{cursor:zoom-in}
/* --- randevu kutusu (sağ blok, sade) --- */
.rnd-kutu{margin-top:1rem;border:1px dashed rgba(176,141,62,.45);padding:.85rem 1rem;
font-size:.8rem;line-height:1.65;color:var(--mut)}
.rnd-kutu b{color:var(--laci);font-weight:600}
.rnd-kutu a{text-decoration:underline;color:var(--laci)}
@media (max-width:900px){.s-yazi-alan{grid-template-columns:1fr;gap:1.6rem}
.s-medya{position:static}}
.s-yazi p{margin:.9em 0}
.medya{max-width:980px;margin:2rem auto;padding:0 4vw}
.medya iframe{width:100%;aspect-ratio:16/9;border:0;box-shadow:0 18px 50px rgba(29,42,68,.18)}
.eserler{max-width:1280px;margin:2.5rem auto 4rem;padding:0 24px;display:grid;
grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:2.6rem 1.8rem}
.eser-k{text-align:center;scroll-margin-top:110px}
.eser-k img{max-width:100%;max-height:320px;object-fit:contain;background:#fff;
padding:12px;box-shadow:0 12px 36px rgba(29,42,68,.12)}
.eser-k .sa{font-weight:500;letter-spacing:.12em;font-size:.82rem;
text-transform:uppercase;color:var(--laci);margin-top:.9rem}
.eser-k .ta{font-family:'Cormorant Garamond',serif;font-style:italic;
font-size:1.05rem;color:var(--mut)}
.eser-k .kk{font-size:.78rem;color:var(--mut)}
.eser-k .ff{color:var(--altin);font-weight:500;margin-top:.25rem}
/* ======================================================================
 * ALT BİLGİ — DÖRT SÜTUN
 *
 * > **ESKİ ALT BİLGİ TEK SATIRDI** (`display:flex` + üç bağlantı).
 * > Ziyaretçi aradığını üstte bulamayınca en alta iner; orada tek satır
 * > görmek "burada başka bir şey yok" demektir. Onur (2026-09-03):
 * > *"footer bölümünü daha şık kullanışlı bir hale getir."*
 *
 * > **`auto-fit` DEĞİL, AÇIK KIRILMA NOKTALARI.** Marka sütunu adres
 * > taşıdığı için diğerlerinden geniş olmalı; `auto-fit` onu ötekilerle
 * > eşitleyip adresi iki satıra bölüyordu.
 * ==================================================================== */
.alt{background:var(--laci);color:#e9e2cf;margin-top:4rem;padding:3rem 4vw 1.6rem;
letter-spacing:.04em;font-size:.88rem}
.alt .mut{color:#9aa2b5}
.alt a{text-decoration:none;color:inherit}
.alt-izgara{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:2.6rem;
max-width:1240px;margin:0 auto}
@media (max-width:980px){.alt-izgara{grid-template-columns:1fr 1fr;gap:2rem}}
@media (max-width:560px){.alt-izgara{grid-template-columns:1fr;gap:1.8rem}}
.alt-sutun h4{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;
color:var(--altin-acik);margin:0 0 .9rem;font-family:'Jost',sans-serif;font-weight:500}
.alt-sutun a{display:block;padding:.3rem 0;font-size:.86rem;opacity:.82;transition:.18s}
.alt-sutun a:hover{opacity:1;color:var(--altin-acik)}
.alt-logo{display:inline-block;margin-bottom:.7rem}
.alt-logo img{height:42px;width:auto;display:block;opacity:.95;transition:.2s}
.alt-logo:hover img{opacity:1}
.alt-slogan{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;
font-size:1.02rem;opacity:.8;margin:0 0 1rem}
.alt address{font-style:normal;font-size:.82rem;line-height:1.85;opacity:.75;
margin-bottom:.9rem}
.alt address b{display:block;color:var(--altin-acik);font-weight:500;font-size:.7rem;
letter-spacing:.16em;text-transform:uppercase;margin-top:.5rem}
.alt-iletisim a{display:block;padding:.15rem 0;font-size:.86rem;opacity:.85}
.alt-iletisim a:hover{color:var(--altin-acik)}
/* ----------------------------------------------------------------------
 * SOSYAL MEDYA — Onur: *"hâlâ kötü görünüyor, çok şık ve etkili olsun."*
 *
 * > **İNCE ÇEMBER + KÜÇÜK SİMGE ZAYIF DURUYORDU.** Simge 18px, çember
 * > 40px ve kenarlık %28 opaklıkta — koyu zeminde neredeyse görünmez.
 * > Şimdi dolgulu zemin, daha büyük simge ve hover'da altın dolgu +
 * > yükselme.
 * -------------------------------------------------------------------- */
/* > **İKİNCİ TUR (Onur, 2026-09-03): «simgeler hâlâ kötü, hover'lar da
 * > kötü».** Kusur ölçülebilir: daire %10 dolgu + %16 kenarlık koyu
 * > laci üstünde neredeyse görünmüyordu — daire de simge de aynı sisin
 * > içindeydi. Hover ise tam tersi uca gidiyordu: dairenin tümü altın
 * > doluyor, simge laciye dönüyor, üstüne 20 px gölgeyle zıplıyordu —
 * > alt bilgide üç tane yanıp sönen düğme.
 *
 * > **ÇÖZÜM: DURAĞANDA GÖRÜNÜR, HOVER'DA SAKİN.** Kenarlık %34'e,
 * > simge tam opaklığa çıktı (dolgu YOK — daire artık halka, simgeyle
 * > yarışmıyor). Hover yalnızca halkayı ve simgeyi altına çeviriyor,
 * > ince bir altın sis ekliyor; zıplama ve gölge kalktı. */
/* > **ASIL KUSUR BURADAYDI: `.alt-sutun a{display:block}` KAZANIYORDU.**
 * > İki seçici de tek sınıf ağırlığında değil — `.alt-sutun a` (0,1,1)
 * > `.alt-sos` (0,1,0)'ı yener. Sonuç: `display:inline-flex` HİÇ
 * > uygulanmıyordu; simge dairenin içinde ortalanmıyor, mağaza
 * > rozetinde elma/play simgesi metnin ÜSTÜNE yığılıyordu (ölçüldü:
 * > `rz-im` y=439, `rz-ic` y=461 — yan yana değil alt alta).
 * > Renk ve kenarlık uygulandığı için kusur "biçim gelmemiş" gibi
 * > değil, "tasarım kötü" gibi görünüyordu. Kapsayıcıyı seçiciye
 * > eklemek ağırlığı (0,2,0)'a çıkarıyor. */
.alt-sosyal{display:flex;gap:.6rem;margin-top:1.3rem}
.alt-sosyal a.alt-sos,
.alt-sos{display:inline-flex;align-items:center;justify-content:center;
width:44px;height:44px;border-radius:50%;
background:transparent;border:1px solid rgba(233,226,207,.34);
color:#e9e2cf;transition:border-color .2s,color .2s,background .2s}
.alt-sos svg{width:20px;height:20px}
.alt-sos:hover,.alt-sos:focus-visible{background:rgba(201,163,92,.14);
border-color:var(--altin-acik);color:var(--altin-acik)}
.alt-sos:focus-visible{outline:2px solid var(--altin-acik);outline-offset:2px}
.alt-sos:active{background:rgba(201,163,92,.24)}
/* Mağaza rozetleri */
.alt-uyg-not{font-size:.8rem;line-height:1.7;opacity:.72;margin:0 0 1rem}
/* > **SİMGE HARF DEĞİL, SVG.** «IG»/«f» harfleri yuvarlak içinde simge
 * gibi okunmuyordu (Onur bildirdi). SVG `currentColor` kullanıyor;
 * hover rengi tek yerden geliyor. */
.alt-sos svg{display:block}
/* ----------------------------------------------------------------------
 * MAĞAZA ROZETLERİ — gerçek rozet gibi görünsün
 *
 * > **AÇIK KUTU + İNCE ÇİZGİ «DÜĞME» OKUNMUYORDU.** App Store ve Google
 * > Play rozetleri kullanıcının tanıdığı bir biçim: koyu dolgu, yuvarlak
 * > köşe, solda marka simgesi, sağda iki satır metin. Şimdi öyle.
 * -------------------------------------------------------------------- */
/* > **ROZET SÜTUN GENİŞLİĞİNE YAYILIYORDU.** `display:flex` blok
 * > elemanda tüm satırı kaplar; iki kocaman boş dikdörtgen çıkıyordu.
 * > Gerçek mağaza rozeti içeriği kadar geniştir — `inline-flex` +
 * > `max-width` ile artık öyle. «İNDİR» satırı da %62 opaklıkta okunmaz
 * > haldeydi (bu boyutta gri üstüne gri), %78'e çıktı. */
.alt-sutun a.alt-rozet,
.alt-rozet{display:inline-flex;align-items:center;gap:.7rem;
width:100%;max-width:15rem;
background:rgba(233,226,207,.06);border:1px solid rgba(233,226,207,.3);
border-radius:9px;padding:.55rem .9rem;margin-bottom:.6rem;
color:#e9e2cf;transition:border-color .2s,color .2s,background .2s}
.alt-rozet .rz-im{display:flex;align-items:center;justify-content:center;
width:24px;flex:none;color:inherit}
.alt-rozet .rz-im svg{width:22px;height:22px}
.alt-rozet .rz-ic{display:flex;flex-direction:column;line-height:1.22}
.alt-rozet i{font-style:normal;font-size:.6rem;opacity:.78;letter-spacing:.18em;
text-transform:uppercase}
.alt-rozet b{font-size:.98rem;font-weight:500;letter-spacing:.01em}
/* Hover altın dolguya DÖNMÜYOR: alt bilgide iki büyük altın blok,
   sayfanın ağırlık merkezini aşağı kaydırıyordu. Halka + metin altına. */
.alt-rozet:hover,.alt-rozet:focus-visible{background:rgba(201,163,92,.12);
border-color:var(--altin-acik);color:var(--altin-acik)}
.alt-rozet:focus-visible{outline:2px solid var(--altin-acik);outline-offset:2px}
.alt-rozet:active{background:rgba(201,163,92,.2)}
/* Yasal şerit */
.alt-serit{max-width:1240px;margin:2.4rem auto 0;padding-top:1.4rem;
border-top:1px solid rgba(233,226,207,.16);display:flex;flex-wrap:wrap;
align-items:center;justify-content:space-between;gap:.8rem}
.alt-serit .mut{font-size:.78rem}
.alt-serit .mut a{text-decoration:underline}
@media (max-width:640px){.alt-serit{flex-direction:column;text-align:center}}
@media (max-width:820px){
.ust{flex-wrap:wrap;gap:.6rem 1rem;padding:.7rem 4vw}
.ust .marka{order:1}
.gs-profil{order:2;margin-left:auto}
.ust nav{order:3;width:100%;margin-left:0;overflow-x:auto;scrollbar-width:none;
gap:1.2rem;font-size:.78rem;white-space:nowrap;padding-bottom:.2rem}
.ust nav::-webkit-scrollbar{display:none}
.ust .ara-kutu{order:4;width:100%}
.ust .ara-kutu input{width:100%}}
.ara-kutu{margin-left:1.4rem;display:flex;background:rgba(255,255,255,.09);
border:1px solid rgba(255,255,255,.2);border-radius:99px;overflow:hidden}
.ara-kutu input{background:none;border:0;color:#f2ecdc;padding:.45rem .9rem;
width:180px;font-family:inherit;font-size:.85rem;outline:none}
.ara-kutu input::placeholder{color:rgba(242,236,220,.5)}
.ara-kutu button{background:none;border:0;color:var(--altin-acik);
padding:0 .8rem;cursor:pointer;font-size:1.05rem}
.gunun{max-width:1240px;margin:0 auto;padding:3rem 4vw;display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3rem;align-items:center}
.gunun>div:first-child{justify-self:center}
.gunun .etiket{font-size:.76rem;letter-spacing:.3em;text-transform:uppercase;color:var(--altin)}
.gunun h2{font-size:2.2rem;margin:.3rem 0 .4rem}
.gunun .sa2{letter-spacing:.14em;text-transform:uppercase;font-size:.9rem}
@media (max-width:820px){.gunun{grid-template-columns:1fr}}
.one-serit{display:grid;grid-auto-flow:column;grid-auto-columns:min(280px,72vw);
gap:1.6rem;overflow-x:auto;padding:.4rem .2rem 1rem;scroll-snap-type:x mandatory}
.one-serit .eser-k{scroll-snap-align:start}
.renkler{display:flex;gap:.9rem;flex-wrap:wrap}
.renk-cip{display:flex;align-items:center;gap:.55rem;border:1px solid #ddd6c6;
background:var(--kart);padding:.5rem 1.1rem;border-radius:99px;font-size:.86rem;
letter-spacing:.06em;transition:.2s}
.renk-cip:hover{border-color:var(--altin);transform:translateY(-2px)}
.renk-top{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.muz-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.8rem}
.muz-kart{background:var(--laci);color:#f2ecdc;overflow:hidden;
box-shadow:0 16px 44px rgba(22,32,58,.28)}
.muz-kart img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#0f1626;display:block}
.muz-kart .ic{padding:1rem 1.2rem 1.3rem}
.muz-kart .roz{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--altin-acik)}
.muz-kart h3{color:#fff;margin:.25rem 0 .3rem;font-size:1.2rem}
.muz-kart .sayac{font-variant-numeric:tabular-nums;font-size:.92rem;color:var(--altin-acik)}
.muz-kart .katil{display:inline-block;margin-top:.8rem;border:1px solid var(--altin-acik);
color:var(--altin-acik);padding:.45rem 1.1rem;font-size:.76rem;
letter-spacing:.16em;text-transform:uppercase}
.filtreler{display:flex;gap:.6rem;flex-wrap:wrap;margin:0 0 1.8rem}
.filtre{border:1px solid #d9d2bf;background:var(--kart);padding:.4rem 1rem;
border-radius:99px;font-size:.82rem;letter-spacing:.08em;transition:.18s}
.filtre:hover{border-color:var(--altin);color:var(--laci);
box-shadow:0 4px 14px rgba(29,42,68,.09);transform:translateY(-1px)}
.filtre.aktif{background:var(--laci);color:#f2ecdc;border-color:var(--laci)}
.filtre.aktif:hover{background:var(--altin);border-color:var(--altin);color:#1d2a44}

/* ======================================================================
 * HARF SÜZGECİ — TAM GENİŞLİK
 *
 * Onur (2026-09-03): *"harf filtrelemesi de kartlar gibi full width
 * uzasın, harfin üzerine gelince hover olsun."*
 *
 * > **`flex-wrap` DEĞİL `grid`.** Yirmi dokuz harf `flex` ile sola
 * > yığılıyor, satır sonunda boşluk kalıyordu. `auto-fit` ızgara
 * > harfleri satır boyunca EŞİT dağıtıyor; eser kartlarıyla aynı
 * > hizada bitiyor.
 *
 * > **`minmax(34px,1fr)` — DOKUNMA HEDEFİ KORUNUYOR.** Yalnız `1fr`
 * > verilseydi dar ekranda harfler 20px'e inip parmakla seçilemez
 * > hâle gelirdi.
 * ==================================================================== */
.filtreler.harf{display:grid;
grid-template-columns:repeat(auto-fit,minmax(34px,1fr));gap:.45rem;
margin-top:-.8rem}
.filtreler.harf .filtre{padding:.45rem .2rem;text-align:center;
border-radius:8px;letter-spacing:0;font-size:.86rem;
display:flex;align-items:center;justify-content:center;min-height:38px}
.filtreler.harf .filtre:hover{background:var(--altin);border-color:var(--altin);
color:#1d2a44;transform:translateY(-2px);
box-shadow:0 6px 16px rgba(176,141,62,.28)}
.filtreler.harf .filtre.aktif:hover{background:var(--laci);color:#f2ecdc;
border-color:var(--laci)}
@media (max-width:560px){
  .filtreler.harf{grid-template-columns:repeat(auto-fit,minmax(30px,1fr));gap:.35rem}
  .filtreler.harf .filtre{min-height:34px;font-size:.8rem}
}
/* ======================================================================
 * GÜNCEL SERGİ ALANI — ADETE GÖRE
 *
 * > **ALTI GÜNCEL SERGİ = ALTI DEV KART DEMEKTİ.** Ziyaretçi gelecek ve
 * > geçmiş bölümlerine ulaşamadan sayfayı terk ederdi. 2-3 sergide iki
 * > sütun, 4+ sergide normal ızgara (PHP tarafı karar veriyor).
 * ==================================================================== */
.guncel-alan.coklu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
gap:1.6rem;margin-bottom:2.6rem}
.guncel-alan.coklu .sergi-buyuk{grid-template-columns:1fr;margin-bottom:0}
.guncel-alan.coklu .sergi-buyuk img{min-height:220px;max-height:260px}
.guncel-alan.coklu .sergi-buyuk .ic{padding:1.5rem}
.guncel-alan.coklu .sergi-buyuk h3{font-size:1.45rem}
@media (max-width:900px){.guncel-alan.coklu{grid-template-columns:1fr}}
/* 4+ sergide ızgara — «Şimdi» rozeti kartın üstünde. */
.sergi-izgara.simdi .sergi-kart{position:relative}
.sergi-izgara.simdi .sergi-kart::before{content:"ŞİMDİ";position:absolute;top:.7rem;
left:.7rem;z-index:2;background:var(--altin);color:#1d2a44;font-size:.62rem;
letter-spacing:.18em;padding:.2rem .55rem;border-radius:2px;font-weight:500}

/* Kart künyesi iki satır: tarih üstte, yer altta. */
.sk-tarih{font-size:.84rem}
.sk-yer{font-size:.8rem;margin-top:.15rem;opacity:.85}
.sergi-buyuk .sk-tarih{font-size:.92rem}
.sergi-buyuk .sk-yer{font-size:.86rem}

.sergi-buyuk{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
background:var(--kart);box-shadow:0 20px 54px rgba(29,42,68,.12);margin-bottom:2.6rem}
.sergi-buyuk img{width:100%;height:100%;min-height:320px;object-fit:cover}
.sergi-buyuk .ic{padding:2.2rem;display:flex;flex-direction:column;justify-content:center}
.sergi-buyuk h3{font-size:1.9rem;margin:.2rem 0 .5rem}
.sergi-buyuk .etiket{font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;color:var(--altin)}
@media (max-width:760px){.sergi-buyuk{grid-template-columns:1fr}}
.hepsi-tus{display:inline-block;margin:1.4rem auto 0;border:1px solid var(--laci);
padding:.65rem 1.8rem;letter-spacing:.16em;font-size:.82rem;text-transform:uppercase;
transition:.25s}
.hepsi-tus:hover{background:var(--laci);color:#f2ecdc}
.temsil-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.8rem}
.temsil-kart{background:var(--kart);text-align:center;padding:1.6rem 1rem 1.3rem;
box-shadow:0 12px 36px rgba(29,42,68,.09);transition:.3s}
.temsil-kart:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(29,42,68,.16)}
.temsil-kart img,.temsil-kart .san-bas{width:130px;height:130px;border-radius:50%;
object-fit:cover;border:2px solid var(--altin);margin:0 auto;display:flex;
align-items:center;justify-content:center}
.temsil-kart .ad{margin-top:.9rem;letter-spacing:.12em;text-transform:uppercase;font-size:.9rem}
.temsil-kart .dog{font-size:.78rem;color:var(--mut)}
.temsil-kart .roz{display:inline-block;margin-top:.5rem;font-size:.64rem;
letter-spacing:.2em;color:var(--altin);border:1px solid var(--altin);
padding:.14rem .6rem;border-radius:99px;text-transform:uppercase}
.abc{columns:3;column-gap:2.5rem;font-size:.94rem;line-height:2}
@media (max-width:760px){.abc{columns:1}}
.sonuc-bas{font-size:1rem;letter-spacing:.2em;text-transform:uppercase;
color:var(--altin);margin:2.2rem 0 1rem}
/* ---- F2c: hareket dili ---- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}
.reveal.goster{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
.eser-k img{transition:transform .45s ease,box-shadow .45s ease}
.eser-k:hover img{transform:scale(1.03) translateY(-4px);box-shadow:0 26px 60px rgba(29,42,68,.22)}
.bolum-bas .cizgi{transform-origin:left;animation:cizgiAc 1.2s ease both}
@keyframes cizgiAc{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* ---- flip'li otomatik kayan sanatçı şeridi ---- */
.kayar{overflow:hidden;position:relative;--hiz:46s}
.kayar .ic-kayar{display:flex;gap:1.6rem;width:max-content;
animation:kay var(--hiz) linear infinite}
.kayar:hover .ic-kayar{animation-play-state:paused}
@keyframes kay{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.kayar .ic-kayar{animation:none}}
.flip{width:230px;height:300px;perspective:1100px;flex:0 0 auto;display:block}
.flip .zarf{display:block;position:relative;width:100%;height:100%;
transition:transform .8s;transform-style:preserve-3d}
.flip:hover .zarf,.flip.donuk .zarf{transform:rotateY(180deg)}
.flip .yuz{display:block;position:absolute;inset:0;backface-visibility:hidden;
overflow:hidden;background:var(--kart);box-shadow:0 16px 40px rgba(29,42,68,.14)}
.flip .yuz .alt-ad{display:block}
.flip .yuz img{width:100%;height:78%;object-fit:contain;background:#fff;padding:8px}
.flip .yuz.arka{transform:rotateY(180deg);background:var(--laci);color:#f2ecdc;
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem}
.flip .yuz.arka img{width:132px;height:132px;border-radius:50%;object-fit:cover;
border:2px solid var(--altin-acik);padding:0;background:#0f1626}
.flip .yuz .alt-ad{padding:.5rem .7rem;text-align:center;font-size:.8rem;
letter-spacing:.12em;text-transform:uppercase}
.flip .yuz.arka .alt-ad{color:var(--altin-acik)}
.flip .yuz.arka .roz2{font-size:.62rem;letter-spacing:.24em;border:1px solid var(--altin-acik);
padding:.15rem .6rem;border-radius:99px;color:var(--altin-acik);text-transform:uppercase}
/* ---- eser detayı ---- */
.ed{max-width:1240px;margin:0 auto;padding:3rem 4vw;display:grid;
grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:3.4rem;align-items:start}
@media (max-width:880px){.ed{grid-template-columns:1fr}}
.ed-gorsel{position:sticky;top:90px;text-align:center}
.ed-gorsel img{max-width:100%;max-height:74vh;object-fit:contain;background:#fff;
padding:18px;box-shadow:0 30px 80px rgba(29,42,68,.2)}
.ed-bilgi .etiket{font-size:.74rem;letter-spacing:.3em;text-transform:uppercase;color:var(--altin)}
.ed-bilgi h1{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:.25rem 0 .2rem}
.ed-bilgi .sa3{letter-spacing:.16em;text-transform:uppercase;font-size:1rem;margin-bottom:1rem}
.ed-kunye{border-top:1px solid #e4ddc9;border-bottom:1px solid #e4ddc9;
padding:.9rem 0;margin:1.2rem 0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.4rem;
font-size:.92rem}
.ed-kunye b{display:block;font-weight:500;font-size:.68rem;letter-spacing:.2em;
text-transform:uppercase;color:var(--altin)}
.ed-fiyat{font-size:1.5rem;color:var(--laci);font-weight:400;margin:.8rem 0}
.ed-fiyat-satir{display:flex;align-items:center;justify-content:space-between;
gap:1rem;margin:.8rem 0;flex-wrap:wrap}
.ed-ikonlar{display:flex;gap:.55rem;margin-left:auto}
.ikon-sar{position:relative;display:inline-flex}
.ikon-bilgi{display:none;position:absolute;right:0;top:calc(100% + 10px);width:238px;
background:var(--laci,#1d2a44);color:#efe9d8;padding:.85rem 1rem;z-index:60;
font-size:.78rem;line-height:1.55;box-shadow:0 18px 44px rgba(22,32,58,.35);
border-radius:2px;pointer-events:none}
.ikon-bilgi b{display:block;color:var(--altin-acik,#e3c98f);font-size:.7rem;
letter-spacing:.22em;text-transform:uppercase;margin-bottom:.35rem;font-weight:500}
.ikon-bilgi::before{content:"";position:absolute;top:-6px;right:16px;
border:6px solid transparent;border-bottom-color:var(--laci,#1d2a44);border-top:0}
@media (hover:hover){.ikon-sar:hover .ikon-bilgi{display:block}}
.ed-tus.wa{display:inline-flex;align-items:center;gap:.5rem}
.etk-satir{display:flex;gap:.45rem;flex-wrap:wrap;margin:.9rem 0 0}
.etk-cip{font-size:.74rem;letter-spacing:.06em;padding:.32rem .75rem;
border:1px solid rgba(29,42,68,.25);color:#6e6a5e;
border-radius:99px;text-decoration:none;transition:.2s}
.etk-cip:hover{border-color:var(--altin);color:var(--laci);background:rgba(197,164,109,.1)}
/* ana eylemler TEK SATIRDA kalır (Onur 09-02: "duvarda gör aşağı iniyor");
 * butonlar esner, ancak DAR ekranda sarmaya izin verilir */
.ed-tuslar{display:flex;gap:.6rem;flex-wrap:nowrap;margin:1.2rem 0}
.ed-tuslar .ed-tus{flex:1;text-align:center;justify-content:center;
padding:.65rem .5rem;font-size:.74rem;white-space:nowrap;min-width:0}
/* Teklif Ver metni kısa — daha dar durur, iki uzun buton rahatlar */
.ed-tuslar #tkAc{flex:.62}
@media (max-width:560px){.ed-tuslar{flex-wrap:wrap}
.ed-tuslar .ed-tus{flex:1 1 45%}}
/* ana sayfa şeridinde tk3 kartı sabit genişlik alır (grid değil kayar şerit) */
.surukle .tk3{width:216px;flex:0 0 auto}
/* koyu küratör bloğundaki etiket çipleri */
.kurator .etk-satir{margin-top:1.1rem}
.kurator .etk-cip{border-color:rgba(255,255,255,.26);color:#cfc7b4}
.kurator .etk-cip:hover{border-color:var(--altin-acik);color:var(--altin-acik);
background:rgba(227,201,143,.1)}
.ed-tus{border:1px solid var(--laci);padding:.65rem 1.4rem;letter-spacing:.12em;
font-size:.8rem;text-transform:uppercase;transition:.25s;cursor:pointer;background:none;
font-family:inherit;color:var(--metin)}
.ed-tus:hover{background:var(--laci);color:#f2ecdc}
.ed-tus.dolu{background:var(--laci);color:#f2ecdc}
.ed-tus.dolu:hover{background:var(--altin);border-color:var(--altin)}
.ed-tus.birincil{background:var(--altin);border-color:var(--altin);color:#1d2a44;font-weight:600}
.ed-tus.birincil:hover{background:var(--altin-acik);border-color:var(--altin-acik);color:#1d2a44}
.kurator{background:linear-gradient(160deg,#1d2a44,#16203a);color:#efe9d8;
padding:1.8rem;margin-top:1.6rem;box-shadow:0 22px 56px rgba(22,32,58,.3)}
.kurator .kb{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;
color:var(--altin-acik);display:flex;align-items:center;gap:.6rem}
.kurator .metin{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.12rem;
line-height:1.85;margin:.8rem 0 0}
.kurator .metin .kel.aktif{color:var(--altin-acik)}

/* ---- küratör notu: devamını oku + tam ekran (2026-09-02) ----
   Onur: *"sağdaki lacivert alanda küratör notunun devamını oku'sunu
   istemiştim… tıklayınca günün eserindeki gibi çıksın."*

   > **METİN BELGEDEN SİLİNMİYOR, SADECE KIRPILIYOR.** Sunucuda kesip
   > "…" koymak arama motorundan da ekran okuyucudan da gizlemek
   > olurdu; `line-clamp` tam metni bırakıp görünen satırı sınırlıyor.

   > **SATIR SAYISI EKRANA GÖRE.** Sabit bir sayı küçük ekranda kutunun
   > yarısını yiyor, geniş ekranda gereksiz kısa kalıyordu. */
.kurator .metin.kirp{display:-webkit-box;-webkit-box-orient:vertical;
overflow:hidden;-webkit-line-clamp:10}
/* Onur (2026-09-03): *"10 satırdan sonra devamını oku."* Taban 10;
   uzun ekranda biraz daha cömert, kısa ekranda daha sıkı — sayı
   sabit olsaydı dizüstünde metin yine sayfayı taşırdı. */
@media (min-height:900px){.kurator .metin.kirp{-webkit-line-clamp:14}}
@media (max-height:640px){.kurator .metin.kirp{-webkit-line-clamp:6}}
.kurator .metin.kirp.acik{display:block;-webkit-line-clamp:unset;overflow:visible}
.k-devam{margin-top:.7rem;background:none;border:1px solid rgba(255,255,255,.28);
color:var(--altin-acik);border-radius:99px;padding:.4rem 1rem;font:inherit;
font-size:.8rem;letter-spacing:.06em;cursor:pointer;transition:.25s}
.k-devam:hover{border-color:var(--altin-acik);background:rgba(227,201,143,.1)}
/* Tam ekran düğmesi başlık satırının sağına yaslanıyor.
   > **ARTIK «KÜRATÖRDEN DİNLE» YAZIYOR, YANİ UZUN.** Etiket
   > büyüdüğü için başlık satırı dar ekranda sarmalı
   > (`.kurator .kb{flex-wrap}`), düğme de kırılmamalı
   > (`white-space:nowrap`) — yoksa "tam" ve "ekran" alt alta
   > düşüyor ve tıklanacak hedef bozuluyor. */
.kurator .kb{flex-wrap:wrap;row-gap:.5rem}
.k-tam{margin-left:auto;background:rgba(227,201,143,.08);
border:1px solid rgba(227,201,143,.45);white-space:nowrap;
color:var(--altin-acik);border-radius:99px;padding:.32rem .85rem;font:inherit;
font-size:.7rem;letter-spacing:.08em;cursor:pointer;transition:.25s;
text-transform:none}
.k-tam:hover{border-color:var(--altin-acik);background:rgba(227,201,143,.2)}
@media (max-width:540px){.k-tam{margin-left:0;width:100%;text-align:center}}
.dalga{display:flex;gap:3px;align-items:flex-end;height:22px}
.dalga i{width:3px;background:var(--altin-acik);border-radius:2px;height:30%;
transition:height .18s}
.dalga.calisiyor i{animation:dal 1s ease-in-out infinite alternate}
.dalga i:nth-child(2){animation-delay:.15s}.dalga i:nth-child(3){animation-delay:.3s}
.dalga i:nth-child(4){animation-delay:.45s}.dalga i:nth-child(5){animation-delay:.6s}
@keyframes dal{from{height:22%}to{height:100%}}
.benzer{max-width:1240px;margin:0 auto 4rem;padding:0 4vw}
/* eser detay: TEK beyaz kutu (çift gölge düzeltmesi) */
.ed-gorsel .gun-gorsel{padding:18px;background:#fff;box-shadow:0 30px 80px rgba(29,42,68,.2)}
.ed-gorsel .gun-gorsel img{padding:0;background:none;box-shadow:none;max-height:74vh}
/* iki sütunlu sanatçı seçim paneli */
.san-sec{position:relative;display:inline-block}
.san-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:60;background:var(--kart);
border:1px solid #ddd3bf;box-shadow:0 24px 60px rgba(29,42,68,.22);padding:.8rem;
width:min(560px,92vw)}
.san-panel .sp-tumu{display:block;width:100%;text-align:left;border:0;background:none;
font-family:inherit;font-size:.86rem;padding:.4rem .5rem;cursor:pointer;color:var(--laci);
font-weight:500;border-bottom:1px solid #eee6d4;margin-bottom:.5rem}
.sp-sutunlar{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.sp-sutunlar h5{margin:.1rem 0 .35rem;font-size:.68rem;letter-spacing:.2em;
text-transform:uppercase;color:var(--altin);font-family:'Jost',sans-serif;font-weight:500}
.sp-liste{max-height:270px;overflow-y:auto;scrollbar-width:thin;
scrollbar-color:var(--altin) #eee6d4;padding-right:.3rem}
.sp-oge{display:flex;justify-content:space-between;gap:.6rem;width:100%;text-align:left;
border:0;background:none;font-family:inherit;font-size:.83rem;padding:.3rem .4rem;
cursor:pointer;color:var(--metin);border-radius:5px}
.sp-oge:hover{background:#f4efe2}
.sp-oge i{font-style:normal;color:var(--mut);font-size:.74rem}
.sln-sahne{position:relative;width:min(1000px,94vw);height:min(640px,88vh);
box-shadow:0 40px 100px rgba(10,14,26,.5);overflow:hidden;display:flex;flex-direction:column}
.sln-kapat{position:absolute;top:14px;right:14px;z-index:3;background:#fff}
.sln-duvar{flex:1;background:linear-gradient(180deg,#efe9dd 0%,#e7e0d0 100%);
display:flex;align-items:center;justify-content:center;position:relative}
.sln-duvar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;
background:#fff;box-shadow:0 -1px 3px rgba(0,0,0,.08)}
.sln-duvar img{max-height:76%;object-fit:contain;
box-shadow:0 18px 44px rgba(30,25,15,.38);border:6px solid #fff}
.sln-zemin{height:26%;background:linear-gradient(180deg,#cbb894,#b9a67f);position:relative}
.sln-koltuk{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);
width:46%;height:64%;background:#5c6672;border-radius:14px 14px 6px 6px;
box-shadow:inset 0 10px 0 #6b7684,0 14px 30px rgba(0,0,0,.3)}
.sln-koltuk::before,.sln-koltuk::after{content:"";position:absolute;top:-26%;width:18%;
height:60%;background:#5c6672;border-radius:10px}
.sln-koltuk::before{left:-2%}.sln-koltuk::after{right:-2%}
.sln-not{position:absolute;left:0;right:0;bottom:0;background:rgba(22,32,58,.85);
color:#e9e2cf;font-size:.8rem;padding:.5rem 1rem;text-align:center}
.sln-not a{color:var(--altin-acik)}
/* kompakt temsil kartları — herkes tek alanda */
.tk3-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:1.1rem}
.tk3{display:block;background:var(--kart);box-shadow:0 10px 28px rgba(29,42,68,.1);transition:.28s}
.tk3:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(29,42,68,.18)}
.tk3 .kapak{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.tk3 .bosk{background:linear-gradient(160deg,#e8e2d2,#d4ccb8)}
.tk3 .kap{display:block;position:relative;aspect-ratio:4/5;overflow:hidden}
.tk3 .kap .kapak{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.tk3 .kap .pust{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
opacity:0;transition:opacity .45s ease;z-index:1}
.tk3:hover .kap .pust{opacity:1}
/* ad + doğum GÖRSELİN İÇİNDE — zemine göre yazı rengi (JS ölçer) */
.tk3 .altk{position:absolute;left:0;right:0;bottom:0;z-index:2;text-align:center;
padding:2.2rem .5rem .65rem;
background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.28) 45%,rgba(0,0,0,.6) 100%)}
.tk3.yz-koyu .altk{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,
rgba(255,255,255,.35) 45%,rgba(255,255,255,.72) 100%)}
.tk3 .ad{display:block;font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;
line-height:1.3;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.55),0 0 2px rgba(0,0,0,.4)}
.tk3 .dog{display:block;font-size:.66rem;margin-top:.12rem;color:rgba(255,255,255,.85);
text-shadow:0 1px 8px rgba(0,0,0,.55)}
.tk3.yz-koyu .ad{color:#1d2a44;text-shadow:0 1px 8px rgba(255,255,255,.65),0 0 2px rgba(255,255,255,.5)}
.tk3.yz-koyu .dog{color:rgba(29,42,68,.8);text-shadow:0 1px 6px rgba(255,255,255,.6)}
/* görünür yatay kaydırma çubuğu (diğer eserler vb.) */
.surukle.cubuklu{scrollbar-width:thin;scrollbar-color:var(--altin) #e8e2d2;padding-bottom:.8rem}
.surukle.cubuklu::-webkit-scrollbar{display:block;height:8px}
.surukle.cubuklu::-webkit-scrollbar-track{background:#e8e2d2;border-radius:99px}
.surukle.cubuklu::-webkit-scrollbar-thumb{background:var(--altin);border-radius:99px}
/* standart yuvarlak portre — beyaz paspartu kırpılır, hover'da büyür */
.portre-std{width:var(--portre);height:var(--portre);border-radius:50%;overflow:hidden;
border:2px solid var(--altin);display:inline-block;flex:0 0 auto;background:#eee;
transition:transform .3s;box-shadow:0 8px 22px rgba(29,42,68,.18)}
.portre-std img{width:100%;height:100%;object-fit:cover;transform:scale(1.22);display:block}
.portre-std:hover{transform:scale(1.1)}
/* günün eseri: blok içinde yavaş Ken Burns */
.gun-gorsel{display:inline-block;box-shadow:0 24px 60px rgba(29,42,68,.15);
background:#fff;padding:16px;max-width:100%;line-height:0}
.gun-gorsel .gun-ic{display:block;overflow:hidden;line-height:0}
.gun-gorsel img{display:block;max-width:100%;max-height:480px;object-fit:contain;
animation:kb2 11s ease-in-out infinite alternate;will-change:transform}
@keyframes kb2{from{transform:scale(1)}to{transform:scale(1.09)}}
@media (prefers-reduced-motion:reduce){.gun-gorsel img{animation:none}}
/* ---- F2d: temsil kartı v2 (kapak eseri cover + portre) ---- */
.surukle{display:flex;gap:1.5rem;overflow-x:auto;padding:1rem 4vw 1.6rem;
cursor:grab;scrollbar-width:none;-ms-overflow-style:none}
.surukle::-webkit-scrollbar{display:none}
.surukle.tutul{cursor:grabbing}
.tk2{width:252px;flex:0 0 auto;background:var(--kart);display:block;
box-shadow:0 16px 42px rgba(29,42,68,.13);transition:.3s}
.tk2:hover{transform:translateY(-5px);box-shadow:0 24px 58px rgba(29,42,68,.2)}
.tk2 .kapak{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.tk2 .altk{position:relative;padding:3.2rem 1rem 1.1rem;text-align:center}
.tk2 .portre{position:absolute;top:-46px;left:50%;transform:translateX(-50%);
width:var(--portre);height:var(--portre);border-radius:50%;object-fit:cover;
border:3px solid var(--kart);box-shadow:0 8px 20px rgba(0,0,0,.25);background:#eee;
display:flex;align-items:center;justify-content:center}
.tk2 .ad{letter-spacing:.1em;text-transform:uppercase;font-size:.86rem;color:var(--laci)}
.tk2 .dog{font-size:.76rem;color:var(--mut);margin-top:.15rem}
.tk2 .det{display:inline-block;margin-top:.55rem;font-size:.7rem;letter-spacing:.22em;
text-transform:uppercase;color:var(--altin)}
/* öne çıkan sanatçı satır kartı */
.oc-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(390px,1fr));gap:1.3rem}
.oc-izgara.oc-2{grid-template-columns:repeat(2,1fr)}
.oc-izgara.oc-3{grid-template-columns:repeat(3,1fr)}
.oc-izgara.oc-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1500px){.oc-izgara.oc-4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1150px){.oc-izgara.oc-3,.oc-izgara.oc-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.oc-izgara.oc-2{grid-template-columns:1fr}}
@media (max-width:720px){.oc-izgara.oc-3,.oc-izgara.oc-4{grid-template-columns:1fr}}
.bolum.genis{max-width:none;padding-left:2vw;padding-right:2vw}
/* kayan eser şeridi kartı */
.surukle .eser-k{width:236px;flex:0 0 auto}
.surukle .eser-k img{max-height:230px}
/* eser detay: benzer eser kartı (küçük, künyeli) */
.bz-k{width:196px;flex:0 0 auto;text-align:center;display:block}
.bz-k img{max-width:100%;max-height:160px;object-fit:contain;background:#fff;
padding:8px;box-shadow:0 10px 26px rgba(29,42,68,.12);transition:.3s}
.bz-k:hover img{transform:translateY(-4px);box-shadow:0 18px 40px rgba(29,42,68,.2)}
.bz-k .ta{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.98rem;
color:var(--laci);margin-top:.55rem;line-height:1.25}
.bz-k .kk{font-size:.72rem;color:var(--mut);line-height:1.35}
.bz-k .sg{font-size:.7rem;color:var(--altin);letter-spacing:.05em;margin-top:.15rem}
.bz-k .mz{display:inline-block;font-size:.66rem;letter-spacing:.14em;color:#fff;
background:var(--laci);padding:.12rem .5rem;border-radius:99px;margin-top:.3rem}
/* tek sanatçı kutusu (kişisel sergi) */
.sn-kutu{max-width:860px;margin:2.2rem auto;padding:0 4vw}
.sn-kutu a{display:grid;grid-template-columns:auto 1fr;gap:1.6rem;align-items:center;
background:var(--kart);padding:1.6rem 1.8rem;box-shadow:0 18px 48px rgba(29,42,68,.12);
transition:.3s}
.sn-kutu a:hover{transform:translateY(-3px);box-shadow:0 26px 60px rgba(29,42,68,.18)}
.sn-kutu img,.sn-kutu .san-bas{width:132px;height:132px;border-radius:50%;object-fit:cover;
border:3px solid var(--altin);display:flex;align-items:center;justify-content:center}
.sn-kutu h3{margin:0 0 .3rem;font-size:1.5rem}
.sn-kutu .oz{font-size:.9rem;line-height:1.7;color:var(--mut)}
.sn-kutu .dv{color:var(--altin);font-size:.74rem;letter-spacing:.2em;
text-transform:uppercase;margin-top:.5rem;display:inline-block}
@media (max-width:640px){.sn-kutu a{grid-template-columns:1fr;text-align:center}
.sn-kutu img,.sn-kutu .san-bas{margin:0 auto}}
/* tek sanatçı kutusu SAĞ BLOKTA: kompakt */
.s-medya .sn-kutu.sag{margin:1rem 0 0;padding:0;max-width:none}
.s-medya .sa-kart+ .kapak,.s-medya .sa-kart+ iframe{margin-top:1rem}
.s-medya .sn-kutu.sag a{grid-template-columns:auto 1fr;gap:1.1rem;padding:1.1rem 1.2rem;align-items:start}
.s-medya .sn-kutu.sag img,.s-medya .sn-kutu.sag .san-bas{width:86px;height:86px}
.s-medya .sn-kutu.sag h3{font-size:1.2rem}
.s-medya .sn-kutu.sag .oz{font-size:.82rem;line-height:1.6}
.oc-kart{display:grid;grid-template-columns:var(--portre) 1fr 104px;gap:1rem;align-items:center;
background:var(--kart);padding:.95rem 1.1rem;box-shadow:0 12px 34px rgba(29,42,68,.1);
transition:.28s}
.oc-kart:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(29,42,68,.17)}
.oc-kart .portre{width:var(--portre);height:var(--portre);border-radius:50%;object-fit:cover;
border:2px solid var(--altin);display:flex;align-items:center;justify-content:center;
font-family:'Cormorant Garamond',serif;font-size:1.7rem;color:var(--altin);background:#f0ece1}
.oc-kart .orta{display:flex;flex-direction:column;gap:.14rem;min-width:0}
.oc-kart .ad{letter-spacing:.08em;text-transform:uppercase;font-size:.92rem;
font-weight:500;color:var(--laci)}
.oc-kart .tmz{color:var(--altin)}
.oc-kart .dog{font-size:.76rem;color:var(--mut)}
.oc-kart .sebep{font-size:.78rem;color:var(--altin);font-style:italic}
.oc-kart .ist{font-size:.73rem;color:var(--mut);letter-spacing:.03em}
.oc-kart .eserg{width:104px;height:104px;object-fit:cover;box-shadow:0 8px 20px rgba(29,42,68,.15)}
.oc-kart.gizli{display:none}
.dev-tus{display:block;margin:1.6rem auto 0;border:1px solid var(--laci);background:none;
padding:.6rem 1.8rem;letter-spacing:.16em;font-size:.8rem;text-transform:uppercase;
cursor:pointer;font-family:inherit;color:var(--metin);transition:.25s}
.dev-tus:hover{background:var(--laci);color:#f2ecdc}
/* ---- zoom modalı (kademeli + mini harita) ---- */
#zmArka{position:fixed;inset:0;background:rgba(250,248,243,.985);z-index:220;display:none}
#zmArka.acik{display:block}
#zmSahne{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:none}
#zmSahne.tutul{cursor:grabbing}
#zmImg{position:absolute;transform-origin:0 0;user-select:none;-webkit-user-drag:none;
max-width:none;box-shadow:0 26px 80px rgba(29,42,68,.28)}
.zm-bilgi{position:absolute;top:0;left:0;right:0;z-index:4;background:var(--laci);
color:#f2ecdc;text-align:center;padding:.55rem 5rem;font-size:.88rem;letter-spacing:.08em}
.zm-bilgi b{color:var(--altin-acik);font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.zm-ipucu{position:absolute;bottom:88px;left:50%;transform:translateX(-50%);z-index:4;
font-size:.74rem;color:var(--mut);letter-spacing:.06em;background:rgba(255,255,255,.8);
padding:.25rem .9rem;border-radius:99px}
/* eser detay ikon düğmeleri */
.ed-ikon{width:46px;height:46px;border:1px solid var(--laci);background:none;color:var(--laci);
border-radius:50%;cursor:pointer;font-size:1.05rem;transition:.22s;font-family:inherit}
.ed-ikon:hover{background:var(--laci);color:#f2ecdc}
.zm-kademe{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);
display:flex;gap:.5rem;z-index:5}
.zm-kademe button{border:1px solid var(--laci);background:#fff;
color:var(--laci);padding:.5rem 1.05rem;font-size:.86rem;cursor:pointer;
font-family:inherit;letter-spacing:.06em;transition:.2s;box-shadow:0 6px 18px rgba(29,42,68,.12)}
.zm-kademe button.aktif,.zm-kademe button:hover{background:var(--laci);color:#f2ecdc}
#zmKapat{position:absolute;top:18px;right:22px;z-index:5;border:2px solid var(--laci);
background:#fff;color:var(--laci);width:56px;height:56px;border-radius:50%;
font-size:1.55rem;cursor:pointer;transition:.2s;line-height:1}
#zmKapat:hover{background:var(--altin-acik);color:var(--laci)}
#zmHarita{position:absolute;top:18px;left:18px;width:172px;z-index:5;
border:1px solid var(--laci);background:#fff;box-shadow:0 10px 30px rgba(29,42,68,.18);overflow:hidden}
#zmHarita img{width:100%;display:block}
#zmGoruz{position:absolute;border:1.5px solid var(--laci);
background:rgba(29,42,68,.12);pointer-events:none}
/* sergi eser görünümleri */
.eserler.tamg{max-width:none;padding:0 2vw}
.eserler.g-kucuk{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1.6rem 1.2rem}
.eserler.g-kucuk .eser-k img{max-height:210px}
/* MASONRY, SIRA KORUYARAK (Onur 2026-09-02): CSS columns sütun sütun
 * diziyordu ve "en yeni" mantığı görsel olarak bozuluyordu. Şimdi grid
 * satır-masonry: kartlar SOLDAN SAĞA sırayla akar, yükseklik farkları
 * JS'in verdiği grid-row span ile kapanır (cekirdek ortak JS). */
.eserler.g-mas{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
grid-auto-rows:8px;gap:0 1.8rem;align-items:start}
.eserler.g-mas .eser-k{display:block;margin-bottom:0;padding-bottom:2.2rem}
.eserler.g-mas .eser-k img{max-height:none}
.eserler.g-tek{grid-template-columns:1fr;gap:4rem}
.eserler.g-tek .eser-k img{max-height:86vh}
.gor-arac{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;
width:100%;max-width:1280px;margin:2rem auto 0;padding:0 24px}
.gor-arac #sgAdet{margin-left:auto !important;text-align:right}
.gor-arac .gtus{border:1px solid #d9d2bf;background:var(--kart);padding:.4rem .85rem;
cursor:pointer;font-family:inherit;font-size:.84rem;letter-spacing:.05em}
.gor-arac .gtus.aktif{background:var(--laci);color:#f2ecdc;border-color:var(--laci)}
.gor-arac select{border:1px solid #d9d2bf;padding:.42rem 1.9rem .42rem .7rem;
font-family:inherit;font-size:.84rem;appearance:none;-webkit-appearance:none;cursor:pointer;
background:var(--kart) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%231d2a44' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right .6rem center}
.s-sanatcilar{display:flex;gap:1.4rem;overflow-x:auto;width:100%;max-width:1280px;
margin:2rem auto 0;padding:0 14px 1rem}
.san-tus{border:1px solid #d9d2bf;background:var(--kart);padding:.4rem .85rem;
cursor:pointer;font-family:inherit;font-size:.84rem;letter-spacing:.05em}
.san-tus:hover{border-color:var(--altin)}
.s-sanatcilar a{flex:0 0 auto;text-align:center;width:112px}
.s-sanatcilar img,.s-sanatcilar .san-bas{width:var(--portre);height:var(--portre);border-radius:50%;
object-fit:cover;border:2px solid var(--altin);margin:0 auto;display:flex;
align-items:center;justify-content:center}
.s-sanatcilar i{display:block;font-style:normal;font-size:.68rem;color:var(--mut);
margin-top:.35rem;line-height:1.25}
/* ================= YASAL BELGELER (F5b) =================
   Eski `.html` dosyalarının KENDİ sınıfları (.kutu .note .card .btn
   .muted .sub .alt) gövdeyle birlikte taşındı; yeni kabukta karşılıksız
   kalmasınlar diye burada sitenin diline çevriliyor. Metin değişmedi,
   yalnız görünüm. */
.yasal-sayfa{max-width:820px;margin:0 auto;padding:2.5rem 4vw 3.5rem;line-height:1.85}
.yasal-sayfa h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
font-size:clamp(1.8rem,5vw,2.6rem);color:var(--laci);margin:0 0 .3rem}
.yasal-sayfa h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;
font-size:1.25rem;color:var(--laci);margin:2.2rem 0 .6rem;
padding-top:1.2rem;border-top:1px solid rgba(29,42,68,.09)}
.yasal-sayfa h2:first-of-type{border-top:0;padding-top:0}
.yasal-sayfa p,.yasal-sayfa li{color:var(--metin);font-size:.95rem}
.yasal-sayfa ul{padding-left:1.2rem}
.yasal-sayfa li{margin:.35rem 0}
.yasal-sayfa a{color:var(--laci);text-decoration:underline;text-underline-offset:3px}
.yasal-sayfa a:hover{color:var(--altin)}
.yasal-sayfa .sub,.yasal-sayfa .alt,.yasal-sayfa .muted,.yasal-sayfa .mut{
color:var(--mut);font-size:.87rem}
.yasal-sayfa .sub,.yasal-sayfa .alt{margin-bottom:2rem;letter-spacing:.04em}
/* Vurgu kutuları: eski sayfalarda sarı/gri kutulardı — altın şeritli. */
.yasal-sayfa .note,.yasal-sayfa .kutu,.yasal-sayfa .card{
background:var(--kart);border-left:3px solid var(--altin);border-radius:0 10px 10px 0;
padding:1.1rem 1.3rem;margin:1.4rem 0;box-shadow:0 10px 30px rgba(29,42,68,.06)}
.yasal-sayfa .kutu h2,.yasal-sayfa .card h2{margin-top:0;border-top:0;padding-top:0}
.yasal-sayfa label{display:block;margin:.9rem 0 .3rem;font-size:.85rem;color:var(--mut)}
.yasal-sayfa input,.yasal-sayfa textarea{width:100%;padding:.7rem .9rem;font:inherit;
border:1px solid rgba(29,42,68,.2);border-radius:8px;background:#fff}
.yasal-sayfa textarea{min-height:110px;resize:vertical}
.yasal-sayfa .btn{display:inline-block;margin-top:1rem;padding:.8rem 1.6rem;
background:var(--laci);color:#fff;text-decoration:none;border-radius:10px;
letter-spacing:.08em;transition:.25s}
.yasal-sayfa .btn:hover{background:var(--altin);color:#fff}
.yasal-diger{margin-top:3rem;padding-top:1.6rem;border-top:1px solid rgba(176,141,62,.28);
display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.yasal-diger span{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;
color:var(--mut);margin-right:.4rem}
.yasal-diger a{padding:.45rem 1rem;border-radius:99px;background:rgba(29,42,68,.055);
text-decoration:none;font-size:.85rem;color:var(--laci)}
.yasal-diger a:hover{background:var(--altin);color:#fff}
/* Alt bilgideki yasal şerit */
.alt-yasal{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;justify-content:flex-start;
margin:.7rem 0 .2rem}
.alt-yasal a{font-size:.78rem;opacity:.75;text-decoration:none}
.alt-yasal a:hover{opacity:1;text-decoration:underline}

/* ================= ORİJİNALLİK DOĞRULAMA (F5b) =================
   Sertifika sayfası: müşteri bunu eserin yanında, telefonla okutarak
   görüyor. Ölçü ve kontrast bilerek yüksek — belge gibi okunmalı. */
.dgr-blok{max-width:640px;margin:0 auto;padding:3rem 4vw 3.5rem;text-align:center}
.dgr-rozet{width:84px;height:84px;border-radius:50%;margin:0 auto 1.2rem;
display:flex;align-items:center;justify-content:center;font-size:2.4rem;line-height:1}
.dgr-ok{background:rgba(31,138,112,.12);color:#1f8a70;border:2px solid rgba(31,138,112,.5)}
.dgr-yok{background:rgba(176,60,60,.1);color:#b03c3c;border:2px solid rgba(176,60,60,.45)}
.dgr-bekle{background:rgba(29,42,68,.06);color:var(--laci);border:2px solid rgba(29,42,68,.18)}
.dgr-blok h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
font-size:clamp(1.5rem,4.5vw,2.2rem);color:var(--laci);margin:0 0 .6rem}
.dgr-mesaj{color:var(--mut);line-height:1.8;font-size:.92rem;margin:0 auto 1.8rem;max-width:46ch}
.dgr-gorsel{max-width:100%;max-height:340px;object-fit:contain;background:#fff;
border-radius:10px;box-shadow:0 16px 44px rgba(29,42,68,.14);margin-bottom:1.6rem}
.dgr-kunye{background:var(--kart);border-radius:12px;overflow:hidden;text-align:left;
box-shadow:0 12px 34px rgba(29,42,68,.08)}
.dgr-satir{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1.1rem;
border-bottom:1px solid rgba(29,42,68,.07);font-size:.9rem}
.dgr-satir:last-child{border-bottom:0}
.dgr-satir span{color:var(--mut);white-space:nowrap}
.dgr-satir b{font-weight:500;text-align:right;color:var(--metin)}
.dgr-token{margin-top:1.2rem;padding:.9rem 1.1rem;border-radius:10px;
background:var(--laci);color:#e8e3d6;font-family:ui-monospace,monospace;
font-size:.76rem;word-break:break-all;line-height:1.7}
.dgr-token span{display:block;font-family:'Jost',system-ui,sans-serif;
letter-spacing:.16em;text-transform:uppercase;font-size:.66rem;
color:var(--altin-acik);margin-bottom:.35rem}
.dgr-pdf{display:inline-block;margin-top:1.4rem;padding:.85rem 1.8rem;border-radius:10px;
background:var(--altin);color:#fff;text-decoration:none;letter-spacing:.08em}
.dgr-pdf:hover{background:var(--laci)}

/* ================= TEŞEKKÜR SAYFASI (F5b) ================= */
.tsk-blok{text-align:center;padding:4rem 4vw 4rem;max-width:1180px;margin:0 auto}
.tsk-ikon{font-size:clamp(3rem,9vw,4.5rem);line-height:1}
.tsk-blok h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
font-size:clamp(1.6rem,4.5vw,2.5rem);margin:.6rem 0 .6rem;color:var(--laci)}
.tsk-mesaj{color:var(--mut);line-height:1.85;margin:0 auto 1.8rem;max-width:54ch;
font-size:.95rem}

/* ================= /app — İÇ UYGULAMA DAĞITIMI =================
 *
 * Google Play'de olmayan konsinye APK'sının indirme sayfası. Kabuk
 * sitenin geri kalanıyla aynı; ayrım "iç kullanım" etiketiyle
 * yapılıyor ki ekibin dışından biri yanlışlıkla buraya düştüğünde
 * neye baktığını anlasın.
 * ============================================================== */
.app-blok{text-align:center;padding:3.5rem 4vw 4rem;max-width:520px;margin:0 auto}
.app-ikon{width:82px;height:82px;margin:0 auto 1rem;border-radius:22px;
display:grid;place-items:center;background:var(--laci,#14110e);color:var(--altin,#c9a227);
font-family:'Cormorant Garamond',Georgia,serif;font-size:1.9rem;font-weight:600;
box-shadow:0 12px 28px rgba(0,0,0,.16)}
.app-etiket{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;
color:var(--altin,#c9a227);margin-bottom:1.2rem}
.app-blok h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
font-size:clamp(1.5rem,4vw,2.1rem);margin:0 0 .7rem;color:var(--laci)}
.app-aciklama{color:var(--mut);line-height:1.8;margin:0 auto 1.6rem;max-width:44ch;font-size:.94rem}
.app-form{display:grid;gap:.7rem;max-width:320px;margin:0 auto}
.app-form input{width:100%;padding:.95rem 1rem;border:1px solid var(--cizgi,#d8d2c6);
border-radius:10px;font:inherit;font-size:1rem;text-align:center;letter-spacing:.18em;
background:#fff;color:var(--laci)}
.app-form input:focus{outline:none;border-color:var(--altin)}
.app-form button,.app-tus{display:block;width:100%;max-width:320px;margin:0 auto;
background:var(--altin,#c9a227);color:#fff;border:none;border-radius:10px;
padding:1rem 1.2rem;font:inherit;font-size:.86rem;font-weight:600;letter-spacing:.14em;
text-transform:uppercase;cursor:pointer;text-decoration:none;text-align:center;
box-shadow:0 6px 16px rgba(201,162,39,.28)}
.app-form button:hover,.app-tus:hover{filter:brightness(.94)}
.app-dosya{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem;
padding:.8rem 1rem;border:1px solid var(--cizgi,#d8d2c6);border-radius:10px;font-size:.9rem}
.app-not{font-size:.8rem;color:var(--mut);line-height:1.7;margin:1.2rem auto 0;max-width:42ch}
.app-hata{background:#fdeceb;border:1px solid #e3b5b0;color:#a3352b;border-radius:10px;
padding:.75rem 1rem;margin:0 auto 1.3rem;max-width:360px;font-size:.9rem}
.app-cikis{display:inline-block;margin-top:1.6rem;font-size:.82rem;color:var(--mut)}

/* ================= HATA SAYFASI (404 / 500) =================
   Ölçek bilerek büyük ama SESSİZ: rakam bir başlık değil, bir doku.
   Ziyaretçinin gözü "ne yapayım"a (arama + kısayollar) gitmeli. */
.hata-blok{text-align:center;padding:4rem 4vw 4rem;max-width:1180px;margin:0 auto}
.hata-kod{font-family:'Cormorant Garamond',Georgia,serif;
font-size:clamp(5rem,16vw,10rem);line-height:.92;letter-spacing:.06em;
color:transparent;-webkit-text-stroke:1px rgba(176,141,62,.55);
text-stroke:1px rgba(176,141,62,.55);user-select:none}
/* Kontur desteklenmeyen tarayıcıda rakam görünmez kalmasın. */
@supports not (-webkit-text-stroke:1px #000){.hata-kod{color:var(--altin);opacity:.35}}
.hata-blok h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
font-size:clamp(1.6rem,4.5vw,2.5rem);margin:.6rem 0 .5rem;color:var(--laci)}
.hata-mesaj{color:var(--mut);line-height:1.85;margin:0 auto 1.8rem;max-width:52ch;
font-size:.95rem}
.hata-ara{display:flex;gap:.5rem;max-width:520px;margin:0 auto 1.2rem}
.hata-ara input{flex:1;padding:.85rem 1.1rem;border:1px solid rgba(29,42,68,.18);
border-radius:10px;font:inherit;background:var(--kart);
box-shadow:0 8px 26px rgba(29,42,68,.07);transition:.25s}
.hata-ara input:focus{outline:0;border-color:var(--altin);
box-shadow:0 8px 26px rgba(176,141,62,.18)}
.hata-ara button{padding:.85rem 1.6rem;border:0;border-radius:10px;cursor:pointer;
background:var(--laci);color:#fff;font:inherit;letter-spacing:.1em;transition:.25s}
.hata-ara button:hover{background:var(--altin)}
.hata-tuslar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.hata-tuslar a{padding:.55rem 1.15rem;border-radius:99px;text-decoration:none;
font-size:.85rem;letter-spacing:.04em;background:rgba(29,42,68,.055);
color:var(--laci);transition:.25s}
.hata-tuslar a:hover{background:var(--altin);color:#fff}
/* Altın saç teli: eylem alanıyla vitrini ayırır — iki bölüm birbirine
   yapışınca sayfa "uzun bir hata" gibi okunuyordu. */
.hata-sergiler{text-align:left;margin-top:3.2rem;padding-top:2.6rem;
border-top:1px solid rgba(176,141,62,.28)}
.hata-sergiler h2{font-family:'Jost',system-ui,sans-serif;font-weight:400;
font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mut);
margin:0 0 1.4rem;text-align:center}
/* 404'te kartlar daha küçük: burası vitrin değil, çıkış kapısı. */
.hata-sergiler .sergi-izgara{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:1.4rem}
.hata-sergiler .sergi-kart{border-radius:10px;overflow:hidden;
box-shadow:0 10px 30px rgba(29,42,68,.08)}
.hata-sergiler .sergi-kart img{aspect-ratio:4/3}
.hata-sergiler .sergi-kart h3{font-size:1rem;margin:0 0 .2rem}
@media(max-width:560px){.hata-blok{padding:2.6rem 5vw 3rem}
.hata-ara{flex-direction:column}.hata-ara button{width:100%}}

/* ================= FİYAT GÖSTERİMİ (TL + orijinal + KDV ⓘ) ================= */
.fyt{display:inline-flex;align-items:baseline;gap:.45rem;flex-wrap:wrap}
.fyt s{color:var(--mut);font-weight:400;font-size:.82em}
.fyt .orij{font-style:normal;font-weight:400;font-size:.8em;color:var(--mut);letter-spacing:.02em}
.kdv-i{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;
border-radius:50%;border:1px solid rgba(29,42,68,.45);color:rgba(29,42,68,.65);background:none;
font-size:.6rem;font-style:italic;font-weight:600;font-family:Georgia,serif;cursor:pointer;
flex:none;align-self:center;transition:.2s;line-height:1}
.kdv-i:hover{border-color:var(--altin);color:var(--altin)}
#kdvPop{position:absolute;z-index:120;max-width:300px;background:var(--laci);color:#f2ecdc;
padding:.85rem 1.05rem;font-size:.8rem;line-height:1.7;box-shadow:0 18px 44px rgba(0,0,0,.32);
border-left:3px solid var(--altin)}
#kdvPop b{color:var(--altin-acik);font-weight:600}
/* ================= KEŞFET (F2f) ================= */
.butce-form{background:var(--kart);border:1px solid rgba(176,141,62,.25);
padding:1.3rem 1.5rem;margin:0 0 1.6rem}
.bf-bas{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.25rem;color:var(--laci)}
.bf-satir{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}
.bf-satir input{border:1px solid #d9d2bf;background:#fff;padding:.6rem .8rem;
font:inherit;width:170px;color:var(--laci)}
.bf-esnek{display:flex;gap:.45rem;align-items:center;font-size:.8rem;
color:var(--mut);margin-top:.7rem;cursor:pointer}
.bf-cipler{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}
.bf-cipler a{border:1px solid #d9d2bf;padding:.35rem .8rem;font-size:.78rem;
border-radius:99px;color:var(--laci);transition:.2s}
.bf-cipler a:hover{background:var(--laci);color:#f2ecdc;border-color:var(--laci)}
.renk-serit{display:flex;gap:.9rem;flex-wrap:wrap}
.renk-sec{text-align:center;transition:.2s}
.renk-sec:hover{transform:translateY(-3px)}
.renk-sec .renk-top{display:block;width:52px;height:52px;border-radius:50%;
border:2px solid rgba(29,42,68,.15);box-shadow:0 6px 16px rgba(29,42,68,.12)}
.renk-sec i{display:block;font-style:normal;font-size:.68rem;color:var(--mut);margin-top:.35rem}
.kesif-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:1.1rem;margin-top:2.4rem}
.kesif-k{background:var(--kart);border:1px solid rgba(176,141,62,.22);padding:1.2rem 1.3rem;
transition:.22s;display:flex;flex-direction:column;gap:.35rem}
.kesif-k:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(29,42,68,.12)}
.kesif-k b{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.15rem;color:var(--laci)}
.kesif-k span{font-size:.8rem;color:var(--mut);line-height:1.6}
/* ================= MÜZAYEDE (F2e) ================= */
.mz-izgara{max-width:1280px;margin:2rem auto 3rem;padding:0 24px;display:grid;
grid-template-columns:repeat(3,1fr);gap:1.6rem}
@media (max-width:1000px){.mz-izgara{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.mz-izgara{grid-template-columns:1fr}}
.mz-kart{background:var(--kart);border:1px solid rgba(176,141,62,.22);display:flex;
flex-direction:column;transition:.25s;position:relative}
.mz-kart:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(29,42,68,.14)}
.mz-kart .gv{position:relative;aspect-ratio:4/3;overflow:hidden;background:#efeadf}
.mz-kart .gv img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mz-kart:hover .gv img{transform:scale(1.05)}
.mz-roz{position:absolute;top:.7rem;left:.7rem;display:flex;gap:.4rem;flex-wrap:wrap}
.mz-roz span{background:rgba(29,42,68,.88);color:#f2ecdc;font-size:.66rem;
letter-spacing:.14em;text-transform:uppercase;padding:.3rem .6rem;border-radius:3px}
.mz-roz .canli{background:rgba(140,26,26,.92)}
.mz-roz .canli::before{content:"●";margin-right:.35rem;animation:mzYan 1.4s infinite}
@keyframes mzYan{0%,100%{opacity:1}50%{opacity:.25}}
.mz-roz .kilit{background:rgba(176,141,62,.95);color:#1d2a44}
.mz-kart .ic{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.3rem;flex:1}
.mz-kart .sn{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--altin)}
.mz-kart h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.35rem;font-weight:500}
.mz-kart .kyn{font-size:.78rem;color:var(--mut)}
.mz-fiyat{display:flex;align-items:baseline;gap:.5rem;margin-top:.5rem}
.mz-fiyat b{font-size:1.7rem;font-weight:600;color:var(--laci);font-variant-numeric:tabular-nums}
.mz-fiyat s{font-size:.9rem;color:var(--mut)}
.mz-sayaclar{display:flex;gap:.55rem;margin-top:.6rem;flex-wrap:wrap}
.mz-chip{flex:1;min-width:110px;background:#f4efe4;border:1px solid rgba(176,141,62,.25);
padding:.5rem .6rem;text-align:center}
.mz-chip i{display:block;font-style:normal;font-size:.62rem;letter-spacing:.16em;
text-transform:uppercase;color:var(--mut);margin-bottom:.15rem}
.mz-chip b{font-size:1rem;font-variant-numeric:tabular-nums;color:var(--laci)}
.mz-chip.vurgu{background:var(--laci);border-color:var(--laci)}
.mz-chip.vurgu i{color:rgba(242,236,220,.7)}.mz-chip.vurgu b{color:var(--altin-acik)}
.mz-kart .katil{margin-top:.9rem;text-align:center;background:var(--laci);color:#f2ecdc;
padding:.7rem;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;transition:.22s}
.mz-kart .katil:hover{background:var(--altin);color:#1d2a44}
.mz-takip{font-size:.72rem;color:var(--mut);margin-top:.45rem}
/* --- detay --- */
.mzd{max-width:1280px;margin:2.4rem auto 4rem;padding:0 24px;display:grid;
grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:3rem;align-items:start}
@media (max-width:900px){.mzd{grid-template-columns:1fr;gap:1.8rem}}
.mzd-fiyat{font-size:3rem;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;
color:var(--laci);font-variant-numeric:tabular-nums;line-height:1.1;transition:.3s}
.mzd-fiyat.dustu{color:#8c1a1a;transform:scale(1.05)}
.mzd-kural{background:var(--kart);border-left:3px solid var(--altin);padding:1.1rem 1.3rem;
margin-top:1.6rem;font-size:.9rem;line-height:1.75}
.mzd-kural b{color:var(--laci)}
.mz-bant{max-width:1280px;margin:1rem auto 0;padding:.8rem 24px;text-align:center;
font-size:.85rem;color:var(--mut)}
/* ======================================================================
 * A3 · SABİT SAYFALAR (tbl_page → /{slug})
 *
 * Gövde ESKİ CMS'ten geliyor: `<p>`, `<h2>`, tablo, gömülü harita.
 * Kendi sınıfları yok — bu yüzden biçim `.sf-govde` altındaki ETİKETE
 * veriliyor. Sayfaya sınıf eklemek, panelden düzenleyen kişinin HTML
 * sınıfı yazmasını beklemek olurdu.
 * ==================================================================== */
.sf-sayfa{max-width:860px}
.sf-sayfa h1{font-size:2.6rem;margin:0 0 .3rem}
.sf-sayfa .altb{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;
color:var(--mut);font-size:1.15rem;margin-bottom:1.6rem}
.sf-govde{font-size:1.02rem;line-height:1.85;color:var(--metin)}
.sf-govde h2{font-size:1.6rem;margin:2.4rem 0 .7rem}
.sf-govde h3{font-size:1.25rem;margin:1.8rem 0 .5rem}
.sf-govde h4{font-size:1.05rem;margin:1.4rem 0 .4rem;font-family:'Jost',sans-serif;
font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.sf-govde p{margin:0 0 1.05rem}
.sf-govde ul,.sf-govde ol{margin:0 0 1.2rem;padding-left:1.3rem}
.sf-govde li{margin-bottom:.45rem}
.sf-govde a{color:var(--altin);text-decoration:underline;text-underline-offset:3px}
.sf-govde a:hover{color:var(--laci)}
.sf-govde img{max-width:100%;height:auto;border-radius:8px;margin:1.2rem 0}
.sf-govde blockquote{margin:1.6rem 0;padding:1rem 1.4rem;background:var(--kart);
border-left:3px solid var(--altin);font-family:'Cormorant Garamond',Georgia,serif;
font-size:1.15rem;font-style:italic;color:var(--laci)}
.sf-govde hr{border:0;height:1px;background:linear-gradient(90deg,var(--altin),transparent);
margin:2.4rem 0}
/* Eski CMS tabloları genişlik bildirmiyor; dar ekranda taşmasınlar. */
.sf-govde table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.94rem;
display:block;overflow-x:auto}
.sf-govde th,.sf-govde td{padding:.6rem .7rem;border-bottom:1px solid rgba(0,0,0,.08);
text-align:left;vertical-align:top}
.sf-govde th{font-weight:500;color:var(--laci)}
/* Gömülü harita/video — 16:9, taşmaz. */
.sf-gomulu{position:relative;padding-top:56.25%;margin:1.6rem 0;border-radius:10px;
overflow:hidden;background:var(--kart)}
.sf-gomulu iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sf-iletisim-tus{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}
.sf-iletisim-tus .tus{display:inline-block;padding:.75rem 1.5rem;background:var(--laci);
color:#f2ecdc;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
border-radius:2px;transition:.22s}
.sf-iletisim-tus .tus:hover{background:var(--altin);color:#1d2a44}
.sf-iletisim-tus .tus.ikincil{background:transparent;color:var(--laci);
border:1px solid var(--laci)}
.sf-iletisim-tus .tus.ikincil:hover{background:var(--laci);color:#f2ecdc}
@media (max-width:640px){.sf-sayfa h1{font-size:2rem}}

/* ======================================================================
 * A4 · BLOG — solda yazılar, sağda widget sütunu
 *
 * > **SAĞ SÜTUN MOBİLDE ALTA İNER.** Yazının ÜSTÜNE düşseydi okuyucu
 * > içeriğe ulaşmadan üç kutu görürdü.
 * ==================================================================== */
.bl-sayfa{max-width:1240px}
.bl-duzen{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:3rem;
align-items:start}
@media (max-width:980px){.bl-duzen{grid-template-columns:1fr;gap:2.4rem}}
.bl-ana{min-width:0}

/* --- liste kartı --- */
.bl-kart{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.5rem;
background:var(--kart);border-radius:10px;overflow:hidden;margin-bottom:1.4rem;
transition:.24s;box-shadow:0 1px 2px rgba(29,42,68,.06)}
.bl-kart:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(29,42,68,.12)}
.bl-kart img,.bl-kart .bl-kart-bos{width:100%;height:160px;object-fit:cover;display:block;
background:linear-gradient(135deg,var(--laci),var(--altin))}
.bl-kart .ic{padding:1.1rem 1.3rem 1.2rem 0}
.bl-kart time{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
color:var(--altin)}
.bl-kart h3{font-size:1.35rem;margin:.35rem 0 .5rem;line-height:1.25}
.bl-kart p{margin:0;font-size:.92rem;line-height:1.7;color:var(--mut)}
@media (max-width:640px){
  .bl-kart{grid-template-columns:1fr}
  .bl-kart .ic{padding:0 1.2rem 1.2rem}
}

/* --- yazı --- */
.bl-geri{display:inline-block;font-size:.78rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--mut);margin-bottom:1.2rem}
.bl-geri:hover{color:var(--altin)}
.bl-yazi h1{font-size:2.6rem;margin:0 0 .5rem;line-height:1.15}
.bl-kunye{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;
color:var(--altin);margin-bottom:1.4rem}
.bl-yazi .altb{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;
font-size:1.2rem;color:var(--mut);margin-bottom:1.4rem}
.bl-kapak{width:100%;height:auto;border-radius:10px;margin-bottom:1.8rem}
@media (max-width:640px){.bl-yazi h1{font-size:1.95rem}}

/* --- sağ sütun --- */
.bl-yan{display:flex;flex-direction:column;gap:1.4rem;position:sticky;top:86px}
@media (max-width:980px){.bl-yan{position:static}}
.bl-w{background:var(--kart);border-radius:10px;padding:1.2rem 1.3rem;
box-shadow:0 1px 2px rgba(29,42,68,.06)}
.bl-w h3{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
font-family:'Jost',sans-serif;font-weight:500;color:var(--mut);margin:0 0 .9rem}
.bl-w-eser img{width:100%;height:220px;object-fit:cover;border-radius:8px;display:block}
.bl-w-eser b{display:block;font-family:'Cormorant Garamond',Georgia,serif;
font-size:1.2rem;color:var(--laci);margin-top:.7rem;line-height:1.3}
.bl-w-eser span{display:block;font-size:.85rem;color:var(--mut);margin-top:.15rem}
.bl-w-liste{list-style:none;margin:0;padding:0}
.bl-w-liste li{border-bottom:1px solid rgba(0,0,0,.06)}
.bl-w-liste li:last-child{border-bottom:0}
.bl-w-liste a{display:block;padding:.6rem 0;font-size:.94rem;color:var(--laci);
transition:.18s}
.bl-w-liste a:hover{color:var(--altin)}
.bl-w-liste i{display:block;font-style:normal;font-size:.75rem;color:var(--mut);
margin-top:.12rem}
.bl-w-not{font-size:.72rem;color:var(--mut);line-height:1.6;margin-top:.7rem}


/* ======================================================================
 * MOBİLDE YAPIŞKAN SÜTUN KAPALI
 *
 * > **TEK SÜTUNDA `sticky` HİÇBİR İŞE YARAMAZ, ZARAR VERİR.** İki
 * > sütunlu düzende eser görselinin sabit kalması doğru: yanındaki
 * > künye kayarken eser görünürde kalıyor. Tek sütuna düşünce yanında
 * > kayacak bir şey yok; geriye yalnız görselin içeriğin üstüne
 * > sürüklenmesi kalıyor (Onur bildirdi, 2026-09-03: «resim bir yerde
 * > durmuyor, içeriklerin üzerine sürükleniyor»).
 *
 * > **KIRILMA NOKTASI DÜZENİNKİYLE AYNI OLMALI.** `.ed` 880px'de tek
 * > sütuna düşüyor; `sticky` başka bir eşikte kapatılsaydı arada bir
 * > aralık kalır ve hata orada yaşamaya devam ederdi.
 * ==================================================================== */
@media (max-width:880px){
  .ed-gorsel{position:static;top:auto}
  .s-medya{position:static;top:auto}
}
@media (max-width:980px){
  .bl-yan{position:static;top:auto}
}

/* ======================================================================
 * SAYFA FOTOĞRAF ŞERİDİ + ORTAK BÜYÜTEÇ
 * ==================================================================== */
.sf-galeri-bas{display:flex;align-items:baseline;gap:.9rem;margin:2.8rem 0 1rem}
.sf-galeri-bas h2{font-size:1.5rem;margin:0}
.sf-galeri-bas .mut{font-size:.8rem}
.sf-galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
gap:.7rem}
.sf-foto{padding:0;border:0;background:none;cursor:zoom-in;display:block;
border-radius:8px;overflow:hidden;line-height:0;position:relative}
/* Kareye oturt: eski fotoğraflar farklı oranlarda, ızgara tırtıklı çıkıyordu. */
.sf-foto img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;
transition:transform .5s cubic-bezier(.2,.7,.3,1),filter .3s}
.sf-foto:hover img{transform:scale(1.06);filter:brightness(1.05)}
.sf-foto::after{content:"";position:absolute;inset:0;
box-shadow:inset 0 0 0 1px rgba(29,42,68,.08);border-radius:8px;pointer-events:none}
@media (max-width:520px){.sf-galeri{grid-template-columns:1fr 1fr;gap:.5rem}}

/* Büyüteç — sayfa galerisi ve mesaj görselleri ORTAK kullanıyor. */
#gsBuyutec{position:fixed;inset:0;z-index:300;background:rgba(16,22,38,.94);
display:flex;align-items:center;justify-content:center;padding:3vmin;cursor:zoom-out}
#gsBuyutec[hidden]{display:none}
#gsBuyutec img{max-width:100%;max-height:100%;object-fit:contain;
box-shadow:0 30px 90px rgba(0,0,0,.5);border-radius:4px}
#gsBuyutec .kapat{position:absolute;top:1rem;right:1.2rem;width:44px;height:44px;
border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#f2ecdc;
font-size:1.1rem;cursor:pointer;transition:.2s}
#gsBuyutec .kapat:hover{background:var(--altin);color:#1d2a44}

/* ======================================================================
 * SESLİ MESAJ BALONU
 *
 * > **HAM `<audio controls>` HER TARAYICIDA BAŞKA GÖRÜNÜYOR** ve balonun
 * > içinde kocaman duruyordu (Onur bildirdi). Uygulamadaki gibi: tek
 * > yuvarlak düğme, ince ilerleme çubuğu, kalan süre.
 * ==================================================================== */
.msj-ses{display:flex;align-items:center;gap:.7rem;min-width:190px;padding:.15rem 0}
.ses-dugme{width:38px;height:38px;flex:none;border-radius:50%;border:0;cursor:pointer;
background:var(--altin);color:#1d2a44;font-size:.9rem;line-height:1;
display:flex;align-items:center;justify-content:center;transition:.2s}
.ses-dugme:hover{background:var(--altin-acik)}
.ses-dugme:disabled{background:rgba(0,0,0,.15);color:#fff;cursor:not-allowed}
.msj.ben .ses-dugme{background:rgba(255,255,255,.9);color:var(--laci)}
.ses-orta{flex:1;min-width:0}
.ses-cubuk{display:block;height:4px;border-radius:2px;background:rgba(0,0,0,.14)}
.msj.ben .ses-cubuk{background:rgba(255,255,255,.28)}
.ses-cubuk i{display:block;height:100%;width:0;border-radius:2px;background:var(--altin);
transition:width .15s linear}
.msj.ben .ses-cubuk i{background:#fff}
.ses-sure{display:block;font-size:.7rem;opacity:.7;margin-top:.3rem;font-style:normal;
font-variant-numeric:tabular-nums}
/* Görsel balonu — tıklanabilir olduğu imleçten anlaşılsın. */
.msj-gorsel{cursor:zoom-in;border-radius:8px;display:block;max-width:240px;height:auto}

/* ======================================================================
 * ADMİN MESAJ KONSOLU — sol konuşma listesi, sağ sohbet
 *
 * > **UYGULAMADAKİ DÜZENİN WEB KARŞILIĞI.** Onur: *"sitede admin olarak
 * > giriş yaptığımda tüm mesajları göremiyorum."* Uygulamada
 * > `admin_konusmalar_ekrani` + `admin_sohbet_ekrani` var; web'de tek
 * > ekranda yan yana, çünkü masaüstünde iki panel aynı anda sığıyor.
 * ==================================================================== */
.msj-konsol{display:grid;grid-template-columns:340px minmax(0,1fr);
max-width:1240px;margin:0 auto;height:calc(100vh - 150px);min-height:520px;
border:1px solid rgba(29,42,68,.1);border-radius:12px;overflow:hidden;
background:var(--kart)}
@media (max-width:900px){
  .msj-konsol{grid-template-columns:1fr;height:auto;min-height:0}
  .msj-liste{max-height:44vh}
}
.msj-liste{display:flex;flex-direction:column;min-height:0;
border-right:1px solid rgba(29,42,68,.1);background:var(--zemin)}
.msj-liste-bas{display:flex;align-items:baseline;justify-content:space-between;
padding:1rem 1.1rem .6rem}
.msj-liste-bas b{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.2rem;
color:var(--laci)}
.msj-liste-bas .mut{font-size:.74rem}
.msj-ara{padding:0 1.1rem .7rem}
.msj-ara input{width:100%;padding:.5rem .7rem;border:1px solid rgba(29,42,68,.16);
border-radius:6px;font:inherit;font-size:.84rem;background:#fff}
.msj-liste-ic{flex:1;overflow-y:auto;min-height:0}
.msj-kk{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;
padding:.7rem 1.1rem;border:0;border-bottom:1px solid rgba(29,42,68,.06);
background:none;cursor:pointer;font:inherit;transition:.15s}
.msj-kk:hover{background:rgba(176,141,62,.07)}
.msj-kk.secili{background:rgba(176,141,62,.14);
box-shadow:inset 3px 0 0 var(--altin)}
.kk-av{position:relative;width:38px;height:38px;flex:none;border-radius:50%;
background:var(--laci);color:#f2ecdc;display:flex;align-items:center;
justify-content:center;font-size:.95rem}
.kk-av .nokta{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;
border-radius:50%;background:#39b56a;border:2px solid var(--zemin)}
.kk-ic{flex:1;min-width:0;display:flex;flex-direction:column}
.kk-ic b{font-size:.9rem;font-weight:500;color:var(--laci);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kk-son{font-size:.78rem;color:var(--mut);white-space:nowrap;overflow:hidden;
text-overflow:ellipsis}
.kk-sag{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex:none}
.kk-sag .rz{font-style:normal;min-width:20px;height:20px;padding:0 .35rem;
border-radius:10px;background:var(--altin);color:#1d2a44;font-size:.72rem;
display:flex;align-items:center;justify-content:center;font-weight:500}
.kk-sag .bk{font-style:normal;font-size:.68rem;color:var(--mut)}
/* Bekleme yaşı — eşikler uygulamayla AYNI (24 sa / 72 sa). */
.msj-kk.gec .bk{color:#b8791f}
.msj-kk.acil .bk{color:#b03c3c;font-weight:500}
.msj-sohbet{display:flex;flex-direction:column;min-height:0;min-height:420px}
.msj-sohbet .msj-akis{flex:1}

/* Admin künyesi — ham `admin_kimlik` yerine ad + rol. */
.msj-kim{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}
.msj-kim .kb{width:24px;height:24px;flex:none;border-radius:50%;
background:var(--altin);color:#1d2a44;font-style:normal;font-size:.72rem;
display:flex;align-items:center;justify-content:center;font-weight:500}
.msj-kim b{font-size:.78rem;font-weight:500;display:block;line-height:1.2}
.msj-kim em{font-style:normal;font-size:.68rem;opacity:.6;display:block;line-height:1.2}
.msj.ben .msj-kim .kb{background:rgba(255,255,255,.9);color:var(--laci)}
.msj-gorsel-tus{padding:0;border:0;background:none;cursor:zoom-in;display:block;
line-height:0}

/* ======================================================================
 * SERGİDEN GÖRÜNÜM SLIDER'I
 *
 * > **SLAYTLAR ÜST ÜSTE, YÜKSEKLİK EN UZUNA GÖRE.** `display:none` ile
 * > gizlemek her geçişte sayfayı zıplatıyordu (kareler farklı oranda).
 * > Hepsi `absolute`, kap `aspect-ratio` ile sabit.
 * ==================================================================== */
.sg-slider{position:relative;background:var(--kart);
box-shadow:0 20px 54px rgba(29,42,68,.12)}
.sg-akis{position:relative;aspect-ratio:4/3;overflow:hidden}
.sg-slayt{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;
pointer-events:none}
.sg-slayt.aktif{opacity:1;pointer-events:auto}
.sg-slayt img{width:100%;height:100%;object-fit:cover;display:block}
.sg-slayt iframe{width:100%;height:100%;border:0;display:block}
.sg-video-ac{position:relative;width:100%;height:100%;padding:0;border:0;
background:none;cursor:pointer;display:block}
.sg-video-ac::after{content:"";position:absolute;inset:0;background:rgba(16,22,38,.28);
transition:.25s}
.sg-video-ac:hover::after{background:rgba(16,22,38,.14)}
.sg-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
width:62px;height:62px;border-radius:50%;background:rgba(242,236,220,.94);
color:var(--laci);display:flex;align-items:center;justify-content:center;
font-size:1.3rem;padding-left:5px;z-index:2;transition:.25s;
box-shadow:0 10px 30px rgba(0,0,0,.3)}
.sg-video-ac:hover .sg-play{background:var(--altin);transform:translate(-50%,-50%) scale(1.08)}
.sg-kontrol{position:absolute;left:0;right:0;bottom:2.4rem;display:flex;
justify-content:center;gap:.5rem;z-index:3;opacity:0;transition:.25s}
.sg-slider:hover .sg-kontrol,.sg-slider:focus-within .sg-kontrol{opacity:1}
@media (hover:none){.sg-kontrol{opacity:1}}   /* dokunmatikte hover yok */
.sg-kontrol button{width:36px;height:36px;border-radius:50%;border:0;cursor:pointer;
background:rgba(16,22,38,.6);color:#f2ecdc;font-size:1rem;line-height:1;
display:flex;align-items:center;justify-content:center;transition:.18s}
.sg-kontrol button:hover{background:var(--altin);color:#1d2a44}
.sg-dur{font-size:.72rem !important}
.sg-noktalar{position:absolute;left:0;right:0;bottom:1.1rem;display:flex;
justify-content:center;gap:.35rem;z-index:3}
.sg-noktalar i{width:7px;height:7px;border-radius:50%;background:rgba(242,236,220,.5);
cursor:pointer;transition:.2s}
.sg-noktalar i.aktif{background:var(--altin);width:20px;border-radius:4px}
.sg-sayac{position:absolute;top:.7rem;right:.9rem;z-index:3;
background:rgba(16,22,38,.55);color:#f2ecdc;font-size:.7rem;letter-spacing:.1em;
padding:.2rem .55rem;border-radius:99px;font-variant-numeric:tabular-nums}

/* ======================================================================
 * OTURUM AVATARI — fotoğraf varsa fotoğraf, yoksa baş harf
 *
 * > **TEK ÜRETİCİ (`siteAvatarOgesi`), TEK BİÇİM.** Menü rozeti ve
 * > profil kahramanı aynı sınıfı kullanıyor; boyutu çağıran veriyor.
 * ==================================================================== */
.gs-avatar{display:block;width:100%;height:100%;object-fit:cover;
border-radius:50%}
.gs-avatar.bas{display:flex;align-items:center;justify-content:center}
.gs-profil .gs-avatar{width:100%;height:100%}
.gs-profil{overflow:hidden;padding:0}
/* Profil kahramanındaki büyük avatar — çağıran `style` ile boyut veriyor. */
.sd-portre.gs-avatar{border-radius:50%;object-fit:cover}

/* Admin künyesi: `kb` artık bir portre <img> de olabilir. */
.msj-kim .kb{width:26px;height:26px;flex:none;border-radius:50%;object-fit:cover;
display:flex;align-items:center;justify-content:center;font-style:normal;
font-size:.74rem;font-weight:500;color:#fff}
.msj-kim img.kb{display:block}

/* Mesaj metnindeki bağlantılar — tıklanabilir olduğu görünmeli. */
.msj-link{text-decoration:underline;text-underline-offset:2px;word-break:break-word}
.msj.galeri .msj-link{color:var(--altin)}
.msj.ben .msj-link{color:#fff}
.msj-link:hover{opacity:.8}

/* Sohbet başlığının sağı: telefon → WhatsApp */
.msj-bas-sag{margin-left:auto;display:flex;gap:.5rem;align-items:center}
.msj-tel{display:inline-flex;align-items:center;gap:.45rem;border:1px solid #25d366;
background:rgba(37,211,102,.08);color:#128c3e;border-radius:99px;
padding:.4rem .9rem;font:inherit;font-size:.82rem;cursor:pointer;transition:.18s;
font-variant-numeric:tabular-nums}
.msj-tel:hover{background:#25d366;color:#fff}
.msj-tel:disabled{border-color:#d9d2bf;background:none;color:var(--mut);cursor:default}
@media (max-width:640px){.msj-bas-sag{width:100%;margin:.5rem 0 0}}

/* ======================================================================
   B2 · TASARLANMIŞ KURUMSAL SAYFALAR (2026-09-03)
   /iletisim · /hakkimizda · /sikca-sorulan-sorular
   ==================================================================== */
.krm-giris{max-width:62ch;color:var(--mut);margin:.2rem 0 1.4rem;font-size:1.02rem}
.krm-alt{margin:2.2rem 0 .9rem;font-size:1.15rem}

/* ---- mekân kartları: iletişim ve hakkımızda AYNI biçimi kullanır ---- */
.krm-mekanlar{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr))}
.krm-mekan{background:var(--kart);border:1px solid #e6e0d2;border-radius:.7rem;
  padding:1.1rem 1.2rem}
.krm-mekan h2,.krm-mekan h3{margin:0 0 .15rem;font-size:1.25rem;
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}
.krm-semt{font-size:.78rem;font-weight:400;color:var(--mut)}
.krm-not{margin:.1rem 0 .8rem;font-size:.82rem;color:var(--altin)}
.krm-kunye{display:grid;grid-template-columns:auto 1fr;gap:.35rem .9rem;margin:0 0 1rem}
.krm-kunye dt{font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;
  color:var(--mut);padding-top:.15rem}
.krm-kunye dd{margin:0;font-size:.93rem;line-height:1.45}
.krm-kunye a{color:var(--laci);text-decoration:none;border-bottom:1px solid #0002}
.krm-tuslar{display:flex;gap:.5rem;flex-wrap:wrap}
/* > **`.tus` GLOBAL BİR SINIF DEĞİL — ÖLÇÜLDÜ.** Site genelinde yalnız
     `.hero .tus` ve `.sf-iletisim-tus .tus` tanımlı; kapsamsız yazılan
     `.tus` HİÇBİR biçim almıyor ve düğme düz bağlantı gibi görünüyordu
     (ilk çizimde öyle çıktı). Kendi kapsamı burada yazılıyor. */
.krm-tuslar .tus,.krm-kanal-liste .tus,.bsv-tuslar .tus,.bsv-giris-kart .tus,.bsv-form .tus,.prf-yaz .tus,.ks-tus .tus{display:inline-block;cursor:pointer;font-family:inherit;line-height:1.2;
  padding:.7rem 1.4rem;background:var(--laci);color:#f2ecdc;font-size:.76rem;
  letter-spacing:.14em;text-transform:uppercase;border-radius:2px;
  text-decoration:none;border:1px solid var(--laci);transition:.22s}
.krm-tuslar .tus:hover,.krm-kanal-liste .tus:hover,.bsv-tuslar .tus:hover,.bsv-form .tus:hover,.ks-tus .tus:hover{
  background:var(--altin);border-color:var(--altin);color:#1d2a44}
.krm-tuslar .tus.ikincil,.krm-kanal-liste .tus.ikincil,.bsv-tuslar .tus.ikincil,.bsv-form .tus.ikincil{
  background:transparent;color:var(--laci);border-color:var(--laci)}
.krm-tuslar .tus.ikincil:hover,.krm-kanal-liste .tus.ikincil:hover,.bsv-tuslar .tus.ikincil:hover,.bsv-form .tus.ikincil:hover{
  background:var(--laci);color:#f2ecdc}

/* Gömülü harita — kart genişliğinde, 16:10 oranında.
   `aspect-ratio` yerine dolgu hilesi YOK: eski tarayıcı payı için
   `min-height` var, modern tarayıcıda oran çalışıyor. */
.krm-harita{margin-top:1rem;border-radius:.5rem;overflow:hidden;
  border:1px solid #e6e0d2;background:#efece4;
  aspect-ratio:16/10;min-height:11rem}
.krm-harita iframe{width:100%;height:100%;border:0;display:block;
  /* Harita gri-mavi; sayfanın sıcak zeminiyle çarpışmasın. */
  filter:saturate(.92)}

.krm-kanallar{margin-top:2.4rem}
.krm-kanallar h2{font-size:1.15rem;margin:0 0 .8rem}
.krm-kanal-liste{display:flex;gap:.5rem;flex-wrap:wrap}
.krm-mesaj-not{margin-top:.9rem;font-size:.86rem;max-width:56ch}
.krm-sss-bag{margin-top:2rem;padding-top:1.2rem;border-top:1px solid #e6e0d2;
  font-size:.92rem;color:var(--mut)}

/* ---- hakkımızda: sayı şeridi + kronoloji ---- */
.krm-sayilar{display:grid;gap:.7rem;margin:0 0 2rem;
  grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr))}
.krm-sayilar>div{background:var(--kart);border:1px solid #e6e0d2;border-radius:.6rem;
  padding:.9rem 1rem;text-align:center}
.krm-sayilar b{display:block;font-size:1.5rem;color:var(--laci);
  font-variant-numeric:tabular-nums;line-height:1.1}
.krm-sayilar span{font-size:.76rem;color:var(--mut)}
.krm-zaman{list-style:none;margin:0;padding:0;position:relative}
.krm-zaman::before{content:"";position:absolute;left:3.6rem;top:.5rem;bottom:.5rem;
  width:1px;background:#e0d8c4}
.krm-zaman li{display:grid;grid-template-columns:3.6rem 1fr;gap:1.4rem;
  padding:.55rem 0;position:relative;align-items:start}
.krm-yil{font-variant-numeric:tabular-nums;color:var(--altin);font-size:.95rem;
  text-align:right;padding-top:.05rem}
.krm-zaman li>span{position:relative;line-height:1.55}
.krm-zaman li>span::before{content:"";position:absolute;left:-1.1rem;top:.55rem;
  width:.42rem;height:.42rem;border-radius:50%;background:var(--altin)}
.krm-metin{margin-top:2.2rem}
@media (max-width:560px){
  .krm-zaman::before{left:2.6rem}
  .krm-zaman li{grid-template-columns:2.6rem 1fr;gap:1.1rem}
}

/* ---- SSS: arama + akordeon ---- */
.sss-ara-kap{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:0 0 1.2rem}
.sss-ara{flex:1;min-width:14rem;padding:.65rem .9rem;font:inherit;font-size:.95rem;
  border:1px solid #d9d2bf;border-radius:.5rem;background:var(--kart);color:var(--metin)}
.sss-ara:focus{outline:none;border-color:var(--altin)}
.sss-liste{display:flex;flex-direction:column;gap:.55rem}
.sss-oge{background:var(--kart);border:1px solid #e6e0d2;border-radius:.6rem;
  padding:.15rem .2rem}
.sss-oge>summary{cursor:pointer;padding:.85rem 1rem;font-weight:600;font-size:1rem;
  line-height:1.4;list-style:none;display:flex;gap:.7rem;align-items:flex-start}
.sss-oge>summary::-webkit-details-marker{display:none}
/* > Ok işareti `summary`nin İÇİNDE: dıştaki bir konumlandırma uzun
     sorularda metnin üstüne biniyordu. */
.sss-oge>summary::before{content:"+";color:var(--altin);font-size:1.15rem;
  line-height:1.25;flex:0 0 auto;transition:transform .15s}
.sss-oge[open]>summary::before{content:"–"}
.sss-oge[open]>summary{color:var(--laci)}
.sss-cevap{padding:0 1rem 1rem 2.4rem;line-height:1.65;color:var(--metin)}
.sss-cevap p{margin:0 0 .7rem}
.sss-cevap p:last-child{margin-bottom:0}
.sss-cevap a{color:var(--laci)}
/* Sönük paragraflardaki bağlantı görünür kalsın — `--mut` üstüne
   `--mut` yazmak bağlantıyı düz metne çevirir. */
.krm-giris a,.krm-sss-bag a,.krm-mesaj-not a{color:var(--laci);
  text-decoration:none;border-bottom:1px solid var(--altin)}
.krm-giris a:hover,.krm-sss-bag a:hover{color:var(--altin)}
.sss-oge[hidden]{display:none}
.sss-bos{margin-top:1rem;color:var(--mut)}

/* ---- ESER DETAY · EK AÇILAR ŞERİDİ (2026-09-05) -------------------
   Onur: "4 farklı açıdan fotoğraf… tıklayıp aralarında geçiş
   yapabileceğim değil mi?" Şerit yalnız birden çok görünüm varsa
   çiziliyor; tek fotoğraflı eserde tek küçük görsel "başka açı yok mu?"
   sorusunu doğururdu. */
.ed-acilar{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;
  margin-top:.9rem}
.ed-aci{padding:0;border:2px solid transparent;border-radius:6px;background:#fff;
  cursor:pointer;line-height:0;overflow:hidden;transition:border-color .15s,transform .15s}
.ed-aci img{width:72px;height:72px;object-fit:cover;display:block;max-height:none}
.ed-aci:hover{transform:translateY(-2px)}
.ed-aci.secili{border-color:var(--altin,#c9a227)}
.ed-aci:focus-visible{outline:2px solid var(--altin,#c9a227);outline-offset:2px}
@media (max-width:640px){.ed-aci img{width:60px;height:60px}}

/* ===== SANATÇI BAŞVURUSU (/sanatci-basvurusu · lib/basvuru.php · 2026-09-06) ===== */
.bsv-hero{max-width:760px;margin:0 auto 2.6rem;text-align:center}
.bsv-ust{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--altin);margin:0 0 .6rem}
.bsv-hero h1{font-size:clamp(2.1rem,4.5vw,3.2rem);margin:0 0 1rem;line-height:1.1}
.bsv-giris{font-size:1.06rem;line-height:1.65;color:var(--mut);margin:0 0 1.4rem}
.bsv-tuslar{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}
.bsv-adimlar{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin-bottom:2.6rem}
.bsv-adimlar article{background:var(--kart);border:1px solid #e6e0d2;border-radius:.8rem;padding:1.4rem 1.3rem 1.2rem;position:relative}
.bsv-no{display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:50%;background:var(--laci);color:#fff;font-family:"Cormorant Garamond",serif;font-size:1.2rem;margin-bottom:.6rem}
.bsv-adimlar h3{margin:0 0 .4rem;font-size:1.2rem}
.bsv-adimlar p{margin:0;color:var(--mut);font-size:.93rem;line-height:1.55}
.bsv-gerek{max-width:760px;margin:0 auto 2.6rem;background:linear-gradient(135deg,#fffdf8,#f6f1e6);border:1px solid #e6e0d2;border-radius:.8rem;padding:1.6rem 1.8rem}
.bsv-gerek h2{margin:0 0 .8rem;font-size:1.35rem}
.bsv-gerek ul{margin:0;padding-left:1.1rem;line-height:1.65}
.bsv-gerek li{margin:.25rem 0}
.bsv-not{margin:1rem 0 0;font-size:.85rem;color:var(--mut)}
.bsv-form-kap{max-width:820px;margin:0 auto}
.bsv-giris-kart{text-align:center;background:var(--laci);color:#fff;border-radius:.9rem;padding:2.2rem 1.6rem}
.bsv-giris-kart h2{margin:0 0 .6rem;color:#fff}
.bsv-giris-kart p{margin:0 auto 1.2rem;max-width:48ch;color:#d8dbe4;line-height:1.55}
.bsv-giris-kart .tus{background:var(--altin);color:#1d2a44;border-color:var(--altin)}
.bsv-bekle{text-align:center;color:var(--mut);padding:2rem}
.bsv-form{background:var(--kart);border:1px solid #e6e0d2;border-radius:.9rem;padding:1.6rem 1.8rem 1.8rem}
.bsv-form h2{font-size:1.15rem;margin:1.8rem 0 .7rem;padding-bottom:.35rem;border-bottom:1px solid #eee7d8}
.bsv-form h2:first-of-type{margin-top:.4rem}
.bsv-form label{display:block;font-size:.82rem;color:var(--mut);margin-bottom:.7rem}
.bsv-form input:not([type=checkbox]),.bsv-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:.3rem;padding:.6rem .7rem;font:inherit;font-size:16px;border:1px solid #d9d2c2;border-radius:.45rem;background:#fff;color:var(--metin)}
.bsv-form textarea{resize:vertical;min-height:7rem}
.bsv-satir{display:grid;gap:.9rem;grid-template-columns:1fr 1fr}
.bsv-sayac{font-size:.76rem;color:var(--mut);text-align:right;margin-top:-.4rem}
.bsv-ilerleme{margin-bottom:.6rem}
.bsv-cubuk{height:6px;background:#eee7d8;border-radius:3px;overflow:hidden}
.bsv-cubuk span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--altin),var(--laci));transition:width .4s}
.bsv-yuzde{font-size:.82rem;margin-top:.4rem;color:var(--mut)}
.bsv-portre{cursor:pointer}
.bsv-portre-kutu{display:flex;align-items:center;justify-content:center;width:132px;height:132px;margin-top:.4rem;border:2px dashed #d9d2c2;border-radius:50%;overflow:hidden;background:#faf8f3;position:relative}
.bsv-portre-kutu img{width:100%;height:100%;object-fit:cover}
.bsv-portre-kutu i{font-style:normal;font-size:.78rem;color:var(--mut)}
.bsv-portre-kutu.dolu i{display:none}
.bsv-portre-kutu.bekle{opacity:.5}
.bsv-ekle{display:inline-block;cursor:pointer;margin-bottom:.9rem}
.bsv-eserler{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr))}
.bsv-eser{background:#faf8f3;border:1px solid #e6e0d2;border-radius:.6rem;padding:.6rem;position:relative}
.bsv-eser img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:.4rem;margin-bottom:.4rem}
.bsv-eser input{margin-top:.35rem!important;padding:.4rem .5rem!important;font-size:14px!important}
.bsv-eser-satir{display:grid;gap:.4rem;grid-template-columns:1fr 4.6rem}
.bsv-sil{position:absolute;top:.4rem;right:.4rem;width:1.6rem;height:1.6rem;border:0;border-radius:50%;background:#1d2a44cc;color:#fff;cursor:pointer;font-size:.8rem}
.bsv-uyari{font-size:.72rem;color:#8c5a1a;margin:-.2rem 0 .3rem}
.bsv-onay{margin:1.6rem 0 .8rem;font-size:.9rem}
.bsv-onay label{display:flex;gap:.5rem;align-items:flex-start;color:var(--metin);font-size:.9rem}
.bsv-hata{background:#fbeeee;border:1px solid #e3b4b4;color:#7a1f1f;border-radius:.5rem;padding:.7rem 1rem;margin:.6rem 0;font-size:.9rem}
.bsv-hata ul{margin:0;padding-left:1.1rem}
.bsv-gonder{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.bsv-durum{background:var(--kart);border:1px solid #e6e0d2;border-left:5px solid var(--altin);border-radius:.8rem;padding:1.5rem 1.7rem;margin-bottom:1.2rem}
.bsv-durum h2{margin:0 0 .5rem}
.bsv-durum p{margin:.3rem 0;line-height:1.55}
.bsv-durum.bsv-kabul,.bsv-durum.bsv-gorusme{border-left-color:#1f8a70}
.bsv-durum.bsv-uygun_degil{border-left-color:#9a9a9a}
@media (max-width:640px){.bsv-satir{grid-template-columns:1fr}.bsv-form{padding:1.1rem 1rem 1.3rem}.bsv-gerek{padding:1.2rem 1.1rem}}

/* profil menüsü sayaçları — tıklanabilir (2026-09-06, Onur: «basınca favori/takip sayfasına gitmeli») */
#gsMenu .gs-sayac{display:flex;gap:.4rem;padding:.35rem .8rem .5rem}
#gsMenu .gs-sayac a{display:inline-block;width:auto;padding:.3rem .6rem;font-size:.78rem;color:var(--laci);
border:1px solid #e6e0d2;border-radius:999px;background:var(--kart)}
#gsMenu .gs-sayac a:hover{border-color:var(--altin);color:var(--altin)}
/* profil: galeriye yaz kartı */
.prf-yaz{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;
background:var(--laci);color:#fff;border-radius:.8rem;padding:1rem 1.3rem;margin:1.2rem auto 0;max-width:1240px}
.prf-yaz p{margin:0;color:#d8dbe4;font-size:.92rem}
.prf-yaz .tus{background:var(--altin);color:#1d2a44;border-color:var(--altin);white-space:nowrap}

/* ===== ADMİN KONSİNYE ŞERİDİ — mesajlar.php (2026-09-06) ===== */
.ks-serit{margin:.5rem 0 .2rem;padding:.55rem .7rem;border:1px solid #e6e0d2;border-left:4px solid var(--altin);border-radius:.5rem;background:#faf8f3;font-size:.8rem;color:var(--metin)}
.ks-serit.yok{border-left-color:#c9c2b2}
.ks-bas{display:flex;flex-wrap:wrap;gap:.35rem .8rem;align-items:center}
.ks-bas b{letter-spacing:.03em}
.ks-durum{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600;background:#eee7d8;color:#5a4a1a}
.ks-durum.musait{background:#e2f3ec;color:#1f6a52}
.ks-durum.kritik{background:#f8e0e0;color:#8c1a1a}
.ks-durum.uyari{background:#fbeed6;color:#8c5a1a}
.ks-tus{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.45rem}
.ks-tus .tus{padding:.28rem .6rem;font-size:.74rem}
.ks-detay{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #e6e0d2}
.ks-detay dl{display:grid;grid-template-columns:auto 1fr;gap:.2rem .7rem;margin:0}
.ks-detay dt{color:var(--mut);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}
.ks-detay dd{margin:0}
.ks-benzer{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.45rem;margin-top:.5rem}
.ks-kart{display:flex;flex-direction:column;gap:.3rem;text-decoration:none;color:var(--metin);background:#fff;border:1px solid #e6e0d2;border-radius:.45rem;padding:.35rem}
.ks-kart img,.ks-kart i{width:100%;aspect-ratio:1;object-fit:contain;background:#f3efe6;border-radius:.3rem;display:block}
.ks-kart span{font-size:.72rem;line-height:1.35}
.ks-kart em{display:block;font-style:normal;color:var(--mut)}
.msj.galeri .ks-serit,.msj.ben .ks-serit{max-width:100%}

/* eserlere çapa — sergi/sanatçı hero (2026-09-06) */
.eser-capa{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.4rem;padding:.6rem 1.3rem;
border:1px solid var(--altin-acik);border-radius:999px;color:var(--altin-acik);text-decoration:none;
font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;transition:background .2s,color .2s}
.eser-capa span{background:var(--altin-acik);color:#1d2a44;border-radius:999px;padding:.05rem .5rem;font-size:.72rem;letter-spacing:0}
.eser-capa:hover{background:var(--altin-acik);color:#1d2a44}
.s-hero .eser-capa{margin-left:auto;margin-right:auto}
@media (max-width:640px){.eser-capa{margin-top:1rem;padding:.5rem 1rem}}

/* başvuru B: ekler + taslak */
.bsv-ekler{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0 .8rem}
.bsv-ek{display:inline-flex;align-items:center;gap:.4rem;background:#faf8f3;border:1px solid #e6e0d2;border-radius:999px;padding:.3rem .6rem .3rem .8rem;font-size:.82rem}
.bsv-ek-sil{border:0;background:#1d2a44;color:#fff;width:1.3rem;height:1.3rem;border-radius:50%;font-size:.7rem;cursor:pointer}
.bsv-video{display:flex;gap:.5rem;align-items:center}
.bsv-video input{flex:1;margin-top:0!important}
.bsv-taslak{margin-left:.6rem;color:#1f8a70;font-size:.78rem}
@media (max-width:640px){.bsv-video{flex-direction:column;align-items:stretch}}

/* ---- başvuru: metin/dosya sekmesi · yükleme kuyruğu · özet (2026-09-06) */
.bsv-zorunlu{font-size:.68rem;font-weight:600;color:var(--altin);margin-left:.35rem;letter-spacing:.04em;text-transform:uppercase}
.bsv-sekme{border:1px solid #e6e0d2;border-radius:.7rem;background:var(--kart);margin:.4rem 0 1rem}
.bsv-sekme-bas{display:flex;gap:0;border-bottom:1px solid #eee7d8}
.bsv-sekme-bas button{flex:1;background:none;border:0;padding:.7rem .9rem;font:inherit;font-size:.9rem;color:var(--mut);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.bsv-sekme-bas button.aktif{color:var(--metin);border-bottom-color:var(--altin);font-weight:600}
.bsv-sek-metin,.bsv-sek-dosya{padding:.8rem}
.bsv-sek-metin textarea{margin:0;width:100%}
.bsv-sek-dosya p{margin:.2rem 0 .6rem;font-size:.85rem;color:var(--mut);line-height:1.5}
.bsv-dosya-durum{font-size:.88rem;margin-top:.5rem;line-height:1.5;min-height:1.2em}
.bsv-dosya-durum.ok{color:#2f6b3a}
.bsv-dosya-durum.hata{color:#9a2c2c}
.bsv-dosya-durum .bsv-ek-sil{margin-left:.4rem}
.bsv-kuyruk{display:flex;flex-direction:column;gap:.4rem;margin:.6rem 0 .9rem}
.bsv-ky{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(90px,1fr) minmax(0,1.6fr);gap:.7rem;align-items:center;font-size:.82rem;padding:.45rem .7rem;background:var(--kart);border:1px solid #e6e0d2;border-radius:.5rem}
.bsv-ky-ad{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--metin)}
.bsv-ky-cubuk{height:6px;background:#eee7d8;border-radius:3px;overflow:hidden}
.bsv-ky-cubuk i{display:block;height:100%;width:0;background:var(--altin);transition:width .35s}
.bsv-ky-durum{color:var(--mut);line-height:1.35}
.bsv-ky.ok .bsv-ky-durum{color:#2f6b3a}.bsv-ky.ok .bsv-ky-cubuk i{background:#3d8a4d}
.bsv-ky.hata{border-color:#e4b9b9;background:#fff6f6}.bsv-ky.hata .bsv-ky-durum{color:#9a2c2c}.bsv-ky.hata .bsv-ky-cubuk i{background:#c94b4b}
.bsv-durum-ust{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:.6rem;font-size:.82rem}
.bsv-durum-rozet{display:inline-block;padding:.2rem .65rem;border-radius:99px;background:#f2ecdd;color:var(--metin);font-weight:600;font-size:.78rem;letter-spacing:.03em}
.bsv-gorusme .bsv-durum-rozet,.bsv-kabul .bsv-durum-rozet{background:#e3f1e5;color:#2f6b3a}
.bsv-uygun_degil{border-left-color:#b8b2a4}
.bsv-durum .tus{margin-top:.5rem}
.bsv-ozet{background:var(--kart);border:1px solid #e6e0d2;border-radius:.8rem;padding:1.3rem 1.5rem;margin-bottom:1.2rem}
.bsv-ozet h3{margin:0 0 .9rem;font-size:1.05rem}
.bsv-ozet h4{margin:1.2rem 0 .5rem;font-size:.92rem;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
.bsv-ozet-portre{width:96px;height:96px;border-radius:50%;object-fit:cover;float:right;margin:0 0 .8rem 1rem;border:2px solid #eee7d8}
.bsv-ozet dl{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;font-size:.9rem}
.bsv-ozet dt{color:var(--mut)}.bsv-ozet dd{margin:0;line-height:1.5;white-space:pre-line}
.bsv-ozet-eserler{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.7rem}
.bsv-ozet-eserler figure{margin:0}
.bsv-ozet-eserler img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:.5rem;border:1px solid #e6e0d2}
.bsv-ozet-eserler figcaption{font-size:.76rem;color:var(--mut);margin-top:.3rem;line-height:1.35}
.bsv-ozet-bos{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:.5rem;background:#f2ecdd;font-size:.72rem;color:var(--mut);text-align:center;padding:.5rem}
@media (max-width:640px){.bsv-ky{grid-template-columns:1fr;gap:.3rem}.bsv-ozet dl{grid-template-columns:1fr}.bsv-ozet-portre{float:none;display:block;margin:0 0 .8rem}}