/* Layout: içerik adaada.org'dan, görsel dil broşürlerden — antrasit/kırmızı/taş paleti, kırmızı aralıklı üst başlıklar,
   iki tonlu manşetler, ince çizgiler, keskin köşeli paneller. Tek kurumsal görünüm (tema değişmez). */
:root{
  --ink:#242629; --ink-2:#4d5258; --mute:#686d73; --mute-on-ink:#8a8f95; --red:#c4362a; --red-d:#a92c21;
  --stone:#f4f1ec; --sand:#e2dbd1; --line:#d5cfc2; --paper:#ffffff; --on-ink:#c9ccd0; --ink-line:#3a3d41;
  --sans:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --wrap:1200px;
  --logo:url("/assets/logo.png?v=b4e34af7");
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--stone);color:var(--ink);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--ink)}
a{color:inherit}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.tracks :focus-visible,.deprem :focus-visible,.feature :focus-visible,.panel :focus-visible,.svc :focus-visible,.contact :focus-visible,footer :focus-visible{outline-color:#fff}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
@media (max-width:520px){.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}

.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.logo{display:block;width:58px;aspect-ratio:400/258;background:currentColor;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--red);margin:0 0 18px}
h1,h2,h3,h4{margin:0;text-wrap:balance;letter-spacing:-.025em}
h2{font-size:clamp(30px,4.2vw,46px);line-height:1.08;font-weight:800}
.soft{color:var(--mute)}
.dot{color:var(--red)}
.lead{font-size:18px;line-height:1.6;color:var(--ink-2);max-width:60ch;margin:22px 0 0}
section{padding-block:clamp(72px,10vw,120px)}
.btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:2px;font:700 14px var(--sans);text-decoration:none;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:var(--red-d)}
.btn-line{border:1px solid currentColor;color:inherit}
.btn-line:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.on-ink .btn-line:hover{background:#fff;color:var(--ink);border-color:#fff}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.arrow{transition:transform .2s;display:inline-block}
a:hover .arrow{transform:translateX(4px)}
.photo{position:relative;overflow:hidden;background:var(--sand)}
.photo img{width:100%;height:100%;object-fit:cover}

/* Header (açık) */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(244,241,236,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink);border-bottom:1px solid var(--line)}
body::before{background:var(--stone)!important}
.top .wrap{display:flex;align-items:center;gap:28px;height:72px}
.top nav{display:flex;align-items:center;gap:24px;margin-left:auto}
.top nav>a,.dd>a{font-size:14px;font-weight:600;color:var(--ink-2);text-decoration:none;padding-block:24px}
.top nav a:hover{color:var(--ink)}
.dd{position:relative}
.dd>a::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);margin-left:8px}
.dd-menu{position:absolute;top:100%;left:-20px;min-width:300px;background:var(--paper);color:var(--ink);padding:10px 0;box-shadow:0 18px 40px rgba(36,38,41,.14);border:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{opacity:1;visibility:visible;transform:none}
.dd-menu a{display:block;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;color:var(--ink)!important}
.dd-menu a:hover{background:var(--stone)}
.top-cta{display:flex;gap:8px}
.top .btn{height:40px;padding:0 16px;font-size:13px}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--ink);font:700 13px var(--sans);height:40px;padding:0 16px;border-radius:2px;cursor:pointer}
@media (max-width:1080px){
  .top nav,.top-cta{display:none}
  .menu-btn{display:block}
  .top.open nav{display:flex;flex-direction:column;align-items:stretch;gap:0;position:absolute;left:0;right:0;top:72px;max-height:calc(100vh - 72px);overflow:auto;background:var(--stone);padding:8px max(16px,env(safe-area-inset-left,0px)) 20px;border-bottom:1px solid var(--line)}
  .top.open nav>a,.top.open .dd>a{display:block;padding:14px 0;border-top:1px solid var(--line);font-size:16px}
  .top.open .dd>a::after{display:none}
  .top.open .dd-menu{position:static;opacity:1;visibility:visible;transform:none;background:none;box-shadow:none;border:0;padding:0 0 8px 16px;min-width:0}
  .top.open .dd-menu a{color:var(--ink-2)!important;padding:8px 0}
  .top.open .m-cta{display:flex;gap:8px;padding-top:16px}
}
.m-cta{display:none}

