@font-face{font-family:"Archivo";src:url("/assets/site/fonts/archivo-var.woff2?v=1791379342") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url("/assets/site/fonts/atkinson_hyperlegible_next-var-italic.woff2?v=1791379342") format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url("/assets/site/fonts/atkinson_hyperlegible_next-var.woff2?v=1791379342") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face {
font-family: "Ziffern";
src: url("/assets/site/fonts/archivo-var.woff2") format("woff2");
font-weight: 100 900;
unicode-range: U+0030-0039;
font-display: swap;
}
:root {
--papier: #F5EFE4;          
--papier-2: #ECE3D3;
--weiss: #FFFDF8;
--nacht: #1A1524;           
--nacht-2: #251E33;
--tinte: #16121D;
--tinte-2: #4A4452;
--creme: #F5EFE4;           
--creme-2: #CFC6D9;
--schablone: #5B4CF0;       
--schablone-hell: #B5ABFF;
--rot: #D3263A;             
--senf: #F0B23A;            
--petrol: #1F6F6A;          
--rosa: #F2B8C6;
--haut: #EFD8C7;            
--haut-koyu: #C7A493;
--offen: #1F7A4D;           
--offen-hell: #4CC48A;      
--linie: #DCD2C1;
--schablone-soluk: rgba(91, 76, 240, .35);
--font-baslik: "Archivo", "Arial Narrow", Arial, sans-serif;
--font-metin: "Ziffern", "Atkinson Hyperlegible Next", "Segoe UI", system-ui, sans-serif;
--genis: 120;
--t-1: .875rem;
--t0: 1.125rem;
--t1: 1.3125rem;
--t2: 1.75rem;
--t3: clamp(2rem, 1.3rem + 2.6vw, 3rem);
--t4: clamp(2.6rem, 1.2rem + 5vw, 5rem);
--satir: 1.6;
--a1: .25rem; --a2: .5rem; --a3: .75rem; --a4: 1rem; --a5: 1.5rem; --a6: 2rem; --a7: 3rem; --a8: 4.5rem; --a9: 7rem;
--kap: 78rem;
--olcu: 68ch;
--kenar: clamp(1.125rem, 4vw, 2.5rem);
--kose: 14px;
--golge: 6px 6px 0 var(--tinte);     
--golge-buyuk: 10px 10px 0 var(--tinte);
--yumusak: cubic-bezier(.2, .7, .2, 1);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 5.5rem; color-scheme: light; }
:root { padding-top: env(safe-area-inset-top, 0px); }
body { margin: 0; background: var(--papier); color: var(--tinte); font-family: var(--font-metin); font-size: var(--t0); line-height: var(--satir); }
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration-color: var(--schablone); text-decoration-thickness: 1.5px; text-underline-offset: .22em; }
a:hover { text-decoration-thickness: 2.5px; }
:focus-visible { outline: 3px solid var(--schablone); outline-offset: 3px; }
h1, h2, h3 {
margin: 0; font-family: var(--font-baslik); font-variation-settings: "wdth" var(--genis); line-height: 1.02; letter-spacing: -.015em;
text-wrap: balance; overflow-wrap: break-word; hyphens: auto;
}
h1 { font-size: var(--t4); font-weight: 850; }
h2 { font-size: var(--t3); font-weight: 800; }
h3 { font-size: var(--t1); font-weight: 750; line-height: 1.15; }
p { margin: 0; }
main:focus { outline: none; }
.kap { width: min(100% - 2 * var(--kenar), var(--kap)); margin-inline: auto; }
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.atla { position: absolute; left: var(--a4); top: -10rem; z-index: 60; padding: var(--a2) var(--a4); background: var(--senf); color: var(--tinte); font-weight: 700; }
.atla:focus { top: var(--a4); }
.dugme {
position: relative; isolation: isolate; overflow: hidden;
display: inline-flex; align-items: center; justify-content: center; gap: var(--a2);
min-height: 3.1rem; padding: .8rem 1.5rem; border: 2px solid var(--tinte); border-radius: 999px;
background: var(--rot); color: var(--weiss); font: 750 1rem/1.2 var(--font-metin); text-decoration: none;
box-shadow: 4px 4px 0 var(--tinte); transition: transform .2s var(--yumusak), box-shadow .2s var(--yumusak), color .25s;
}
.dugme::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--tinte); transform: translateY(101%); transition: transform .3s var(--yumusak); }
.dugme:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--tinte); }
.dugme:hover::before { transform: translateY(0); }
.dugme:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--tinte); }
.dugme--cizgi { background: var(--weiss); color: var(--tinte); }
.dugme--cizgi:hover { color: var(--weiss); }
.baglanti { font-weight: 750; display: inline-flex; align-items: center; gap: .4rem; }
.baglanti::after { content: "→"; transition: transform .2s var(--yumusak); }
.baglanti:hover::after { transform: translateX(4px); }
.ust { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 40; background: rgba(22, 18, 29, .94); backdrop-filter: blur(8px); color: var(--creme); border-bottom: 1px solid rgba(255, 255, 255, .08); }
.ust__ic { display: flex; align-items: center; gap: var(--a5); min-height: 4.5rem; }
.marka { display: grid; text-decoration: none; line-height: 1.02; }
.marka__ad { font-family: var(--font-baslik); font-variation-settings: "wdth" 125; font-weight: 850; font-size: 1.15rem; letter-spacing: -.01em; white-space: nowrap; }
.marka__alt { color: var(--senf); font-size: .8125rem; font-weight: 700; letter-spacing: .02em; }
.menu { display: flex; align-items: center; gap: var(--a5); margin-left: auto; }
.menu__liste { display: flex; gap: var(--a5); margin: 0; padding: 0; list-style: none; }
.menu__liste a { position: relative; text-decoration: none; font-weight: 650; padding-block: .3rem; }
.menu__liste a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 3px; background: var(--senf); transform: scaleX(0); transform-origin: left; transition: transform .25s var(--yumusak); }
.menu__liste a:hover::after, .menu__liste a[aria-current="page"]::after { transform: scaleX(1); }
.dil { display: flex; gap: var(--a2); color: var(--creme-2); font-size: .9375rem; }
.dil a { text-decoration: none; }
.dil [aria-current="true"] { color: var(--weiss); font-weight: 750; }
.ust .dugme { min-height: 2.7rem; padding: .55rem 1.15rem; box-shadow: 3px 3px 0 #000; border-color: #000; }
.menu-dugme { display: none; margin-left: auto; min-height: 2.75rem; padding: 0 var(--a4); background: none; border: 2px solid var(--creme); border-radius: 999px; color: var(--creme); font: 750 1rem var(--font-metin); }
.giris { position: relative; overflow: hidden; background: var(--nacht); color: var(--creme); padding-block: var(--a8) var(--a8); }
.giris__su { position: absolute; left: -2vw; bottom: -3vw; margin: 0; font-family: var(--font-baslik); font-variation-settings: "wdth" 125; font-weight: 900; font-size: 26vw; line-height: .8;
color: transparent; -webkit-text-stroke: 1px rgba(245, 239, 228, .09); pointer-events: none; user-select: none; white-space: nowrap; }
.giris__ic { position: relative; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--a7); align-items: center; }
.giris h1 { max-width: 13ch; color: var(--weiss); }
.giris h1::after { content: ""; display: block; width: 5.5rem; height: .5rem; margin-top: var(--a5); background: var(--rot); border-radius: 99px; transform-origin: left; animation: cizgi .9s var(--yumusak) .35s both; }
.giris__alt { max-width: 34ch; margin-top: var(--a5); font-size: var(--t1); line-height: 1.45; color: var(--creme); }
.giris__yanit { max-width: var(--olcu); margin-top: var(--a5); color: var(--creme-2); }
.giris__yanit p + p { margin-top: var(--a3); }
.giris__yanit a { color: var(--weiss); text-decoration-color: var(--senf); }
.giris .eylemler { margin-top: var(--a6); }
.giris .dugme { border-color: #000; box-shadow: 4px 4px 0 #000; }
.durum { display: flex; flex-wrap: wrap; align-items: center; gap: var(--a2) var(--a5); margin-top: var(--a5); font-weight: 650; }
.durum a { text-decoration-color: var(--senf); }
.durum__isaret { display: inline-flex; align-items: center; gap: var(--a2); padding: .3rem .8rem .3rem .65rem; border: 2px solid var(--tinte); border-radius: 999px; background: var(--weiss); color: var(--tinte-2); }
.durum__isaret::before { content: ""; width: .6rem; height: .6rem; border-radius: 50%; background: var(--tinte-2); }
.durum__isaret--acik { color: var(--offen); }
.durum__isaret--acik::before { background: var(--offen); animation: nabiz 2s ease-out infinite; }
.giris .durum__isaret { border: 0; background: rgba(255, 255, 255, .08); color: var(--creme-2); }
.giris .durum__isaret::before { background: var(--creme-2); }
.giris .durum__isaret--acik { color: var(--offen-hell); }
.giris .durum__isaret--acik::before { background: var(--offen-hell); }
.eylemler { display: flex; flex-wrap: wrap; gap: var(--a4); margin-top: var(--a6); }
.cizim-pano { position: relative; background: var(--haut); aspect-ratio: 4 / 5; border-radius: var(--kose); border: 2px solid #000; box-shadow: var(--golge-buyuk); overflow: hidden; }
.giris .cizim-pano { transform: rotate(1.5deg); }
.cizim-pano .hero-sablon { width: 100%; height: 100%; }
.damga { position: absolute; right: -1.6rem; top: -1.6rem; z-index: 2; width: 9.5rem; height: 9.5rem; color: var(--tinte); }
.damga__daire { fill: var(--senf); stroke: #000; stroke-width: 2; }
.damga__yazi { font: 800 11.5px var(--font-baslik); letter-spacing: .14em; text-transform: uppercase; fill: var(--tinte); }
.damga__dondur { transform-origin: 50% 50%; animation: dondur 22s linear infinite; }
.damga__yildiz { fill: var(--rot); }
.hero-sablon .c { stroke-dasharray: 1; stroke-dashoffset: 1; animation: ciz .9s var(--yumusak) .25s forwards; }
.hero-sablon .c1 { animation-delay: .45s; } .hero-sablon .c2 { animation-delay: .54s; } .hero-sablon .c3 { animation-delay: .63s; }
.hero-sablon .c4 { animation-delay: .72s; } .hero-sablon .c5 { animation-delay: .81s; } .hero-sablon .c6 { animation-delay: .9s; }
.hero-sablon .c7 { animation-delay: .99s; } .hero-sablon .c8 { animation-delay: 1.08s; } .hero-sablon .c9 { animation-delay: 1.2s; } .hero-sablon .c10 { animation-delay: 1.3s; }
.hero-sablon .k { opacity: 0; animation: belir .5s ease-out .15s forwards; }
.serit { overflow: hidden; background: var(--rot); color: var(--weiss); border-block: 2px solid #000; }
.serit__ic { display: flex; width: max-content; animation: kay 38s linear infinite; }
.serit:hover .serit__ic { animation-play-state: paused; }
.serit__liste { display: flex; align-items: center; gap: var(--a6); margin: 0; padding: .95rem var(--a6) .95rem 0; list-style: none; }
.serit__liste li { display: flex; align-items: center; gap: var(--a6); font-family: var(--font-baslik); font-variation-settings: "wdth" 125; font-weight: 850; font-size: clamp(1.1rem, .9rem + .9vw, 1.6rem); text-transform: uppercase; white-space: nowrap; }
.serit__liste a { text-decoration: none; }
.serit__liste a:hover { color: var(--senf); }
.serit__yildiz { width: 1.1rem; height: 1.1rem; fill: var(--senf); flex: none; }
.bolum { padding-block: var(--a9); }
.bolum--yakin { padding-top: 0; }
.bolum--koyu { background: var(--nacht); color: var(--creme); }
.bolum__bas { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--a4) var(--a6); margin-bottom: var(--a7); }
.bolum__bas p { max-width: 52ch; margin-top: var(--a4); color: var(--tinte-2); font-size: var(--t1); line-height: 1.45; }
.bolum--koyu .bolum__bas p { color: var(--creme-2); }
.bolum--koyu .baglanti { color: var(--weiss); }
.levha { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--a5); }
.levha__oge {
--kart: var(--weiss); --cizgi: var(--tinte);
position: relative; display: grid; grid-template-rows: auto 1fr; gap: var(--a4); padding: var(--a5) var(--a5) var(--a6);
background: var(--kart); color: var(--cizgi); border: 2px solid var(--tinte); border-radius: var(--kose); box-shadow: var(--golge);
text-decoration: none; transition: transform .25s var(--yumusak), box-shadow .25s var(--yumusak);
}
.levha__oge:nth-child(5n + 1) { --kart: var(--rot); --cizgi: var(--weiss); }
.levha__oge:nth-child(5n + 2) { --kart: var(--senf); --cizgi: var(--tinte); }
.levha__oge:nth-child(5n + 3) { --kart: var(--petrol); --cizgi: var(--weiss); }
.levha__oge:nth-child(5n + 4) { --kart: var(--schablone); --cizgi: var(--weiss); }
.levha__oge:nth-child(5n + 5) { --kart: var(--weiss); --cizgi: var(--tinte); }
.levha__oge:hover { transform: translate(-3px, -3px) rotate(-.6deg); box-shadow: var(--golge-buyuk); }
.levha__cizim { width: 7rem; height: 7rem; margin-inline: auto; color: var(--cizgi); }
.levha__cizim .zemin-f { fill: var(--kart); }
.levha__cizim .zemin-s { stroke: var(--kart); }
.levha__oge:hover .levha__cizim .ciz { animation: ciz-tekrar .9s var(--yumusak); }
.levha__ad { display: block; font-family: var(--font-baslik); font-variation-settings: "wdth" var(--genis); font-weight: 850; font-size: var(--t2); line-height: 1.05; }
.levha__ozet { display: block; margin-top: var(--a2); font-size: 1rem; line-height: 1.45; }   
.levha__ok { position: absolute; right: var(--a4); top: var(--a4); width: 2.3rem; height: 2.3rem; display: grid; place-items: center; border-radius: 50%; background: var(--tinte); color: var(--weiss); font-weight: 800; transform: scale(.6) rotate(-45deg); opacity: 0; transition: transform .25s var(--yumusak), opacity .25s; }
.levha__oge:hover .levha__ok, .levha__oge:focus-visible .levha__ok { transform: scale(1) rotate(-45deg); opacity: 1; }
.bant { background: var(--senf); border-block: 2px solid #000; }
.bant__ic { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 25rem); gap: var(--a7); align-items: center; }
.bant h2 { font-size: var(--t4); }
.bant p { max-width: 50ch; margin-top: var(--a4); font-size: var(--t1); line-height: 1.45; }
.bant .eylemler { margin-top: var(--a6); }
.bant .baglanti { margin-top: var(--a5); }
.saatler { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; background: var(--weiss); border: 2px solid #000; border-radius: var(--kose); box-shadow: var(--golge); overflow: hidden; }
.saatler caption { padding-bottom: var(--a3); text-align: left; font-family: var(--font-baslik); font-variation-settings: "wdth" var(--genis); font-weight: 800; font-size: var(--t2); }
.saatler th, .saatler td { padding: .7rem 1.1rem; border-bottom: 1px solid var(--linie); text-align: left; font-weight: 400; }
.saatler tr:last-child th, .saatler tr:last-child td { border-bottom: 0; }
.saatler td { text-align: right; }
.saatler .bugun th, .saatler .bugun td { font-weight: 800; background: var(--papier); }
.saatler .bugun th::before { content: ""; display: inline-block; width: .55rem; height: .55rem; margin-right: .55rem; border-radius: 50%; background: var(--offen); vertical-align: .1em; }
.sss { max-width: 58rem; border-top: 2px solid currentColor; }
.sss details { border-bottom: 1px solid color-mix(in srgb, currentColor 22%, transparent); }
.sss summary { display: flex; justify-content: space-between; align-items: center; gap: var(--a4); padding: var(--a5) 0; cursor: pointer; font-weight: 750; font-size: var(--t1); line-height: 1.35; list-style: none; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: "+"; flex: none; display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: var(--senf); color: var(--tinte); font-family: var(--font-baslik); font-weight: 800; font-size: 1.4rem; line-height: 1; transition: transform .25s var(--yumusak); }
.sss details[open] summary::after { content: "−"; transform: rotate(180deg); background: var(--rot); color: var(--weiss); }
.sss__cevap { max-width: var(--olcu); padding: 0 0 var(--a5) var(--a5); border-left: 3px solid var(--schablone); }
.bolum--koyu .sss__cevap { border-left-color: var(--schablone-hell); color: var(--creme-2); }
.bolum--koyu .sss__cevap a { color: var(--weiss); }
.sss__cevap p + p { margin-top: var(--a3); }
.rehber { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--a5); margin: 0; padding: 0; list-style: none; }
.rehber a { display: block; height: 100%; padding: var(--a6) var(--a5); background: var(--weiss); border: 2px solid var(--tinte); border-radius: var(--kose); box-shadow: var(--golge); text-decoration: none; transition: transform .25s var(--yumusak), box-shadow .25s var(--yumusak); }
.rehber li:nth-child(3n + 1) a { border-top: 10px solid var(--rot); }
.rehber li:nth-child(3n + 2) a { border-top: 10px solid var(--petrol); }
.rehber li:nth-child(3n + 3) a { border-top: 10px solid var(--schablone); }
.rehber a:hover { transform: translate(-3px, -3px); box-shadow: var(--golge-buyuk); }
.rehber h3 { margin-bottom: var(--a3); font-size: var(--t2); }
.rehber p { color: var(--tinte-2); font-size: 1rem; }
.cagri { position: relative; padding-block: var(--a9); background: var(--schablone); color: var(--weiss); overflow: hidden; border-top: 2px solid #000; }
.cagri::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(135deg, rgba(255, 255, 255, .08) 0 2px, transparent 2px 22px); pointer-events: none; }
.cagri__ic { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--a6); align-items: end; }
.cagri h2 { font-size: var(--t4); }
.cagri p { max-width: 50ch; margin-top: var(--a4); color: #E7E3FF; font-size: var(--t1); line-height: 1.45; }
.cagri .dugme { background: var(--senf); color: var(--tinte); border-color: #000; box-shadow: 4px 4px 0 #000; }
.cagri .dugme:hover { color: var(--weiss); }
.cagri .dugme--cizgi { background: var(--weiss); }
.cagri a { text-decoration-color: var(--senf); }
.alt { padding-block: var(--a8) var(--a6); background: var(--tinte); color: var(--creme-2); font-size: 1rem; }
.alt__ic { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: var(--a6); }
.alt h2 { margin-bottom: var(--a4); font-family: var(--font-metin); font-size: .8125rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--senf); }
.alt ul { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--a2); }
.alt a { color: var(--creme); text-decoration-color: rgba(245, 239, 228, .35); }
.alt a:hover { text-decoration-color: var(--senf); }
.alt address { font-style: normal; color: var(--creme); }
.alt__durum { margin-bottom: var(--a2); font-weight: 750; }
.alt__durum--acik { color: var(--offen-hell); }
.alt__menu { margin-top: var(--a7); padding-top: var(--a5); border-top: 1px solid rgba(255, 255, 255, .12); }
.alt__menu ul { display: flex; flex-wrap: wrap; gap: var(--a2) var(--a5); }
.alt__dada { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--a3); margin-top: var(--a6); padding-top: var(--a4); border-top: 1px solid rgba(255, 255, 255, .12); font-size: var(--t-1); }
.cubuk { display: none; }
.yol { padding-top: var(--a5); color: var(--tinte-2); font-size: .9375rem; }
.yol ol { display: flex; flex-wrap: wrap; gap: var(--a2); margin: 0; padding: 0; list-style: none; }
.yol li + li::before { content: "/"; margin-right: var(--a2); color: var(--rot); font-weight: 800; }
.sayfa { padding-block: var(--a6) var(--a8); }
.sayfa h1 { max-width: 18ch; }
.sayfa h1::after { content: ""; display: block; width: 4.5rem; height: .45rem; margin-top: var(--a4); background: var(--rot); border-radius: 99px; }
.sayfa__ozet { max-width: var(--olcu); margin-top: var(--a5); font-size: var(--t1); line-height: 1.5; }
.sayfa .metin { margin-top: var(--a7); }
.sayfa__levha { margin-top: var(--a7); }
.sayfa--devam { padding-top: 0; }
.sayfa--dar-alt { padding-bottom: var(--a5); }
.sayfa--yasal { padding-bottom: var(--a5); }
.sayfa__sss, .sayfa__harita, .soru { margin-top: var(--a8); max-width: 58rem; }
.sayfa__sss h2, .sayfa__harita h2, .soru h2 { margin-bottom: var(--a5); font-size: var(--t2); }
.soru > p { max-width: var(--olcu); margin-bottom: var(--a5); color: var(--tinte-2); }
.stil-bas { --kart: var(--schablone); background: var(--kart); color: var(--weiss); border-bottom: 2px solid #000; padding-block: var(--a7) var(--a8); }
.stil-bas .yol, .stil-bas .yol a { color: inherit; }
.stil-bas__ic { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: var(--a7); align-items: center; }
.stil-bas h1 { color: var(--weiss); }
.stil-bas__ozet { max-width: var(--olcu); margin-top: var(--a5); font-size: var(--t1); line-height: 1.5; }
.stil-bas .cizim-pano { aspect-ratio: 1; display: grid; place-items: center; transform: rotate(-1.5deg); }
.stil-bas .cizim-pano img, .stil-bas .cizim-pano svg { width: 62%; height: auto; }
.stil-bas .dugme--cizgi { background: var(--weiss); }
.okuma { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: var(--a7); align-items: start; padding-block: var(--a8); }
.okuma--tek { grid-template-columns: minmax(0, 1fr); }
.icindekiler { position: sticky; top: 6.5rem; font-size: .9375rem; padding: var(--a5); background: var(--weiss); border: 2px solid var(--tinte); border-radius: var(--kose); box-shadow: var(--golge); }
.icindekiler h2 { margin-bottom: var(--a3); font-family: var(--font-metin); font-size: .8125rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--rot); }
.icindekiler ol { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--a2); }
.icindekiler a { display: block; padding-left: var(--a3); border-left: 3px solid transparent; text-decoration: none; color: var(--tinte-2); }
.icindekiler a:hover { color: var(--tinte); border-left-color: var(--rot); }
.metin { max-width: var(--olcu); overflow-wrap: break-word; }
.metin h2 { margin: var(--a7) 0 var(--a4); font-size: var(--t2); }
.metin h2:first-child { margin-top: 0; }
.metin h3 { margin: var(--a6) 0 var(--a3); }
.metin p + p { margin-top: var(--a4); }
.metin a { font-weight: 650; }
.metin ul, .metin ol { margin: var(--a4) 0; padding-left: 1.4rem; }
.metin li + li { margin-top: var(--a2); }
.metin li::marker { color: var(--rot); font-weight: 800; }
.metin strong { font-weight: 750; }
.metin table { width: 100%; margin: var(--a5) 0; border-collapse: collapse; }
.metin th, .metin td { padding: .55rem .5rem; border-bottom: 1px solid var(--linie); text-align: left; vertical-align: top; }
.metin blockquote { margin: var(--a5) 0; padding-left: var(--a4); border-left: 3px solid var(--schablone); }
.metin__ek { margin-top: var(--a6); font-weight: 750; }
.metin__stand { margin-top: var(--a7); color: var(--tinte-2); font-size: var(--t-1); }
.benzer { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--a5); margin: 0; padding: 0; list-style: none; }
.benzer a { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); gap: var(--a4); align-items: center; height: 100%; padding: var(--a4); background: var(--weiss); border: 2px solid var(--tinte); border-radius: var(--kose); box-shadow: var(--golge); text-decoration: none; transition: transform .25s var(--yumusak), box-shadow .25s var(--yumusak); }
.benzer a:hover { transform: translate(-3px, -3px); box-shadow: var(--golge-buyuk); }
.benzer img, .benzer svg { width: 4.5rem; height: 4.5rem; }
.benzer p { margin-top: var(--a1); color: var(--tinte-2); font-size: 1rem; line-height: 1.45; }
.ikili { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--a7); align-items: start; padding-block: var(--a6) var(--a7); }
.ikili h1 { max-width: 16ch; }
.ikili .metin { margin-top: var(--a6); }
.kutu { padding: var(--a5); background: var(--weiss); border: 2px solid var(--tinte); border-radius: var(--kose); box-shadow: var(--golge); }
.kutu + .kutu { margin-top: var(--a5); }
.kutu h2 { margin-bottom: var(--a4); font-size: var(--t1); }
.kutu .saatler { border: 0; box-shadow: none; }
.kanallar { display: grid; gap: var(--a4); margin: 0; }
.kanallar dt { color: var(--tinte-2); font-size: var(--t-1); }
.kanallar dd { margin: var(--a1) 0 0; font-weight: 650; }
.sayfa__harita .kanallar { margin-bottom: var(--a5); }
.randevu { display: grid; grid-template-columns: minmax(0, 1fr) 22rem; gap: var(--a7); align-items: start; padding-bottom: var(--a6); }
.randevu__yan { position: sticky; top: 6.5rem; }
.harfler ul { display: flex; flex-wrap: wrap; gap: var(--a2); margin: var(--a6) 0 0; padding: 0; list-style: none; }
.harfler a { display: inline-grid; place-items: center; min-width: 2.6rem; min-height: 2.6rem; border: 2px solid var(--tinte); border-radius: 10px; background: var(--weiss); font-family: var(--font-baslik); font-weight: 800; text-decoration: none; transition: background .2s, color .2s; }
.harfler a:hover { background: var(--senf); }
.lexikon { max-width: 58rem; margin-top: var(--a6); }
.lexikon__grup { padding-top: var(--a5); }
.lexikon__harf { font-size: var(--t3); color: var(--rot); }
.lexikon dl { margin: var(--a3) 0 0; }
.lexikon__terim { padding: var(--a4) 0; border-bottom: 1px solid var(--linie); }
.lexikon__terim dt { font-weight: 800; font-size: var(--t1); }
.lexikon__terim dd { max-width: var(--olcu); margin: var(--a2) 0 0; }
.lexikon__terim:target { background: var(--weiss); box-shadow: -.75rem 0 0 var(--weiss), .75rem 0 0 var(--weiss); }
.impressum section { max-width: var(--olcu); margin-top: var(--a6); }
.impressum section h2 { margin-bottom: var(--a2); font-family: var(--font-metin); font-size: var(--t0); font-weight: 800; letter-spacing: 0; }
.js .rv { opacity: 0; transform: translateY(28px); }
.js .rv.gorundu { opacity: 1; transform: none; transition: opacity .7s var(--yumusak), transform .7s var(--yumusak); }
.js .levha .rv.gorundu:nth-child(4n + 2), .js .rehber .rv.gorundu:nth-child(3n + 2), .js .galeri .rv.gorundu:nth-child(3n + 2) { transition-delay: .08s; }
.js .levha .rv.gorundu:nth-child(4n + 3), .js .rehber .rv.gorundu:nth-child(3n + 3), .js .galeri .rv.gorundu:nth-child(3n + 3) { transition-delay: .16s; }
.js .levha .rv.gorundu:nth-child(4n + 4) { transition-delay: .24s; }
@keyframes ciz { to { stroke-dashoffset: 0; } }
@keyframes ciz-tekrar { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes belir { to { opacity: 1; } }
@keyframes cizgi { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes kay { to { transform: translateX(-50%); } }
@keyframes dondur { to { transform: rotate(360deg); } }
@keyframes nabiz { 0% { box-shadow: 0 0 0 0 rgba(76, 196, 138, .55); } 80%, 100% { box-shadow: 0 0 0 .55rem rgba(76, 196, 138, 0); } }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation: none !important; transition: none !important; }
.hero-sablon .c { stroke-dashoffset: 0; } .hero-sablon .k { opacity: 1; }
.js .rv { opacity: 1; transform: none; }
.serit__ic { transform: none; }
}
@media (max-width: 64rem) {
.levha { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.alt__ic { grid-template-columns: 1fr 1fr; }
.okuma { grid-template-columns: 1fr; }
.icindekiler { position: static; }
.randevu { grid-template-columns: 1fr; }
.randevu__yan { position: static; }
}
@media (max-width: 52rem) {
.menu-dugme { display: inline-flex; align-items: center; }
.menu { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; gap: var(--a4); padding: var(--a5) var(--kenar) var(--a6); background: var(--tinte); border-bottom: 2px solid #000; }
.menu.acik { display: flex; }
.menu__liste { flex-direction: column; gap: 0; }
.menu__liste a { display: block; padding: .8rem 0; border-bottom: 1px solid rgba(255, 255, 255, .1); font-size: var(--t1); }
.menu__liste a::after { display: none; }
.giris { padding-block: var(--a7); }
.giris__ic, .bant__ic, .cagri__ic, .stil-bas__ic, .ikili { grid-template-columns: 1fr; gap: var(--a6); }
.giris .cizim-pano { aspect-ratio: 16 / 11; transform: none; }
.damga { width: 7rem; height: 7rem; right: .6rem; top: .6rem; }
.cizim-pano { aspect-ratio: 5 / 4; }
.rehber, .benzer { grid-template-columns: 1fr; }
.bolum { padding-block: var(--a8); }
body { padding-bottom: 4.25rem; }
.cubuk { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; display: grid; grid-template-columns: repeat(3, 1fr); background: var(--tinte); padding-bottom: env(safe-area-inset-bottom, 0px); border-top: 2px solid #000; }
.cubuk--1 { grid-template-columns: 1fr; } .cubuk--2 { grid-template-columns: repeat(2, 1fr); } .cubuk--4 { grid-template-columns: repeat(4, 1fr); }
.cubuk a { display: grid; place-items: center; min-height: 3.5rem; color: var(--creme); font-weight: 750; font-size: .9375rem; text-decoration: none; border-right: 1px solid rgba(255, 255, 255, .12); }
.cubuk a:last-child { border-right: 0; }
.cubuk .cubuk__ana { background: var(--rot); color: var(--weiss); }
}
@media (max-width: 30rem) {
.levha { grid-template-columns: 1fr; }
.levha__oge { grid-template-columns: 5rem minmax(0, 1fr); grid-template-rows: none; align-items: center; }
.levha__cizim { width: 5rem; height: 5rem; }
.alt__ic { grid-template-columns: 1fr; }
.marka__ad { font-size: 1rem; font-variation-settings: "wdth" 105; }
}
.ciz { stroke-dasharray: 1; stroke-dashoffset: 0; }
.benzer a:hover .ciz, .stil-bas .cizim-pano:hover .ciz { animation: ciz-tekrar .9s var(--yumusak); }
.benzer svg { color: var(--tinte); }
.stil-bas .cizim-pano svg { color: var(--tinte); }
.stil-bas.renk-1 { --kart: var(--rot); }
.stil-bas.renk-2 { --kart: var(--senf); color: var(--tinte); }
.stil-bas.renk-2 h1 { color: var(--tinte); }
.stil-bas.renk-3 { --kart: var(--petrol); }
.stil-bas.renk-4 { --kart: var(--schablone); }
.stil-bas.renk-5 { --kart: var(--weiss); color: var(--tinte); }
.stil-bas.renk-5 h1 { color: var(--tinte); }
.stil-bas .dugme { border-color: #000; box-shadow: 4px 4px 0 #000; }
.stil-bas h1::after { content: ""; display: block; width: 4.5rem; height: .45rem; margin-top: var(--a4); background: currentColor; border-radius: 99px; opacity: .9; }
.giris .cizim-pano { overflow: visible; }   
.galeri { columns: 3 18rem; column-gap: var(--a5); margin-top: var(--a6); }
.eser { position: relative; break-inside: avoid; margin: 0 0 var(--a5); background: var(--weiss); border: 2px solid var(--tinte); border-radius: var(--kose); box-shadow: var(--golge); overflow: hidden; }
.eser img { width: 100%; height: auto; }
.eser__buyut { display: block; overflow: hidden; }
.eser__buyut img { transition: transform .5s var(--yumusak); }
.eser__buyut:hover img { transform: scale(1.04); }
.eser__rozet { position: absolute; top: var(--a3); left: var(--a3); z-index: 3; padding: .2rem .7rem; border: 2px solid #000; border-radius: 999px; background: var(--senf); color: var(--tinte); font-size: var(--t-1); font-weight: 800; }
.eser__alt { display: grid; gap: .15rem; padding: var(--a3) var(--a4) var(--a4); font-size: 1rem; }
.eser__baslik { font-weight: 750; }
.eser__stiller { color: var(--tinte-2); font-size: var(--t-1); }
.filtre ul { display: flex; flex-wrap: wrap; gap: var(--a2); margin: var(--a6) 0 0; padding: 0; list-style: none; }
.filtre a { display: inline-flex; align-items: center; min-height: 2.5rem; padding: .35rem 1rem; border: 2px solid var(--tinte); border-radius: 999px; background: var(--weiss); font-weight: 700; text-decoration: none; transition: background .2s, color .2s; }
.filtre a:hover { background: var(--senf); }
.filtre a[aria-current="page"] { background: var(--tinte); color: var(--weiss); }
.bos-durum { margin-top: var(--a6); padding: var(--a6); border: 2px dashed var(--schablone); border-radius: var(--kose); color: var(--tinte-2); }
.once-sonra { --konum: 50%; position: relative; overflow: hidden; touch-action: pan-y; }
.once-sonra__once { position: absolute; inset: 0; clip-path: inset(0 calc(100% - var(--konum)) 0 0); }
.once-sonra__once img { width: 100%; height: 100%; object-fit: cover; }
.once-sonra::after { content: ""; position: absolute; top: 0; bottom: 0; left: var(--konum); width: 3px; margin-left: -1.5px; background: var(--weiss); box-shadow: 0 0 0 1px rgba(0, 0, 0, .35); pointer-events: none; }
.once-sonra__etiket { position: absolute; bottom: var(--a3); z-index: 2; padding: .15rem .6rem; border-radius: 999px; background: rgba(22, 18, 29, .78); color: var(--weiss); font-size: var(--t-1); font-weight: 700; pointer-events: none; }
.once-sonra__etiket--once { left: var(--a3); }
.once-sonra__etiket--sonra { right: var(--a3); }
.once-sonra__kaydirac { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; }
.once-sonra__kaydirac:focus-visible + * { outline: none; }
.once-sonra:focus-within { outline: 3px solid var(--schablone); outline-offset: -3px; }
.isik-kutusu { max-width: min(92vw, 70rem); max-height: 92vh; padding: 0; border: 2px solid #000; border-radius: var(--kose); background: var(--nacht); box-shadow: var(--golge-buyuk); }
.isik-kutusu::backdrop { background: rgba(22, 18, 29, .82); }
.isik-kutusu__gorsel { display: block; max-width: 100%; max-height: calc(92vh - 4px); width: auto; height: auto; margin: 0 auto; }
.isik-kutusu__kapat { position: absolute; top: var(--a3); right: var(--a3); z-index: 2; min-height: 2.5rem; padding: .3rem 1rem; border: 2px solid #000; border-radius: 999px; background: var(--weiss); font: 750 .9375rem var(--font-metin); cursor: pointer; }
@media (max-width: 40rem) { .galeri { columns: 1; } }
.yazilar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--a5); margin-top: var(--a6); }
.yazi-kart { display: flex; flex-direction: column; background: var(--weiss); border: 2px solid var(--tinte); border-radius: var(--kose); box-shadow: var(--golge); overflow: hidden; transition: transform .25s var(--yumusak), box-shadow .25s var(--yumusak); }
.yazi-kart:hover { transform: translate(-3px, -3px); box-shadow: var(--golge-buyuk); }
.yazi-kart__gorsel { display: block; aspect-ratio: 16 / 10; overflow: hidden; border-bottom: 2px solid var(--tinte); background: var(--haut); }
.yazi-kart__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--yumusak); }
.yazi-kart:hover .yazi-kart__gorsel img { transform: scale(1.04); }
.yazi-kart__ic { display: flex; flex-direction: column; gap: var(--a2); padding: var(--a5); flex: 1; }
.yazi-kart__baslik { font-size: var(--t1); }
.yazi-kart__baslik a { text-decoration: none; }
.yazi-kart__baslik a:hover { text-decoration: underline; text-decoration-color: var(--rot); }
.yazi-kart p { color: var(--tinte-2); font-size: 1rem; line-height: 1.5; }
.yazi-kart__meta { margin-top: auto !important; padding-top: var(--a3); font-size: var(--t-1) !important; }
.yazi-kart__kategori { align-self: flex-start; display: inline-block; padding: .15rem .7rem; border: 2px solid var(--tinte); border-radius: 999px; background: var(--senf); color: var(--tinte); font-size: var(--t-1); font-weight: 800; text-decoration: none; }
.yazi-bas { padding-block: var(--a6) var(--a5); }
.yazi-bas h1 { max-width: 22ch; margin-top: var(--a4); }
.yazi-bas__meta { margin-top: var(--a4); color: var(--tinte-2); font-size: .9375rem; }
.yazi-kapak { margin-block: 0 var(--a2); }
.yazi-kapak img { width: 100%; height: auto; max-height: 34rem; object-fit: cover; border: 2px solid var(--tinte); border-radius: var(--kose); box-shadow: var(--golge); }
.saglik-notu { margin-top: var(--a6) !important; padding: var(--a4) var(--a5); border-left: 4px solid var(--rot); background: var(--weiss); border-radius: 0 var(--kose) var(--kose) 0; font-size: 1rem; }
.konular { display: flex; flex-wrap: wrap; align-items: center; gap: var(--a2); margin-top: var(--a6) !important; }
.konular span { font-weight: 800; }
.konular a { padding: .15rem .7rem; border: 1.5px solid var(--tinte); border-radius: 999px; font-size: var(--t-1); font-weight: 650; text-decoration: none; }
.konular a:hover { background: var(--senf); }
.sayfalama ul { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--a2); margin: var(--a7) 0 0; padding: 0; list-style: none; }
.sayfalama a, .sayfalama span { display: inline-grid; place-items: center; min-width: 2.75rem; min-height: 2.75rem; padding: 0 .9rem; border: 2px solid var(--tinte); border-radius: 999px; background: var(--weiss); font-weight: 750; text-decoration: none; }
.sayfalama span[aria-current] { background: var(--tinte); color: var(--weiss); }
.sayfalama a:hover { background: var(--senf); }
@media (max-width: 64rem) { .yazilar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 40rem) { .yazilar { grid-template-columns: 1fr; } }
.dil-bandi{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:50;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;max-width:40rem;margin:0 auto;padding:.875rem 1rem;background:var(--bant-zemin,#fff);color:var(--bant-yazi,#000);border:1px solid var(--bant-cizgi,#d6d6d6);border-radius:.5rem;box-shadow:0 8px 24px rgba(0,0,0,.12);font-size:.9375rem;line-height:1.4}
.dil-bandi[hidden]{display:none}
.dil-bandi__metin{margin:0;flex:1 1 14rem}
.dil-bandi__gec{font-weight:600;color:inherit}
.dil-bandi__kapat{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;margin:-.25rem -.25rem -.25rem 0;padding:0;border:0;border-radius:.25rem;background:transparent;color:inherit;font-size:1.5rem;line-height:1;cursor:pointer}
.dil-bandi__kapat:focus-visible,.dil-bandi__gec:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media (prefers-color-scheme:dark){.dil-bandi{--bant-zemin:#111;--bant-yazi:#fff;--bant-cizgi:#333}}
.onay {
--onay-zemin: #ffffff; --onay-yazi: #18181b; --onay-soluk: #52525b; --onay-cizgi: #e4e4e7;
--onay-vurgu: #18181b; --onay-vurgu-yazi: #ffffff; --onay-kose: .5rem;
position: fixed; right: 1rem; bottom: 1rem; left: 1rem; z-index: 1000;
max-width: 38rem; margin: 0 auto;
background: var(--onay-zemin); color: var(--onay-yazi);
border: 1px solid var(--onay-cizgi); border-radius: var(--onay-kose);
box-shadow: 0 12px 32px rgba(0, 0, 0, .16);
font-size: 1rem; line-height: 1.5;
}
.onay[hidden] { display: none; }
.onay__ic { max-height: calc(100vh - 2rem); padding: 1.25rem 1.25rem 1rem; overflow: auto; }
.onay__baslik { margin: 0 0 .5rem; font-size: 1.0625rem; line-height: 1.3; }
.onay__baslik:focus { outline: none; }
.onay__metin { margin: 0 0 1rem; color: var(--onay-soluk); font-size: .9375rem; }
.onay__kategoriler { display: grid; gap: .75rem; margin: 0 0 1rem; padding: 0; list-style: none; }
.onay__secim { display: flex; align-items: center; gap: .5rem; font-weight: 600; cursor: pointer; }
.onay__secim input { width: 1.125rem; height: 1.125rem; margin: 0; accent-color: var(--onay-vurgu); }
.onay__secim-metin { margin: .25rem 0 0 1.625rem; color: var(--onay-soluk); font-size: .875rem; }
.onay__dugmeler { display: flex; flex-wrap: wrap; gap: .5rem; }
.onay__dugme {
flex: 1 1 10rem; min-height: 2.75rem; padding: .625rem 1rem;
background: transparent; color: var(--onay-yazi);
border: 1px solid var(--onay-yazi); border-radius: calc(var(--onay-kose) - .125rem);
font: inherit; font-weight: 600; cursor: pointer;
}
.onay__dugme--ana { background: var(--onay-vurgu); border-color: var(--onay-vurgu); color: var(--onay-vurgu-yazi); }
.onay__dugme--ince { flex-basis: 100%; min-height: 2.25rem; border-color: transparent; font-weight: 500; text-decoration: underline; text-underline-offset: .2em; }
.onay__dugme[hidden] { display: none; }
.onay__dugme:focus-visible, .onay__secim input:focus-visible, .onay__baglantilar a:focus-visible { outline: 2px solid var(--onay-vurgu); outline-offset: 2px; }
.onay__baglantilar { display: flex; flex-wrap: wrap; gap: .25rem 1rem; margin: .75rem 0 0; font-size: .8125rem; }
.onay__baglantilar a { color: var(--onay-soluk); }
@media (max-width: 30rem) {
.onay { right: 0; bottom: 0; left: 0; border-radius: var(--onay-kose) var(--onay-kose) 0 0; }
.onay__dugme { flex-basis: 100%; }
}
@media (prefers-reduced-motion: no-preference) {
.onay:not([hidden]) { animation: onay-gir .2s ease-out; }
@keyframes onay-gir { from { opacity: 0; transform: translateY(.5rem); } }
}
.iki-tik { position: relative; display: grid; overflow: hidden; background: #18181b; color: #ffffff; border-radius: .375rem; }
.iki-tik > * { grid-area: 1 / 1; }
.iki-tik--video { aspect-ratio: 16 / 9; }
.iki-tik--harita { aspect-ratio: 4 / 3; background: #e8edf1; color: #18181b; }
.iki-tik__kapak { width: 100%; height: 100%; object-fit: cover; filter: brightness(.5); }
.iki-tik__kapak--bos { background: linear-gradient(135deg, #3f3f46, #18181b); filter: none; }
.iki-tik__kapak--harita {
background-color: #e8edf1; filter: none;
background-image: linear-gradient(#d5dde3 1px, transparent 1px), linear-gradient(90deg, #d5dde3 1px, transparent 1px),
linear-gradient(32deg, transparent 47%, #ffffff 47%, #ffffff 53%, transparent 53%);
background-size: 2.5rem 2.5rem, 2.5rem 2.5rem, 100% 100%;
}
.iki-tik__kutu { position: relative; display: grid; justify-items: center; align-content: center; gap: .625rem; max-width: 30rem; margin: auto; padding: 1rem; text-align: center; }
.iki-tik__dugme {
display: inline-flex; align-items: center; gap: .5rem; min-height: 2.75rem; padding: .625rem 1.25rem;
background: #ffffff; color: #18181b; border: 0; border-radius: 999px; font: inherit; font-weight: 600; cursor: pointer;
}
.iki-tik--harita .iki-tik__dugme { background: #18181b; color: #ffffff; }
.iki-tik__dugme:focus-visible, .iki-tik__her-zaman input:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.iki-tik__oynat { width: 0; height: 0; border-top: .45em solid transparent; border-bottom: .45em solid transparent; border-left: .75em solid currentColor; }
.iki-tik__metin, .iki-tik__adres { margin: 0; font-size: .8125rem; line-height: 1.45; }
.iki-tik__adres { font-size: .9375rem; font-weight: 600; }
.iki-tik__metin a, .iki-tik__dis { color: inherit; }
.iki-tik__her-zaman { display: inline-flex; align-items: center; gap: .375rem; font-size: .8125rem; cursor: pointer; }
.iki-tik__cerceve { width: 100%; height: 100%; border: 0; }
.iki-tik--acik { background: #000000; }
.marka--logo { display: block; line-height: 0; flex: none; }
.marka--logo img { display: block; width: auto; height: 76px; }
@media (max-width: 520px) { .marka--logo img { height: 62px; } }
@media (min-width: 521px) { .ust__ic { padding-block: 6px; } }