/* ============================================================
   EGEMEN PREFABRİK — anasayfa
   Renk sistemi logodan türetildi: lacivert + turuncu + beton grisi
   ============================================================ */
:root{
  --navy:#06214C;
  --navy-600:#093270;
  --navy-400:#24518F;
  --turuncu:#F18622;
  --turuncu-dark:#D46F12;
  --beton:#F3F1ED;
  --beton-2:#E8E5DE;
  --cizgi:#DCD8D0;
  --gri:#6B7789;
  --metin:#131A26;
  --kagit:#FFFFFF;

  --display:'Archivo',system-ui,sans-serif;
  --body:'Inter',system-ui,sans-serif;
  --etiket:'Barlow Condensed',system-ui,sans-serif;

  --max:1240px;
  --r:4px;
  --gecis:.35s cubic-bezier(.2,.7,.3,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;font-style:normal!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--body);color:var(--metin);background:var(--kagit);
  font-size:16px;line-height:1.65;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--turuncu);outline-offset:2px}

.kap{width:100%;max-width:var(--max);margin:0 auto;padding:0 24px}
.sec{padding:104px 0}
.sec--beton{background:var(--beton)}
.sec--navy{background:var(--navy-600);color:#fff}

/* --- başlık tipografisi --- */
.h1{font-family:var(--display);font-weight:800;font-size:clamp(2.3rem,5.4vw,4.1rem);line-height:1.02;letter-spacing:-.025em;text-transform:uppercase}
.h2{font-family:var(--display);font-weight:800;font-size:clamp(1.85rem,3.6vw,2.85rem);line-height:1.08;letter-spacing:-.022em;text-transform:uppercase}
.h3{font-family:var(--display);font-weight:700;font-size:1.25rem;line-height:1.25;letter-spacing:-.01em}
.lead{font-size:clamp(1rem,1.6vw,1.14rem);color:var(--gri);max-width:62ch}
.sec--navy .lead{color:#A9BAD6}

/* --- İMZA ÖĞE: ölçü çizgisi (teknik çizim dili) --- */
.olcu{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.olcu__cizgi{position:relative;flex:0 0 62px;height:1px;background:var(--navy-600)}
.olcu__cizgi::before,.olcu__cizgi::after{content:"";position:absolute;top:-4px;width:1px;height:9px;background:var(--navy-600)}
.olcu__cizgi::before{left:0}.olcu__cizgi::after{right:0}
.olcu__yazi{font-family:var(--etiket);font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:.86rem;color:var(--navy-600)}
.sec--navy .olcu__cizgi,.sec--navy .olcu__cizgi::before,.sec--navy .olcu__cizgi::after{background:var(--turuncu)}
.sec--navy .olcu__yazi{color:var(--turuncu)}
.olcu--ac{justify-content:center}
.hero .olcu__yazi{color:#fff}
.hero .olcu__cizgi,.hero .olcu__cizgi::before,.hero .olcu__cizgi::after{background:var(--turuncu)}

/* --- butonlar --- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--display);font-weight:700;font-size:.95rem;letter-spacing:.02em;
  padding:15px 28px;border:0;border-radius:var(--r);cursor:pointer;
  transition:transform .15s ease,background var(--gecis),color var(--gecis);
  text-transform:uppercase;
}
.btn:active{transform:translateY(1px)}
.btn--turuncu{background:var(--turuncu);color:#06214C}
.btn--turuncu:hover{background:#ffa338}
.btn--navy{background:var(--navy-600);color:#fff}
.btn--navy:hover{background:var(--navy)}
.btn--hayalet{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}
.btn--hayalet:hover{background:#fff;color:var(--navy)}
.btn--blok{width:100%}

/* ============ HEADER ============ */
.ust{background:var(--navy);color:#C3D0E6;font-family:var(--etiket);letter-spacing:.06em;font-size:.95rem}
.ust__ic{display:flex;justify-content:space-between;align-items:center;height:38px;gap:20px}
.ust__sol{display:flex;gap:22px;align-items:center;white-space:nowrap;overflow:hidden}
.ust a:hover{color:#fff}
.ust__nokta{width:6px;height:6px;background:var(--turuncu);border-radius:50%;flex:0 0 auto}

.bas{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--cizgi);transition:box-shadow var(--gecis)}
.bas.kucult{box-shadow:0 8px 26px rgba(9,50,112,.09)}
.bas__ic{display:flex;align-items:center;justify-content:space-between;gap:26px;height:86px;transition:height var(--gecis)}
.bas.kucult .bas__ic{height:70px}

.logo{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.logo img{height:42px;width:auto;display:block;transition:height var(--gecis)}
.bas.kucult .logo img{height:36px}
.logo__yazi{line-height:1}
.logo__ad{font-family:var(--display);font-weight:800;font-size:1.32rem;letter-spacing:-.02em;color:var(--navy-600);display:block}
.logo__alt{font-family:var(--etiket);font-weight:600;font-size:.78rem;letter-spacing:.3em;color:var(--navy-400);display:flex;align-items:center;gap:7px;margin-top:3px;white-space:nowrap}
.logo__alt::before,.logo__alt::after{content:"";flex:1 0 12px;height:1px;background:currentColor;opacity:.55}

.menu{display:flex;align-items:center;gap:4px}
.menu a{
  font-family:var(--display);font-weight:600;font-size:.92rem;padding:10px 13px;border-radius:var(--r);
  color:var(--navy);position:relative;transition:color var(--gecis);white-space:nowrap;
}
.menu a::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:2px;background:var(--turuncu);transform:scaleX(0);transform-origin:left;transition:transform var(--gecis)}
.menu a:hover::after,.menu a.aktif::after{transform:scaleX(1)}
.bas__sag{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.tel-kutu{display:flex;flex-direction:column;line-height:1.15}
.tel-kutu span{font-family:var(--etiket);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gri)}
.tel-kutu strong{font-family:var(--display);font-weight:800;font-size:1.05rem;color:var(--navy-600)}

.hamburger{display:none;width:46px;height:46px;background:var(--navy);border:0;border-radius:var(--r);cursor:pointer;position:relative}
.hamburger i{position:absolute;left:13px;width:20px;height:2px;background:#fff;transition:var(--gecis)}
.hamburger i:nth-child(1){top:16px}.hamburger i:nth-child(2){top:22px}.hamburger i:nth-child(3){top:28px}
body.menu-acik .hamburger i:nth-child(1){top:22px;transform:rotate(45deg)}
body.menu-acik .hamburger i:nth-child(2){opacity:0}
body.menu-acik .hamburger i:nth-child(3){top:22px;transform:rotate(-45deg)}

.mobil{
  position:fixed;inset:0;z-index:55;background:var(--navy);padding:110px 24px 40px;
  transform:translateY(-100%);transition:transform .45s cubic-bezier(.2,.7,.3,1);overflow-y:auto;
}
body.menu-acik .mobil{transform:translateY(0)}
.mobil a{display:block;font-family:var(--display);font-weight:700;font-size:1.5rem;color:#fff;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12);text-transform:uppercase}
.mobil a:hover{color:var(--turuncu)}
.mobil__alt{margin-top:28px;display:grid;gap:12px}

/* ============ HERO ============ */
.hero{position:relative;background:var(--navy);color:#fff;overflow:hidden}
.hero__gorsel{position:absolute;inset:0}
.hero__gorsel img{width:100%;height:100%;object-fit:cover;opacity:.42}
.hero__perde{position:absolute;inset:0;background:
  linear-gradient(105deg,rgba(9,50,112,.95) 0%,rgba(9,50,112,.84) 44%,rgba(9,50,112,.5) 76%,rgba(9,50,112,.72) 100%)}
.hero__izgara{position:absolute;inset:0;opacity:.16;pointer-events:none;background-image:
  linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(to bottom,#000 0,transparent 78%)}
.hero__ic{position:relative;display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center;padding:88px 0 96px}
.hero .h1{color:#fff}
.hero .h1 em{color:var(--turuncu);font-weight:800}
.hero__aciklama{margin-top:22px;font-size:1.1rem;color:#C6D3E9;max-width:54ch}
.hero__butonlar{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.hero__rozet{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px}
.rozet{
  display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:100px;
  background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
  font-family:var(--etiket);font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;color:#DCE6F7;
}
.rozet b{color:var(--turuncu);font-family:var(--display);font-weight:800;font-size:.9rem}

/* teklif formu */
.form-kart{background:#fff;color:var(--metin);border-radius:6px;padding:30px;box-shadow:0 26px 60px rgba(4,22,52,.4);position:relative}
.form-kart::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--turuncu);border-radius:6px 6px 0 0}
.form-kart h3{font-family:var(--display);font-weight:800;font-size:1.35rem;letter-spacing:-.02em;text-transform:uppercase;line-height:1.1}
.form-kart p{font-size:.9rem;color:var(--gri);margin-top:7px;margin-bottom:20px}
.alan{margin-bottom:13px}
.alan label{display:block;font-family:var(--etiket);font-size:.86rem;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-600);margin-bottom:5px;font-weight:600}
.alan input,.alan select,.alan textarea{
  width:100%;padding:12px 13px;border:1.5px solid var(--cizgi);border-radius:var(--r);background:#FAFAF8;
  font-size:.95rem;transition:border-color var(--gecis),background var(--gecis);
}
.alan input:focus,.alan select:focus,.alan textarea:focus{border-color:var(--navy-400);background:#fff;outline:none}
.alan--ikili{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.kvkk{display:flex;gap:9px;align-items:flex-start;font-size:.79rem;color:var(--gri);margin:14px 0 16px;line-height:1.5}
.kvkk input{width:17px;height:17px;flex:0 0 auto;margin-top:2px;accent-color:var(--turuncu)}
.kvkk a{color:var(--navy-600);text-decoration:underline}
.tuzak{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.form-kart small{display:block;text-align:center;margin-top:12px;font-size:.78rem;color:var(--gri)}

/* ============ GÜVEN ŞERİDİ ============ */
.serit{background:var(--navy);color:#fff}
.serit__ic{display:grid;grid-template-columns:repeat(4,1fr)}
.serit__oge{padding:26px 24px;display:flex;gap:14px;align-items:center;border-right:1px solid rgba(255,255,255,.14)}
.serit__oge:last-child{border-right:0}
.serit__ikon{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;background:rgba(255,255,255,.1);border-radius:var(--r);color:var(--turuncu)}
.serit__oge b{display:block;font-family:var(--display);font-weight:700;font-size:1rem;line-height:1.2}
.serit__oge span{font-size:.85rem;color:#AFC0DC}

/* ============ HİZMETLER (modül kartları) ============ */
.bolum-bas{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:52px;flex-wrap:wrap}
.hizmetler{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.mkart{background:#fff;border:1px solid var(--cizgi);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:transform var(--gecis),box-shadow var(--gecis),border-color var(--gecis)}
.mkart:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(9,50,112,.14);border-color:var(--navy-400)}
.mkart__gorsel{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--navy)}
.mkart__gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.mkart:hover .mkart__gorsel img{transform:scale(1.06)}
.mkart__etiket{position:absolute;top:12px;left:12px;background:var(--turuncu);color:#06214C;font-family:var(--etiket);font-weight:600;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:3px}
.mkart__govde{padding:22px;flex:1;display:flex;flex-direction:column}
.mkart__govde p{font-size:.92rem;color:var(--gri);margin-top:9px}
.spec{margin:18px 0 20px;border-top:1px solid var(--cizgi)}
.spec div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--cizgi);font-size:.86rem}
.spec dt{font-family:var(--etiket);letter-spacing:.1em;text-transform:uppercase;color:var(--gri)}
.spec dd{font-family:var(--display);font-weight:700;color:var(--navy-600);font-variant-numeric:tabular-nums}
.mkart__link{margin-top:auto;font-family:var(--display);font-weight:700;font-size:.9rem;color:var(--navy-600);text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}
.mkart__link svg{transition:transform var(--gecis)}
.mkart:hover .mkart__link svg{transform:translateX(5px)}
.mkart__link:hover{color:var(--turuncu-dark)}

/* ============ SÜREÇ ============ */
.surec{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:adim;position:relative}
.adim{padding:0 26px 0 0;position:relative}
.adim::before{
  counter-increment:adim;content:"0" counter(adim);
  font-family:var(--display);font-weight:800;font-size:.95rem;color:var(--turuncu);letter-spacing:.08em;display:block;margin-bottom:14px;
}
.adim::after{content:"";position:absolute;top:34px;left:0;right:26px;height:1px;background:rgba(255,255,255,.22)}
.adim__nokta{position:absolute;top:30px;left:0;width:9px;height:9px;background:var(--turuncu);border-radius:50%}
.adim h3{margin-top:30px;font-family:var(--display);font-weight:700;font-size:1.15rem;color:#fff;text-transform:uppercase;letter-spacing:-.01em}
.adim p{font-size:.92rem;color:#A9BAD6;margin-top:9px}

/* ============ HAKKIMIZDA ============ */
.hakkinda{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.hakkinda__gorsel{position:relative}
.hakkinda__gorsel img{border-radius:6px;width:100%;object-fit:cover;aspect-ratio:5/6}
.hakkinda__kutu{
  position:absolute;right:-26px;bottom:-26px;background:var(--turuncu);color:#06214C;
  padding:22px 26px;border-radius:6px;max-width:230px;
}
.hakkinda__kutu b{display:block;font-family:var(--display);font-weight:800;font-size:2.4rem;line-height:1;letter-spacing:-.03em}
.hakkinda__kutu span{font-family:var(--etiket);font-size:.9rem;letter-spacing:.1em;text-transform:uppercase}
.liste{margin-top:26px;display:grid;gap:13px}
.liste li{list-style:none;display:flex;gap:12px;align-items:flex-start;font-size:.97rem}
.liste svg{flex:0 0 auto;margin-top:3px;color:var(--turuncu)}
.liste b{font-family:var(--display);font-weight:700}

/* ============ GALERİ ============ */
.filtre{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}
.filtre button{
  background:transparent;border:1.5px solid var(--cizgi);border-radius:100px;padding:9px 19px;cursor:pointer;
  font-family:var(--display);font-weight:600;font-size:.88rem;color:var(--navy);transition:var(--gecis);
}
.filtre button:hover{border-color:var(--navy-400)}
.filtre button.aktif{background:var(--navy-600);border-color:var(--navy-600);color:#fff}
.galeri{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gkutu{position:relative;overflow:hidden;border-radius:5px;aspect-ratio:4/3;cursor:pointer;background:var(--navy);border:0;padding:0;display:block;width:100%}
.gkutu:nth-child(1),.gkutu:nth-child(8){grid-column:span 2;aspect-ratio:8/3}
.gkutu img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.3,1)}
.gkutu:hover img{transform:scale(1.07)}
.gkutu__yazi{
  position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;text-align:left;
  background:linear-gradient(transparent,rgba(9,50,112,.9));color:#fff;
  font-family:var(--etiket);letter-spacing:.1em;text-transform:uppercase;font-size:.92rem;
  opacity:0;transform:translateY(8px);transition:var(--gecis);
}
.gkutu:hover .gkutu__yazi,.gkutu:focus-visible .gkutu__yazi{opacity:1;transform:translateY(0)}
.gizli{display:none!important}

.kutu-perde{position:fixed;inset:0;z-index:120;background:rgba(4,22,52,.94);display:none;place-items:center;padding:28px}
.kutu-perde.acik{display:grid}
.kutu-perde img{max-width:min(1100px,92vw);max-height:86vh;object-fit:contain;border-radius:5px}
.kutu-kapat{position:absolute;top:22px;right:24px;width:46px;height:46px;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:1.5rem;border-radius:var(--r);cursor:pointer}
.kutu-kapat:hover{background:var(--turuncu);color:var(--navy)}

/* ============ RAKAMLAR ============ */
.rakamlar{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;text-align:center}
.rakam b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,4.4vw,3.4rem);color:var(--turuncu);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.rakam span{font-family:var(--etiket);letter-spacing:.14em;text-transform:uppercase;font-size:.92rem;color:#B7C6E0;display:block;margin-top:9px}

/* ============ SSS ============ */
.sss{max-width:900px;margin:0 auto}
.sss details{border:1px solid var(--cizgi);border-radius:5px;background:#fff;margin-bottom:11px;overflow:hidden}
.sss details[open]{border-color:var(--navy-400)}
.sss summary{
  list-style:none;cursor:pointer;padding:19px 56px 19px 22px;position:relative;
  font-family:var(--display);font-weight:700;font-size:1.03rem;color:var(--navy);
}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{
  content:"";position:absolute;right:22px;top:50%;width:13px;height:13px;margin-top:-7px;
  background:
    linear-gradient(var(--turuncu),var(--turuncu)) center/13px 2px no-repeat,
    linear-gradient(var(--turuncu),var(--turuncu)) center/2px 13px no-repeat;
  transition:transform var(--gecis);
}
.sss details[open] summary::after{transform:rotate(45deg)}
.sss p{padding:0 22px 21px;color:var(--gri);font-size:.96rem;max-width:80ch}

/* ============ BLOG ============ */
.blog{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.byazi{background:#fff;border:1px solid var(--cizgi);border-radius:6px;overflow:hidden;transition:var(--gecis)}
.byazi:hover{box-shadow:0 20px 40px rgba(9,50,112,.12);transform:translateY(-5px)}
.byazi img{aspect-ratio:3/2;object-fit:cover;width:100%}
.byazi__govde{padding:22px}
.byazi__tarih{font-family:var(--etiket);letter-spacing:.13em;text-transform:uppercase;font-size:.82rem;color:var(--turuncu-dark)}
.byazi h3{margin:9px 0 8px;font-size:1.1rem}
.byazi p{font-size:.91rem;color:var(--gri)}

/* ============ İLETİŞİM ============ */
.iletisim{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.bilgi{display:grid;gap:6px;margin:26px 0 30px}
.bilgi__sat{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid var(--cizgi);align-items:flex-start}
.bilgi__ikon{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;background:var(--navy-600);color:var(--turuncu);border-radius:var(--r)}
.bilgi__sat span{font-family:var(--etiket);letter-spacing:.13em;text-transform:uppercase;font-size:.83rem;color:var(--gri);display:block}
.bilgi__sat b{font-family:var(--display);font-weight:700;font-size:1.05rem;color:var(--navy);display:block;line-height:1.35}
.harita{border-radius:6px;overflow:hidden;border:1px solid var(--cizgi);height:260px}
.harita iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.35)}

/* ============ FOOTER ============ */
.alt{background:var(--navy-600);color:#A9BAD6;padding-top:72px}
.alt__ust{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:44px;padding-bottom:52px;border-bottom:1px solid rgba(255,255,255,.13)}
.alt h4{font-family:var(--display);font-weight:700;color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:18px;position:relative;padding-bottom:12px}
.alt h4::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--turuncu)}
.alt ul{list-style:none;display:grid;gap:9px}
.alt a:hover{color:var(--turuncu)}
.alt p{font-size:.93rem;line-height:1.75}
.alt__logo{margin-bottom:20px}
.alt__logo img{height:52px;width:auto}

.sosyal{display:flex;gap:9px;margin-top:20px}
.sosyal a{width:38px;height:38px;display:grid;place-items:center;background:rgba(255,255,255,.09);border-radius:var(--r);color:#fff;transition:var(--gecis)}
.sosyal a:hover{background:var(--turuncu);color:var(--navy)}
.bolgeler{display:flex;flex-wrap:wrap;gap:7px;padding:26px 0 30px;border-bottom:1px solid rgba(255,255,255,.13)}
.bolgeler span{font-size:.83rem;padding:5px 11px;background:rgba(255,255,255,.07);border-radius:100px;font-family:var(--etiket);letter-spacing:.06em;text-transform:uppercase}
.alt__son{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;flex-wrap:wrap;font-size:.87rem}
.alt__son nav{display:flex;gap:20px;flex-wrap:wrap}
.alt__iletisim li{display:flex;gap:11px;align-items:flex-start;font-size:.93rem}
.alt__iletisim svg{flex:0 0 auto;margin-top:4px;color:var(--turuncu)}

/* ============ SABİT BUTONLAR ============ */
.sabit{position:fixed;right:18px;bottom:18px;z-index:90;display:grid;gap:11px}
.sabit a{
  width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;
  box-shadow:0 10px 26px rgba(4,22,52,.32);transition:transform var(--gecis);position:relative;
}
.sabit a:hover{transform:scale(1.09)}
.sabit__wa{background:#25D366}
.sabit__tel{background:var(--turuncu)}
.sabit__tel::after{
  content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--turuncu);
  animation:nabiz 2.2s infinite;
}
@keyframes nabiz{0%{transform:scale(1);opacity:.9}70%{transform:scale(1.45);opacity:0}100%{opacity:0}}

/* ============ ANİMASYON ============ */
.gor{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}
.gor.icinde{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .gor{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* ============ RESPONSIVE ============ */
@media(max-width:1120px){
  .menu{display:none}
  .hamburger{display:block}
  .hero__ic{grid-template-columns:1fr;gap:44px}
  .hizmetler{grid-template-columns:repeat(2,1fr)}
  .galeri{grid-template-columns:repeat(3,1fr)}
  .alt__ust{grid-template-columns:1fr 1fr;gap:36px}
}
@media(max-width:900px){
  .sec{padding:76px 0}
  .serit__ic{grid-template-columns:1fr 1fr}
  .serit__oge:nth-child(2){border-right:0}
  .serit__oge{border-bottom:1px solid rgba(255,255,255,.14)}
  .surec{grid-template-columns:1fr 1fr;gap:34px 0}
  .hakkinda{grid-template-columns:1fr;gap:52px}
  .hakkinda__kutu{right:16px;bottom:-20px}
  .blog{grid-template-columns:1fr}
  .iletisim{grid-template-columns:1fr;gap:44px}
  .rakamlar{grid-template-columns:1fr 1fr;gap:34px}
  .ust__sol span:not(.ust__nokta){display:none}
}
@media(max-width:640px){
  .kap{padding:0 18px}
  .sec{padding:62px 0}
  .hizmetler{grid-template-columns:1fr}
  .galeri{grid-template-columns:repeat(2,1fr);gap:10px}
  .gkutu:nth-child(1),.gkutu:nth-child(8){grid-column:span 2;aspect-ratio:16/9}
  .tel-kutu{display:none}
  .bas__ic{height:72px}
  .logo img{height:34px}
  .form-kart{padding:24px 20px}
  .alt__ust{grid-template-columns:1fr;gap:32px}
  .serit__ic{grid-template-columns:1fr}
  .serit__oge{border-right:0}
  .sabit a{width:52px;height:52px}
  .hero__ic{padding:56px 0 66px}
  .alt__son{flex-direction:column;text-align:center}
}

/* ============================================================
   EK BİLEŞENLER — iç sayfalar
   ============================================================ */

/* hero ölçü yazısı koyu zeminde okunmuyordu */
.olcu--acik .olcu__cizgi,
.olcu--acik .olcu__cizgi::before,
.olcu--acik .olcu__cizgi::after{background:var(--turuncu)}
.olcu--acik .olcu__yazi{color:#fff}
.olcu--ortala{justify-content:center}

.atla{position:absolute;left:-9999px;top:0;background:var(--turuncu);color:var(--navy);padding:12px 20px;z-index:200;font-family:var(--display);font-weight:700}
.atla:focus{left:12px;top:12px}

.kap--dar{max-width:840px}
.sec--dar{padding:72px 0}
.ortala{text-align:center}
.ortala-metin{margin-left:auto;margin-right:auto}
.bolum-bas--ortali{display:block;margin-bottom:44px}
.buton-grup{display:flex;gap:13px;margin-top:32px;flex-wrap:wrap}
.buton-grup--ortala{justify-content:center}
.btn--cizgi{background:#fff;color:var(--navy-600);box-shadow:inset 0 0 0 1.5px var(--cizgi)}
.btn--cizgi:hover{background:var(--navy-600);color:#fff;box-shadow:none}
.btn--wa{background:#25D366;color:#0A2B14}
.btn--wa:hover{background:#1FBE5A}
.ortala .btn{margin-top:38px}
.sec .ortala .btn{margin-top:38px}

/* --- sayfa başlıkları --- */
.sayfa-bas{position:relative;background:var(--navy-600);color:#fff;padding:74px 0 66px;overflow:hidden}
.sayfa-bas::after{content:"";position:absolute;inset:0;opacity:.13;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.sayfa-bas .kap{position:relative;z-index:2}
.sayfa-bas .h1{color:#fff;max-width:19ch}
.sayfa-bas .h1--yazi{text-transform:none;letter-spacing:-.02em;font-size:clamp(1.9rem,3.9vw,3rem);max-width:24ch;line-height:1.1}
.sayfa-bas .lead{color:#BCCCE6;margin-top:18px}
.sayfa-bas--dar{padding:66px 0 56px}
.sayfa-bas--gorselli{padding:96px 0 84px}
.sayfa-bas__gorsel{position:absolute;inset:0}
.sayfa-bas__gorsel img{width:100%;height:100%;object-fit:cover;opacity:.38}
.sayfa-bas__perde{position:absolute;inset:0;background:linear-gradient(100deg,rgba(6,33,76,.95),rgba(9,50,112,.72))}
.sayfa-bas--gorselli .hero__butonlar{margin-top:30px}

/* --- kırıntı --- */
.kirinti{background:var(--beton);border-bottom:1px solid var(--cizgi);font-family:var(--etiket);letter-spacing:.06em;text-transform:uppercase;font-size:.88rem}
.kirinti ol{list-style:none;display:flex;flex-wrap:wrap;gap:9px;padding:13px 0;margin:0}
.kirinti li+li::before{content:"/";margin-right:9px;color:var(--gri)}
.kirinti a{color:var(--navy-600)}
.kirinti a:hover{color:var(--turuncu-dark)}
.kirinti span{color:var(--gri)}

/* --- iki kolon: içerik + sidebar --- */
.ikili{display:grid;grid-template-columns:minmax(0,1fr) 388px;gap:52px;align-items:start}
.ikili__yan{position:relative}
.yapiskan{position:sticky;top:104px;display:grid;gap:18px}

.yan-kart{background:#fff;border:1px solid var(--cizgi);border-radius:6px;padding:22px}
.yan-kart h3{font-family:var(--display);font-weight:800;font-size:1.05rem;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:14px;color:var(--navy)}
.yan-tel{display:flex;align-items:center;gap:11px;padding:13px 15px;background:var(--beton);border-radius:var(--r);margin-bottom:11px;color:var(--navy-600);font-family:var(--display);font-weight:800;font-size:1.1rem}
.yan-tel:hover{background:var(--navy-600);color:#fff}
.yan-not{font-size:.83rem;color:var(--gri);margin-top:11px;text-align:center}
.yan-liste{list-style:none;display:grid;gap:11px}
.yan-liste a{display:flex;gap:12px;align-items:center}
.yan-liste img{width:74px;height:56px;object-fit:cover;border-radius:4px;flex:0 0 auto}
.yan-liste span{font-family:var(--display);font-weight:600;font-size:.92rem;line-height:1.3;color:var(--navy)}
.yan-liste a:hover span{color:var(--turuncu-dark)}

/* --- uzun metin --- */
.yazi{font-size:1.02rem;line-height:1.78;color:#2A3242}
.yazi > *+*{margin-top:1.15em}
.yazi h2{font-family:var(--display);font-weight:800;font-size:clamp(1.45rem,2.6vw,1.95rem);letter-spacing:-.02em;color:var(--navy);margin-top:1.9em;line-height:1.15}
.yazi h3{font-family:var(--display);font-weight:700;font-size:1.22rem;color:var(--navy);margin-top:1.6em}
.yazi ul,.yazi ol{padding-left:1.3em}
.yazi li+li{margin-top:.5em}
.yazi li::marker{color:var(--turuncu)}
.yazi a{color:var(--navy-600);text-decoration:underline;text-underline-offset:3px}
.yazi a:hover{color:var(--turuncu-dark)}
.yazi img{border-radius:6px;margin:1.6em 0}
.yazi__kapak{width:100%;aspect-ratio:3/2;object-fit:cover}
.yazi blockquote{border-left:3px solid var(--turuncu);padding:4px 0 4px 20px;color:var(--navy-600);font-weight:500}
.yazi table{width:100%;border-collapse:collapse;font-size:.95rem}
.yazi th,.yazi td{border:1px solid var(--cizgi);padding:10px 12px;text-align:left}
.yazi th{background:var(--beton);font-family:var(--display);font-weight:700}
.yazi hr{border:0;border-top:1px solid var(--cizgi);margin:2em 0}
.yazi__alt{margin-top:2.6em;padding-top:20px;border-top:1px solid var(--cizgi);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.yazi__alt span{font-family:var(--etiket);letter-spacing:.13em;text-transform:uppercase;font-size:.85rem;color:var(--gri)}
.paylas{display:flex;gap:8px}
.paylas a{padding:7px 14px;border:1.5px solid var(--cizgi);border-radius:100px;font-family:var(--display);font-weight:600;font-size:.85rem;color:var(--navy)}
.paylas a:hover{background:var(--navy-600);border-color:var(--navy-600);color:#fff}

/* --- teknik değer kutusu --- */
.spec-kutu{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;border:1px solid var(--cizgi);border-radius:6px;overflow:hidden;background:var(--beton)}
.spec-kutu > div{padding:16px 18px;border-right:1px solid var(--cizgi)}
.spec-kutu > div:last-child{border-right:0}
.spec-kutu dt{font-family:var(--etiket);letter-spacing:.11em;text-transform:uppercase;font-size:.82rem;color:var(--gri)}
.spec-kutu dd{font-family:var(--display);font-weight:800;font-size:1.08rem;color:var(--navy-600);margin-top:3px;font-variant-numeric:tabular-nums}

/* --- etiket bulutu --- */
.etiketler{display:flex;flex-wrap:wrap;gap:8px}
.etiketler a{padding:8px 15px;background:var(--beton);border:1px solid var(--cizgi);border-radius:100px;font-family:var(--etiket);letter-spacing:.05em;text-transform:uppercase;font-size:.87rem;color:var(--navy-600);text-decoration:none}
.etiketler a:hover{background:var(--navy-600);border-color:var(--navy-600);color:#fff}

/* --- mini kartlar --- */
.mini-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.mini-kart{display:flex;gap:13px;align-items:center;padding:11px;border:1px solid var(--cizgi);border-radius:6px;background:#fff;text-decoration:none}
.mini-kart:hover{border-color:var(--navy-400);box-shadow:0 12px 26px rgba(9,50,112,.1)}
.mini-kart img{width:78px;height:60px;object-fit:cover;border-radius:4px;flex:0 0 auto}
.mini-kart strong{display:block;font-family:var(--display);font-size:.96rem;color:var(--navy)}
.mini-kart span{display:block;font-size:.83rem;color:var(--gri);margin-top:2px}

/* --- galeri varyantları --- */
.galeri--tam .gkutu:nth-child(1),.galeri--tam .gkutu:nth-child(8){grid-column:span 2;aspect-ratio:8/3}
.galeri--ic{grid-template-columns:repeat(4,1fr);gap:10px;margin:1.5em 0}
.galeri--ic .gkutu{aspect-ratio:4/3}
.galeri--ic .gkutu:nth-child(1){grid-column:span 1;aspect-ratio:4/3}

/* --- blog üst çubuğu --- */
.blog-ust{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:32px;flex-wrap:wrap}
.filtre__link{display:inline-block;border:1.5px solid var(--cizgi);border-radius:100px;padding:9px 19px;font-family:var(--display);font-weight:600;font-size:.88rem;color:var(--navy);text-decoration:none}
.filtre__link:hover{border-color:var(--navy-400)}
.filtre__link.aktif{background:var(--navy-600);border-color:var(--navy-600);color:#fff}
.ara{display:flex;border:1.5px solid var(--cizgi);border-radius:100px;overflow:hidden;background:#fff}
.ara input{border:0;padding:10px 18px;width:210px;background:transparent;outline:none}
.ara button{border:0;background:var(--navy-600);color:#fff;padding:0 18px;cursor:pointer;display:grid;place-items:center}
.ara button:hover{background:var(--turuncu);color:var(--navy)}

/* --- sayfalama --- */
.sayfalama{display:flex;gap:8px;justify-content:center;margin-top:44px}
.sayfalama a{width:44px;height:44px;display:grid;place-items:center;border:1.5px solid var(--cizgi);border-radius:var(--r);font-family:var(--display);font-weight:700;color:var(--navy)}
.sayfalama a:hover{border-color:var(--navy-400)}
.sayfalama a.aktif{background:var(--navy-600);border-color:var(--navy-600);color:#fff}

/* --- CTA şeridi --- */
.cta{background:var(--turuncu);color:var(--navy)}
.cta__ic{display:flex;justify-content:space-between;align-items:center;gap:36px;padding:52px 0;flex-wrap:wrap}
.cta .h2{color:var(--navy)}
.cta p{margin-top:10px;font-size:1.03rem;color:#3B2E14}
.cta__butonlar{display:flex;gap:12px;flex-wrap:wrap}
.cta .btn--turuncu{background:var(--navy);color:#fff}
.cta .btn--turuncu:hover{background:var(--navy-600)}
.cta .btn--hayalet{color:var(--navy);box-shadow:inset 0 0 0 1.5px rgba(6,33,76,.35)}
.cta .btn--hayalet:hover{background:var(--navy);color:#fff}

/* --- uyarılar --- */
.uyari{padding:12px 15px;border-radius:var(--r);font-size:.9rem;margin-bottom:16px;line-height:1.5}
.uyari--hata{background:#FDECEC;color:#8A1F1F;border:1px solid #F3C9C9}
.uyari--basari{background:#E9F7EE;color:#155C2E;border:1px solid #BFE5CD}
.bos{padding:44px;text-align:center;background:var(--beton);border-radius:6px;color:var(--gri)}

/* --- teşekkür --- */
.tesekkur{padding:110px 0}
.tesekkur__ikon{width:88px;height:88px;margin:0 auto 26px;display:grid;place-items:center;background:var(--turuncu);color:var(--navy);border-radius:50%}

/* --- footer bölgeler --- */
.bolgeler{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:26px 0 30px;border-bottom:1px solid rgba(255,255,255,.13)}
.bolgeler strong{font-family:var(--etiket);letter-spacing:.13em;text-transform:uppercase;font-size:.85rem;color:#fff;margin-right:6px}
.bolgeler a{font-size:.83rem;padding:5px 12px;background:rgba(255,255,255,.07);border-radius:100px;font-family:var(--etiket);letter-spacing:.05em;text-transform:uppercase}
.bolgeler a:hover{background:var(--turuncu);color:var(--navy)}

.sss__cevap{padding:0 22px 21px;color:var(--gri);font-size:.96rem;max-width:80ch}
.sss__cevap p+p{margin-top:.9em}
.hizmetler--genis{grid-template-columns:repeat(3,1fr)}
.mkart__gorsel{display:block}
.mkart h3 a,.mkart .h3 a{color:inherit}
.mkart:hover .h3 a{color:var(--navy-600)}

@media(max-width:1120px){
  .ikili{grid-template-columns:1fr;gap:44px}
  .yapiskan{position:static}
  .hizmetler--genis{grid-template-columns:repeat(2,1fr)}
  .galeri--ic{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .sayfa-bas{padding:56px 0 48px}
  .sayfa-bas--gorselli{padding:72px 0 62px}
  .cta__ic{padding:40px 0}
  .spec-kutu{grid-template-columns:1fr 1fr}
  .spec-kutu > div:nth-child(2n){border-right:0}
  .spec-kutu > div{border-bottom:1px solid var(--cizgi)}
}
@media(max-width:640px){
  .hizmetler--genis{grid-template-columns:1fr}
  .galeri--ic{grid-template-columns:repeat(2,1fr);gap:8px}
  .galeri--tam .gkutu:nth-child(1),.galeri--tam .gkutu:nth-child(8){grid-column:span 2;aspect-ratio:16/9}
  .blog-ust{flex-direction:column;align-items:stretch}
  .ara input{width:100%}
  .tesekkur{padding:70px 0}
  .yazi{font-size:.98rem}
}