/* Centilmen İnşaat · ortak stil
   Kural: önce çizgi, sonra yapı, en son bilgi. */

:root{
  --bazalt:#14171C;
  --bazalt-panel:#1C2026;
  --bazalt-cizgi:#2B3038;
  --kirectasi:#ECE6DA;
  --kirectasi-2:#E2DACB;
  --murekkep:#1A1D21;
  --ikincil:#8E8B84;          /* koyu zeminde: 5.2:1 */
  --ikincil-acik:#635F59;     /* açık zeminde: 5.1:1 */
  --cizgi-koyu:rgba(236,230,218,.16);
  --cizgi-acik:rgba(26,29,33,.18);
  --sinir-koyu:rgba(236,230,218,.42);   /* etkileşimli kenarlar, 3:1 üstü */
  --sinir-acik:rgba(26,29,33,.55);
  --kirmizi:#D3141C;
  --kirmizi-hover:#B01017;

  --f-baslik:"Archivo",system-ui,sans-serif;
  --f-govde:"Hanken Grotesk",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,monospace;

  --vinc:cubic-bezier(.7,0,.2,1);      /* ağır, vinç gibi */
  --panel:cubic-bezier(.2,.7,.1,1);    /* yumuşak açılış */

  --pad:clamp(16px,4vw,64px);
  --maks:1680px;
  --nav-h:72px;
  --tshadow:0 1px 2px rgba(5,6,10,.95),0 3px 12px rgba(5,6,10,.78),0 10px 44px rgba(5,6,10,.8);
}

/* ---------- temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;overflow-x:clip;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 16px)}
body{overflow-x:hidden;overflow-x:clip;margin:0;background:var(--bazalt);color:var(--kirectasi);font-family:var(--f-govde);font-size:clamp(16px,1.05vw + 8px,19px);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{opacity:0;animation:sayfa-gir .9s var(--panel) .05s forwards}
@keyframes sayfa-gir{to{opacity:1}}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,h4,p,ol,ul,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
::selection{background:var(--kirmizi);color:var(--kirectasi)}
:focus-visible{outline:2px solid var(--kirmizi);outline-offset:3px}

.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:16px;top:-60px;z-index:100;background:var(--kirectasi);color:var(--murekkep);padding:10px 16px;font-family:var(--f-mono);font-size:13px;transition:top .3s var(--panel)}
.skip:focus{top:16px}

.wrap{max-width:var(--maks);margin-inline:auto;padding-inline:var(--pad)}
main{display:block}
main:focus{outline:none}

/* zeminler */
.koyu{background:var(--bazalt);color:var(--kirectasi)}
.koyu-panel{background:var(--bazalt-panel);color:var(--kirectasi)}
.acik{background:var(--kirectasi);color:var(--murekkep)}
.acik .ikincil,.acik .mono-ikincil{color:var(--ikincil-acik)}
.ikincil{color:var(--ikincil)}

/* ---------- tipografi ---------- */
.mono,.kicker,.kunye dt,.kunye dd{font-family:var(--f-mono);font-weight:400;letter-spacing:.12em;text-transform:uppercase;font-size:12px;line-height:1.5}
.kicker{display:flex;align-items:baseline;gap:14px;color:var(--ikincil)}
.acik .kicker{color:var(--ikincil-acik)}
.kicker::before{content:"";width:40px;height:1px;background:currentColor;transform-origin:left;align-self:center}

.mega,.h2,.h3{font-family:var(--f-baslik);font-weight:800;text-transform:none;letter-spacing:-.012em;line-height:.92;font-variation-settings:"wdth" 125}
.mega{font-size:clamp(40px,7.6vw,126px)}
.h2{font-size:clamp(32px,4.4vw,82px)}
.h3{font-size:clamp(22px,2vw,34px);font-weight:700;line-height:1.05;letter-spacing:-.005em}
.satir{display:block;white-space:nowrap}
@media (max-width:720px){.satir{white-space:normal}}
.lede{font-size:clamp(17px,1.2vw + 8px,22px);line-height:1.55;max-width:46ch}
.metin{max-width:58ch}
.metin p+p{margin-top:1em}

/* Archivo genişlik ekseni: başlık girişte bir kez "inşa edilir" */
.genis{font-variation-settings:"wdth" 100;transition:font-variation-settings 1.4s var(--vinc) .15s}
.in .genis,.genis.in{font-variation-settings:"wdth" 125}

/* ---------- butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 24px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;border:1px solid transparent;border-radius:2px;transition:background-color .5s var(--panel),color .5s var(--panel),border-color .5s var(--panel);text-shadow:none;white-space:nowrap}
.btn-ana{background:var(--kirmizi);color:var(--kirectasi)}
.btn-ana:hover{background:var(--kirmizi-hover)}
.btn-cizgi{border-color:var(--sinir-koyu);color:var(--kirectasi)}
.btn-cizgi:hover{border-color:var(--kirectasi)}
.acik .btn-cizgi{border-color:var(--sinir-acik);color:var(--murekkep)}
.acik .btn-cizgi:hover{border-color:var(--murekkep)}
.btn .ok{display:inline-block;transition:transform .6s var(--panel)}
.btn:hover .ok{transform:translateX(5px)}

.baglanti{display:inline-flex;align-items:baseline;gap:12px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding-bottom:6px;background:linear-gradient(currentColor,currentColor) left bottom/100% 1px no-repeat;transition:background-size .7s var(--vinc)}
.baglanti:hover{background-size:0 1px;background-position:right bottom}
.baglanti .ok{transition:transform .6s var(--panel)}
.baglanti:hover .ok{transform:translateX(6px)}

/* ---------- navigasyon ---------- */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--nav-h);display:flex;align-items:center;gap:32px;padding-inline:var(--pad);color:var(--kirectasi);transition:transform .7s var(--vinc),background-color .6s var(--panel),border-color .6s var(--panel);border-bottom:1px solid transparent}
.nav.dolu{background:rgba(20,23,28,.94);border-bottom-color:var(--cizgi-koyu)}
.nav.gizli{transform:translateY(-100%)}
.nav-logo{display:flex;align-items:center;gap:12px;flex:none}
.sym{width:34px;height:auto;overflow:visible}
.sym .kol{fill:var(--kirectasi)}
.sym .bas{fill:var(--kirmizi);stroke:none}
.sym .tik{fill:none;stroke:var(--kirectasi);stroke-width:16;stroke-linecap:round;stroke-linejoin:round}
.wm{display:block;width:150px;aspect-ratio:1088/208;background:var(--kirectasi);-webkit-mask:url(../img/wordmark-mask.png) center/contain no-repeat;mask:url(../img/wordmark-mask.png) center/contain no-repeat}
.nav>nav{margin-left:auto}
.nav-links{display:flex;gap:34px}
.nav-links a{position:relative;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding-block:8px}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .6s var(--vinc)}
.nav-links a:hover::after,.nav-links a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
.nav-cta{flex:none}
.nav-toggle{display:none;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;min-height:44px;padding-inline:4px;margin-left:auto}

/* logo açılışı: kollar çizilir, kırmızı baş en son */
.sym.logo-ciz .kol{fill-opacity:0;stroke:var(--kirectasi);stroke-width:6;stroke-dasharray:1;stroke-dashoffset:1;animation:kol-ciz 1.1s var(--vinc) forwards,kol-dol .6s var(--panel) 1s forwards}
.sym.logo-ciz .kol+.kol{animation-delay:.12s,1.1s}
.sym.logo-ciz .bas{transform-box:fill-box;transform-origin:center;transform:scale(0);animation:bas-gel .7s var(--panel) 1.25s forwards}
.sym.logo-ciz .tik{opacity:0;animation:fade .4s linear 1.7s forwards}
@keyframes kol-ciz{to{stroke-dashoffset:0}}
@keyframes kol-dol{to{fill-opacity:1;stroke-width:0}}
@keyframes bas-gel{to{transform:scale(1)}}
@keyframes fade{to{opacity:1}}

/* mobil menü */
.menu{position:fixed;inset:0;z-index:49;background:var(--bazalt);color:var(--kirectasi);padding:calc(var(--nav-h) + 32px) var(--pad) 32px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;visibility:hidden;transition:opacity .5s var(--panel),visibility 0s linear .5s}
.menu.acik-menu{opacity:1;visibility:visible;transition:opacity .5s var(--panel),visibility 0s}
.menu ol{display:grid;gap:0}
.menu li{border-bottom:1px solid var(--cizgi-koyu)}
.menu li a{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:14px 0;font-family:var(--f-baslik);font-weight:700;font-variation-settings:"wdth" 100;font-size:clamp(22px,6vw,28px);line-height:1.1;letter-spacing:-.005em}
.menu li a::after{content:"→";font-family:var(--f-mono);font-size:14px;opacity:.45}
.menu li a[aria-current="page"]{color:var(--kirmizi)}
.menu .btn{align-self:flex-start}

