/* Mark Antalya Tadilat — kurumsal tasarım sistemi (v2: "tabela ve imza")
   Kaynak: ../../../kurumsal-kimlik/KURUMSAL-KIMLIK.md (renk ve tipografinin tek kaynağı)
   Düzen: ../_ajan-ciktilari/web-design-v2.md */

:root{
  color-scheme: light;
  /* Kurumsal palet */
  --lacivert:#15304B;      /* Mark Laciverti: ana renk, buton, başlık, logo */
  --lacivert-koyu:#0E2236; /* alt bilgi zemini, buton basılı */
  --alci:#F7F6F2;          /* sayfa zemini (kırık beyaz) */
  --kagit:#FFFFFF;         /* belge yüzeyi */
  --alci-koyu:#ECEFF2;     /* ikinci bant, tablo başlığı (Beton Açık) */
  --murekkep:#18212B;      /* metin ve çizim çizgisi */
  --grafit:#4E5A66;        /* ikincil metin */
  --cizgi:#D6DBE0; --cizgi-tarama:#97A1AB; --cizgi-form:#7B8590;
  --isaret:#C2361A;        /* İşaret Kırmızısı: sadece marka işareti */
  --isaret-koyu:#9E2812; --isaret-acik:#F08A6E;
  --beton:var(--lacivert-koyu); --beton-ust:#AEB9C5; --beton-cizgi:#2A3F55;
  --cizim:var(--murekkep);
  --wa-zemin:#EFEAE2; --wa-gelen:#FFFFFF; --wa-giden:#D9FDD3; --wa-ust:#F0F2F5; --wa-meta:#56646B;

  --zemin:var(--alci); --yuzey:var(--kagit); --metin:var(--murekkep); --metin-2:var(--grafit);
  --baslik:var(--lacivert);
  --eylem:var(--lacivert); --eylem-koyu:var(--lacivert-koyu); --odak:var(--lacivert);

  --f-sans:"Archivo","Arial",sans-serif;
  --f-mono:"IBM Plex Mono","Courier New",monospace;
  --t-dev:clamp(2.75rem,1.4rem + 5.6vw,5.75rem);
  --t-ifade:clamp(1.625rem,1.15rem + 2.1vw,2.875rem);
  --t-h1:clamp(2rem,1.45rem + 2.4vw,3.25rem);
  --t-h2:clamp(1.875rem,1.35rem + 2.2vw,3.25rem);
  --t-h3:clamp(1.25rem,1.12rem + .55vw,1.625rem);
  --t-giris:clamp(1.125rem,1.05rem + .35vw,1.3125rem);
  --t-alinti:1.1875rem;
  --t-rakam:clamp(2.25rem,1.8rem + 1.6vw,3.5rem);
  --t-govde:1.0625rem; --t-kucuk:.9375rem; --t-etiket:.8125rem; --t-min:.75rem;

  --a-1:4px; --a-2:8px; --a-3:12px; --a-4:16px; --a-5:24px; --a-6:32px; --a-7:48px; --a-8:64px; --a-9:96px;
  --kenar:clamp(16px,4vw,48px);
  --bolum:clamp(80px,3.5rem + 6vw,168px);
  --bolum-sik:clamp(48px,2rem + 3vw,88px);
  --max:1200px; --dar:760px;
  --cizgi-kalin:2px solid var(--lacivert);

  --e-cikis:cubic-bezier(.23,1,.32,1);
  --e-cekmece:cubic-bezier(.32,.72,0,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--zemin);color:var(--metin);font-family:var(--f-sans);font-size:var(--t-govde);line-height:1.6;font-stretch:100%;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
p{margin:0 0 var(--a-4)}
p:last-child{margin-bottom:0}
h1,h2,h3{margin:0;font-weight:800;text-wrap:balance;color:var(--baslik)}
h1{font-size:var(--t-h1);line-height:1.06;letter-spacing:-.014em;font-stretch:104%}
h2{font-size:var(--t-h2);line-height:1.08;letter-spacing:-.012em;font-stretch:104%}
h3{font-size:var(--t-h3);line-height:1.2;font-weight:700}
ul,ol{margin:0;padding:0}
table{border-collapse:collapse;width:100%}
blockquote,figure{margin:0}
:focus-visible{outline:2px solid var(--odak);outline-offset:3px}
.semboller{position:absolute}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:var(--kenar);top:-60px;background:var(--murekkep);color:var(--alci);padding:10px 16px;z-index:100;text-decoration:none}
.atla:focus{top:8px}

/* ---------- Yardımcılar (satır içi stil yerine) ---------- */
.ust-0{margin-top:0!important}.ust-4{margin-top:4px}.ust-8{margin-top:8px}.ust-12{margin-top:12px}.ust-16{margin-top:16px}
.ust-24{margin-top:24px}.ust-32{margin-top:32px}.ust-48{margin-top:48px}
.alt-8{margin-bottom:8px}.alt-16{margin-bottom:16px}.alt-24{margin-bottom:24px}.alt-32{margin-bottom:32px}
.ust-bos{padding-top:0!important}
.yogun{font-weight:600}.tek-satir{white-space:nowrap}.cizgisiz{text-decoration:none}.soluk{color:var(--metin-2)}
.altcizgili{text-decoration:underline;text-underline-offset:3px}

