@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 800;font-display:swap;
src:url('/varlik/font/fraunces-latin-ext.woff2') format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 800;font-display:swap;
src:url('/varlik/font/fraunces-latin.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;
src:url('/varlik/font/figtree-latin-ext.woff2') format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;
src:url('/varlik/font/figtree-latin.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* --- derin gol (ana) */
  --gol-950:#052029; --gol-900:#082D3A; --gol-850:#0B3646; --gol-800:#0E4356;
  --gol-700:#12566D; --gol-600:#186F8A; --gol-500:#218CAA; --gol-400:#4FA9C4;
  --gol-300:#7FC3D8; --gol-200:#AADCEA; --gol-100:#D3EDF4; --gol-50:#EDF7FA;
  /* --- altin (vurgu; ofis dekorundan) */
  --altin-800:#6E5313; --altin-700:#8E6D1C; --altin-600:#AE8828; --altin-500:#C6A04A;
  --altin-400:#D9BB77; --altin-300:#E6D0A0; --altin-200:#F0E1C3; --altin-50:#FAF4E6;
  /* --- kagit / murekkep */
  --kagit:#FBFAF7; --kagit-2:#F4F1EA; --kagit-3:#EAE5DA; --kagit-4:#DED7C8;
  --murekkep:#0A181F; --baslik:#0C2731; --metin:#33474F; --soluk:#5A6E77;
  --cizgi:#E4DED2; --cizgi-2:#D2CABA;
  /* --- durum */
  --yesil:#1E7A5C; --yesil-50:#E6F4EF; --kirmizi:#9E3324; --kirmizi-50:#FBECE9;
  /* --- tipografi */
  --f-basi:'Fraunces',ui-serif,Georgia,'Times New Roman',serif;
  --f-gov:'Figtree',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  /* --- olcu */
  --r-xs:6px; --r-s:10px; --r:16px; --r-l:24px; --r-xl:34px; --r-tam:999px;
  --en:1200px; --en-dar:820px;
  --bosluk-b:clamp(3.4rem,2rem + 5.2vw,7rem);
  --g1:0 1px 2px rgba(10,24,31,.05),0 2px 6px rgba(10,24,31,.04);
  --g2:0 2px 4px rgba(10,24,31,.05),0 12px 28px rgba(10,24,31,.07);
  --g3:0 4px 8px rgba(10,24,31,.06),0 24px 56px rgba(10,24,31,.13);
  --g-altin:0 10px 30px rgba(174,136,40,.22);
  --gecis:.28s cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px;
  overflow-x:clip}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important}
}
body{margin:0;font-family:var(--f-gov);font-size:17px;line-height:1.72;color:var(--metin);
  background:var(--kagit);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:clip}
img,picture,svg,video{max-width:100%;height:auto;display:block}
/* fotograf yuklenene kadar zemin; SVG marka/ikon dosyalari HARIC
   (koyu alt bilgide logonun arkasinda acik kutu cikiyordu) */
img:not([src$=".svg"]){background:var(--kagit-2)}
a{color:var(--gol-700);text-decoration-color:color-mix(in srgb,var(--gol-700) 32%,transparent);
  text-underline-offset:.22em;transition:color var(--gecis)}
a:hover{color:var(--altin-700)}
/* metin ici telefon baglantisi: mobilde dokunma alanini buyut */
.yazi a[href^="tel:"],p a[href^="tel:"],li a[href^="tel:"]{display:inline-block;
  padding:.2rem .15rem;font-weight:650}
h1,h2,h3,h4,h5{font-family:var(--f-basi);color:var(--baslik);line-height:1.14;margin:0 0 .5em;
  font-weight:600;letter-spacing:-.014em;
  font-variation-settings:'SOFT' 0,'WONK' 0,'opsz' 100}