@media (max-width:1100px){
  .nav>nav,.nav-cta{display:none}
  .nav-toggle{display:inline-flex;align-items:center}
}

/* ---------- pafta anteti ---------- */
.antet{position:fixed;right:var(--pad);bottom:20px;z-index:40;display:grid;grid-template-columns:auto auto;border:1px solid var(--cizgi-koyu);background:rgba(20,23,28,.88);color:var(--kirectasi);font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;line-height:1;pointer-events:none;transition:opacity .6s var(--panel),transform .6s var(--panel)}
.antet span{padding:9px 12px;white-space:nowrap}
.antet span+span{border-left:1px solid var(--cizgi-koyu)}
.antet .antet-ad{grid-column:1/-1;border-left:0;border-top:1px solid var(--cizgi-koyu);color:var(--ikincil);min-width:15ch}
.antet b{font-weight:500}
.antet.gizli{opacity:0;transform:translateY(8px)}
@media (max-width:720px),(max-height:560px){.antet{display:none}}

/* ---------- arka plan girih ızgarası (tek ortam katmanı) ---------- */
.ortam{position:fixed;inset:-120px;z-index:1;pointer-events:none;opacity:.07;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23ECE6DA' stroke-width='.6'%3E%3Cpath d='M22 22h56v56H22z'/%3E%3Cpath d='M50 10l40 40-40 40-40-40z'/%3E%3Cpath d='M50 0v10M50 90v10M0 50h10M90 50h10'/%3E%3Cpath d='M0 0l22 22M100 0L78 22M0 100l22-22M100 100L78 78'/%3E%3C/g%3E%3C/svg%3E");background-size:120px 120px;animation:ortam-kay 96s linear infinite;animation-delay:-31s}
@keyframes ortam-kay{to{transform:translate3d(120px,120px,0)}}
main,footer,.sahne-ust{position:relative;z-index:2}

/* ---------- giriş koreografisi ---------- */
.cizgi{display:block;height:1px;background:currentColor;opacity:.28;transform:scaleX(0);transform-origin:left;transition:transform 1.3s var(--vinc)}
.in .cizgi,.cizgi.in{transform:scaleX(1)}

.yuksel{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.yuksel>span{display:block;transform:translateY(105%);transition:transform 1.15s var(--vinc)}
.in .yuksel>span{transform:none}
.in .yuksel:nth-child(2)>span{transition-delay:.09s}
.in .yuksel:nth-child(3)>span{transition-delay:.18s}

.sonra{opacity:0;transform:translateY(14px);transition:opacity 1s var(--panel),transform 1s var(--panel)}
.in .sonra{opacity:1;transform:none}
.in .sonra.s1{transition-delay:.25s}
.in .sonra.s2{transition-delay:.4s}
.in .sonra.s3{transition-delay:.55s}
.in .sonra.s4{transition-delay:.7s}
.bitti .sonra,.bitti .sonra.s1,.bitti .sonra.s2,.bitti .sonra.s3,.bitti .sonra.s4,.bitti .yuksel>span,.bitti .yuksel:nth-child(2)>span,.bitti .yuksel:nth-child(3)>span{transition-delay:0s!important}

/* görsel: cephe paneli açılır gibi */
.panel-ac{position:relative;overflow:hidden}
.panel-ac img{width:100%;height:100%;object-fit:cover;transform:scale(1.035);transition:transform 2.2s var(--panel) .3s}
.panel-ac::after{content:"";position:absolute;inset:0;background:var(--panel-renk,var(--bazalt));transform-origin:top;transition:transform 1.3s var(--vinc) .15s}
.in .panel-ac img,.panel-ac.in img{transform:scale(1)}
.in .panel-ac::after,.panel-ac.in::after{transform:scaleY(0)}
.acik .panel-ac{--panel-renk:var(--kirectasi)}


/* ---------- bölüm iskeletleri ---------- */
.bolum{position:relative;padding-block:clamp(80px,10vw,168px)}
.bolum-ust{display:grid;gap:22px;margin-bottom:clamp(48px,6vw,96px)}

/* ---------- HERO · Şahintepe Deluxe filmi (tam ekran, döngü) ---------- */
.hero-film{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:var(--bazalt);color:var(--kirectasi);display:flex;flex-direction:column;justify-content:flex-end}
.hf-medya{position:absolute;inset:0;z-index:0}
.hf-poster,.hf-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hf-poster{transform:scale(1.04);transition:transform 6s var(--panel)}
.hero-film.in .hf-poster{transform:none}
.hf-video{opacity:0;transform:translateZ(0);transition:opacity 1.6s var(--panel)}
.hero-film.oynuyor .hf-video{opacity:1}
/* hafif sinematik perde: yalnızca yazının olduğu kenarlar koyulaşır, video karartılmaz */
.hf-perde{position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(180deg,rgba(12,14,19,.46) 0%,rgba(12,14,19,0) 20%),
  linear-gradient(0deg,rgba(14,16,21,.8) 0%,rgba(14,16,21,.42) 30%,rgba(14,16,21,0) 54%),
  linear-gradient(90deg,rgba(14,16,21,.3) 0%,rgba(14,16,21,0) 48%)}

.hf-ic{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px 64px;align-items:end;padding-bottom:clamp(84px,12vh,136px);text-shadow:var(--tshadow)}
.hf-k{color:var(--kirectasi);opacity:0;transition:opacity 1.1s var(--panel) .2s}
.hf-k::before{background:var(--kirmizi);opacity:1;transform:scaleX(0);transition:transform 1.2s var(--vinc) .1s}
.hero-film.in .hf-k{opacity:.92}
.hero-film.in .hf-k::before{transform:scaleX(1)}
.hf-h{margin-top:22px;font-family:var(--f-baslik);font-weight:800;font-size:clamp(42px,5.8vw,112px);line-height:.94;letter-spacing:-.015em;font-variation-settings:"wdth" 100;transition:font-variation-settings 1.6s var(--vinc) .3s}
.hero-film.in .hf-h{font-variation-settings:"wdth" 112}
.hero-film .yuksel>span{transition-duration:1.4s}
.hero-film.in .yuksel>span{transform:none}
.hero-film.in .yuksel:nth-child(2)>span{transition-delay:.14s}
.hf-yan{justify-self:end;max-width:480px;padding-bottom:6px}
.hf-yan>*{opacity:0;transform:translateY(12px);transition:opacity 1.1s var(--panel),transform 1.1s var(--panel)}
.hero-film.in .hf-yan>*{opacity:1;transform:none}
.hero-film.in .hf-yan>:nth-child(1){transition-delay:.6s}
.hero-film.in .hf-yan>:nth-child(2){transition-delay:.78s}
.hf-alt{font-size:clamp(16px,1vw + 8px,19px);line-height:1.5;font-weight:500}
.hf-eylem{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px}
.hf-eylem .btn{text-shadow:none}
.btn-cam{border-color:rgba(236,230,218,.55);color:var(--kirectasi);background:rgba(20,23,28,.16)}
.btn-cam:hover{border-color:var(--kirectasi);background:rgba(20,23,28,.32)}

/* sahne şeridi: filmin paftaları */
.hf-alt-serit{position:absolute;left:0;right:0;bottom:0;z-index:2;padding-bottom:24px;opacity:0;transition:opacity 1.2s var(--panel)}
.hero-film.oynuyor .hf-alt-serit{opacity:1}
.hf-sahneler{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 14px;margin-right:110px}
.hf-sahneler li{position:relative;padding-top:10px;font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(236,230,218,.58);text-shadow:0 1px 3px rgba(5,6,10,.7);transition:color .6s var(--panel);white-space:nowrap}
.hf-sahneler li::before,.hf-sahneler li::after{content:"";position:absolute;left:0;right:0;top:0;height:1px}
.hf-sahneler li::before{background:rgba(236,230,218,.26)}
.hf-sahneler li::after{background:var(--kirectasi);transform:scaleX(var(--p,0));transform-origin:left;transition:transform .3s linear}
.hf-sahneler li.aktif{color:var(--kirectasi)}
.hf-sahneler li:not(.aktif)::after{transform:scaleX(0);transition:none}
.hf-durdur{position:absolute;right:var(--pad);bottom:14px;z-index:3;min-height:44px;font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--kirectasi);opacity:.8;text-shadow:0 1px 3px rgba(5,6,10,.7);transition:opacity .4s var(--panel)}
.hf-durdur:hover{opacity:1}

/* menü: video üstünde ince, neredeyse görünmez; scroll başlayınca Bazalt'a geçer */
.nav.nav-film:not(.dolu){background:transparent;border-bottom-color:transparent}
.nav.nav-film:not(.dolu) .nav-links a{opacity:.86;text-shadow:0 1px 3px rgba(5,6,10,.55)}
.nav.nav-film:not(.dolu) .nav-links a:hover{opacity:1}
.btn-nav{min-height:40px;padding:0 18px;border:1px solid rgba(236,230,218,.5);color:var(--kirectasi);background:transparent;transition:background-color .6s var(--panel),border-color .6s var(--panel)}
.btn-nav:hover{border-color:var(--kirectasi)}
.nav.dolu .btn-nav{background:var(--kirmizi);border-color:var(--kirmizi)}
.nav.dolu .btn-nav:hover{background:var(--kirmizi-hover);border-color:var(--kirmizi-hover)}

@media (max-width:900px){
  .hf-ic{grid-template-columns:1fr;gap:22px;padding-bottom:clamp(72px,10vh,96px)}
  .hf-yan{justify-self:start}
  .hf-sahneler{grid-template-columns:repeat(6,auto);gap:0 18px;overflow:hidden}
}
@media (max-width:720px){
  .hf-poster,.hf-video{object-position:62% 50%}
  .hf-h{font-size:clamp(36px,10.4vw,56px);font-variation-settings:"wdth" 100!important}
  .hf-perde{background:linear-gradient(180deg,rgba(12,14,19,.5) 0%,rgba(12,14,19,0) 18%),linear-gradient(0deg,rgba(14,16,21,.82) 0%,rgba(14,16,21,.35) 42%,rgba(14,16,21,0) 64%)}
  .hf-alt-serit{display:none}
  .hf-durdur{top:calc(var(--nav-h) + 6px);bottom:auto}
}
@media (max-height:560px){.hf-alt-serit{display:none}}

/* ---------- 04 · Şahintepe ---------- */
.amiral .baslik-satir{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.amiral .mega{font-size:clamp(34px,6.4vw,114px)}
.amiral .izgara{margin-top:clamp(56px,7vw,110px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,110px);align-items:start}
.kunye{display:grid;grid-template-columns:auto 1fr;border-top:1px solid var(--cizgi-koyu)}
.kunye dt,.kunye dd{padding:13px 0;border-bottom:1px solid var(--cizgi-koyu)}
.kunye dt{color:var(--ikincil);padding-right:28px}
.kunye dd{color:var(--kirectasi)}
.acik .kunye{border-color:var(--cizgi-acik)}
.acik .kunye dt,.acik .kunye dd{border-color:var(--cizgi-acik)}
.acik .kunye dt{color:var(--ikincil-acik)}
.acik .kunye dd{color:var(--murekkep)}
.teyit{display:inline-block;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;padding:2px 6px;border:1px dashed var(--kirmizi);color:var(--kirmizi);vertical-align:middle;text-transform:uppercase}
.koyu .teyit,.koyu-panel .teyit{color:#F0858A;border-color:#F0858A}
.amiral .metin{margin-top:36px}
.sartname{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--cizgi-koyu)}
.sartname li{display:flex;gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--cizgi-koyu);font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.sartname li:nth-child(odd){padding-right:16px}
.sartname li i{font-style:normal;color:var(--ikincil);font-size:10px}
.amiral .alt-satir{margin-top:48px}

/* ---------- 05 · dört dosya ---------- */
.dosyalar{display:grid;gap:0}
.dosya{display:grid;gap:clamp(28px,4vw,72px);padding-block:clamp(48px,6vw,96px);border-top:1px solid var(--cizgi-acik);align-items:center}
.dosya:last-child{border-bottom:1px solid var(--cizgi-acik)}
.dosya .no{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;color:var(--ikincil-acik)}
.dosya h3{margin-top:14px}
.dosya .yer{margin-top:14px}
.dosya p.cumle{margin-top:18px;max-width:40ch}
.dosya .baglanti{margin-top:26px}
.hepsi{margin-top:clamp(48px,6vw,88px);display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap}

/* ---------- 04 · yapı malzemeleri vitrini (ana sayfa) ---------- */
.vitrin-ust{display:flex;justify-content:space-between;align-items:flex-end;gap:28px 64px;flex-wrap:wrap}
.vitrin-ust .lede{max-width:38ch}
.vitrin{margin-top:clamp(48px,6vw,96px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--cizgi-koyu)}
.vitrin li{border-bottom:1px solid var(--cizgi-koyu)}
.vitrin li:not(:nth-child(4n+1)){border-left:1px solid var(--cizgi-koyu)}
.vitrin-kart{position:relative;display:flex;flex-direction:column;height:100%;min-height:clamp(210px,17vw,268px);padding:clamp(22px,2vw,32px) clamp(18px,1.8vw,28px) 20px;transition:background-color .7s var(--panel)}
.vitrin-kart::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--kirmizi);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--vinc)}
.vk-ad{font-family:var(--f-baslik);font-weight:800;font-variation-settings:"wdth" 112;font-size:clamp(22px,1.75vw,31px);line-height:1;letter-spacing:-.012em;max-width:12ch;transition:transform .8s var(--vinc)}
.vk-alt{margin-top:auto;padding-top:30px;font-size:10px;line-height:1.75;color:var(--ikincil)}
.vk-alt-satir{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:22px;margin-top:12px}
.vk-sayi{font-size:10px;color:var(--kirectasi)}
.vk-ok{font-family:var(--f-mono);opacity:0;transform:translateX(-10px);transition:opacity .5s var(--panel),transform .8s var(--vinc)}
.vitrin-kart:hover,.vitrin-kart:focus-visible{background-color:rgba(236,230,218,.035)}
.vitrin-kart:hover::before,.vitrin-kart:focus-visible::before{transform:scaleX(1)}
.vitrin-kart:hover .vk-ad,.vitrin-kart:focus-visible .vk-ad{transform:translateX(6px)}
.vitrin-kart:hover .vk-ok,.vitrin-kart:focus-visible .vk-ok{opacity:1;transform:none}
.vitrin-kart:focus-visible{outline-offset:-2px}
@media (hover:none){.vk-ok{opacity:.6;transform:none}}
.markalar{margin-top:clamp(56px,7vw,110px);display:flex;flex-wrap:wrap;border-top:1px solid var(--cizgi-koyu);border-left:1px solid var(--cizgi-koyu)}
.markalar li{flex:1 1 180px;border-right:1px solid var(--cizgi-koyu);border-bottom:1px solid var(--cizgi-koyu)}
.markalar a{display:grid;place-items:center;min-height:76px;padding:20px 12px;text-align:center;font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;transition:background-color .5s var(--panel)}
.markalar a:hover,.markalar a:focus-visible{background-color:rgba(236,230,218,.04)}
.markalar img{max-height:34px;width:auto}
.not{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:baseline;justify-content:space-between}
.damga{display:inline-flex;gap:14px;align-items:baseline;border:1px solid var(--sinir-koyu);padding:10px 14px;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.damga i{font-style:normal;color:var(--ikincil)}

/* ---------- 07 · kapanış ---------- */
.kapanis{position:relative;padding-block:clamp(96px,12vw,180px);overflow:hidden}
.kapanis .gorsel{position:absolute;inset:0 0 0 46%;z-index:0}
.kapanis .gorsel .panel-ac{height:100%}
.kapanis .gorsel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--bazalt) 0%,rgba(20,23,28,0) 22%,rgba(20,23,28,0) 78%,var(--bazalt) 100%),linear-gradient(90deg,var(--bazalt) 0%,rgba(20,23,28,.55) 28%,rgba(20,23,28,.2) 100%);pointer-events:none}
.kapanis .wrap{position:relative;z-index:1}
.kapanis .mega{font-size:clamp(40px,6.2vw,118px)}
.kapanis .lede{margin-top:28px}
.form{margin-top:clamp(48px,6vw,80px);max-width:640px;display:grid;grid-template-columns:1fr 1fr;gap:28px 32px}
.alan{display:grid;gap:8px}
.alan.tam{grid-column:1/-1}
.alan label,.alan legend{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ikincil)}
.alan input,.alan textarea{width:100%;font:inherit;color:var(--kirectasi);background:transparent;border:0;border-bottom:1px solid var(--sinir-koyu);padding:10px 0;border-radius:0;transition:border-color .5s var(--panel)}
.alan textarea{resize:vertical;min-height:96px}
.alan input:focus,.alan textarea:focus{outline:none;border-bottom-color:var(--kirectasi)}
.alan input:focus-visible,.alan textarea:focus-visible{outline:2px solid var(--kirmizi);outline-offset:4px}
.alan input::placeholder,.alan textarea::placeholder{color:rgba(236,230,218,.4)}
fieldset.alan{border:0;padding:0;margin:0}
.konu{display:flex;gap:0;flex-wrap:wrap;border-bottom:1px solid var(--sinir-koyu);margin-top:4px}
.konu label{position:relative;flex:1;min-width:110px;cursor:pointer}
.konu input{position:absolute;opacity:0;inset:0;cursor:pointer}
.konu span{display:block;padding:12px 0 12px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ikincil);transition:color .4s var(--panel);background:linear-gradient(var(--kirmizi),var(--kirmizi)) left bottom/0 2px no-repeat;transition:color .4s var(--panel),background-size .6s var(--vinc)}
.konu input:checked+span{color:var(--kirectasi);background-size:100% 2px}
.konu input:focus-visible+span{outline:2px solid var(--kirmizi);outline-offset:2px}
.onay{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45;color:var(--ikincil)}
.onay input{width:18px;height:18px;margin-top:3px;accent-color:var(--kirmizi);flex:none}
.onay a{color:var(--kirectasi);text-decoration:underline;text-underline-offset:3px}
.gonder-satir{grid-column:1/-1;display:flex;gap:20px 28px;align-items:center;flex-wrap:wrap}
.form-durum{grid-column:1/-1;min-height:1.5em;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.form-durum.ok{color:var(--kirectasi)}
.form-durum.hata{color:#F0858A}

/* ---------- footer · pafta anteti ---------- */
.altbilgi{border-top:1px solid var(--cizgi-koyu);background:var(--bazalt)}
.alt-izgara{display:grid;grid-template-columns:1.2fr 1.4fr 1.3fr 1.1fr .8fr;border-left:1px solid var(--cizgi-koyu)}
.alt-izgara>div{padding:26px 20px;border-right:1px solid var(--cizgi-koyu);border-bottom:1px solid var(--cizgi-koyu);display:grid;gap:10px;align-content:start;font-size:15px;line-height:1.5}
.alt-izgara .mono{color:var(--ikincil);font-size:10px}
.alt-izgara a:hover{text-decoration:underline;text-underline-offset:3px}
.alt-marka{display:flex!important;align-items:center;gap:14px}
.alt-marka .sym{width:40px}
.alt-marka .wm{width:170px}
.alt-son{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:18px;font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ikincil)}

/* ---------- alt sayfa başlığı ---------- */
.sayfa-bas{padding-top:calc(var(--nav-h) + clamp(72px,10vw,160px));padding-bottom:clamp(56px,7vw,110px)}
.sayfa-bas .mega{margin-top:26px}
.sayfa-bas .lede{margin-top:30px}

/* proje endeksi */
.endeks-filtre{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--cizgi-acik);margin-bottom:8px}
.endeks-filtre button{min-height:48px;padding:0 18px 0 0;margin-right:18px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ikincil-acik);background:linear-gradient(var(--kirmizi),var(--kirmizi)) left bottom/0 2px no-repeat;transition:color .4s var(--panel),background-size .6s var(--vinc)}
.endeks-filtre button[aria-pressed="true"]{color:var(--murekkep);background-size:calc(100% - 18px) 2px}
.endeks-izgara{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start}
.endeks{width:100%;border-collapse:collapse}
.endeks th{text-align:left;font-family:var(--f-mono);font-weight:400;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ikincil-acik);padding:14px 12px 14px 0;border-bottom:1px solid var(--cizgi-acik)}
.endeks td{padding:16px 12px 16px 0;border-bottom:1px solid var(--cizgi-acik);vertical-align:baseline}
.endeks td:first-child,.endeks .k{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;color:var(--ikincil-acik);white-space:nowrap}
.endeks .ad{font-weight:500;font-size:clamp(16px,1vw + 6px,19px)}
.endeks .ad a{background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;transition:background-size .6s var(--vinc)}
.endeks .ad a:hover{background-size:100% 1px}
.endeks tr{transition:opacity .4s var(--panel)}
.endeks tr[hidden]{display:none}
.endeks tbody tr:hover td{background:rgba(26,29,33,.035)}
.endeks-onizleme{position:sticky;top:calc(var(--nav-h) + 32px);border:1px solid var(--cizgi-acik);aspect-ratio:4/3;display:grid;place-items:center;color:var(--murekkep)}
.endeks-onizleme .mono{position:absolute;left:14px;bottom:12px;color:var(--ikincil-acik)}
.endeks-onizleme{position:sticky}