/* ---------- Kap, bölüm, ızgara ---------- */
.kap{max-width:calc(var(--max) + 2*var(--kenar));margin:0 auto;padding:0 var(--kenar)}
.kap.dar,.dar{max-width:calc(var(--dar) + 2*var(--kenar));margin-inline:auto}
.bolum{padding:var(--bolum) 0;--zemin-b:var(--alci)}
.bolum--bant{background:var(--alci-koyu);--zemin-b:var(--alci-koyu)}
.bolum--beyaz{background:var(--kagit);--zemin-b:var(--kagit)}
.bolum + .bolum:not(.bolum--bant):not(.bolum--beyaz){padding-top:0}
.bolum--bant + .bolum:not(.bolum--bant):not(.bolum--beyaz),.bolum--beyaz + .bolum:not(.bolum--bant):not(.bolum--beyaz){padding-top:var(--bolum)}
.giris{font-size:var(--t-giris);line-height:1.4;max-width:52ch}
.metin{max-width:66ch}
.mono{font-family:var(--f-mono)}
.etiket{font-family:var(--f-sans);font-size:.875rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--metin-2);line-height:1.35}
.etiket--belge{font-family:var(--f-mono);font-size:var(--t-min);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--metin-2);line-height:1.3}
.dipnot{font-family:var(--f-sans);font-style:normal;font-size:.875rem;color:var(--metin-2);line-height:1.45}
.ifade{font-size:var(--t-ifade);font-weight:600;line-height:1.18;font-stretch:102%;color:var(--lacivert);max-width:28ch;text-wrap:balance}
.alinti{font-size:var(--t-alinti);font-style:italic;font-weight:400;color:var(--metin-2);line-height:1.4}
.baslik-blok{display:grid;gap:var(--a-4);margin-bottom:var(--a-7)}
.bolum-bas{display:grid;gap:var(--a-4);margin-bottom:56px;max-width:66rem}
.bolum-bas > p{margin:0}
.bolum-bas .ifade{margin-top:var(--a-3)}
.bolum-bas--yan{margin-bottom:var(--a-7)}
@media (min-width:1024px){.bolum-bas--yan{display:flex;justify-content:space-between;align-items:baseline;gap:var(--a-6);max-width:none}}
.baglanti{font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
@media (hover:hover) and (pointer:fine){.baglanti:hover{text-decoration-thickness:2px}}

.iki{display:grid;gap:var(--a-6);grid-template-columns:minmax(0,1fr)}
.iki > *{min-width:0}
@media (max-width:1023px){.iki--nesne .metin-yan,.ara-belge .metin-yan{order:-1}}
@media (min-width:1024px){
  .iki{grid-template-columns:repeat(12,1fr);gap:24px;align-items:start}
  .iki > .sol-5{grid-column:1 / span 5}
  .iki > .sol-6{grid-column:1 / span 6}
  .iki > .sol-7{grid-column:1 / span 7}
  .iki > .sag-7{grid-column:6 / span 7}
  .iki > .sag-6{grid-column:7 / span 6}
  .iki > .sag-5{grid-column:8 / span 5}
  .iki > .sag-6b{grid-column:7 / span 6}
  .yapiskan{position:sticky;top:48px}
}

/* ---------- Teyit işareti (önizleme) ---------- */
mark.teyit{background:none;color:inherit;border-bottom:1px dashed var(--isaret-koyu);position:relative;padding:0 1px}
mark.teyit::after{content:"TEYİT";font-family:var(--f-mono);font-size:9px;font-weight:500;letter-spacing:.06em;color:var(--isaret-koyu);vertical-align:super;margin-left:2px;line-height:0}

/* ---------- Butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border-radius:2px;font-family:var(--f-sans);font-weight:700;font-size:1.0625rem;line-height:1;letter-spacing:.005em;text-decoration:none;border:0;cursor:pointer;transition:background-color 150ms ease,transform 120ms var(--e-cikis)}
.btn:active{transform:scale(.97)}
.btn svg{width:20px;height:20px;flex:none}
.btn--ana{background:var(--eylem);color:var(--kagit)}
.btn--ana:focus-visible{outline-color:var(--isaret)}
.btn--koyu{background:var(--murekkep);color:var(--alci)}
.btn--cerceve{background:transparent;color:var(--lacivert);box-shadow:inset 0 0 0 1.5px var(--lacivert)}
.btn--acik{background:var(--alci);color:var(--lacivert)}
.btn--cerceve-acik{background:transparent;color:var(--alci);box-shadow:inset 0 0 0 1.5px var(--alci)}
@media (hover:hover) and (pointer:fine){
  .btn--ana:hover{background:var(--eylem-koyu)}
  .btn--koyu:hover{background:var(--lacivert-koyu)}
  .btn--cerceve:hover{background:var(--alci-koyu)}
}
.eylem{display:grid;gap:var(--a-3);justify-items:start}
.eylem .btn{width:100%}
@media (min-width:720px){.eylem .btn{width:auto}}
.mikro{font-family:var(--f-sans);font-size:.875rem;color:var(--metin-2);line-height:1.45}
.ucretsiz{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-sans);font-weight:500;font-size:.9375rem;color:var(--metin)}
.ucretsiz svg{width:16px;height:16px;color:var(--lacivert)}
.eylem-sira{display:flex;flex-wrap:wrap;gap:var(--a-3) var(--a-5);align-items:center}

/* Tik: lacivert; kırmızı yalnızca işaret anlarında (--isaret) */
.tik{width:20px;height:20px;color:var(--lacivert)}
.tik--isaret{color:var(--isaret)}
.tik--kucuk{width:14px;height:14px}

/* Mühendis imzası: kısa kırmızı çubuk + ad */
.imza{display:block;position:relative;padding-left:36px;font-weight:600;font-size:1rem;line-height:1.4;color:var(--lacivert);margin:0}
.imza::before{content:"";position:absolute;left:0;top:.62em;width:24px;height:3px;background:var(--isaret)}
.imza .mono{font-weight:500;white-space:nowrap}
.imza--satir{margin-top:var(--a-6);max-width:70ch}

/* ---------- Üst menü ---------- */
.ust{background:var(--kagit);border-bottom:1px solid var(--cizgi)}
.ust__ic{display:flex;align-items:center;justify-content:space-between;height:64px;gap:var(--a-5)}
.logo{display:block;text-decoration:none;color:var(--lacivert);flex:none}
.logo svg{width:148px;height:auto}
.menu{display:none}
.menu-ac{display:grid;justify-items:center;align-content:center;width:44px;height:44px;margin-right:-8px;background:none;border:0;cursor:pointer;color:var(--murekkep);padding:0}
.menu-ac span{display:block;width:22px;height:1.5px;background:currentColor}
.menu-ac span + span{margin-top:6px}
.menu-ac--kapat span:first-child{transform:translateY(3.75px) rotate(45deg)}
.menu-ac--kapat span + span{transform:translateY(-3.75px) rotate(-45deg)}
.ust__tel{display:none}
.mobil-menu{position:fixed;inset:0;background:var(--alci);z-index:60;display:none;flex-direction:column;padding:0 var(--kenar) var(--a-6);overflow-y:auto}
.mobil-menu.acik{display:flex;animation:menu-gel 220ms var(--e-cikis)}
@keyframes menu-gel{from{opacity:0;transform:translateY(-8px)}}
.mobil-menu__ust{display:flex;align-items:center;justify-content:space-between;height:64px;border-bottom:1px solid var(--cizgi)}
.mobil-menu ul{list-style:none;margin:var(--a-4) 0 var(--a-6)}
.mobil-menu li a{display:flex;align-items:center;min-height:56px;font-size:1.5rem;font-weight:700;font-stretch:104%;color:var(--baslik);text-decoration:none;border-bottom:1px solid var(--cizgi)}
.mobil-menu .eylem{margin-top:auto}
.mobil-menu .mono{font-size:1.0625rem;margin-top:var(--a-3);text-decoration:none}
@media (min-width:1024px){
  .ust__ic{height:76px}
  .logo svg{width:172px}
  .menu{display:flex;list-style:none;gap:28px;margin-left:auto;align-items:center}
  .menu > li{position:relative}
  .menu a{font-weight:500;font-size:.9375rem;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
  .menu a[aria-current]{border-bottom-color:var(--lacivert)}
  @media (hover:hover){.menu a:hover{border-bottom-color:var(--cizgi-tarama)}}
  .menu-ac{display:none}
  .ust__tel{display:block;font-family:var(--f-mono);font-size:.9375rem;text-decoration:none;white-space:nowrap}
  .ust .btn{min-height:44px;padding:0 18px;font-size:1rem}
  .alt-menu{position:absolute;top:calc(100% + 14px);left:-16px;background:var(--kagit);border:1px solid var(--lacivert);list-style:none;padding:8px 0;min-width:260px;display:none;z-index:20}
  .menu > li:hover .alt-menu,.menu > li:focus-within .alt-menu{display:block}
  .alt-menu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
  .alt-menu a{display:flex;gap:12px;align-items:center;padding:10px 16px;border:0}
  .alt-menu a:hover{background:var(--alci-koyu)}
  .alt-menu svg{width:22px;height:22px}
}

/* ---------- Hero ---------- */
.hero{padding:var(--a-6) 0 var(--a-9)}
.hero h1{font-size:calc(var(--t-h1) * 1.15);line-height:1.02}
.alt-slogan{font-weight:700;font-size:1.375rem;line-height:1.25;color:var(--lacivert);margin-top:var(--a-3)}
.hero .imza{margin:var(--a-5) 0}
.hero .giris{margin-bottom:var(--a-4)}
.hero .eylem{margin-top:var(--a-5)}
.hero__ikinci{margin-top:var(--a-4);display:flex;flex-wrap:wrap;gap:var(--a-2) var(--a-5);align-items:center}
@media (min-width:1024px){.hero{padding-top:72px}}

/* Ana sayfa: beyan tipi */
.hero--ana{padding:var(--a-6) 0 var(--a-9)}
.hero--ana h1{font-size:var(--t-dev);font-weight:800;font-stretch:106%;letter-spacing:-.02em;line-height:.98;max-width:10.5em}
.hero__on{display:block;font-family:var(--f-sans);font-size:1.125rem;font-weight:600;font-stretch:100%;letter-spacing:0;line-height:1.3;color:var(--metin-2);margin-bottom:var(--a-4)}
.hero__alt{display:grid;gap:var(--a-7);margin-top:var(--a-6)}
.hero--ana .imza{margin:0 0 var(--a-5)}
.hero--ana .giris{max-width:46ch;margin-bottom:var(--a-6)}
.hero__eylem{display:grid;gap:var(--a-4);justify-items:start;margin-bottom:var(--a-3)}
.hero__eylem .btn{width:100%}
.tel-blok{border-top:var(--cizgi-kalin);padding-top:var(--a-4);display:grid;gap:6px;align-content:start}
.tel-blok__no{font-size:1.75rem;font-weight:500;color:var(--lacivert);text-decoration:none;line-height:1.2;letter-spacing:-.01em}
.tel-blok p{margin:4px 0 0}
@media (min-width:720px){.hero__eylem{display:flex;flex-wrap:wrap;align-items:center;gap:var(--a-3) var(--a-5)}.hero__eylem .btn{width:auto}}
@media (min-width:1024px){
  .hero--ana{padding:72px 0 var(--a-9)}
  .hero__alt{grid-template-columns:repeat(12,1fr);gap:24px;margin-top:40px}
  .hero__sol{grid-column:1 / span 6}
  .tel-blok{grid-column:8 / span 5;align-self:start;margin-top:6px}
}

/* ---------- Kanıt şeridi (lacivert, hero altı) ---------- */
.kanit-seridi{background:var(--lacivert);color:var(--alci);padding:var(--bolum-sik) 0}
.kanit-seridi ul{list-style:none;display:grid;gap:0}
.kanit-seridi li{display:grid;gap:4px;padding:var(--a-5) 0;border-top:1px solid var(--beton-cizgi)}
.kanit-seridi li:first-child{border-top:0;padding-top:0}
.kanit-seridi b{font-size:var(--t-rakam);font-weight:400;line-height:1.05;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--alci)}
.kanit-seridi span{font-size:.9375rem;color:var(--beton-ust)}
.kanit-seridi__not{font-size:.8125rem;color:var(--beton-ust);margin:var(--a-5) 0 0}
@media (min-width:720px){
  .kanit-seridi ul{grid-template-columns:repeat(3,1fr)}
  .kanit-seridi li{border-top:0;border-left:1px solid var(--beton-cizgi);padding:0 var(--a-5)}
  .kanit-seridi li:first-child{border-left:0;padding-left:0}
}

/* ---------- Çalışma ilkeleri (B) ---------- */
.ilkeler{list-style:none;display:grid;row-gap:40px}
.ilkeler li{border-top:var(--cizgi-kalin);padding-top:20px}
.ilkeler .alinti{margin-bottom:var(--a-2)}
.ilkeler h3{margin-bottom:var(--a-2)}
.ilkeler p:not(.alinti){max-width:44ch}
@media (min-width:720px){.ilkeler{grid-template-columns:1fr 1fr;column-gap:64px;row-gap:56px}}
@media (min-width:1024px){.ilkeler--kisa{grid-template-columns:repeat(3,1fr);column-gap:48px}}

/* Ödeme oranı çubuğu */
.oran-cubugu{display:grid;grid-template-columns:3fr 2fr;margin-top:var(--a-7);min-height:64px;font-size:.8125rem;line-height:1.3}
.oran-cubugu > div{display:flex;flex-direction:column;justify-content:center;padding:10px 12px;gap:2px;position:relative}
.oran-cubugu b{font-weight:700;font-size:1.125rem}
.oran-cubugu__a{background:var(--lacivert);color:var(--alci)}
.oran-cubugu__b{background:var(--kagit);color:var(--lacivert);box-shadow:inset 0 0 0 1.5px var(--lacivert);padding-right:34px!important}
.oran-cubugu__b .tik{position:absolute;right:10px;top:50%;margin-top:-10px}
@media (min-width:720px){
  .oran-cubugu{min-height:56px;font-size:.9375rem}
  .oran-cubugu__b{padding-right:48px!important}
  .oran-cubugu__b .tik{right:16px}
  .oran-cubugu > div{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;padding:0 20px}
}

/* ---------- Lacivert blok (C): mühendis ---------- */
.blok-lacivert{background:var(--lacivert);color:var(--alci);padding:var(--bolum) 0}
.blok-lacivert h2,.blok-lacivert h3{color:var(--alci)}
.blok-lacivert :focus-visible{outline-color:var(--alci)}
.muhendis__kimlik h2{display:grid;gap:var(--a-2);font-size:inherit;letter-spacing:0}
.muhendis__ust{font-size:1rem;font-weight:500;font-stretch:100%;color:var(--beton-ust)}
.muhendis__isim{font-size:calc(var(--t-h2) * 1.25);font-weight:800;line-height:1;letter-spacing:-.02em;font-stretch:106%;color:var(--alci)}
.muhendis__unvan{font-size:1.25rem;font-weight:600;font-stretch:100%;color:var(--alci);margin-top:var(--a-1)}
.muhendis__sicil{font-size:1rem;color:var(--beton-ust);margin:var(--a-3) 0 0}
.imza-cizgi{display:block;width:64px;height:3px;background:var(--isaret-acik);margin-top:var(--a-6)}
.muhendis__metin .giris{color:var(--alci);margin-bottom:var(--a-5)}
.muhendis__metin > p{color:var(--alci)}
.gorevler{list-style:none;display:grid;gap:var(--a-5);margin-top:var(--a-5);padding-left:var(--a-5);border-left:2px solid var(--beton-cizgi)}
.gorevler li{color:var(--beton-ust)}
.gorevler b{display:block;color:var(--alci);font-weight:700;font-size:1.0625rem;margin-bottom:2px}

/* ---------- Hizmetler (öne çıkan + liste) ---------- */
.hizmetler{display:grid;gap:var(--a-6)}
.hizmet-kart{background:var(--alci-koyu);padding:32px 24px;display:grid;justify-items:start;align-content:start}
.hizmet-kart__ikon{width:40px;height:40px;color:var(--lacivert)}
.hizmet-kart h3{font-size:var(--t-h2);margin:var(--a-5) 0 var(--a-2)}
.hizmet-kart h3 a{text-decoration:none}
.hizmet-kart .btn{margin-top:var(--a-5)}
.hizmet-liste{list-style:none;border-top:1px solid var(--cizgi)}
.hizmet-liste a{display:grid;grid-template-columns:24px 1fr 20px;gap:var(--a-4);align-items:center;min-height:72px;padding:12px 0;border-bottom:1px solid var(--cizgi);text-decoration:none;color:var(--lacivert)}
.hizmet-liste svg{width:24px;height:24px}
.hizmet-liste b{font-size:1.25rem;font-weight:700;line-height:1.2;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:5px;transition:text-decoration-color 150ms var(--e-cikis)}
.hizmet-liste small{display:block;font-size:.875rem;color:var(--metin-2);font-weight:400;margin-top:2px}
.hizmet-liste .ok{width:20px;height:20px;transition:transform 150ms var(--e-cikis)}
@media (hover:hover) and (pointer:fine){
  .hizmet-liste a:hover b{text-decoration-color:currentColor}
  .hizmet-liste a:hover .ok{transform:translateX(4px)}
}
@media (min-width:720px){.hizmet-liste b{font-size:1.5rem}.hizmet-liste--tek b{font-size:1.25rem}}
@media (min-width:1024px){
  .hizmetler{grid-template-columns:5fr 7fr;gap:48px;align-items:start}
  .hizmet-kart{padding:40px}
}

/* ---------- Akış (D): yatay süreç ---------- */
.akis{list-style:none;display:grid;gap:var(--a-6);position:relative;padding-left:28px}
.akis::before{content:"";position:absolute;left:4px;top:10px;bottom:12px;width:2px;background:var(--lacivert)}
.akis > li{position:relative}
.akis > li::before{content:"";position:absolute;left:-28px;top:10px;width:10px;height:10px;background:var(--lacivert)}
.akis > li.son::before{display:none}
.akis__tik{position:absolute;left:-34px;top:2px;width:22px;height:22px;color:var(--isaret);background:var(--zemin-b,var(--alci))}
.akis__no{display:block;font-size:2rem;font-weight:300;line-height:1;color:var(--lacivert);font-variant-numeric:tabular-nums;margin-bottom:var(--a-3)}
.akis h3{font-size:1.1875rem;margin-bottom:var(--a-2)}
.akis p{font-size:1rem;margin-bottom:var(--a-2)}
.elinize{font-size:.9375rem!important;margin-top:var(--a-3)}
.elinize b{font-weight:700;color:var(--lacivert)}
.akis-baslik{font-size:1.25rem;margin:var(--a-7) 0 var(--a-5)}
@media (min-width:720px){
  .akis{padding-left:0;grid-template-columns:repeat(2,1fr);gap:var(--a-6) 0}
  .akis::before{display:none}
  .akis > li{border-top:2px solid var(--lacivert);padding:28px var(--a-6) 0 0}
  .akis > li::before{left:0;top:-6px}
  .akis__tik{left:-3px;top:-13px}
  .akis__no{font-size:var(--t-rakam)}
}
@media (min-width:1024px){
  .akis--3{grid-template-columns:repeat(3,1fr)}
  .akis--4{grid-template-columns:repeat(4,1fr)}
  .akis--5{grid-template-columns:repeat(5,1fr)}
  .akis--6{grid-template-columns:repeat(6,1fr)}
  .akis--6 > li{padding-right:var(--a-5)}
}

/* Alıntı bloğu ("Kaç gün banyosuz kalırım?") */
.alinti-blok{max-width:44rem;border-left:var(--cizgi-kalin);padding-left:20px;margin:var(--a-5) 0 var(--a-7)}
.alinti-blok__soru{font-weight:600;font-size:1rem;color:var(--metin-2);margin-bottom:var(--a-2)}
.alinti-blok p:last-child{font-size:var(--t-giris);line-height:1.45;color:var(--lacivert)}

/* ---------- Zaman çizelgesi (nasıl çalışıyoruz) ---------- */
.zaman{list-style:none}
.zaman > li{display:grid;gap:var(--a-3);padding:var(--a-6) 0;border-top:1px solid var(--cizgi)}
.zaman__bas{display:flex;align-items:baseline;gap:var(--a-4);position:relative}
.zaman__no{font-size:var(--t-rakam);font-weight:300;line-height:1;color:var(--lacivert);font-variant-numeric:tabular-nums;min-width:1.4em}
.zaman__bas .tik{align-self:center;flex:none}
.zaman__metin p{max-width:62ch}
@media (min-width:1024px){
  .zaman > li{grid-template-columns:repeat(12,1fr);gap:24px}
  .zaman__bas{grid-column:1 / span 4}
  .zaman__metin{grid-column:5 / span 7;padding-top:.5em}
}
.ara-belge{margin:var(--a-5) 0 var(--a-8);padding-top:var(--a-6);border-top:1px solid var(--cizgi);scroll-margin-top:24px}
.ara-belge h3{margin-bottom:var(--a-2)}
.ara-belge--program{max-width:760px}

/* ---------- Belge yüzeyleri ---------- */
.belge{background:var(--kagit);border:1px solid var(--murekkep);font-family:var(--f-mono);font-size:13px;line-height:1.45}
.belge-bolum{scroll-margin-top:24px}
.belge-bolum h3{margin-bottom:var(--a-2)}
.belge-ikili{margin-top:var(--a-8)}
.ornek-alinti{margin-top:var(--a-5)}
.ornek-alinti figcaption{font-size:.875rem;color:var(--metin-2);margin-bottom:var(--a-3)}
.ornek-alinti blockquote{border-left:var(--cizgi-kalin);padding-left:20px}
.ornek-alinti blockquote p{margin-bottom:var(--a-2)}
.kontrol{list-style:none;display:grid;gap:var(--a-3)}
.kontrol li{position:relative;padding-left:22px}
.kontrol li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;background:var(--lacivert)}

