@font-face{font-family:"Alfa Slab One";src:url("../fonts/alfa-slab-one.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo";src:url("../fonts/archivo-var.woff2") format("woff2");font-weight:400 800;font-stretch:62% 100%;font-style:normal;font-display:swap}

:root{
  color-scheme:light;
  --zemin:#FFFCF7;
  --kart:#FFFFFF;
  --lavas:#F6E7CB;
  --lavas-2:#EED6AA;
  --murekkep:#1B1210;
  --ikincil:#5E4B45;
  --cizgi:rgba(27,18,16,.13);
  --bordo:#7C1023;
  --bordo-2:#5E0B1A;
  --bordo-ust:#FFF4E6;
  --bordo-ikincil:#F3CDD2;
  --salsa:#D3141C;
  --salsa-2:#B00F16;
  --salsa-ust:#FFFFFF;
  --kaktus:#1E8A34;
  --kaktus-yazi:#16702A;
  --alt-zemin:#1B1210;
  --alt-yazi:#F7EEE3;
  --alt-ikincil:#CDBBAE;
  --golge:0 18px 40px -22px rgba(76,16,24,.45);
  --golge-k:0 8px 20px -12px rgba(76,16,24,.4);
  --f-baslik:"Alfa Slab One",Rockwell,"Roboto Slab",Georgia,serif;
  --f-govde:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --egri:cubic-bezier(.16,1,.3,1);
  --kap:1240px;
  --yan:clamp(16px,4vw,40px);
  --ust-h:76px;
  --r-kart:20px;
  --r-blok:28px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--ust-h) + 16px)}
