.grafik-sayfa{min-height:100svh;padding:calc(var(--ust-h) + var(--a2)) 0 var(--a6);color:#fafaf8;background:#030303;position:relative}.grafik{--kirmizi:#c8312b;--kirmizi-acik:#f2a497;isolation:isolate;width:min(1440px,100%);padding:0 var(--a6);margin-inline:auto;position:relative}.grafik__isik{inset:calc(-1 * (var(--ust-h) + var(--a6))) 0 auto;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 58% 70% at 30% 0%, rgba(var(--lamba-sicak,255, 196, 120), .12), transparent 70%);height:70vh;position:absolute}.grafik__baslik{font-size:clamp(40px,5vw,80px)}.grafik__not{margin:var(--a2) 0 0;font:500 13.5px/1.5 var(--f-ui);color:#ffffff8f;max-width:72ch}.grafik button.inc-ikincil{cursor:pointer;background:0 0;border:0;padding:0}.grafik kbd{border-radius:var(--kose-kucuk);font:600 .85em/1.3 var(--f-ui);color:#fafaf8;background:#ffffff1a;padding:1px 6px}.grafik__sihirbaz{width:min(880px,100%);margin-inline:auto}.grafik__sol{min-width:0}.grafik__sihirbaz .inc-ust{font-size:10px}.grafik__sihirbaz .grafik__baslik{margin-top:2px;font-size:clamp(22px,2vw,26px);line-height:1}.grafik__aciklama{margin:var(--a1) 0 0;font:500 13.5px/1.5 var(--f-ui);color:#ffffffa8}.grafik__alanlar{margin-top:var(--a3)}.grafik .inc-grup{padding:var(--a3) 0}.grafik .inc-grup__ad{margin-bottom:var(--a1)}.grafik .inc-secenekler :is(a,button,label){min-height:34px;padding-top:5px;padding-bottom:5px}@media (prefers-reduced-motion:no-preference){.grafik__baslik,.grafik__alanlar{animation:incGir .5s var(--ease) both}.grafik__alanlar{animation-delay:50ms}}.grafik__adimlar ol{isolation:isolate;gap:var(--a2);margin:0 0 var(--a3);grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid;position:relative}.grafik__adimlar ol:before{content:"";z-index:-1;background:linear-gradient(90deg,#ffffff0f,#ffffff29 50%,#ffffff0f);height:1px;position:absolute;top:26px;left:12.5%;right:12.5%}.grafik__adimlar button{cursor:pointer;text-align:center;color:#ffffff80;background:0 0;border:0;justify-items:center;gap:2px;width:100%;padding:0;display:grid}.grafik__adim-ikon{background:#030303;border-radius:50%;place-items:center;width:52px;height:52px;transition:background-color .3s;display:grid;position:relative}.grafik__adim-ikon img{object-fit:contain;filter:grayscale(.55)brightness(.72);width:48px;height:48px;transition:filter .35s ease, transform .35s var(--ease)}.grafik__adim-ad{font-family:var(--f-display);letter-spacing:.06em;text-transform:uppercase;font-size:12px;line-height:1.1;transition:color .2s}.grafik__adim-deger{text-overflow:ellipsis;white-space:nowrap;width:100%;font:500 11px/1.3 var(--f-ui);color:#ffffff6b;overflow:hidden}.grafik__adimlar button:hover img{filter:grayscale(.3)brightness(.85);transform:translateY(-2px)}.grafik__adimlar button:hover .grafik__adim-ad{color:#ffffffe0}.grafik__adimlar button:focus-visible{outline:none}.grafik__adimlar button:focus-visible .grafik__adim-ikon{box-shadow:0 0 0 2px #c9a36a}.grafik__adimlar button[data-gecildi] img{filter:grayscale(.25)brightness(.85)}.grafik__adimlar button[data-gecildi] .grafik__adim-ad{color:#ffffffc7}.grafik__adimlar button[data-gecildi] .grafik__adim-ikon:after{content:"";background:#c9a36a;border-radius:50%;width:16px;height:16px;position:absolute;bottom:3px;right:1px;box-shadow:0 0 0 3px #030303}.grafik__adimlar button[data-gecildi] .grafik__adim-ikon:before{content:"";z-index:1;border:2px solid #0b0a09;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;bottom:8px;right:6px;transform:rotate(45deg)}.grafik__adimlar button[aria-current]{color:#fafaf8}.grafik__adimlar button[aria-current] .grafik__adim-ikon{background:radial-gradient(circle at 50% 55%,#ffc88238,#ffc8820d 55%,#030303 72%)}.grafik__adimlar button[aria-current] img{filter:drop-shadow(0 6px 12px #000000b3);transform:translateY(-1px)scale(1.06)}.grafik__adimlar button[aria-current] .grafik__adim-deger{color:#ffffffb3}@media (prefers-reduced-motion:reduce){.grafik__adim-ikon img{transition:none}}.grafik__algila-satir{align-items:center;gap:var(--a4);margin:0 0 var(--a2);display:flex}.grafik__algila-satir p{font:500 13px/1.45 var(--f-ui);color:#ffffff94;margin:0}.grafik__algila{min-height:40px;padding:0 var(--a4);border-radius:var(--kose-kontrol);cursor:pointer;color:#f0d9a6;font-family:var(--f-display);font-size:var(--y-4);letter-spacing:.05em;text-transform:uppercase;background:#c9a36a1f;border:0;flex:none;transition:background-color .2s,box-shadow .2s,color .2s;box-shadow:inset 0 0 0 1px #c9a36a80}.grafik__algila:hover:not(:disabled){color:#fff;background:#c9a36a33;box-shadow:inset 0 0 0 1px #c9a36ad9}.grafik__algila:focus-visible{outline-offset:3px;outline:2px solid #c9a36a}.grafik__algila:disabled{cursor:progress;opacity:.7}.grafik__secenekler{gap:0 var(--a5);flex-wrap:wrap;display:flex}.grafik__secenekler button{font-size:16px}.grafik__ozel{align-items:flex-end;gap:var(--a3);margin-top:var(--a3);color:#ffffff80;display:flex}.grafik__sayi{gap:var(--a1);font:600 10px/1.3 var(--f-ui);letter-spacing:.2em;text-transform:uppercase;color:#ffffff8c;display:grid}.grafik__sayi input{width:128px}:is(.grafik__sayi input,.grafik__ara){min-height:40px;padding:0 var(--a3);border-radius:var(--kose-kontrol);color:#fafaf8;font:500 15px/1 var(--f-ui);letter-spacing:0;text-transform:none;background:#ffffff0d;border:0;outline:0;box-shadow:inset 0 0 0 1px #ffffff24}:is(.grafik__sayi input,.grafik__ara):focus-visible{box-shadow:inset 0 0 0 1px #c9a36acc,0 0 0 3px #c9a36a29}.grafik__ara::placeholder{color:#fff6}.grafik__katalog{gap:var(--a2);display:grid}.grafik__katalog-bas{justify-content:space-between;align-items:center;gap:var(--a1) var(--a4);flex-wrap:wrap;display:flex}.grafik__katalog-bas .grafik__secenekler{gap:0 var(--a4)}.grafik__katalog-bas .grafik__secenekler button{min-height:30px;font-size:14px}.grafik__secili{font:500 14px/1.4 var(--f-ui);color:#fff9;margin:0}.grafik__secili b{color:#fafaf8;font-weight:700}.grafik__ara{width:100%}.grafik__markalar{gap:var(--a5);flex-wrap:wrap;display:flex;box-shadow:inset 0 -1px #ffffff1a}.grafik__markalar button{padding:var(--a1) 0 var(--a2);cursor:pointer;font-family:var(--f-display);font-size:var(--y-4);letter-spacing:.05em;text-transform:uppercase;color:#ffffff6b;background:0 0;border:0;transition:color .2s;position:relative}.grafik__markalar button:hover{color:#ffffffd9}.grafik__markalar button[aria-pressed=true]{color:#fafaf8}.grafik__markalar button[aria-pressed=true]:after{content:"";background:#c9a36a;height:2px;position:absolute;bottom:0;left:0;right:0}.grafik__markalar button:focus-visible{outline-offset:4px;outline:2px solid #c9a36a}.grafik__seriler{gap:var(--a1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.grafik__seriler button{min-height:30px;padding:0 var(--a3);border-radius:var(--kose-hap);cursor:pointer;font:600 12.5px/1 var(--f-ui);letter-spacing:.02em;color:#ffffffa8;background:#ffffff0e;border:0;transition:background-color .2s,color .2s;box-shadow:inset 0 0 0 1px #ffffff14}.grafik__seriler button:hover{color:#fafaf8;background:#ffffff1a}.grafik__seriler button[aria-pressed=true]{color:#0b0a09;box-shadow:none;background:#f4f2ec}.grafik__seriler button:focus-visible{outline-offset:2px;outline:2px solid #c9a36a}.grafik__modeller{gap:0 var(--a4);flex-wrap:wrap;display:flex}.grafik__modeller button{min-height:32px;font-size:15px}.grafik__modeller small{font:600 11px/1 var(--f-ui);letter-spacing:.04em;color:#ffffff6b;margin-left:2px}.grafik__modeller [aria-pressed=true] small{color:#e6c88f}.grafik__sonuclar{gap:var(--a2);overscroll-behavior:contain;scrollbar-width:thin;max-height:300px;display:grid;overflow-y:auto}.grafik__liste-grup{font:600 10px/1.3 var(--f-ui);letter-spacing:.26em;text-transform:uppercase;color:#ffffff80;margin:0}.grafik__eylem{z-index:20;justify-content:space-between;align-items:center;gap:var(--a4);margin-top:var(--a3);padding:var(--a3) 0 calc(var(--a2) + env(safe-area-inset-bottom));background:linear-gradient(#03030300,#030303f0 38%,#030303);display:flex;position:sticky;bottom:0}.grafik__ileri{align-items:center;gap:var(--a2);min-height:44px;padding:0 var(--a5);border-radius:var(--kose-kontrol);cursor:pointer;color:#0b0a09;font-family:var(--f-display);font-size:var(--y-4);letter-spacing:.06em;text-transform:uppercase;transition:background-color .2s, transform .25s var(--ease);background:#f4f2ec;border:0;display:inline-flex;box-shadow:0 8px 21px -8px #000000e6}.grafik__ileri svg{width:18px;height:18px;transition:transform .25s var(--ease)}.grafik__ileri:hover{background:#fff;transform:translateY(-1px)}.grafik__ileri:hover svg{transform:translate(3px)}.grafik__ileri:focus-visible{outline-offset:3px;outline:2px solid #c9a36a}.grafik__sonuc-bas{max-width:1100px}.grafik__sistem{margin:var(--a3) 0 0;font:600 15px/1.45 var(--f-ui);color:#ffffffb8}.grafik__kunye{gap:var(--a4) var(--a6)}.grafik__araclar{align-items:center;gap:var(--a3) var(--a4);margin-top:var(--a5);flex-wrap:wrap;display:flex}.grafik__api{border-radius:var(--kose-kontrol);background:#ffffff0e;gap:3px;padding:3px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.grafik__api button{min-height:40px;padding:0 var(--a4);border-radius:calc(var(--kose-kontrol) - 3px);cursor:pointer;font:600 14px/1 var(--f-ui);color:#ffffff9e;background:0 0;border:0;align-items:center;gap:6px;transition:background-color .2s,color .2s;display:inline-flex}.grafik__api button small{font:600 10.5px/1 var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:#c9a36a}.grafik__api button:hover{color:#fafaf8}.grafik__api button[aria-pressed=true]{color:#0b0a09;background:#f4f2ec}.grafik__api button[aria-pressed=true] small{color:#7a5a22}.grafik__api button:focus-visible{outline-offset:2px;outline:2px solid #c9a36a}.grafik__sekmeler{gap:var(--a6);margin-top:var(--a7);display:flex;box-shadow:inset 0 -1px #ffffff1a}.grafik__sekmeler button{padding:0 0 var(--a3);cursor:pointer;font-family:var(--f-display);font-size:var(--y-5);letter-spacing:.05em;text-transform:uppercase;color:#ffffff6b;background:0 0;border:0;transition:color .2s;position:relative}.grafik__sekmeler button:hover{color:#ffffffd9}.grafik__sekmeler button[aria-selected=true]{color:#fafaf8}.grafik__sekmeler button[aria-selected=true]:after{content:"";background:#c9a36a;height:2px;position:absolute;bottom:0;left:0;right:0}.grafik__sekmeler button:focus-visible{outline-offset:4px;outline:2px solid #c9a36a}.grafik__yol{margin:0;padding:0;list-style:none}.grafik__basamak{padding:var(--a6) 0;background:linear-gradient(90deg,#ffffff24,#ffffff0d 70%,#0000) 0 0/100% 1px no-repeat}.grafik__basamak:first-child{background:0 0}.grafik__basamak-bas{align-items:baseline;gap:var(--a2) var(--a3);margin-bottom:var(--a3);flex-wrap:wrap;display:flex}.grafik__basamak-no{font-family:var(--f-display);font-size:var(--y-6);color:#c9a36a;line-height:1}.grafik__basamak-bas h2{font-family:var(--f-display);font-weight:400;font-size:var(--y-6);letter-spacing:.03em;text-transform:uppercase;margin:0;line-height:1}.grafik__basamak-alt{font:600 12px/1 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;margin-left:auto}.grafik__metin{max-width:72ch;font-family:var(--f-prose);color:#fffc;margin:0;font-size:17px;line-height:1.6}.grafik__metin b{font-family:var(--f-ui);color:#fafaf8;font-weight:600}.grafik__satirlar{margin:var(--a3) 0 0;padding:0;list-style:none}.grafik__satir{align-items:center;column-gap:var(--a3);padding:var(--a3) var(--a2) var(--a3) var(--a3);border-radius:var(--kose-kucuk);grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"isaret ad deger"".neden neden";transition:background-color .2s,opacity .25s;display:grid;box-shadow:inset 0 -1px #ffffff0f}.grafik__satir:hover{background:#ffffff06}.grafik__satir[data-kirmizi]{box-shadow:inset 2px 0 0 var(--kirmizi), inset 0 -1px 0 #ffffff0f;background:linear-gradient(90deg,#c8312b1a,#0000 40%)}.grafik__isaret{cursor:pointer;grid-area:isaret;place-items:center;width:28px;height:28px;display:grid}.grafik__isaret input{appearance:none;cursor:pointer;border-radius:6px;place-items:center;width:20px;height:20px;margin:0;transition:background-color .2s,box-shadow .2s;display:grid;box-shadow:inset 0 0 0 1.5px #ffffff5c}.grafik__isaret input:after{content:"";width:6px;height:11px;transition:transform .2s var(--ease);border:2px solid #0b0a09;border-width:0 2px 2px 0;margin-top:-3px;transform:rotate(45deg)scale(0)}.grafik__isaret input:checked{box-shadow:none;background:#c9a36a}.grafik__isaret input:checked:after{transform:rotate(45deg)scale(1)}.grafik__isaret input:focus-visible{outline-offset:2px;outline:2px solid #c9a36a}.grafik__satir[data-kirmizi] .grafik__isaret input:not(:checked){box-shadow:inset 0 0 0 1.5px var(--kirmizi-acik)}.grafik__satir-ad{grid-area:ad;gap:2px;min-width:0;display:grid}.grafik__satir-ad b{font:600 16px/1.25 var(--f-ui);color:#fafaf8;overflow-wrap:anywhere}.grafik__satir-ad>span{font:500 13px/1.35 var(--f-ui);color:#ffffff8c}.grafik__mutlaka{margin-left:var(--a2);border-radius:var(--kose-hap);font:700 9.5px/1 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--kirmizi-acik);vertical-align:1px;background:#c8312b33;padding:3px 7px 2px;font-style:normal;display:inline-block}.grafik__satir[data-yapildi] :is(.grafik__satir-ad,.grafik__deger,.grafik__neden){opacity:.5}.grafik__satir[data-yapildi] .grafik__satir-ad b{-webkit-text-decoration:line-through #fff6;text-decoration:line-through #fff6}.grafik__deger{justify-self:end;align-items:center;gap:var(--a2);text-align:right;grid-area:deger;display:inline-flex}.grafik__deger b{font:700 15px/1.2 var(--f-ui);letter-spacing:.04em;text-transform:uppercase;color:#fafaf8;white-space:nowrap}.grafik__cubuk{border-radius:var(--kose-hap);background:#ffffff29;width:89px;height:4px;position:relative;overflow:hidden}.grafik__cubuk i{transform-origin:0;background:#fafaf8;position:absolute;inset:0}.grafik__neden{margin-top:var(--a1);grid-area:neden}.grafik__neden summary{cursor:pointer;font:500 13.5px/1.5 var(--f-ui);color:#ffffffa3;list-style:none;display:inline}.grafik__neden summary::-webkit-details-marker{display:none}.grafik__neden summary:after{content:"Neden?";margin-left:var(--a2);font:600 10.5px/1 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:#c9a36a}.grafik__neden[open] summary:after{content:"Kapat"}.grafik__neden summary:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #c9a36a}.grafik__neden p{margin:var(--a2) 0 0;max-width:72ch;font:400 14px/1.6 var(--f-ui);color:#ffffffb8}.grafik__dokunma{margin:var(--a3) 0 0;font:500 13px/1.5 var(--f-ui);color:#ffffff7a}.grafik__hazirlik{padding:0 0 0 var(--a5);gap:var(--a4);max-width:80ch;margin:0;display:grid}.grafik__hazirlik li::marker{font-family:var(--f-display);color:#c9a36a}.grafik__hazirlik b{font:600 16px/1.3 var(--f-ui);color:#fafaf8}.grafik__hazirlik p{margin:var(--a1) 0 0;font:400 15px/1.55 var(--f-ui);color:#ffffffb3}.grafik__menu{gap:var(--a7);padding-top:var(--a6);grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);display:grid}.grafik__menu-yan{top:calc(var(--ust-h) + var(--a5));align-self:start;gap:var(--a4);display:grid;position:sticky}.grafik__menu-baslik{padding-bottom:var(--a3);font-family:var(--f-display);font-size:var(--y-8);text-transform:uppercase;margin:0;line-height:1;box-shadow:inset 0 -1px #fff3}.grafik__bellek{gap:var(--a2);font:600 15px/1 var(--f-ui);grid-template-columns:1fr auto;display:grid}.grafik__bellek-cubuk{grid-column:1/-1;grid-template-columns:repeat(10,1fr);gap:5px;display:grid}.grafik__bellek-cubuk i{background:#ffffff24;height:5px}.grafik__bellek-cubuk i[data-dolu]{background:#fafaf8}.grafik__menu-ad{padding-top:var(--a3);gap:2px;margin:0;display:grid;box-shadow:inset 0 1px #ffffff24}.grafik__menu-ad b{font:700 18px/1.25 var(--f-ui)}.grafik__menu-ad span{font:500 13px/1.3 var(--f-ui);color:#ffffff8c}.grafik__menu-aciklama{font:500 16px/1.55 var(--f-ui);color:#ffffffe0;margin:0}.grafik__menu-neden{padding-left:var(--a3);font:500 14px/1.5 var(--f-ui);color:#e6c88f;margin:0;box-shadow:inset 2px 0 #c9a36a}.grafik__menu-bolum+.grafik__menu-bolum{margin-top:var(--a5)}.grafik__menu-bolum-ad{margin:0 0 var(--a2);padding:var(--a3) 0;text-align:center;font-family:var(--f-display);font-size:var(--y-4);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(90deg,#0000,#ffffff38 20% 80%,#0000) 0 0/100% 1px no-repeat}.grafik__menu-satir{justify-content:space-between;align-items:center;gap:var(--a3);width:100%;min-height:40px;padding:0 var(--a3);cursor:default;text-align:left;font:500 15px/1.2 var(--f-ui);color:#ebe8e1;background:#ffffff0b;border:0;border-radius:3px;margin:0 0 3px;transition:background-color .15s;display:flex}.grafik__menu-satir:hover,.grafik__menu-satir[aria-pressed=true]{background:#ffffff1c}.grafik__menu-satir:focus-visible{outline-offset:1px;outline:2px solid #c9a36a}.grafik__menu-satir[data-kirmizi]{box-shadow:inset 0 0 0 2px var(--kirmizi)}.grafik__menu-satir[data-soluk],.grafik__menu-satir[data-soluk] .grafik__deger b{color:#fff6}.grafik__menu-satir .grafik__deger b{text-transform:none;letter-spacing:.01em;font-weight:600}.grafik__bildiri{left:50%;bottom:var(--a6);z-index:60;max-width:min(560px, calc(100vw - 2 * var(--a4)));padding:var(--a3) var(--a4);border-radius:var(--kose-kontrol);color:#0b0a09;font:600 14px/1.45 var(--f-ui);opacity:0;pointer-events:none;transition:opacity .25s, transform .3s var(--ease);background:#f4f2ec;margin:0;position:fixed;transform:translate(-50%,8px);box-shadow:0 13px 34px -8px #000c}.grafik__bildiri[data-gorunur]{opacity:1;transform:translate(-50%)}.grafik__bildiri:empty{visibility:hidden}@media (max-width:900px){.grafik{padding:0 var(--a4)}.grafik__adimlar ol{gap:var(--a1);margin-bottom:var(--a5)}.grafik__adimlar ol:before{top:24px}.grafik__adim-ikon{width:48px;height:48px}.grafik__adim-ikon img{width:44px;height:44px}.grafik__adim-ad{font-size:11px}.grafik__adim-deger{display:none}.grafik__eylem{padding-right:112px}.grafik__satir{row-gap:var(--a1);grid-template-columns:28px minmax(0,1fr);grid-template-areas:"isaret ad"".deger"".neden"}.grafik__deger{justify-self:start}.grafik__menu{gap:var(--a5);grid-template-columns:minmax(0,1fr)}.grafik__menu-yan{position:static}.grafik__basamak-alt{flex-basis:100%;margin-left:0}.grafik__algila-satir{flex-direction:column;align-items:stretch}.grafik__algila{min-height:48px}.grafik__sekmeler{gap:var(--a5)}.grafik__sekmeler button{font-size:var(--y-4);white-space:nowrap}.grafik__markalar{gap:var(--a4)}.grafik__markalar button{font-size:var(--y-4);white-space:nowrap}.grafik__kunye{grid-template-columns:1fr 1fr;display:grid}.grafik__kunye>div:first-child{grid-column:1/-1}}@media (hover:none){.grafik__seriler button{min-height:44px}}@media (prefers-reduced-motion:reduce){.grafik__bildiri,.grafik__algila,.grafik__isaret input:after{transition:none}}