/* ---------- Çizim paneli (pafta) ---------- */
.pafta{background:var(--kagit);border:1px solid var(--murekkep);
  background-image:linear-gradient(var(--cizgi) 1px,transparent 1px),linear-gradient(90deg,var(--cizgi) 1px,transparent 1px),linear-gradient(var(--alci-koyu) 1px,transparent 1px),linear-gradient(90deg,var(--alci-koyu) 1px,transparent 1px);
  background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1px -1px}
.pafta__ust{display:flex;justify-content:space-between;gap:var(--a-3);padding:10px 14px;border-bottom:1px solid var(--murekkep);background:var(--kagit)}
.pafta__ic{padding:var(--a-4) 14px}
.pafta__alt{padding:0 14px 12px}
.cizim svg{width:100%;height:auto}
.cizim figcaption{margin-top:var(--a-2)}

/* İş programı (Gantt) */
.program{display:grid;grid-template-columns:84px repeat(12,1fr);row-gap:0;position:relative;font-family:var(--f-mono)}
.program__bas{grid-column:2 / -1;display:grid;grid-template-columns:repeat(12,1fr);font-size:11px;color:var(--metin-2);padding-bottom:6px}
.program__bas span{border-left:1px solid var(--murekkep);height:6px;align-self:end}
.program__bas em{grid-column:1 / -1;font-style:normal;margin-bottom:4px}
.program__satir{display:contents}
.program__ad{grid-column:1;font-size:12px;height:30px;display:flex;align-items:center;color:var(--metin);font-family:var(--f-sans);font-weight:600}
.program__cubuk{height:12px;align-self:center;background:var(--lacivert);transform-origin:left;position:relative;z-index:1}
.program__foto{font-size:10px;color:var(--metin-2);align-self:center;padding-left:4px;white-space:nowrap;display:flex;gap:3px;align-items:center;z-index:1}
.program__foto svg{width:12px;height:12px}
.program__teslim{grid-column:13;align-self:center;justify-self:center;z-index:2;display:grid;justify-items:center}
.program__teslim .tik{width:20px;height:20px;color:var(--isaret)}
.program__teslim small{font-size:10px;color:var(--isaret-koyu)}
.program__cizgi{position:absolute;top:0;bottom:0;width:1.5px;background:var(--isaret);right:calc((100% - 84px)/24 - .75px);transform-origin:top}
.program__cizgi b{position:absolute;top:-2px;right:6px;font-size:11px;font-weight:500;color:var(--isaret-koyu);letter-spacing:.06em}
.program__eksen{grid-column:2 / -1;margin-top:10px;position:relative;height:18px;font-size:11px;color:var(--metin-2);text-align:center}
.program__eksen::before{content:"";position:absolute;left:0;right:0;top:4px;border-top:1px solid var(--murekkep)}
.program__eksen::after{content:"";position:absolute;inset:0 0 auto;height:9px;background:linear-gradient(45deg,transparent 45%,var(--murekkep) 45%,var(--murekkep) 60%,transparent 60%) left top/8px 8px no-repeat,linear-gradient(45deg,transparent 45%,var(--murekkep) 45%,var(--murekkep) 60%,transparent 60%) right top/8px 8px no-repeat}
.program__eksen span{position:relative;top:8px;background:var(--kagit);padding:0 6px}
@media (min-width:720px){.program{grid-template-columns:96px repeat(12,1fr)}.program__ad{height:36px;font-size:13px}.program__cizgi{right:calc((100% - 96px)/24 - .75px)}}
.hero-oynat .program__cubuk{animation:cubuk 260ms var(--e-cikis) both}
.hero-oynat .program__satir:nth-child(3) .program__cubuk{animation-delay:90ms}
.hero-oynat .program__satir:nth-child(4) .program__cubuk{animation-delay:180ms}
.hero-oynat .program__satir:nth-child(5) .program__cubuk{animation-delay:270ms}
.hero-oynat .program__satir:nth-child(6) .program__cubuk{animation-delay:360ms}
.hero-oynat .program__cizgi{animation:cizgi 220ms var(--e-cikis) 600ms both}
.hero-oynat .program__teslim path{stroke-dasharray:30;animation:tik-ciz 240ms var(--e-cikis) 820ms both}
.bekle .program__cubuk,.bekle .program__cizgi,.bekle .program__teslim path{animation-play-state:paused}
@keyframes cubuk{from{transform:scaleX(0)}}
@keyframes cizgi{from{transform:scaleY(0)}}
@keyframes tik-ciz{from{stroke-dashoffset:30}}