footer{background:var(--ink);color:var(--mute-on-ink);font-size:14px;position:relative;overflow:hidden}
.f-strip{list-style:none;margin:0;padding:28px 0;display:flex;flex-wrap:wrap;gap:12px 32px;border-bottom:1px solid var(--ink-line)}
.f-strip li{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--sand)}
.f-strip li::before{content:"";width:7px;height:7px;background:var(--red)}
.f-main{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:40px 32px;padding-block:56px}
.f-brand p{margin:18px 0 22px;color:var(--on-ink);line-height:1.6;max-width:34ch}
.f-brand .logo{color:#fff;width:64px}
.f-social{display:flex;gap:18px}
.f-social a{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--sand);text-decoration:none}
.f-social a:hover{color:#fff}
.f-col .fh{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--mute-on-ink);margin:6px 0 18px}
.f-col ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.f-col a{color:var(--on-ink);text-decoration:none}
.f-col a:hover{color:#fff}
.f-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-block:24px;border-top:1px solid var(--ink-line);font-size:12px}
.f-bottom nav{display:flex;gap:16px}
.f-bottom a{color:var(--on-ink);text-decoration:none}
.f-bottom a:hover{color:#fff}
.f-mark{display:block;font-size:clamp(96px,23vw,330px);font-weight:800;letter-spacing:-.06em;line-height:.78;color:#2d3034;text-align:center;margin:8px 0 -0.06em;user-select:none;white-space:nowrap}
@media (max-width:980px){.f-main{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}}
@media (max-width:480px){.f-main{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Alt sayfalar: yazı, hizmet/ilçe sayfası, iletişim, blog listesi. Header, footer ve temel tokenlar ana sayfadan gelir.
   Yazı tipi her yerde Plus Jakarta Sans (ana sayfayla aynı). Okuma zemini beyaz; ana sayfanın bej dili üst çubukta,
   noktalı başlık bandında, Kısaca kutusunda ve ilgili yazılar bandında sürer. */
:root{--measure:40rem;--rail:13.5rem;--gap:clamp(32px,4.5vw,64px);--text:#2b2d31}
body.read{background:var(--paper)}

/* Başlık bandı: ana sayfa hero'sunun bej, noktalı zemini; noktalar sağa doğru belirginleşir */
.p-head{background-color:var(--stone);background-image:linear-gradient(90deg,var(--stone) 38%,rgba(244,241,236,.45)),radial-gradient(rgba(36,38,41,.16) 1px,transparent 1.2px);
  background-size:auto,22px 22px;border-bottom:1px solid var(--line);padding-bottom:clamp(32px,4vw,48px)}
.ph-grid{display:grid;grid-template-columns:var(--rail) minmax(0,var(--measure)) minmax(0,1fr);column-gap:var(--gap);max-width:var(--wrap);margin:0 auto;
  padding:0 max(24px,env(safe-area-inset-right,0px)) 0 max(24px,env(safe-area-inset-left,0px))}
.ph-grid>*{grid-column:2 / 4}
.p-head .eyebrow{margin:0 0 14px}
.p-head:has(.cats){padding-bottom:0}
.cta-band :focus-visible{outline-color:#fff}
body.read footer{border-top:1px solid var(--ink-line)}

/* Konum çubuğu */
.crumbs{font-size:13px;color:var(--mute);padding-top:24px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px;margin:0;padding:0}
.crumbs li{max-width:100%}
.crumbs li+li::before{content:"/";margin-right:8px;color:var(--line)}
.crumbs a{text-decoration:none;color:var(--ink-2);display:inline-block;padding:12px 0;margin:-12px 0}
.crumbs a:hover{color:var(--red-d);text-decoration:underline}
.crumbs [aria-current]{display:inline-block;max-width:38ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}

/* Okuma ızgarası: sol içindekiler, orta metin */
.a-grid{display:grid;grid-template-columns:var(--rail) minmax(0,var(--measure)) minmax(0,1fr);column-gap:var(--gap);
  max-width:var(--wrap);margin:0 auto;padding:0 max(24px,env(safe-area-inset-right,0px)) clamp(56px,7vw,96px) max(24px,env(safe-area-inset-left,0px))}
.a-head{padding:clamp(28px,4vw,48px) 0 0}
.rail{grid-column:1;grid-row:1 / span 2;position:sticky;top:96px;align-self:start;padding-top:clamp(28px,4vw,44px)}
.a-body{grid-column:2;grid-row:2;min-width:0}

.a-head h1,.l-head h1{font-weight:800;font-size:clamp(32px,4.2vw,54px);line-height:1.08;letter-spacing:-.035em;max-width:24ch;color:var(--ink)}
.dek{font-size:clamp(17px,1.4vw,19px);line-height:1.65;color:var(--ink-2);max-width:40ch;margin:20px 0 0}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0}

/* Künye: yazının kimlik bilgisi */
.kunye{display:flex;flex-wrap:wrap;gap:14px 36px;margin:28px 0 0;padding:16px 0 0;border-top:1px solid var(--line);font:14px/1.45 var(--sans);max-width:var(--measure)}
.kunye div{min-width:0}
.kunye dt{font-size:13px;color:var(--mute)}
.kunye dd{margin:2px 0 0;color:var(--ink);font-weight:600}
.kunye dd a{color:inherit;text-decoration-color:var(--line);text-underline-offset:3px}
.kunye dd a:hover{text-decoration-color:var(--red)}
.kunye .wide{flex-basis:100%;order:9}
.a-body>:first-child{margin-top:clamp(28px,4vw,44px)}

/* Kapak */
.cover{margin:0 0 36px;aspect-ratio:16/9;background:var(--sand);overflow:hidden}
.cover img{display:block;width:100%;height:100%;object-fit:cover}

/* Kısaca */
.kisaca{background:var(--stone);border-top:3px solid var(--ink);padding:20px 24px 24px;margin-bottom:40px}
.kisaca h2{font:700 14px var(--sans);color:var(--red-d);margin:0 0 8px;letter-spacing:0}
.kisaca p,.kisaca li{font-size:18px;line-height:1.65;font-weight:500;color:var(--ink)}
.kisaca p{margin:0}
.kisaca p+p,.kisaca p+ul{margin-top:12px}
.kisaca ul{margin:12px 0 0;padding-left:1.1em}
.kisaca li{font-size:18px;margin-bottom:6px}

/* Sol sütun */
.rail-h{font:700 13px var(--sans);color:var(--ink);margin:0 0 10px}
.rail ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line);font:13.5px/1.45 var(--sans)}
.rail ol a{display:block;padding:6px 0 6px 14px;margin-left:-1px;border-left:2px solid transparent;color:var(--ink-2);text-decoration:none}
.rail ol a:hover{color:var(--ink)}
.rail ol a[aria-current]{border-left-color:var(--red);color:var(--ink);font-weight:600}
.ask{margin-top:32px;padding-top:18px;border-top:1px solid var(--line);font:13.5px/1.5 var(--sans)}
.ask b{display:block;color:var(--ink);font-size:14px}
.ask p{margin:6px 0 12px;color:var(--ink-2)}
.ask a{display:block;font-weight:700;color:var(--ink);text-decoration:none;padding:4px 0}
.ask a:first-of-type{color:var(--red-d)}
.ask a:hover{text-decoration:underline}

/* Mobil içindekiler */
.toc-m{display:none;border:1px solid var(--line);margin:0 0 32px;font:15px/1.45 var(--sans)}
.toc-m summary{cursor:pointer;padding:14px 16px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}
.toc-m summary::-webkit-details-marker{display:none}
.toc-m summary span{font-weight:500;color:var(--mute)}
.toc-m ol{margin:0;padding:4px 16px 16px 36px;border-top:1px solid var(--line)}
.toc-m li{padding:0}
.toc-m a{display:block;padding:10px 0;color:var(--ink-2)}

/* Metin */
.prose{font-size:18px;line-height:1.7;color:var(--text);overflow-wrap:break-word}
.prose>:first-child{margin-top:0}
.prose h2{font-weight:800;font-size:clamp(24px,2.4vw,31px);line-height:1.2;letter-spacing:-.03em;color:var(--ink);
  margin:2em 0 .6em;scroll-margin-top:96px}
.prose h3{font:700 21px/1.3 var(--sans);letter-spacing:-.015em;color:var(--ink);margin:1.8em 0 .5em;scroll-margin-top:96px}
.prose h4{font:700 16px var(--sans);margin:1.5em 0 .4em}
.prose p{margin:0 0 1.05em}
.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.25em}
.prose li{margin-bottom:.45em;padding-left:.2em}
.prose li::marker{color:var(--mute)}
.prose ol>li::marker{font:600 .85em var(--sans);color:var(--ink-2)}
.prose a{color:inherit;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:1.5px;text-underline-offset:3px}
.prose a:hover{color:var(--red-d)}
.prose strong{font-weight:700;color:var(--ink)}
.prose img{display:block;margin:2em 0;height:auto;width:100%;background:var(--sand)}
.prose figure{margin:2em 0}
.prose figcaption{font:13px var(--sans);color:var(--mute);margin-top:-1.4em}
.prose blockquote{margin:1.6em 0;padding:0 0 0 22px;border-left:3px solid var(--ink);color:var(--ink-2);font-style:italic}
.prose .tbl{overflow-x:auto;margin:1.6em 0 1.8em;-webkit-overflow-scrolling:touch}
.prose table{border-collapse:collapse;width:100%;font:15px/1.5 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums}
.prose th,.prose td{padding:11px 14px 11px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.prose thead th{font-weight:700;border-bottom:2px solid var(--ink);padding-top:0}
.prose tbody th{font-weight:700;width:30%}
.prose td:last-child,.prose th:last-child{padding-right:0}
.prose .note{font:14px/1.6 var(--sans);color:var(--ink-2);border-top:1px solid var(--line);padding-top:16px;margin-top:2.2em}
.prose iframe{display:block;width:100%;aspect-ratio:16/10;border:0;margin:1.6em 0;background:var(--sand)}

/* SSS */
.faq{margin-top:56px}
.faq h2,.sources h2{font:700 15px var(--sans);color:var(--ink);letter-spacing:0;margin:0 0 6px}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-of-type{border-top:2px solid var(--ink)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:18px 0;
  font:700 17px/1.45 var(--sans);color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 24px/1 var(--sans);color:var(--red)}
.faq details[open] summary::after{content:"−"}
.faq details>div{font:16px/1.75 var(--sans);color:var(--text);padding:0 40px 18px 0}
.faq details>div p{margin:0 0 10px}

/* Kaynaklar ve yazar */
.sources{margin-top:48px;font:14px/1.55 var(--sans);color:var(--ink-2)}
.sources ol{padding-left:22px;margin:10px 0 0}
.sources li{margin-bottom:6px;padding-left:4px}
.sources li::marker{color:var(--mute)}
.sources a{color:var(--ink-2);text-underline-offset:3px;text-decoration-color:var(--mute);word-break:break-word}
.sources a:hover{color:var(--ink);text-decoration-color:var(--red)}
.author{display:flex;gap:16px;align-items:center;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font:14px/1.5 var(--sans)}
.author .av{flex:none;width:52px;height:52px;background:var(--ink);color:#fff;display:grid;place-items:center;font:800 20px var(--sans)}
.author b{font:700 16px var(--sans)}
.author b a{color:var(--ink);text-decoration:none}
.author p{margin:2px 0 0;color:var(--ink-2)}
.author p a{color:var(--ink-2)}

/* Yazı listesi */
.l-head{padding-top:clamp(28px,4vw,48px)}
.l-head .ctas{margin-top:28px}
.l-head .lead{font-size:18px;color:var(--ink-2);max-width:48ch}
.l-links a{font:700 14px var(--sans);color:var(--red-d)}
.cats{display:flex;flex-wrap:wrap;gap:4px 20px;margin:32px 0 0;padding-bottom:0;font:600 13.5px var(--sans)}
.cats a{color:var(--ink-2);text-decoration:none;padding:10px 0 12px;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.cats a span{color:var(--mute);font-weight:500;margin-left:2px}
.cats a:hover{color:var(--ink)}
.cats a[aria-current]{color:var(--ink);border-bottom-color:var(--red)}
.list{padding-block:8px clamp(56px,7vw,96px)}
.l-count{font:700 15px var(--sans);margin:32px 0 0}
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);transition:border-color .2s}
.card:hover{border-color:var(--ink)}
.card .ph{display:block;aspect-ratio:16/10;background:var(--sand);overflow:hidden}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.card:hover .ph img{transform:scale(1.035)}
.card .tx{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.card .cat{font:700 12.5px var(--sans);color:var(--red-d);text-decoration:none}
.card .cat:hover{text-decoration:underline}
.card h2,.card h3{font:700 18px/1.35 var(--sans);letter-spacing:-.015em;margin:0}
.card h2 a,.card h3 a{color:var(--ink);text-decoration:none}
.card h2 a::after,.card h3 a::after{content:"";position:absolute;inset:0}
.card{position:relative}
.card .cat{position:relative;z-index:1;align-self:flex-start}
.card p{margin:0;font:14px/1.6 var(--sans);color:var(--ink-2)}
.card time{font:13px var(--sans);color:var(--mute);margin-top:auto;padding-top:6px}
.list .cards{margin-top:32px}
.related{background:var(--stone);padding-block:clamp(48px,6vw,72px)}
.related h2{font:800 clamp(24px,2.6vw,32px) var(--sans);letter-spacing:-.03em;margin-bottom:28px}

/* Hizmet dizini (hub sayfaları) */
.hub{grid-column:2 / 4;grid-row:1;margin-top:clamp(36px,5vw,56px)}
.hub h2{font:700 15px var(--sans);margin:0 0 4px}
.hub ul{list-style:none;margin:0 0 36px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap);border-top:2px solid var(--ink)}
.hub li{border-bottom:1px solid var(--line)}
.hub a{display:block;padding:16px 0 18px;text-decoration:none;color:var(--ink)}
.hub b{display:block;font:700 18px/1.35 var(--sans);letter-spacing:-.015em}
.hub small{display:block;font:14px/1.5 var(--sans);color:var(--ink-2);margin-top:4px}
.hub a:hover b{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:1.5px;text-underline-offset:4px}
.hub .places{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}
.hub .places a{padding:12px 0;font:600 16px var(--sans)}

/* İletişim */
.contact{grid-column:2 / 4;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--gap);margin-top:clamp(32px,4vw,48px);border-top:2px solid var(--ink)}
.contact dl{margin:0}
.contact dl div{padding:16px 0 18px;border-bottom:1px solid var(--line)}
.contact dt{font:13px var(--sans);color:var(--mute)}
.contact dd{margin:4px 0 0;font:700 clamp(19px,1.8vw,24px)/1.3 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.contact dd a{color:inherit;text-decoration:none;display:inline-block;padding:8px 0;margin:-8px 0}
.contact dd a:hover{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}
.contact dl div:first-child dd{font-size:clamp(18px,1.6vw,21px);line-height:1.4}
.contact dd small{display:block;font:14px/1.5 var(--sans);color:var(--ink-2);margin-top:2px}
.contact .map{padding-top:18px}
.teklif{grid-column:1 / -1;padding:20px 0 32px;border-bottom:1px solid var(--line)}
.teklif h2{font:800 clamp(22px,2.2vw,28px)/1.2 var(--sans);letter-spacing:-.02em;margin:0}
.teklif>p{font:15px/1.55 var(--sans);color:var(--ink-2);margin:6px 0 18px;max-width:var(--measure)}
.teklif form{display:grid;gap:14px;max-width:46rem}
.teklif .f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.teklif label{display:grid;gap:6px;font:600 14px var(--sans);color:var(--ink)}
.teklif label small{font-weight:400;color:var(--mute)}
.teklif input,.teklif select,.teklif textarea{font:16px var(--sans);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:2px;padding:12px 14px;width:100%;box-sizing:border-box}
.teklif textarea{resize:vertical;min-height:120px}
.teklif input:focus,.teklif select:focus,.teklif textarea:focus{outline:2px solid var(--red);outline-offset:1px;border-color:var(--red)}
.teklif .onay{display:flex;gap:10px;align-items:flex-start;font:400 14px/1.5 var(--sans);color:var(--ink-2)}
.teklif .onay input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--red)}
.teklif .onay a{color:var(--red-d)}
.teklif button{justify-self:start;border:0;cursor:pointer}
.teklif .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact iframe{display:block;width:100%;height:100%;min-height:360px;border:0;background:var(--sand)}

/* Kapanış bandı */
.cta-band{background:var(--ink);color:#fff;padding-block:clamp(56px,7vw,88px)}
.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.cta-band h2{font:800 clamp(26px,3.4vw,38px)/1.15 var(--sans);letter-spacing:-.03em;max-width:22ch}
.cta-band p{color:var(--on-ink);margin:12px 0 0;max-width:52ch}
.cta-band .ctas{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.cta-band .btn-line:hover{background:#fff;color:var(--ink);border-color:#fff}

/* Eski içerikte kalan hizmet ızgarası */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 var(--gap);margin:24px 0 32px;border-top:1px solid var(--line)}
.svc-grid>div{border-bottom:1px solid var(--line);padding:16px 0}
.svc-grid h3{font:700 16px var(--sans);margin:0 0 6px}
.svc-grid p{margin:0;font:15px/1.55 var(--sans);color:var(--ink-2)}

/* İstanbul hizmet haritası (ana sayfadaki haritanın iç sayfa kopyası; SVG ve liste olustur.py'de ana sayfadan okunur) */
.dmap{grid-column:2 / 4;grid-row:1;margin-top:clamp(36px,5vw,56px);border-top:2px solid var(--ink);padding-top:20px}
.dmap h2{font:700 15px var(--sans);margin:0}
.mapimg{position:relative;margin-top:12px}
.ist-map{display:block;width:100%;height:auto}
.ist-map path{stroke:var(--stone);stroke-width:.9;stroke-linejoin:round}
.ist-map .land{fill:var(--sand)}
.ist-map .on,.ist-map .hq{fill:var(--ink);transition:fill .2s}
.ist-map .hq{fill:var(--red)}
.ist-map a{cursor:pointer;outline:none}
.ist-map a:hover .on,.ist-map a:focus-visible .on{fill:var(--red)}
.ist-map a:hover .hq,.ist-map a:focus-visible .hq{fill:var(--red-d)}
.ist-map a:focus-visible path{stroke:var(--ink);stroke-width:2.5}
.map-tip{position:absolute;left:0;top:0;transform:translate(-50%,calc(-100% - 12px));background:var(--ink);color:#fff;font:700 13px/1 var(--sans);padding:7px 10px;border-radius:2px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s}
.map-tip.on{opacity:1}
.map-note{margin:10px 0 0;font:14px/1.5 var(--sans);color:var(--mute)}

@media (max-width:1080px){
  .a-grid{grid-template-columns:minmax(0,1fr);padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
  .ph-grid{grid-template-columns:minmax(0,1fr);padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
  .ph-grid>*{grid-column:1}
  .a-body,.hub,.contact,.dmap{grid-column:1;grid-row:auto}
  .a-body{grid-row:auto}
  .rail{display:none}
  .toc-m{display:block}
  .a-head h1,.l-head h1{max-width:none}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .teklif .f2{grid-template-columns:minmax(0,1fr)}
  .teklif button{justify-self:stretch;justify-content:center}
  .prose{font-size:18px;line-height:1.68}
  .prose h3{font-size:20px}
  .acts .btn{flex:1 1 100%;justify-content:center}
  .kisaca p{font-size:19px}
  .hub ul,.contact,.cards{grid-template-columns:minmax(0,1fr)}
  .contact iframe{min-height:280px}
  .kunye{gap:12px 24px}
  .crumbs [aria-current]{max-width:22ch}
  .faq details>div{padding-right:0}
  .cats{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .cats::-webkit-scrollbar{display:none}
}
@media (max-width:520px){  /* ana sayfadaki .wrap ile aynı kenar boşluğu */
  .a-grid,.ph-grid{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.top,footer,.rail,.toc-m,.cta-band,.related,.crumbs{display:none}.p-head{background:none}.prose{font-size:12pt}}