h1{font-size:clamp(2.1rem,1.35rem + 3.3vw,4.05rem);font-weight:600;letter-spacing:-.026em}
h2{font-size:clamp(1.68rem,1.2rem + 2.1vw,2.75rem);letter-spacing:-.02em}
h3{font-size:clamp(1.18rem,1.04rem + .66vw,1.52rem)}
h4{font-size:1.08rem;font-family:var(--f-gov);font-weight:700;letter-spacing:-.008em}
p{margin:0 0 1.1em}
ul,ol{margin:0 0 1.2em;padding-left:1.35em}
li{margin:.4em 0}
strong,b{font-weight:700;color:var(--baslik)}
/* koyu zeminde strong global koyu rengi aliyor ve okunmaz oluyordu */
.bl-koyu strong,.bl-derin strong,.alt strong,.hero strong,
.hero-ic-sayfa strong,.cta strong,.sayilar strong,.bl-koyu b,.bl-derin b,
.alt b,.cta b{color:#fff}
hr{border:0;border-top:1px solid var(--cizgi);margin:2.5rem 0}
::selection{background:var(--altin-200);color:var(--murekkep)}
:focus-visible{outline:2.5px solid var(--gol-600);outline-offset:3px;border-radius:4px}
.kap{width:min(100% - 2.4rem,var(--en));margin-inline:auto}
.kap-dar{width:min(100% - 2.4rem,var(--en-dar));margin-inline:auto}
@media (max-width:560px){.kap,.kap-dar{width:calc(100% - 1.8rem)}}
.gizle{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}
.atla{position:absolute;left:-9999px;top:0;z-index:200;background:var(--gol-900);color:#fff;
  padding:.8rem 1.3rem;border-radius:0 0 var(--r-s) 0;font-weight:600}
.atla:focus{left:0}

/* ---------------------------------------------------------------- bolum */
.bl{padding-block:var(--bosluk-b);position:relative}
.bl-sik{padding-block:clamp(2.4rem,1.6rem + 3vw,4rem)}
.bl-kagit{background:var(--kagit-2)}
.bl-koyu{background:var(--gol-900);color:#CFE3EA}
.bl-koyu h2,.bl-koyu h3,.bl-koyu h4{color:#fff}
.bl-koyu a{color:var(--altin-300)}
.bl-koyu .bl-ust{color:var(--altin-400)}
.bl-koyu .bl-giris{color:#A9C6D0}
.bl-derin{background:
  radial-gradient(1100px 620px at 82% -10%,rgba(33,140,170,.28),transparent 62%),
  radial-gradient(760px 500px at 6% 108%,rgba(174,136,40,.17),transparent 58%),
  linear-gradient(168deg,var(--gol-950),var(--gol-850) 58%,var(--gol-800));
  color:#CFE3EA}
.bl-derin h2,.bl-derin h3,.bl-derin h4{color:#fff}

/* --- bolum basligi: altin gozluk etiketi + serif baslik */
.bl-bas{max-width:44rem;margin-bottom:clamp(1.9rem,1.2rem + 2vw,3rem)}
.bl-bas.orta{margin-inline:auto;text-align:center}
.bl-ust{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--f-gov);
  font-size:.775rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--altin-700);margin-bottom:.85rem}
.bl-ust::before{content:"";width:26px;height:2px;background:currentColor;border-radius:2px;
  opacity:.8}
.bl-bas.orta .bl-ust::after{content:"";width:26px;height:2px;background:currentColor;
  border-radius:2px;opacity:.8}
.bl-giris{font-size:1.06rem;color:var(--soluk);margin:0}
.bl-bas h2{margin-bottom:.45em}

/* ---------------------------------------------------------------- dugme */
.dg{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  font-family:var(--f-gov);font-weight:650;font-size:.97rem;line-height:1;
  padding:.95rem 1.6rem;border-radius:var(--r-tam);border:1.5px solid transparent;
  cursor:pointer;text-decoration:none;transition:all var(--gecis);white-space:nowrap}
.dg svg{width:18px;height:18px;flex:none}
.dg-1{background:linear-gradient(160deg,var(--gol-700),var(--gol-850));color:#fff;
  box-shadow:0 2px 5px rgba(8,45,58,.2),0 12px 26px rgba(8,45,58,.22)}
.dg-1:hover{color:#fff;transform:translateY(-2px);
  box-shadow:0 4px 9px rgba(8,45,58,.24),0 18px 38px rgba(8,45,58,.28)}
.dg-2{background:var(--altin-500);color:var(--murekkep);box-shadow:var(--g-altin)}
.dg-2:hover{background:var(--altin-400);color:var(--murekkep);transform:translateY(-2px)}
.dg-3{background:transparent;color:var(--gol-800);border-color:var(--cizgi-2)}
.dg-3:hover{border-color:var(--gol-700);color:var(--gol-800);background:var(--gol-50)}
.dg-ac{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.32);
  backdrop-filter:blur(6px)}
.dg-ac:hover{background:rgba(255,255,255,.17);color:#fff;border-color:rgba(255,255,255,.55)}
.dg-wa{background:#1FA855;color:#fff}
.dg-wa:hover{background:#178f47;color:#fff;transform:translateY(-2px)}
.dg-k{padding:.62rem 1.05rem;font-size:.87rem}
.dgler{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}
.bl-bas .dgler{margin-top:1.3rem}
.orta .dgler{justify-content:center}

/* ---------------------------------------------------------------- baslik/ust */
.ust{position:sticky;top:0;z-index:60;background:rgba(251,250,247,.86);
  backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--cizgi);
  transition:box-shadow var(--gecis),background var(--gecis)}
.ust.kaydi{box-shadow:0 6px 26px rgba(10,24,31,.09);background:rgba(251,250,247,.95)}
.ust-ic{display:flex;align-items:center;gap:1.4rem;min-height:74px}
.marka{display:flex;align-items:center;flex:none;text-decoration:none}
.marka img{height:44px;width:auto}
@media (max-width:640px){.marka img{height:38px}.ust-ic{min-height:64px}}
.gz{margin-left:auto;display:flex;align-items:center;gap:.15rem}
.gz > ul{display:flex;list-style:none;margin:0;padding:0;gap:.1rem;align-items:center}
.gz a{display:block;padding:.62rem .8rem;font-size:.935rem;font-weight:550;color:var(--baslik);
  text-decoration:none;border-radius:var(--r-s);transition:all var(--gecis);white-space:nowrap}
.gz a:hover{background:var(--gol-50);color:var(--gol-800)}
.gz a[aria-current]{color:var(--altin-700);font-weight:700}
.gz-a{position:relative}
.gz-a > button{display:flex;align-items:center;gap:.34rem;padding:.62rem .8rem;font-size:.935rem;
  font-weight:550;color:var(--baslik);background:none;border:0;cursor:pointer;border-radius:var(--r-s);
  font-family:var(--f-gov);transition:all var(--gecis)}
.gz-a > button:hover{background:var(--gol-50);color:var(--gol-800)}
.gz-a > button svg{width:15px;height:15px;transition:transform var(--gecis)}
.gz-a[data-acik] > button svg{transform:rotate(180deg)}
.gz-alt{position:absolute;top:calc(100% + 8px);left:50%;translate:-50% 0;min-width:250px;
  background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--g3);
  padding:.5rem;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:all var(--gecis);z-index:5}
.gz-a[data-acik] .gz-alt{opacity:1;visibility:visible;transform:translateY(0)}
.gz-alt a{padding:.6rem .8rem;font-size:.9rem;font-weight:500}
.gz-alt a small{display:block;font-size:.78rem;color:var(--soluk);font-weight:400;margin-top:.1rem}
.ust-tel{display:inline-flex;align-items:center;gap:.5rem;margin-left:.7rem;padding:.68rem 1.15rem;
  border-radius:var(--r-tam);background:var(--gol-900);color:#fff;text-decoration:none;
  font-weight:700;font-size:.93rem;white-space:nowrap;transition:all var(--gecis)}
.ust-tel:hover{background:var(--altin-600);color:var(--murekkep);transform:translateY(-1px)}
.ust-tel svg{width:17px;height:17px}
.gz-dug{display:none;margin-left:auto;width:46px;height:46px;border:1px solid var(--cizgi-2);
  background:#fff;border-radius:var(--r-s);cursor:pointer;padding:0;place-items:center}
.gz-dug span{display:block;width:20px;height:2px;background:var(--baslik);border-radius:2px;
  margin:4px auto;transition:all var(--gecis)}
.gz-dug[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.gz-dug[aria-expanded=true] span:nth-child(2){opacity:0}
.gz-dug[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:1080px){
  .gz-dug{display:grid}
  .ust-tel{display:none}
  .gz{position:fixed;inset:64px 0 0;background:var(--kagit);display:block;overflow-y:auto;
    padding:1.2rem 1.2rem 6rem;transform:translateX(100%);transition:transform var(--gecis);
    border-top:1px solid var(--cizgi)}
  .gz[data-acik]{transform:translateX(0)}
  .gz > ul{display:block}
  .gz a{padding:.85rem .6rem;font-size:1.04rem;border-bottom:1px solid var(--cizgi)}
  .gz-a > button{width:100%;justify-content:space-between;padding:.85rem .6rem;font-size:1.04rem;
    border-bottom:1px solid var(--cizgi);border-radius:0}
  .gz-alt{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:0;
    min-width:0;padding:0 0 .4rem .9rem;display:none;background:transparent}
  .gz-a[data-acik] .gz-alt{display:block}
  .gz-alt a{font-size:.95rem;padding:.62rem .6rem}
}

/* ---------------------------------------------------------------- hero */
.hero{position:relative;isolation:isolate;background:var(--gol-950);overflow:hidden}
.hero-fon{position:absolute;inset:0;z-index:-2}
.hero-fon img{width:100%;height:100%;object-fit:cover;object-position:center 58%}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(178deg,rgba(5,32,41,.90) 0%,rgba(5,32,41,.62) 34%,rgba(5,32,41,.80) 74%,rgba(5,32,41,.96) 100%),
             radial-gradient(900px 520px at 76% 18%,rgba(33,140,170,.30),transparent 66%)}
.hero-ic{position:relative;padding-block:clamp(4.6rem,3rem + 9vw,9.5rem);color:#DCEAF0;
  max-width:60rem}
.hero h1{color:#fff;margin-bottom:.42em;text-shadow:0 2px 30px rgba(0,0,0,.32)}
.hero h1 em{font-style:italic;color:var(--altin-400);font-variation-settings:'SOFT' 40,'WONK' 1,'opsz' 144}
.hero-alt{font-size:clamp(1.03rem,.96rem + .4vw,1.24rem);color:#B8D2DC;max-width:38rem;margin:0}
.hero-rozet{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem 1.05rem;
  border-radius:var(--r-tam);background:rgba(198,160,74,.16);border:1px solid rgba(217,187,119,.4);
  color:var(--altin-300);font-size:.83rem;font-weight:650;letter-spacing:.03em;margin-bottom:1.5rem}
.hero-rozet svg{width:15px;height:15px}
.hero-sr{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin-top:2.2rem;padding-top:1.7rem;
  border-top:1px solid rgba(255,255,255,.15);list-style:none;padding-left:0}
.hero-sr li{display:flex;align-items:center;gap:.55rem;font-size:.92rem;color:#B8D2DC;margin:0}
.hero-sr svg{width:17px;height:17px;color:var(--altin-400);flex:none}

/* --- hero alt seridi: hizli erisim kartlari */
.hero-kart{position:relative;z-index:2;margin-top:-3.2rem;margin-bottom:0}
.hero-kart .kap{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:1px;
  background:var(--cizgi);border:1px solid var(--cizgi);border-radius:var(--r-l);
  overflow:hidden;box-shadow:var(--g3)}
.hk{background:#fff;padding:1.5rem 1.4rem;text-decoration:none;display:block;
  transition:background var(--gecis);position:relative}
.hk:hover{background:var(--altin-50)}
.hk svg{width:26px;height:26px;color:var(--altin-600);margin-bottom:.7rem}
.hk b{display:block;font-family:var(--f-basi);font-size:1.12rem;color:var(--baslik);
  font-weight:600;margin-bottom:.2rem;letter-spacing:-.01em}
.hk span{font-size:.87rem;color:var(--soluk);line-height:1.5;display:block}
.hk::after{content:"";position:absolute;left:0;top:0;width:100%;height:3px;
  background:var(--altin-500);transform:scaleX(0);transform-origin:left;transition:transform var(--gecis)}
.hk:hover::after{transform:scaleX(1)}

/* --- ic sayfa hero */
.hero-ic-sayfa{background:
  radial-gradient(900px 500px at 88% -20%,rgba(33,140,170,.3),transparent 62%),
  linear-gradient(165deg,var(--gol-950),var(--gol-850));
  color:#CFE3EA;padding-block:clamp(2.6rem,1.8rem + 3.4vw,4.6rem);position:relative;overflow:hidden}
.hero-ic-sayfa::before{content:"";position:absolute;right:-6%;top:-30%;width:520px;height:520px;
  border-radius:50%;border:1px solid rgba(217,187,119,.16);pointer-events:none}
.hero-ic-sayfa::after{content:"";position:absolute;right:2%;top:-14%;width:340px;height:340px;
  border-radius:50%;border:1px solid rgba(217,187,119,.12);pointer-events:none}
.hero-ic-sayfa h1{color:#fff;margin-bottom:.35em;max-width:22ch}
.hero-ic-sayfa .ozet{font-size:1.06rem;color:#A9C6D0;max-width:56ch;margin:0}
.hero-ic-sayfa .kap{position:relative;z-index:1}

/* ---------------------------------------------------------------- kirinti */
.kirinti{font-size:.83rem;margin-bottom:1.15rem}
.kirinti ol{display:flex;flex-wrap:wrap;gap:.3rem .55rem;list-style:none;margin:0;padding:0;
  align-items:center}
.kirinti li{margin:0;display:flex;align-items:center;gap:.55rem;color:#8FB2BE}
.kirinti li+li::before{content:"/";opacity:.42}
.kirinti a{color:#A9C6D0;text-decoration:none}
.kirinti a:hover{color:var(--altin-300)}
.kirinti [aria-current]{color:#fff;font-weight:600}

/* ---------------------------------------------------------------- kart izgara */
.izgara{display:grid;gap:1.35rem}
.iz-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.iz-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,282px),1fr))}
.iz-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,224px),1fr))}
.kart{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-l);padding:1.7rem;
  transition:all var(--gecis);position:relative;display:flex;flex-direction:column}
.kart:hover{border-color:var(--altin-400);box-shadow:var(--g2);transform:translateY(-3px)}
.kart h3{font-size:1.2rem;margin-bottom:.4rem}
.kart p{color:var(--soluk);font-size:.945rem;margin-bottom:0}
.kart p+p{margin-top:.7rem}
.kart .ikon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(150deg,var(--altin-50),var(--altin-200));color:var(--altin-700);
  margin-bottom:1.1rem;border:1px solid var(--altin-200)}
.kart .ikon svg{width:23px;height:23px}
.kart-bag{text-decoration:none;color:inherit}
.kart-bag h3{color:var(--baslik);transition:color var(--gecis)}
.kart-bag:hover h3{color:var(--gol-700)}
.kart-devam{margin-top:auto;padding-top:1.05rem;font-size:.88rem;font-weight:650;
  color:var(--gol-700);display:inline-flex;align-items:center;gap:.4rem}
.kart-devam svg{width:15px;height:15px;transition:transform var(--gecis)}
.kart-bag:hover .kart-devam svg{transform:translateX(4px)}
.kart-foto{padding:0;overflow:hidden}
.kart-foto > picture,.kart-foto > img{display:block}
.kart-foto img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .5s ease}
.kart-foto:hover img{transform:scale(1.045)}
.kart-foto .govde{padding:1.4rem 1.5rem 1.6rem;display:flex;flex-direction:column;flex:1}

/* --- numarali adim kartlari */
.adimlar{counter-reset:a}
.adimlar .kart{counter-increment:a;padding-top:2.4rem}
.adimlar .kart::before{content:counter(a,decimal-leading-zero);position:absolute;top:1.15rem;
  right:1.5rem;font-family:var(--f-basi);font-size:2.1rem;font-weight:600;color:var(--altin-400);
  opacity:.5;line-height:1}

/* --- ozellik listesi */
.oz{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}
.oz li{display:flex;gap:.8rem;align-items:flex-start;margin:0;font-size:.97rem}
.oz svg{width:21px;height:21px;flex:none;color:var(--yesil);margin-top:.22rem}
.oz b{display:block;color:var(--baslik)}
.oz span{color:var(--soluk);font-size:.92rem;display:block;margin-top:.1rem}
.bl-koyu .oz svg,.bl-derin .oz svg{color:var(--altin-400)}
.bl-koyu .oz b,.bl-derin .oz b{color:#fff}
.bl-koyu .oz span,.bl-derin .oz span{color:#A9C6D0}

/* ---------------------------------------------------------------- ikili */
.ikili{display:grid;gap:clamp(1.8rem,1rem + 3.4vw,4rem);align-items:center;
  grid-template-columns:1fr}
@media (min-width:900px){
  .ikili{grid-template-columns:1fr 1fr}
  .ikili.gorsel-sag > *:first-child{order:0}
  .ikili.gorsel-sol > *:first-child{order:1}
  .ikili.dar-gorsel{grid-template-columns:1.12fr .88fr}
}
.ikili-gorsel{position:relative;border-radius:var(--r-l);overflow:hidden;box-shadow:var(--g3)}
.ikili-gorsel img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ikili-gorsel.cerceve::after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.3);
  border-radius:calc(var(--r-l) - 10px);pointer-events:none}
.gorsel-not{font-size:.79rem;color:var(--soluk);margin:.6rem 0 0;line-height:1.5}

/* ---------------------------------------------------------------- istatistik */
.sayilar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));
  gap:1px;background:rgba(255,255,255,.14);border-radius:var(--r-l);overflow:hidden;
  border:1px solid rgba(255,255,255,.14)}
