/* Kendi sunucumuzda barındırılan yazı tipleri (hız + KVKK): Sarabun (başlık) + Roboto (metin) */
@font-face{font-family:'Sarabun';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/sarabun-latin-500-normal.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:'Sarabun';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/sarabun-latin-600-normal.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:'Sarabun';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/sarabun-latin-700-normal.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:'Sarabun';font-style:normal;font-display:swap;font-weight:800;src:url(fonts/sarabun-latin-800-normal.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:'Sarabun';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/sarabun-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sarabun';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/sarabun-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sarabun';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/sarabun-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sarabun';font-style:normal;font-display:swap;font-weight:800;src:url(fonts/sarabun-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/roboto-latin-400-normal.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:'Roboto';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/roboto-latin-500-normal.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:'Roboto';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/roboto-latin-700-normal.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:'Roboto';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/roboto-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/roboto-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/roboto-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* =====================================================================
   Polyurea su yalıtımı — tasarım sistemi
   Beyaz zemin, #181818 koyu, #dd3333 kırmızı vurgu; Sarabun başlık + Roboto metin.
   İki tonlu ortalı başlıklar, kırmızı diyagonal panel, koyu üst bilgi çubuğu.
   ===================================================================== */
:root{
  --paper:#fff; --paper-2:#f6f6f6; --paper-3:#ececec; --surface:#fff;
  --ink:#181818; --ink-2:#3d3d3d; --muted:#6b6b6b;
  --rule:#e1e1e1; --rule-2:#efefef;
  --brand:#181818; --brand-2:#2b2b2b; --brand-ink:#fff; --brand-muted:#b9b9b9; --brand-rule:#3a3a3a;
  --accent:#dd3333; --accent-2:#c42828; --accent-text:#c42828; --accent-wash:#fdeceb;
  --success:#2e7d4f; --success-wash:#e9f5ee; --danger:#c42828; --info-wash:#eef3f8; --focus:#dd3333;
  --f-display:"Sarabun","Segoe UI",Arial,sans-serif; --f-body:"Roboto","Helvetica Neue",Arial,sans-serif; --f-mono:"Roboto","Helvetica Neue",Arial,sans-serif;
  --t-xs:.75rem; --t-sm:.8125rem; --t-base:.9375rem; --t-md:1rem; --t-lg:1.125rem; --t-xl:1.375rem;
  --t-2xl:clamp(1.5rem,1.1rem + 1.6vw,2rem); --t-3xl:clamp(1.875rem,1.2rem + 2.8vw,2.75rem);
  --t-ds:clamp(2.1rem,1.2rem + 4vw,3.4rem); --t-hero:clamp(2.3rem,1rem + 4.2vw,4rem);
  --s-2xs:.25rem; --s-xs:.5rem; --s-sm:.75rem; --s-md:1rem; --s-lg:1.5rem; --s-xl:2rem; --s-2xl:3rem; --s-3xl:4rem; --s-4xl:6rem;
  --gutter:1rem; --max:74rem; --r-xs:2px; --r-sm:3px; --r-md:4px; --r-lg:6px; --pill:999px; --tap:44px;
  --sh-1:0 1px 2px rgb(0 0 0/.06); --sh-2:0 12px 32px rgb(0 0 0/.12),0 2px 6px rgb(0 0 0/.06);
  --ease:cubic-bezier(.22,1,.36,1); --fast:120ms; --base:200ms; --slow:320ms;
  --nav-h:68px; --stretch-d:100%; --stretch-h:100%;
  --scrim-30:rgb(24 24 24/.3); --scrim-50:rgb(24 24 24/.5); --scrim-70:rgb(24 24 24/.7); --scrim-85:rgb(24 24 24/.85); --scrim-95:rgb(24 24 24/.95);
  --veil:rgb(255 255 255/.08); --veil-2:rgb(255 255 255/.14); --on-dark:rgb(255 255 255/.24);
}
@media (min-width:768px){:root{--nav-h:84px;--gutter:1.5rem}}

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 12px)}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--t-md)/1.7 var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
p{margin:0 0 var(--s-md)}
h1,h2,h3,h4{margin:0 0 .5em;font-family:var(--f-display);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:inherit;text-wrap:balance;overflow-wrap:anywhere}
h1{font-size:var(--t-ds);font-weight:800;line-height:1.08;letter-spacing:-.02em}
h2{font-size:var(--t-3xl);font-weight:800;line-height:1.1;letter-spacing:-.02em}
h3{font-size:var(--t-xl)}
ul,ol{padding-left:1.2em}
::selection{background:var(--accent);color:#fff}
:focus{outline:none}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.atla{position:absolute;left:var(--s-md);top:-100px;z-index:100;background:var(--accent);color:#fff;padding:var(--s-xs) var(--s-md)}
.atla:focus-visible{top:var(--s-md)}
.kap,.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.dar{max-width:52rem}
.mono{font-feature-settings:"tnum" 1}
.etiket,.label{font-size:var(--t-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.kucuk,.not{font-size:var(--t-sm);color:var(--muted)}
.not{margin-top:var(--s-xs)}
.i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Butonlar ---------- */
.btn{--bg:var(--accent);--bg-h:var(--accent-2);--fg:#fff;--bd:transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-xs);min-height:var(--tap);padding:0 var(--s-lg);border:1px solid var(--bd);border-radius:var(--r-sm);background:var(--bg);color:var(--fg);font:700 var(--t-base)/1 var(--f-body);letter-spacing:.02em;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color var(--fast) var(--ease),transform var(--fast) var(--ease)}
.btn:hover{background:var(--bg-h)}
.btn:active{transform:translateY(1px)}
.btn .i{width:18px;height:18px;transition:transform var(--fast) var(--ease)}
.btn:hover .i{transform:translateX(2px)}
.btn-kopuk,.btn--accent{--bg:var(--accent);--bg-h:var(--accent-2);--fg:#fff}
.btn-koyu{--bg:var(--ink);--bg-h:#000;--fg:#fff}
.btn-beyaz{--bg:#fff;--bg-h:var(--paper-2);--fg:var(--ink)}
.btn-cizgi{--bg:transparent;--bg-h:var(--veil-2);--fg:#fff;--bd:var(--on-dark)}
.btn-cizgi-k,.btn--secondary{--bg:var(--surface);--bg-h:var(--paper-2);--fg:var(--ink);--bd:var(--rule)}
.btn--on-brand{--bg:#fff;--bg-h:var(--paper-2);--fg:var(--ink)}
.btn--lg{min-height:54px;padding-inline:var(--s-xl);font-size:var(--t-md)}
.btn.tam{width:100%;margin-top:var(--s-xs)}
.butonlar{display:flex;flex-wrap:wrap;gap:var(--s-xs);margin:var(--s-lg) 0 0}
.metin-link{display:inline-flex;align-items:center;gap:var(--s-2xs);font-weight:700;color:var(--accent-text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-underline-offset:.3em}
.metin-link:hover{text-decoration-color:var(--accent)}
.metin-link .i{width:16px;height:16px}
.icon-btn{display:inline-grid;place-items:center;flex:none;width:var(--tap);height:var(--tap);border:1px solid var(--rule);background:var(--surface);color:var(--ink);cursor:pointer}
.chip{display:inline-flex;align-items:center;min-height:34px;padding:0 var(--s-sm);border:1px solid var(--rule);border-radius:var(--pill);background:var(--surface);font-size:var(--t-sm);font-weight:500}

/* ---------- Üst bilgi çubuğu + menü ---------- */
.ust-bar{background:var(--ink);color:#cfcfcf;font-size:var(--t-sm)}
.ust-bar__ic{display:flex;justify-content:space-between;align-items:center;gap:var(--s-md);min-height:40px}
.ust-bar a{color:inherit;text-decoration:none}
.ust-bar a:hover{color:#fff}
.ust-bar__sag{display:flex;gap:var(--s-lg)}
.ust-bar__sag a+a{position:relative}
.ust-bar__sag a+a::before{content:"";position:absolute;left:calc(var(--s-lg) / -2);top:20%;bottom:20%;border-left:1px solid #3d3d3d}
@media (max-width:767.98px){.ust-bar{display:none}}
.nav{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--rule);color:var(--ink)}
.nav.is-solid{box-shadow:0 6px 18px rgb(0 0 0/.06)}
.nav__ic{position:relative;display:flex;align-items:center;gap:var(--s-xs);height:var(--nav-h)}
.logo{display:inline-flex;align-items:center;gap:12px;min-height:var(--tap);color:inherit;text-decoration:none;margin:0}
.logo img{height:40px;width:auto}
.logo__ad{display:grid;font-family:var(--f-display);font-weight:800;font-size:1.3rem;line-height:1;letter-spacing:-.01em}
.logo__ad small{font-family:var(--f-body);font-weight:500;font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text);margin-top:4px}
.logo-isaret{width:38px;height:38px;flex:none}
.li-z{fill:var(--accent)}.li-d{fill:#fff}.li-c{stroke:#fff;stroke-width:3}
.menu{display:none}
.menu a,.menu-ust{display:inline-flex;align-items:center;min-height:var(--nav-h);padding:0 13px;color:inherit;text-decoration:none;font-size:var(--t-base);font-weight:500;white-space:nowrap;position:relative}
.menu>a::after,.menu-ust::after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:3px;background:var(--accent);transform:scaleX(0);transition:transform var(--base) var(--ease)}
.menu>a:hover::after,.menu-acilir:hover .menu-ust::after{transform:none}
.menu-acilir{position:static;display:flex}
.mega{display:none;position:absolute;left:var(--gutter);right:var(--gutter);top:100%;background:#fff;color:var(--ink);border-top:3px solid var(--accent);box-shadow:var(--sh-2)}
.menu-acilir:hover .mega,.menu-acilir:focus-within .mega{display:block}
.mega-ic{padding:var(--s-lg) var(--s-xl);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-lg)}
.mega-bas{font-family:var(--f-display);font-weight:800;font-size:var(--t-md);margin-bottom:var(--s-xs);padding-bottom:var(--s-xs);border-bottom:1px solid var(--rule)}
.mega ul{list-style:none;padding:0;margin:0}
.mega li a{display:block;min-height:0;padding:6px 0;font-size:var(--t-base);font-weight:400}
.mega li a::after{display:none}
.mega li a:hover{color:var(--accent-text)}
.bas-cta{margin-left:auto;min-height:44px;padding:0 var(--s-md)}
.bas-cta span{display:none}
@media (min-width:1180px){.bas-cta span{display:inline}}
.mobil-menu summary{list-style:none;display:grid;place-items:center;width:var(--tap);height:var(--tap);cursor:pointer}
.mobil-menu summary::-webkit-details-marker{display:none}
.mobil-menu summary .i{width:26px;height:26px}
.mobil-menu nav{position:absolute;left:0;right:0;top:100%;background:#fff;color:var(--ink);border-top:3px solid var(--accent);box-shadow:var(--sh-2);padding:var(--s-xs) var(--gutter) var(--s-md)}
.mobil-menu nav a{display:flex;align-items:center;min-height:52px;border-bottom:1px solid var(--rule-2);font-family:var(--f-display);font-weight:700;font-size:var(--t-lg);text-decoration:none}
.mobil-menu nav .btn{margin-top:var(--s-md);width:100%;font-family:var(--f-body);font-size:var(--t-md);border-bottom:0}
@media (min-width:1000px){
  .menu{display:flex;align-items:center;margin-left:auto}
  .bas-cta{margin-left:var(--s-sm)}
  .mobil-menu{display:none}
}

/* ---------- Kırıntı + sayfa başı (iç sayfalar) ---------- */
.sayfa-bas{position:relative;isolation:isolate;overflow:clip;background:var(--ink);color:var(--brand-ink);padding:var(--s-xl) 0 var(--s-3xl)}
.sayfa-bas::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--bas-gorsel,none) 50% 50%/cover no-repeat;opacity:.38}
.sayfa-bas::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--scrim-95) 0%,var(--scrim-85) 45%,var(--scrim-50) 100%),linear-gradient(0deg,var(--scrim-85),transparent 40%)}
.kirinti{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s-xl);font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.02em;text-transform:uppercase;color:var(--brand-muted)}
.kirinti a{color:var(--brand-muted);text-decoration:none}
.kirinti a:hover{color:var(--brand-ink);text-decoration:underline}
.kirinti [aria-current]{color:var(--brand-ink)}
.sayfa-bas h1{font-size:var(--t-ds);max-width:20ch;color:var(--brand-ink)}
.sayfa-bas-ic.iki-kolon{display:grid;gap:var(--s-xl)}
@media (min-width:960px){.sayfa-bas-ic.iki-kolon{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s-3xl);align-items:end}}
.giris-metni{font-size:var(--t-lg);line-height:1.6;color:color-mix(in oklch,var(--brand-ink) 86%,transparent);max-width:62ch}
.sayfa-bas .meta{color:var(--brand-muted)}
.sayfa-bas .btn-cizgi-k{--bg:transparent;--bg-h:var(--veil-2);--fg:var(--brand-ink);--bd:var(--on-dark)}
.bilgi-kart{margin:0;background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden}
.sayfa-bas .bilgi-kart{background:color-mix(in oklch,var(--ink) 55%,transparent);color:var(--brand-ink);border-color:var(--on-dark);backdrop-filter:blur(6px)}
.bilgi-kart div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-md);padding:12px var(--s-md);border-bottom:1px solid var(--rule-2)}
.sayfa-bas .bilgi-kart div{border-bottom-color:var(--on-dark)}
.bilgi-kart div:last-child{border-bottom:0}
.bilgi-kart dt{font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.sayfa-bas .bilgi-kart dt{color:var(--brand-muted)}
.bilgi-kart dd{margin:0;font-weight:600;text-align:right}
.bilgi-kart a{color:inherit}
.bilgi-kart.duz{margin:0 0 var(--s-md)}

/* ---------- Çizim paftası ---------- */
.pafta{margin:0;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-lg);padding:var(--s-sm);color:var(--ink)}
.kesit{display:block;width:100%;height:auto}
.pafta-kunye{display:grid;grid-template-columns:.6fr 1.6fr 1fr;border-top:1px solid var(--rule);margin-top:var(--s-xs);font-size:var(--t-sm)}
.pafta-kunye span{padding:8px 10px;border-left:1px solid var(--rule)}
.pafta-kunye span:first-child{border-left:0}
.pafta-kunye small{display:block;font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.kf{fill:oklch(86% .09 75)}.kfd{fill:oklch(78% .12 70);opacity:.55}
.kb{fill:var(--paper-3)}.kbh{stroke:oklch(78% .02 256);stroke-width:1.4}
.kt{fill:oklch(90% .03 70)}.kth{stroke:oklch(74% .05 65);stroke-width:1;fill:none}
.ka{fill:oklch(90% .03 70)}.kah{stroke:oklch(74% .05 65);fill:none}
.ks{stroke:var(--ink);stroke-width:1.3}
.kk{fill:oklch(55% .13 35);stroke:var(--ink);stroke-width:1.3}
.km{fill:oklch(80% .06 75);stroke:var(--ink);stroke-width:1.3}
.kl{fill:none;stroke:var(--ink-2);stroke-width:1}
.kn{fill:var(--ink)}
.kx{font:500 15px var(--f-body);fill:var(--ink)}
.kd{fill:none;stroke:var(--accent-text);stroke-width:1.2}
.kok{fill:var(--accent-text)}
.kdx{font:500 14px var(--f-mono);fill:var(--accent-text)}
.kc{font:400 13px var(--f-body);fill:var(--muted)}
.kkap{fill:none;stroke:var(--ink);stroke-width:5;stroke-linejoin:round}
.ksac{fill:none;stroke:var(--ink-2);stroke-width:3;stroke-linejoin:round}
.kmet,.kmet2{fill:var(--muted);stroke:var(--ink);stroke-width:1.2}
.kdamla{fill:oklch(62% .13 240)}
.kx2{stroke:var(--danger);stroke-width:2.5}
.kal{fill:var(--surface);stroke:var(--ink);stroke-width:1.2}
.kbuyuk{font:500 28px var(--f-mono);fill:var(--brand-2)}
.kkap2{fill:var(--ink)}
.kic{fill:var(--info-wash);stroke:var(--ink);stroke-width:1.2}

/* ---------- Bölümler ---------- */
.bolum{padding-block:var(--s-3xl)}
@media (min-width:960px){.bolum{padding-block:var(--s-4xl)}}
.bolum.acik{background:var(--paper-2);border-block:1px solid var(--rule-2)}
.bolum.koyu{background:var(--ink);color:var(--brand-ink)}
.bolum-bas{display:grid;gap:var(--s-sm);margin-bottom:var(--s-xl)}
@media (min-width:960px){.bolum-bas{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:var(--s-2xl)}}
.bolum-bas h2{margin:0;max-width:16ch}
.bolum-bas p{margin:0;color:var(--muted);max-width:56ch}
.koyu .bolum-bas p{color:var(--brand-muted)}
.bolum-kat{margin-bottom:var(--s-3xl)}
.iki-kolon-esit{display:grid;gap:var(--s-2xl)}
@media (min-width:960px){.iki-kolon-esit{grid-template-columns:1fr 1fr;align-items:center}}

/* ---------- İçerik düzeni ---------- */
.duzen{display:grid;gap:0;padding-block:var(--s-lg) var(--s-3xl)}
@media (min-width:1024px){.duzen{grid-template-columns:minmax(0,1fr) 300px;gap:var(--s-3xl)}}
.metin-kolon{min-width:0;max-width:48rem}
.b{padding:var(--s-2xl) 0 var(--s-xs);border-top:1px solid var(--rule)}
.b:first-child{border-top:0}
.b>h2{font-size:var(--t-2xl);font-stretch:var(--stretch-h);letter-spacing:-.015em;margin-bottom:var(--s-md)}
.b>p,.makale p,.makale li{max-width:70ch;color:var(--ink-2)}
.yan-ic{position:sticky;top:calc(var(--nav-h) + var(--s-lg));padding-top:var(--s-2xl);display:grid;gap:var(--s-lg)}
.yan-kart{background:var(--ink);color:var(--brand-ink);border-radius:var(--r-lg);padding:var(--s-lg)}
.yan-kart p{font-size:var(--t-base);color:var(--brand-muted);margin-bottom:var(--s-sm)}
.yan-bas{font-family:var(--f-display);font-weight:800;font-stretch:var(--stretch-h);font-size:var(--t-xl)!important;color:inherit!important;line-height:1.15;margin-bottom:var(--s-xs)!important}
.yan-kart .btn-cizgi-k{--bg:transparent;--bg-h:var(--veil-2);--fg:var(--brand-ink);--bd:var(--on-dark)}
.icindekiler .yan-bas{font-size:var(--t-md)!important;font-family:var(--f-mono);font-weight:500;font-stretch:100%;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)!important}
.icindekiler ol{list-style:none;padding:0;margin:0;border-left:1px solid var(--rule)}
.icindekiler a{display:block;padding:6px 0 6px 14px;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;font-size:var(--t-sm);line-height:1.4}
.icindekiler a:hover{color:var(--ink);border-left-color:var(--accent)}
@media (max-width:1023.98px){.yan-ic{position:static;padding-top:var(--s-lg)}.icindekiler{display:none}}

.kisaca{background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--accent);border-radius:var(--r-md);padding:var(--s-md) var(--s-lg);font-size:var(--t-lg);line-height:1.6;color:var(--ink)!important}
.tik{list-style:none;padding:0}
.tik li{position:relative;padding-left:28px;margin:.5em 0}
.tik li::before{content:"";position:absolute;left:2px;top:.5em;width:12px;height:6px;border-left:2px solid var(--accent-text);border-bottom:2px solid var(--accent-text);transform:rotate(-45deg)}
.uyari-liste{list-style:none;padding:0;display:grid;gap:var(--s-xs)}
.uyari-liste li{position:relative;padding:12px 16px 12px 46px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-md)}
.uyari-liste li::before{content:"!";position:absolute;left:14px;top:12px;width:20px;height:20px;border-radius:50%;background:var(--accent-wash);color:var(--accent-text);font:700 .8rem/20px var(--f-body);text-align:center}
.katmanlar{list-style:none;padding:0;counter-reset:k;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}
.katmanlar li{counter-increment:k;position:relative;padding:14px 16px 14px 60px;border-top:1px solid var(--rule-2)}
.katmanlar li:first-child{border-top:0}
.katmanlar li::before{content:counter(k);position:absolute;left:0;top:0;bottom:0;width:44px;display:grid;place-items:center;font:500 var(--t-sm) var(--f-mono);color:var(--muted);background:var(--paper-2);border-right:1px solid var(--rule-2)}


.tablo-kap{overflow-x:auto;margin:var(--s-md) 0;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface)}
.tablo{width:100%;border-collapse:collapse;font-size:var(--t-base)}
.tablo caption{text-align:left;font-weight:600;padding:12px 16px;border-bottom:1px solid var(--rule);background:var(--paper-2)}
.tablo th,.tablo td{padding:12px 16px;border-bottom:1px solid var(--rule-2);text-align:left;vertical-align:top}
.tablo thead th{font-family:var(--f-mono);font-size:var(--t-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--paper-2);border-bottom:1px solid var(--rule)}
.tablo tbody th{font-weight:600}
.tablo td{font-feature-settings:"tnum" 1}
.tablo tr:last-child th,.tablo tr:last-child td{border-bottom:0}

.faktorler{display:grid;gap:0 var(--s-xl);margin:0}
@media (min-width:640px){.faktorler{grid-template-columns:1fr 1fr}.faktorler.tek{grid-template-columns:1fr}}
.faktorler div{padding:var(--s-md) 0;border-top:1px solid var(--rule)}
.faktorler dt{font-weight:600}
.faktorler dd{margin:4px 0 0;color:var(--muted);font-size:var(--t-base)}
.koyu .faktorler div{border-color:var(--on-dark)}
.koyu .faktorler dd{color:var(--brand-muted)}

.takvim{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin-top:var(--s-sm)}
.takvim span{padding:10px 2px;text-align:center;border-radius:var(--r-sm);background:var(--paper-3)}
.takvim b{display:block;font:500 var(--t-sm) var(--f-mono)}
.takvim i{display:block;font-style:normal;font-size:.6875rem;color:var(--muted)}
.takvim .uygun{background:var(--accent)}
.takvim .uygun i{color:var(--ink)}
@media (max-width:639.98px){.takvim{grid-template-columns:repeat(6,1fr)}}

.hizmet-liste{list-style:none;padding:0;margin:0;border-top:1px solid var(--rule);counter-reset:h}
.hizmet-liste li{border-bottom:1px solid var(--rule);counter-increment:h}
.hizmet-liste a{display:grid;gap:2px;padding:var(--s-md) 0;text-decoration:none}
@media (min-width:640px){.hizmet-liste a{grid-template-columns:minmax(200px,.8fr) 1.6fr;gap:var(--s-lg)}.hizmet-liste.numarali a{grid-template-columns:40px minmax(180px,.8fr) 1.6fr}.hizmet-liste.numarali a::before{content:counter(h,decimal-leading-zero);font:500 var(--t-sm)/1.6 var(--f-mono);color:var(--accent-text)}}
.hizmet-liste strong{font-weight:600}
.hizmet-liste span{color:var(--muted);font-size:var(--t-base)}
.hizmet-liste a:hover strong{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
.ilce-liste,.mahalle-liste{columns:3 180px;column-gap:var(--s-lg);list-style:none;padding:0;margin:0}
.ilce-liste li,.mahalle-liste li{break-inside:avoid;padding:5px 0;border-bottom:1px solid var(--rule-2);font-size:var(--t-base)}
.ilce-liste a{text-decoration:none}
.ilce-liste a:hover{color:var(--brand-2);text-decoration:underline}
.ilce-liste small{font-family:var(--f-mono);font-size:.6875rem;color:var(--muted)}
.mahalle-grup{margin:var(--s-lg) 0 var(--s-xs)}
.mahalle-grup h3{font-size:var(--t-md);font-stretch:100%;font-family:var(--f-body);font-weight:700;margin-bottom:var(--s-xs)}
.mahalle-grup h3 small{font-family:var(--f-mono);font-weight:400;font-size:var(--t-xs);color:var(--muted);margin-left:8px}
.uzun-liste summary{cursor:pointer;font-weight:600;color:var(--brand-2);padding:var(--s-sm) 0}

.sss{display:grid;gap:var(--s-xs)}
.sss details{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-md)}
.sss details[open]{border-color:var(--ink-2)}
.sss summary{position:relative;cursor:pointer;list-style:none;padding:var(--s-md) 52px var(--s-md) var(--s-md);font-weight:600}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg);transition:transform var(--base) var(--ease)}
.sss details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.sss details>div{padding:0 var(--s-md) var(--s-md);color:var(--ink-2)}
.sss details>div p:last-child{margin-bottom:0}