/* proje dosyası */
.dosya-kapak .kunye{margin-top:clamp(40px,5vw,72px);max-width:760px}
.pafta-bolum{padding-block:clamp(72px,9vw,140px);border-top:1px solid var(--cizgi-acik)}
.koyu .pafta-bolum,.pafta-bolum.koyu{border-top-color:var(--cizgi-koyu)}
.pafta-bas{display:flex;gap:18px;align-items:baseline;margin-bottom:clamp(36px,4vw,64px)}
.pafta-bas .mono{color:var(--ikincil-acik)}
.koyu .pafta-bas .mono{color:var(--ikincil)}
.veri{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));border-top:1px solid var(--cizgi-acik)}
.veri div{padding:20px 18px 22px 0;border-bottom:1px solid var(--cizgi-acik)}
.veri dt{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ikincil-acik)}
.veri dd{margin-top:8px;font-family:var(--f-baslik);font-weight:700;font-variation-settings:"wdth" 115;font-size:clamp(22px,2vw,32px);line-height:1.1}
.sonraki{display:block;padding-block:clamp(72px,9vw,140px);border-top:1px solid var(--cizgi-koyu)}

/* kurumsal / malzeme alt sayfaları */
.iki-sutun{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,120px);align-items:start}
.alanlar li{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--cizgi-acik)}
.alanlar li:first-child{border-top:1px solid var(--cizgi-acik)}
.alanlar .no{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--ikincil-acik)}
.alanlar b{font-family:var(--f-baslik);font-weight:700;font-variation-settings:"wdth" 120;font-size:clamp(22px,2.2vw,38px);line-height:1.05}
.alanlar .k{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ikincil-acik)}
.uzun-metin{max-width:66ch}
.uzun-metin h2{font-family:var(--f-baslik);font-weight:700;font-variation-settings:"wdth" 115;font-size:clamp(22px,1.8vw,30px);line-height:1.15;margin:2.2em 0 .7em}
.uzun-metin p,.uzun-metin li{margin-bottom:.9em}
.uzun-metin ul{padding-left:1.1em;list-style:square}