/* ---------- WhatsApp örneği (ekran nesnesi) ---------- */
.wa-ornek{background:var(--wa-zemin);border:1px solid var(--cizgi-tarama);border-radius:12px;overflow:hidden;font-family:var(--f-sans)}
.wa-ornek__ust{background:var(--wa-ust);display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--cizgi)}
.wa-ornek__ust .m{width:32px;height:32px;border-radius:50%;background:var(--lacivert);color:var(--alci);display:grid;place-items:center;font-weight:800;font-stretch:125%;font-size:15px}
.wa-ornek__ust b{display:block;font-size:15px;font-weight:600;line-height:1.2}
.wa-ornek__ust small{font-size:12px;color:var(--wa-meta)}
.wa-ornek__ic{padding:12px;display:grid;gap:8px}
.wa-gun{justify-self:center;background:var(--kagit);border-radius:6px;font-family:var(--f-mono);font-size:12px;padding:3px 10px;color:var(--grafit)}
.balon{max-width:88%;border-radius:8px;padding:8px 10px 6px;font-size:15px;line-height:1.45;position:relative}
.balon--gelen{background:var(--wa-gelen);border-top-left-radius:2px;justify-self:start}
.balon--giden{background:var(--wa-giden);border-top-right-radius:2px;justify-self:end}
.balon p{margin:0 0 4px}
.balon time{display:block;text-align:right;font-family:var(--f-mono);font-size:11px;color:var(--wa-meta)}
.balon__foto{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:-2px -4px 8px}
.balon__foto figure{background:var(--kagit);border:1px solid var(--cizgi);border-radius:4px;aspect-ratio:1;position:relative}
.balon__foto figure svg{width:100%;height:100%}
.balon__foto figure small{position:absolute;right:4px;bottom:2px;font-family:var(--f-mono);font-size:10px;color:var(--grafit)}
.ornek-etiket{display:inline-block;font-family:var(--f-mono);font-weight:500;font-size:12px;letter-spacing:.08em;color:var(--isaret-koyu);border:1.5px solid var(--isaret-koyu);background:var(--kagit);padding:3px 8px;text-transform:uppercase;margin-bottom:8px}
.rapor{max-width:400px}