.sayilar div{background:var(--gol-900);padding:1.9rem 1.4rem;text-align:center}
.bl-derin .sayilar div{background:rgba(5,32,41,.5);backdrop-filter:blur(3px)}
.sayilar b{display:block;font-family:var(--f-basi);font-size:clamp(1.9rem,1.4rem + 1.8vw,2.7rem);
  font-weight:600;color:var(--altin-400);line-height:1;margin-bottom:.42rem;letter-spacing:-.02em}
.sayilar span{font-size:.855rem;color:#A9C6D0;line-height:1.45;display:block}

/* ---------------------------------------------------------------- tablo */
.tablo-sar{overflow-x:auto;border:1px solid var(--cizgi);border-radius:var(--r);background:#fff;
  -webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:.93rem;min-width:520px}
thead th{background:var(--kagit-2);font-family:var(--f-gov);font-weight:700;color:var(--baslik);
  text-align:left;padding:.95rem 1.1rem;border-bottom:2px solid var(--cizgi-2);white-space:nowrap;
  font-size:.86rem;letter-spacing:.01em}
tbody td{padding:.9rem 1.1rem;border-bottom:1px solid var(--cizgi);vertical-align:top}
tbody tr:last-child td{border-bottom:0}
tbody tr:nth-child(even){background:color-mix(in srgb,var(--kagit-2) 45%,#fff)}
tbody th{padding:.9rem 1.1rem;border-bottom:1px solid var(--cizgi);text-align:left;
  font-weight:650;color:var(--baslik)}

/* ---------------------------------------------------------------- SSS */
.sss{display:grid;gap:.75rem}
.sss details{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);
  transition:all var(--gecis);overflow:hidden}
.sss details[open]{border-color:var(--altin-400);box-shadow:var(--g1)}
.sss summary{cursor:pointer;padding:1.15rem 3.2rem 1.15rem 1.35rem;font-family:var(--f-gov);
  font-weight:650;color:var(--baslik);position:relative;list-style:none;font-size:1rem;line-height:1.5}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"";position:absolute;right:1.3rem;top:1.42rem;width:11px;height:11px;
  border-right:2px solid var(--altin-600);border-bottom:2px solid var(--altin-600);
  transform:rotate(45deg);transition:transform var(--gecis)}
.sss details[open] summary::after{transform:rotate(-135deg);top:1.62rem}
.sss .cev{padding:0 1.35rem 1.3rem;color:var(--metin);font-size:.965rem}
.sss .cev > *:last-child{margin-bottom:0}

/* ---------------------------------------------------------------- CTA */
.cta{background:
  radial-gradient(760px 420px at 84% 0%,rgba(198,160,74,.24),transparent 62%),
  linear-gradient(150deg,var(--gol-900),var(--gol-800));
  border-radius:var(--r-xl);padding:clamp(2.2rem,1.5rem + 3vw,3.8rem);color:#CFE3EA;
  position:relative;overflow:hidden;box-shadow:var(--g3)}
.cta::before{content:"";position:absolute;right:-70px;bottom:-90px;width:300px;height:300px;
  border-radius:50%;border:1.5px solid rgba(217,187,119,.2)}
.cta > *{position:relative;z-index:1}
.cta h2{color:#fff;max-width:20ch}
.cta p{color:#A9C6D0;max-width:52ch;font-size:1.03rem}
.cta .dgler{margin-top:1.8rem}

/* ---------------------------------------------------------------- rozet/cip */
.cipler{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;padding:0;margin:0}
.cip{display:inline-flex;align-items:center;gap:.42rem;padding:.5rem 1rem;border-radius:var(--r-tam);
  background:#fff;border:1px solid var(--cizgi);font-size:.875rem;color:var(--metin);
  text-decoration:none;transition:all var(--gecis);font-weight:500}
a.cip:hover{border-color:var(--altin-500);background:var(--altin-50);color:var(--altin-800);
  transform:translateY(-1px)}
.cip svg{width:14px;height:14px;color:var(--altin-600)}
.bl-koyu .cip,.bl-derin .cip{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.19);
  color:#CFE3EA}
.bl-koyu a.cip:hover,.bl-derin a.cip:hover{background:rgba(198,160,74,.2);
  border-color:var(--altin-400);color:#fff}
.etiket{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .68rem;border-radius:var(--r-xs);
  font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.et-satilik{background:var(--yesil-50);color:var(--yesil)}
.et-kiralik{background:var(--gol-50);color:var(--gol-700)}
.et-altin{background:var(--altin-50);color:var(--altin-800)}

/* ---------------------------------------------------------------- ilan karti */
.ilanlar{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.ilan{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-l);overflow:hidden;
  display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:all var(--gecis)}
.ilan:hover{border-color:var(--altin-400);box-shadow:var(--g2);transform:translateY(-3px)}
.ilan-gor{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--kagit-3)}
.ilan-gor img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ilan:hover .ilan-gor img{transform:scale(1.05)}
.ilan-et{position:absolute;top:.85rem;left:.85rem;display:flex;gap:.4rem;flex-wrap:wrap}
.ilan-et .etiket{background:rgba(255,255,255,.94);backdrop-filter:blur(4px)}
.ilan-gov{padding:1.25rem 1.35rem 1.4rem;display:flex;flex-direction:column;flex:1}
.ilan-gov h3{font-size:1.08rem;margin-bottom:.35rem;line-height:1.34}
.ilan-yer{font-size:.85rem;color:var(--soluk);display:flex;align-items:center;gap:.35rem;
  margin-bottom:.9rem}
.ilan-yer svg{width:14px;height:14px;color:var(--altin-600);flex:none}
.ilan-oz{display:flex;flex-wrap:wrap;gap:.5rem .95rem;padding:.8rem 0;margin-top:auto;
  border-top:1px solid var(--cizgi);font-size:.83rem;color:var(--metin)}
.ilan-oz span{display:flex;align-items:center;gap:.35rem}
.ilan-oz svg{width:14px;height:14px;color:var(--soluk)}
.ilan-fiyat{font-family:var(--f-basi);font-size:1.22rem;font-weight:600;color:var(--gol-800);
  padding-top:.65rem;border-top:1px solid var(--cizgi);letter-spacing:-.01em}
.ilan-fiyat small{font-family:var(--f-gov);font-size:.78rem;color:var(--soluk);font-weight:500;
  display:block;letter-spacing:0}
.ilan-yok{text-align:center;padding:clamp(2.4rem,2rem + 2vw,3.6rem) 1.5rem;background:var(--kagit-2);
  border:1px dashed var(--cizgi-2);border-radius:var(--r-l)}
.ilan-yok svg{width:42px;height:42px;color:var(--altin-500);margin:0 auto 1rem}
.ilan-yok h3{margin-bottom:.4rem}
.ilan-yok p{color:var(--soluk);max-width:48ch;margin-inline:auto}

/* --- ilan detay */
.ilan-ust{display:grid;gap:2rem;grid-template-columns:1fr}
@media (min-width:960px){.ilan-ust{grid-template-columns:1.55fr 1fr;align-items:start}}
.ilan-kunye{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-l);padding:1.6rem;
  position:sticky;top:96px;box-shadow:var(--g1)}
.ilan-kunye dl{display:grid;grid-template-columns:auto 1fr;gap:.55rem 1rem;margin:0 0 1.4rem;
  font-size:.92rem}
.ilan-kunye dt{color:var(--soluk)}
.ilan-kunye dd{margin:0;font-weight:650;color:var(--baslik);text-align:right}

/* ---------------------------------------------------------------- galeri */
.galeri{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}
.galeri figure{margin:0;border-radius:var(--r);overflow:hidden;background:var(--kagit-3);
  position:relative;border:1px solid var(--cizgi)}
.galeri img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s ease}
.galeri figure:hover img{transform:scale(1.05)}
.galeri figcaption{position:absolute;inset:auto 0 0 0;padding:1.6rem .95rem .75rem;
  background:linear-gradient(transparent,rgba(5,32,41,.86));color:#fff;font-size:.83rem;
  line-height:1.4}
.galeri .buyuk{grid-column:span 2;grid-row:span 2}
@media (max-width:640px){.galeri .buyuk{grid-column:span 1;grid-row:span 1}}

/* ---------------------------------------------------------------- yazi govdesi */
.yazi{max-width:none}
.yazi h2{margin-top:2.4rem;padding-top:1.7rem;border-top:1px solid var(--cizgi)}
.yazi h2:first-child{margin-top:0;padding-top:0;border-top:0}
.yazi h3{margin-top:1.9rem}
.yazi ul li::marker{color:var(--altin-600)}
.yazi ol li::marker{color:var(--altin-700);font-weight:700}
.yazi blockquote{margin:1.8rem 0;padding:1.3rem 1.6rem;background:var(--altin-50);
  border-left:3px solid var(--altin-500);border-radius:0 var(--r) var(--r) 0;color:var(--baslik)}
.yazi blockquote p:last-child{margin-bottom:0}
.uyari{display:flex;gap:.95rem;padding:1.15rem 1.35rem;border-radius:var(--r);margin:1.6rem 0;
  background:var(--altin-50);border:1px solid var(--altin-200);font-size:.95rem}
.uyari svg{width:22px;height:22px;flex:none;color:var(--altin-700);margin-top:.15rem}
.uyari b{display:block;margin-bottom:.2rem;color:var(--altin-800)}
.uyari p:last-child{margin-bottom:0}
.uyari-dikkat{background:var(--kirmizi-50);border-color:#F0CFC8}
.uyari-dikkat svg,.uyari-dikkat b{color:var(--kirmizi)}

/* --- icindekiler */
.icindekiler{background:var(--kagit-2);border:1px solid var(--cizgi);border-radius:var(--r);
  padding:1.3rem 1.5rem;margin-bottom:2.2rem}
.icindekiler b{display:block;font-family:var(--f-basi);font-size:1.02rem;margin-bottom:.7rem;
  color:var(--baslik)}
.icindekiler ol{margin:0;padding-left:1.2rem;columns:2;column-gap:2rem;font-size:.92rem}
@media (max-width:640px){.icindekiler ol{columns:1}}
.icindekiler li{margin:.32rem 0}
.icindekiler a{text-decoration:none}
.icindekiler a:hover{text-decoration:underline}

/* ---------------------------------------------------------------- harita */
.harita-sar{border-radius:var(--r-l);overflow:hidden;border:1px solid var(--cizgi);
  box-shadow:var(--g2);background:var(--kagit-2)}
.harita-sar iframe{display:block;width:100%;height:clamp(300px,40vw,460px);border:0}
.ankara-harita svg{width:100%;height:auto}
.ankara-harita path{fill:var(--kagit-3);stroke:#fff;stroke-width:1.1;transition:fill var(--gecis)}
.ankara-harita a:hover path,.ankara-harita a:focus path{fill:var(--altin-400)}
.ankara-harita .vurgu path{fill:var(--gol-600)}
.ankara-harita a:hover .etiket-tx{fill:var(--murekkep)}
.ankara-harita text{font-family:var(--f-gov);font-size:9px;fill:var(--metin);pointer-events:none;
  font-weight:600}

/* ---------------------------------------------------------------- bolge listesi */
.bolgeler{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,208px),1fr));gap:.7rem}
.bolge{display:flex;align-items:center;gap:.7rem;padding:.9rem 1.05rem;background:#fff;
  border:1px solid var(--cizgi);border-radius:var(--r);text-decoration:none;color:var(--baslik);
  font-weight:600;font-size:.94rem;transition:all var(--gecis)}
.bolge:hover{border-color:var(--altin-500);background:var(--altin-50);color:var(--altin-800);
  transform:translateY(-2px);box-shadow:var(--g1)}
.bolge svg{width:16px;height:16px;color:var(--altin-600);flex:none}
.bolge small{display:block;font-weight:400;font-size:.79rem;color:var(--soluk);margin-top:.05rem}

/* ---------------------------------------------------------------- ekip */
.ekip{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.kisi{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-l);overflow:hidden;
  text-align:center;padding:2rem 1.5rem}
.kisi .av{width:96px;height:96px;border-radius:50%;margin:0 auto 1.1rem;overflow:hidden;
  border:3px solid var(--altin-200);background:var(--gol-100);display:grid;place-items:center}
.kisi .av img{width:100%;height:100%;object-fit:cover}
.kisi .av span{font-family:var(--f-basi);font-size:2rem;color:var(--gol-700);font-weight:600}
.kisi h3{font-size:1.15rem;margin-bottom:.15rem}
.kisi .unvan{font-size:.87rem;color:var(--altin-700);font-weight:650;margin-bottom:.8rem}
.kisi p{font-size:.92rem;color:var(--soluk)}

/* ---------------------------------------------------------------- alt bilgi */
.alt{background:linear-gradient(170deg,var(--gol-950),var(--gol-900));color:#9FBFCB;
  padding-block:clamp(3rem,2rem + 3vw,4.6rem) 0;font-size:.925rem}
.alt-iz{display:grid;gap:2.4rem;grid-template-columns:1fr;padding-bottom:2.8rem}
@media (min-width:760px){.alt-iz{grid-template-columns:1fr 1fr}}
@media (min-width:1060px){.alt-iz{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr}}
.alt .alt-bas{font-family:var(--f-gov);font-size:.83rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;margin:0 0 1.15rem;color:var(--altin-400)}
.alt ul{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}
.alt li{margin:0}
.alt a{color:#B4CEDA;text-decoration:none;transition:color var(--gecis)}
@media (max-width:820px){.alt ul a,.alt-son a{display:inline-block;padding-block:.42rem}.alt ul{gap:.15rem}}
.alt a:hover{color:var(--altin-300)}
.alt-marka img{height:46px;width:auto;margin-bottom:1.15rem}
.alt-marka p{max-width:34ch;line-height:1.65;color:#A6C2CE}
.alt-nap{display:grid;gap:.85rem;margin-top:1.3rem;list-style:none;padding:0}
.alt-nap li{display:flex;gap:.7rem;align-items:flex-start}
.alt-nap svg{width:17px;height:17px;color:var(--altin-500);flex:none;margin-top:.22rem}
.alt-son{border-top:1px solid rgba(255,255,255,.12);padding-block:1.5rem;display:flex;
  flex-wrap:wrap;gap:.7rem 1.5rem;justify-content:space-between;align-items:center;
  font-size:.85rem;color:#9BBAC6}
.alt-son ul{display:flex;gap:1.2rem;flex-wrap:wrap}
.alt-kaynak{font-size:.78rem;color:#93B2BE;padding-bottom:1.4rem;line-height:1.6;max-width:90ch}
.alt-kaynak a{color:#C9DCE4;text-decoration:underline}

/* ---------------------------------------------------------------- mobil eylem seridi */
.mobil-cta{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;
  background:rgba(251,250,247,.96);backdrop-filter:blur(12px);
  border-top:1px solid var(--cizgi);padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom));
  gap:.6rem;box-shadow:0 -4px 22px rgba(10,24,31,.12)}
.mobil-cta .dg{flex:1;padding:.85rem .6rem;font-size:.92rem}
@media (max-width:820px){.mobil-cta{display:flex}body{padding-bottom:74px}}
.wa-yuzen{position:fixed;right:1.1rem;bottom:1.3rem;z-index:65;width:56px;height:56px;
  border-radius:50%;background:#1FA855;color:#fff;display:grid;place-items:center;
  box-shadow:0 6px 20px rgba(31,168,85,.45);transition:transform var(--gecis)}
.wa-yuzen:hover{transform:scale(1.08);color:#fff}
.wa-yuzen svg{width:29px;height:29px}
@media (max-width:820px){.wa-yuzen{bottom:86px;width:50px;height:50px}.wa-yuzen svg{width:26px;height:26px}}

/* ---------------------------------------------------------------- yorum */
.yorumlar{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
.yorum{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-l);padding:1.6rem}
.yorum .yildiz{display:flex;gap:.15rem;margin-bottom:.85rem}
.yorum .yildiz svg{width:16px;height:16px;color:var(--altin-500)}
.yorum p{font-size:.95rem;color:var(--metin);margin-bottom:1rem}
.yorum cite{font-style:normal;font-weight:650;color:var(--baslik);font-size:.9rem;display:block}
.yorum cite small{display:block;font-weight:400;color:var(--soluk);font-size:.8rem;margin-top:.1rem}
.puan-rozet{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.3rem;
  background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-tam);box-shadow:var(--g1)}
.puan-rozet .p{font-family:var(--f-basi);font-size:1.5rem;font-weight:600;color:var(--baslik);
  line-height:1}
.puan-rozet .y{display:flex;gap:.1rem}
.puan-rozet .y svg{width:14px;height:14px;color:var(--altin-500)}
.puan-rozet small{font-size:.8rem;color:var(--soluk);display:block;line-height:1.3}

/* ---------------------------------------------------------------- hesap araci */
.arac{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-l);padding:1.8rem;
  box-shadow:var(--g1)}
.arac label{display:block;font-size:.87rem;font-weight:650;color:var(--baslik);margin-bottom:.4rem}
.arac input,.arac select{width:100%;padding:.8rem 1rem;border:1px solid var(--cizgi-2);
  border-radius:var(--r-s);font-family:var(--f-gov);font-size:1rem;color:var(--baslik);
  background:var(--kagit);transition:border-color var(--gecis)}
.arac input:focus,.arac select:focus{border-color:var(--gol-600);outline:0;
  box-shadow:0 0 0 3px rgba(24,111,138,.14)}
.arac .satir{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));
  margin-bottom:1.2rem}
.arac-sonuc{margin-top:1.4rem;padding:1.3rem 1.5rem;background:var(--gol-900);border-radius:var(--r);
  color:#CFE3EA}
.arac-sonuc dl{display:grid;grid-template-columns:1fr auto;gap:.55rem 1rem;margin:0;font-size:.94rem}
.arac-sonuc dd{margin:0;font-weight:700;color:#fff;text-align:right}
.arac-sonuc .toplam{border-top:1px solid rgba(255,255,255,.2);padding-top:.7rem;margin-top:.4rem;
  font-family:var(--f-basi);font-size:1.15rem;color:var(--altin-400)}
.arac-not{font-size:.8rem;color:var(--soluk);margin-top:.9rem;line-height:1.55}

/* ---------------------------------------------------------------- 404 / cesitli */
.bos-durum{text-align:center;padding-block:clamp(3rem,2rem + 4vw,6rem)}
.bos-durum .kod{font-family:var(--f-basi);font-size:clamp(4rem,3rem + 8vw,9rem);font-weight:600;
  color:var(--altin-300);line-height:.9;margin-bottom:.4rem}
.geri-don{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.8rem}
.ilgili{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.ilgili a{display:block;padding:1.1rem 1.3rem;background:#fff;border:1px solid var(--cizgi);
  border-radius:var(--r);text-decoration:none;transition:all var(--gecis)}
.ilgili a:hover{border-color:var(--altin-400);box-shadow:var(--g1);transform:translateY(-2px)}
.ilgili b{display:block;color:var(--baslik);font-size:.97rem;margin-bottom:.2rem;font-weight:650}
.ilgili span{font-size:.85rem;color:var(--soluk)}

/* --- yumusak giris animasyonu
   ONEMLI: yalniz .js kokunde gizlenir. JS calismazsa (ya da tarayici hata verirse)
   icerik TAM GORUNUR kalir — aksi halde sayfanin yarisi bos gorunurdu. */
@media (prefers-reduced-motion:no-preference){
  .js .gir{opacity:0;transform:translateY(18px);
    transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1)}
  .js .gir.gorundu{opacity:1;transform:none}
}
@media print{
  .ust,.alt,.mobil-cta,.wa-yuzen,.dgler,.kirinti{display:none!important}
  body{background:#fff;font-size:12pt}
  .bl{padding-block:1rem}
}