body{margin:0;background:var(--zemin);color:var(--murekkep);font-family:var(--f-govde);font-size:1.0625rem;line-height:1.6;font-stretch:100%;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
p{margin:0 0 1em}
h1,h2,h3,h4{margin:0;font-weight:400;line-height:1.05;text-wrap:balance}
h1,h2{font-family:var(--f-baslik);letter-spacing:-.01em}
h2{font-size:clamp(2rem,4.4vw,3.4rem)}
h3{font-family:var(--f-govde);font-weight:800;font-stretch:78%;font-size:1.45rem;line-height:1.15;letter-spacing:0}
ul,ol{margin:0;padding:0}
::selection{background:var(--salsa);color:var(--salsa-ust)}
:focus-visible{outline:3px solid var(--kaktus);outline-offset:2px;border-radius:6px}
html{scrollbar-color:var(--bordo) var(--lavas)}
::-webkit-scrollbar{width:12px;height:10px}
::-webkit-scrollbar-track{background:var(--lavas)}
::-webkit-scrollbar-thumb{background:var(--bordo);border-radius:10px;border:3px solid var(--lavas)}
:root{accent-color:var(--salsa)}

.kap{width:100%;max-width:calc(var(--kap) + 2*var(--yan));margin-inline:auto;padding-inline:var(--yan)}
.ikon{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:12px;top:-60px;z-index:100;background:var(--salsa);color:var(--salsa-ust);padding:.6rem 1rem;border-radius:999px;font-weight:700;transition:top .2s}
.atla:focus{top:12px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:50px;padding:.55rem 1.45rem;border-radius:999px;font-family:var(--f-govde);font-weight:750;font-stretch:82%;font-size:1.08rem;line-height:1.15;letter-spacing:.005em;border:2px solid transparent;cursor:pointer;transition:transform .25s var(--egri),box-shadow .25s var(--egri),background-color .2s,color .2s,border-color .2s;-webkit-tap-highlight-color:transparent;text-align:center}
.btn:active{transform:scale(.97)}
.btn-s{background:var(--salsa);color:var(--salsa-ust)}
.btn-c{border-color:currentColor;color:var(--murekkep);background:transparent}
.btn-a{background:var(--bordo-ust);color:#5E0B1A}
.btn-ac{border-color:rgba(255,244,230,.55);color:var(--bordo-ust)}
.btn-w{background:#187A2E;color:#fff}
.btn-k{min-height:44px;padding:.4rem 1.05rem;font-size:1rem}
@media (hover:hover){
  .btn-s:hover{background:var(--salsa-2);transform:translateY(-2px);box-shadow:var(--golge-k)}
  .btn-c:hover{background:var(--murekkep);color:var(--zemin);border-color:var(--murekkep)}
  .btn-a:hover{transform:translateY(-2px);box-shadow:0 12px 26px -14px rgba(0,0,0,.6)}
  .btn-ac:hover{background:var(--bordo-ust);color:#5E0B1A;border-color:var(--bordo-ust)}
  .btn-w:hover{background:#176E29;transform:translateY(-2px);box-shadow:var(--golge-k)}
}
.btnlar{display:flex;flex-wrap:wrap;gap:.75rem}
.ok-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:750;font-stretch:82%;color:var(--salsa);min-height:44px}
.ok-link .ikon{transition:transform .25s var(--egri)}
@media (hover:hover){.ok-link:hover .ikon{transform:translateX(4px)}}

.ust{position:sticky;top:0;z-index:60;background:var(--zemin);transition:box-shadow .3s,background-color .3s}
.ust.kaydi{box-shadow:0 1px 0 var(--cizgi),0 12px 30px -24px rgba(27,18,16,.5)}
.ust .kap{display:flex;align-items:center;gap:1.25rem;height:var(--ust-h)}
.marka{display:flex;align-items:center;gap:.7rem;flex:none;min-height:48px}
.marka img{width:54px;height:54px}
.marka-ad{display:flex;flex-direction:column;line-height:1}
.marka-ad b{font-family:var(--f-baslik);font-weight:400;font-size:1.22rem;letter-spacing:.01em}
.marka-ad small{font-size:.86rem;font-weight:650;font-stretch:80%;color:var(--salsa);margin-top:.28rem}
.gez{margin-left:auto}
.gez ul{list-style:none;display:flex;align-items:center;gap:.25rem}
.gez li>a{position:relative;display:flex;align-items:center;min-height:48px;padding:0 .8rem;font-weight:700;font-stretch:84%;font-size:1.06rem;transition:color .2s}
.gez li>a::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:8px;height:3px;border-radius:3px;background:var(--salsa);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--egri)}
.gez li>a[aria-current="page"]::after{transform:scaleX(1)}
@media (hover:hover){.gez li>a:hover{color:var(--salsa)}}
.gez-ek{display:none}
.ust-eylem{flex:none}
.menu-ac{display:none;margin-left:auto;width:50px;height:50px;border-radius:50%;border:2px solid var(--cizgi);background:var(--kart);color:var(--murekkep);align-items:center;justify-content:center;cursor:pointer}
.menu-ac .kapat{display:none}
.menu-ac[aria-expanded="true"] .ac{display:none}
.menu-ac[aria-expanded="true"] .kapat{display:block}

@media (max-width:1020px){
  :root{--ust-h:68px}
  .marka img{width:46px;height:46px}
  .ust-eylem{display:none}
  .menu-ac{display:inline-flex}
  .gez{position:fixed;inset:var(--ust-h) 0 0 0;background:var(--zemin);padding:1.25rem var(--yan) calc(2rem + env(safe-area-inset-bottom));overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;visibility:hidden;opacity:0;transform:translateY(-12px);transition:opacity .3s var(--egri),transform .4s var(--egri),visibility 0s .4s;margin:0}
  .gez.acik{visibility:visible;opacity:1;transform:none;transition:opacity .3s var(--egri),transform .4s var(--egri)}
  .gez ul{flex-direction:column;align-items:stretch;gap:0}
  .gez li{border-bottom:1px solid var(--cizgi)}
  .gez li>a{font-family:var(--f-baslik);font-weight:400;font-size:clamp(1.7rem,7vw,2.3rem);font-stretch:100%;min-height:64px;padding:0}
  .gez li>a::after{left:0;right:auto;width:2.2rem;bottom:10px}
  .gez-ek{display:grid;gap:.7rem}
  .gez-ek .btn{width:100%}
  body.menu-acik{overflow:hidden}
}

.hero{position:relative;isolation:isolate;overflow-x:clip}
.hero-ic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:clamp(560px,calc(100svh - var(--ust-h) - 40px),760px);gap:2rem}
.hero-yazi{padding-block:3rem 4.5rem;position:relative;z-index:2}
.hero h1{font-size:clamp(3.1rem,7.4vw,6rem);line-height:.95;margin-bottom:1.6rem}
.hero h1 .s{display:block;overflow:hidden;padding:.16em 0 .06em;margin-top:-.16em}
.hero h1 .s>span{display:block}
.hero .giris{font-size:clamp(1.08rem,1.5vw,1.25rem);max-width:34ch;color:var(--ikincil);margin-bottom:2rem}
.hero-not{display:flex;align-items:center;gap:.6rem;margin:1.6rem 0 0;font-weight:650;font-stretch:85%;color:var(--ikincil)}
.hero-not .ikon{color:var(--kaktus-yazi)}
.hero-not a{color:var(--salsa);font-weight:750}
.hero-sahne{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center}
.panel{position:absolute;z-index:-1;top:0;bottom:0;left:12%;right:calc(-1*(max(0px,(100vw - var(--kap) - 2*var(--yan))/2) + var(--yan)));background:var(--bordo);border-bottom-left-radius:var(--r-blok);overflow:hidden}
.panel-yazi{position:absolute;inset:auto -2rem 2rem 2.2rem;font-family:var(--f-baslik);font-size:clamp(3rem,7vw,6.4rem);line-height:.9;color:transparent;-webkit-text-stroke:1.5px rgba(255,244,230,.3);user-select:none;white-space:nowrap}
.panel-yazi span{display:block}
.hero-durum{position:relative;width:min(640px,112%);max-width:none;margin-left:-14%;filter:drop-shadow(0 30px 34px rgba(40,6,12,.38))}
.hero-durum img{width:100%}
.etiket{position:absolute;right:6%;top:13%;width:clamp(96px,10vw,132px);aspect-ratio:1;border-radius:50%;background:#187A2E;color:#fff;display:grid;place-content:center;text-align:center;transform:rotate(-12deg);box-shadow:var(--golge-k);z-index:3}
.etiket b{display:block;font-family:var(--f-baslik);font-weight:400;font-size:clamp(1.7rem,2.6vw,2.3rem);line-height:1}
.etiket span{display:block;font-weight:750;font-stretch:78%;font-size:.95rem;line-height:1.15}

@media (max-width:900px){
  .hero-ic{grid-template-columns:1fr;min-height:0;gap:0}
  .hero-yazi{padding-block:2.2rem 1.5rem}
  .hero .giris{max-width:42ch}
  .hero-sahne{min-height:clamp(280px,72vw,440px);margin-inline:calc(-1*var(--yan))}
  .panel{left:0;right:0;border-radius:0}
  .panel-yazi{inset:auto 1rem 1rem 1rem}
  .hero-durum{width:min(92%,520px);margin-left:0}
  .etiket{right:5%;top:6%}
  .panel-yazi{display:none}
}

.serit-sar{position:relative;z-index:4;overflow:hidden;margin:calc(-1.4rem - 3.5vw) 0 -3.5vw;padding:3.5vw 0;pointer-events:none}
.serit{background:var(--salsa);color:var(--salsa-ust);transform:rotate(-2deg);margin-inline:-2vw;width:104vw;overflow:hidden;box-shadow:var(--golge-k)}
.serit-iz{display:flex;width:max-content;animation:kay 34s linear infinite}
.serit-grup{display:flex;align-items:center;gap:1.6rem;padding:.85rem .8rem;font-family:var(--f-baslik);font-size:clamp(1.15rem,2.2vw,1.65rem);white-space:nowrap}
.serit-grup svg{width:1.1em;height:1.1em;fill:currentColor;opacity:.9}
@keyframes kay{to{transform:translateX(-50%)}}

.bolum{padding-block:clamp(4.5rem,9vw,7.5rem)}
.bolum-bas{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem 2rem;margin-bottom:clamp(2rem,4vw,3rem)}
.bolum-bas p{max-width:52ch;color:var(--ikincil);margin:0}
.bolum-bas h2{max-width:16ch}

.vitrin-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem)}
.urun-kart{position:relative;display:flex;flex-direction:column;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-kart);padding:1rem 1.25rem 1.4rem;transition:transform .45s var(--egri),box-shadow .45s var(--egri)}
.tabak{position:relative;aspect-ratio:4/3;display:grid;place-items:center;margin:0 -.25rem .9rem}
.tabak::before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--lavas) 0 58%,var(--lavas-2) 59% 62%,var(--lavas) 63%);transition:transform .6s var(--egri)}
.tabak img{position:relative;width:96%;height:100%;object-fit:contain;transition:transform .6s var(--egri);filter:drop-shadow(0 14px 14px rgba(60,20,10,.22))}
.urun-kart .tur{font-weight:750;font-stretch:80%;font-size:.95rem;color:var(--kaktus-yazi);margin-bottom:.25rem}
.urun-kart h3{margin-bottom:.45rem}
.urun-kart p{color:var(--ikincil);font-size:.98rem;margin:0}
@media (hover:hover){
  .urun-kart:hover{transform:translateY(-6px);box-shadow:var(--golge)}
  .urun-kart:hover .tabak img{transform:rotate(-6deg) scale(1.07)}
  .urun-kart:hover .tabak::before{transform:translateX(6%) scale(1.04)}
}
@media (max-width:900px){
  .vitrin-izgara{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(78vw,320px);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--yan) 1rem;margin-inline:calc(-1*var(--yan));scroll-padding-inline:var(--yan);overscroll-behavior-x:contain}
  .urun-kart{scroll-snap-align:start}
}
.kaydir-ipucu{display:none;color:var(--ikincil);font-size:.95rem;margin-top:.5rem}
@media (max-width:900px){.kaydir-ipucu{display:block}}