.il-satir{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.il-satir a{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid var(--rule);border-radius:var(--pill);background:var(--surface);font-size:var(--t-sm);font-weight:500;text-decoration:none}
.il-satir a:hover{border-color:var(--ink-2)}
.il-satir small{font-family:var(--f-mono);font-size:.6875rem;color:var(--muted)}
.il-tablo{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s-xs)}
.il-tablo a{display:grid;gap:2px;padding:var(--s-md);border:1px solid var(--rule);border-radius:var(--r-md);background:var(--surface);text-decoration:none}
.il-tablo a:hover{border-color:var(--ink-2)}
.il-tablo strong{font-family:var(--f-display);font-weight:800;font-stretch:var(--stretch-h);font-size:var(--t-lg)}
.il-tablo span{font-size:var(--t-sm);color:var(--muted)}
.il-tablo span:last-child{font-family:var(--f-mono);font-size:var(--t-xs)}
.bolgeler{display:grid;gap:var(--s-xl)}
@media (min-width:768px){.bolgeler{grid-template-columns:1fr 1fr}}
.bolgeler h3{font-size:var(--t-md);font-family:var(--f-mono);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-muted);margin-bottom:var(--s-sm)}

/* Proje kartı (iç sayfalar + referanslar) */
.projeler{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s-md)}
.proje{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden}
.proje>img{aspect-ratio:4/3;object-fit:cover;width:100%}
.proje-ic{padding:var(--s-md) var(--s-lg) var(--s-lg)}
.proje-ic h3{font-size:var(--t-xl)}
.proje-veri{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:0 0 var(--s-sm);font-size:var(--t-sm)}
.proje-veri dt{font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.proje-veri dd{margin:0;font-weight:500}
.mini{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.mini img{aspect-ratio:1;object-fit:cover;border-radius:var(--r-sm)}
.bos{background:var(--surface);border:1px dashed var(--rule);border-radius:var(--r-lg);padding:var(--s-xl);max-width:44rem}

.rehber-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s-sm)}
.rehber-kart{display:flex;flex-direction:column;gap:var(--s-xs);padding:var(--s-lg);border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface);text-decoration:none;transition:border-color var(--fast) var(--ease)}
.rehber-kart:hover{border-color:var(--ink-2)}
.rehber-kart strong{font-family:var(--f-display);font-weight:800;font-stretch:var(--stretch-h);font-size:var(--t-xl);line-height:1.15;letter-spacing:-.01em}
.rehber-kart span{color:var(--muted);font-size:var(--t-base)}
.rehber-satir{padding:var(--s-xl) 0;border-bottom:1px solid var(--rule)}
.rehber-satir h2{font-size:var(--t-2xl);font-stretch:var(--stretch-h);margin-bottom:.35em}
.rehber-satir h2 a{text-decoration:none}
.rehber-satir h2 a:hover{text-decoration:underline;text-decoration-color:var(--accent)}
.meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}
.makale h2{font-size:var(--t-2xl);font-stretch:var(--stretch-h);margin-top:var(--s-2xl)}
.makale h2:first-child{margin-top:0}
.makale h3{margin-top:var(--s-lg)}