/* ---------- Not (kutusuz, üstte kalın çizgi) ---------- */
.not-kutu{border-top:var(--cizgi-kalin);padding-top:20px;display:grid;gap:8px;align-content:start}
.not-kutu > .etiket{font-size:1rem;font-weight:600;color:var(--lacivert)}
.notlar{display:grid;gap:var(--a-6)}

/* ---------- Örnek teklif (tek kâğıt) ---------- */
.teklif-sahne{max-width:660px}
.teklif{background:var(--kagit);border:1px solid var(--murekkep);padding:16px;font-family:var(--f-mono);font-size:12.5px;line-height:1.45}
@media (max-width:719px){.teklif{font-size:12px}.teklif table th,.teklif table td{padding:6px 3px}}
@media (min-width:720px){.teklif{padding:24px;font-size:13px}}
.teklif__antet{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid var(--murekkep);padding-bottom:12px;margin-bottom:12px}
.teklif__antet svg{width:132px;flex:none;color:var(--lacivert)}
.teklif__antet div{text-align:right;font-size:11.5px;color:var(--metin-2)}
@media (min-width:720px){.teklif__antet svg{width:156px}}
.damga{display:inline-block;margin:0 0 10px;transform:rotate(-4deg);font-family:var(--f-mono);font-weight:500;font-size:13px;letter-spacing:.12em;color:var(--isaret-koyu);border:1.5px solid var(--isaret-koyu);padding:4px 10px;background:var(--kagit)}
.teklif table th,.teklif table td{padding:6px 4px;border-bottom:1px solid var(--cizgi);text-align:left;font-weight:400;vertical-align:top}
.teklif table th{font-size:10.5px;font-weight:500;color:var(--metin-2);letter-spacing:.06em;text-transform:uppercase}
.teklif td.sayi,.teklif th.sayi{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.bulanik{filter:blur(4.5px);user-select:none}
.halka{display:inline-grid;place-items:center;width:22px;height:22px;border:1.5px solid var(--lacivert);border-radius:50%;font-family:var(--f-mono);font-weight:500;font-size:11px;color:var(--lacivert);line-height:1;vertical-align:middle;margin-left:4px;background:var(--kagit)}
.teklif .halka{width:20px;height:20px}
.teklif__toplam{display:grid;justify-content:end;gap:2px;margin:10px 0 14px;text-align:right}
.teklif__odeme{border:1px solid var(--murekkep);margin-bottom:12px}
.teklif__odeme div{display:grid;grid-template-columns:1fr 1.4fr auto;gap:8px;padding:5px 8px;border-bottom:1px solid var(--cizgi)}
.teklif__odeme div:last-child{border-bottom:0}
.teklif__kural{border-top:1px dashed var(--murekkep);padding-top:10px;font-family:var(--f-sans);font-weight:600;font-size:15px;line-height:1.35;margin-bottom:16px}
.teklif__imza{display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:11px;color:var(--metin-2);letter-spacing:.06em}
.teklif__imza div{border-top:1px solid var(--murekkep);padding-top:6px;margin-top:28px}
.teklif-sahne figcaption{margin-top:14px}
@media (max-width:719px){.teklif .gizle-m{display:none}}
.belirleyen{list-style:none;display:grid;gap:var(--a-4);margin:var(--a-5) 0}
.belirleyen li{display:grid;grid-template-columns:30px 1fr;gap:10px}
.belirleyen .halka{margin:1px 0 0}

/* ---------- Paket tablosu ---------- */
.paket{background:var(--kagit);border:1px solid var(--murekkep);table-layout:fixed}
.paket th,.paket td{padding:10px 8px;border-bottom:1px solid var(--cizgi);text-align:center;vertical-align:middle;font-size:.9375rem;line-height:1.3}
.paket th:first-child,.paket td:first-child{text-align:left;width:40%}
.paket thead th{background:var(--alci-koyu);font-weight:700;font-stretch:100%;color:var(--baslik);border-bottom:1px solid var(--murekkep);vertical-align:top}
.paket thead small{display:block;font-family:var(--f-sans);font-weight:400;font-size:12px;color:var(--metin-2);font-stretch:100%;margin-top:3px}
.paket .tik{margin:0 auto}
.paket .yok{color:var(--metin);font-family:var(--f-mono)}
.paket .sec{font-size:12.5px;color:var(--metin-2)}
.paket tr.kalin td{border-top:1.5px solid var(--murekkep);font-size:13px}
.paket tr.kalin td:first-child{font-size:.9375rem;font-weight:600}
@media (max-width:719px){.paket th,.paket td{font-size:.8125rem;padding:8px 4px}.paket thead th{font-size:.8125rem}}

/* ---------- Bölgeler ---------- */
.ilce-metni{font-size:clamp(1.25rem,1.1rem + .8vw,1.75rem);font-weight:500;line-height:1.5;color:var(--lacivert);margin:var(--a-5) 0 var(--a-6);max-width:none}
.ilce-metni i{font-style:normal;color:var(--metin-2);padding:0 .15em}
.bolge-alt{margin-top:var(--a-6)}
.ilce-detay{list-style:none;border-top:var(--cizgi-kalin);margin-top:var(--a-5);display:grid}
.ilce-detay li{padding:var(--a-4) 0;border-bottom:1px solid var(--cizgi);display:grid;gap:4px;scroll-margin-top:24px}
.ilce-detay b{font-size:1.1875rem}
@media (min-width:720px){.ilce-detay:not(.firma-liste){grid-template-columns:1fr 1fr;column-gap:48px}}
.ilce-mah,.ilce-not{font-size:.9375rem;color:var(--metin-2)}

/* ---------- SSS ---------- */
.sss{border-top:var(--cizgi-kalin);border-bottom:1px solid var(--cizgi);margin-top:var(--a-6)}
.sss details + details{border-top:1px solid var(--cizgi)}
.sss summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 20px;gap:16px;align-items:center;min-height:56px;padding:18px 0;font-weight:600;font-size:1.125rem;line-height:1.35}
.sss summary::-webkit-details-marker{display:none}
.sss summary i{position:relative;width:20px;height:20px}
.sss summary i::before,.sss summary i::after{content:"";position:absolute;background:var(--lacivert);left:0;right:0;top:9.25px;height:1.5px;transition:transform 180ms var(--e-cikis)}
.sss summary i::after{transform:rotate(90deg)}
.sss details[open] summary i::after{transform:rotate(0)}
.sss .cevap{padding:0 0 var(--a-5);max-width:66ch}
.sss details[open] .cevap{animation:sss-ac 200ms var(--e-cikis)}
@keyframes sss-ac{from{opacity:0;transform:translateY(-4px)}}
.sss-grup{margin-top:var(--a-8);scroll-margin-top:24px}
.sss-grup:first-of-type{margin-top:var(--a-6)}
.sss-grup__baslik{font-size:var(--t-h3);font-weight:700}
.sss-grup .sss{margin-top:var(--a-4)}
.icindekiler{list-style:none}
.icindekiler--yatay{display:flex;flex-wrap:wrap;gap:var(--a-2) var(--a-5);padding-bottom:var(--a-5);border-bottom:1px solid var(--cizgi)}
.icindekiler--yatay a{font-weight:600;font-size:.9375rem;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;display:inline-block;padding:6px 0}