.mutfak{background:var(--lavas);border-radius:var(--r-blok);padding:clamp(2.2rem,5vw,4.5rem) clamp(1.25rem,4vw,4rem)}
.mutfak-bas{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1rem 3rem;align-items:end}
.mutfak-bas p{color:var(--ikincil);margin:0;max-width:46ch}
.cetvel{position:relative;margin:clamp(2rem,4vw,3rem) 0 clamp(2.5rem,5vw,3.5rem);padding-top:clamp(110px,14vw,170px)}
.cetvel-yol{position:absolute;inset:0 0 auto 0;height:clamp(110px,14vw,170px);transition:transform 1.6s var(--egri)}
.cetvel-durum{position:absolute;right:0;bottom:0;width:clamp(150px,20vw,240px);transition:transform 1.6s var(--egri)}
.cetvel-durum img{width:100%;filter:drop-shadow(0 12px 12px rgba(60,20,10,.25))}
.cetvel-cubuk{position:relative;height:34px;color:var(--murekkep)}
.cetvel-cubuk svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cetvel-cubuk line{stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}
.cetvel-cubuk line.b{stroke-width:3}
.cetvel-dolu{position:absolute;left:0;right:0;bottom:-2px;height:7px;border-radius:4px;background:var(--salsa);transform-origin:left;transform:scaleX(1);transition:transform 1.6s var(--egri)}
.cetvel-sayi{position:relative;height:2.6rem;margin-top:.45rem;font-weight:750;font-stretch:80%;font-variant-numeric:tabular-nums;color:var(--ikincil)}
.cetvel-sayi span{position:absolute;top:0;transform:translateX(-50%)}
.cetvel-sayi span:first-child{transform:none}
@media (max-width:600px){.cetvel-sayi span:nth-child(2),.cetvel-sayi span:nth-child(4),.cetvel-sayi span:nth-child(6){display:none}}
.cetvel-sayi span:last-child{transform:translateX(-100%);font-family:var(--f-baslik);font-weight:400;font-size:clamp(1.6rem,3vw,2.3rem);color:var(--salsa);line-height:1;top:-.1rem;white-space:nowrap}
html.js .cetvel:not(.gorundu) .cetvel-yol{transform:translateX(calc(-100% + clamp(150px,20vw,240px)))}
html.js .cetvel:not(.gorundu) .cetvel-durum{transform:rotate(-360deg)}
html.js .cetvel:not(.gorundu) .cetvel-dolu{transform:scaleX(0)}