/* ---------- duyarlı ---------- */
@media (max-width:1100px){
  .amiral .izgara,.iki-sutun{grid-template-columns:1fr}
  .vitrin{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vitrin li:not(:nth-child(4n+1)){border-left:0}
  .vitrin li:nth-child(even){border-left:1px solid var(--cizgi-koyu)}
  .alt-izgara{grid-template-columns:1fr 1fr}
  .endeks-izgara{grid-template-columns:1fr}
  .endeks-onizleme{display:none}
  .kapanis .gorsel{inset:0 0 auto 0;height:42vh;position:relative}
  .kapanis .gorsel::after{background:linear-gradient(0deg,var(--bazalt) 0%,rgba(20,23,28,.2) 60%)}
  .kapanis{padding-top:0}
  .kapanis .wrap{margin-top:-12vh}
}
@media (max-width:820px){
  .form{grid-template-columns:1fr}
  .sartname{grid-template-columns:1fr}
  .sartname li:nth-child(odd){padding-right:0}
  .alt-izgara{grid-template-columns:1fr}
  .endeks .gizle-m{display:none}
  .alanlar li{grid-template-columns:40px 1fr}
  .alanlar .k{grid-column:2}
}
@media (pointer:coarse){
  .btn,.baglanti,.nav-links a,.endeks-filtre button{min-height:44px}
  .baglanti{align-items:center}
}

/* görünmeyen sekmede her şey durur */
body.duraklat *,body.duraklat *::before,body.duraklat *::after{animation-play-state:paused!important}
.ekran-disi,.ekran-disi *{animation-play-state:paused!important}

/* reduced motion: her şey son halinde */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;transition-delay:0s!important}
  body{opacity:1}
  .yuksel>span,.sonra{transform:none;opacity:1}
  .cizgi{transform:scaleX(1)}
  .panel-ac img{transform:none}
  .panel-ac::after{transform:scaleY(0)}
  .genis{font-variation-settings:"wdth" 125}
  .ortam{display:none}
  .sym.logo-ciz .kol{fill-opacity:1;stroke-width:0;stroke-dashoffset:0}
  .sym.logo-ciz .bas{transform:none}
  .sym.logo-ciz .tik{opacity:1}
}
html.rm .yuksel>span,html.rm .sonra{transform:none;opacity:1;transition:none}
html.rm .cizgi{transform:scaleX(1)}
html.rm .panel-ac::after{transform:scaleY(0)}

