*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body,h1,h2,h3,h4,p,ul,ol,figure,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
img,svg,video{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}

:root{
  --koyu:#14161a;
  --koyu-2:#1b1f25;
  --koyu-3:#252a31;
  --cizgi-koyu:rgba(255,255,255,.10);
  --vurgu:#c9a227;
  --vurgu-acik:#e0bf4e;
  --vurgu-koyu:#9c7c14;
  --vurgu-sis:rgba(201,162,39,.12);
  --acik:#ffffff;
  --acik-2:#f4f5f6;
  --acik-3:#eceef0;
  --metin:#16181c;
  --metin-2:#5b636e;
  --metin-ters:#f2f3f5;
  --metin-ters-2:#a3aab4;
  --cizgi:#e2e5e9;
  --golge-s:0 1px 2px rgba(16,18,22,.06),0 2px 8px rgba(16,18,22,.05);
  --golge-m:0 4px 12px rgba(16,18,22,.07),0 12px 32px rgba(16,18,22,.08);
  --golge-l:0 18px 50px rgba(16,18,22,.16);
  --r-s:8px;
  --r-m:14px;
  --r-l:22px;
  --en:1240px;
  --bosluk:clamp(4.5rem,8vw,8rem);
  --gecis:.25s cubic-bezier(.4,0,.2,1);
  --yazi:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --iz:.012em;
  --yazi-baslik:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

[data-tema="lacivert"]{
  --koyu:#0d1729;
  --koyu-2:#132039;
  --koyu-3:#1c2d4d;
  --vurgu:#c8a03c;
  --vurgu-acik:#e2bd60;
  --vurgu-koyu:#9a761f;
  --vurgu-sis:rgba(200,160,60,.14);
  --acik-2:#f3f5f8;
  --acik-3:#e9edf3;
  --cizgi:#dde3ec;
  --metin:#101a2b;
  --metin-2:#56637a;
}

body{
  font-family:var(--yazi);
  font-size:17px;
  line-height:1.65;
  color:var(--metin);
  background:var(--acik);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

h1,h2,h3,h4{font-family:var(--yazi-baslik);font-weight:800;text-wrap:balance;font-optical-sizing:auto}
h1{font-size:clamp(2.3rem,5.4vw,4.1rem);line-height:1.055;letter-spacing:-.034em}
h2{font-size:clamp(1.85rem,3.6vw,2.85rem);line-height:1.11;letter-spacing:-.027em}
h3{font-size:clamp(1.2rem,1.8vw,1.45rem);line-height:1.26;letter-spacing:-.016em;font-weight:750}
h4{font-size:1.05rem;line-height:1.35;letter-spacing:-.008em;font-weight:750}
p{text-wrap:pretty}
b,strong{font-weight:750}
table,.kod,time{font-variant-numeric:tabular-nums}

.sar{width:min(100% - 2.6rem,var(--en));margin-inline:auto}
.dar{width:min(100% - 2.6rem,900px);margin-inline:auto}

.bolum{padding-block:var(--bosluk)}
.bolum--acik{background:var(--acik-2)}
.bolum--koyu{background:var(--koyu);color:var(--metin-ters)}
.bolum--koyu h1,.bolum--koyu h2,.bolum--koyu h3{color:#fff}
.bolum--koyu p{color:var(--metin-ters-2)}

.ust-etiket{
  display:inline-flex;align-items:center;gap:.6rem;
  font-size:.735rem;font-weight:800;letter-spacing:.155em;text-transform:uppercase;
  color:var(--vurgu-koyu);margin-bottom:1.1rem;
}
.ust-etiket::before{content:"";width:26px;height:2px;background:var(--vurgu);border-radius:2px}
.bolum--koyu .ust-etiket{color:var(--vurgu-acik)}

.bolum-bas{max-width:660px;margin-bottom:3.2rem}
.bolum-bas--orta{margin-inline:auto;text-align:center}
.bolum-bas--orta .ust-etiket::before{display:none}
.bolum-bas p{margin-top:1.1rem;color:var(--metin-2);font-size:1.06rem}

.dgm{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  padding:.95rem 1.7rem;border-radius:var(--r-s);border:1px solid transparent;
  font-weight:750;font-size:.97rem;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;
  transition:transform var(--gecis),background var(--gecis),color var(--gecis),border-color var(--gecis),box-shadow var(--gecis);
}
.dgm:hover{transform:translateY(-2px)}
.dgm:active{transform:translateY(0) scale(.975);transition-duration:.09s}
.dgm--ana{background:var(--vurgu);color:#17140a;box-shadow:0 6px 18px rgba(201,162,39,.28)}
.dgm--ana:hover{background:var(--vurgu-acik);box-shadow:0 10px 26px rgba(201,162,39,.34)}
.dgm--cerceve{border-color:rgba(255,255,255,.28);color:#fff}
.dgm--cerceve:hover{border-color:var(--vurgu);color:var(--vurgu-acik);background:var(--vurgu-sis)}
.dgm--koyu{background:var(--koyu);color:#fff}
.dgm--koyu:hover{background:var(--koyu-3)}
.dgm--yesil{background:#25d366;color:#fff;box-shadow:0 6px 18px rgba(37,211,102,.26)}
.dgm--yesil:hover{background:#1fbb59;box-shadow:0 10px 26px rgba(37,211,102,.32)}
.dgm--yesil svg{width:19px;height:19px}
.dgm--acik{border-color:var(--cizgi);background:#fff;color:var(--metin)}
.dgm--acik:hover{border-color:var(--metin);}
.dgm--genis{width:100%}
.dgm--tepe{padding:.66rem 1.15rem;font-size:.875rem;border-radius:7px;box-shadow:0 4px 12px rgba(201,162,39,.22)}
.dgm--tepe:hover{box-shadow:0 7px 18px rgba(201,162,39,.3)}

.bag{display:inline-flex;align-items:center;gap:.45rem;font-weight:750;color:var(--vurgu-koyu);transition:gap var(--gecis)}
.bag svg{width:16px;height:16px;transition:transform var(--gecis)}
.bag:hover svg{transform:translateX(4px)}
.bolum--koyu .bag{color:var(--vurgu-acik)}

.duyuru{
  background:linear-gradient(90deg,var(--koyu-2),var(--koyu-3) 55%,var(--koyu-2));
  color:var(--metin-ters-2);font-size:.815rem;letter-spacing:var(--iz);
  border-bottom:1px solid var(--cizgi-koyu);
}
.duyuru .sar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;flex-wrap:wrap}
.duyuru-sol{display:flex;align-items:center;gap:.55rem}
.duyuru-sol strong{color:var(--vurgu-acik);font-weight:750}
.duyuru-sol svg{width:16px;height:16px;color:var(--vurgu);flex-shrink:0}
.duyuru-sag{display:flex;align-items:center;gap:1.5rem}
.duyuru-sag span,.duyuru-sag a{display:inline-flex;align-items:center;gap:.45rem}
.duyuru-sag svg{width:14px;height:14px;color:var(--vurgu);opacity:.85}
.duyuru a:hover{color:var(--vurgu-acik)}

.tepe{position:sticky;top:0;z-index:60;background:rgba(17,19,23,.88);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
.tepe::after{content:"";position:absolute;left:0;right:0;top:100%;height:22px;background:linear-gradient(to bottom,rgba(20,22,26,.5),transparent);opacity:0;transition:opacity .25s ease;pointer-events:none}
.tepe--kaydi{background:rgba(17,19,23,.94);border-bottom-color:rgba(255,255,255,.09);box-shadow:0 4px 24px rgba(0,0,0,.28)}
.tepe--kaydi::after{opacity:1}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .tepe{background:var(--koyu)}
  .tepe--kaydi{background:var(--koyu)}
}
[data-tema="lacivert"] .tepe{background:rgba(11,20,36,.88)}
[data-tema="lacivert"] .tepe--kaydi{background:rgba(11,20,36,.94)}
.tepe .sar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:78px}

.marka{display:flex;align-items:center;gap:.75rem;color:#fff;flex-shrink:0}
.marka .logo-tam{height:46px;width:auto}
.marka--dip .logo-tam{height:54px}
.marka-ad{display:flex;flex-direction:column;line-height:1.1}
.marka-ad b{font-size:1.05rem;font-weight:800;letter-spacing:-.02em}
.marka-ad span{font-size:.6rem;letter-spacing:.17em;text-transform:uppercase;color:var(--vurgu)}

.menu{display:flex;align-items:center;gap:.35rem}
.menu > li > a{
  display:block;padding:.55rem .8rem;border-radius:var(--r-s);
  font-size:.925rem;font-weight:650;letter-spacing:-.004em;color:var(--metin-ters-2);
  transition:color var(--gecis),background var(--gecis);
}
.menu > li > a:hover,.menu > li > a[aria-current]{color:#fff;background:rgba(255,255,255,.06)}
.menu > li > a[aria-current]{color:var(--vurgu-acik)}

.acilir{position:relative}
.acilir > a::after{content:"";display:inline-block;width:5px;height:5px;margin-left:.45rem;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.acilir-menu{
  position:absolute;top:calc(100% + .5rem);left:0;min-width:296px;
  background:#fff;border-radius:var(--r-m);box-shadow:var(--golge-l);
  padding:.55rem;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity var(--gecis),transform var(--gecis),visibility var(--gecis);
}
.acilir:hover .acilir-menu,.acilir:focus-within .acilir-menu{opacity:1;visibility:visible;transform:translateY(0)}
.acilir-menu a{display:block;padding:.65rem .8rem;border-radius:var(--r-s);font-size:.92rem;font-weight:650;color:var(--metin);transition:background var(--gecis),color var(--gecis)}
.acilir-menu a:hover{background:var(--acik-2);color:var(--vurgu-koyu)}

.tepe-sag{display:flex;align-items:center;gap:.9rem}
.tepe-tel{display:flex;align-items:center;gap:.6rem;color:#fff}
.tepe-tel > svg{width:34px;height:34px;padding:8px;border-radius:50%;background:var(--vurgu-sis);color:var(--vurgu)}
.tepe-tel span{display:block;font-size:.68rem;color:var(--metin-ters-2);letter-spacing:.06em}
.tepe-tel b{font-size:1rem;font-weight:800;letter-spacing:-.01em}

.menu-dgm{display:none;width:44px;height:44px;border:1px solid var(--cizgi-koyu);border-radius:var(--r-s);background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-dgm span{display:block;width:19px;height:2px;background:#fff;border-radius:2px;transition:transform var(--gecis),opacity var(--gecis)}
.menu-dgm[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-dgm[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-dgm[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.giris{position:relative;background:var(--koyu);color:#fff;overflow:hidden;isolation:isolate}
.giris::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(120% 90% at 78% 8%,rgba(201,162,39,.20),transparent 58%),
    radial-gradient(80% 70% at 12% 92%,rgba(255,255,255,.07),transparent 60%),
    linear-gradient(160deg,var(--koyu-2),var(--koyu) 62%);
}
.giris::after{
  content:"";position:absolute;inset:0;z-index:-1;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:76px 76px;
  -webkit-mask-image:radial-gradient(75% 65% at 50% 40%,#000,transparent);
  mask-image:radial-gradient(75% 65% at 50% 40%,#000,transparent);
}
.giris .sar{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;padding-block:clamp(3.5rem,7vw,6.5rem)}
.giris h1{margin-bottom:1.4rem}
.giris h1 em{font-style:normal;color:var(--vurgu);display:block}
.giris-ozet{font-size:1.115rem;line-height:1.62;color:var(--metin-ters-2);max-width:53ch;margin-bottom:2.2rem}
.giris-dgm{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:2.6rem}
.sadece-mobil{display:none}
.dgm--wa:hover{border-color:#25d366;color:#4ade80;background:rgba(37,211,102,.1)}
.dgm--wa svg{width:18px;height:18px}

.form-ek{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s ease}
.form-ek[data-ek="0"]{grid-template-rows:0fr}
.form-ek > div{overflow:hidden;min-height:0}
.form-ek-dgm{width:100%;background:none;border:0;border-top:1px dashed rgba(255,255,255,.16);padding:.85rem 0 .1rem;margin-bottom:.9rem;color:var(--metin-ters-2);font-size:.86rem;font-weight:650;cursor:pointer;text-align:left;display:flex;align-items:center;gap:.5rem;transition:color var(--gecis)}
.form-ek-dgm::after{content:"";width:6px;height:6px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--gecis)}
.form-ek-dgm[aria-expanded="true"]::after{transform:translateY(1px) rotate(-135deg)}
.form-ek-dgm:hover{color:var(--vurgu-acik)}
.form-kutu .form-ek-dgm{border-top-color:var(--cizgi);color:var(--metin-2)}
.form-kutu .form-ek-dgm:hover{color:var(--vurgu-koyu)}

.giris-rozet{display:flex;gap:1.9rem;flex-wrap:wrap;padding-top:1.9rem;border-top:1px solid var(--cizgi-koyu)}
.giris-rozet li{display:flex;align-items:center;gap:.6rem;font-size:.9rem;font-weight:650;color:#dfe3e8}
.giris-rozet svg{width:19px;height:19px;color:var(--vurgu);flex-shrink:0}

.giris-kart{
  background:rgba(255,255,255,.055);border:1px solid var(--cizgi-koyu);
  backdrop-filter:blur(12px);border-radius:var(--r-l);padding:2rem;
  box-shadow:0 24px 60px rgba(0,0,0,.35);
}
.giris-kart h2{font-size:1.32rem;margin-bottom:.35rem}
.giris-kart > p{font-size:.92rem;color:var(--metin-ters-2);margin-bottom:1.5rem}

.form-satir{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.alan{margin-bottom:.85rem}
.alan label{display:block;font-size:.79rem;font-weight:700;letter-spacing:.02em;margin-bottom:.42rem;color:var(--metin-2)}
.giris-kart .alan label{color:var(--metin-ters-2)}
.alan input,.alan select,.alan textarea{
  width:100%;padding:.82rem .95rem;border-radius:var(--r-s);
  border:1px solid var(--cizgi);background:#fff;color:var(--metin);
  font-size:.95rem;transition:border-color var(--gecis),box-shadow var(--gecis);
}
.giris-kart .alan input,.giris-kart .alan select,.giris-kart .alan textarea{
  background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#fff;
}
.giris-kart .alan input::placeholder,.giris-kart .alan textarea::placeholder{color:rgba(255,255,255,.42)}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:none;border-color:var(--vurgu);box-shadow:0 0 0 3px var(--vurgu-sis)}
.alan textarea{resize:vertical;min-height:104px}
.alan select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238a919c' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:11px;padding-right:2.4rem}
.giris-kart .alan select option{background:var(--koyu-2);color:#fff}
.form-not{font-size:.78rem;color:var(--metin-2);margin-top:.9rem;text-align:center}
.giris-kart .form-not{color:var(--metin-ters-2)}
.tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.serit{background:var(--koyu-2);border-block:1px solid var(--cizgi-koyu)}
.serit ul{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--cizgi-koyu)}
.serit li{background:var(--koyu-2);padding:2rem 1.6rem;text-align:center}
.serit b{display:block;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;color:var(--vurgu);letter-spacing:-.03em;line-height:1.1}
.serit span{display:block;font-size:.87rem;color:var(--metin-ters-2);margin-top:.35rem}

.izgara{display:grid;gap:1.5rem}
.izgara--2{grid-template-columns:repeat(2,1fr)}
.izgara--3{grid-template-columns:repeat(3,1fr)}
.izgara--4{grid-template-columns:repeat(4,1fr)}

.kart{
  background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-m);
  padding:2rem 1.8rem;position:relative;overflow:hidden;
  transition:transform var(--gecis),box-shadow var(--gecis),border-color var(--gecis);
}
.kart::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--vurgu);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.kart:hover{transform:translateY(-4px);box-shadow:var(--golge-m);border-color:transparent}
.kart:hover::after{transform:scaleX(1)}
.kart-ikon{
  width:56px;height:56px;border-radius:var(--r-m);display:grid;place-items:center;
  background:var(--vurgu-sis);color:var(--vurgu-koyu);margin-bottom:1.35rem;
}
.kart-ikon svg{width:28px;height:28px}
.kart h3{margin-bottom:.6rem}
.kart p{color:var(--metin-2);font-size:.96rem;margin-bottom:1.2rem}

.alan-kart{
  position:relative;padding:1.7rem;border-radius:var(--r-m);
  background:var(--koyu-2);border:1px solid var(--cizgi-koyu);
  transition:background var(--gecis),border-color var(--gecis),transform var(--gecis);
}
.alan-kart:hover{background:var(--koyu-3);border-color:rgba(201,162,39,.35);transform:translateY(-3px)}
.alan-kart b{display:block;font-size:1.12rem;font-weight:750;color:#fff;margin-bottom:.5rem}
.alan-kart b::before{content:"";display:block;width:22px;height:2px;background:var(--vurgu);margin-bottom:.9rem}
.alan-kart p{font-size:.92rem;color:var(--metin-ters-2)}

.surec{counter-reset:adim;display:grid;grid-template-columns:repeat(5,1fr);gap:1.4rem;position:relative}
.surec::before{content:"";position:absolute;top:26px;left:8%;right:8%;height:2px;background:repeating-linear-gradient(90deg,var(--cizgi) 0 8px,transparent 8px 16px)}
.surec li{position:relative;text-align:center}
.surec-no{
  counter-increment:adim;width:54px;height:54px;margin:0 auto 1.2rem;border-radius:50%;
  display:grid;place-items:center;background:#fff;border:2px solid var(--vurgu);
  font-weight:800;font-size:1.05rem;color:var(--vurgu-koyu);position:relative;z-index:1;
}
.surec-no::before{content:counter(adim,decimal-leading-zero)}
.surec h3{font-size:1.08rem;margin-bottom:.5rem}
.surec p{font-size:.9rem;color:var(--metin-2)}

.ikili{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.liste-onay li{display:flex;gap:.85rem;padding:.7rem 0;font-size:.98rem;align-items:flex-start}
.liste-onay svg{width:21px;height:21px;color:var(--vurgu);flex-shrink:0;margin-top:2px}
.liste-onay b{display:block;font-weight:750;margin-bottom:.15rem}
.liste-onay span{color:var(--metin-2);font-size:.92rem}

.gorsel-kutu{position:relative;border-radius:var(--r-l);overflow:hidden;aspect-ratio:4/3.4;background:var(--koyu-2)}
.gorsel-kutu img{width:100%;height:100%;object-fit:cover}
.gorsel-yer{
  width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:2rem;
  background:linear-gradient(150deg,var(--koyu-3),var(--koyu));color:var(--metin-ters-2);
}
.gorsel-yer svg{width:52px;height:52px;color:var(--vurgu);opacity:.55;margin:0 auto 1rem}
.gorsel-yer span{font-size:.85rem;letter-spacing:.02em}
.gorsel-etiket{
  position:absolute;left:1.3rem;bottom:1.3rem;right:1.3rem;
  background:rgba(20,22,26,.82);backdrop-filter:blur(8px);
  border:1px solid var(--cizgi-koyu);border-radius:var(--r-m);padding:1rem 1.2rem;color:#fff;
}
.gorsel-etiket b{display:block;font-size:1rem}
.gorsel-etiket span{font-size:.83rem;color:var(--metin-ters-2)}

.galeri{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.galeri-oge{border-radius:var(--r-m);overflow:hidden;aspect-ratio:4/3;position:relative;background:var(--acik-3)}
.galeri-oge .gorsel-yer{background:linear-gradient(150deg,var(--acik-3),var(--acik-2));color:var(--metin-2)}
.galeri-oge .gorsel-yer svg{color:var(--vurgu-koyu);opacity:.4}

.sss-oge{border-bottom:1px solid var(--cizgi)}
.sss-bas{
  width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;
  padding:1.35rem 0;background:none;border:0;text-align:left;cursor:pointer;
  font-size:1.06rem;font-weight:750;letter-spacing:-.012em;transition:color var(--gecis);
}
.sss-bas:hover{color:var(--vurgu-koyu)}
.sss-arti{position:relative;width:22px;height:22px;flex-shrink:0;margin-top:3px}
.sss-arti::before,.sss-arti::after{content:"";position:absolute;top:50%;left:50%;background:var(--vurgu);border-radius:2px;transform:translate(-50%,-50%);transition:transform var(--gecis)}
.sss-arti::before{width:14px;height:2px}
.sss-arti::after{width:2px;height:14px}
.sss-bas[aria-expanded="true"] .sss-arti::after{transform:translate(-50%,-50%) rotate(90deg)}
.sss-govde{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.sss-govde[data-acik="1"]{grid-template-rows:1fr}
.sss-govde > div{overflow:hidden}
.sss-govde p{padding-bottom:1.4rem;color:var(--metin-2);max-width:75ch}

.cta{position:relative;background:var(--koyu);color:#fff;overflow:hidden;isolation:isolate}
.cta::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(100% 130% at 82% 0%,rgba(201,162,39,.22),transparent 60%),linear-gradient(120deg,var(--koyu-2),var(--koyu))}
.cta .sar{display:flex;align-items:center;justify-content:space-between;gap:2.5rem;padding-block:clamp(3rem,5vw,4.5rem);flex-wrap:wrap}
.cta h2{max-width:20ch;margin-bottom:.7rem}
.cta p{color:var(--metin-ters-2);max-width:48ch}
.cta-dgm{display:flex;gap:.8rem;flex-wrap:wrap}

.sayfa-bas{position:relative;background:var(--koyu);color:#fff;padding-block:clamp(3.2rem,6vw,5rem);overflow:hidden;isolation:isolate}
.sayfa-bas::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(90% 120% at 85% 10%,rgba(201,162,39,.17),transparent 58%),linear-gradient(150deg,var(--koyu-2),var(--koyu))}
.sayfa-bas h1{font-size:clamp(2rem,4.2vw,3.2rem);margin-bottom:1rem}
.sayfa-bas p{color:var(--metin-ters-2);max-width:62ch;font-size:1.06rem}
.iz{display:flex;gap:.5rem;align-items:center;font-size:.83rem;color:var(--metin-ters-2);margin-bottom:1.3rem;flex-wrap:wrap}
.iz a:hover{color:var(--vurgu-acik)}
.iz span{opacity:.45}

.yazi-govde{font-size:1.04rem}
.yazi-govde p{margin-bottom:1.25rem;color:var(--metin-2)}
.yazi-govde h2{margin:2.6rem 0 1.1rem}
.yazi-govde h3{margin:2rem 0 .8rem}
.yazi-govde strong{color:var(--metin)}

.yan-izgara{display:grid;grid-template-columns:1fr 350px;gap:3.5rem;align-items:start}
.yan{position:sticky;top:104px;display:grid;gap:1.2rem}
.yan-kutu{background:var(--acik-2);border:1px solid var(--cizgi);border-radius:var(--r-m);padding:1.6rem}
.yan-kutu h3{font-size:1.08rem;margin-bottom:1rem}
.yan-liste li + li{margin-top:.15rem}
.yan-liste a{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem .9rem;border-radius:var(--r-s);font-size:.93rem;font-weight:650;background:#fff;border:1px solid var(--cizgi);transition:border-color var(--gecis),color var(--gecis),transform var(--gecis)}
.yan-liste a:hover{border-color:var(--vurgu);color:var(--vurgu-koyu);transform:translateX(3px)}
.yan-liste a[aria-current]{border-color:var(--vurgu);background:var(--vurgu-sis);color:var(--vurgu-koyu)}
.yan-liste svg{width:15px;height:15px;flex-shrink:0}
.yan-cta{background:var(--koyu);color:#fff;border-color:transparent}
.yan-cta h3{color:#fff}
.yan-cta p{font-size:.9rem;color:var(--metin-ters-2);margin-bottom:1.2rem}

.kapsam{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-top:1.6rem}
.kapsam li{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;background:var(--acik-2);border-radius:var(--r-s);font-size:.93rem;font-weight:650;border:1px solid var(--cizgi)}
.kapsam svg{width:17px;height:17px;color:var(--vurgu);flex-shrink:0}

.iletisim-izgara{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,4vw,3.5rem);align-items:start}
.bilgi-liste{display:grid;gap:1.2rem;margin-bottom:2rem}
.bilgi-oge{display:flex;gap:1.1rem;align-items:flex-start}
.bilgi-ikon{width:46px;height:46px;border-radius:var(--r-s);display:grid;place-items:center;background:var(--vurgu-sis);color:var(--vurgu-koyu);flex-shrink:0}
.bilgi-ikon svg{width:21px;height:21px}
.bilgi-oge span{display:block;font-size:.79rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--metin-2);margin-bottom:.2rem}
.bilgi-oge b{font-size:1.04rem;font-weight:750;line-height:1.45}
.bilgi-oge a:hover{color:var(--vurgu-koyu)}
.harita{border-radius:var(--r-m);overflow:hidden;border:1px solid var(--cizgi);height:320px;background:var(--acik-3)}
.harita iframe{width:100%;height:100%;border:0;display:block}
.form-kutu{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-l);padding:2.2rem;box-shadow:var(--golge-s)}

.uyari{padding:1rem 1.2rem;border-radius:var(--r-s);font-size:.94rem;font-weight:650;margin-bottom:1.5rem;display:flex;gap:.7rem;align-items:flex-start}
.uyari svg{width:19px;height:19px;flex-shrink:0;margin-top:2px}
.uyari--ok{background:#e9f7ef;color:#1b6b40;border:1px solid #bfe4cf}
.uyari--hata{background:#fdecec;color:#a12525;border:1px solid #f5cccc}

.bolgeler{display:flex;flex-wrap:wrap;gap:.55rem}
.bolgeler li{padding:.5rem 1rem;border-radius:100px;background:#fff;border:1px solid var(--cizgi);font-size:.87rem;font-weight:650;color:var(--metin-2)}

.dip{background:var(--koyu);color:var(--metin-ters-2);padding-top:clamp(3.5rem,6vw,5rem)}
.dip-ust{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:2.5rem;padding-bottom:3rem}
.dip h4{color:#fff;font-size:.95rem;letter-spacing:.02em;margin-bottom:1.2rem}
.dip-ozet{font-size:.93rem;margin:1.2rem 0 1.5rem;max-width:36ch}
.dip-liste li + li{margin-top:.6rem}
.dip-liste a{font-size:.93rem;transition:color var(--gecis),padding-left var(--gecis)}
.dip-liste a:hover{color:var(--vurgu-acik);padding-left:4px}
.dip-iletisim li{display:flex;gap:.7rem;align-items:flex-start;font-size:.93rem;margin-bottom:.9rem}
.dip-iletisim svg{width:17px;height:17px;color:var(--vurgu);flex-shrink:0;margin-top:4px}
.dip-iletisim a:hover{color:var(--vurgu-acik)}
.dip-alt{border-top:1px solid var(--cizgi-koyu);padding-block:1.5rem;display:flex;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;font-size:.85rem}
.dip-alt a:hover{color:var(--vurgu-acik)}
.dip-alt-bag{display:flex;gap:1.4rem;flex-wrap:wrap}

.yuzen{position:fixed;right:1.1rem;bottom:1.1rem;z-index:70;display:flex;flex-direction:column;gap:.65rem}
.yuzen a{
  width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  box-shadow:var(--golge-m);transition:transform var(--gecis);
}
.yuzen a:hover{transform:scale(1.07)}
.yuzen svg{width:26px;height:26px}
.yuzen-wa{background:#25d366;color:#fff}
.yuzen-tel{background:var(--vurgu);color:#17140a}

.mobil-cubuk{display:none}

@media (max-width:1080px){
  .giris .sar{grid-template-columns:1fr}
  .giris-kart{display:none}
  .sadece-masaustu{display:none}
  .sadece-mobil{display:inline-flex}
  .giris-dgm{display:block}
  .giris-dgm .dgm{width:100%;padding-block:1.05rem}
  .giris-rozet{gap:.9rem;flex-direction:column}
  .yan-izgara{grid-template-columns:1fr;gap:2.5rem}
  .yan{position:static;grid-template-columns:1fr 1fr;display:grid}
  .dip-ust{grid-template-columns:1fr 1fr;gap:2rem}
  .surec{grid-template-columns:repeat(3,1fr);gap:2rem}
  .surec::before{display:none}
}

@media (max-width:900px){
  .menu-dgm{display:flex}
  .tepe-tel{display:none}
  .tepe .sar{min-height:66px}
  .menu{inset:66px 0 auto 0;max-height:calc(100dvh - 66px)}
  .menu{
    position:fixed;inset:78px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;
    background:var(--koyu-2);padding:1rem 1.3rem 1.6rem;border-bottom:1px solid var(--cizgi-koyu);
    max-height:calc(100dvh - 78px);overflow-y:auto;
    transform:translateY(-14px);opacity:0;visibility:hidden;transition:opacity var(--gecis),transform var(--gecis),visibility var(--gecis);
  }
  .menu[data-acik="1"]{transform:translateY(0);opacity:1;visibility:visible}
  .menu > li > a{padding:.9rem .4rem;font-size:1rem;border-bottom:1px solid var(--cizgi-koyu);border-radius:0}
  .acilir-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:transparent;padding:.3rem 0 .8rem .9rem}
  .acilir-menu a{color:var(--metin-ters-2);padding:.55rem .4rem}
  .acilir-menu a:hover{background:transparent}
  .acilir > a::after{float:right;margin-top:9px}
  .izgara--3,.izgara--4{grid-template-columns:repeat(2,1fr)}
  .galeri{grid-template-columns:repeat(2,1fr)}
  .serit ul{grid-template-columns:repeat(2,1fr)}
  .ikili,.iletisim-izgara{grid-template-columns:1fr}
  .duyuru-sag{display:none}
}

@media (max-width:760px){
  .tepe-sag .dgm--ana{display:none}
}

@media (max-width:640px){
  body{font-size:16px}
  .giris .sar{padding-block:2.4rem 3rem}
  .giris h1{font-size:clamp(2.05rem,8.4vw,2.7rem)}
  .giris-ozet{font-size:1.02rem;margin-bottom:1.8rem}
  .giris-rozet{padding-top:1.5rem}
  .marka .logo-tam{height:38px}
  .marka--dip .logo-tam{height:46px}
  .sar,.dar{width:min(100% - 2rem,var(--en))}
  .izgara--2,.izgara--3,.izgara--4,.galeri,.kapsam,.yan{grid-template-columns:1fr}
  .surec{grid-template-columns:1fr;gap:1.4rem;text-align:left}
  .surec li{display:grid;grid-template-columns:54px 1fr;gap:1.1rem;text-align:left;align-items:start}
  .surec-no{margin:0}
  .form-satir{grid-template-columns:1fr}
  .cta .sar{flex-direction:column;align-items:flex-start}
  .form-kutu,.giris-kart{padding:1.5rem}
  .dip-ust{grid-template-columns:1fr}
  .dip-alt{flex-direction:column;gap:.8rem}
  .yuzen{display:none}
  .mobil-cubuk{
    display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:70;
    background:var(--koyu-2);border-top:1px solid var(--cizgi-koyu);
    padding:.6rem .7rem calc(.6rem + env(safe-area-inset-bottom));gap:.6rem;
  }
  .mobil-cubuk a{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem;border-radius:var(--r-s);font-weight:750;font-size:.94rem}
  .mobil-cubuk svg{width:18px;height:18px}
  .mobil-tel{background:var(--vurgu);color:#17140a}
  .mobil-wa{background:#25d366;color:#fff}
  body{padding-bottom:76px}
  .dip{padding-bottom:0}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;scroll-behavior:auto !important}
  *,*::before,*::after{transition-duration:.14s !important;transition-property:opacity,background-color,color,border-color !important}
  .kart:hover,.proje-kart:hover,.alan-kart:hover,.dgm:hover{transform:none}
  .proje-kart:hover .proje-gorsel img,.foto:hover img{transform:none}
  .js .beliren{opacity:1;transform:none}
}

@media (prefers-reduced-transparency:reduce){
  .tepe,.tepe--kaydi{background:var(--koyu);backdrop-filter:none;-webkit-backdrop-filter:none}
  .kutu-perde{background:rgba(8,9,11,.99);backdrop-filter:none}
  .kutu-dgm,.kutu-sayac{background:rgba(255,255,255,.16);backdrop-filter:none}
  .giris-kart{background:var(--koyu-3);backdrop-filter:none}
}

@media (prefers-contrast:more){
  .tepe{background:var(--koyu);backdrop-filter:none}
  .kart,.proje-kart,.yz-tablo-sar{border-color:var(--metin-2)}
  .dgm--cerceve{border-color:#fff}
}

.js .beliren{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.js .beliren[data-gorunur="1"]{opacity:1;transform:none}

.gizli-baslik{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--vurgu);outline-offset:3px;border-radius:3px}
::selection{background:var(--vurgu);color:#17140a}

.proje-kart{display:block;border-radius:var(--r-m);overflow:hidden;background:#fff;border:1px solid var(--cizgi);transition:transform var(--gecis),box-shadow var(--gecis),border-color var(--gecis)}
.proje-kart:hover{transform:translateY(-4px);box-shadow:var(--golge-m);border-color:transparent}
.proje-gorsel{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--acik-3)}
.proje-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.proje-kart:hover .proje-gorsel img{transform:scale(1.045)}
.proje-tip{position:absolute;top:.9rem;left:.9rem;background:rgba(20,22,26,.84);backdrop-filter:blur(6px);color:#fff;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.4rem .8rem;border-radius:100px}
.proje-govde{padding:1.5rem 1.5rem 1.7rem}
.proje-govde h3{margin-bottom:.5rem}
.proje-govde p{color:var(--metin-2);font-size:.95rem;margin-bottom:1.1rem}
.proje-yer{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--metin-2);margin-bottom:.7rem}
.proje-yer svg{width:15px;height:15px;color:var(--vurgu-koyu)}

.foto-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.foto{position:relative;border-radius:var(--r-m);overflow:hidden;aspect-ratio:4/3;background:var(--acik-3);cursor:zoom-in;border:0;padding:0;display:block;width:100%;transition:transform .12s ease-out}
.foto:active{transform:scale(.977)}
.foto img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.foto:hover img{transform:scale(1.05)}
.foto--genis{grid-column:span 2;aspect-ratio:16/9}
.durum{position:absolute;top:.7rem;left:.7rem;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .7rem;border-radius:100px;color:#fff;background:rgba(20,22,26,.8);backdrop-filter:blur(6px)}
.durum--sonra{background:var(--vurgu);color:#17140a}
.durum--once{background:rgba(20,22,26,.82)}

.kutu{position:fixed;inset:0;z-index:200;display:none;touch-action:none}
.kutu[data-acik="1"]{display:block}
.kutu-perde{position:absolute;inset:0;background:rgba(10,11,13,.94);backdrop-filter:blur(8px) saturate(120%);will-change:opacity}
.kutu-sahne{position:absolute;inset:0;overflow:hidden;will-change:transform;cursor:grab}
.kutu-sahne:active{cursor:grabbing}
.kutu-ray{display:flex;width:300%;height:100%;will-change:transform}
.kutu-kare{width:33.33333%;height:100%;margin:0;display:grid;place-items:center;padding:3.6rem 1rem 4.6rem}
.kutu-kare img{max-width:min(1200px,92vw);max-height:100%;width:auto;height:auto;border-radius:var(--r-m);object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.kutu-alt{position:absolute;left:0;right:0;bottom:1.4rem;text-align:center;color:#cfd4da;font-size:.92rem;padding:0 4rem;pointer-events:none;text-shadow:0 1px 12px rgba(0,0,0,.7)}
.kutu-dgm{position:absolute;z-index:2;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);backdrop-filter:blur(14px) saturate(160%);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .16s ease,transform .16s ease,border-color .16s ease}
.kutu-dgm:active{transform:scale(.93)}
.kutu-onceki:active{transform:translateY(-50%) scale(.93)}
.kutu-sonraki:active{transform:translateY(-50%) scale(.93)}
.kutu-dgm:hover{background:var(--vurgu);color:#17140a;border-color:transparent}
.kutu-dgm svg{width:22px;height:22px}
.kutu-kapat{top:1.2rem;right:1.2rem}
.kutu-onceki{left:1.2rem;top:50%;transform:translateY(-50%)}
.kutu-sonraki{right:1.2rem;top:50%;transform:translateY(-50%)}
.kutu-sayac{position:absolute;z-index:2;top:1.9rem;left:1.6rem;color:#e2e6ea;font-size:.82rem;font-weight:750;letter-spacing:.08em;padding:.35rem .8rem;border-radius:100px;background:rgba(255,255,255,.1);backdrop-filter:blur(14px);pointer-events:none}

.proje-ust{position:relative;min-height:clamp(320px,44vw,520px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;color:#fff}
.proje-ust img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.proje-ust::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(12,13,16,.94) 8%,rgba(12,13,16,.55) 55%,rgba(12,13,16,.35))}
.proje-ust .sar{padding-block:clamp(2.2rem,4vw,3.4rem)}
.proje-ust h1{font-size:clamp(1.9rem,4vw,3rem);margin-bottom:.9rem}
.proje-ust p{color:#d3d7dd;max-width:60ch}
.proje-bilgi{display:flex;gap:2rem;flex-wrap:wrap;margin-top:1.6rem;padding-top:1.6rem;border-top:1px solid rgba(255,255,255,.16)}
.proje-bilgi div span{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vurgu);margin-bottom:.25rem}
.proje-bilgi div b{font-size:1rem;font-weight:750}

@media (max-width:900px){
  .foto-izgara{grid-template-columns:repeat(2,1fr)}
  .foto--genis{grid-column:span 2}
}
@media (max-width:640px){
  .foto-izgara{grid-template-columns:1fr}
  .foto--genis{grid-column:span 1;aspect-ratio:4/3}
  .kutu-onceki{left:.5rem}
  .kutu-sonraki{right:.5rem}
  .kutu-alt{padding:0 1rem;bottom:.8rem;font-size:.84rem}
}

.yazi-bilgi{display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:1.6rem;padding-top:1.5rem;border-top:1px solid var(--cizgi-koyu);font-size:.87rem;color:var(--metin-ters-2)}
.yazi-bilgi span{display:flex;align-items:center;gap:.5rem}
.yazi-bilgi svg{width:16px;height:16px;color:var(--vurgu)}

.yz{font-size:1.05rem;line-height:1.75;max-width:74ch}
.yz p{margin-bottom:1.25rem;color:var(--metin-2)}
.yz strong{color:var(--metin);font-weight:750}
.yz h2{margin:3rem 0 1.1rem;scroll-margin-top:110px;font-size:clamp(1.5rem,2.5vw,2rem)}
.yz h2:first-child{margin-top:0}
.yz h3{margin:2.2rem 0 .8rem;scroll-margin-top:110px}
.yz ul,.yz ol{margin:0 0 1.4rem;padding-left:0}
.yz ul li{position:relative;padding-left:1.6rem;margin-bottom:.6rem;color:var(--metin-2)}
.yz ul li::before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;border-radius:2px;background:var(--vurgu)}
.yz ol{counter-reset:yzs}
.yz ol li{position:relative;padding-left:2.1rem;margin-bottom:.7rem;color:var(--metin-2);counter-increment:yzs}
.yz ol li::before{content:counter(yzs);position:absolute;left:0;top:.05em;width:24px;height:24px;border-radius:6px;background:var(--vurgu-sis);color:var(--vurgu-koyu);font-size:.78rem;font-weight:800;display:grid;place-items:center}
.yz a{color:var(--vurgu-koyu);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;text-decoration-color:rgba(201,162,39,.4);transition:text-decoration-color var(--gecis)}
.yz a:hover{text-decoration-color:var(--vurgu)}
.yz blockquote{margin:1.8rem 0;padding:1.2rem 1.5rem;border-left:3px solid var(--vurgu);background:var(--acik-2);border-radius:0 var(--r-s) var(--r-s) 0}
.yz blockquote p{margin:0;font-size:1.05rem;color:var(--metin)}

.yz-kutu{background:var(--koyu);color:#fff;border-radius:var(--r-m);padding:1.8rem;margin-bottom:2.4rem;position:relative;overflow:hidden}
.yz-kutu::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 120% at 88% 0%,rgba(201,162,39,.2),transparent 60%)}
.yz-kutu > *{position:relative}
.yz-kutu p{color:#d6dae0;margin-bottom:.9rem}
.yz-kutu p:last-child{margin-bottom:0}
.yz-kutu strong{color:var(--vurgu-acik)}
.yz-etiket{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--vurgu);margin-bottom:.9rem}
.yz-etiket::before{content:"";width:20px;height:2px;background:var(--vurgu);border-radius:2px}

.yz-icindekiler{background:var(--acik-2);border:1px solid var(--cizgi);border-radius:var(--r-m);padding:1.5rem 1.7rem;margin-bottom:2.4rem}
.yz-icindekiler .yz-etiket{color:var(--vurgu-koyu)}
.yz-icindekiler ol{margin:0;counter-reset:yzi}
.yz-icindekiler li{padding-left:2rem;margin-bottom:.45rem;counter-increment:yzi;position:relative}
.yz-icindekiler li::before{content:counter(yzi,decimal-leading-zero);position:absolute;left:0;top:.15em;font-size:.75rem;font-weight:800;color:var(--vurgu-koyu);background:none;width:auto;height:auto;display:block}
.yz-icindekiler a{font-size:.95rem;font-weight:650;color:var(--metin);text-decoration:none}
.yz-icindekiler a:hover{color:var(--vurgu-koyu)}

.yz-tablo-sar{overflow-x:auto;margin:1.8rem 0;border:1px solid var(--cizgi);border-radius:var(--r-m);background:#fff}
.yz-tablo-sar table{border-collapse:collapse;width:100%;min-width:520px;font-size:.94rem}
.yz-tablo-sar th{text-align:left;padding:.9rem 1.1rem;background:var(--koyu);color:#fff;font-weight:750;font-size:.86rem;letter-spacing:.01em;white-space:nowrap}
.yz-tablo-sar td{padding:.85rem 1.1rem;border-bottom:1px solid var(--cizgi);color:var(--metin-2);vertical-align:top}
.yz-tablo-sar tr:last-child td{border-bottom:0}
.yz-tablo-sar tbody tr:nth-child(even){background:var(--acik-2)}
.yz-tablo-sar td strong{color:var(--metin)}

.yz-cta{background:linear-gradient(135deg,var(--vurgu-sis),rgba(201,162,39,.04));border:1px solid rgba(201,162,39,.35);border-radius:var(--r-m);padding:1.7rem;margin:2.4rem 0;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;flex-wrap:wrap}
.yz-cta p{margin:0;flex:1;min-width:260px;color:var(--metin)}
.yz-cta strong{display:block;font-size:1.1rem;margin-bottom:.3rem}

.yz-kunye{display:flex;gap:1rem;align-items:flex-start;margin-top:3rem;padding:1.5rem;background:var(--acik-2);border:1px solid var(--cizgi);border-radius:var(--r-m)}
.yz-kunye svg{width:22px;height:22px;color:var(--vurgu);flex-shrink:0;margin-top:3px}
.yz-kunye p{margin:0;font-size:.9rem;color:var(--metin-2)}

.yz-not{border-left:3px solid var(--vurgu);background:var(--acik-2);padding:1.1rem 1.3rem;border-radius:0 var(--r-s) var(--r-s) 0;margin:1.8rem 0}
.yz-not p{margin:0;font-size:.96rem}

.bolgeler a{display:block;margin:-.5rem -1rem;padding:.5rem 1rem;border-radius:100px}
.bolgeler li:has(a[aria-current]){background:var(--koyu);border-color:var(--koyu)}
.bolgeler a[aria-current]{color:#fff}

@media (max-width:640px){
  .yz{font-size:1rem}
  .yz-kutu,.yz-icindekiler,.yz-cta,.yz-kunye{padding:1.3rem}
  .yz-cta{flex-direction:column;align-items:stretch}
}

.dip-alt{align-items:center}
.dip-ajans{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;opacity:.6;transition:opacity var(--gecis)}
.dip-ajans:hover{opacity:1}
.dip-ajans img{width:128px;height:auto}
.dip-ajans span{font-size:.6rem;letter-spacing:.19em;text-transform:uppercase;color:var(--metin-ters-2);font-weight:600}

@media (max-width:640px){
  .dip-alt{align-items:flex-start}
  .dip-ajans{align-items:flex-start;margin-top:1.1rem;padding-top:1.2rem;border-top:1px solid var(--cizgi-koyu);width:100%}
  .dip-ajans img{width:112px}
}

.h1-il{font-weight:600;opacity:.5;font-size:.5em;letter-spacing:0;white-space:nowrap}

.yan-yazi{display:block;border-radius:var(--r-s);overflow:hidden;background:#fff;border:1px solid var(--cizgi);transition:border-color var(--gecis),transform var(--gecis)}
.yan-yazi:hover{border-color:var(--vurgu);transform:translateY(-2px)}
.yan-yazi img{width:100%;aspect-ratio:16/9;object-fit:cover}
.yan-yazi span{display:block;padding:.9rem 1rem 1rem}
.yan-yazi b{display:block;font-size:.93rem;font-weight:750;line-height:1.35;margin-bottom:.3rem;color:var(--metin)}
.yan-yazi small{display:block;font-size:.82rem;color:var(--metin-2);line-height:1.45}