/* King — gece apartman kapısı, sodyum lambası, pim ve anahtar */
:root{
  --gece:#10141a;
  --celik:#1b222b;
  --celik2:#2a333f;
  --siva:#ece7dc;
  --siva2:#ddd6c6;
  --ink:#14181e;
  --soluk:#434b55;
  --soluk-koyu:#b9c0c9;
  --sodyum:#ffa31a;
  --zil:#e0513c;
  --baslik:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Narrow",sans-serif;
  --govde:Corbel,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --mono:"OCR A Extended","OCR A Std",ui-monospace,"Courier New",monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5rem;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--siva);color:var(--ink);font-family:var(--govde);font-size:1.0625rem;line-height:1.6;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.ust :focus-visible,.hero :focus-visible,.detay :focus-visible,.neden :focus-visible,.mahalle :focus-visible,.iletisim :focus-visible,.alt :focus-visible,.plaka :focus-visible{outline-color:var(--sodyum)}

.atla{position:absolute;left:-999px;top:0;background:var(--sodyum);color:var(--ink);padding:.6rem 1rem;z-index:100}
.atla:focus{left:0}

.kap{width:min(100% - 2.5rem,1180px);margin-inline:auto}
.kap.dar{max-width:820px}
.etiket{font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem}
h1,h2{font-family:var(--baslik);font-weight:400;text-transform:uppercase;letter-spacing:.012em;line-height:1}
h1{font-size:clamp(2.4rem,6vw,5rem)}
h2{font-size:clamp(2rem,4.6vw,3.6rem);margin-bottom:1.5rem}
h3{font-family:var(--govde);font-weight:700;font-size:1.3rem;line-height:1.25}
section{padding-block:clamp(3.5rem,8vw,6.5rem)}
section p+p{margin-top:1rem}