.adimlar{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem);counter-reset:a}
.adimlar li{position:relative;padding-top:1.1rem;border-top:2px solid var(--murekkep)}
.adimlar .no{display:block;font-family:var(--f-baslik);font-size:2.6rem;line-height:1;color:var(--salsa);margin-bottom:.6rem}
.adimlar h3{margin-bottom:.5rem}
.adimlar p{color:var(--ikincil);margin:0}
.gercekler{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem 2.5rem;margin-top:clamp(2rem,4vw,3rem)}
.gercekler li{display:flex;gap:.8rem;align-items:flex-start;padding:.9rem 0;border-bottom:1px solid var(--cizgi);font-weight:600}
.gercekler .ikon{color:var(--kaktus-yazi);margin-top:.15rem;width:1.4em;height:1.4em}
@media (max-width:820px){
  .mutfak-bas,.adimlar,.gercekler{grid-template-columns:1fr}
}

.sube-blok{background:var(--bordo);color:var(--bordo-ust);border-radius:var(--r-blok);padding:clamp(2.2rem,5vw,4.5rem) clamp(1.25rem,4vw,4rem);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2.5rem 3rem;align-items:center;overflow:hidden;position:relative}
.sube-blok h2{color:var(--bordo-ust);max-width:14ch;margin-bottom:1.6rem}
.sayaclar{display:flex;flex-wrap:wrap;gap:1rem 2.8rem;margin:0 0 2rem}
.sayac{display:flex;flex-direction:column;line-height:1}
.sayac b{font-family:var(--f-baslik);font-weight:400;font-size:clamp(3.6rem,8vw,6rem);font-variant-numeric:tabular-nums;line-height:.95}
.sayac span{font-weight:750;font-stretch:80%;font-size:1.15rem;color:var(--bordo-ikincil);margin-top:.35rem}
.sehirler{list-style:none;display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:2rem}
.sehirler a{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.35rem 1rem;border:1.5px solid rgba(255,244,230,.4);border-radius:999px;font-weight:700;font-stretch:84%;transition:background-color .2s,color .2s,border-color .2s}
.sehirler a small{font-size:.85rem;opacity:.8;font-variant-numeric:tabular-nums}
@media (hover:hover){.sehirler a:hover{background:var(--bordo-ust);color:#5E0B1A;border-color:var(--bordo-ust)}}
.paket{text-align:center}
.paket img{width:min(320px,80%);margin:0 auto 1.2rem;transform:rotate(-8deg);filter:drop-shadow(0 26px 24px rgba(0,0,0,.4))}
.paket p{color:var(--bordo-ikincil);max-width:32ch;margin:0 auto 1.2rem}
.paket b{color:var(--bordo-ust)}
@media (max-width:860px){.sube-blok{grid-template-columns:1fr}.paket img{width:min(220px,60%)}}

.fr-cagri{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2rem clamp(2rem,5vw,4.5rem);align-items:center}
.fr-cagri img{width:100%;max-width:560px;margin-inline:auto;filter:drop-shadow(0 26px 30px rgba(60,20,10,.3))}
.fr-cagri h2{margin-bottom:1.1rem;max-width:15ch}
.fr-cagri p{color:var(--ikincil);max-width:50ch}
@media (max-width:860px){.fr-cagri{grid-template-columns:1fr}.fr-cagri img{max-width:420px}}

.alt{background:var(--alt-zemin);color:var(--alt-yazi);padding:clamp(3.5rem,7vw,5.5rem) 0 calc(1.5rem + env(safe-area-inset-bottom));margin-top:clamp(4rem,8vw,6rem);border-top:1px solid rgba(247,238,227,.08)}
main>.bolum:last-child{padding-bottom:0}
.alt-ust{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));gap:2.5rem}
.alt-marka img{width:96px;height:96px;margin-bottom:1rem}
.alt-marka p{color:var(--alt-ikincil);max-width:36ch}
.alt h2{font-family:var(--f-govde);font-weight:800;font-stretch:78%;font-size:1.25rem;margin-bottom:1rem;color:var(--alt-yazi)}
.alt ul{list-style:none;display:grid;gap:.15rem}
.alt li a,.alt li>span{display:inline-flex;align-items:flex-start;gap:.6rem;min-height:44px;padding:.55rem 0;color:var(--alt-ikincil);transition:color .2s}
.alt li .ikon{margin-top:.12rem;color:#FF8079}
@media (hover:hover){.alt li a:hover{color:#FFFFFF}}
.alt-alt{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 1.5rem;margin-top:3rem;padding-top:1.4rem;border-top:1px solid rgba(247,238,227,.15);color:var(--alt-ikincil);font-size:.95rem}
.alt-alt a{color:var(--alt-yazi)}
@media (max-width:860px){.alt-ust{grid-template-columns:1fr 1fr}.alt-marka{grid-column:1/-1}}
@media (max-width:520px){.alt-ust{grid-template-columns:1fr}}

.sayfa-bas{position:relative;background:var(--bordo);color:var(--bordo-ust);overflow:hidden;isolation:isolate}
.sayfa-bas .kap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.5rem 3rem;align-items:center;min-height:clamp(320px,42vw,480px);padding-block:clamp(2.5rem,6vw,4rem)}
.sayfa-bas h1{font-size:clamp(2.8rem,7vw,5.6rem);line-height:.95;margin-bottom:1.2rem}
.sayfa-bas h1 .s{display:block;overflow:hidden;padding:.16em 0 .06em;margin-top:-.16em}
.sayfa-bas h1 .s>span{display:block}
.sayfa-bas .giris{font-size:clamp(1.05rem,1.5vw,1.22rem);color:var(--bordo-ikincil);max-width:46ch;margin-bottom:1.5rem}
.sayfa-bas .btnlar{margin-top:.5rem}
.sayfa-bas-gorsel{position:relative;display:flex;justify-content:center}
.sayfa-bas-gorsel img{filter:drop-shadow(0 26px 30px rgba(0,0,0,.4));max-height:380px;width:auto}
.sayfa-bas-gorsel.foto img{border-radius:var(--r-kart);box-shadow:0 26px 50px -24px rgba(0,0,0,.6);filter:none;aspect-ratio:4/3;object-fit:cover;width:100%;max-height:none}
.sayfa-bas-gorsel.dik img{aspect-ratio:3/4;max-height:420px;width:auto}
.sayfa-bas::after{content:"";position:absolute;z-index:-1;right:-8vw;bottom:-30%;width:42vw;aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,244,230,.12)}
.sayfa-bas.sade .kap{grid-template-columns:1fr;min-height:clamp(240px,30vw,340px)}
@media (max-width:860px){
  .sayfa-bas .kap{grid-template-columns:1fr}
  .sayfa-bas-gorsel img{max-width:min(100%,460px);max-height:240px}
  .sayfa-bas-gorsel.foto img{max-height:none}
  .sayfa-bas-gorsel.dik img{max-height:300px;width:auto}
}

.kat-nav{position:sticky;top:var(--ust-h);z-index:40;background:var(--zemin);border-bottom:1px solid var(--cizgi)}
.kat-nav ul{list-style:none;display:flex;gap:.5rem;overflow-x:auto;padding:.7rem 0;scrollbar-width:none}
.kat-nav ul::-webkit-scrollbar{display:none}
.kat-nav a{display:inline-flex;align-items:center;min-height:44px;padding:.3rem 1.05rem;border-radius:999px;border:1.5px solid var(--cizgi);font-weight:700;font-stretch:84%;white-space:nowrap;transition:background-color .25s,color .25s,border-color .25s}
.kat-nav a.aktif{background:var(--salsa);color:var(--salsa-ust);border-color:var(--salsa)}
@media (hover:hover){.kat-nav a:not(.aktif):hover{border-color:var(--murekkep)}}
.kat{padding-block:clamp(3rem,6vw,4.5rem) 0}
.kat h2{margin-bottom:.6rem}
.kat-not{color:var(--ikincil);margin-bottom:2rem;max-width:60ch}
.m-liste{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem clamp(1.5rem,3vw,3rem)}
.m-urun{display:grid;grid-template-columns:clamp(120px,14vw,168px) minmax(0,1fr);gap:1.1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--cizgi)}
.m-urun .tabak{margin:0;aspect-ratio:1}
.m-urun .tabak::before{width:92%}
.m-urun h3{margin-bottom:.35rem}
.m-urun p{color:var(--ikincil);font-size:.98rem;margin:0}
.m-urun .gr{font-weight:750;color:var(--murekkep)}
@media (hover:hover){.m-urun:hover .tabak img{transform:rotate(-6deg) scale(1.06)}}
.m-kucuk{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}
.m-kucuk li{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-kart);padding:.9rem .9rem 1.1rem;text-align:center}
.m-kucuk .kap-g{height:130px;display:grid;place-items:center;margin-bottom:.7rem}
.m-kucuk img{max-height:130px;width:auto;object-fit:contain;transition:transform .5s var(--egri)}
.m-kucuk h3{font-size:1.15rem}
@media (hover:hover){.m-kucuk li:hover img{transform:translateY(-4px) rotate(-4deg)}}
@media (max-width:820px){.m-liste{grid-template-columns:1fr}}
.menu-son{margin-top:clamp(3rem,6vw,4.5rem);display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;background:var(--lavas);border-radius:var(--r-blok);padding:clamp(1.5rem,4vw,2.5rem)}
.menu-son p{margin:0;max-width:52ch;font-weight:600}