/* ---------- Son çağrı (lacivert) ---------- */
.son-cagri{background:var(--lacivert);color:var(--alci);padding:var(--bolum) 0}
.son-cagri .kap{position:relative}
.son-cagri h2{color:var(--alci);font-size:calc(var(--t-dev) * .7);line-height:1;letter-spacing:-.02em;max-width:14ch}
.adimlar{list-style:none;display:grid;gap:var(--a-4);margin:var(--a-6) 0}
.adimlar li{display:grid;align-content:start;grid-template-columns:36px 1fr;gap:10px;font-weight:600;font-size:1.0625rem;line-height:1.4;color:var(--alci)}
.adimlar span{font-size:2rem;font-weight:300;line-height:1;color:var(--beton-ust)}
@media (min-width:720px){.adimlar{grid-template-columns:repeat(3,1fr);gap:var(--a-6)}.adimlar li{grid-template-columns:1fr;gap:6px}}
.son-cagri .mikro{color:var(--beton-ust)}
.son-cagri .btn--ana{background:var(--alci);color:var(--lacivert)}
.son-cagri .btn--cerceve{background:transparent;color:var(--alci);box-shadow:inset 0 0 0 1.5px var(--alci)}
.son-cagri .baglanti{color:var(--alci)}
.son-cagri .eylem-sira .btn{width:100%}
.son-cagri mark.teyit{border-bottom-color:var(--isaret-acik)}
.son-cagri mark.teyit::after{color:var(--isaret-acik)}
.son-cagri :focus-visible{outline-color:var(--alci)}
@media (hover:hover) and (pointer:fine){.son-cagri .btn--ana:hover{background:var(--alci-koyu)}.son-cagri .btn--cerceve:hover{background:var(--lacivert-koyu)}}
@media (min-width:720px){.son-cagri .eylem-sira .btn{width:auto}}
@media (min-width:1024px){
  .son-cagri .kap{padding-right:calc(var(--kenar) + 33%)}
  .son-cagri .kap::after{content:"";position:absolute;right:var(--kenar);top:50%;width:240px;height:240px;margin-top:-120px;background:var(--alci);
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='black' stroke-width='.625'%3E%3Cpath d='M34.13 61.4L37.29 53.6L62.71 53.6L65.87 61.4Z'/%3E%3Cpath d='M18.8 80L43.1 20L55.1 20L30.8 80ZM69.2 80L44.9 20L56.9 20L81.2 80Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='black' stroke-width='.625'%3E%3Cpath d='M34.13 61.4L37.29 53.6L62.71 53.6L65.87 61.4Z'/%3E%3Cpath d='M18.8 80L43.1 20L55.1 20L30.8 80ZM69.2 80L44.9 20L56.9 20L81.2 80Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
}

/* ---------- Sayfa başı (iç sayfalar) ---------- */
.sayfa-basi{padding:var(--a-6) 0 var(--a-8)}
.kirinti{font-family:var(--f-sans);font-size:.875rem;color:var(--metin-2);margin-bottom:var(--a-4)}
.kirinti a{text-decoration:none}
.kirinti a:hover{text-decoration:underline}
.sayfa-basi h1{max-width:18ch;font-size:calc(var(--t-h1) * 1.15)}
.sayfa-basi .giris{margin-top:var(--a-4)}
@media (min-width:1024px){.sayfa-basi{padding-top:72px}}
.sayfa-basi + .bolum{padding-top:var(--a-6)}
@media (min-width:1024px){.sayfa-basi + .bolum{padding-top:var(--a-7)}}

/* Hizmet kapsamı (B): numarasız 2 sütun */
.kapsam{list-style:none;display:grid;row-gap:var(--a-6);column-gap:64px}
.kapsam b{display:block;font-weight:700;font-size:1.125rem;color:var(--lacivert);margin-bottom:2px}
@media (min-width:720px){.kapsam{grid-template-columns:1fr 1fr}}

/* Hatalar tablosu (izinli tek 2 sütunlu tablo) */
.hata-tablo{display:grid}
.hata-tablo > .hata-tablo__bas{display:none}
.hata-tablo > div{display:grid;gap:8px;padding:var(--a-5) 0;border-bottom:1px solid var(--cizgi)}
.hata-tablo > div:first-child + div{border-top:var(--cizgi-kalin)}
.hata-tablo b{font-weight:700;font-size:1.125rem;color:var(--lacivert);display:block}
.hata-tablo p{border-left:var(--cizgi-kalin);padding-left:16px;margin:0;font-size:1.0625rem}
.hata-tablo p.sonuc{border:0;padding:0;color:var(--metin-2);margin-top:4px;font-size:1rem}
.hata-tablo .kritik{color:var(--lacivert);font-weight:600;font-size:.875rem;display:flex;gap:6px;align-items:center;margin-top:6px}
@media (min-width:1024px){
  .hata-tablo > div{grid-template-columns:1fr 1.3fr;gap:32px}
  .hata-tablo__bas{display:grid!important;grid-template-columns:1fr 1.3fr;gap:32px;padding:0 0 var(--a-3)!important;border:0!important;font-weight:600;font-size:.875rem;color:var(--metin-2)}
}

/* ---------- Proje defteri (boş durum) ---------- */
.defter-kap{background:var(--kagit);border:1px solid var(--murekkep);margin-top:var(--a-6)}
.defter__ust{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--murekkep)}
.defter th,.defter td{padding:10px 8px;text-align:left;font-family:var(--f-mono);font-size:13px}
.defter th{font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--metin-2);border-bottom:1px solid var(--murekkep)}
.defter td{border-bottom:1px dashed var(--cizgi-tarama);height:44px}
.defter td:last-child{color:var(--metin-2)}
.hizmet-liste--tek{margin:var(--a-4) 0 var(--a-5)}