/* Süreç (iç sayfalar) */
.surec{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:var(--s-xs)}
@media (min-width:768px){.surec{grid-template-columns:repeat(5,1fr)}}
.surec li{counter-increment:s;padding:var(--s-md);border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface)}
.surec li::before{content:counter(s);display:block;font-family:var(--f-display);font-weight:800;font-stretch:var(--stretch-d);font-size:2.6rem;line-height:.8;letter-spacing:-.04em;margin-bottom:var(--s-sm)}
.surec strong{display:block;margin-bottom:4px}
.surec span{color:var(--muted);font-size:var(--t-sm);line-height:1.5}

.kategoriler{display:grid;gap:var(--s-md)}
@media (min-width:640px){.kategoriler{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.kategoriler{grid-template-columns:repeat(4,1fr)}}
.kategori{padding:var(--s-lg);border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface)}
.kategori h3{font-size:var(--t-xl);margin-bottom:var(--s-xs)}
.kategori p{color:var(--muted);font-size:var(--t-sm)}
.kategori ul{list-style:none;padding:0;margin:0}
.kategori li a{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid var(--rule-2);text-decoration:none;font-size:var(--t-base);font-weight:500}
.kategori li a::after{content:"→";color:var(--muted)}
.kategori li a:hover{color:var(--brand-2)}
.kategori li a:hover::after{color:var(--accent-text)}

.rakamlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s-lg);margin:0}
.rakamlar div{display:flex;flex-direction:column-reverse}
.rakamlar dd{margin:0;font:500 2.6rem/1 var(--f-mono);letter-spacing:-.04em;font-feature-settings:"tnum" 1}
.rakamlar dt{margin-top:6px;font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.rakamlar.acik-zemin{padding:var(--s-lg);border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface);margin-top:var(--s-lg)}

/* ---------- Teklif bölümü (iç sayfalar) ---------- */
.teklif{background:var(--ink);color:var(--brand-ink);padding-block:var(--s-3xl)}
.teklif-ic{display:grid;gap:var(--s-2xl)}
@media (min-width:960px){.teklif-ic{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start}}
.teklif h2{font-size:var(--t-ds);max-width:14ch}
.teklif-sol>p{color:var(--brand-muted);max-width:52ch}
.teklif-adim{list-style:none;padding:0;margin:var(--s-lg) 0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--on-dark);border:1px solid var(--on-dark);border-radius:var(--r-md);overflow:hidden}
.teklif-adim li{padding:var(--s-sm) var(--s-md);background:var(--ink);font-size:var(--t-sm);color:var(--brand-muted)}
.teklif-adim strong{display:block;color:var(--brand-ink);font-size:var(--t-base)}
.teklif-tel small{display:block;font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--brand-muted)}
.teklif-tel a{font:500 2rem/1.2 var(--f-mono);letter-spacing:-.03em;color:var(--accent);text-decoration:none}
.form{display:grid;gap:var(--s-sm);padding:var(--s-lg);background:var(--surface);color:var(--ink);border-radius:var(--r-lg)}
.form label{display:grid;gap:5px;font-size:var(--t-sm);font-weight:600;color:var(--ink-2)}
.form input,.form select,.form textarea{width:100%;min-height:48px;padding:0 var(--s-sm);border:1px solid var(--rule);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font:400 var(--t-md) var(--f-body)}
.form textarea{padding:var(--s-sm);min-height:96px;resize:vertical}
.form select,.quote select{appearance:none;padding-right:var(--s-2xl);background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.form input:hover,.form select:hover,.form textarea:hover{border-color:var(--muted)}
.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible{outline:2px solid var(--focus);outline-offset:0;border-color:var(--focus)}
.form .btn{justify-self:stretch;min-height:52px}
.iki{display:grid;gap:var(--s-sm)}
@media (min-width:560px){.iki{grid-template-columns:1fr 1fr}}
.gizli{position:absolute;left:-9999px}
.tesekkur h3{font-size:var(--t-2xl)}

/* ---------- Alt bilgi ---------- */
.alt{background:var(--paper);border-top:1px solid var(--rule);padding:var(--s-3xl) 0 calc(var(--s-2xl) + 64px);font-size:var(--t-sm);color:var(--ink-2)}
@media (min-width:960px){.alt{padding-bottom:var(--s-2xl)}}
.alt a{text-decoration:none}
.alt a:hover{color:var(--ink);text-decoration:underline}
.alt-ic{display:grid;gap:var(--s-xl)}
@media (min-width:768px){.alt-ic{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.alt-ic{grid-template-columns:1.4fr repeat(4,1fr)}}
.alt-firma p{max-width:34ch}
.logo-alt{margin-bottom:var(--s-sm);color:var(--ink)}
.alt-iletisim{margin:var(--s-md) 0 0}
.alt-iletisim dt{font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:var(--s-xs)}
.alt-iletisim dd{margin:0;color:var(--ink)}
.alt-bas{font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s-sm)}
.alt-liste{list-style:none;padding:0;margin:0}
.alt-liste li{padding:4px 0}
.alt-iller{margin-top:var(--s-2xl);padding-top:var(--s-lg);border-top:1px solid var(--rule)}
.alt-iller .il-satir{gap:2px 14px}
.alt-iller .il-satir a{border:0;background:none;min-height:0;padding:2px 0;font-weight:400;color:var(--ink-2)}
.telif{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-sm);margin-top:var(--s-xl);padding-top:var(--s-md);border-top:1px solid var(--rule);color:var(--muted)}
.telif a{margin-left:var(--s-md)}