/* ---------- telefon: dar ekranda geniş kesim uzun kelimeleri taşırır ---------- */
@media (max-width:720px){
  .mega,.genis,.in .genis,.genis.in{font-variation-settings:"wdth" 100}
  .mega{font-size:clamp(30px,8.6vw,56px);line-height:.95}
  .konu label{min-width:0}
  .konu span{font-size:11px;letter-spacing:.1em}
}

/* alt sayfa ince ayarları */
.iki-sutun .h2{font-size:clamp(28px,3.2vw,58px)}

/* ---------- endeks önizlemesi: proje fotoğrafı ya da tipografik künye ---------- */
.foto-isaret{display:inline-block;margin-left:8px;padding:1px 6px;border:1px solid var(--sinir-acik);font-family:var(--f-mono);font-size:9px;letter-spacing:.14em;color:var(--ikincil-acik);vertical-align:2px}
.onizleme-foto{position:absolute;inset:0;margin:0;overflow:hidden;background:var(--bazalt)}
.onizleme-foto img{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.035);transition:opacity .9s var(--panel),transform 1.6s var(--panel)}
.onizleme-foto.in img{opacity:1;transform:none}
.endeks-onizleme .onizleme-foto figcaption{position:absolute;left:0;right:0;top:0;bottom:auto;padding:12px 14px 30px;color:var(--kirectasi);font-size:10px;background:linear-gradient(rgba(10,12,18,.72),transparent)}
.onizleme-foto::after{content:"";position:absolute;inset:auto 0 0 0;height:64px;background:linear-gradient(transparent,rgba(10,12,18,.8));pointer-events:none}
.endeks-onizleme:has(.onizleme-foto:not([hidden])) [data-onizleme-ad]{color:var(--kirectasi);z-index:1}
@media (prefers-reduced-motion: reduce){
  .hf-video,.hf-alt-serit,.hf-durdur{display:none!important}
  .hf-poster{transform:none}
  .hf-k,.hf-yan>*{opacity:1;transform:none}
  .hf-k::before{transform:none}
}
/* hero: yalnızca yazının arkasında yerel, yumuşak perde (video geneli karartılmaz) */
.hf-baslik,.hf-yan{position:relative}
.hf-baslik::before,.hf-yan::before{content:"";position:absolute;z-index:-1;pointer-events:none}
.hf-baslik::before{inset:-34% -30% -40% -24%;background:radial-gradient(ellipse 58% 56% at 36% 62%,rgba(10,12,16,.66) 0%,rgba(10,12,16,.42) 46%,rgba(10,12,16,0) 76%)}
.hf-yan::before{inset:-46% -34% -50% -34%;background:radial-gradient(ellipse 60% 58% at 50% 55%,rgba(10,12,16,.7) 0%,rgba(10,12,16,.46) 46%,rgba(10,12,16,0) 76%)}

/* ---------- proje fotoğraf alanı (rotator) ---------- */
.rotator{margin:0;color:inherit}
.rot-cerceve{position:relative;padding:10px}
/* pafta kesim işaretleri: dört köşede ince L çizgiler */
.rot-cerceve::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 1.2s var(--panel) .2s;background:
  linear-gradient(currentColor,currentColor) left top/18px 1px no-repeat,linear-gradient(currentColor,currentColor) left top/1px 18px no-repeat,
  linear-gradient(currentColor,currentColor) right top/18px 1px no-repeat,linear-gradient(currentColor,currentColor) right top/1px 18px no-repeat,
  linear-gradient(currentColor,currentColor) left bottom/18px 1px no-repeat,linear-gradient(currentColor,currentColor) left bottom/1px 18px no-repeat,
  linear-gradient(currentColor,currentColor) right bottom/18px 1px no-repeat,linear-gradient(currentColor,currentColor) right bottom/1px 18px no-repeat}