.filtre{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}
.filtre button{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.3rem 1.05rem;border-radius:999px;border:1.5px solid var(--cizgi);background:var(--kart);color:var(--murekkep);font:inherit;font-weight:700;font-stretch:84%;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s}
.filtre button small{font-size:.85rem;opacity:.75;font-variant-numeric:tabular-nums}
.filtre button[aria-pressed="true"]{background:var(--murekkep);color:var(--zemin);border-color:var(--murekkep)}
@media (hover:hover){.filtre button:not([aria-pressed="true"]):hover{border-color:var(--murekkep)}}
.filtre-sonuc{color:var(--ikincil);margin:-1rem 0 1.5rem;font-weight:600}
.subeler{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.1rem}
.sube{display:flex;flex-direction:column;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-kart);padding:1.35rem 1.35rem 1.25rem;transition:transform .45s var(--egri),box-shadow .45s var(--egri)}
.sube[hidden]{display:none}
.sube-ust{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.9rem}
.sube-sehir{font-weight:750;font-stretch:80%;color:var(--kaktus-yazi);font-size:.98rem}
.sube h3{font-family:var(--f-baslik);font-weight:400;font-stretch:100%;font-size:1.55rem;line-height:1.05;margin-top:.2rem}
.durum{display:none;align-items:center;gap:.4rem;flex:none;padding:.25rem .65rem;border-radius:999px;font-size:.86rem;font-weight:750;font-stretch:82%;white-space:nowrap}
html.js .durum{display:inline-flex}
.durum::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.durum.acik{background:rgba(30,138,52,.13);color:var(--kaktus-yazi)}
.durum.kapali{background:rgba(94,75,69,.12);color:var(--ikincil)}
.sube dl{margin:0 0 1.1rem;display:grid;gap:.35rem}
.sube dl div{display:flex;align-items:center;gap:.6rem}
.sube dt{display:flex;color:var(--ikincil)}
.sube dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums}
.sube dd.yok{color:var(--ikincil);font-weight:500}
.sube-eylem{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.sube-eylem .btn{width:100%;padding-inline:.7rem}
.sube-eylem .tek{grid-column:1/-1}
@media (hover:hover){.sube:hover{transform:translateY(-4px);box-shadow:var(--golge)}}
.sube-not{margin-top:2.5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.1rem}
.not-kutu{background:var(--lavas);border-radius:var(--r-kart);padding:clamp(1.4rem,3vw,2rem)}
.not-kutu h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:.7rem}
.not-kutu p{color:var(--ikincil)}
@media (max-width:760px){.sube-not{grid-template-columns:1fr}}