/* ---------- Sihirbaz + form ---------- */
.sihirbaz{display:grid;gap:var(--a-6)}
@media (min-width:1024px){.sihirbaz{grid-template-columns:7fr 5fr;gap:48px;align-items:start}}
.ilerleme{display:grid;gap:8px;margin-bottom:var(--a-5)}
.ilerleme > .etiket{font-family:var(--f-mono);font-size:var(--t-min);font-weight:500;letter-spacing:.08em}
.ilerleme__cubuk{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.ilerleme__cubuk i{height:4px;background:var(--cizgi)}
.ilerleme__cubuk i.dolu{background:var(--lacivert)}
.adim{border:0;margin:0;padding:0;min-width:0}
.adim[hidden]{display:none}
.adim legend{font-size:var(--t-h3);font-weight:700;margin-bottom:6px;padding:0;color:var(--lacivert)}
.adim .yardim{color:var(--metin-2);font-size:var(--t-kucuk);margin-bottom:var(--a-4)}
.adim.gel-ileri{animation:adim-i 200ms var(--e-cikis)}
.adim.gel-geri{animation:adim-g 200ms var(--e-cikis)}
@keyframes adim-i{from{opacity:0;transform:translateX(12px)}}
@keyframes adim-g{from{opacity:0;transform:translateX(-12px)}}
.secenekler{display:grid;gap:8px;margin-bottom:var(--a-5)}
@media (min-width:720px){.secenekler--iki{grid-template-columns:1fr 1fr}}
.secim{position:relative;display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 14px;border:1px solid var(--cizgi-form);border-radius:2px;background:var(--kagit);cursor:pointer;line-height:1.3;transition:background-color 150ms ease}
.secim input{position:absolute;opacity:0;width:1px;height:1px}
.secim .kare{flex:none;width:22px;height:22px;border:1.5px solid var(--cizgi-form);border-radius:2px;display:grid;place-items:center;background:var(--kagit)}
.secim .kare svg{width:20px;height:20px;color:var(--lacivert);opacity:0}
.secim input[type=radio] + .kare{border-radius:50%}
.secim input[type=radio] + .kare::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--lacivert);opacity:0}
.secim input:checked + .kare{border-color:var(--lacivert)}
.secim input:checked + .kare svg{opacity:1;stroke-dasharray:30;animation:tik-ciz 140ms var(--e-cikis)}
.secim input[type=radio]:checked + .kare::after{opacity:1}
.secim:has(input:checked){background:var(--alci-koyu);border-color:var(--lacivert)}
.secim:has(input:focus-visible){outline:2px solid var(--odak);outline-offset:2px}
.secim[hidden],.not-kutu[hidden],[data-tur-alan][hidden]{display:none}
.alan{display:grid;gap:6px;margin-bottom:var(--a-5)}
.alan label,.alan .alan__ad{font-weight:600;font-size:.9375rem}
.alan input[type=text],.alan select,.alan textarea{min-height:52px;padding:12px 14px;font:inherit;background:var(--kagit);border:1px solid var(--cizgi-form);border-radius:2px;color:var(--metin);width:100%}
.alan textarea{min-height:96px;resize:vertical}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:none;border:2px solid var(--lacivert);padding:11px 13px}
.alan .hata-metin{display:none;color:var(--isaret-koyu);font-size:.875rem}
.alan.hatali .hata-metin{display:flex;gap:6px;align-items:center}
.alan.hatali input,.alan.hatali select{border:2px solid var(--isaret-koyu)}
.alan label .etiket{display:block;margin-top:2px;font-weight:500}
.alan .secim{font-weight:400;font-size:var(--t-govde)}
fieldset.alan{border:0;padding:0;min-width:0}
fieldset.alan legend{padding:0;margin-bottom:8px}
fieldset.alan .secenekler{margin-bottom:0}
.hata-metin svg{width:16px;height:16px;flex:none}
.hata-ozet{color:var(--isaret-koyu);font-weight:600;margin:0}
.hata-ozet:empty{display:none}
.adim__alt{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.adim__alt [data-git="ileri"]:only-child{margin-left:auto}
.adim--sonuc h3{margin-bottom:6px}
.adim--sonuc .eylem-sira .btn{width:100%}
@media (min-width:720px){.adim--sonuc .eylem-sira .btn{width:auto}}
.fis{background:var(--kagit);border:1px solid var(--murekkep);font-family:var(--f-mono);font-size:.875rem}
.fis__ust{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--murekkep);font-size:12px;letter-spacing:.06em}
.fis ol{list-style:none;counter-reset:fis}
.fis li{display:grid;grid-template-columns:28px 1fr;gap:6px;padding:8px 12px;border-bottom:1px solid var(--cizgi);counter-increment:fis;animation:fis-satir 160ms var(--e-cikis)}
.fis li::before{content:counter(fis,decimal-leading-zero);color:var(--metin-2)}
.fis__bos{padding:14px 12px;color:var(--metin-2)}
.fis__not{padding:10px 12px;font-size:12px;color:var(--metin-2)}
@keyframes fis-satir{from{opacity:0;transform:translateY(-4px)}}
@media (min-width:1024px){.fis-kap{position:sticky;top:24px}}
.fis-ac{display:flex;justify-content:space-between;width:100%;background:var(--kagit);border:1px solid var(--murekkep);padding:12px;font:inherit;font-family:var(--f-mono);font-size:.875rem;cursor:pointer;color:var(--metin)}
.fis-ac[aria-expanded="true"]{border-bottom:0}
@media (min-width:1024px){.fis-ac{display:none}.fis-kap .fis{display:block!important}}
.fis__notlar{border-top:1px solid var(--murekkep);padding:10px 12px 4px}
.fis__not-baslik{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--metin-2);margin-bottom:8px}
.fis__notlar ul{list-style:none;display:grid;gap:8px;font-family:var(--f-sans);font-size:.9375rem;line-height:1.4}
.fis__notlar li{display:block;padding:0 0 0 14px;border:0;animation:none;position:relative}
.fis__notlar li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;background:var(--lacivert)}
.fis__notlar .fis__not{padding:10px 0 6px}
.duvar-notu{margin-bottom:var(--a-5)}
.m2-alan{display:none}
.adim:has(input[value="m² biliyorum"]:checked) .m2-alan{display:grid}
.kvkk-satir{font-size:.8125rem;color:var(--metin-2);margin-top:var(--a-3)}
.dugme-baglanti{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:inherit;min-height:44px}
.sihirbaz--sayfa{gap:var(--a-4)}
.sihirbaz--sayfa .ilerleme{margin-bottom:0}
@media (min-width:1024px){
  .sihirbaz--sayfa{grid-template-areas:"ilerleme fis" "adimlar fis";row-gap:var(--a-5);column-gap:48px}
  .sihirbaz--sayfa > .ilerleme{grid-area:ilerleme}
  .sihirbaz--sayfa > .fis-kap{grid-area:fis;align-self:start}
  .sihirbaz--sayfa > .adimlar-kap{grid-area:adimlar}
}

/* Form (iletişim) */
.form-kutu{background:var(--kagit);border:1px solid var(--lacivert);padding:20px}
@media (min-width:720px){.form-kutu{padding:32px}}
.form-kutu h3{margin-bottom:var(--a-4)}
.form-kutu .btn[type=submit]{width:100%}
@media (min-width:720px){.form-kutu .btn[type=submit]{width:auto}}
/* İletişim kanalları: çerçevesiz bilgi ızgarası */
.antet{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;border-top:var(--cizgi-kalin)}
.antet > div{padding:16px 0;border-bottom:1px solid var(--cizgi);display:grid;align-content:start;gap:4px}
.antet b{font-weight:600;font-size:1.0625rem;line-height:1.35}
.kanallar .baglanti{font-size:.9375rem;margin-top:4px}
.firma-liste b{font-size:1.0625rem;font-weight:600}
.firma-liste .etiket{display:block}