.in .rot-cerceve::before,.rotator.in .rot-cerceve::before{opacity:.5}
.rot-sahne{position:relative;overflow:hidden;border-radius:2px;background:var(--bazalt-panel)}
.rot-sahne::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);background:radial-gradient(ellipse 120% 100% at 50% 45%,transparent 60%,rgba(10,12,16,.22) 100%)}
.rot-kare{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(var(--kb,1.035));transition:opacity 1.4s var(--panel),transform 0s linear 1.4s;will-change:opacity,transform}
.rot-kare.aktif{opacity:1;transform:scale(1);transition:opacity 1.4s var(--panel),transform calc(var(--sure,4000ms) + 1800ms) cubic-bezier(.25,.1,.25,1)}
.rotator[data-hareket="sinematik"]{--kb:1.065}
.rotator[data-hareket="olculu"]{--kb:1.03}
.rot-ilerleme{position:absolute;left:10px;right:10px;bottom:10px;height:1px;overflow:hidden;pointer-events:none}
.rot-ilerleme i{display:block;height:100%;background:rgba(236,230,218,.8);box-shadow:0 0 6px rgba(10,12,16,.5);transform:scaleX(0);transform-origin:left}
.rotator.akiyor .rot-ilerleme i{animation:rot-ilerle var(--sure,4000ms) linear forwards}
@keyframes rot-ilerle{to{transform:scaleX(1)}}
.rot-alt{display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap;padding:4px 10px 0}
.rot-etiket{color:var(--ikincil)}
.acik .rot-etiket{color:var(--ikincil-acik)}
.rot-kontrol{display:inline-flex;align-items:center;gap:2px}
.rot-ok{display:inline-grid;place-items:center;min-width:36px;min-height:36px;font-family:var(--f-mono);font-size:14px;opacity:.5;transition:opacity .4s var(--panel)}
.rot-ok:hover,.rot-ok:focus-visible{opacity:1}
.rot-sayac{min-width:7ch;text-align:center;font-size:11px}
.rot-sayac b{font-weight:500}
.rot-durdur{margin-left:10px;min-height:36px;font-size:10px;letter-spacing:.14em;opacity:.5;transition:opacity .4s var(--panel)}
.rot-durdur:hover,.rot-durdur:focus-visible{opacity:1}
.rot-yer{min-width:0}
.dosya.d-gorsel-sol{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.dosya.d-gorsel-sol .yazi{order:2}
@media (max-width:820px){.dosya.d-gorsel-sol{grid-template-columns:1fr}.dosya.d-gorsel-sol .yazi{order:0}.rot-cerceve{padding:8px}}
@media (pointer:coarse){.rot-ok,.rot-durdur{min-height:44px;min-width:44px}}
@media (prefers-reduced-motion: reduce){.rot-kare,.rot-kare.aktif{transform:none!important;transition:opacity .01s!important}.rot-ilerleme{display:none}}
html.rm .rot-kare{transform:none!important}

/* ---------- proje dosyaları: fotoğraflı ve tipografik ---------- */
.dosya.d-gorsel-sag{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
@media (max-width:820px){.dosya.d-gorsel-sag{grid-template-columns:1fr}}
/* tek fotoğraf: döngü yok, alan açılırken çok hafif bir yaklaşma */
.rotator.tek .rot-kare{transform:scale(1.045);transition:transform 2.6s var(--panel) .15s}
.in .rotator.tek .rot-kare,.rotator.tek.in .rot-kare{transform:scale(1)}
.rotator.tek .rot-alt{padding-top:10px}
.dosya-baslik{font-family:var(--f-baslik);font-weight:800;font-variation-settings:wdth 112;font-size:clamp(34px,5.2vw,90px);line-height:.96;letter-spacing:-.015em;max-width:17ch;text-wrap:balance}
.dosya-kapak .wrap{position:relative}
.dosya-kapak .kicker a{color:inherit}
/* fotoğrafsız dosya: boş kutu yerine büyük proje numarası ve geniş künye */
.metin-dosya{padding-bottom:clamp(72px,9vw,140px)}
.metin-dosya .dosya-no{position:absolute;right:var(--pad);top:-.06em;font-family:var(--f-baslik);font-weight:800;font-variation-settings:wdth 125;font-size:clamp(150px,26vw,440px);line-height:.8;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px var(--cizgi-acik);pointer-events:none;user-select:none}
.metin-dosya .dosya-baslik,.metin-dosya .kicker,.metin-dosya .kunye{position:relative}
.metin-dosya .kunye{max-width:900px;grid-template-columns:minmax(120px,auto) 1fr}
.metin-dosya .kunye dd{font-size:13px}
.resmi-kapsam{margin-top:clamp(28px,3vw,44px);padding-top:16px;border-top:1px solid var(--cizgi-acik);font-size:clamp(15px,1vw + 6px,18px);line-height:1.5}
.resmi-kapsam .mono{display:block;margin-bottom:10px;font-size:10px;color:var(--ikincil-acik)}
.sonraki-ad{display:block;margin-top:18px;max-width:22ch;font-family:var(--f-baslik);font-weight:800;font-variation-settings:wdth 112;font-size:clamp(28px,3.8vw,64px);line-height:.98;letter-spacing:-.012em;transition:transform .9s var(--vinc)}
.sonraki:hover .sonraki-ad{transform:translateX(14px)}
.onizleme-metin{position:absolute;inset:0;display:grid;align-content:space-between;padding:18px 18px 76px;background:var(--kirectasi)}
.onizleme-metin[hidden]{display:none}
.onizleme-no{font-family:var(--f-baslik);font-weight:800;font-variation-settings:wdth 125;font-size:clamp(96px,11vw,180px);line-height:.8;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px var(--murekkep);opacity:0;transform:translateY(12px);transition:opacity .8s var(--panel),transform 1.1s var(--panel)}
.onizleme-metin.in .onizleme-no{opacity:.7;transform:none}
.endeks-onizleme .onizleme-metin .mono{position:static;color:var(--ikincil-acik);font-size:11px}
@media (max-width:720px){.metin-dosya .dosya-no{position:static;display:block;font-size:38vw;margin:0 0 18px -.04em}.metin-dosya .kunye{grid-template-columns:auto 1fr}.dosya-baslik{font-variation-settings:wdth 100}}
@media (prefers-reduced-motion: reduce){.rotator.tek .rot-kare{transform:none!important}.onizleme-no{opacity:.7;transform:none}}
html.rm .rotator.tek .rot-kare{transform:none!important}
/* endeks: yer ve yıl proje adının altında, iş ortağı rolün altında */
.endeks .ad .yer{display:block;margin-top:6px;font-size:11px;letter-spacing:.1em;color:var(--ikincil-acik);font-weight:400}
.endeks .rol{min-width:15ch}
.endeks .rol .mono{display:block;margin-top:4px;font-size:10px;letter-spacing:.12em;color:var(--ikincil-acik)}
.onizleme-metin p.mono{line-height:1.7}
.endeks-onizleme:has(.onizleme-metin:not([hidden])) [data-onizleme-ad]{right:14px;padding-top:10px;border-top:1px solid var(--cizgi-acik)}

@media (max-width:560px){
  .vitrin{grid-template-columns:1fr}
  .vitrin li:nth-child(even){border-left:0}
  .vitrin-kart{min-height:0;display:grid;grid-template-columns:1fr auto;gap:10px 16px;padding:22px 0}
  .vk-ad{max-width:none}
  .vk-alt{grid-column:1/-1;padding-top:0;margin-top:0}
  .vk-alt-satir{grid-column:2;grid-row:1;margin-top:0}
  .markalar li{flex-basis:50%}
}

/* ---------- yapı malzemeleri kataloğu ---------- */
.katalog-bas .lede{max-width:52ch}
.ara{position:relative;display:flex;align-items:center;gap:12px;margin-top:clamp(40px,5vw,72px);max-width:980px;border-bottom:1px solid var(--sinir-koyu);transition:border-color .4s var(--panel)}
.ara:focus-within{border-bottom-color:var(--kirmizi)}
.ara input{flex:1;min-width:0;min-height:72px;padding:0;background:transparent;border:0;color:var(--kirectasi);font-family:var(--f-baslik);font-weight:700;font-variation-settings:"wdth" 112;font-size:clamp(22px,2.6vw,40px);letter-spacing:-.01em;outline:0;-webkit-appearance:none;appearance:none}
.ara input::placeholder{color:var(--ikincil);opacity:1}
.ara input::-webkit-search-cancel-button{display:none}
.ara-temizle{display:inline-grid;place-items:center;min-width:44px;min-height:44px;font-size:26px;color:var(--ikincil);transition:color .3s}
.ara-temizle:hover{color:var(--kirectasi)}
.ara-temizle[hidden]{display:none}
.ara-kisayol{display:inline-grid;place-items:center;min-width:28px;height:28px;border:1px solid var(--sinir-koyu);color:var(--ikincil);font-size:12px}
.ara:focus-within .ara-kisayol{opacity:0}
@media (hover:none){.ara-kisayol{display:none}}
.katalog-sayi{margin-top:18px;color:var(--ikincil)}
.katalog{padding-bottom:clamp(80px,10vw,160px)}
.kat-serit-dis{position:sticky;top:var(--nav-h);z-index:20;background:var(--kirectasi);border-bottom:1px solid var(--cizgi-acik);transition:top .5s var(--panel)}
html:has(.nav.gizli) .kat-serit-dis{top:0}
.katalog-bas .mega{font-size:clamp(34px,6.4vw,106px)}
.kat-serit-ic{display:flex;align-items:stretch;gap:16px}
.kat-serit{flex:1;min-width:0;display:flex;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
.kat-serit::-webkit-scrollbar{display:none}
.kat-serit button,.fp-kat button{flex:none;min-height:56px;padding:0 18px 0 0;margin-right:18px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--ikincil-acik);background:linear-gradient(var(--kirmizi),var(--kirmizi)) left bottom/0 2px no-repeat;transition:color .3s,background-size .6s var(--vinc)}
.kat-serit button:last-child{margin-right:48px}
.kat-serit button:hover,.fp-kat button:hover{color:var(--murekkep)}
.kat-serit button[aria-pressed="true"],.fp-kat button[aria-pressed="true"]{color:var(--murekkep);background-size:calc(100% - 18px) 2px}
.filtrele-ac{display:none;align-items:center;gap:8px;padding:0 0 0 16px;border-left:1px solid var(--cizgi-acik);font-size:12px;letter-spacing:.14em;color:var(--murekkep)}
.filtrele-ac::before{content:"";width:14px;height:9px;background:linear-gradient(currentColor,currentColor) 0 0/100% 1px no-repeat,linear-gradient(currentColor,currentColor) 0 4px/70% 1px no-repeat,linear-gradient(currentColor,currentColor) 0 8px/40% 1px no-repeat}
.katalog-izgara{padding-top:clamp(28px,3vw,48px)}
.katalog-izgara.fasetli{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}
.faset-yan{position:sticky;top:calc(var(--nav-h) + 80px)}
.faset{border:0;padding:0;margin:0 0 28px}
.faset[hidden]{display:none}
.faset legend{margin-bottom:10px;color:var(--ikincil-acik);font-size:10px}
.faset label{display:flex;gap:10px;align-items:center;min-height:36px;font-size:15px;cursor:pointer}
.faset input{accent-color:var(--kirmizi);width:16px;height:16px}
/* raf: bir kategori = kütüphanede bir raf */
.raf{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,4vw,72px);padding-block:clamp(40px,4.4vw,72px);border-top:1px solid var(--cizgi-acik);content-visibility:auto;contain-intrinsic-size:auto 360px}
.raf[hidden]{display:none}
.raf:first-child{border-top:0}
.raf-ad{font-family:var(--f-baslik);font-weight:800;font-variation-settings:"wdth" 112;font-size:clamp(26px,2.4vw,42px);line-height:.98;letter-spacing:-.012em}
.raf-ad a{background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;transition:background-size .6s var(--vinc)}
.raf-ad a:hover{background-size:100% 1px}
.raf-sayi{margin-top:10px;color:var(--kirmizi);font-size:11px}
.raf-aciklama{margin-top:16px;max-width:34ch;color:var(--ikincil-acik);font-size:16px;line-height:1.5}
.raf-alt{margin-top:20px;display:flex;flex-wrap:wrap;gap:4px 0;color:var(--ikincil-acik);font-size:10px;line-height:1.7}
.raf-alt li:not(:last-child)::after{content:"·";margin:0 8px}
.raf-icerik{min-width:0;align-self:start}
.raf-bos{padding:22px 0 0;border-top:1px solid var(--cizgi-acik);display:grid;gap:12px;justify-items:start}
.raf-bos p{font-size:16px;line-height:1.5;color:var(--ikincil-acik)}
.raf-bos p:first-child{color:var(--murekkep)}
/* marka kartı: malzeme kütüphanesi fişi */
.marka-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));border-top:1px solid var(--murekkep);border-left:1px solid var(--cizgi-acik)}
.marka-kart{position:relative;display:grid;grid-template-rows:auto 1fr;border-bottom:1px solid var(--cizgi-acik);border-right:1px solid var(--cizgi-acik);transition:background-color .6s var(--panel)}
.marka-kart[hidden]{display:none}
.mk-yuz{display:flex;align-items:center;min-height:132px;padding:22px 20px;background:rgba(26,29,33,.035);transition:background-color .6s var(--panel)}
.mk-yuz.logolu{justify-content:center}
.mk-logo{max-width:70%;max-height:64px;width:auto;height:auto}
.mk-ad{font-family:var(--f-baslik);font-weight:800;font-variation-settings:"wdth" 118;font-size:clamp(22px,1.7vw,30px);line-height:1;letter-spacing:-.01em;transition:transform .8s var(--vinc)}
.mk-govde{display:grid;align-content:start;gap:8px;padding:16px 20px 40px}
.mk-govde .mk-ad{font-size:19px}
.mk-kat{font-size:10px;color:var(--ikincil-acik)}
.mk-aciklama{font-size:15px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mk-alt{font-size:10px;line-height:1.7;color:var(--murekkep)}
.mk-neden{font-size:10px;color:var(--kirmizi)}
.mk-iliski{justify-self:start;padding:5px 9px;font-size:10px;border-color:var(--sinir-acik)}
.mk-ok{position:absolute;right:18px;bottom:16px;font-family:var(--f-mono);opacity:0;transform:translateX(-8px);transition:opacity .5s var(--panel),transform .8s var(--vinc)}
.marka-kart::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:var(--kirmizi);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--vinc)}
.marka-kart:hover .mk-yuz,.marka-kart:focus-visible .mk-yuz{background:rgba(26,29,33,.07)}
.marka-kart:hover::before,.marka-kart:focus-visible::before{transform:scaleX(1)}
.marka-kart:hover .mk-yuz .mk-ad,.marka-kart:focus-visible .mk-yuz .mk-ad{transform:translateX(6px)}
.marka-kart:hover .mk-ok,.marka-kart:focus-visible .mk-ok{opacity:1;transform:none}
.marka-kart:focus-visible{outline-offset:-2px}
@media (hover:none){.mk-ok{opacity:.55;transform:none}}
.genis-izgara{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
/* arama sonuçları */
.sonuclar{padding-top:8px}
.sonuclar[hidden],.raflar[hidden]{display:none}
.sonuc-grup+.sonuc-grup{margin-top:clamp(40px,5vw,72px)}
.sonuc-baslik{margin-bottom:14px;color:var(--ikincil-acik);font-size:11px}
.sonuc-liste{border-top:1px solid var(--murekkep)}
.sonuc-satir{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--cizgi-acik);transition:background-color .4s}
.sonuc-satir:hover{background:rgba(26,29,33,.035)}
.ss-tur{font-size:10px;color:var(--ikincil-acik)}
.ss-ad{font-size:clamp(17px,1vw + 8px,21px);font-weight:500}
.ss-ust{display:block;margin-top:4px;font-size:10px;font-weight:400;color:var(--ikincil-acik)}
.ss-ok{font-family:var(--f-mono);padding-right:4px}
.sonuc-fazla{margin-top:14px;color:var(--ikincil-acik);font-size:10px}
.sonuc-yok{border-top:1px solid var(--murekkep);padding-top:28px}
.sonuc-yok p:first-child{font-family:var(--f-baslik);font-weight:800;font-variation-settings:"wdth" 112;font-size:clamp(22px,2vw,32px);line-height:1.1}
.sonuc-yok .btn{margin-right:20px}
/* kategori ve marka sayfaları */
.alt-liste{border-top:1px solid var(--murekkep)}
.alt-liste li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--cizgi-acik);scroll-margin-top:calc(var(--nav-h) + 24px)}
.alt-liste b{font-weight:500;font-size:clamp(17px,1vw + 8px,21px)}
.alt-liste span{font-size:15px}
.alt-liste a{text-decoration:underline;text-underline-offset:3px}
.alt-liste li:target{background:rgba(211,20,28,.05)}
.marka-logo{margin-top:28px;display:inline-flex;padding:18px 22px;background:var(--kirectasi)}
.marka-logo img{max-height:72px;width:auto}
.dosya-kapak .kunye a{text-decoration:underline;text-underline-offset:3px}
.urun-grup+.urun-grup{margin-top:48px}
.urun-grup-ad{margin-bottom:12px;color:var(--ikincil-acik);font-size:11px}
.urun-liste{border-top:1px solid var(--murekkep)}
.urun-satir{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr) auto;gap:16px 28px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--cizgi-acik);scroll-margin-top:calc(var(--nav-h) + 24px)}
.us-ad{font-size:clamp(17px,1vw + 8px,21px);font-weight:500}
.us-ad .mono{display:block;margin-top:4px;font-size:10px;font-weight:400;color:var(--ikincil-acik)}
.us-bilgi{font-size:15px;color:var(--ikincil-acik)}
.us-stok{margin-left:8px;font-size:10px;color:var(--murekkep)}
.us-eylem{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap;justify-content:flex-end}
.us-eylem .mono{font-size:10px;text-decoration:underline;text-underline-offset:3px}
.urun-gorsel{max-width:900px;background:rgba(26,29,33,.035)}
/* mobil filtre paneli */
.filtre-panel{position:fixed;inset:0;z-index:80}
.filtre-panel[hidden]{display:none}
.fp-ort{position:absolute;inset:0;background:rgba(10,12,16,.5);opacity:0;transition:opacity .3s var(--panel)}
.fp-kutu{position:absolute;left:0;right:0;bottom:0;max-height:86vh;overflow:auto;padding:20px var(--pad) calc(20px + env(safe-area-inset-bottom));background:var(--kirectasi);color:var(--murekkep);border-top:2px solid var(--kirmizi);transform:translateY(100%);transition:transform .32s var(--panel)}
.filtre-panel.acik .fp-ort{opacity:1}
.filtre-panel.acik .fp-kutu{transform:none}
.fp-bas{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.fp-kapat{min-height:44px;font-size:12px;letter-spacing:.14em}
.fp-etiket{margin-bottom:6px;color:var(--ikincil-acik);font-size:10px}
.fp-kat{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;border-top:1px solid var(--cizgi-acik);margin-bottom:24px}
.fp-kat button{min-height:48px;margin:0;padding:0;text-align:left;border-bottom:1px solid var(--cizgi-acik);background-position:left calc(100% - 1px)}
.fp-kat button[aria-pressed="true"]{background-size:40px 2px}
.fp-goster{width:100%}
html.panel-acik{overflow:hidden}
@media (max-width:1100px){.katalog-izgara.fasetli{grid-template-columns:1fr}.faset-yan{display:none}}
@media (max-width:900px){
  .raf{grid-template-columns:1fr;gap:22px}
  .raf-aciklama{max-width:none}
  .urun-satir{grid-template-columns:1fr}
  .us-eylem{justify-content:flex-start}
}
@media (max-width:720px){
  .filtrele-ac{display:inline-flex}
  .kat-serit button{min-height:52px;padding-right:14px;margin-right:14px}
  .marka-izgara{grid-template-columns:1fr 1fr}
  .mk-yuz{min-height:104px;padding:18px 16px}
  .mk-govde{padding:14px 16px 36px}
  .sonuc-satir{grid-template-columns:minmax(0,1fr) auto}
  .ss-tur{grid-column:1/-1}
  .alt-liste li{grid-template-columns:1fr;gap:6px}
  .ara input{min-height:60px}
}
@media (max-width:420px){.marka-izgara{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.fp-kutu,.fp-ort{transition:none}}

/* ---------- kurumsal özet (ana sayfa) ve Centilmen Plaza ---------- */
.alt-izgara .alt-ara{margin-top:8px}
/* çalışma yaklaşımı */
.ilkeler{margin-top:clamp(48px,6vw,88px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--cizgi-koyu)}
.ilkeler li{display:grid;align-content:start;gap:14px;padding:26px clamp(18px,2vw,32px) 32px 0}
.ilkeler li+li{padding-left:clamp(18px,2vw,32px);border-left:1px solid var(--cizgi-koyu)}
.ilkeler .no{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--ikincil)}
.ilkeler b{font-family:var(--f-baslik);font-weight:800;font-variation-settings:"wdth" 118;font-size:clamp(22px,1.9vw,32px);line-height:1;letter-spacing:-.005em}
.ilkeler p{font-size:16px;line-height:1.6;color:var(--kirectasi);opacity:.86}
@media (max-width:1100px){
  .ilkeler{grid-template-columns:1fr 1fr}
  .ilkeler li:nth-child(3){padding-left:0;border-left:0}
  .ilkeler li:nth-child(n+3){border-top:1px solid var(--cizgi-koyu)}
}
@media (max-width:620px){
  .ilkeler{grid-template-columns:1fr}
  .ilkeler li,.ilkeler li+li{padding-left:0;border-left:0}
  .ilkeler li+li{border-top:1px solid var(--cizgi-koyu)}
}

/* ---------- Centilmen Plaza filmi (16:9, afiş önce) ---------- */
.pf-sahne{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bazalt)}
.pf-poster,.pf-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pf-video{opacity:0;transition:opacity .9s var(--panel)}
.plaza-film.oynuyor .pf-video{opacity:1}
.pf-sag{display:inline-flex;align-items:center;gap:16px}
.pf-durdur{min-height:32px;font-size:10px;letter-spacing:.14em;opacity:.6;transition:opacity .4s var(--panel)}
.pf-durdur:hover,.pf-durdur:focus-visible{opacity:1}
.pf-durdur[hidden]{display:none}
@media (pointer:coarse){.pf-durdur{min-height:44px}}
@media (prefers-reduced-motion: reduce){.pf-video{display:none}}

/* ---------- Centilmen Plaza: tam genişlik sinematik bant ---------- */
.pf-sag{display:inline-flex;align-items:center;gap:18px;color:rgba(236,230,218,.78)}
@media (min-width:1101px){.kapanis .gorsel{bottom:auto;height:min(100%,980px)}}
.kapanis .gorsel img{object-position:44% 30%}


/* ---------- ana sayfa Pafta 02: tam ekran Plaza filmi ---------- */
.plaza-tam{position:relative;display:grid;place-items:center;min-height:100vh;min-height:100svh;overflow:hidden;background:var(--bazalt);color:var(--kirectasi);isolation:isolate}
.pt-sahne{position:absolute;inset:0;z-index:-2}
.pt-sahne .pf-poster,.pt-sahne .pf-video{object-position:50% 45%}
.pt-karartma{position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(ellipse 70% 60% at 50% 50%,rgba(10,12,16,.38),rgba(10,12,16,.62)),
  linear-gradient(180deg,rgba(10,12,16,.7) 0%,rgba(10,12,16,.2) 30%,rgba(10,12,16,.2) 70%,rgba(10,12,16,.75) 100%)}
.pt-icerik{display:grid;justify-items:center;text-align:center;padding:calc(var(--nav-h) + 32px) var(--pad) 120px}
.pt-ust{font-size:11px;letter-spacing:.32em;color:rgba(236,230,218,.82)}
.pt-baslik{margin-top:22px;font-family:var(--f-baslik);font-weight:800;font-size:clamp(40px,6vw,112px);line-height:.92;letter-spacing:-.015em;text-shadow:0 2px 40px rgba(10,12,16,.35)}
.pt-yil{display:flex;align-items:center;gap:18px;margin-top:22px;font-size:clamp(18px,1.4vw + 8px,28px);font-weight:400;letter-spacing:.02em;color:rgba(236,230,218,.92)}
.pt-yil span{width:44px;height:1px;background:var(--kirmizi)}
.pt-btn{margin-top:40px}
.pt-alt{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:8px 20px;flex-wrap:wrap;font-size:10px;letter-spacing:.16em;color:rgba(236,230,218,.62)}
.plaza-tam .pf-sag{color:inherit}
.plaza-tam .pf-durdur{color:var(--kirectasi)}
@media (max-width:720px){
  .pt-baslik{font-variation-settings:"wdth" 100;font-size:clamp(34px,10.5vw,60px)}
  .pt-yil span{width:28px}
  .pt-sahne .pf-poster,.pt-sahne .pf-video{object-position:42% 45%}
}

