/* tomris: gorsel oran tabani */
img{max-width:100%;height:auto}
:root{--renk-ana:#7a1230;--renk-koyu:#3f0a19;--renk-gumus:#c4c8d0;--renk-acik:#f6f4f5;--renk-metin:#1f1a1c;--renk-soluk:#5b5256;--renk-beyaz:#ffffff;--renk-cizgi:#e4dfe1}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:17px;line-height:1.7;color:var(--renk-metin);background:var(--renk-beyaz);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--renk-ana)}
h1,h2,h3{line-height:1.2;font-weight:800;color:var(--renk-koyu)}
h1{font-size:clamp(2.1rem,6vw,3.5rem)}
h2{font-size:clamp(1.8rem,4.5vw,2.5rem);margin-bottom:14px}
h3{font-size:1.25rem;margin-bottom:8px}
.kap{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
.bolum{padding:64px 0}
.bolum.gri{background:var(--renk-acik)}
.bolum.koyu{background:var(--renk-koyu);color:#eee}
.bolum.koyu h2,.bolum.koyu h3{color:#fff}
.baslik-blok{max-width:720px;margin-bottom:40px}
.etiket{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--renk-ana);margin-bottom:10px}
.koyu .etiket{color:var(--renk-gumus)}
.soluk{color:var(--renk-soluk)}
/* şerit */
.onizleme-serit{background:var(--renk-koyu);color:#fff;text-align:center;font-size:.85rem;padding:8px 14px;line-height:1.4}
/* başlık */
.ust{position:relative;z-index:50;background:var(--renk-beyaz);border-bottom:1px solid var(--renk-cizgi);transition:box-shadow .3s}
.ust.kucuk{box-shadow:0 6px 24px rgba(63,10,25,.14)}
.ust-ic{max-width:1280px;margin:0 auto;padding:2px 20px;display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:12px}
.marka{display:flex;flex-direction:row;align-items:center;gap:12px;text-decoration:none;color:var(--renk-koyu);font-weight:800;font-size:1.05rem;line-height:1.1;min-height:80px}
.marka-yazi{display:flex;flex-direction:column}
.logo{width:80px;height:80px;flex:none;border-radius:50%;background:var(--renk-ana);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.7rem;letter-spacing:.04em;border:3px solid var(--renk-gumus);overflow:hidden}
.logo img{width:100%;height:100%;object-fit:contain}
.serit-gorsel{background:var(--renk-acik);padding:40px 20px;text-align:center}
.serit-gorsel.beyaz{background:#fff}
.serit-gorsel h2{margin:0 0 24px}
.etkinlik-izgara{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}
.etkinlik-kutu{margin:0}
.etkinlik-resim{aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--renk-acik)}
.etkinlik-resim img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.etkinlik-kutu figcaption{margin-top:10px;font-weight:700}
@media(min-width:700px){.etkinlik-izgara{grid-template-columns:repeat(4,1fr)}}
.portre-kutu{width:100%;max-width:320px;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--renk-acik);margin:0 auto}
.portre-kutu img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
@media(min-width:700px){.ikili.portreli{grid-template-columns:320px 1fr}.portre-kutu{margin:0}}
.marka small{font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--renk-soluk);margin-top:3px}
.menu-kontrol{position:absolute;opacity:0;pointer-events:none}
.menu-dugme{width:46px;height:46px;display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;cursor:pointer;z-index:70;position:relative}
.menu-dugme span{display:block;width:26px;height:2px;background:var(--renk-koyu);transition:transform .3s,opacity .3s}
.menu-kontrol:checked ~ .menu-dugme span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-kontrol:checked ~ .menu-dugme span:nth-child(2){opacity:0}
.menu-kontrol:checked ~ .menu-dugme span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.menu-kontrol:focus-visible ~ .menu-dugme{outline:2px solid var(--renk-ana)}
.ust-menu{position:fixed;inset:0;z-index:60;background:var(--renk-koyu);overflow-y:auto;padding:100px 20px 40px;transform:translateX(100%);visibility:hidden;transition:transform .4s ease,visibility .4s}
.ust-menu>ul{list-style:none;display:flex;flex-direction:column;align-items:center;gap:2px}
.ust-menu li{list-style:none}
.acilir{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:relative}
.alt-ac{width:44px;height:44px;background:none;border:0;cursor:pointer;position:relative;color:#fff}
.alt-ac::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-70%) rotate(45deg);transition:transform .25s}
.acilir.acik>.alt-ac::after{transform:translate(-50%,-30%) rotate(-135deg)}
.ust-menu .alt{list-style:none;width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:6px}
.ust-menu .alt a{font-size:1.05rem;font-weight:600;color:var(--renk-gumus);min-height:44px}
@media (max-width:1119px){html.js .acilir:not(.acik)>.alt{display:none}}
.menu-kontrol:checked ~ .ust-menu{transform:none;visibility:visible}
.ust-menu a{color:#fff;text-decoration:none;font-size:1.25rem;font-weight:700;min-height:52px;display:inline-flex;align-items:center;padding:0 16px}
.ust-menu a[aria-current]{color:var(--renk-gumus)}
/* düğmeler */
.dugme{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:6px;background:var(--renk-ana);color:#fff;font-weight:700;text-decoration:none;border:2px solid var(--renk-ana);font-size:1rem;font-family:inherit;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s}
.dugme:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(122,18,48,.28)}
.dugme.ikinci{background:transparent;color:var(--renk-ana)}
.dugme.gumus{background:var(--renk-gumus);border-color:var(--renk-gumus);color:var(--renk-koyu)}
.koyu .dugme.ikinci,.kahraman .dugme.ikinci{color:#fff;border-color:var(--renk-gumus)}
.dugmeler{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
/* kahraman */
.kahraman{background:linear-gradient(135deg,var(--renk-koyu),var(--renk-ana));color:#f3e9ec;padding:32px 0 36px}
.kahraman h1{color:#fff}
.kahraman-izgara{display:grid;gap:36px;align-items:center}
.kahraman p.alt{font-size:1.15rem;margin-top:18px;max-width:560px}
.kahraman .etiket{color:var(--renk-gumus)}
.portre{border-radius:10px;overflow:hidden;aspect-ratio:4/5;border:6px solid rgba(196,200,208,.35);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.portre img{width:100%;height:100%;object-fit:cover;object-position:center}
.sayfa-ust{background:linear-gradient(135deg,var(--renk-koyu),var(--renk-ana));color:#f3e9ec;padding:56px 0}
.sayfa-ust h1{color:#fff;font-size:clamp(2rem,5vw,3rem)}
.sayfa-ust p{max-width:640px;margin-top:12px;font-size:1.1rem}
/* ızgara */
.izgara{display:grid;gap:24px;align-items:start}
.kart{background:#fff;border:1px solid var(--renk-cizgi);border-radius:10px;padding:26px;transition:transform .3s,box-shadow .3s}
.kart:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(63,10,25,.12)}
.kapak{aspect-ratio:3/4;max-height:340px;border-radius:6px 12px 12px 6px;margin-bottom:18px;padding:22px 20px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(150deg,var(--renk-ana),var(--renk-koyu));border-left:8px solid rgba(0,0,0,.25);box-shadow:6px 8px 20px rgba(0,0,0,.2);width:100%;max-width:240px;margin-left:auto;margin-right:auto}
.kapak.b2{background:linear-gradient(150deg,#d5d8de,#8d929c);color:var(--renk-koyu)}
.kapak.b3{background:linear-gradient(150deg,#4d1425,#1c0610)}
.kapak.b4{background:linear-gradient(150deg,#9a2a48,#5a0f26)}
.kapak strong{font-size:1.35rem;line-height:1.2;font-weight:800}
.kapak span{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.tur{font-size:.8rem;font-weight:700;color:var(--renk-ana);text-transform:uppercase;letter-spacing:.06em}
.ikon{width:52px;height:52px;border-radius:50%;background:var(--renk-ana);display:grid;place-items:center;margin-bottom:14px}
.ikon svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.adim-no{width:48px;height:48px;border-radius:50%;background:var(--renk-gumus);color:var(--renk-koyu);font-weight:800;font-size:1.2rem;display:grid;place-items:center;margin-bottom:14px}
.koyu .kart{background:rgba(255,255,255,.06);border-color:rgba(196,200,208,.25)}
.gorsel-kutu{aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--renk-acik)}
.gorsel-kutu img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s}
.gorsel-kutu:hover img{transform:scale(1.06)}
.ikili{display:grid;gap:36px;align-items:center}
.istat{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:center}
.istat b{display:block;font-size:2.2rem;font-weight:800;color:#fff}
.istat span{color:var(--renk-gumus);font-size:.95rem}
.alinti{font-size:1.3rem;font-weight:600;line-height:1.55;color:var(--renk-koyu);border-left:5px solid var(--renk-gumus);padding-left:20px}
/* sss */
.sss details{border:1px solid var(--renk-cizgi);border-radius:8px;margin-bottom:12px;background:#fff}
.sss summary{cursor:pointer;font-weight:700;padding:16px 50px 16px 20px;min-height:52px;list-style:none;position:relative;color:var(--renk-koyu)}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";position:absolute;right:20px;top:12px;font-size:1.5rem;color:var(--renk-ana);transition:transform .3s}
.sss details[open] summary::after{transform:rotate(45deg)}
.sss details p{padding:0 20px 18px;color:var(--renk-soluk)}
/* blog */
.yazi-kart .meta{font-size:.85rem;color:var(--renk-soluk);margin-bottom:6px}
.yazi-kart a.devam{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-decoration:none}
/* cta */
.cta{background:linear-gradient(135deg,var(--renk-ana),var(--renk-koyu));color:#f3e9ec;text-align:center;padding:72px 0}
.cta h2{color:#fff}
.cta p{max-width:620px;margin:0 auto}
.cta .dugmeler{justify-content:center}
.serit-iletisim{background:var(--renk-acik);padding:28px 0;border-top:1px solid var(--renk-cizgi)}
.serit-iletisim .kap{display:flex;flex-wrap:wrap;gap:8px 32px;align-items:center;justify-content:space-between}
.serit-iletisim a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-decoration:none}
/* form */
.form label{display:block;font-weight:600;margin-bottom:6px}
.form .alan{margin-bottom:18px}
.form input,.form textarea{width:100%;font:inherit;padding:12px 14px;border:1px solid #b9b0b4;border-radius:6px;min-height:48px;background:#fff;color:var(--renk-metin)}
.form textarea{min-height:140px;resize:vertical}
.form input:focus,.form textarea:focus{outline:2px solid var(--renk-ana);border-color:var(--renk-ana)}
.bilgi-liste{list-style:none}
.bilgi-liste li{padding:14px 0;border-bottom:1px solid var(--renk-cizgi)}
.bilgi-liste b{display:block;color:var(--renk-koyu)}
/* alt bilgi */
.alt-bilgi{background:var(--renk-koyu);color:#d9cfd3;padding:56px 0 24px}
.alt-bilgi h3{color:#fff;font-size:1.05rem}
.alt-izgara{display:grid;gap:32px}
.alt-bilgi a{color:#d9cfd3;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.alt-bilgi a:hover{color:#fff}
.alt-bilgi ul{list-style:none}
.telif{border-top:1px solid rgba(196,200,208,.25);margin-top:28px;padding-top:20px;font-size:.9rem;color:var(--renk-gumus)}
/* animasyon */
html.js .belir{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--gecikme,0s)}
html.js .belir.gorunur{opacity:1;transform:none}
html.js .giris{opacity:0;transform:translateY(24px);animation:giris .8s ease forwards;animation-delay:var(--gecikme,0s)}
@keyframes giris{to{opacity:1;transform:none}}
@media (min-width:760px){
.izgara.iki{grid-template-columns:repeat(2,1fr)}
.vitrin-liste{aspect-ratio:21/8}
.izgara.uc,.izgara.dort{grid-template-columns:repeat(2,1fr)}
.ikili{grid-template-columns:1fr 1fr;gap:56px}
.alt-izgara{grid-template-columns:1.5fr 1fr 1fr}
.istat{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:980px){
.bolum{padding:96px 0}
.kahraman{padding:44px 0 48px}
.izgara.uc{grid-template-columns:repeat(3,1fr)}
.izgara.dort{grid-template-columns:repeat(4,1fr)}
.yan-duzen{grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}
.yan{position:sticky;top:20px}
}
/* masaüstü menü */
@media (min-width:1120px){
.menu-dugme{display:none}
.ust-menu{position:static;inset:auto;transform:none;visibility:visible;background:none;overflow:visible;padding:0}
.ust-menu>ul{flex-direction:row;gap:0}
.ust-menu a{color:var(--renk-koyu);font-size:.93rem;min-height:44px;padding:0 7px;font-weight:600}
.ust-menu a:hover,.ust-menu a[aria-current]{color:var(--renk-ana)}
.acilir{flex-wrap:nowrap}
.alt-ac{color:var(--renk-koyu);width:24px;margin-left:-8px}
.ust-menu .alt{position:absolute;top:100%;left:0;min-width:230px;background:#fff;border:1px solid var(--renk-cizgi);border-radius:8px;box-shadow:0 14px 30px rgba(63,10,25,.16);padding:8px 0;display:none;align-items:stretch;z-index:80}
.acilir:hover>.alt,.acilir:focus-within>.alt,.acilir.acik>.alt{display:flex}
.ust-menu .alt a{color:var(--renk-koyu);padding:0 18px;font-size:.95rem;width:100%}
.ust-menu .alt a:hover{background:var(--renk-acik)}
}
/* vitrin */
.vitrin-slayt{margin:0}
@media (max-width:600px){.vitrin-yazi span{display:none}.vitrin-liste{aspect-ratio:4/3}}
.vitrin{position:relative;background:var(--renk-koyu);overflow:hidden}
.vitrin-liste{position:relative;aspect-ratio:16/10;width:100%}
.vitrin-slayt{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}
.vitrin-slayt:first-child{opacity:1;visibility:visible}
html.js .vitrin-slayt:first-child:not(.aktif){opacity:0;visibility:hidden}
.vitrin-slayt.aktif{opacity:1;visibility:visible}
.vitrin-slayt img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.vitrin-yazi{position:absolute;left:0;right:0;bottom:0;padding:48px 0 52px;background:linear-gradient(0deg,rgba(63,10,25,.88),rgba(63,10,25,0));color:#fff}
.vitrin-yazi strong{display:block;font-size:clamp(1.3rem,4vw,2.2rem);font-weight:800;line-height:1.2}
.vitrin-yazi span{display:block;margin-top:6px;max-width:620px;font-size:1rem}
.vitrin-noktalar{position:absolute;bottom:2px;left:0;right:0;display:flex;justify-content:center;gap:0;z-index:2}
.vitrin-noktalar button{width:44px;height:44px;border:0;background:none;cursor:pointer;position:relative}
.vitrin-noktalar button::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:11px;margin:-5px 0 0 -5px;border-radius:50%;background:rgba(255,255,255,.45);transition:background .3s,transform .3s}
.vitrin-noktalar button.aktif::after{background:#fff;transform:scale(1.25)}
/* yan sütun ve reklam */
.yan-duzen{display:grid;gap:40px}
.ana{min-width:0}
.yan{display:flex;flex-direction:column;gap:24px;align-items:center}
.reklam{position:relative;width:100%;max-width:300px;border:2px dashed var(--renk-gumus);border-radius:10px;background:var(--renk-acik);overflow:hidden;display:block;text-decoration:none}
.reklam.yatay{aspect-ratio:6/5}
.reklam.uzun{aspect-ratio:1/2}
.reklam img{width:100%;height:100%;object-fit:cover}
.reklam-yer{padding:12px}
.fiyat{font-size:1.35rem;font-weight:800;color:var(--renk-ana);margin-top:12px}
.dugme.wa{background:#1b6b3a;border-color:#1b6b3a;color:#fff}
.yan-duzen.cift .ana{order:1}
.yan-duzen.cift .yan-sol{order:2}
.yan-duzen.cift .yan-sag{order:3}
@media (max-width:979px){.yan-duzen.cift .yan-sag{display:none}}
@media (min-width:980px){
.yan-duzen.cift{grid-template-columns:200px minmax(0,1fr) 200px;gap:28px}
.yan-duzen.cift .ana{order:2}
.yan-duzen.cift .yan-sol{order:1}
.yan-duzen.cift .yan-sag{order:3}
.yan-duzen.cift .reklam{max-width:200px}
}
/* tek yan reklamli düzen */
.yan-duzen.tek .ana{order:1}
.yan-duzen.tek .yan{order:2}
@media (max-width:979px){.yan-duzen.tek.tek-ust .yan{order:-1}}
@media (min-width:980px){
.yan-duzen.tek-sag{grid-template-columns:minmax(0,1fr) 200px;gap:40px}
.yan-duzen.tek-sol{grid-template-columns:200px minmax(0,1fr);gap:40px}
.yan-duzen.tek-sol .yan{order:1}
.yan-duzen.tek-sol .ana{order:2}
.yan-duzen.tek .reklam{max-width:200px}
.yan-duzen.tek .izgara.dort{grid-template-columns:repeat(2,1fr)}
}
/* ilk reklam: 300x350 */
.reklam.ilk-reklam{width:100%;max-width:300px;aspect-ratio:300/350;margin:0 auto}
@media (min-width:980px){
.yan-duzen.tek-sol.ilk-reklam-duzen{grid-template-columns:300px minmax(0,1fr)}
.yan-duzen.tek .reklam.ilk-reklam{max-width:300px}
}
/* orta (yatay) reklam */
.reklam.orta{display:block;max-width:728px;width:100%;aspect-ratio:728/90;min-height:50px;margin:48px auto}
.reklam-serit{padding:8px 0 40px}
.reklam-serit .reklam.orta{margin:0 auto}
.reklam.orta img{width:100%;height:100%;object-fit:cover}
@media (max-width:600px){.reklam.orta{margin:32px auto;min-height:56px}}
/* yönetim bölümü */
.yonetim-bolum{padding:48px 0}
.yonetim-bolum .baslik-blok{margin-bottom:24px}
.yonetim-kart{display:grid;grid-template-columns:1fr;gap:24px;align-items:start;background:#fff;border:1px solid var(--renk-cizgi);border-radius:10px;padding:26px}
.yonetim-foto{width:100%;max-width:260px;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:var(--renk-acik);margin:0 auto}
.yonetim-foto img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.yonetim-unvan{font-weight:700;color:var(--renk-ana);margin-bottom:12px}
.yonetim-iletisim{display:flex;flex-wrap:wrap;gap:4px 28px;margin-top:14px}
.yonetim-iletisim a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-decoration:none}
@media(min-width:700px){.yonetim-kart{grid-template-columns:260px 1fr;gap:32px}.yonetim-foto{margin:0}}
/* ortak bileşenler */
.kategori-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--renk-cizgi);border-radius:999px;text-decoration:none;font-weight:600;color:var(--renk-koyu);background:#fff;transition:background .25s,color .25s}
.chip:hover,.chip[aria-current]{background:var(--renk-ana);color:#fff;border-color:var(--renk-ana)}
.satir{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--renk-cizgi)}
.satir>div{flex:1 1 260px}
.satir h3{margin-bottom:4px}
.tarih-kutu{flex:none!important;width:78px;height:78px;border-radius:10px;background:var(--renk-ana);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:800;line-height:1.2;font-size:.9rem}
.tarih-kutu b{font-size:1.5rem}
.gorsel-kutu.video{position:relative}
.oynat{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--renk-ana);display:grid;place-items:center;pointer-events:none}
.oynat svg{width:26px;height:26px;fill:#fff}
.kart .gorsel-kutu{margin-bottom:16px}
.tablo-sar{overflow-x:auto;border:1px solid var(--renk-cizgi);border-radius:10px}
.tablo-sar table{width:100%;min-width:560px;border-collapse:collapse;font-size:.97rem}
.tablo-sar th,.tablo-sar td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--renk-cizgi)}
.tablo-sar th{background:var(--renk-acik);color:var(--renk-koyu)}
.kart .dugme.kucuk{margin-top:14px}
.dugme.kucuk{min-height:44px;padding:0 20px;font-size:.95rem}
.paragraf p{margin-bottom:16px}
/* multimedya sayfaları */
.galeri{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start}
.galeri button{display:block;width:100%;padding:0;border:0;background:var(--renk-acik);border-radius:10px;overflow:hidden;cursor:zoom-in;aspect-ratio:1/1}
.galeri button img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s}
.galeri button:hover img{transform:scale(1.06)}
.buyuk{position:fixed;inset:0;z-index:200;background:rgba(31,10,18,.92);display:none;align-items:center;justify-content:center;padding:20px;flex-direction:column;gap:14px}
.buyuk.acik{display:flex}
.buyuk img{max-width:100%;max-height:78vh;width:auto;height:auto;border-radius:8px;object-fit:contain}
.buyuk p{color:#fff;text-align:center;max-width:640px}
.buyuk-kapat{position:absolute;top:14px;right:14px;width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:var(--renk-koyu);font-size:1.6rem;cursor:pointer;line-height:1}
.sure{display:inline-block;font-size:.8rem;font-weight:700;background:var(--renk-koyu);color:#fff;border-radius:4px;padding:2px 8px;margin-bottom:8px}
.yil-blok{margin-bottom:40px}
.yil-blok h2{border-bottom:3px solid var(--renk-gumus);padding-bottom:8px}
.belge-gorsel{aspect-ratio:4/3;border-radius:8px;margin-bottom:16px;display:grid;place-items:center;background:linear-gradient(150deg,var(--renk-ana),var(--renk-koyu));border:6px double rgba(196,200,208,.7)}
.belge-gorsel svg{width:54px;height:54px;stroke:#fff;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.kitap-no{width:44px;height:44px;border-radius:50%;background:var(--renk-gumus);color:var(--renk-koyu);font-weight:800;display:grid;place-items:center;margin-bottom:12px}
@media (min-width:760px){.galeri{grid-template-columns:repeat(3,1fr);gap:18px}}
@media (prefers-reduced-motion:reduce){
*{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.js .belir,html.js .giris{opacity:1;transform:none}
}