.iki{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem clamp(2rem,5vw,5rem);align-items:start}
.iki.orta{align-items:center}
.metin p{max-width:68ch}
.metin h2{margin-bottom:1.2rem}
.metin h3{margin:1.8rem 0 .6rem}
.metin strong{font-weight:750}
.foto-c{border-radius:var(--r-blok);overflow:hidden;box-shadow:var(--golge)}
.foto-c img{width:100%;aspect-ratio:4/3;object-fit:cover}
@media (max-width:860px){.iki{grid-template-columns:1fr}}

.liste-c{list-style:none;display:grid;gap:0}
.liste-c li{display:flex;gap:.8rem;align-items:flex-start;padding:.85rem 0;border-bottom:1px solid var(--cizgi);font-weight:600}
.liste-c .ikon{color:var(--kaktus-yazi);margin-top:.15rem;width:1.35em;height:1.35em}

.nedenler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem clamp(2rem,4vw,3.5rem)}
.nedenler article{border-top:2px solid var(--murekkep);padding-top:1.2rem}
.nedenler h3{margin-bottom:.6rem}
.nedenler p{color:var(--ikincil);margin:0 0 .6rem}
.nedenler .vurgu{color:var(--murekkep);font-weight:700}
@media (max-width:760px){.nedenler{grid-template-columns:1fr}}

.surec{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:2rem clamp(2rem,5vw,4.5rem);align-items:start}
.surec-gorsel{position:sticky;top:calc(var(--ust-h) + 2rem)}
.surec-gorsel p{margin:1rem 0 0;color:var(--ikincil);font-size:.98rem}
@media (max-width:860px){.surec{grid-template-columns:1fr}.surec-gorsel{display:none}}
.zaman{list-style:none;position:relative;display:grid;gap:0}
.zaman li{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:1.2rem;padding-bottom:2rem}
.zaman li::before{content:"";position:absolute;left:31px;top:58px;bottom:0;width:3px;border-radius:2px;background:var(--cizgi)}
.zaman li::after{content:"";position:absolute;left:31px;top:58px;bottom:0;width:3px;border-radius:2px;background:var(--salsa);transform-origin:top;transform:scaleY(1);transition:transform .9s var(--egri) .15s}
.zaman li:last-child::before,.zaman li:last-child::after{display:none}
.zaman .no{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--salsa);color:var(--salsa-ust);font-family:var(--f-baslik);font-size:1.5rem;transition:transform .5s var(--egri),background-color .4s}
.zaman h3{margin:.9rem 0 .35rem}
.zaman p{color:var(--ikincil);margin:0;max-width:60ch}
html.js .zaman li:not(.aktif)::after{transform:scaleY(0)}
html.js .zaman li:not(.aktif) .no{background:var(--lavas-2);color:var(--murekkep);transform:scale(.86)}

.finans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.finans>div{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-kart);padding:clamp(1.4rem,3vw,2rem)}
.finans h3{margin-bottom:1rem}
.finans .oranlar{display:flex;gap:2rem;margin:.6rem 0 0}
.finans .oran b{display:block;font-family:var(--f-baslik);font-weight:400;font-size:clamp(2.8rem,5vw,3.8rem);line-height:1;color:var(--salsa)}
.finans .oran span{font-weight:700;font-stretch:82%}
.finans dl{margin:0;display:grid;gap:.9rem}
.finans dt{font-weight:750}
.finans dd{margin:0;color:var(--ikincil)}
.finans .dip{font-size:.92rem;color:var(--ikincil);margin:1rem 0 0}
@media (max-width:900px){.finans{grid-template-columns:1fr}}