/* butonlar */
.dugme{display:inline-block;background:var(--sodyum);color:var(--ink);font-weight:700;text-decoration:none;padding:.85rem 1.5rem;border:2px solid var(--sodyum);border-radius:3px;font-family:var(--govde);font-size:1rem;line-height:1.2;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.dugme:hover{background:#ffbb55;border-color:#ffbb55}
.dugme-ikinci{background:transparent;color:inherit;border-color:currentColor}
.dugme-ikinci:hover{background:var(--siva);color:var(--ink);border-color:var(--siva)}
.dugme-koyu{background:var(--ink);color:var(--siva);border-color:var(--ink)}
.dugme-koyu:hover{background:var(--celik2);border-color:var(--celik2)}
.dugmeler{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.yazi-link{font-weight:700;text-decoration-thickness:2px;text-underline-offset:.25em}
.yazi-link::after{content:" →"}

/* üst bar */
.ust{position:sticky;top:0;z-index:50;background:var(--gece);color:var(--siva);border-bottom:2px solid var(--sodyum)}
.ust-ic{width:min(100% - 2rem,1280px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem}
.marka{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--sodyum)}
.marka-ad{font-family:var(--baslik);font-size:1.7rem;letter-spacing:.08em;color:var(--siva)}
.nav{display:flex;align-items:center;gap:1.4rem}
.nav ul{display:flex;gap:1.3rem;flex-wrap:wrap}
.nav a:not(.dugme){text-decoration:none;font-size:.97rem;padding:.3rem 0;border-bottom:2px solid transparent}
.nav a:not(.dugme):hover{border-bottom-color:var(--sodyum)}
.nav-dugme{padding:.6rem 1.1rem}
.menu-dugme{display:none;background:none;color:var(--siva);border:2px solid var(--soluk-koyu);border-radius:3px;padding:.5rem .8rem;font:inherit;align-items:center;gap:.6rem;cursor:pointer}
.menu-cizgi,.menu-cizgi::before{display:block;width:18px;height:2px;background:currentColor;position:relative}
.menu-cizgi::before{content:"";position:absolute;top:-6px;left:0}
@media (max-width:980px){
  .nav{flex-wrap:wrap;justify-content:flex-end;gap:.8rem}
  .nav ul{gap:.9rem}
  .js .menu-dugme{display:inline-flex}
  .js .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--gece);flex-direction:column;align-items:stretch;padding:1rem 1.25rem 1.5rem;border-bottom:2px solid var(--sodyum)}
  .js .nav.acik-menu{display:flex}
  .js .nav ul{flex-direction:column;gap:0}
  .js .nav ul a{display:block;padding:.8rem 0;border-bottom:1px solid var(--celik2)}
  .js .nav-dugme{text-align:center;margin-top:.8rem}
}
@media (max-width:980px){:not(.js) .ust-ic{flex-wrap:wrap;padding-block:.6rem}}

/* hero */
.hero{background:var(--gece);color:var(--siva);position:relative;overflow:hidden;padding-block:clamp(2.5rem,6vw,5rem)}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle 420px at var(--mx,78%) var(--my,18%),rgba(255,163,26,.24),transparent 70%);pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.035) 79px 80px);pointer-events:none}
.hero-ic{position:relative;z-index:1;width:min(100% - 2.5rem,1280px);margin-inline:auto;display:grid;gap:2.5rem;align-items:center}
.hero .etiket{color:var(--sodyum)}
.hero-lead{font-size:1.15rem;max-width:34rem;margin-top:1.4rem;color:#e3e0d8}
.hero-foto{border:2px solid var(--celik2);box-shadow:12px 12px 0 var(--celik2)}
.hero-foto img{width:100%}
.kilit-kutu{margin-top:2.2rem;max-width:460px}
.kilit-not{font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;color:var(--sodyum);margin-top:.7rem}
@media (min-width:960px){
  .hero-ic{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:4rem}
  .kilit-kutu{margin-top:-4.5rem;position:relative;margin-left:-3rem}
}

/* kilit sahnesi */
.kilit{--S:90px;position:relative;height:232px;padding-left:76px;background:var(--celik);border:2px solid var(--celik2);border-radius:6px;overflow:hidden;touch-action:pan-y}
.kilit-g{position:relative;height:100%;background:#171d25}
.kilit-g::before{content:"";position:absolute;left:0;right:0;top:var(--S);bottom:0;background:#232c37}
.et{position:absolute;right:8px;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#7f8b99}
.et-ust{top:6px}
.et-alt{bottom:6px}
.pimler{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);z-index:1}
.pim{position:relative}
.pim::before{content:"";position:absolute;left:50%;margin-left:-17px;width:34px;top:0;bottom:30px;background:#0a0d11;border-radius:0 0 6px 6px}
.stak{position:absolute;left:50%;margin-left:-14px;width:28px;top:calc(var(--S) - 80px);display:flex;flex-direction:column;transform:translateY(calc(var(--d) * (1 - var(--p,1)) * 1px))}
.sur{display:block;height:80px;background:linear-gradient(90deg,#6f7b89,#aab4c0 45%,#6f7b89);border-radius:3px 3px 0 0}
.an{display:block;height:calc(var(--h) * 1px);background:linear-gradient(90deg,#d97f00,var(--sodyum) 45%,#d97f00);border-radius:0 0 14px 14px}
.kesme{position:absolute;left:0;right:0;top:var(--S);height:0;border-top:2px dashed var(--soluk-koyu);z-index:3;transition:border-color .3s,box-shadow .3s}
.kilit.acik .kesme{border-top-color:var(--sodyum);box-shadow:0 0 14px 2px rgba(255,163,26,.6)}
.anahtar{position:absolute;left:0;width:100%;top:110px;height:122px;z-index:2;transform:translateX(calc((var(--t,1) - 1) * 100%))}
.bicak{position:absolute;inset:0;background:linear-gradient(#d6dce3,#a0a9b3 55%,#7c8691);clip-path:polygon(0 30px,6% 30px,14% 30px,26% 15px,34% 15px,46% 40px,54% 40px,66% 10px,74% 10px,86% 25px,94% 25px,100% 25px,100% 100%,0 100%)}
.kulp{position:absolute;left:-72px;top:26px;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,var(--celik) 0 13px,transparent 14px),linear-gradient(135deg,#d6dce3,#8a95a3)}

/* hikâye */
.hikaye{background:var(--siva)}
.iki{display:grid;gap:2.5rem;align-items:center}
.hikaye-foto img,.surec-foto img{width:100%;border:2px solid var(--ink)}
.hikaye-foto{position:relative}
.hikaye-foto::after{content:"";position:absolute;inset:auto -10px -10px auto;width:40%;height:40%;border-right:6px solid var(--sodyum);border-bottom:6px solid var(--sodyum);pointer-events:none}
.hikaye-metin p:not(.etiket){max-width:34rem}
@media (min-width:900px){.iki{grid-template-columns:1fr 1fr;gap:4.5rem}}

/* hizmetler */
.hizmetler{background:var(--siva2);counter-reset:hz}
.hizmetler article{counter-increment:hz;display:grid;gap:1rem;border-top:2px solid var(--ink);padding-block:1.8rem;position:relative}
.hizmetler article h3{font-size:1.45rem;max-width:22rem}
.hizmetler article h3::before{content:"0" counter(hz);display:block;font-family:var(--baslik);font-size:2.6rem;line-height:1;color:var(--sodyum);-webkit-text-stroke:1.5px var(--ink);margin-bottom:.5rem}
.hizmetler article p{max-width:38rem}
.alt-fiyat{font-family:var(--mono);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;margin-block:.9rem .6rem!important}
.hizmetler article:last-of-type{border-bottom:2px solid var(--ink)}
@media (min-width:900px){.hizmetler article{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:3rem}}
.cta-satir{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;margin-top:2.5rem;padding:1.4rem 1.6rem;background:var(--siva);border:2px solid var(--ink);border-left:10px solid var(--sodyum)}
.cta-satir p{font-size:1.15rem;font-weight:700;max-width:34rem;margin:0}
.surec .cta-satir{margin-top:3rem;background:var(--siva2)}

/* detay */
.detay{background:var(--gece);color:var(--siva)}
.detay .etiket{color:var(--sodyum)}
.detay-izgara{display:grid;gap:2rem}
.detay figure img{width:100%;border:2px solid var(--celik2)}
.detay-metin p:not(.etiket){color:#e3e0d8;max-width:34rem}
@media (min-width:900px){
  .detay-izgara{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem 4.5rem;align-items:start}
  .detay-bir{grid-row:1 / span 2}
  .detay-metin{align-self:end}
  .detay-iki{max-width:80%;justify-self:end;margin-top:1rem}
  .detay-iki img{box-shadow:-10px 10px 0 var(--celik2)}
}

/* fiyatlar */
.sayfa-acik{background:var(--siva)}
.giris{max-width:40rem;margin-bottom:2.2rem}
.plakalar{display:grid;gap:1.5rem}
.plaka{--px:50%;--py:0%;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:2.2rem 1.7rem 1.8rem;color:var(--siva);border-radius:4px;border:2px solid var(--ink);
  background:
   radial-gradient(circle at 14px 14px,#6a7684 3px,transparent 4px),
   radial-gradient(circle at calc(100% - 14px) 14px,#6a7684 3px,transparent 4px),
   radial-gradient(circle at 14px calc(100% - 14px),#6a7684 3px,transparent 4px),
   radial-gradient(circle at calc(100% - 14px) calc(100% - 14px),#6a7684 3px,transparent 4px),
   radial-gradient(circle 240px at var(--px) var(--py),rgba(255,163,26,.2),transparent 70%),
   var(--celik)}
.plaka h3{font-size:1.5rem;margin:0}
.plaka p{margin:0!important}
.plaka .dugme{margin-top:auto}
.fiyat{font-family:var(--mono);font-size:.95rem;letter-spacing:.04em;color:var(--soluk-koyu)}
.fiyat span{display:block;font-family:var(--baslik);font-size:2.6rem;letter-spacing:.02em;color:var(--sodyum);line-height:1.05}
.one-cikan{border-top:10px solid var(--sodyum)}
.not{margin-top:2rem;max-width:44rem}
@media (min-width:900px){.plakalar{grid-template-columns:repeat(3,1fr)}.one-cikan{transform:translateY(-12px)}}

/* neden */
.neden{background:var(--celik);color:var(--siva)}
.neden .etiket{color:var(--sodyum)}
.neden-izgara{display:grid;gap:0}
.neden-izgara div{padding:1.6rem 0;border-top:1px solid #4a5562}
.neden-izgara h3{color:var(--sodyum);margin-bottom:.5rem}
.neden-izgara p{color:#e3e0d8;max-width:28rem}
@media (min-width:760px){.neden-izgara{grid-template-columns:1fr 1fr;column-gap:4rem}}

/* süreç */
.surec{background:var(--siva)}
.surec ol{counter-reset:ad;margin-top:1rem}
.surec li{counter-increment:ad;position:relative;padding:1.1rem 0 1.1rem 4rem;border-top:2px solid var(--ink);max-width:36rem}
.surec li:last-child{border-bottom:2px solid var(--ink)}
.surec li::before{content:counter(ad);position:absolute;left:0;top:.7rem;font-family:var(--baslik);font-size:2.4rem;line-height:1;color:var(--sodyum);-webkit-text-stroke:1.5px var(--ink)}
.surec li strong{display:block;font-size:1.15rem}
.surec .iki{margin-bottom:0}

/* mahalle */
.mahalle{position:relative;background:var(--gece);color:var(--siva);min-height:30rem;display:flex;align-items:flex-end;overflow:hidden;padding-block:clamp(3rem,7vw,5rem)}
.mahalle>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mahalle::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(16,20,26,.94) 5%,rgba(16,20,26,.55) 55%,rgba(16,20,26,.15));z-index:1}
.mahalle .kap{position:relative;z-index:2}
.mahalle-metin{max-width:36rem}
.mahalle-metin p{margin-bottom:1.5rem}

/* sss */
.sss{background:var(--siva2)}
.sss details{border-top:2px solid var(--ink)}
.sss details:last-of-type{border-bottom:2px solid var(--ink)}
.sss summary{list-style:none;cursor:pointer;font-weight:700;font-size:1.12rem;padding:1.1rem 2.5rem 1.1rem 0;position:relative}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";position:absolute;right:.2rem;top:.6rem;font-family:var(--baslik);font-size:1.8rem;line-height:1.2}
.sss details[open] summary::after{content:"–"}
.sss details p{padding-bottom:1.3rem;max-width:40rem}

/* iletişim */
.iletisim{background:var(--gece);color:var(--siva)}
.iletisim .etiket{color:var(--sodyum)}
.iletisim-metin p:not(.etiket){color:#e3e0d8;max-width:30rem}
.iletisim .iki{align-items:start}
.form{background:var(--celik);border:2px solid var(--celik2);border-top:8px solid var(--sodyum);padding:1.8rem;border-radius:4px}
.form p{margin:0 0 1.1rem!important}
.form label{display:block;font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem;color:var(--soluk-koyu)}
.form input,.form textarea{width:100%;font:inherit;font-size:1rem;color:var(--siva);background:#0b0e12;border:2px solid #5b6674;border-radius:3px;padding:.75rem .85rem}
.form input:focus-visible,.form textarea:focus-visible{outline:3px solid var(--sodyum);outline-offset:2px;border-color:var(--sodyum)}
.form textarea{resize:vertical;min-height:8rem}
.form .dugme{width:100%;font-size:1.05rem}

/* alt */
.alt{background:#0a0d11;color:var(--soluk-koyu);padding-block:2.5rem}
.alt-ic{display:grid;gap:1.8rem}
.alt-marka{font-family:var(--baslik);font-size:2rem;letter-spacing:.1em;color:var(--siva);margin-bottom:.3rem}
.alt ul{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem}
.alt a{color:var(--siva);text-underline-offset:.25em}
.alt a:hover{color:var(--sodyum)}
@media (min-width:760px){.alt-ic{grid-template-columns:1fr auto;align-items:end}}

@media (max-width:480px){
  body{font-size:1rem}
  .kap{width:min(100% - 2rem,1180px)}
  .kilit{height:232px}
  .form{padding:1.3rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* inner pages */
/* İç sayfalar: yalnızca pg- önekli yeni kurallar */
.hero.pg-hero{padding-block:clamp(2.2rem,5vw,3.8rem)}
.pg-hero-ic{position:relative;z-index:1}
.pg-hero h1{font-size:clamp(2.1rem,5vw,3.6rem);max-width:24ch}
.pg-hero .hero-lead{max-width:40rem}

.pg-liste{margin-block:1.4rem}
.pg-liste li{position:relative;max-width:40rem;padding:.9rem 0 .9rem 1.7rem;border-top:2px solid var(--ink)}
.pg-liste li:last-child{border-bottom:2px solid var(--ink)}
.pg-liste li::before{content:"";position:absolute;left:0;top:1.4rem;width:.7rem;height:.7rem;background:var(--sodyum);border:2px solid var(--ink)}

.pg-sozler .pg-liste,.pg-yol .pg-liste{margin-block:1.4rem 1.6rem}

.pg-kapanis-ic{max-width:42rem}
.pg-kapanis-ic p:not(.etiket){color:#e3e0d8}
.pg-kapanis .dugmeler{align-items:center;gap:.8rem 1.6rem}

@media (max-width:480px){
  .pg-liste li{padding-left:1.5rem}
  .pg-hero h1{max-width:none}
}

.wpf-legal { padding: clamp(3rem, 8vw, 7rem) clamp(1.25rem, 4vw, 2rem); }
.wpf-legal .wpf-legal__inner { max-width: 72ch; margin: 0 auto; }
.wpf-legal .wpf-legal__inner h1 { font-size: clamp(2rem, 4.5vw, 3.2rem); line-height: 1.1; margin: .2em 0 .8em; }
.wpf-legal .wpf-legal__inner h2 { font-size: clamp(1.2rem, 2.2vw, 1.5rem); line-height: 1.25; margin: 2.2em 0 .6em; }
.wpf-legal .wpf-legal__inner p, .wpf-legal .wpf-legal__inner li { line-height: 1.75; max-width: none; }
.wpf-legal .wpf-legal__inner ul { padding-left: 1.2em; margin: 0 0 1em; }
.wpf-legal .wpf-legal__inner li { margin: .35em 0; list-style: disc; }
.wpf-legal .wpf-legal__inner a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }
.wpf-legal .wpf-legal__meta { font-size: .875rem; opacity: .7; margin: 0; }
.wpf-legal .wpf-legal__table { overflow-x: auto; margin: 1em 0 1.5em; }
.wpf-legal table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.wpf-legal th, .wpf-legal td { text-align: left; vertical-align: top; padding: .7em .8em; border-bottom: 1px solid rgba(127,127,127,.3); }
.wpf-legal code { font-size: .85em; word-break: break-word; }
.wpf-legal-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.4rem; grid-column: 1 / -1;
  width: 100%; box-sizing: border-box; padding: 1.1rem clamp(1.25rem, 4vw, 2rem) 0; font-size: .875rem; }
.wpf-legal-links a { color: inherit; opacity: .85; text-decoration: underline; text-underline-offset: .15em; }
.wpf-legal-links a:hover, .wpf-legal-links a:focus-visible { opacity: 1; }

.wpf-consent { position: fixed; z-index: 99998; left: 16px; right: 16px; bottom: 16px; max-width: 27rem; box-sizing: border-box;
  padding: 20px 22px; border-radius: 14px; border: 1px solid rgba(127,127,127,.28); box-shadow: 0 14px 44px rgba(0,0,0,.24);
  font-size: 15px; line-height: 1.55; text-align: left; }
.wpf-consent[hidden] { display: none; }
.wpf-consent .wpf-consent__title { margin: 0 0 6px; font-weight: 700; font-size: 1.05em; }
.wpf-consent .wpf-consent__text { margin: 0 0 16px; max-width: none; }
.wpf-consent .wpf-consent__text a { color: inherit; text-decoration: underline; }
.wpf-consent .wpf-consent__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.wpf-consent .wpf-consent__actions button { cursor: pointer; margin: 0; width: auto; }
.wpf-consent .wpf-consent__primary, .wpf-consent .wpf-consent__secondary { font: inherit; font-weight: 600; padding: 10px 18px; border-radius: 8px; }
.wpf-consent .wpf-consent__primary { background: #1c1b19; color: #fff; border: 1px solid #1c1b19; }
.wpf-consent .wpf-consent__secondary { background: transparent; color: inherit; border: 1px solid currentColor; }
.wpf-consent button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }