/* ==========================================================================
   FORM STUDIO · Güç ve kondisyon stüdyosu
   Konsept: ÖLÇÜ VE TEKRAR
   Koyu beton zemin, tek vurgu rengi asit yeşili, çok dar ve dev tipografi.
   Menü yatay değil ve solda değil: ekranın ALTINDA şerit.
   Yazı imzası: GENİŞLEYEN HARF (Anybody değişken genişlik ekseni).
   Kavşak, Meridyen ve Aydın'dan hiçbir düzen tekrar etmiyor.
   ========================================================================== */

:root{
  --siyah:#0c0d0c;
  --zemin2:#131513;
  --zemin3:#191c19;
  --beyaz:#ecefe8;
  --soluk:#8d938a;
  --sonuk:#5d635c;
  --asit:#c9ff2f;
  --cizgi:rgba(236,239,232,.13);
  --cizgi-i:rgba(236,239,232,.07);
  --kenar:clamp(20px,4.4vw,74px);
  --serit-y:56px;
  --sert:cubic-bezier(.16,1,.3,1);
  --hizli:cubic-bezier(.4,0,.2,1);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--siyah)}
body{
  font-family:Chivo,system-ui,sans-serif;font-size:16.4px;line-height:1.68;
  color:var(--beyaz);background:transparent;overflow-x:clip;
  -webkit-font-smoothing:antialiased;padding-bottom:var(--serit-y);
}

/* ---------- zemin: beton + film greni + ölçü çizgileri ---------- */
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='170' height='170' filter='url(%23g)' opacity='.5'/%3E%3C/svg%3E") 0 0/170px 170px,
    linear-gradient(168deg,#101210 0%,#0c0d0c 58%,#090a09 100%);
  background-blend-mode:overlay,normal;opacity:.9}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(236,239,232,.045) 0 1px,transparent 1px 120px)}

img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit;background:none;border:0}
button{cursor:pointer}
::selection{background:var(--asit);color:var(--siyah)}

/* satır yüksekliği Türkçe diakritiklere göre: Ğ Ö İ Ş üstten kesilmemeli */
h1,h2,h3{font-family:Anybody,'Arial Narrow',sans-serif;font-weight:800;line-height:1.02;
  letter-spacing:-.02em;text-transform:uppercase;
  font-variation-settings:'wdth' 86,'wght' 800}
.mono{font-family:'Martian Mono',ui-monospace,monospace;font-weight:400}

/* ---------- ortak parçalar ---------- */
.bolum{padding:clamp(72px,10vw,150px) var(--kenar);position:relative}
.bolum.koyu{background:var(--zemin2);border-block:1px solid var(--cizgi)}
.baslik-blok{max-width:1320px;margin:0 auto clamp(38px,5vw,72px)}
.etiket{font-size:10.4px;letter-spacing:.26em;color:var(--asit);
  display:flex;align-items:center;gap:12px;margin-bottom:20px}
.etiket::before{content:"";width:30px;height:2px;background:var(--asit)}
h2.dev{font-size:clamp(38px,7.4vw,104px)}
h2.dev em{font-style:normal;color:var(--asit)}
.giris{max-width:62ch;color:var(--soluk);margin-top:22px;font-size:17px;font-weight:300}

.dugme{display:inline-block;padding:17px 30px;background:var(--asit);color:var(--siyah);
  font-family:'Martian Mono',monospace;font-size:11.6px;letter-spacing:.16em;
  position:relative;overflow:hidden;transition:color .35s var(--hizli)}
.dugme::after{content:"";position:absolute;inset:0;background:var(--beyaz);
  transform:translateY(101%);transition:transform .42s var(--sert);z-index:0}
.dugme:hover::after{transform:none}
.dugme > *{position:relative;z-index:1}
.not{font-size:10.6px;color:var(--sonuk);letter-spacing:.04em;line-height:1.7}

/* girişte beliren öğeler */
.ac{opacity:0;transform:translateY(26px)}
.ac.gor{opacity:1;transform:none;transition:opacity .7s var(--hizli),transform .85s var(--sert)}

/* =========================================================================
   ÜST: LOGO + CANLI DURUM
   ========================================================================= */
.tepe{position:fixed;top:0;left:0;right:0;z-index:70;
  display:flex;align-items:center;justify-content:space-between;
  padding:16px var(--kenar);
  background:linear-gradient(180deg,rgba(12,13,12,.92),rgba(12,13,12,0))}
.marka{display:flex;align-items:center;gap:11px}
.marka img{width:clamp(22px,2.4vw,30px)}
.marka span{font-family:Anybody,sans-serif;font-size:clamp(15px,1.7vw,21px);
  text-transform:uppercase;letter-spacing:-.01em;font-variation-settings:'wdth' 80,'wght' 500;
  color:var(--beyaz)}
.marka span b{font-variation-settings:'wdth' 80,'wght' 900;color:var(--asit)}
.durum{display:flex;align-items:center;gap:11px;font-family:'Martian Mono',monospace;
  font-size:10.6px;letter-spacing:.14em;color:var(--soluk)}
.durum i{width:8px;height:8px;background:var(--sonuk);flex:none}
.durum.acik i{background:var(--asit);animation:nabiz 2.4s infinite}
.durum.acik .metin{color:var(--beyaz)}
.durum .saat{color:var(--sonuk)}
@keyframes nabiz{0%,100%{opacity:1}50%{opacity:.25}}

/* =========================================================================
   ALT ŞERİT MENÜ
   ========================================================================= */
.serit{position:fixed;left:0;right:0;bottom:0;z-index:71;height:var(--serit-y);
  display:flex;align-items:stretch;background:rgba(9,10,9,.94);
  border-top:1px solid var(--cizgi);backdrop-filter:blur(10px)}
.serit a{flex:1;display:grid;place-items:center;font-family:'Martian Mono',monospace;
  font-size:10.2px;letter-spacing:.13em;text-transform:uppercase;color:var(--soluk);
  position:relative;z-index:2;transition:color .3s}
.serit a:hover{color:var(--beyaz)}
.serit a.burada{color:var(--siyah)}
.kaydirak{position:absolute;top:0;bottom:0;left:0;width:0;background:var(--asit);z-index:1;
  transition:transform .5s var(--sert),width .5s var(--sert)}

/* =========================================================================
   1 · AÇILIŞ
   ========================================================================= */
.acilis{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:end;
  gap:clamp(28px,4vw,64px);padding:clamp(104px,13vw,168px) var(--kenar) clamp(48px,6vw,78px);
  max-width:1560px;margin:0 auto;min-height:calc(100svh - var(--serit-y) - 34px)}
.acilis .ust{font-family:'Martian Mono',monospace;font-size:10.4px;letter-spacing:.22em;
  color:var(--asit);margin-bottom:26px}
/* başlık sol sütuna sığmalı: görselin altına girip kesilmesin */
.acilis h1{font-size:clamp(44px,6.6vw,104px)}
.acilis h1 .satir{display:block}
.ger{display:inline-block;color:var(--asit);
  font-variation-settings:'wdth' 75,'wght' 900;
  transition:font-variation-settings 1.1s var(--sert)}
.ger.genis{font-variation-settings:'wdth' 125,'wght' 900}
.acilis .giris{max-width:46ch;margin-top:30px;font-size:16.6px}
.acilis-olcu{display:flex;flex-wrap:wrap;gap:0 38px;margin-top:38px;padding-top:24px;
  border-top:1px solid var(--cizgi);font-size:11px;letter-spacing:.1em;color:var(--sonuk)}
.acilis-olcu b{color:var(--beyaz);font-weight:500;margin-right:6px}
.acilis-gorsel{position:relative}
/* görsel ekranı taşırmasın: alttaki ölçü satırı ve şerit menü hep görünür kalsın */
.acilis-gorsel img{width:100%;aspect-ratio:4/5;max-height:calc(100svh - 250px);
  object-fit:cover;filter:grayscale(1) contrast(1.12)}
.acilis-etiket{position:absolute;left:0;bottom:0;background:var(--siyah);
  padding:14px 20px;display:flex;flex-direction:column;gap:4px;
  font-size:10.2px;letter-spacing:.16em;border-top:2px solid var(--asit)}
.acilis-etiket span{color:var(--sonuk)}
.acilis-etiket b{color:var(--beyaz);font-weight:400}

/* =========================================================================
   2 · ÇALIŞMA BİÇİMİ · yatay ray
   ========================================================================= */
.ray{max-width:1560px;margin:0 auto;overflow-x:auto;overflow-y:hidden;
  scrollbar-width:none;cursor:grab}
.ray::-webkit-scrollbar{display:none}
.ray.tutuluyor{cursor:grabbing}
.ray-ic{display:flex;gap:1px;background:var(--cizgi);width:max-content;
  border:1px solid var(--cizgi)}
.blok{background:var(--siyah);width:clamp(280px,32vw,420px);padding:clamp(26px,3vw,42px);
  display:flex;flex-direction:column;min-height:clamp(340px,42vw,470px);
  transition:background .4s var(--hizli)}
.blok:hover{background:var(--zemin3)}
.blok-no{font-size:10.2px;letter-spacing:.24em;color:var(--asit);margin-bottom:auto}
.blok h3{font-size:clamp(24px,2.7vw,36px);margin:38px 0 14px;
  font-variation-settings:'wdth' 82,'wght' 800}
.blok p{color:var(--soluk);font-size:15.4px;font-weight:300}
.blok ul{list-style:none;margin-top:22px;padding-top:16px;border-top:1px solid var(--cizgi-i);
  display:flex;flex-wrap:wrap;gap:6px 20px;font-size:10.4px;letter-spacing:.08em;color:var(--sonuk)}
.blok-foto{width:clamp(240px,26vw,340px);padding:0}
.blok-foto img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15)}
.ray-ipucu{max-width:1560px;margin:16px auto 0;font-size:10.2px;letter-spacing:.14em;
  color:var(--sonuk)}

/* =========================================================================
   3 · HAFTALIK ÇİZELGE
   ========================================================================= */
.cizelge-sar{max-width:1560px;margin:0 auto;overflow-x:auto;scrollbar-width:none}
.cizelge-sar::-webkit-scrollbar{display:none}
.cizelge{display:grid;grid-template-columns:74px repeat(7,minmax(122px,1fr));
  gap:1px;background:var(--cizgi);border:1px solid var(--cizgi);min-width:900px}
.cz{background:var(--siyah);padding:12px 13px;min-height:64px}
.cz.bas{background:var(--zemin2);font-family:'Martian Mono',monospace;font-size:10.2px;
  letter-spacing:.12em;color:var(--soluk);min-height:52px;display:flex;align-items:center}
.cz.bas.bugun{background:var(--asit);color:var(--siyah)}
.cz.saat{background:var(--zemin2);font-family:'Martian Mono',monospace;font-size:10.4px;
  color:var(--sonuk);display:flex;align-items:center}
.cz.ders{cursor:pointer;transition:background .3s var(--hizli)}
.cz.ders:hover{background:var(--zemin3)}
.cz.ders b{display:block;font-family:Anybody,sans-serif;font-size:15px;font-weight:700;
  text-transform:uppercase;font-variation-settings:'wdth' 82,'wght' 700;line-height:1.1}
.cz.ders span{display:block;font-family:'Martian Mono',monospace;font-size:9.6px;
  color:var(--sonuk);margin-top:6px;letter-spacing:.08em}
.cz.ders.dolu{opacity:.4;cursor:default}
.cz.ders.dolu:hover{background:var(--siyah)}
.cz.ders.bugun{box-shadow:inset 2px 0 0 var(--asit)}
.cz.bos{background:var(--siyah)}

/* =========================================================================
   4 · GÜÇ HESABI
   ========================================================================= */
.guc-sar{max-width:1560px;margin:0 auto;display:grid;grid-template-columns:.82fr 1.18fr;
  gap:clamp(24px,3.4vw,60px);align-items:start}
.guc-form{border:1px solid var(--cizgi);padding:clamp(24px,3vw,38px);background:var(--siyah)}
.alan{display:block;margin-bottom:22px}
.alan span{display:block;font-size:10.2px;letter-spacing:.18em;color:var(--sonuk);
  margin-bottom:9px}
.alan input,.alan select{width:100%;padding:15px 16px;background:var(--zemin3);
  border:1px solid var(--cizgi);font-size:16px;transition:border-color .3s}
.alan input:focus,.alan select:focus{outline:0;border-color:var(--asit)}
.guc-form .dugme{width:100%;text-align:center;margin-top:6px}
.guc-form .not{margin-top:16px}
.guc-sonuc{border:1px solid var(--cizgi);padding:clamp(24px,3vw,42px);min-height:320px;
  background:var(--siyah);display:flex;flex-direction:column;justify-content:center}
.guc-sonuc .bos{color:var(--sonuk);font-size:11.4px;letter-spacing:.1em}
.guc-sonuc.yeni{animation:vur .42s var(--sert)}
@keyframes vur{0%{transform:scale(.985);opacity:.4}100%{transform:none;opacity:1}}
.guc-buyuk{font-family:Anybody,sans-serif;font-size:clamp(52px,8vw,112px);line-height:.9;
  color:var(--asit);font-variation-settings:'wdth' 78,'wght' 900}
.guc-buyuk small{font-size:.3em;color:var(--soluk);margin-left:.14em;
  font-variation-settings:'wdth' 100,'wght' 500}
.guc-alt{font-family:'Martian Mono',monospace;font-size:10.6px;letter-spacing:.12em;
  color:var(--soluk);margin-top:14px}
.guc-tablo{margin-top:28px;border-top:1px solid var(--cizgi)}
.guc-satir{display:grid;grid-template-columns:78px 1fr auto;gap:14px;align-items:center;
  padding:11px 0;border-bottom:1px solid var(--cizgi-i);
  font-family:'Martian Mono',monospace;font-size:11px;letter-spacing:.06em}
.guc-satir i{font-style:normal;color:var(--sonuk)}
.guc-satir .cubuk{height:2px;background:var(--cizgi);position:relative}
.guc-satir .cubuk u{position:absolute;inset:0;background:var(--asit);text-decoration:none;
  transform:scaleX(0);transform-origin:0 50%;transition:transform .9s var(--sert)}
.guc-satir.gor .cubuk u{transform:scaleX(var(--o,.5))}
.guc-satir b{color:var(--beyaz);font-weight:500}

/* =========================================================================
   5 · SANA UYANI BUL
   ========================================================================= */
.yol-sar{max-width:1560px;margin:0 auto;border:1px solid var(--cizgi);
  min-height:clamp(300px,36vw,420px);display:flex;flex-direction:column;
  padding:clamp(24px,3.2vw,48px);background:var(--siyah)}
.yol-soru h3{font-size:clamp(24px,3.6vw,46px);margin-bottom:26px;
  font-variation-settings:'wdth' 84,'wght' 800}
.yol-secenek{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;
  background:var(--cizgi);border:1px solid var(--cizgi)}
.yol-secenek button{background:var(--siyah);padding:20px 22px;text-align:left;
  font-size:15.4px;transition:background .3s,color .3s}
.yol-secenek button:hover{background:var(--asit);color:var(--siyah)}
.yol-ilerleme{margin-top:auto;padding-top:24px;display:flex;align-items:center;gap:14px;
  font-family:'Martian Mono',monospace;font-size:10.2px;letter-spacing:.14em;color:var(--sonuk)}
.yol-ilerleme .ray2{flex:1;height:2px;background:var(--cizgi);position:relative}
.yol-ilerleme .ray2 i{position:absolute;inset:0;background:var(--asit);transform-origin:0 50%;
  transform:scaleX(0);transition:transform .5s var(--sert)}
.yol-cevap{animation:vur .5s var(--sert)}
.yol-cevap .ad{font-family:Anybody,sans-serif;font-size:clamp(30px,5vw,64px);color:var(--asit);
  font-variation-settings:'wdth' 80,'wght' 900;text-transform:uppercase;line-height:.95}
.yol-cevap p{color:var(--soluk);max-width:56ch;margin-top:18px;font-weight:300}
.yol-cevap .kim{margin-top:26px;padding-top:20px;border-top:1px solid var(--cizgi);
  display:flex;align-items:center;gap:16px}
.yol-cevap .kim img{width:62px;height:62px;object-fit:cover;filter:grayscale(1);flex:none}
.yol-cevap .kim b{display:block;font-family:Anybody,sans-serif;font-size:20px;
  text-transform:uppercase;font-variation-settings:'wdth' 84,'wght' 700}
.yol-cevap .kim span{font-family:'Martian Mono',monospace;font-size:10.2px;color:var(--sonuk)}
.yol-bas{margin-top:26px}

/* =========================================================================
   6 · ÜYELİK
   ========================================================================= */
.uyelik-sar{max-width:1560px;margin:0 auto}
.gun-sec{display:flex;flex-wrap:wrap;gap:1px;background:var(--cizgi);border:1px solid var(--cizgi);
  margin-bottom:26px}
.gun-sec button{flex:1;min-width:120px;background:var(--siyah);padding:16px 12px;
  font-family:'Martian Mono',monospace;font-size:10.6px;letter-spacing:.12em;
  color:var(--soluk);transition:.3s}
.gun-sec button:hover{color:var(--beyaz)}
.gun-sec button.secili{background:var(--asit);color:var(--siyah)}
.uyelik-tablo{border:1px solid var(--cizgi)}
.uy{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:clamp(12px,2vw,30px);
  align-items:center;padding:clamp(20px,2.4vw,30px) clamp(18px,2.4vw,32px);
  border-bottom:1px solid var(--cizgi-i);transition:background .35s var(--hizli)}
.uy:last-child{border-bottom:0}
.uy:hover{background:var(--zemin3)}
.uy h3{font-size:clamp(21px,2.4vw,32px);font-variation-settings:'wdth' 84,'wght' 800}
.uy .kapsam{font-family:'Martian Mono',monospace;font-size:10.2px;color:var(--sonuk);
  margin-top:7px;letter-spacing:.08em}
.uy .aylik{font-family:'Martian Mono',monospace;font-size:13px;color:var(--beyaz)}
.uy .aylik i{display:block;font-style:normal;font-size:9.8px;color:var(--sonuk);margin-top:5px}
.uy .basi{font-family:Anybody,sans-serif;font-size:clamp(24px,3vw,42px);color:var(--asit);
  font-variation-settings:'wdth' 80,'wght' 900;line-height:1}
.uy .basi small{display:block;font-family:'Martian Mono',monospace;font-size:9.6px;
  color:var(--sonuk);margin-top:6px;letter-spacing:.1em}
.uy .sec{font-family:'Martian Mono',monospace;font-size:10.4px;letter-spacing:.14em;
  border-bottom:2px solid var(--asit);padding-bottom:4px;white-space:nowrap}

/* =========================================================================
   7 · EKİP
   ========================================================================= */
.ekip-sar{max-width:1560px;margin:0 auto;display:grid;grid-template-columns:1.35fr .65fr;
  gap:clamp(24px,3.4vw,56px);align-items:start}
.ekip-liste{border-top:1px solid var(--cizgi)}
.ek{display:grid;grid-template-columns:clamp(140px,15vw,208px) 1fr auto;gap:18px;align-items:baseline;
  padding:clamp(20px,2.6vw,32px) 0;border-bottom:1px solid var(--cizgi);cursor:pointer;
  transition:padding-left .45s var(--sert)}
.ek:hover,.ek.secili{padding-left:18px}
.ek h3{font-size:clamp(26px,3.6vw,52px);font-variation-settings:'wdth' 82,'wght' 800;
  transition:color .35s}
.ek.secili h3{color:var(--asit)}
.ek .rol{font-family:'Martian Mono',monospace;font-size:10.2px;letter-spacing:.14em;
  color:var(--sonuk)}
.ek .not2{font-family:'Martian Mono',monospace;font-size:10px;color:var(--sonuk);
  text-align:right;max-width:20ch;line-height:1.7}
.ekip-foto{position:sticky;top:96px;border:1px solid var(--cizgi);aspect-ratio:4/5;
  overflow:hidden;background:var(--zemin2)}
.ekip-foto img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1);
  opacity:0;transition:opacity .5s var(--hizli),transform .9s var(--sert);
  position:absolute;inset:0;transform:scale(1.06)}
.ekip-foto img.gor{opacity:1;transform:none}

/* =========================================================================
   7b · MEKÂN · asimetrik yerleşim, kart yok
   ========================================================================= */
.mekan{max-width:1560px;margin:0 auto;display:grid;
  grid-template-columns:1.42fr 1fr;grid-template-rows:auto auto;gap:1px;
  background:var(--cizgi);border:1px solid var(--cizgi)}
.mk{position:relative;background:var(--siyah);overflow:hidden}
.mk-buyuk{grid-row:1/3}
.mk img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.14);
  transition:transform 1.1s var(--sert),filter .6s var(--hizli)}
.mk:hover img{transform:scale(1.035);filter:grayscale(1) contrast(1.24)}
.mk-buyuk img{aspect-ratio:auto;min-height:clamp(360px,46vw,660px)}
.mk:not(.mk-buyuk) img{aspect-ratio:16/9.4}
.mk figcaption{position:absolute;left:0;bottom:0;background:var(--siyah);
  padding:11px 16px;font-size:9.6px;letter-spacing:.16em;color:var(--soluk);
  border-top:2px solid var(--asit)}
@media (max-width:900px){
  .mekan{grid-template-columns:1fr}
  .mk-buyuk{grid-row:auto}
  .mk-buyuk img{min-height:0;aspect-ratio:4/3}
}

/* =========================================================================
   8 · ÖLÇÜ ŞERİDİ
   ========================================================================= */
.olcu-serit{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;
  background:var(--cizgi);border-block:1px solid var(--cizgi)}
.olcu{background:var(--zemin2);padding:clamp(34px,5vw,66px) clamp(20px,3vw,40px)}
.olcu b{display:block;font-family:Anybody,sans-serif;font-size:clamp(42px,6.4vw,88px);
  line-height:.9;font-variation-settings:'wdth' 78,'wght' 900}
.olcu span{display:block;margin-top:12px;font-size:10.2px;letter-spacing:.16em;
  color:var(--sonuk)}

/* =========================================================================
   9 · İLK GÜN
   ========================================================================= */
.ilk-gun{list-style:none;max-width:1560px;margin:0 auto;counter-reset:yok}
.ig{display:grid;grid-template-columns:120px 1fr;gap:clamp(18px,3vw,48px);
  padding:clamp(22px,2.8vw,36px) 0;border-top:1px solid var(--cizgi);align-items:start}
.ig:last-child{border-bottom:1px solid var(--cizgi)}
.ig .dk{font-family:'Martian Mono',monospace;font-size:11px;letter-spacing:.1em;
  color:var(--asit);padding-top:6px}
.ig h3{font-size:clamp(21px,2.6vw,34px);font-variation-settings:'wdth' 84,'wght' 800;
  margin-bottom:10px}
.ig p{color:var(--soluk);font-weight:300;max-width:66ch;font-size:15.6px}

/* =========================================================================
   10 · SIK SORULANLAR
   ========================================================================= */
.sorular{max-width:1560px;margin:0 auto;border-top:1px solid var(--cizgi)}
.sr{border-bottom:1px solid var(--cizgi)}
.sr > button{width:100%;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;
  padding:clamp(20px,2.4vw,30px) 0;text-align:left;font-family:Anybody,sans-serif;
  font-size:clamp(18px,2.2vw,28px);text-transform:uppercase;
  font-variation-settings:'wdth' 84,'wght' 700;transition:color .3s}
.sr > button:hover{color:var(--asit)}
.sr .im{width:16px;height:16px;position:relative;flex:none}
.sr .im::before,.sr .im::after{content:"";position:absolute;background:var(--asit);
  transition:transform .4s var(--sert)}
.sr .im::before{left:0;right:0;top:7px;height:2px}
.sr .im::after{top:0;bottom:0;left:7px;width:2px}
.sr.acik .im::after{transform:scaleY(0)}
.sr .cevap{max-height:0;overflow:hidden;transition:max-height .5s var(--sert)}
.sr .cevap p{color:var(--soluk);font-weight:300;max-width:78ch;padding-bottom:26px;
  font-size:15.8px}

/* =========================================================================
   11 · CÜMLE FORMU
   ========================================================================= */
.cumle{max-width:1200px;margin:0 auto}
.cumle-metin{font-family:Anybody,sans-serif;font-size:clamp(22px,3.4vw,44px);line-height:1.5;
  text-transform:uppercase;font-variation-settings:'wdth' 84,'wght' 700}
.cumle input,.cumle select{font-family:Anybody,sans-serif;font-size:inherit;
  text-transform:uppercase;font-variation-settings:'wdth' 84,'wght' 700;
  color:var(--asit);border-bottom:2px solid var(--asit);padding:0 6px 2px;
  background:none;cursor:pointer;max-width:100%}
.cumle input{cursor:text}
.cumle input,.cumle select{field-sizing:content;min-width:4ch}
.cumle select{appearance:none;-webkit-appearance:none;padding-right:22px;
  background-image:linear-gradient(45deg,transparent 50%,var(--asit) 50%),
    linear-gradient(135deg,var(--asit) 50%,transparent 50%);
  background-position:calc(100% - 12px) .58em,calc(100% - 6px) .58em;
  background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.cumle.gonderildi input,.cumle.gonderildi select{pointer-events:none;border-bottom-color:var(--sonuk)}
.cumle input::placeholder{color:rgba(201,255,47,.42)}
.cumle input:focus,.cumle select:focus{outline:0;background:rgba(201,255,47,.1)}
.cumle select option{background:var(--siyah);color:var(--beyaz);font-size:15px}
.cumle .dugme{margin-top:clamp(30px,4vw,52px)}
.cumle .not{margin-top:16px}
.cumle.gonderildi .cumle-metin{opacity:.35}

/* =========================================================================
   ALT BİLGİ
   ========================================================================= */
.alt{border-top:1px solid var(--cizgi);padding:clamp(48px,6vw,84px) var(--kenar) 30px;
  background:var(--zemin2)}
.alt-ic{max-width:1560px;margin:0 auto;display:flex;flex-wrap:wrap;gap:34px;
  justify-content:space-between;align-items:flex-start}
.alt-marka{margin-bottom:16px}
.alt-ic p{font-size:10.6px;letter-spacing:.08em;color:var(--sonuk);line-height:1.9}
.alt-bag{display:flex;flex-direction:column;gap:9px;font-size:11px;letter-spacing:.1em}
.alt-bag a{color:var(--soluk);transition:color .3s}
.alt-bag a:hover{color:var(--asit)}
.alt-son{max-width:1560px;margin:clamp(38px,5vw,64px) auto 0;padding-top:22px;
  border-top:1px solid var(--cizgi-i);display:flex;flex-wrap:wrap;gap:14px;
  justify-content:space-between;font-size:9.8px;letter-spacing:.1em;color:var(--sonuk)}

/* =========================================================================
   BİLOCOM ROZETİ (tüm portföyde aynı)
   ========================================================================= */
.bc-rozet{position:fixed;right:26px;bottom:calc(var(--serit-y) + 22px);z-index:72;
  width:56px;height:56px;border-radius:50%;background:#101217;
  border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;
  box-shadow:0 16px 40px -16px rgba(0,0,0,.6);
  transition:transform .45s var(--sert),box-shadow .45s var(--sert)}
.bc-rozet:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 22px 50px -18px rgba(0,0,0,.7)}
.bc-rozet img{width:28px}
.bc-rozet::after{content:"";position:absolute;inset:-5px;border-radius:50%;
  border:1px solid rgba(236,239,232,.22);opacity:0;transform:scale(.9);transition:.5s var(--sert)}
.bc-rozet:hover::after{opacity:1;transform:scale(1)}

.bc-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:26px;
  pointer-events:none;opacity:0;transition:opacity .4s}
.bc-modal.acik{pointer-events:auto;opacity:1}
.bc-modal .fon{position:absolute;inset:0;background:rgba(6,7,6,.72);backdrop-filter:blur(6px)}
.bc-kutu{position:relative;background:#0f1116;color:#eef1f5;border:1px solid rgba(255,255,255,.12);
  border-radius:16px;padding:44px 44px 38px;max-width:520px;width:100%;text-align:center;
  transform:translateY(22px) scale(.97);transition:transform .5s var(--sert)}
.bc-modal.acik .bc-kutu{transform:none}
.bc-kutu img{width:150px;margin:0 auto 26px}
.bc-kutu h3{font-family:Chivo,sans-serif;font-size:23px;font-weight:500;text-transform:none;
  letter-spacing:0;margin-bottom:13px;color:#fff}
.bc-kutu p{font-size:15px;color:#9aa4b2;margin-bottom:12px;line-height:1.65}
.bc-kutu .fiyat{font-family:'Martian Mono',monospace;font-size:11px;letter-spacing:.12em;
  color:#eef1f5;margin:22px 0 26px;padding:14px 0;border-block:1px solid rgba(255,255,255,.1)}
.bc-dugmeler{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.bc-dugmeler a{padding:14px 24px;border-radius:9px;font-family:'Martian Mono',monospace;
  font-size:10.6px;letter-spacing:.14em;text-transform:uppercase;transition:.35s}
.bc-dugmeler .ana{background:#eef1f5;color:#0f1116}
.bc-dugmeler .ana:hover{transform:translateY(-2px)}
.bc-dugmeler .ikinci{border:1px solid rgba(255,255,255,.2);color:#eef1f5}
.bc-dugmeler .ikinci:hover{border-color:rgba(255,255,255,.45)}
.bc-kapat{position:absolute;top:14px;right:18px;color:#7c8695;font-size:22px;line-height:1}

/* =========================================================================
   DAR EKRAN
   ========================================================================= */
@media (max-width:1080px){
  .acilis{grid-template-columns:1fr;min-height:0;gap:36px;padding-top:112px}
  .acilis-gorsel img{aspect-ratio:3/2.4}
  .guc-sar,.ekip-sar{grid-template-columns:1fr}
  .ekip-foto{display:none}
  .uy{grid-template-columns:1fr auto;row-gap:14px}
  .uy .aylik{grid-column:1;grid-row:2}
  .uy .basi{grid-column:2;grid-row:2;text-align:right}
  .uy .sec{grid-column:1/-1;justify-self:start}
}
@media (max-width:720px){
  :root{--serit-y:52px}
  .serit{overflow-x:auto;scrollbar-width:none}
  .serit::-webkit-scrollbar{display:none}
  .serit a{flex:none;padding:0 18px}
  .kaydirak{display:none}
  .serit a.burada{color:var(--asit)}
  .tepe{padding:12px var(--kenar)}
  .durum .saat{display:none}
  .ig{grid-template-columns:1fr;gap:10px}
  .cumle-metin{font-size:clamp(19px,5.6vw,28px);line-height:1.7}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
}