.renkler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin:2rem 0}
.renk{border-radius:var(--r-kart);padding:clamp(1.5rem,3vw,2.2rem);color:#FFF4E6;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end}
.renk h3{font-family:var(--f-baslik);font-weight:400;font-stretch:100%;font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:.5rem}
.renk p{margin:0;color:rgba(255,244,230,.88);max-width:40ch}
.renk.bordo{background:#7C1023}
.renk.yesil{background:#1F6B33}
@media (max-width:640px){.renkler{grid-template-columns:1fr}}
.alinti{font-family:var(--f-baslik);font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.15;max-width:24ch;margin:0}

.basvuru{background:var(--bordo);color:var(--bordo-ust);border-radius:var(--r-blok);padding:clamp(2.2rem,5vw,4rem) clamp(1.25rem,4vw,4rem);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:2rem 3rem;align-items:center}
.basvuru h2{color:var(--bordo-ust);margin-bottom:1rem;max-width:16ch}
.basvuru p{color:var(--bordo-ikincil);max-width:52ch}
.basvuru ol{list-style:none;counter-reset:b;display:grid;gap:.5rem;margin:1.2rem 0 0}
.basvuru ol li{counter-increment:b;display:flex;gap:.7rem;color:var(--bordo-ikincil)}
.basvuru ol li::before{content:counter(b);flex:none;width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;background:rgba(255,244,230,.14);color:var(--bordo-ust);font-weight:800;font-size:.9rem}
.basvuru .btnlar{flex-direction:column}
.basvuru .btn{width:100%}
@media (max-width:860px){.basvuru{grid-template-columns:1fr}}

.manifesto{background:var(--bordo);color:var(--bordo-ust);border-radius:var(--r-blok);padding:clamp(2.2rem,6vw,5rem) clamp(1.25rem,5vw,5rem)}
.manifesto h2{color:var(--bordo-ust);font-size:clamp(2.2rem,5.4vw,4.4rem);max-width:14ch;margin-bottom:2rem}
.manifesto .kolon{columns:2 320px;column-gap:3rem}
.manifesto .kolon p{color:var(--bordo-ikincil);break-inside:avoid}
.manifesto .kapanis{font-family:var(--f-baslik);font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.2;color:var(--bordo-ust);margin:2rem 0 0;max-width:30ch}

.gruplar{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(1.5rem,3vw,2.5rem)}
.gruplar a{display:block;padding:1.2rem 0;border-bottom:1px solid var(--cizgi);height:100%}
.gruplar h3{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.4rem;transition:color .2s}
.gruplar h3 .ikon{color:var(--salsa);transition:transform .3s var(--egri)}
.gruplar p{color:var(--ikincil);margin:0}
@media (hover:hover){.gruplar a:hover h3{color:var(--salsa)}.gruplar a:hover h3 .ikon{transform:translateX(4px)}}
@media (max-width:900px){.gruplar{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.gruplar{grid-template-columns:1fr}}

.vm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}
.vm>div{background:var(--lavas);border-radius:var(--r-kart);padding:clamp(1.5rem,3vw,2.2rem)}
.vm h3{font-family:var(--f-baslik);font-weight:400;font-stretch:100%;font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:.8rem}
.vm p{margin:0 0 .8rem}
.vm p:last-child{margin:0}
@media (max-width:760px){.vm{grid-template-columns:1fr}}

.iletisim-liste{list-style:none;display:grid;gap:0;border-top:2px solid var(--murekkep)}
.iletisim-liste li{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,1fr);gap:.4rem 1.5rem;padding:1.2rem 0;border-bottom:1px solid var(--cizgi);align-items:baseline}
.iletisim-liste .et{font-weight:750;font-stretch:80%;color:var(--ikincil)}
.iletisim-liste .de{font-family:var(--f-baslik);font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.2;overflow-wrap:anywhere}
.iletisim-liste a.de{color:var(--murekkep);transition:color .2s}
.iletisim-liste .de.eposta{font-size:clamp(1.05rem,1.9vw,1.45rem)}
.iletisim-liste .alt-not{grid-column:2;color:var(--ikincil);font-size:.98rem}
@media (hover:hover){.iletisim-liste a.de:hover{color:var(--salsa)}}
@media (max-width:600px){.iletisim-liste li{grid-template-columns:1fr}.iletisim-liste .alt-not{grid-column:1}}
.konular{list-style:none;display:grid;gap:.7rem}
.konular a{display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:1.05rem 1.25rem;min-height:64px;border-radius:var(--r-kart);background:var(--kart);border:1px solid var(--cizgi);font-weight:700;transition:transform .35s var(--egri),box-shadow .35s var(--egri),border-color .2s}
.konular a span{display:flex;flex-direction:column}
.konular a small{font-weight:500;color:var(--ikincil);font-size:.95rem}
.konular .ikon{color:var(--salsa)}
@media (hover:hover){.konular a:hover{transform:translateY(-3px);box-shadow:var(--golge);border-color:transparent}}
.ilkeler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem clamp(1.5rem,3vw,2.5rem)}
.ilkeler article{border-top:2px solid var(--murekkep);padding-top:1.1rem}
.ilkeler h3{margin-bottom:.5rem}
.ilkeler p{color:var(--ikincil);margin:0}
@media (max-width:860px){.ilkeler{grid-template-columns:1fr}}

.yasal{max-width:76ch}
.yasal h2{font-family:var(--f-govde);font-weight:800;font-stretch:80%;font-size:1.45rem;margin:2.2rem 0 .8rem}
.yasal ul{padding-left:1.2rem;display:grid;gap:.5rem;margin-bottom:1rem}
.yasal li::marker{color:var(--salsa)}
.yasal a{color:var(--salsa);font-weight:650}

.bulunamadi{min-height:60vh;display:grid;place-items:center;text-align:center;padding-block:4rem}
.bulunamadi img{width:min(360px,80vw);margin:0 auto 1.5rem;transform:rotate(-10deg)}
.bulunamadi h1{font-size:clamp(2.4rem,6vw,4.4rem);margin-bottom:1rem}
.bulunamadi p{color:var(--ikincil);max-width:44ch;margin:0 auto 1.8rem}
.bulunamadi .btnlar{justify-content:center}

html.js [data-gor]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--egri),transform .9s var(--egri)}
html.js [data-gor].gorundu{opacity:1;transform:none}
html.js [data-gor-grup]>*{opacity:0;transform:translateY(22px);transition:opacity .7s var(--egri),transform .8s var(--egri)}
html.js [data-gor-grup].gorundu>*{opacity:1;transform:none}
html.js [data-gor-grup].gorundu>*:nth-child(2){transition-delay:.07s}
html.js [data-gor-grup].gorundu>*:nth-child(3){transition-delay:.14s}
html.js [data-gor-grup].gorundu>*:nth-child(4){transition-delay:.21s}
html.js [data-gor-grup].gorundu>*:nth-child(5){transition-delay:.28s}
html.js [data-gor-grup].gorundu>*:nth-child(6){transition-delay:.35s}
html.js [data-gor-grup].gorundu>*:nth-child(n+7){transition-delay:.4s}