/* Mobil alt çubuk */
.mobil-cta{position:fixed;z-index:45;left:var(--s-xs);right:var(--s-xs);bottom:calc(var(--s-xs) + env(safe-area-inset-bottom));display:grid;grid-auto-flow:column;gap:6px;padding:6px;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-2)}
.mobil-cta a{display:grid;place-items:center;min-height:44px;border-radius:var(--r-md);font-weight:600;font-size:var(--t-base);text-decoration:none;color:var(--ink);background:var(--paper-2)}
.mobil-cta a.vurgu{background:var(--accent);color:var(--ink)}
@media (min-width:960px){.mobil-cta{display:none}}

/* ---------- Tema düzeltmeleri (iç sayfalar) ---------- */
.sayfa-bas{background:linear-gradient(112deg,var(--ink) 0 64%,#222 64% 100%);border-bottom:4px solid var(--accent);padding:var(--s-xl) 0 var(--s-3xl)}
.sayfa-bas::after{background:none}
.sayfa-bas[style]::after{background:linear-gradient(90deg,var(--scrim-95) 0%,var(--scrim-85) 45%,var(--scrim-50) 100%)}
.sayfa-bas h1{font-weight:800}
.sayfa-bas h1::before{content:"";display:block;width:56px;height:4px;background:var(--accent);margin-bottom:var(--s-md)}
.kirinti{font-family:var(--f-body);letter-spacing:.06em}
.b>h2{font-weight:800;position:relative;padding-left:18px}
.b>h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;background:var(--accent)}
.yan-kart{border-radius:0;border-top:4px solid var(--accent)}
.bilgi-kart,.pafta,.tablo-kap,.sss details,.kategori,.rehber-kart,.surec li,.il-tablo a,.proje,.form,.kisaca,.uyari-liste li,.katmanlar,.rakamlar.acik-zemin{border-radius:var(--r-md)}
.tablo thead th{background:var(--ink);color:#fff;border-bottom:0}
.tablo tbody tr:nth-child(even){background:#fafafa}
.sss details[open]{border-color:var(--accent)}
.sss details[open] summary{color:var(--accent-text)}
.surec li{border-top:3px solid var(--accent)}
.surec li::before{color:var(--accent);font-weight:800}
.kategori{border-top:3px solid var(--accent)}
.rehber-kart{border-top:3px solid var(--ink)}
.rehber-kart:hover{border-top-color:var(--accent)}
.rehber-kart:hover strong{color:var(--accent-text)}
.bolum .rehber-liste{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.rehber-kart strong{font-weight:800}
.il-satir a:hover,.il-tablo a:hover{border-color:var(--accent);color:var(--accent-text)}
.il-tablo strong{font-weight:800}
.takvim .uygun{background:var(--accent)}
.takvim .uygun b,.takvim .uygun i{color:#fff}
.teklif{border-top:4px solid var(--accent)}
.teklif-tel a{font-family:var(--f-display);font-weight:800}
.mobil-cta{border-radius:var(--r-md)}
.mobil-cta a.vurgu{background:var(--accent);color:#fff}
.hizmet-liste a:hover strong{color:var(--accent-text)}
.makale h2{font-weight:800}
.makale ol li,.makale ul li{margin:.35em 0}
.makale .tablo-kap{margin:var(--s-lg) 0}

/* ---------- Kesit çizimleri (polyurea) ---------- */
.kpu{fill:none;stroke:var(--accent);stroke-width:7;stroke-linejoin:round}
.kast{fill:none;stroke:#e9b0a8;stroke-width:3;stroke-linejoin:round}
.kuv{fill:none;stroke:#f2f2f2;stroke-width:2;stroke-dasharray:6 4;stroke-linejoin:round}
.kuv--havuz{stroke:#7fc3e8;stroke-dasharray:none;stroke-width:2.5}
.ksu{fill:#d8ecf8}.ksuh{fill:none;stroke:#9ccbe9;stroke-width:1.2}
.kgid{fill:none;stroke:var(--ink);stroke-width:2}
.kvida{fill:var(--ink)}
.kkor{fill:#cfcfcf;stroke:var(--ink);stroke-width:1}
.kboru{fill:none;stroke:#8a8a8a;stroke-width:9}
.kasinma{fill:none;stroke:#555;stroke-width:4}
.kagr circle{fill:#8f8f8f}
.karac{fill:#e6e6e6;stroke:var(--ink);stroke-width:1.3}
.kteker{fill:var(--ink)}
.kb{fill:#f0f0f0}.kbh{stroke:#c9c9c9;stroke-width:1.4}
.kd{stroke:var(--accent-text)}.kok{fill:var(--accent-text)}
.kdx{font:700 14px var(--f-body);fill:var(--accent-text)}
.kx{font:500 15px var(--f-body)}

/* ---------- Alt bilgi (koyu) ---------- */
.alt{background:var(--ink);color:#bdbdbd;border-top:4px solid var(--accent)}
.alt a:hover{color:#fff}
.logo-alt,.alt-iletisim dd{color:#fff}
.logo-alt{font-family:var(--f-display);font-weight:800;font-size:1.25rem;display:flex;align-items:center;gap:10px}
.alt-iletisim dt,.alt-bas{color:#8d8d8d}
.alt-bas{font-family:var(--f-display);font-weight:800;font-size:var(--t-md);letter-spacing:0;text-transform:none;color:#fff;padding-bottom:var(--s-xs);border-bottom:2px solid var(--accent);display:inline-block}
.alt-iller,.telif{border-top-color:#2f2f2f}
.alt-iller .il-satir a{color:#bdbdbd}
.telif{color:#8d8d8d}

/* =====================================================================
   ANA SAYFA
   ===================================================================== */
/* İki tonlu ortalı başlık */
.cb{text-align:center;max-width:46rem;margin:0 auto var(--s-2xl)}
.cb__ust{display:inline-flex;align-items:center;gap:14px;margin:0 0 6px;font-family:var(--f-display);font-weight:700;font-size:var(--t-xl);color:var(--accent)}
.cb__ust::before,.cb__ust::after{content:"";width:34px;height:2px;background:currentColor}
.cb__alt{margin:0;font-size:var(--t-3xl)}
.cb__ac{margin:var(--s-sm) auto 0;color:var(--muted);max-width:40rem}
.koyu .cb__ac{color:var(--brand-muted)}
.bolum.acik{background:var(--paper-2)}

/* Hero */
.hero{position:relative;isolation:isolate;overflow:clip;background:#1d1d1d;color:#fff}
.hero__desen{position:absolute;inset:0;z-index:-1;background:
  repeating-linear-gradient(135deg,rgb(255 255 255/.025) 0 2px,transparent 2px 22px),
  radial-gradient(60rem 30rem at 85% 40%,#2c2c2c,transparent 70%)}
.hero__ic{display:grid;gap:var(--s-xl);padding-block:0 var(--s-2xl)}
.hero__panel{position:relative;padding:var(--s-2xl) var(--gutter) var(--s-xl);margin-inline:calc(var(--gutter) * -1);background:var(--accent)}
.hero__ust{display:flex;align-items:center;gap:12px;margin:0 0 var(--s-sm);font-size:var(--t-sm);font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.hero__ust::before{content:"";width:34px;height:2px;background:#fff}
.hero__baslik{font-size:var(--t-hero);line-height:1.04;max-width:12ch;margin:0 0 var(--s-md);color:#fff}
.hero__baslik span{display:block;color:var(--ink)}
.hero__giris{font-size:var(--t-lg);line-height:1.6;max-width:36rem;color:rgb(255 255 255/.92)}
.quote{margin-top:var(--s-lg)}
.quote__alanlar{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.qf{display:grid;gap:3px;padding:8px 12px;background:#fff;color:var(--ink);border-radius:var(--r-sm)}
.qf span{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.qf input,.qf select{width:100%;min-height:30px;border:0;padding:0;background:transparent;color:var(--ink);font:500 var(--t-md) var(--f-body);appearance:none}
.qf select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 9px) 55%,calc(100% - 4px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:18px}
.qf:focus-within{outline:2px solid var(--ink);outline-offset:1px}
.quote__gonder{width:100%;min-height:56px;margin-top:6px;font-size:var(--t-md)}
.hero__guvence{list-style:none;display:flex;flex-wrap:wrap;gap:6px 20px;padding:0;margin:var(--s-md) 0 0;font-size:var(--t-sm);font-weight:500}
.hero__guvence li{display:inline-flex;align-items:center;gap:6px}
.hero__guvence .i{width:16px;height:16px;stroke-width:2.6}
.hero__kesit{margin:0;align-self:center;background:#fff;color:var(--ink);padding:var(--s-sm);border-radius:var(--r-md);box-shadow:0 30px 60px rgb(0 0 0/.35)}
.hero__kesit figcaption{padding:10px 6px 2px;font-size:var(--t-sm);color:var(--muted);border-top:1px solid var(--rule);margin-top:6px}
@media (min-width:640px){.quote__alanlar{grid-template-columns:repeat(4,1fr)}}
@media (min-width:1000px){
  .hero__ic{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--s-3xl);padding-block:0}
  .hero__panel{margin:0;padding:var(--s-4xl) var(--s-3xl) var(--s-3xl) 0}
  .hero__panel::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;right:0;left:-100vw;background:var(--accent);clip-path:polygon(0 0,100% 0,calc(100% - 7rem) 100%,0 100%)}
  .hero__panel{background:none;padding-right:calc(var(--s-3xl) + 4rem)}
  .quote__alanlar{grid-template-columns:1fr 1fr}
  .hero__kesit{margin-block:var(--s-2xl)}
}

/* Teknik değerler bandı */
.degerler{background:var(--ink);color:#fff;border-top:1px solid #2c2c2c}
.degerler__ic{display:grid;grid-template-columns:1fr 1fr;margin-block:0}
.degerler__ic div{display:flex;flex-direction:column-reverse;padding:var(--s-lg) var(--s-md);border-left:1px solid #2f2f2f}
.degerler__ic div:nth-child(odd){border-left:0}
.degerler dt{font-size:var(--t-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#a8a8a8}
.degerler dd{margin:0;font:800 clamp(1.8rem,1.2rem + 2vw,2.6rem)/1.05 var(--f-display);color:#fff}
.degerler dd small{font-size:.5em;color:var(--accent);margin-left:2px}
@media (min-width:768px){.degerler__ic{grid-template-columns:repeat(4,1fr)}.degerler__ic div:nth-child(odd){border-left:1px solid #2f2f2f}.degerler__ic div:first-child{border-left:0}}

/* Uygulama alanları */
.alan-izgara{display:grid;gap:var(--s-md)}
@media (min-width:640px){.alan-izgara{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.alan-izgara{grid-template-columns:repeat(3,1fr)}}
.alan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--rule);border-radius:var(--r-md);overflow:hidden;transition:box-shadow var(--base) var(--ease),transform var(--base) var(--ease)}
.alan:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}
.alan__cizim{background:var(--paper-2);padding:14px 0 0 14px;border-bottom:3px solid var(--accent);overflow:hidden;height:170px}
.alan__cizim .kesit{width:180%;max-width:none;height:auto;margin-top:-6%}
@media (max-width:639.98px){.alan__cizim{height:150px}.alan__cizim .kesit{width:150%}}
.alan__cizim .kx,.alan__cizim .kc,.alan__cizim .kl,.alan__cizim .kn{display:none}
.alan__ic{display:flex;flex-direction:column;flex:1;padding:var(--s-lg)}
.alan__no{margin:0 0 6px;font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}
.alan h3{font-size:var(--t-xl);font-weight:800;margin-bottom:var(--s-xs)}
.alan h3 a{text-decoration:none}
.alan h3 a::after{content:"";position:absolute;inset:0}
.alan__ic>p:not([class]){color:var(--muted);font-size:var(--t-base)}
.alan__mm{display:flex;justify-content:space-between;align-items:baseline;margin:auto 0 0;padding-top:var(--s-sm);border-top:1px solid var(--rule-2);font-size:var(--t-sm);color:var(--muted)}
.alan__mm b{font:800 var(--t-lg) var(--f-display);color:var(--ink)}
.alanlar-tum{margin-top:var(--s-3xl)}
.alanlar-tum__bas{font-size:var(--t-2xl);font-weight:800;text-align:center;margin-bottom:var(--s-lg)}

/* Polyurea çeşitleri */
.bolum.koyu{background:var(--ink)}
.cesit-izgara{display:grid;gap:var(--s-md)}
@media (min-width:900px){.cesit-izgara{grid-template-columns:repeat(3,1fr)}}
.cesit{padding:var(--s-xl) var(--s-lg);background:#222;border:1px solid #2f2f2f;border-top:4px solid var(--accent);border-radius:var(--r-md)}
.cesit--hibrit{border-top-color:#777}
.cesit h3{font-size:var(--t-xl);font-weight:800}
.cesit>p{color:var(--brand-muted);font-size:var(--t-base)}
.cesit dl{margin:var(--s-md) 0 0}
.cesit dl div{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;padding:9px 0;border-top:1px solid #333;font-size:var(--t-sm)}
.cesit dt{color:#9a9a9a}
.cesit dd{margin:0;color:#fff;font-weight:500}
.cesit-link{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-md) var(--s-xl);margin:var(--s-xl) 0 0}
.koyu .metin-link{color:#fff;text-decoration-color:var(--accent)}

/* Harita */
.map{padding-block:var(--s-3xl);background:var(--paper)}
@media (min-width:960px){.map{padding-block:var(--s-4xl)}}
.map__fig{position:relative;max-width:60rem;margin:0 auto var(--s-2xl);padding:var(--s-md);background:var(--paper-2);border-radius:var(--r-md)}
.map__svg{width:100%;height:auto}
.m-link{cursor:pointer}
.m-halo{fill:var(--accent);opacity:0;transition:opacity var(--fast)}
.m-dot{fill:var(--ink)}
.m-label{font:700 10px var(--f-body);fill:var(--ink-2);pointer-events:none}
.m-link:hover .m-halo,.m-link:focus .m-halo,.m-link.on .m-halo{opacity:.28}
.m-link:hover .m-dot,.m-link:focus .m-dot,.m-link.on .m-dot{fill:var(--accent)}
.readout{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding:var(--s-sm) var(--s-md) 0;margin-top:var(--s-xs);border-top:1px solid var(--rule)}
.readout__coord{font-size:var(--t-xs);color:var(--muted);letter-spacing:.04em;width:100%}
.readout__name{font:800 var(--t-2xl)/1.1 var(--f-display)}
.readout__meta{color:var(--muted);font-size:var(--t-sm)}
.readout__go{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--accent-text);text-decoration:none}
.map .bolgeler h3{color:var(--ink);font-family:var(--f-display);font-weight:800;font-size:var(--t-md);letter-spacing:0;text-transform:none}

/* Kapanış bandı */
.kapanis{background:var(--accent);color:#fff;padding-block:var(--s-2xl)}
.kapanis__ic{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-lg)}
.kapanis__ust{margin:0 0 4px;font-size:var(--t-sm);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgb(255 255 255/.85)}
.kapanis__bas{margin:0;font:800 var(--t-2xl)/1.15 var(--f-display);max-width:28ch}
.kapanis .butonlar{margin:0}
.kapanis .btn-cizgi{--bd:rgb(255 255 255/.6)}

@media (max-width:767.98px){
  .mobil-cta{transform:translateY(calc(100% + 24px));opacity:0;transition:transform var(--slow) var(--ease),opacity var(--slow) var(--ease)}
  body.cta-acik .mobil-cta{transform:none;opacity:1}
}
@media (prefers-reduced-motion:reduce){*{transition-duration:0ms!important;scroll-behavior:auto!important}}
@media print{.nav,.ust-bar,.mobil-cta,.teklif,.yan,.alt{display:none}.sayfa-bas{background:none;color:#000}}

/* ---------- Medya: hero videosu, proje kartları, galeri, önce/sonra ---------- */
.hero__medya{position:absolute;inset:0;z-index:-1;background:#1d1d1d}
.hero__video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 40%}
.hero__medya::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(24 24 24/.25),rgb(24 24 24/.05) 60%),linear-gradient(0deg,rgb(24 24 24/.55),transparent 40%)}
.hero__yan{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-md);align-self:end;padding-bottom:var(--s-lg)}
.hero__proje{display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;background:rgb(255 255 255/.94);color:var(--ink);text-decoration:none;border-left:4px solid var(--accent);border-radius:var(--r-sm);box-shadow:var(--sh-2);max-width:22rem}
.hero__proje img{width:84px;height:64px;object-fit:cover;border-radius:2px}
.hero__proje span{display:grid;line-height:1.3}
.hero__proje small{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}
.hero__proje b{font-family:var(--f-display);font-weight:800;font-size:var(--t-md)}
.hero__proje i{font-style:normal;font-size:var(--t-sm);color:var(--muted)}
.hero__dur{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgb(255 255 255/.5);border-radius:50%;background:rgb(0 0 0/.25);color:#fff;cursor:pointer;flex:none}
@media (max-width:999.98px){.hero__ic{padding-bottom:0}.hero__yan{min-height:220px;padding-top:var(--s-lg)}}
.orta{text-align:center;margin-top:var(--s-xl)}
.ara-baslik{font-size:var(--t-2xl);margin:var(--s-3xl) 0 var(--s-lg)}

.pk-izgara{display:grid;gap:var(--s-md)}
@media (min-width:640px){.pk-izgara{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.pk-izgara{grid-template-columns:repeat(3,1fr)}}
.metin-kolon .pk-izgara{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.pk{display:flex;flex-direction:column;background:#fff;border:1px solid var(--rule);border-radius:var(--r-md);overflow:hidden;transition:box-shadow var(--base) var(--ease),transform var(--base) var(--ease)}
.pk:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}
.pk__gorsel{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--paper-3)}
.pk__gorsel img{width:100%;height:100%;object-fit:cover;transition:transform var(--slow) var(--ease)}
.pk:hover .pk__gorsel img{transform:scale(1.04)}
.pk__etiket{position:absolute;left:0;bottom:0;padding:6px 12px;background:var(--accent);color:#fff;font-size:var(--t-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pk__ic{padding:var(--s-md) var(--s-lg) var(--s-lg)}
.pk__konum{margin:0 0 4px;font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}
.pk h3{font-size:var(--t-xl);font-weight:800;margin-bottom:var(--s-sm)}
.pk h3 a{text-decoration:none}
.pk h3 a:hover{color:var(--accent-text)}
.pk__veri{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid var(--rule-2)}
.pk__veri div{padding-top:var(--s-sm)}
.pk__veri dt{font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pk__veri dd{margin:0;font:800 var(--t-md) var(--f-display)}

.galeri{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.galeri__oge{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--r-sm);background:var(--paper-3)}
.galeri__oge img{width:100%;height:100%;object-fit:cover;transition:transform var(--slow) var(--ease)}
.galeri__oge:hover img{transform:scale(1.04)}
.galeri__oge--ana{grid-column:1/-1;aspect-ratio:16/9}

.ob-bant{background:var(--ink);color:#fff;padding-block:var(--s-3xl)}
@media (min-width:960px){.ob-bant{padding-block:var(--s-4xl)}}
.ob-bant__ic{display:grid;gap:var(--s-xl);align-items:center}
@media (min-width:960px){.ob-bant__ic{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s-3xl)}}
.ob-bant h2{font-size:var(--t-3xl)}
.ob-bant__metin>p{color:var(--brand-muted)}
.ob-bant .metin-link{color:#fff;margin-right:var(--s-lg)}
.cb__ust--sol{display:flex}
.cb__ust--sol::after{display:none}
.ba{margin:0}
.ba__cerceve{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:var(--r-md);cursor:ew-resize;touch-action:pan-y;user-select:none;background:#222}
.ba__img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none}
.ba__once{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ba__tag{position:absolute;top:12px;padding:4px 10px;background:rgb(0 0 0/.6);color:#fff;font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ba__tag--l{left:12px}.ba__tag--r{right:12px;background:var(--accent)}
.ba__tutamak{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff}
.ba__tutamak span{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--accent);color:#fff;box-shadow:var(--sh-2)}
.ba figcaption{margin-top:var(--s-xs);font-size:var(--t-sm);color:var(--muted)}
.ob-bant .ba figcaption{color:var(--brand-muted)}
@media (prefers-reduced-motion:reduce){.hero__video{display:none}}