@font-face{font-family:"Archivo";src:url("/assets/site/fonts/archivo-var.woff2?v=1791412174") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root {
--papier: #0D0E10; --papier-2: #15171B; --weiss: #15171B;
--nacht: #0D0E10; --nacht-2: #15171B;
--tinte: #F4F4F5; --tinte-2: #A3A6AD;
--creme: #F4F4F5; --creme-2: #A3A6AD;
--schablone: #F2422F; --schablone-hell: #FF8A7A; --rot: #F2422F; --senf: #F2422F; --petrol: #1D2025;
--rosa: #1D2025; --haut: #1D2025; --haut-koyu: #2A2E35;
--offen: #1FB86A; --offen-hell: #6FD39B; --linie: #272A30; --schablone-soluk: rgba(242, 66, 47, .3);
--font-baslik: "Archivo", "Helvetica Neue", Arial, sans-serif;
--font-metin: "Archivo", "Helvetica Neue", Arial, sans-serif;
--genis: 74;
--t-1: .875rem; --t0: 1rem; --t1: 1.2rem; --t2: 1.55rem; --t3: clamp(1.8rem, 1.2rem + 2.2vw, 2.8rem); --t4: clamp(2.4rem, 1.2rem + 4vw, 4.4rem);
--satir: 1.6;
--a1: .25rem; --a2: .5rem; --a3: .75rem; --a4: 1rem; --a5: 1.5rem; --a6: 2rem; --a7: 3rem; --a8: 4.5rem; --a9: 6rem;
--kap: 80rem; --olcu: 68ch; --kenar: clamp(.75rem, 2vw, 1.5rem); --kose: 14px;
--golge: none; --golge-buyuk: 0 24px 48px -24px rgba(0, 0, 0, .7); --yumusak: cubic-bezier(.22, .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; }
@font-face { font-family: "Archivo"; src: url("/assets/site/fonts/archivo-var.woff2") format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }
:root {
--zemin: #0D0E10;
--zemin-2: #15171B;
--zemin-3: #1D2025;
--metin: #F4F4F5;
--soluk: #A3A6AD;
--cizgi: #272A30;
--kirmizi: #F2422F;
--kirmizi-2: #C9271A;
--kenar: clamp(.5rem, 1vw, .875rem);     
--egri: cubic-bezier(.22, .7, .2, 1);
--f: "Archivo", "Helvetica Neue", Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; background: var(--zemin); color-scheme: dark; scroll-padding-top: 4.5rem; }
body { margin: 0; background: var(--zemin); color: var(--metin); font: 400 1rem/1.55 var(--f); }
img, video { display: block; max-width: 100%; }
a { color: inherit; }
button { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid #fff; outline-offset: 3px; border-radius: 6px; }
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.d-kenar { padding-inline: var(--kenar); }
.d-dar { font-stretch: 72%; font-weight: 880; text-transform: uppercase; letter-spacing: -.005em; line-height: .92; }
.d-ust { position: sticky; top: 0; z-index: 40; display: flex; align-items: center; gap: 1.75rem; height: 3.5rem; padding-inline: var(--kenar);
background: rgba(13, 14, 16, .82); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255, 255, 255, .05); }
.d-logo { display: flex; align-items: baseline; gap: .45rem; text-decoration: none; }
.d-logo b { font-stretch: 70%; font-weight: 900; font-size: 1.6rem; letter-spacing: .01em; line-height: 1; }
.d-logo span { color: var(--kirmizi); font-weight: 700; font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; }
.d-menu { display: flex; gap: 1.4rem; margin: 0; padding: 0; list-style: none; }
.d-menu a { color: var(--soluk); text-decoration: none; font-weight: 600; font-size: .92rem; transition: color .2s; }
.d-menu a:hover, .d-menu a[aria-current] { color: var(--metin); }
.d-ust__sag { display: flex; align-items: center; gap: .6rem; margin-left: auto; }
.d-dil { display: flex; gap: .35rem; color: var(--soluk); font-size: .85rem; font-weight: 700; margin-right: .4rem; }
.d-dil a { text-decoration: none; }
.d-dil [aria-current] { color: var(--metin); }
.d-hap { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 2.2rem; padding: .4rem 1rem; border-radius: 999px; border: 0;
background: var(--zemin-3); color: var(--metin); font-weight: 700; font-size: .88rem; text-decoration: none; cursor: pointer; transition: background .2s, transform .2s var(--egri); }
.d-hap:hover { background: #2A2E35; }
.d-hap--kirmizi { background: var(--kirmizi-2); color: #fff; }   
.d-hap--kirmizi:hover { background: #D8301F; }
.d-menu-dugme { display: none; }
.d-giris { position: relative; padding: clamp(1.25rem, .5rem + 2vw, 2.25rem) var(--kenar) clamp(1.75rem, 1rem + 1.6vw, 2.5rem); text-align: center; overflow: hidden; }
.d-giris::before { content: ""; position: absolute; inset: -40% -10% auto; height: 120%; background: radial-gradient(50% 55% at 50% 30%, rgba(242, 66, 47, .2), transparent 70%); pointer-events: none; }
.d-giris > * { position: relative; }
.d-giris h1 { margin: 0; font-size: clamp(2.5rem, 1rem + 4.2vw, 4.5rem); }
.d-giris h1 span { display: block; }
.d-giris p { max-width: 40rem; margin: .8rem auto 0; color: var(--soluk); font-size: clamp(1rem, .95rem + .3vw, 1.15rem); }
.d-cta { position: relative; display: inline-block; margin-top: 1.3rem; }
.d-cta .d-hap { min-height: 3.1rem; padding: .8rem 2.6rem; font-size: 1.02rem; background: linear-gradient(180deg, #E23A26, #B5231A); box-shadow: 0 10px 30px -12px rgba(242, 66, 47, .7), inset 0 1px 0 rgba(255, 255, 255, .25); }
.d-cta .d-hap:hover { transform: translateY(-1px); }
.d-cta__etiket { position: absolute; left: 50%; bottom: -.7rem; transform: translateX(-50%); display: inline-flex; align-items: center; gap: .35rem; padding: .15rem .55rem; border-radius: 4px;
background: #fff; color: var(--kirmizi-2); font-size: .66rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.d-cta__etiket::before { content: ""; width: .45rem; height: .45rem; border-radius: 50%; background: #1FB86A; }
.d-vitrin { padding-bottom: clamp(2.5rem, 2rem + 2vw, 4rem); }
.d-bolum-bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: .9rem; }
.d-bolum-bas h2 { margin: 0; font-size: clamp(1.45rem, 1rem + 1.6vw, 2.35rem); }
.d-bolum-bas p { margin: .35rem 0 0; color: var(--soluk); font-size: .95rem; }
.d-oklar { display: flex; gap: .5rem; flex: none; }
.d-ok { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border: 0; border-radius: 50%; background: var(--zemin-3); cursor: pointer; transition: background .2s; }
.d-ok:hover { background: #2E323A; }
.d-ok svg { width: 1.1rem; height: 1.1rem; }
.d-sahne { --w: clamp(36vw, calc((100svh - 29rem) * 1.7778), 52vw); --g: 1.5rem;    position: relative; overflow: hidden; touch-action: pan-y; }
.d-ray { position: relative; left: calc(50% - (2.5 * var(--w) + 2 * var(--g))); display: flex; gap: var(--g); width: max-content; will-change: transform; }
.d-ray.d-kayiyor { transition: transform .62s var(--egri); }
.d-slayt { position: relative; flex: none; width: var(--w); aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: var(--zemin-2); cursor: pointer; }
.d-slayt video, .d-slayt img { width: 100%; height: 100%; object-fit: cover; }
.d-slayt::after { content: ""; position: absolute; inset: 0; background: rgba(13, 14, 16, .45); transition: background .5s var(--egri); pointer-events: none; }
.d-slayt[data-merkez]::after { background: linear-gradient(180deg, rgba(0, 0, 0, .35), transparent 22%, transparent 62%, rgba(0, 0, 0, .55)); }
.d-slayt__etiket { position: absolute; z-index: 2; left: 1.1rem; top: 1rem; display: flex; flex-direction: column; gap: .15rem; opacity: 0; transition: opacity .4s; }
.d-slayt[data-merkez] .d-slayt__etiket { opacity: 1; }
.d-slayt__etiket b { font-stretch: 72%; font-weight: 880; font-size: clamp(1.2rem, .8rem + 1.2vw, 2rem); text-transform: uppercase; line-height: 1; }
.d-slayt__etiket span { color: rgba(255, 255, 255, .78); font-size: .82rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.d-oynat { position: absolute; z-index: 3; inset: 0; margin: auto; display: none; place-items: center; width: 4rem; height: 4rem; border: 0; border-radius: 50%; background: rgba(13, 14, 16, .7); cursor: pointer; }
.d-oynat svg { width: 1.4rem; height: 1.4rem; margin-left: .2rem; }
.d-sahne[data-elle] .d-slayt[data-merkez]:not([data-oynuyor]) .d-oynat { display: grid; }
.d-kucukler { position: absolute; z-index: 5; left: 50%; bottom: 1.1rem; transform: translateX(-50%); width: calc(var(--w) - 2.4rem); display: flex; gap: .55rem; overflow-x: auto; scrollbar-width: none; padding: .2rem; }
.d-kucukler::-webkit-scrollbar { display: none; }
.d-kucuk { flex: none; width: 6.6rem; aspect-ratio: 16 / 9; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: #000; cursor: pointer; opacity: .62; transition: opacity .25s, border-color .25s, transform .25s var(--egri); }
.d-kucuk img { width: 100%; height: 100%; object-fit: cover; }
.d-kucuk:first-child { margin-left: auto; }   
.d-kucuk:last-child { margin-right: auto; }
.d-kucuk:hover { opacity: .9; }
.d-kucuk[aria-current="true"] { border-color: #fff; opacity: 1; transform: translateY(-2px); }
.d-koleksiyon { padding-bottom: clamp(3rem, 2rem + 3vw, 5rem); }
.d-suzgec { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0 0 1.1rem; padding: 0; list-style: none; }
.d-suzgec button { min-height: 2.1rem; padding: .3rem .9rem; border: 1px solid var(--cizgi); border-radius: 999px; background: transparent; color: var(--soluk); font-weight: 600; font-size: .86rem; cursor: pointer; transition: all .2s; }
.d-suzgec button:hover { color: var(--metin); border-color: #3A3E46; }
.d-suzgec button[aria-pressed="true"] { background: var(--metin); border-color: var(--metin); color: var(--zemin); }
.d-izgara { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.d-izgara li[hidden] { display: none; }
.d-kart { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; padding: 0; border: 0; border-radius: 10px; overflow: hidden; background: var(--zemin-2); cursor: pointer; text-align: left; }
.d-kart img, .d-kart video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--egri), opacity .35s; }
.d-kart video { opacity: 0; }
.d-kart[data-oynuyor] video { opacity: 1; }
.d-kart:hover img, .d-kart:hover video { transform: scale(1.035); }
.d-kart__alt { position: absolute; inset: auto 0 0; display: flex; justify-content: space-between; align-items: flex-end; gap: .5rem; padding: 2.2rem .8rem .65rem;
background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .78)); opacity: 0; transform: translateY(6px); transition: opacity .3s, transform .3s var(--egri); }
.d-kart:hover .d-kart__alt, .d-kart:focus-visible .d-kart__alt { opacity: 1; transform: none; }
.d-kart__alt b { font-weight: 700; font-size: .92rem; line-height: 1.2; }
.d-kart__alt span { flex: none; padding: .1rem .45rem; border-radius: 4px; background: rgba(255, 255, 255, .14); font-size: .72rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.d-daha { display: flex; justify-content: center; margin-top: 1.6rem; }
.d-daha .d-hap { min-height: 2.8rem; padding-inline: 1.8rem; }
.d-perde { width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(5, 5, 7, .96); color: var(--metin); }
.d-perde::backdrop { background: rgba(0, 0, 0, .7); }
.d-perde[open] { display: grid; grid-template-rows: auto 1fr auto; }
.d-perde__ust { display: flex; justify-content: space-between; align-items: center; padding: .75rem var(--kenar); }
.d-perde__sayac { color: var(--soluk); font-size: .9rem; font-variant-numeric: tabular-nums; }
.d-perde__sahne { position: relative; display: grid; place-items: center; min-height: 0; padding: 0 4rem; }
.d-perde__sahne video { max-width: 100%; max-height: 100%; border-radius: 10px; background: #000; }
.d-perde .d-ok { position: absolute; top: 50%; transform: translateY(-50%); }
.d-perde .d-ok--sol { left: var(--kenar); }
.d-perde .d-ok--sag { right: var(--kenar); }
.d-perde__alt { padding: 1rem var(--kenar) 1.4rem; text-align: center; }
.d-perde__alt h2 { margin: 0; font-size: 1.6rem; }
.d-perde__alt p { margin: .3rem 0 0; color: var(--soluk); }
.d-studio { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 1rem; padding-bottom: clamp(3rem, 2rem + 3vw, 5rem); }
.d-studio__yanit { padding: clamp(1.5rem, 1rem + 2vw, 2.75rem); border-radius: 16px; background: var(--zemin-2); }
.d-studio__yanit h2 { margin: 0 0 1rem; font-size: clamp(1.6rem, 1.1rem + 1.8vw, 2.6rem); }
.d-studio__yanit p { margin: 0; color: #D4D5D9; font-size: 1.08rem; }
.d-studio__yanit p + p { margin-top: .8rem; color: var(--soluk); font-size: .98rem; }
.d-bilgi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 0; }
.d-bilgi div { padding: 1.25rem 1.4rem; border-radius: 16px; background: var(--zemin-2); }
.d-bilgi dt { color: var(--soluk); font-size: .76rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.d-bilgi dd { margin: .45rem 0 0; font-weight: 600; font-size: 1.02rem; }
.d-bilgi dd a { text-decoration-color: rgba(255, 255, 255, .35); }
.d-sss { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding-bottom: clamp(3rem, 2rem + 3vw, 5rem); }
.d-sss details { border-radius: 14px; background: var(--zemin-2); }
.d-sss summary { display: flex; justify-content: space-between; gap: 1rem; padding: 1.15rem 1.3rem; cursor: pointer; list-style: none; font-weight: 700; font-size: 1.02rem; }
.d-sss summary::-webkit-details-marker { display: none; }
.d-sss summary::after { content: "+"; flex: none; color: var(--kirmizi); font-size: 1.4rem; line-height: 1; transition: transform .25s; }
.d-sss details[open] summary::after { transform: rotate(45deg); }
.d-sss details p { margin: 0; padding: 0 1.3rem 1.2rem; color: var(--soluk); }
.d-alt { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem 2rem; padding-block: 1.5rem 2rem; border-top: 1px solid var(--cizgi); color: var(--soluk); font-size: .88rem; }
.d-alt nav { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; }
.d-alt a { text-decoration: none; }
.d-alt a:hover { color: var(--metin); }
@media (max-width: 80rem) { .d-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 64rem) {
.d-menu { display: none; }
.d-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.d-studio, .d-sss { grid-template-columns: 1fr; }
}
@media (max-width: 48rem) {
.d-sahne { --w: 84vw; --g: .6rem; }
.d-kucukler { display: none; }
.d-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.d-kart__alt { opacity: 1; transform: none; padding: 1.6rem .5rem .45rem; }
.d-kart__alt b { font-size: .78rem; }
.d-kart__alt span { display: none; }
.d-ust .d-hap:not(.d-hap--kirmizi), .d-dil { display: none; }
.d-perde__sahne { padding: 0; }
.d-perde .d-ok { top: auto; bottom: -3.4rem; transform: none; }
.d-bilgi { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { transition: none !important; animation: none !important; }
}
@media (max-width: 64rem) {
.d-menu-dugme { display: inline-flex; }
.d-menu.d-acik { display: grid; position: absolute; top: 3.5rem; left: 0; right: 0; gap: 0; padding: .5rem var(--kenar) 1rem; background: rgba(13, 14, 16, .97); border-bottom: 1px solid var(--cizgi); }
.d-menu.d-acik a { display: block; padding: .8rem 0; border-bottom: 1px solid var(--cizgi); font-size: 1.05rem; color: var(--metin); }
}
.sayfa h1, .stil-bas h1 { text-transform: uppercase; font-stretch: 72%; font-weight: 880; letter-spacing: -.005em; }
.sayfa h1::after { background: var(--kirmizi); height: 3px; }
.metin a, .sayfa__ozet a { color: #FF8A7A; }
.metin li::marker { color: var(--kirmizi); }
.dugme { border: 0; border-radius: 999px; background: var(--kirmizi-2); color: #fff; box-shadow: none; }
.dugme::before { display: none; }
.dugme:hover { background: #D8301F; color: #fff; transform: translateY(-1px); box-shadow: none; }
.dugme--cizgi { background: var(--zemin-3); color: var(--metin); }
.dugme--cizgi:hover { background: #2A2E35; color: var(--metin); }
.kutu, .icindekiler, .saatler, .levha__oge, .rehber a, .benzer a, .yazi-kart { border: 1px solid var(--cizgi); box-shadow: none; background: var(--zemin-2); }
.sss { border-top-color: var(--cizgi); }
.sss details { border-bottom-color: var(--cizgi); }
.sss summary::after { color: var(--kirmizi); background: none; border-color: var(--kirmizi); }
.sss__cevap { border-left-color: var(--kirmizi); }
.cagri { background: var(--zemin-2); border-top: 1px solid var(--cizgi); }
.cagri::before { display: none; }
.bant { background: var(--zemin-2); color: var(--metin); }
input, select, textarea { background: var(--zemin-2); color: var(--metin); border-color: var(--cizgi) !important; }
input:focus, select:focus, textarea:focus { border-color: #fff !important; }
.cubuk { background: rgba(13, 14, 16, .96); border-top: 1px solid var(--cizgi); }
.cubuk a { color: var(--metin); border-right-color: var(--cizgi); }
.cubuk .cubuk__ana { background: var(--kirmizi-2); color: #fff; }
.form-talep__zorunlu-not { color: var(--soluk); }
main { min-height: 50vh; }
.cagri .dugme { background: var(--kirmizi-2); color: #fff; border-color: transparent; box-shadow: none; }
.cagri .dugme:hover { background: #D8301F; color: #fff; }
.cagri .dugme--cizgi { background: var(--zemin-3); color: var(--metin); }
.form-talep > .form-talep__zorunlu-not { color: var(--soluk); }
main .form-talep-kap { --form-zemin: #15171B; --form-yazi: #F4F4F5; --form-cizgi: #3A3E46; --form-soluk: #A3A6AD; --form-vurgu: #F4F4F5; --form-vurgu-yazi: #0D0E10; --form-hata: #FF8A7A; color: var(--form-yazi); }
.d-cta__etiket--kapali::before { background: #A3A6AD; }
.yazi-kart__kategori { background: var(--zemin-3); color: var(--metin); }