@media (prefers-reduced-motion:no-preference){
  .acilis .panel{animation:panel-ac 1s var(--egri) both}
  .acilis h1 .s>span{animation:satir .95s var(--egri) both}
  .acilis h1 .s:nth-child(2)>span{animation-delay:.09s}
  .acilis h1 .s:nth-child(3)>span{animation-delay:.18s}
  .acilis .giris,.acilis .btnlar,.acilis .hero-not{animation:belir .9s var(--egri) .35s both}
  .acilis .btnlar{animation-delay:.45s}
  .acilis .hero-not{animation-delay:.55s}
  .acilis .hero-durum{animation:yuvarlan 1.25s var(--egri) .2s both}
  .acilis .etiket{animation:etiket .7s var(--egri) 1.05s both}
  .acilis .panel-yazi span{animation:belir 1.2s var(--egri) .5s both}
  .acilis .panel-yazi span:nth-child(2){animation-delay:.62s}
  .acilis .panel-yazi span:nth-child(3){animation-delay:.74s}
  .serit{animation:serit-gel .9s var(--egri) .55s both}
  .acilis .sayfa-bas-gorsel{animation:yuvarlan-k 1.1s var(--egri) .15s both}
  .acilis.sayfa-bas{animation:panel-ust .9s var(--egri) both}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .serit-iz{animation:none}
  html.js [data-gor],html.js [data-gor-grup]>*{opacity:1;transform:none}
}
@keyframes panel-ac{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
@keyframes panel-ust{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes satir{from{transform:translateY(105%)}to{transform:none}}
@keyframes belir{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes yuvarlan{from{transform:translateX(55%) rotate(150deg) scale(.82)}to{transform:none}}
@keyframes yuvarlan-k{from{transform:translateX(30%) rotate(40deg)}to{transform:none}}
@keyframes etiket{from{transform:rotate(-40deg) scale(0)}to{transform:rotate(-12deg) scale(1)}}
@keyframes serit-gel{from{transform:rotate(-2deg) translateX(30%)}to{transform:rotate(-2deg)}}
.surec-gorsel .foto-c img{aspect-ratio:3/4}
.kat-nav ul{position:relative}
.sss{display:grid;gap:.75rem;max-width:880px}
.sss details{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-kart);transition:box-shadow .3s var(--egri)}
.sss details[open]{box-shadow:var(--golge-k)}
.sss summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.35rem;cursor:pointer;list-style:none;min-height:44px}
.sss summary::-webkit-details-marker{display:none}
.sss summary h3{margin:0;font-size:1.2rem}
.sss summary::after{content:"+";flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--lavas);color:var(--bordo);font-family:var(--f-baslik);font-size:1.2rem;line-height:1;transition:transform .3s var(--egri)}
.sss details[open] summary::after{transform:rotate(45deg)}
.sss summary:focus-visible{outline:3px solid var(--salsa);outline-offset:2px;border-radius:var(--r-kart)}
.sss details p{margin:0;padding:0 1.35rem 1.2rem;color:var(--ikincil);max-width:70ch}
.sss a,.metin p a{color:var(--salsa);font-weight:700}
.sss-bolum .bolum-bas h2{max-width:22ch}
.sube h3 a{color:inherit}
.sube .sube-detay{margin:-.4rem 0 .6rem;min-height:36px;font-size:.95rem}
.tek-sube{grid-template-columns:1fr;max-width:420px}
.sube-link li{padding:.6rem 0}
.sube-link a{display:flex;gap:.6rem;align-items:center}
.sube-link .ikon{color:var(--salsa)}
.not-kutu .ok-link{color:#B0101A}
.sube dl .adres{align-items:flex-start}
.sube dl .adres dt{padding-top:.2em}