/* ---------- Teşekkürler: fotoğraf rehberi ---------- */
.foto-rehber{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--a-4)}
@media (min-width:1024px){.foto-rehber{grid-template-columns:repeat(4,1fr);gap:var(--a-5)}}
.foto-rehber .pafta__ic{padding:10px}
.foto-rehber svg{height:auto;max-height:160px;margin:0 auto}
.foto-rehber p{margin-top:var(--a-2);font-size:var(--t-kucuk);line-height:1.4}
@media (max-width:719px){.foto-rehber .pafta__ust{padding:8px 10px}}

/* ---------- Alt bilgi ---------- */
.alt{background:var(--beton);color:var(--alci);padding:var(--a-8) 0 var(--a-6)}
.alt .logo{color:var(--alci);--logo-cubuk:var(--isaret-acik)}
.alt .logo svg{width:220px}
.alt-slogan-satir{margin-top:var(--a-4);font-weight:600;font-size:1.125rem}
.alt :focus-visible{outline-color:var(--alci)}
.alt .etiket{color:var(--beton-ust)}
.alt-izgara{display:grid;grid-template-columns:1fr 1fr;gap:var(--a-5) var(--a-6);margin:var(--a-7) 0;padding:var(--a-6) 0;border-top:1px solid var(--beton-cizgi);border-bottom:1px solid var(--beton-cizgi)}
.alt-izgara > div{display:grid;gap:4px;align-content:start}
.alt-izgara b{font-weight:400;font-size:1rem}
.alt-izgara a{text-decoration:none}
@media (min-width:1024px){.alt-izgara{grid-template-columns:repeat(3,1fr)}}
.alt-listeler{display:grid;gap:var(--a-6)}
@media (min-width:720px){.alt-listeler{grid-template-columns:1fr 2fr}}
.alt-listeler ul{list-style:none;display:grid;gap:6px;margin-top:var(--a-3)}
.alt-listeler a{text-decoration:none;color:var(--alci)}
.alt-listeler a:hover{text-decoration:underline}
.alt-listeler p{color:var(--beton-ust);margin-top:var(--a-3);font-size:.9375rem}
.alt-listeler .altcizgili{color:var(--alci)}
.alt-son{border-top:1px solid var(--beton-cizgi);margin-top:var(--a-7);padding-top:var(--a-4);font-size:.8125rem;color:var(--beton-ust);display:flex;flex-wrap:wrap;gap:8px 20px}
.alt-son a{color:var(--beton-ust)}
.alt mark.teyit{border-bottom-color:var(--isaret-acik)}
.alt mark.teyit::after{color:var(--isaret-acik)}

/* ---------- Yapışkan mobil alt çubuk ---------- */
.cubuk{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--kagit);border-top:1px solid var(--lacivert);display:grid;grid-template-columns:1fr 64px;gap:8px;padding:6px 16px calc(6px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform 180ms var(--e-cekmece)}
.cubuk.gorunur{transform:none;transition-duration:240ms}
.cubuk .btn{min-height:52px;width:100%}
.cubuk__ara{display:grid;place-items:center;align-content:center;gap:2px;min-height:52px;box-shadow:inset 0 0 0 1.5px var(--lacivert);color:var(--lacivert);border-radius:2px;text-decoration:none;font-weight:600;font-size:12px}
.cubuk__ara svg{width:20px;height:20px}
@media (max-width:719px){body.cubuklu{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}
@media (min-width:720px){.cubuk{display:none}}

/* ---------- 404 ---------- */
.yok-sayfa{padding:var(--a-8) 0 var(--bolum);display:grid;gap:var(--a-5)}
.yok-sayfa .terazi svg{width:240px}
.yok-sayfa .hizmet-liste{max-width:760px}

/* ---------- KVKK metni ---------- */
.belge-metin .kap > *{max-width:66ch}
.belge-metin h2{font-size:var(--t-h3);line-height:1.2;font-weight:700;font-stretch:100%;letter-spacing:0;margin:var(--a-6) 0 var(--a-3)}
.belge-metin h2:first-child{margin-top:0}
.belge-metin ul{padding-left:20px;display:grid;gap:6px;margin-bottom:var(--a-4)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .cubuk{transition:opacity 120ms ease;transform:none;opacity:0;pointer-events:none}
  .cubuk.gorunur{opacity:1;pointer-events:auto}
}

/* ---- Blog (scripts/derle.mjs → /blog/, /blog/slug/) ---- */
.blog-liste{list-style:none;display:grid;gap:var(--a-6);margin-top:var(--a-5)}
@media (min-width:720px){.blog-liste{grid-template-columns:repeat(2,1fr);column-gap:48px}}
@media (min-width:1024px){.blog-liste{grid-template-columns:repeat(3,1fr)}}
.blog-kart{border-top:var(--cizgi-kalin);padding-top:var(--a-4);display:grid;gap:var(--a-2);align-content:start}
.blog-kart__ust{display:flex;justify-content:space-between;gap:var(--a-3);font-size:.875rem;color:var(--metin-2);margin:0}
.blog-kart__ust span{font-weight:600;color:var(--lacivert)}
.blog-kart h3{font-size:var(--t-h3);line-height:1.25}
.blog-kart h3 a{text-decoration:none}
.blog-kart h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.blog-kart p:last-child{color:var(--metin-2);margin:0}
.blog-kumeler{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.9375rem;font-weight:600;color:var(--metin-2);margin:0}
.yazi .sayfa-basi h1{max-width:22ch}
.yazi__bilgi{margin-top:var(--a-4);font-size:.9375rem;color:var(--metin-2)}
.yazi__govde{font-size:1.125rem;line-height:1.7}
.yazi__govde > p:first-child{font-size:var(--t-giris);line-height:1.5;color:var(--metin)}
.yazi__govde h2{font-size:calc(var(--t-h2) * .72);margin:var(--a-8) 0 var(--a-4);scroll-margin-top:24px}
.yazi__govde h3{margin:var(--a-6) 0 var(--a-3)}
.yazi__govde p,.yazi__govde ul,.yazi__govde ol{margin:0 0 var(--a-4)}
.yazi__govde ul,.yazi__govde ol{padding-left:1.4em}
.yazi__govde li{margin-bottom:var(--a-2)}
.yazi__govde li::marker{color:var(--lacivert);font-weight:700}
.yazi__govde a{color:var(--lacivert);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.yazi__govde a:hover{text-decoration-thickness:2px}
.yazi-not{border-left:var(--cizgi-kalin);background:var(--alci-koyu);padding:var(--a-4) var(--a-5);margin:var(--a-5) 0}
.yazi-not p:last-child{margin:0}
.tablo-kap{overflow-x:auto;margin:var(--a-5) 0;-webkit-overflow-scrolling:touch}
.tablo-kap table{min-width:480px;font-size:1rem;line-height:1.45;background:var(--kagit)}
.tablo-kap th,.tablo-kap td{padding:10px 12px;border-bottom:1px solid var(--cizgi);text-align:left;vertical-align:top}
.tablo-kap thead th{border-bottom:var(--cizgi-kalin);color:var(--lacivert);font-weight:700}
.yazi__govde .sss{margin-top:var(--a-4)}
.yazi__govde .sss .cevap p{margin:0}
.dipnotlar{font-size:.875rem;color:var(--metin-2)}
.yazi__bolum{padding-top:var(--a-4)}
.yazi-cagri .eylem-sira{margin-top:var(--a-5)}