@import url(/theme/v1.css);

/* v4 — "Mühendislik Föyü": xella.com/de_DE düzen dilinden esinlenilmiştir.
   v1'in (Heidelberg) karşıt kutbu: sıfır radius, Roboto, başlıklar NORMAL ağırlık,
   tek-renk disiplini (aksan yok), ortalanmış manifesto metni, çizgi+etiket başlık deseni.
   Marka renkleri değişmez — palet base.css'ten gelir. */
:root{--r:0px}

body{font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;color:#111}
h1,h2,h3,h4{font-family:Roboto,system-ui,sans-serif;font-weight:400;letter-spacing:0;color:#111}
h1{font-size:clamp(1.9rem,4.4vw,2.9rem);line-height:1.12}
h2{font-size:clamp(1.5rem,3vw,2.15rem);line-height:1.18}
h3{font-size:clamp(1.1rem,1.7vw,1.3rem);font-weight:500}
strong,b{font-weight:500}
/* köşeler tamamen keskin */
.kart-gor,.gor,.slide-gor,.slide-kart,.acc-ic .gor,.harita,.ftr-logo,.mega .col.hi,
.phead-gor .in,.gal a,.v4-blok{border-radius:0!important}

/* ---------------------------------------------------------------- header (iki katlı) */
.hdr{background:#fff;border-bottom:1px solid #e3e3e3}
.hdr.stuck{box-shadow:0 2px 10px rgba(0,0,0,.06)}
.hdr-in{min-height:92px;align-items:center}
.logo img{height:56px}
.hdr-tel{font-family:Roboto,sans-serif;font-weight:500;color:var(--marka)}
.hdr-tel svg{fill:var(--marka)}
.mtoggle{font-family:Roboto,sans-serif;font-weight:500;color:#111}
.mtoggle .bars i{background:var(--marka);height:2px}
.mega{background:#fff;border-top:1px solid #e3e3e3}
.mega .col > span{font-family:Roboto,sans-serif;font-weight:500;color:var(--marka);letter-spacing:.1em}
.mega a{color:#111;font-weight:400}
.mega a:hover{color:var(--marka);border-color:var(--marka)}
.mega .col.hi{background:var(--marka-sis)}
.yan{background:var(--marka);border-radius:0;font-family:Roboto,sans-serif;font-weight:500}
.yan:hover{background:var(--marka-koyu)}

/* ---------------------------------------------------------------- butonlar (keskin) */
.btn{font-family:Roboto,sans-serif;font-weight:500;border-width:1.5px;padding:.85rem 1.6rem}
.btn-yesil{background:var(--marka);color:#fff;border-color:var(--marka)}
.btn-yesil:hover{background:var(--marka-koyu);border-color:var(--marka-koyu)}
.btn-hat{border-color:var(--marka);color:var(--marka)}
.btn-hat:hover{background:var(--marka);color:#fff}
.btn-dolu{background:var(--marka-koyu);color:#fff;border-color:var(--marka-koyu)}
.btn-dolu:hover{background:var(--marka)}

/* ---------------------------------------------------------------- imza 1: tam-kanama hero + köşe blok */
.v4-hero{position:relative;min-height:min(76vh,660px);display:flex;align-items:flex-end;overflow:hidden}
.v4-hero-bg{position:absolute;inset:0}
.v4-hero-bg img{width:100%;height:100%;object-fit:cover}
.v4-hero-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(var(--golge),.16),rgba(var(--golge),.42))}
.v4-hero .wrap{position:relative;z-index:2;padding-bottom:clamp(2rem,5vw,4rem)}
.v4-blok{background:var(--marka);color:#fff;padding:clamp(1.75rem,3.4vw,2.75rem);
  max-width:min(52ch,54%)}
.v4-blok .ust{display:block;font:500 .78rem/1.4 Roboto,sans-serif;letter-spacing:.13em;
  text-transform:uppercase;color:#fff;opacity:.9;margin-bottom:1rem}
.v4-blok h1{color:#fff;font-weight:400;margin:0}
.v4-blok p{color:#fff;opacity:.94;margin:1rem 0 0;font-size:1.02rem}
.v4-blok .btn{margin-top:1.6rem;border-color:#fff;color:#fff;background:none}
.v4-blok .btn:hover{background:#fff;color:var(--marka)}
@media (max-width:820px){.v4-blok{max-width:none}}

/* ---------------------------------------------------------------- imza 2: ortalanmış manifesto */
.v4-manifest{padding:clamp(3.5rem,8vw,7rem) 0;background:#f6f5f5}
.v4-manifest.beyaz{background:#fff}
.v4-manifest p{width:min(58ch,100% - var(--ic)*2);margin:0 auto;text-align:center;
  font-size:clamp(1.25rem,2.5vw,2.1rem);line-height:1.28;font-weight:300;color:var(--marka-koyu)}
.v4-manifest p em{font-style:normal;font-weight:500;color:var(--marka)}

/* ---------------------------------------------------------------- imza 3: çizgi + etiket + girintili başlık */
.v4-slik{margin-bottom:clamp(2rem,4vw,3.25rem)}
.v4-slik .et{display:flex;align-items:center;gap:1.1rem;margin-bottom:.9rem}
.v4-slik .et::before{content:"";width:clamp(48px,7vw,92px);height:2px;background:var(--marka);flex:none}
.v4-slik .et span{font:500 .76rem/1 Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase;
  color:var(--marka)}
.v4-slik h2{padding-left:clamp(0px,7vw,92px);margin:0;max-width:34ch}
.v4-slik p{padding-left:clamp(0px,7vw,92px);margin:1rem 0 0;color:#4a4a4a;max-width:62ch}
@media (max-width:700px){.v4-slik h2,.v4-slik p{padding-left:0}}

/* ---------------------------------------------------------------- imza 4: asimetrik iki kolon */
.v4-iki{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.68fr);
  gap:clamp(2rem,6vw,5.5rem);align-items:center}
.v4-iki .g{overflow:hidden;aspect-ratio:16/10}
.v4-iki .g img{width:100%;height:100%;object-fit:cover}
.v4-iki p{color:#333}
.v4-iki .son{font-weight:500;color:var(--marka)}
@media (max-width:860px){.v4-iki{grid-template-columns:1fr}}

/* ---------------------------------------------------------------- kart ızgarası (keskin, çizgisiz) */
.v4-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:clamp(1.5rem,2.6vw,2.25rem)}
.v4-kart{display:block}
.v4-kart .g{aspect-ratio:4/3;overflow:hidden;margin-bottom:1.1rem}
.v4-kart .g img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.v4-kart:hover .g img{transform:scale(1.04)}
.v4-kart h3{margin-bottom:.5rem;color:#111}
.v4-kart:hover h3{color:var(--marka)}
.v4-kart p{color:#555;font-size:.95rem;margin:0}
.v4-kart .oku{display:inline-block;margin-top:.85rem;font:500 .92rem Roboto,sans-serif;
  color:var(--marka);border-bottom:1.5px solid currentColor;padding-bottom:2px}

/* ---------------------------------------------------------------- sayı şeridi (çizgili, keskin) */
.v4-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  border-top:2px solid var(--marka)}
.v4-stat{padding:1.6rem 1.5rem 1.6rem 0;border-right:1px solid #e0e0e0}
.v4-stat:last-child{border-right:0}
.v4-stat b{display:block;font:300 clamp(2rem,3.8vw,2.9rem)/1 Roboto,sans-serif;color:var(--marka)}
.v4-stat span{display:block;margin-top:.4rem;font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;
  color:#555;font-weight:500}

/* ---------------------------------------------------------------- liste (ince, keskin) */
.v4-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0}
.v4-liste div{padding:1.05rem 1rem 1.05rem 0;border-bottom:1px solid #e0e0e0;font-size:.98rem;color:#222}
.v4-liste div b{display:block;font-weight:500}
.v4-liste div span{display:block;margin-top:.25rem;font-size:.76rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--marka)}

/* ---------------------------------------------------------------- dolu marka footer */
.ftr{background:var(--marka)}
.ftr .ftr-logo{background:none;padding:0}
.ftr h4{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:.1em}
.ftr,.ftr .adres,.ftr li{color:rgba(255,255,255,.86)}
.ftr a:hover{color:#fff}
.ftr-alt{border-top-color:rgba(255,255,255,.28)}
.grup a{background:var(--marka-koyu)}
.grup a:hover{background:#111}
.vsec a.on{background:#fff;border-color:#fff;color:var(--marka)}

/* iç sayfa başlığı — keskin, düz marka zemini */
.phead{background:var(--marka)}
.phead::after{display:none}
.phead h1{font-weight:400}