/* 360SanalTurum — "Immersive Corporate" tasarım dili (g360.ai tarzı, Exverys kimliği).
   Kurallar: kenarlık ve ayraç çizgisi yok; ayrım zemin tonu, 14px köşeli kart ve iki standart gölgeyle.
   Başlık Montserrat 600–700, gövde Lato. Turuncu yalnız ana teklif çağrısında. */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url(/varlik/font/montserrat-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:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url(/varlik/font/montserrat-tr-ek.woff2) format("woff2");unicode-range:U+0100-0130,U+0132-017F,U+20BA}
@font-face{font-family:"Lato";font-style:normal;font-weight:400;font-display:swap;src:url(/varlik/font/lato-normal-tr.woff2) format("woff2")}
@font-face{font-family:"Lato";font-style:normal;font-weight:700;font-display:swap;src:url(/varlik/font/lato-bold-tr.woff2) format("woff2")}

:root{
  --lacivert:#1a3152; --lacivert-koyu:#12243c; --vurgu:#e83a15; --vurgu-koyu:#c92f0e;
  --zemin:#ffffff; --zemin2:#f5f8fc; --yuzey:#edf2f8; --mavi-acik:#dfe8f3;
  --metin:#243449; --soluk:#64748b; --ters-soluk:#a9b6c8;
  --golge:0 8px 28px rgba(26,49,82,.065); --golge-ust:0 16px 42px rgba(26,49,82,.11);
  --r-kart:14px; --r-dugme:10px;
  --bas:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gov:"Lato",system-ui,-apple-system,"Segoe UI",sans-serif;
  --kap:1280px; --kenar:clamp(20px,3.2vw,40px); --bolum:clamp(64px,8.5vw,112px); --oku:720px;
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px;scroll-behavior:smooth}
body{margin:0;background:var(--zemin);color:var(--metin);font:400 17px/1.65 var(--gov);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--lacivert);text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:4px;text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}
a:hover{text-decoration-color:currentColor}
h1,h2,h3,h4{font-family:var(--bas);color:var(--lacivert);margin:0;text-wrap:balance}
h1{font-size:clamp(36px,4.6vw,60px);line-height:1.12;letter-spacing:-.035em;font-weight:700}
h2{font-size:clamp(29px,3.2vw,42px);line-height:1.2;letter-spacing:-.03em;font-weight:600}
h3{font-size:clamp(20px,1.8vw,25px);line-height:1.3;letter-spacing:-.02em;font-weight:600}
h4{font-size:clamp(17px,1.4vw,19px);line-height:1.4;font-weight:600;letter-spacing:-.01em}
p{margin:0 0 1em}
strong,b{font-weight:700}
:focus-visible{outline:2px solid var(--vurgu);outline-offset:3px;border-radius:4px}
.kap{max-width:calc(var(--kap) + 2 * var(--kenar));margin:0 auto;padding-inline:var(--kenar)}
.oku{max-width:var(--oku)}
.giris{font-size:clamp(18px,1.4vw,20px);line-height:1.55;color:var(--soluk)}
.ust-yazi{font:600 13px/1.4 var(--bas);color:var(--soluk);margin:0 0 14px}
.soluk{color:var(--soluk)}
.atla{position:absolute;left:-999px;top:8px;background:var(--lacivert);color:#fff;padding:10px 14px;z-index:99;border-radius:8px}
.atla:focus{left:12px}
[hidden]{display:none!important}

/* ÜST */
.ust{position:sticky;top:0;z-index:50;background:#fff;transition:background .2s,box-shadow .2s}
.ust.kaydi{box-shadow:0 6px 24px rgba(26,49,82,.08)}
.ust .kap{display:flex;align-items:center;gap:32px;min-height:80px}
.marka{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--lacivert);font:700 18px/1 var(--bas);letter-spacing:-.02em;white-space:nowrap}
.marka span b{font-weight:700;color:var(--vurgu)}
.marka img{width:38px;height:38px;flex:none;display:block}.marka .lg-k{display:none}
.ana .ust:not(.kaydi):not(.acik):not(.dolu) .marka .lg-a,.alt .marka .lg-a{display:none}.ana .ust:not(.kaydi):not(.acik):not(.dolu) .marka .lg-k,.alt .marka .lg-k{display:block}
.menu{display:flex;gap:6px;margin:0 auto;padding:0;list-style:none}
.menu a{display:block;font:600 14px/1 var(--bas);text-decoration:none;color:var(--metin);padding:12px 14px;border-radius:8px;white-space:nowrap;transition:background .2s,color .2s}
.menu a:hover{background:var(--zemin2);color:var(--lacivert)}
.menu a[aria-current="page"]{color:var(--lacivert);background:var(--yuzey)}
.ust .dugme{min-height:46px;padding:0 20px}
.menu-ac{display:none;margin-left:auto;background:none;border:0;width:44px;height:44px;color:var(--lacivert);cursor:pointer;border-radius:8px}
/* Ana sayfada üst, canlı turun üstünde şeffaf başlar */
.ana .ust{position:fixed;left:0;right:0;background:transparent}
.ana .ust:not(.kaydi):not(.acik):not(.dolu) .marka,.ana .ust:not(.kaydi):not(.acik):not(.dolu) .menu-ac{color:#fff}
.ana .ust:not(.kaydi):not(.acik):not(.dolu) .menu > li > a{color:rgba(255,255,255,.92)}
.ana .ust:not(.kaydi):not(.acik):not(.dolu) .menu > li > a:hover{background:rgba(255,255,255,.12);color:#fff}
.ana .ust.kaydi,.ana .ust.acik,.ana .ust.dolu{background:#fff}
@media (max-width:1100px){
  .menu{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;gap:0;background:#fff;padding:8px var(--kenar) 24px;margin:0;box-shadow:0 18px 30px rgba(26,49,82,.10)}
  .menu.acik{display:flex}
  .menu a{padding:15px 4px;font-size:17px;border-radius:0}
  .menu-ac{display:grid;place-items:center}
  .ust .kap{min-height:68px;gap:16px}
  .ust .dugme{display:none}
}

/* DÜĞMELER */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border:0;border-radius:var(--r-dugme);font:600 14px/1 var(--bas);letter-spacing:.005em;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.dugme:active{transform:translateY(1px)}
.dugme.ana{background:var(--lacivert);color:#fff}
.dugme.ana:hover{background:var(--lacivert-koyu)}
.dugme.vurgu{background:var(--vurgu);color:#fff;box-shadow:0 8px 20px rgba(232,58,21,.22)}
.dugme.vurgu:hover{background:var(--vurgu-koyu)}
.dugme.sade{background:var(--yuzey);color:var(--lacivert)}
.dugme.sade:hover{background:var(--mavi-acik)}
.dugme.beyaz{background:#fff;color:var(--lacivert)}
.dugme.beyaz:hover{background:var(--yuzey)}
.dugme.cam{background:rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.dugme.cam:hover{background:rgba(255,255,255,.24)}
@media (max-width:640px){.dugme{min-height:48px;padding:0 20px}}
.ok-bag{font:600 15px/1.4 var(--bas);color:var(--lacivert);text-decoration:none;display:inline-flex;gap:8px;align-items:center}
.ok-bag::after{content:"→";transition:transform .2s}
.ok-bag:hover::after{transform:translateX(4px)}
.eylemler{display:flex;flex-wrap:wrap;gap:12px}

/* KIRINTI */
.kirinti{font:500 13px/1.4 var(--bas);color:var(--soluk);padding-top:24px}
.kirinti ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}
.kirinti li+li::before{content:"/";margin-right:8px;color:#b4bfcd}
.kirinti a{text-decoration:none;color:var(--soluk)}
.kirinti a:hover{color:var(--lacivert)}

/* BÖLÜMLER */
.bolum{padding-block:var(--bolum)}
.bolum.ton{background:var(--zemin2)}
.bolum.beyaz{background:#fff}
.bolum.koyu{background:var(--lacivert);color:#e6ecf4}
.bolum.koyu h2,.bolum.koyu h3,.bolum.koyu h4{color:#fff}
.bolum.koyu .soluk,.bolum.koyu .giris{color:var(--ters-soluk)}
.bolum-bas{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 48px;margin-bottom:clamp(32px,4vw,56px)}
.bolum-bas h2{max-width:22ch}
.bolum-bas p{margin:0;color:var(--soluk);max-width:540px}
.bolum.koyu .bolum-bas p{color:var(--ters-soluk)}

/* KART — tek kart dili: beyaz yüzey, 14px köşe, yumuşak gölge, kenarlık yok */
.kart{background:#fff;border-radius:var(--r-kart);box-shadow:var(--golge);padding:clamp(22px,2.4vw,32px)}

/* CANLI 360 HERO (ana sayfa) */
.hero360{position:relative;height:100svh;min-height:640px;display:flex;align-items:stretch;color:#fff;background:#0d1826;overflow:hidden;isolation:isolate}
.hero360 .pano-poster,.hero360 canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero360 canvas{opacity:0;transition:opacity .8s ease;cursor:grab;touch-action:pan-y}
.hero360 canvas.hazir{opacity:1}
.hero360 canvas:active{cursor:grabbing}
.hero360::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(10,20,34,.72) 0%,rgba(10,20,34,.38) 48%,rgba(10,20,34,.05) 75%),linear-gradient(0deg,rgba(10,20,34,.7) 0%,rgba(10,20,34,0) 38%)}
.hero360-ic{position:relative;display:flex;flex-direction:column;width:100%;padding-top:clamp(104px,15vh,160px);padding-bottom:clamp(20px,3.5vh,36px);pointer-events:none;transition:opacity .4s}
.hero360-ic a,.hero360-ic button{pointer-events:auto}
.hero360-metin{max-width:640px}
.hero360 h1{color:#fff;margin-bottom:20px;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.hero360 .giris{color:rgba(255,255,255,.88);margin:0 0 28px;max-width:52ch}
.hero360-alt{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 20px;margin-top:auto;padding-top:24px}
.mekan-etiket{display:grid;gap:4px;background:rgba(10,20,34,.42);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:12px 18px;pointer-events:auto}
.mekan-etiket span{font:600 12px/1.3 var(--bas);color:rgba(255,255,255,.7)}
.mekan-etiket strong{font:700 17px/1.3 var(--bas);letter-spacing:-.01em}
.mekan-etiket small{font-size:14px;color:rgba(255,255,255,.8)}
.hero360-kontrol{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.hero360-kontrol .dugme{min-height:46px;padding:0 18px}
.noktalar{display:flex;gap:4px;margin-left:6px}
.noktalar button{width:28px;height:28px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center}
.noktalar button::before{content:"";width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45);transition:width .25s,background .25s}
.noktalar button[aria-pressed="true"]::before{width:22px;border-radius:4px;background:#fff}
.kaydir-ipucu{font-size:13px;color:rgba(255,255,255,.75)}
/* rakamlar ilk ekranın içinde: buzlu cam kartlar */
.rakamlar.cam{margin-top:16px;gap:12px}
.rakamlar.cam .rakam{background:rgba(255,255,255,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:none;padding:16px 20px;pointer-events:auto}
.rakamlar.cam .rakam b{color:#fff;font-size:clamp(24px,2.4vw,34px);margin-bottom:2px}
.rakamlar.cam .rakam span{color:rgba(255,255,255,.78)}
/* gerçek tur aynı alanda açılır */
.tur-ici{position:absolute;inset:80px 0 0;z-index:3;background:#0d1826}
.tur-ici iframe{width:100%;height:100%;border:0;display:block}
.tur-ici .kapat{position:absolute;top:14px;right:14px;min-height:42px;padding:0 16px}
.hero360.tur-acik .hero360-ic{opacity:0;visibility:hidden}
@media (max-height:760px) and (min-width:761px){.hero360 h1{font-size:clamp(34px,3.6vw,48px)}.hero360 .giris{margin-bottom:20px}}
@media (max-width:760px){
  .hero360{height:auto;min-height:100svh}
  .hero360::after{background:linear-gradient(0deg,rgba(10,20,34,.85) 0%,rgba(10,20,34,.5) 55%,rgba(10,20,34,.3) 100%)}
  .hero360-ic{padding-top:96px;padding-bottom:20px}
  .mekan-etiket{width:100%}
  .kaydir-ipucu{display:none}
  .hero360-ic{padding-bottom:84px}
  .hero360 .giris{font-size:16px;margin-bottom:22px}
  .hero360-alt{padding-top:18px;gap:12px}
  .mekan-etiket{padding:10px 14px}
  .mekan-etiket span{display:none}
  .noktalar{margin-left:0}
  .rakamlar.cam{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}
  .rakamlar.cam .rakam{padding:10px 8px;text-align:center}
  .rakamlar.cam .rakam b{font-size:20px}
  .rakamlar.cam .rakam span{font-size:11px;line-height:1.3;display:block}
  .tur-ici{inset:68px 0 0}
}

/* TUR PENCERESİ */
.tur-pencere{width:min(1400px,96vw);height:min(860px,88vh);max-width:none;max-height:none;padding:0;border:0;border-radius:var(--r-kart);background:#0d1826;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.tur-pencere::backdrop{background:rgba(10,20,34,.72)}
.tur-pencere iframe{width:100%;height:100%;border:0;display:block}
.tur-pencere .kapat{position:absolute;top:12px;right:12px;z-index:2;min-height:42px;padding:0 16px}
@media (max-width:640px){.tur-pencere{width:100vw;height:100svh;border-radius:0}}

/* ALT SAYFA HERO */
.hero{padding:clamp(28px,4vw,56px) 0 clamp(40px,5vw,72px)}
.hero-ust{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px 64px;align-items:end}
.hero-ust.gorselli{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.hero h1{max-width:20ch;margin-bottom:0}
.hero-ust.gorselli h1{margin-bottom:20px}
.hero-ust .yan-metin p{color:var(--soluk);margin:0 0 28px;font-size:clamp(17px,1.3vw,19px)}
.hero-fig{margin:0;border-radius:var(--r-kart);overflow:hidden;box-shadow:var(--golge-ust);background:var(--yuzey)}
.hero-gorsel{width:100%;aspect-ratio:4/3;object-fit:cover}
@media (max-width:960px){.hero-ust,.hero-ust.gorselli{grid-template-columns:minmax(0,1fr)}.hero h1{max-width:none}}

/* CANLI TUR (alt sayfalar: tıkla-yükle) */
.tur-sahne{position:relative;overflow:hidden;background:#0d1826;aspect-ratio:16/8;border-radius:var(--r-kart);box-shadow:var(--golge-ust)}
.tur-sahne img{width:100%;height:100%;object-fit:cover}
.tur-sahne iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tur-baslat{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:clamp(20px,3vw,32px);border:0;cursor:pointer;text-align:left;color:#fff;background:linear-gradient(180deg,rgba(10,20,34,0) 50%,rgba(10,20,34,.6) 100%);font:inherit}
.tur-baslat strong{display:block;font:700 clamp(17px,1.6vw,22px)/1.3 var(--bas);letter-spacing:-.01em}
.tur-baslat span{font-size:14px;opacity:.88}
.tur-baslat .oynat{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--lacivert);border-radius:var(--r-dugme);padding:0 20px;min-height:48px;font:600 14px/1 var(--bas);opacity:1;transition:background .2s}
.tur-baslat:hover .oynat{background:var(--yuzey)}
.tur-baslat .oynat::before{content:"";border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--lacivert)}
.tur-secici{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.tur-secici button{background:var(--yuzey);border:0;border-radius:999px;padding:10px 16px;font:600 13px/1 var(--bas);color:var(--lacivert);cursor:pointer}
.tur-secici button[aria-pressed="true"]{background:var(--lacivert);color:#fff}
@media (max-width:640px){.tur-sahne{aspect-ratio:4/5}.tur-baslat{flex-direction:column;align-items:flex-start}}

/* RAKAM ŞERİDİ */
.rakamlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:clamp(32px,4vw,48px)}
.rakam{background:#fff;border-radius:var(--r-kart);box-shadow:var(--golge);padding:22px 24px}
.rakam b{display:block;font:700 clamp(28px,3vw,44px)/1.1 var(--bas);letter-spacing:-.035em;color:var(--lacivert);font-variant-numeric:tabular-nums;margin-bottom:6px}
.rakam span{font-size:14px;color:var(--soluk)}
.serit{position:relative;z-index:2;margin-top:-56px}
.serit .rakamlar{margin-top:0}
@media (max-width:760px){.rakamlar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rakam{padding:18px}.serit{margin-top:-32px}}

/* PROJE KARTLARI — 12 kolon ritmi */
.projeler{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.proje{grid-column:span 4;position:relative;background:#fff;border-radius:var(--r-kart);box-shadow:var(--golge);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s}
.proje:hover{box-shadow:var(--golge-ust);transform:translateY(-3px)}
.proje.genis{grid-column:span 7}
.proje.orta{grid-column:span 5}
.proje.yarim{grid-column:span 6}
.proje .gorsel{overflow:hidden;aspect-ratio:3/2;background:var(--yuzey)}
.proje.genis .gorsel,.proje.orta .gorsel{aspect-ratio:16/10}
.proje img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.6,.2,1)}
.proje:hover img{transform:scale(1.03)}
.proje .alt-bilgi{display:flex;flex-direction:column;gap:6px;padding:20px 22px 0}
.proje h3{font-size:clamp(18px,1.4vw,20px);line-height:1.35}
.proje h3 a{text-decoration:none;color:var(--lacivert)}
.proje h3 a::after{content:"";position:absolute;inset:0}
.proje .bilgi{order:-1;font:600 12.5px/1.4 var(--bas);color:var(--soluk)}
.proje p{color:var(--soluk);font-size:15.5px;margin:0;padding:6px 22px 22px}
@media (max-width:960px){.proje,.proje.genis,.proje.orta,.proje.yarim{grid-column:span 6}}
@media (max-width:640px){.projeler{gap:16px}.proje,.proje.genis,.proje.orta,.proje.yarim{grid-column:1/-1}}

/* SEKTÖR KARTLARI */
.sektor-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sektor{position:relative;background:#fff;border-radius:var(--r-kart);box-shadow:var(--golge);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s}
.sektor:hover{box-shadow:var(--golge-ust);transform:translateY(-3px)}
.sektor .gorsel{aspect-ratio:16/10;overflow:hidden;background:var(--yuzey)}
.sektor img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.6,.2,1)}
.sektor:hover img{transform:scale(1.03)}
.sektor > div:last-child{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.sektor h3{font-size:clamp(18px,1.4vw,20px);margin-bottom:8px}
.sektor h3 a{text-decoration:none;color:var(--lacivert)}
.sektor h3 a::after{content:"";position:absolute;inset:0}
.sektor p{color:var(--soluk);font-size:15.5px;margin:0 0 16px}
.sektor .ok-bag{margin-top:auto;font-size:14px}
@media (max-width:960px){.sektor-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.sektor-liste{grid-template-columns:minmax(0,1fr);gap:16px}}

/* NUMARALI ADIMLAR */
.numarali{list-style:none;counter-reset:n;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.numarali li{counter-increment:n;background:#fff;border-radius:var(--r-kart);box-shadow:var(--golge);padding:28px 24px}
.numarali li::before{content:counter(n,decimal-leading-zero);display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--yuzey);font:700 15px/1 var(--bas);color:var(--lacivert);margin-bottom:22px}
.numarali h3{font-size:clamp(18px,1.4vw,20px);margin-bottom:10px}
.numarali p{color:var(--soluk);font-size:15.5px;margin:0}
.bolum.koyu .numarali li{background:rgba(255,255,255,.06);box-shadow:none}
.bolum.koyu .numarali li::before{background:rgba(255,255,255,.1);color:#fff}
.bolum.koyu .numarali p{color:var(--ters-soluk)}
.numarali.uclu{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:960px){.numarali,.numarali.uclu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.numarali,.numarali.uclu{grid-template-columns:minmax(0,1fr);gap:12px}}

/* İKİ SÜTUN */
.ikili{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:center}
.ikili.ters{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.ikili.ters > :first-child{order:2}
.ikili figure{margin:0}
.ikili figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-kart);box-shadow:var(--golge-ust)}
@media (max-width:900px){.ikili,.ikili.ters{grid-template-columns:minmax(0,1fr)}.ikili.ters > :first-child{order:0}.ikili > figure{order:-1}}
figcaption{font-size:13.5px;color:var(--soluk);margin-top:12px}

/* TANIM — GEO için kısa cevap kutusu */
.tanim{background:#fff;border-radius:var(--r-kart);box-shadow:var(--golge);padding:clamp(22px,2.6vw,32px);margin:0 0 32px}
.bolum:not(.ton) .tanim{background:var(--zemin2);box-shadow:none}
.tanim p{margin:0;font-size:clamp(17px,1.3vw,19px);line-height:1.6;color:var(--metin)}
.tanim .ust-yazi{margin-bottom:10px}

/* KULLANIM ALANLARI — küçük kutular */
.kullanim{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.kullanim li{background:#fff;border-radius:12px;box-shadow:var(--golge);padding:16px 18px}
.kullanim b{display:block;font:600 15.5px/1.35 var(--bas);color:var(--lacivert);margin-bottom:4px}
.kullanim span{font-size:14.5px;color:var(--soluk)}
@media (max-width:520px){.kullanim{grid-template-columns:minmax(0,1fr)}}

/* FİYAT KADEMELERİ */
.fiyatlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.fiyat-kademe{background:#fff;border-radius:var(--r-kart);box-shadow:var(--golge);padding:28px 24px;display:flex;flex-direction:column}
.fiyat-kademe:first-child{background:var(--lacivert);color:#e6ecf4}
.fiyat-kademe .ad{font:600 14px/1.4 var(--bas);color:var(--soluk)}
.fiyat-kademe .tutar{font:700 clamp(30px,3vw,42px)/1 var(--bas);letter-spacing:-.035em;color:var(--lacivert);margin:18px 0 8px;font-variant-numeric:tabular-nums}
.fiyat-kademe .birim{font-size:14px;color:var(--soluk)}
.fiyat-kademe p{font-size:15px;color:var(--soluk);margin:18px 0 0}
.fiyat-kademe:first-child .ad,.fiyat-kademe:first-child .birim,.fiyat-kademe:first-child p{color:var(--ters-soluk)}
.fiyat-kademe:first-child .tutar{color:#fff}
@media (max-width:960px){.fiyatlar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.fiyatlar{grid-template-columns:minmax(0,1fr);gap:12px}}
.dahil{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dahil li{position:relative;background:#fff;border-radius:12px;box-shadow:var(--golge);padding:14px 16px 14px 46px;font-size:15.5px;color:var(--metin)}
.dahil li::before{content:"";position:absolute;left:16px;top:17px;width:18px;height:18px;border-radius:50%;background:var(--yuzey) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.5L13 6.5' fill='none' stroke='%231a3152' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
@media (max-width:640px){.dahil{grid-template-columns:minmax(0,1fr)}}
.not{font-size:14px;color:var(--soluk)}

/* TABLO — çizgisiz, kart içinde, sıra zeminli */
.tablo-kap{overflow-x:auto;margin:28px 0;background:#fff;border-radius:var(--r-kart);box-shadow:var(--golge);padding:8px}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:16px}
caption{caption-side:bottom;text-align:left;padding:14px 14px 8px;font-size:13.5px;color:var(--soluk)}
th,td{padding:16px 18px;text-align:left;vertical-align:top;border:0}
thead th{font:600 13px/1.4 var(--bas);color:var(--soluk);padding-top:14px;padding-bottom:12px}
tbody tr:nth-child(odd) td{background:var(--zemin2)}
tbody tr td:first-child{border-radius:10px 0 0 10px}
tbody tr td:last-child{border-radius:0 10px 10px 0}
td.sayi,th.sayi{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
td.vurgu-hucre{color:var(--lacivert);font-weight:700}
.hayir{color:var(--soluk)}

/* SSS — tek sütun, kenarsız akordeon */
.sss{display:grid;gap:10px}
.sss details{background:#fff;border-radius:12px;box-shadow:var(--golge);padding:0 24px;transition:box-shadow .2s}
.bolum:not(.ton) .sss details{background:var(--zemin2);box-shadow:none}
.sss summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;font:600 clamp(16.5px,1.3vw,18px)/1.4 var(--bas);color:var(--lacivert)}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--yuzey);font:500 20px/1 var(--bas);color:var(--lacivert)}
.bolum:not(.ton) .sss summary::after{background:#fff}
.sss details[open] summary::after{content:"−"}
.sss .cevap{padding:0 0 22px;color:var(--soluk);max-width:var(--oku);font-size:16px}
.sss .cevap p:last-child{margin:0}
.sss-duzen{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.sss-duzen > *{max-width:880px}
.sss-duzen > div:first-child h2{margin-bottom:12px}

/* METİN SAYFALARI */
.duzen{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(40px,5vw,80px);align-items:start}
@media (max-width:1000px){.duzen{grid-template-columns:minmax(0,1fr)}}
.metin{max-width:760px}
.metin h2{font-size:clamp(25px,2.4vw,32px);margin:2em 0 .65em}
.metin h2:first-child{margin-top:0}
.metin h3{font-size:clamp(19px,1.5vw,22px);margin:1.7em 0 .55em}
.metin ul,.metin ol{padding-left:1.2em}
.metin li{margin-bottom:.55em}
.metin li::marker{color:var(--soluk)}
.metin .tablo-kap{margin:1.6em 0}
.metin figure{margin:2.2em 0}
.metin figure img{border-radius:var(--r-kart)}
.metin dt{font:600 17px/1.4 var(--bas);color:var(--lacivert);margin-top:1.4em}
.metin dd{margin:.3em 0 0;color:var(--soluk)}
.kisa-cevap{font-size:18px;color:var(--metin);margin:0 0 1em}
.yan{position:sticky;top:104px;display:grid;gap:20px;font-size:15px}
@media (max-width:1000px){.yan{position:static}}
.yan > div{background:var(--zemin2);border-radius:var(--r-kart);padding:22px}
.yan h4{font:600 14px/1.4 var(--bas);color:var(--lacivert);margin-bottom:12px}
.yan ol,.yan ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.yan a{text-decoration:none;color:var(--metin)}
.yan a:hover{color:var(--lacivert);text-decoration:underline}
.yazar{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:14px;color:var(--soluk);margin:20px 0 36px}

/* HESAPLAYICI */
.hesap{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(24px,3vw,40px);align-items:start}
@media (max-width:1000px){.hesap{grid-template-columns:minmax(0,1fr)}}
.hesap-adimlar{display:grid;gap:20px;min-width:0}
.hesap-adim{background:#fff;border-radius:var(--r-kart);box-shadow:var(--golge);padding:clamp(22px,2.6vw,32px)}
.hesap-adim h3{display:flex;gap:14px;align-items:center;font-size:20px;margin-bottom:20px}
.hesap-adim h3 span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--yuzey);font:700 14px/1 var(--bas);color:var(--lacivert)}
.secenekler{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.secenek{border:0;background:var(--zemin2);color:var(--metin);border-radius:12px;padding:14px 16px;text-align:left;cursor:pointer;font:inherit;display:grid;gap:3px;transition:background .2s}
.secenek:hover{background:var(--yuzey)}
.secenek b{font:600 15px/1.3 var(--bas);color:var(--lacivert)}
.secenek small{font-size:13px;color:var(--soluk)}
.secenek[aria-pressed="true"]{background:var(--lacivert)}
.secenek[aria-pressed="true"] b,.secenek[aria-pressed="true"] small{color:#fff}
.not-ipucu{color:var(--soluk);font-size:15px;margin:-6px 0 14px}
.sorular{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2px 32px}
.soru{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;font-size:16px}
.sayac{display:flex;align-items:center;gap:4px}
.sayac button{width:36px;height:36px;border-radius:10px;border:0;background:var(--yuzey);color:var(--lacivert);font-size:18px;cursor:pointer}
.sayac button:hover{background:var(--mavi-acik)}
.sayac output{min-width:32px;text-align:center;font:600 16px/1 var(--bas);font-variant-numeric:tabular-nums}
.onay{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:16px;cursor:pointer}
.onay input,.ek input{width:18px;height:18px;accent-color:var(--lacivert)}
.ek{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:16px}
.ek label{display:flex;gap:12px;align-items:center;cursor:pointer;flex:1}
.ek .f{color:var(--soluk);font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
.tahmin{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline;margin:20px 0;background:var(--zemin2);border-radius:12px;padding:16px 18px}
.tahmin b{font:700 28px/1 var(--bas);letter-spacing:-.03em;color:var(--lacivert);font-variant-numeric:tabular-nums}
.tahmin span{font-size:14px;color:var(--soluk);flex:1 1 240px}
input[type=range]{width:100%;accent-color:var(--lacivert)}
.km{display:flex;gap:12px;align-items:center;margin-top:16px}
.km input{width:120px;padding:12px 14px;border:0;border-radius:10px;background:var(--zemin2);color:var(--metin);font:inherit}
.fis{position:sticky;top:104px;background:var(--lacivert);color:#e6ecf4;border-radius:var(--r-kart);box-shadow:var(--golge-ust);padding:clamp(24px,2.6vw,32px);display:grid;gap:16px;min-width:0}
.fis .ust-yazi{color:var(--ters-soluk);margin:0}
.fis .aralik{font:700 clamp(26px,2.4vw,32px)/1.15 var(--bas);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.fis .aralik small{display:block;font:400 14px/1.5 var(--gov);letter-spacing:0;color:var(--ters-soluk);margin-top:8px}
.fis .kdvli{font-size:14.5px;color:var(--ters-soluk)}
.fis .dokum{display:grid;gap:8px;font-size:14.5px;padding:14px 0 4px}
.fis .dokum div{display:flex;justify-content:space-between;gap:12px}
.fis .dokum span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.fis .dokum .dahil-satir{color:var(--ters-soluk)}
.fis .dugme{width:100%}
.fis .dugme.sade{background:rgba(255,255,255,.1);color:#fff}
.fis .dugme.sade:hover{background:rgba(255,255,255,.18)}
.fis textarea{width:100%;min-height:110px;border:0;border-radius:10px;background:rgba(255,255,255,.07);color:#e6ecf4;font:13.5px/1.5 var(--gov);padding:12px}
.fis .kucuk{font-size:13px;color:var(--ters-soluk);margin:0}
.fis .durum{font-size:13px;color:#b9e3c8;min-height:1em;margin:0}

/* TÜRKİYE HARİTASI + İL ARAMA */
.harita-duzen{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,3vw,40px);align-items:start}
@media (max-width:1000px){.harita-duzen{grid-template-columns:minmax(0,1fr)}}
.harita{background:#fff;border-radius:var(--r-kart);box-shadow:var(--golge);padding:clamp(16px,2vw,28px)}
.harita svg{width:100%;height:auto;display:block}
.harita circle.z{fill:#d6e0ec}
.harita a circle{fill:#7f97b5;transition:fill .2s}
.harita a:hover circle,.harita a:focus circle{fill:var(--lacivert)}
.harita a.merkez circle{fill:var(--lacivert)}
.harita text{font:600 17px var(--bas);paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round;fill:var(--lacivert);pointer-events:none}
.harita-not{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:14px;font-size:14px;color:var(--soluk)}
.harita-not i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#7f97b5;margin-right:8px;vertical-align:0}
.harita-not i.m{background:var(--lacivert)}
.il-ara{width:100%;min-height:52px;border:0;border-radius:12px;background:#fff;box-shadow:var(--golge);padding:0 18px;font:inherit;color:var(--metin);margin-bottom:16px}
.bolum:not(.ton) .il-ara{background:var(--zemin2);box-shadow:none}
.cipler{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.cipler a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;background:var(--yuzey);color:var(--lacivert);font:600 13.5px/1 var(--bas);text-decoration:none;transition:background .2s,color .2s}
.bolum.ton .cipler a{background:#fff}
.cipler a:hover,.bolum.ton .cipler a:hover{background:var(--lacivert);color:#fff}
.cipler a small{font:500 12px/1 var(--gov);color:var(--soluk)}
.cipler a:hover small{color:var(--ters-soluk)}
.cipler.kaydir{max-height:360px;overflow:auto;padding-right:4px}
.bos-sonuc{color:var(--soluk);font-size:15px}

/* TEKLİF KUTUSU */
.teklif-duzen{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px;align-items:stretch}
@media (max-width:960px){.teklif-duzen{grid-template-columns:minmax(0,1fr)}}
.teklif-duzen h3{margin-bottom:8px}
.teklif-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:22px}
.teklif-form label{display:grid;gap:8px;font:600 13.5px/1.3 var(--bas);color:var(--lacivert)}
.teklif-form .tam{grid-column:1/-1}
.teklif-form input,.teklif-form select{width:100%;min-height:50px;border:0;border-radius:10px;background:var(--zemin2);padding:0 14px;font:400 16px var(--gov);color:var(--metin);appearance:none;-webkit-appearance:none}
.teklif-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2364748b' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.teklif-form .dugme{justify-self:start}
.teklif-form .not{grid-column:1/-1;margin:0}
@media (max-width:560px){.teklif-form{grid-template-columns:minmax(0,1fr)}.teklif-form .dugme{width:100%}}
.guven{background:var(--lacivert);color:#e6ecf4;box-shadow:none}
.guven h3{color:#fff;margin-bottom:18px}
.guven ul{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.guven li{display:grid;gap:2px}
.guven li b{font:600 15.5px/1.4 var(--bas);color:#fff}
.guven li span{font-size:15px;color:var(--ters-soluk)}

/* İL / BÖLGE LİSTELERİ */
.iller{columns:4 190px;column-gap:24px;list-style:none;padding:0;margin:0}
.iller li{break-inside:avoid;padding:5px 0}
.iller a{text-decoration:none;color:var(--metin)}
.iller a:hover{color:var(--lacivert);text-decoration:underline}
.iller .bolge-ad{font:700 14px/1.4 var(--bas);color:var(--lacivert);padding:22px 0 6px}
.etiketler{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.etiketler a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:var(--yuzey);text-decoration:none;font:600 13.5px/1 var(--bas);color:var(--lacivert);transition:background .2s,color .2s}
.bolum.ton .etiketler a{background:#fff}
.etiketler a:hover,.bolum.ton .etiketler a:hover{background:var(--lacivert);color:#fff}
.ilceler{columns:3 160px;column-gap:28px;color:var(--soluk);font-size:15.5px;list-style:none;padding:0;margin:0}
.ilceler li{padding:4px 0;break-inside:avoid}

/* KAPANIŞ ÇAĞRISI — lacivert yüzey */
.kapanis-bolum{padding-block:clamp(48px,6vw,80px) var(--bolum)}
.kapanis{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px 48px;align-items:end;background:var(--lacivert);color:#e6ecf4;border-radius:calc(var(--r-kart) + 4px);padding:clamp(32px,5vw,64px)}
.kapanis h2{color:#fff;max-width:18ch}
.kapanis p{color:var(--ters-soluk);margin:0 0 24px}
.kapanis .dugme.sade{background:rgba(255,255,255,.1);color:#fff}
.kapanis .dugme.sade:hover{background:rgba(255,255,255,.18)}
@media (max-width:860px){.kapanis{grid-template-columns:minmax(0,1fr)}}

/* ALT */
.alt{background:var(--lacivert-koyu);color:var(--ters-soluk);padding:clamp(56px,7vw,88px) 0 32px;font-size:15px}
.alt .izgara-alt{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:36px}
.alt h4{font:600 14px/1.4 var(--bas);color:#fff;margin-bottom:14px}
.alt ul{list-style:none;padding:0;margin:0;display:grid;gap:0}
.alt a{color:var(--ters-soluk);text-decoration:none;display:inline-flex;min-height:36px;align-items:center}
.alt a:hover{color:#fff}
.alt .marka{color:#fff;margin-bottom:18px}
.alt .ilk p{max-width:34ch}
.alt .imza{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:56px;padding-top:24px;font-size:13.5px;background:rgba(255,255,255,.04);border-radius:12px;padding:18px 20px}
@media (max-width:960px){.alt .izgara-alt{grid-template-columns:1fr 1fr}.alt .ilk{grid-column:1/-1}}

/* MOBİL ALT ÇUBUK */
.mobil-cubuk{display:none}
@media (max-width:767px){
  .mobil-cubuk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;box-shadow:0 -6px 24px rgba(26,49,82,.10)}
  .mobil-cubuk a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:600 12px/1 var(--bas);color:var(--lacivert);text-decoration:none}
  .mobil-cubuk a svg{width:22px;height:22px}
  .mobil-cubuk a.vurgu{color:var(--vurgu)}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* REHBER KARTLARI — rehber merkezi ve sektör sayfalarındaki "Rehberden" bölümü */
.rehber-liste{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.rehber-liste li{position:relative;background:#fff;border-radius:var(--r-kart);box-shadow:var(--golge);padding:24px 26px;transition:box-shadow .2s,transform .2s}
.rehber-liste li:hover{box-shadow:var(--golge-ust,0 16px 42px rgba(26,49,82,.11));transform:translateY(-2px)}
.rehber-liste h3{font-size:18px;line-height:1.35;margin:0 0 10px}
.rehber-liste h3 a{color:inherit;text-decoration:none}
.rehber-liste h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.rehber-liste p{margin:0;font-size:15px;line-height:1.55;color:var(--soluk)}
@media (max-width:800px){.iller li{padding:0}.iller a{display:flex;align-items:center;min-height:40px}}
@media (max-width:760px){.harita text{display:none}.rakamlar.cam .rakam span{font-size:12px}}
/* kod örnekleri (rehberler) — kutunun içinde kaydırılır, sayfayı taşırmaz */
.metin pre{max-width:100%;overflow-x:auto;background:var(--yuzey);border-radius:12px;padding:18px 20px;margin:20px 0 28px;font-size:14px;line-height:1.6;-webkit-overflow-scrolling:touch}
.metin pre code{white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:none;padding:0}
.metin :not(pre)>code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--yuzey);border-radius:6px;padding:2px 6px;overflow-wrap:anywhere}
@media (max-width:800px){.yan li a{display:inline-flex;align-items:center;min-height:36px}}
@media (max-width:800px){.kirinti a{display:inline-flex;align-items:center;min-height:32px;min-width:32px}}
/* ChatGPT ile üretilmiş temsili görseller açıkça etiketlenir */
.hero-fig,.sektor .gorsel,figure.temsili{position:relative}
.temsili-etiket{position:absolute;left:12px;bottom:12px;font:600 12px/1 var(--bas);color:#fff;background:rgba(10,20,34,.6);border-radius:6px;padding:6px 9px;pointer-events:none}
.metin figure.temsili .temsili-etiket{bottom:auto;top:12px}

/* TUR DETAY SAYFASI (/turlar/<slug>/) — g360 /vr şablonundan uyarlandı */
.tur-ust{padding:0}
.tur-hero{aspect-ratio:auto;height:min(72vh,720px);min-height:380px;border-radius:0;box-shadow:none}
.tur-hero img{filter:saturate(1.05)}
.tur-govde{background:var(--zemin2);padding-top:clamp(28px,3vw,44px)}
.tur-duzen{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.tur-sol{display:grid;gap:20px;min-width:0}
.tur-baslik h1{font-size:clamp(28px,3vw,40px);margin:0 0 14px}
.tur-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0;color:var(--soluk);font-size:15px}
.tur-meta a{color:var(--lacivert)}
.tur-blok h2{font-size:clamp(20px,1.8vw,24px);margin:0 0 16px}
.tur-blok h3{font-size:16px;margin:20px 0 10px}
.tur-blok h3 small{font:500 13px var(--gov);color:var(--soluk);margin-left:6px}
.tur-blok .tanim{margin:0 0 16px}
.tur-blok > p:last-child{margin-bottom:0}
.tur-galeri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tur-galeri figure{margin:0}
.tur-galeri img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px}
.tur-galeri figcaption{font-size:13px;color:var(--soluk);margin-top:6px}
.sahne-listesi{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}
.sahne-listesi li{background:var(--yuzey);border-radius:8px;padding:6px 10px;font-size:13.5px;color:var(--metin)}
.tur-adim{list-style:none;counter-reset:a;padding:0 0 0 22px;margin:0;border-left:2px solid var(--yuzey);display:grid;gap:14px}
.tur-adim li{counter-increment:a;position:relative;background:var(--zemin2);border-radius:12px;padding:14px 16px}
.tur-adim li::before{content:counter(a);position:absolute;left:-35px;top:14px;width:24px;height:24px;border-radius:50%;background:var(--lacivert);color:#fff;font:700 12px/24px var(--bas);text-align:center}
.tur-adim strong{display:block;font:600 15px/1.4 var(--bas);color:var(--lacivert);margin-bottom:4px}
.tur-adim p{margin:0;font-size:15px;color:var(--soluk)}
.tur-yan > div{background:#fff;box-shadow:var(--golge)}
.yan-vurgu{padding:0!important;background:var(--yuzey)!important}
.yan-vurgu a{display:grid;gap:4px;padding:20px 22px;text-decoration:none!important}
.yan-vurgu strong{font:700 16px/1.3 var(--bas);color:var(--lacivert)}
.yan-vurgu span{font-size:14px;color:var(--soluk)}
.tur-olgu{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:14.5px}
.tur-olgu dt{color:var(--soluk)}
.tur-olgu dd{margin:0;color:var(--metin);overflow-wrap:anywhere}
.yan-dugmeler{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.yan-dugmeler a,.yan-dugmeler button{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:10px;background:var(--yuzey);border:0;color:var(--lacivert)!important;font:600 13.5px/1 var(--bas);cursor:pointer;text-decoration:none!important}
.yan-dugmeler a:hover,.yan-dugmeler button:hover{background:var(--lacivert);color:#fff!important}
.qr-kart svg{display:block;width:160px;height:160px;margin:12px auto}
.qr-kart p{margin:0;font-size:14px}
.diger-turlar li a{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center}
.diger-turlar img{width:96px;height:60px;object-fit:cover;border-radius:8px}
.diger-turlar b{display:block;font:600 14px/1.3 var(--bas);color:var(--lacivert)}
.diger-turlar small{font-size:13px;color:var(--soluk)}
.rozet{display:inline-block;font:600 12px/1 var(--bas);color:#cfe0f5;background:rgba(255,255,255,.08);border-radius:999px;padding:8px 12px;margin:0 0 16px}
.koyu-olgular{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
.koyu-olgular div{background:rgba(255,255,255,.06);border-radius:12px;padding:16px 18px}
.koyu-olgular small{display:block;font:600 12px/1.2 var(--bas);letter-spacing:.06em;text-transform:uppercase;color:#9fb5d1;margin-bottom:8px}
.koyu-olgular b{font:600 15px/1.4 var(--bas);color:#fff}
.ok-bag.acik{color:#fff}
@media (max-width:980px){.tur-duzen{grid-template-columns:1fr}.tur-yan{position:static}.koyu-olgular{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.tur-galeri{grid-template-columns:1fr 1fr}.tur-hero{height:62vh;min-height:320px}}

/* GÖMME KODU SAYFASI (/turlar/<slug>/web-sitenize-ekleyin/) */
.gomme-bas{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}
.gomme-bas h1{font-size:clamp(26px,2.6vw,36px);margin:0 0 8px}
.gomme-bas p{margin:0}
.gomme-sekme{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.gomme-sekme button{min-height:44px;padding:0 18px;border-radius:10px;border:0;background:var(--yuzey);color:var(--lacivert);font:600 14px/1 var(--bas);cursor:pointer}
.gomme-sekme button[aria-selected="true"]{background:var(--lacivert);color:#fff}
.gomme-duzen{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
.gomme-onizleme{padding:0;overflow:hidden}
.tarayici{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--zemin2)}
.noktalar3{display:flex;gap:6px}.noktalar3 i{width:10px;height:10px;border-radius:50%;background:#d6e0ec}
.tarayici .adres{flex:1;background:#fff;border-radius:8px;padding:7px 12px;font-size:13.5px;color:var(--soluk)}
.gomme-alan{padding:20px;min-height:320px}
.gomme-yan{display:grid;gap:16px}
.gomme-yan label{display:grid;gap:6px;font:600 13.5px/1.3 var(--bas);color:var(--lacivert);margin-bottom:14px}
.gomme-yan input,.gomme-yan select{min-height:42px;border:0;border-radius:10px;background:var(--yuzey);padding:0 12px;font:500 15px var(--gov);color:var(--metin);width:100%}
.gomme-yan .cift{display:grid;grid-template-columns:1fr 80px;gap:8px}
.gomme-yan .not{font-size:13.5px;color:var(--soluk);background:var(--zemin2);border-radius:10px;padding:12px 14px;margin:0}
.gomme-yan .h4{font-size:16px;margin:0 0 16px}
.kod-kutu{background:#12243c;border-radius:var(--r-kart);overflow:hidden}
.kod-bas{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 12px 18px;color:#fff;font:600 14px var(--bas)}
.kod-bas .dugme{min-height:38px;padding:0 14px}
.kod-kutu pre{margin:0;padding:0 18px 18px;max-height:340px;overflow:auto;color:#cfe0f5;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-all}
@media (max-width:980px){.gomme-duzen{grid-template-columns:1fr}}

.yan .yan-bas,.alt .yan-bas{font:600 14px/1.4 var(--bas);letter-spacing:0;color:var(--lacivert);margin:0 0 12px;max-width:none}
.alt .yan-bas{color:#fff;margin-bottom:14px}