/* ---------- Kurumsal: Merkez, tam ekran film üzerinde metin ---------- */
.merkez-tam{place-items:end stretch}
.mt-icerik{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,120px);align-items:end;width:100%;padding-top:calc(var(--nav-h) + 48px);padding-bottom:clamp(96px,12vh,150px)}
.mt-icerik .h2{font-size:clamp(28px,2.8vw,50px);text-shadow:0 2px 30px rgba(10,12,16,.35)}
.mt-icerik .kicker{color:rgba(236,230,218,.82)}
.mt-icerik .lede{color:rgba(236,230,218,.94);max-width:56ch;text-shadow:0 1px 18px rgba(10,12,16,.4)}
.merkez-tam .pt-karartma{background:linear-gradient(180deg,rgba(10,12,16,.6) 0%,rgba(10,12,16,.35) 30%,rgba(10,12,16,.7) 58%,rgba(10,12,16,.9) 100%)}
@media (max-width:1100px){.mt-icerik{grid-template-columns:1fr;gap:24px}}
@media (max-width:720px){.mt-icerik{padding-bottom:132px}.mt-icerik .lede{font-size:16px}.merkez-tam .pt-karartma{background:linear-gradient(180deg,rgba(10,12,16,.55) 0%,rgba(10,12,16,.45) 30%,rgba(10,12,16,.82) 55%,rgba(10,12,16,.92) 100%)}}

/* ---------- ana sayfa Pafta 05: başlık solda, metin ve düğme sağda ---------- */
.diger > .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(32px,6vw,120px)}
.diger > .wrap > *{grid-column:1/-1}
.diger .bolum-ust{grid-column:1;margin-bottom:0}
.diger .mega{font-size:clamp(40px,5.2vw,86px)}
.diger .vitrin-ust{grid-column:2;align-self:end;flex-direction:column;align-items:flex-start;gap:28px}
.diger .vitrin-ust .lede{max-width:40ch}
.diger .vitrin{margin-top:clamp(48px,5vw,80px)}
@media (max-width:900px){.diger > .wrap{grid-template-columns:1fr}.diger .bolum-ust,.diger .vitrin-ust{grid-column:1}.diger .vitrin-ust{margin-top:32px}}

/* endeks: önizlemede gösterilen satır */
.endeks tbody tr.onizlenen td{background:rgba(26,29,33,.035)}
.endeks tbody tr.onizlenen td:first-child{color:var(--kirmizi)}
.alt-izgara a{overflow-wrap:anywhere}

/* ---------- mobil menü düğmesi: üç çizgi → X ---------- */
.nav-toggle{width:44px;justify-content:center;padding:0}
.nt-cizgi{position:relative;display:block;width:26px;height:16px}
.nt-cizgi i{position:absolute;left:0;right:0;height:1.5px;background:currentColor;border-radius:1px;transition:transform .45s var(--panel),opacity .3s var(--panel),top .45s var(--panel)}
.nt-cizgi i:nth-child(1){top:0}
.nt-cizgi i:nth-child(2){top:7px}
.nt-cizgi i:nth-child(3){top:14px}
.nav-toggle[aria-expanded="true"] .nt-cizgi i:nth-child(1){top:7px;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nt-cizgi i:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .nt-cizgi i:nth-child(3){top:7px;transform:rotate(-45deg)}
/* menü altı: iletişim */
.menu-alt{display:grid;gap:14px;justify-items:start;padding-top:24px;border-top:1px solid var(--cizgi-koyu)}
.menu-iletisim{display:inline-flex;align-items:center;gap:12px;min-height:40px;font-size:17px}
.menu-iletisim svg{width:20px;height:20px;flex:none;color:var(--ikincil)}
.menu-alt .btn{margin-top:10px}
/* footer iletişim ikonları (beyaz) */
.alt-ikon{display:inline-flex;align-items:center;gap:10px}
.alt-ikon svg{width:18px;height:18px;flex:none;color:var(--kirectasi)}
.alt-ikon:hover span{text-decoration:underline;text-underline-offset:3px}
.alt-izgara a.alt-ikon:hover{text-decoration:none}
/* form: bot tuzağı (görünmez) */
.tuzak{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form{position:relative}