/*
Theme Name: Özyol Trafik İnşaat
Theme URI: https://ozyoltrafik.com
Description: Modern inşaat ve trafik firması teması
Version: 4.0.0
Text Domain: ozyol
*/

/* ═══════════════════════════════════════════════
   RENK PALETİ
   Navy:   #0E172A (Koyu Lacivert)
   Turuncu: #F87315 (Canlı Turuncu)
═══════════════════════════════════════════════ */
:root {
  --dark:        #0E172A;
  --dark-2:      #0E172A;
  --dark-3:      #1E2D45;
  --mid:         #64748B;
  --light:       #F4F6F9;
  --border:      #E2E8F0;
  --white:       #FFFFFF;
  --text:        #1A2332;
  --text-muted:  #64748B;

  --blue:        #F87315;
  --blue-dark:   #E06210;
  --blue-light:  #FEF0E6;

  --amber:       #F87315;
  --amber-dark:  #E06210;
  --amber-light: #FEF0E6;

  --orange:      #F87315;
  --orange-dark: #E06210;
  --navy:        #0E172A;

  --green:       #059669;
  --green-bg:    #ECFDF5;
  --green-border:#A7F3D0;

  --shadow-sm:   0 1px 3px rgba(0,0,0,.07);
  --shadow:      0 4px 16px rgba(0,0,0,.09);
  --shadow-lg:   0 10px 36px rgba(0,0,0,.12);
  --shadow-xl:   0 20px 52px rgba(0,0,0,.16);

  --r:   10px;
  --r-lg:16px;
  --r-xl:22px;
  --ease:cubic-bezier(.4,0,.2,1);
}

/* ═══ RESET ═══ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter','Segoe UI',system-ui,sans-serif;color:var(--text);background:var(--white);line-height:1.65;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
button{cursor:pointer;font-family:inherit;}

/* ═══ TİPOGRAFİ ═══ */
h1,h2,h3,h4{font-family:'Sora','Inter',sans-serif;font-weight:700;line-height:1.2;color:var(--dark);}

.section-tag{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--amber-light);color:var(--amber-dark);
  border:1.5px solid #FDE68A;
  padding:5px 14px;border-radius:50px;
  font-size:.73rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  margin-bottom:12px;
}
.section-title{font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:10px;}
.section-desc{color:var(--text-muted);font-size:.97rem;line-height:1.82;max-width:580px;}
.section-head{margin-bottom:2.6rem;}
.section-head.center{text-align:center;}
.section-head.center .section-desc{margin:0 auto;}

/* ═══ LAYOUT ═══ */
.container{max-width:1180px;margin:0 auto;padding:0 24px;}
.section{padding:76px 0;}
.section-alt{padding:76px 0;background:var(--light);}

/* ═══ BUTONLAR ═══ */
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--r);font-weight:600;font-size:.89rem;border:none;transition:all .2s var(--ease);white-space:nowrap;cursor:pointer;}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 4px 14px rgba(14,165,233,.32);}
.btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(14,165,233,.44);}
.btn-amber{background:var(--amber);color:var(--dark);box-shadow:0 4px 14px rgba(245,158,11,.3);}
.btn-amber:hover{background:var(--amber-dark);color:#fff;transform:translateY(-2px);}
.btn-white{background:#fff;color:var(--dark);box-shadow:var(--shadow);}
.btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}
.btn-outline-white{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4);}
.btn-outline-white:hover{background:rgba(255,255,255,.1);border-color:#fff;}
.btn-outline-dark{background:transparent;color:var(--dark);border:2px solid var(--border);}
.btn-outline-dark:hover{border-color:var(--dark);}
.btn-lg{padding:13px 28px;font-size:.95rem;}
.btn-sm{padding:7px 15px;font-size:.81rem;}

/* ═══ HEADER ═══ */
#site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 2px 12px rgba(0,0,0,.06);}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px;}
.site-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.logo-mark{width:38px;height:38px;background:var(--blue);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.logo-name{font-family:'Sora',sans-serif;font-weight:800;font-size:.91rem;color:var(--dark);line-height:1.2;}
.logo-sub{font-size:.58rem;color:var(--text-muted);font-weight:500;display:block;letter-spacing:.4px;}
.main-nav ul{display:flex;gap:2px;}
.main-nav a{display:block;padding:7px 12px;border-radius:8px;color:var(--mid);font-weight:600;font-size:.85rem;transition:all .15s;}
.main-nav a:hover,.main-nav a.active{color:var(--blue);background:var(--blue-light);}
.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.hdr-phone{display:flex;align-items:center;gap:6px;color:var(--dark);font-weight:700;font-size:.84rem;padding:7px 13px;border-radius:8px;border:1.5px solid var(--border);transition:all .15s;}
.hdr-phone:hover{border-color:var(--blue);color:var(--blue);}
.hdr-phone i{color:var(--amber);}
.mob-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:6px;}
.mob-toggle span{display:block;width:22px;height:2px;background:var(--dark);border-radius:2px;transition:all .2s;}
.mob-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.mob-toggle.open span:nth-child(2){opacity:0;}
.mob-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.mob-nav{display:none;position:fixed;top:66px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);padding:12px 24px 20px;box-shadow:var(--shadow-lg);z-index:999;}
.mob-nav.open{display:block;}
.mob-nav a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;color:var(--text);font-weight:600;font-size:.88rem;transition:all .13s;}
.mob-nav a:hover{background:var(--blue-light);color:var(--blue);}
.mob-nav a i{width:16px;color:var(--amber);}

/* ═══ HERO ═══ */
.hero{margin-top:66px;min-height:90vh;display:flex;align-items:center;background:var(--dark-2);position:relative;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1581578731548-c64695cc6952?w=1800&q=80');background-size:cover;background-position:center 40%;opacity:.13;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(115deg,rgba(15,23,42,.97) 0%,rgba(15,23,42,.83) 55%,rgba(30,41,59,.62) 100%);}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center;padding:68px 0;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);color:#FCD34D;padding:6px 16px;border-radius:50px;font-size:.74rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;}
.hero h1{color:#fff;font-size:clamp(2.1rem,4.2vw,3.4rem);font-weight:800;line-height:1.1;margin-bottom:18px;}
.hero h1 em{font-style:normal;color:var(--amber);}
.hero-p{color:rgba(255,255,255,.65);font-size:1rem;line-height:1.84;margin-bottom:30px;max-width:500px;}
.hero-btns{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:44px;}
.hero-stats{display:flex;gap:28px;flex-wrap:wrap;padding-top:28px;border-top:1px solid rgba(255,255,255,.09);}
.hstat .n{font-size:1.9rem;font-weight:800;color:var(--amber);font-family:'Sora',sans-serif;line-height:1;}
.hstat .l{font-size:.75rem;color:rgba(255,255,255,.44);margin-top:4px;}
.hero-cards{display:flex;flex-direction:column;gap:12px;}
.hero-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg);padding:16px 19px;transition:all .26s;}
.hero-card:hover{background:rgba(255,255,255,.09);border-color:rgba(245,158,11,.3);transform:translateX(5px);}
.hero-card-ico{font-size:1.5rem;margin-bottom:7px;}
.hero-card h3{color:#fff;font-size:.9rem;margin-bottom:4px;}
.hero-card p{color:rgba(255,255,255,.5);font-size:.78rem;line-height:1.6;}

/* Aktif proje bandı */
.active-bar{background:var(--amber);padding:11px 0;}
.active-bar .container{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.ab-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:abpulse 1.8s infinite;flex-shrink:0;}
@keyframes abpulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.5);}50%{box-shadow:0 0 0 7px rgba(255,255,255,0);}}
.ab-text{color:#fff;font-weight:700;font-size:.85rem;}
.ab-text small{opacity:.85;font-weight:500;font-size:.78rem;display:block;}
.ab-left{display:flex;align-items:center;gap:11px;}

/* ═══ HİZMETLER ═══ */
.svcs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.svc-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--r-lg);padding:24px 20px;transition:all .22s var(--ease);position:relative;overflow:hidden;}
.svc-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .28s;}
.svc-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:transparent;}
.svc-card:hover::after{transform:scaleX(1);}
.svc-ico{width:48px;height:48px;background:var(--blue-light);border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:14px;border:1.5px solid #BAE6FD;}
.svc-card h3{font-size:.97rem;margin-bottom:8px;}
.svc-card p{font-size:.83rem;color:var(--text-muted);line-height:1.7;}

/* ═══ HAKKIMIZDA ═══ */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.about-img-wrap{position:relative;}
.about-img-main{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-xl);box-shadow:var(--shadow-xl);}
.about-years{position:absolute;bottom:-14px;right:-12px;background:var(--blue);color:#fff;border-radius:var(--r-lg);padding:15px 17px;text-align:center;box-shadow:0 8px 24px rgba(14,165,233,.4);}
.about-years .big{font-size:1.8rem;font-weight:800;font-family:'Sora',sans-serif;line-height:1;}
.about-years .sm{font-size:.64rem;letter-spacing:1px;text-transform:uppercase;opacity:.88;margin-top:3px;}
.about-feats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;}
.feat{display:flex;align-items:flex-start;gap:9px;background:var(--light);border-radius:var(--r);padding:12px;border:1px solid var(--border);}
.feat-i{width:30px;height:30px;background:var(--blue);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.82rem;flex-shrink:0;}
.feat h4{font-size:.83rem;margin-bottom:2px;}
.feat p{font-size:.74rem;color:var(--text-muted);}

/* ═══ PROJE KARTLARI ═══ */
.proj-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px;}
.pflt{padding:7px 17px;border-radius:50px;border:1.5px solid var(--border);background:#fff;color:var(--text-muted);font-weight:600;font-size:.82rem;transition:all .15s;cursor:pointer;font-family:inherit;}
.pflt.active,.pflt:hover{background:var(--blue);border-color:var(--blue);color:#fff;}

.projs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.pcard{background:#fff;border:1.5px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:all .22s var(--ease);}
.pcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:transparent;}
.pcard-img{position:relative;height:200px;overflow:hidden;background:var(--light);}
.pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.pcard:hover .pcard-img img{transform:scale(1.07);}
.pcard-badge{display:inline-block;padding:3px 11px;border-radius:50px;font-size:.7rem;font-weight:700;}
.badge-active{background:var(--green);color:#fff;}
.badge-done{background:var(--dark-3);color:#fff;}
.pcard-overlay-badge{position:absolute;top:10px;left:10px;}
.pcard-imgs{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.62);color:#fff;padding:3px 10px;border-radius:50px;font-size:.7rem;display:flex;align-items:center;gap:4px;}
.pcard-body{padding:16px 18px;}
.pcard-cat{font-size:.7rem;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--blue);margin-bottom:5px;}
.pcard-body h3{font-size:.94rem;margin-bottom:7px;line-height:1.3;}
.pcard-body p{font-size:.82rem;color:var(--text-muted);line-height:1.65;margin-bottom:11px;}
.pcard-meta{display:flex;gap:11px;font-size:.75rem;color:var(--text-muted);padding:9px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:11px;flex-wrap:wrap;}
.pcard-meta span{display:flex;align-items:center;gap:4px;}
.pcard-meta i{color:var(--amber);font-size:.76rem;}
.pcard-link{display:inline-flex;align-items:center;gap:5px;color:var(--blue);font-weight:700;font-size:.82rem;transition:gap .15s;}
.pcard-link:hover{gap:8px;}
.view-all{text-align:center;margin-top:32px;}

/* ═══ NEDEN BİZ ═══ */
.why-sec{background:var(--dark-2);position:relative;overflow:hidden;}
.why-sec::before{content:'';position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.08) 0%,transparent 70%);top:-80px;right:-60px;}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative;z-index:1;}
.why-sec .section-title{color:#fff;}
.why-sec .section-desc{color:rgba(255,255,255,.52);}
.why-items{margin-top:22px;display:flex;flex-direction:column;gap:16px;}
.why-item{display:flex;gap:13px;}
.why-no{width:38px;height:38px;flex-shrink:0;border-radius:9px;background:rgba(14,165,233,.12);border:1.5px solid rgba(14,165,233,.28);display:flex;align-items:center;justify-content:center;color:var(--blue-light);font-weight:800;font-size:.82rem;font-family:'Sora',sans-serif;}
.why-txt h4{color:#fff;font-size:.9rem;margin-bottom:4px;}
.why-txt p{color:rgba(255,255,255,.5);font-size:.82rem;line-height:1.7;}
.why-img-col{position:relative;}
.why-img-col img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-xl);opacity:.65;}
.why-float{position:absolute;bottom:20px;left:-14px;background:#fff;border-radius:var(--r-lg);padding:14px 17px;box-shadow:var(--shadow-xl);max-width:180px;}
.why-float .ico{font-size:1.35rem;margin-bottom:5px;}
.why-float h4{color:var(--dark);font-size:.83rem;margin-bottom:2px;}
.why-float p{color:var(--text-muted);font-size:.73rem;}

/* ═══ REFERANSLAR ═══ */
.refs-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px;}
.ref-tag{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--border);border-radius:var(--r);padding:11px 18px;font-weight:700;font-size:.83rem;transition:all .18s;}
.ref-tag:hover{border-color:var(--blue);box-shadow:var(--shadow);transform:translateY(-2px);}
.ref-tag i{color:var(--amber);}

/* ═══ TESTİMONYAL ═══ */
.tests-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.tcard{background:#fff;border:1.5px solid var(--border);border-radius:var(--r-lg);padding:20px;position:relative;}
.tcard-q{position:absolute;top:10px;right:14px;font-size:3rem;line-height:1;color:#F1F5F9;font-family:Georgia,serif;font-weight:900;user-select:none;}
.tcard-stars{color:var(--amber);font-size:.8rem;margin-bottom:9px;}
.tcard p{font-size:.85rem;line-height:1.75;color:var(--text);font-style:italic;margin-bottom:14px;}
.tcard-auth{display:flex;align-items:center;gap:9px;border-top:1px solid var(--border);padding-top:12px;}
.tcard-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.78rem;}
.tcard-name{font-weight:700;font-size:.83rem;}
.tcard-role{font-size:.73rem;color:var(--text-muted);}

/* ═══ İLETİŞİM ═══ */
.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:start;}
.contact-items{display:flex;flex-direction:column;gap:11px;}
.ci{display:flex;align-items:flex-start;gap:12px;background:var(--light);border:1.5px solid var(--border);border-radius:var(--r);padding:14px;}
.ci-icon{width:40px;height:40px;background:var(--blue);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0;}
.ci-label{font-size:.71rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;}
.ci-val{font-size:.86rem;font-weight:600;color:var(--dark);}
.ci-val a{color:var(--dark);}
.ci-val a:hover{color:var(--blue);}
.cform-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--r-xl);padding:26px;box-shadow:var(--shadow-lg);}
.cform-card h3{font-size:1.2rem;margin-bottom:4px;}
.cform-card .sub{color:var(--text-muted);font-size:.84rem;margin-bottom:18px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.fg{margin-bottom:11px;}
.fg label{display:block;font-size:.79rem;font-weight:600;color:var(--dark);margin-bottom:4px;}
.fg input,.fg select,.fg textarea{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--r);font-size:.86rem;color:var(--text);font-family:inherit;background:var(--light);transition:border-color .15s;}
.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--blue);background:#fff;}
.fg textarea{height:96px;resize:vertical;}
.fsuccess{display:none;margin-top:9px;padding:11px;background:var(--green-bg);border:1px solid var(--green-border);border-radius:var(--r);color:#065F46;font-size:.83rem;text-align:center;}

/* ═══════════════════════════════════════════
   PROJE DETAY SAYFASI — tamamen yeniden
═══════════════════════════════════════════ */

/* Sayfa başlığı: tam genişlik, koyu arka plan */
.page-hdr{
  background:var(--dark-2);
  padding:0;
  margin-top:66px;
  position:relative;
  overflow:hidden;
}
/* Arkaplan resim katmanı */
.page-hdr-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  opacity:.1;
}
/* İçerik sarmalayıcı */
.page-hdr-inner{
  position:relative;z-index:1;
  padding:44px 0 36px;
}

/* Breadcrumb */
.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.78rem;color:rgba(255,255,255,.38);margin-bottom:20px;flex-wrap:wrap;}
.breadcrumb a{color:var(--amber);transition:opacity .14s;}
.breadcrumb a:hover{opacity:.78;}
.breadcrumb .sep{opacity:.28;}

/* Başlık + rozet grubu — yan yana DEĞİL, alt alta */
.phdr-status{
  display:flex;align-items:center;gap:8px;
  margin-bottom:12px; /* rozet ile başlık arasında boşluk */
  flex-wrap:wrap;
}
.page-hdr h1{
  color:#fff;
  font-size:clamp(1.4rem,3vw,2.2rem);
  line-height:1.22;
  margin-bottom:16px;
}
.phdr-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.phdr-meta span{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.6);font-size:.86rem;}
.phdr-meta i{color:var(--amber);}

/* Durum rozetleri */
.badge-status-active{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--green);color:#fff;
  padding:5px 14px;border-radius:50px;font-size:.78rem;font-weight:700;
}
.badge-status-done{
  display:inline-flex;align-items:center;gap:6px;
  background:#334155;color:#CBD5E1;
  padding:5px 14px;border-radius:50px;font-size:.78rem;font-weight:700;
}
.badge-cat{
  background:rgba(245,158,11,.18);color:#FCD34D;
  padding:5px 14px;border-radius:50px;font-size:.76rem;font-weight:700;
}

/* ── Detay ana alanı ── */
.proj-det{padding:44px 0 64px;}
.proj-det-grid{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start;}

/* ── GALERİ ── */
.det-gallery{margin-bottom:28px;}
.gallery-main-wrap{
  position:relative;border-radius:var(--r-xl);
  overflow:hidden;background:var(--dark);
  box-shadow:var(--shadow-xl);
}
.gallery-hero{
  width:100%;aspect-ratio:16/9;object-fit:cover;
  cursor:zoom-in;display:block;transition:opacity .2s;
}
.gal-overlay{
  position:absolute;bottom:12px;right:12px;
  background:rgba(0,0,0,.58);color:#fff;
  padding:5px 12px;border-radius:50px;font-size:.72rem;
  display:flex;align-items:center;gap:5px;
  backdrop-filter:blur(4px);pointer-events:none;
}
.gstrip{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;}
.gstrip img{
  height:66px;width:88px;
  object-fit:cover;border-radius:8px;cursor:pointer;
  border:2.5px solid transparent;opacity:.55;transition:all .15s;flex-shrink:0;
}
.gstrip img.active,.gstrip img:hover{opacity:1;border-color:var(--blue);}

/* ── İÇERİK BLOKLARI ── */
.det-block{background:#fff;border:1.5px solid var(--border);border-radius:var(--r-lg);margin-bottom:16px;overflow:hidden;}
.det-block-head{
  padding:13px 20px;
  background:var(--light);border-bottom:1px solid var(--border);
  display:flex;align-items:center;gap:8px;
}
.det-block-head h2{font-size:.93rem;color:var(--dark);margin:0;}
.det-block-head i{color:var(--blue);font-size:.9rem;}
.det-block-body{padding:18px 20px;}

/* WP içerik stilleri */
.wp-text p{font-size:.91rem;color:var(--text-muted);line-height:1.88;margin-bottom:10px;}
.wp-text h3{font-size:.98rem;font-weight:700;color:var(--dark);margin:18px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border);}
.wp-text ul{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;}
.wp-text ul li{
  font-size:.88rem;color:var(--text-muted);
  padding:8px 12px 8px 34px;
  background:var(--light);border-radius:7px;border:1px solid var(--border);
  position:relative;line-height:1.6;
}
.wp-text ul li::before{content:'✓';position:absolute;left:11px;top:8px;color:var(--green);font-weight:800;font-size:.83rem;}

/* Özet tablo */
.info-table{width:100%;border-collapse:collapse;}
.info-table tr:nth-child(even){background:var(--light);}
.info-table td{padding:11px 16px;font-size:.84rem;border-bottom:1px solid var(--border);}
.info-table tr:last-child td{border-bottom:none;}
.info-table .it-key{color:var(--text-muted);font-weight:600;width:170px;}
.info-table .it-key i{color:var(--amber);width:15px;margin-right:6px;}
.info-table .it-val{font-weight:700;color:var(--dark);}
.info-table .it-val.price{color:var(--blue);font-size:.92rem;}

/* İlerleme */
.prog-block{padding:16px 20px;background:var(--light);border-top:1px solid var(--border);}
.prog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.prog-label{font-size:.82rem;font-weight:700;color:var(--dark);}
.prog-pct{font-size:1rem;font-weight:800;color:var(--blue);}
.prog-pct.done{color:var(--green);}
.prog-bar{height:8px;background:var(--border);border-radius:50px;overflow:hidden;}
.prog-fill{height:100%;border-radius:50px;background:linear-gradient(90deg,var(--blue-dark),var(--blue));transition:width 1.2s var(--ease);}
.prog-fill.done{background:linear-gradient(90deg,#059669,#10B981);}

/* ── SIDEBAR ── */
.det-sidebar{position:sticky;top:82px;display:flex;flex-direction:column;gap:14px;}

/* Proje kart sidebar */
.side-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow);}
.side-card-head{background:var(--dark-2);padding:14px 18px;display:flex;align-items:center;gap:9px;}
.side-card-head h3{color:#fff;font-size:.9rem;margin:0;}
.side-card-head i{color:var(--amber);}

/* Durum badge sidebar */
.side-status{padding:12px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:9px;}
.ss-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.ss-dot-active{background:var(--green);}
.ss-dot-done{background:var(--mid);}
.ss-label{font-size:.84rem;font-weight:700;}
.ss-label.active-lbl{color:var(--green);}
.ss-label.done-lbl{color:var(--mid);}

.side-rows{}
.side-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 18px;border-bottom:1px solid var(--light);font-size:.83rem;}
.side-row:last-child{border-bottom:none;}
.sk{color:var(--text-muted);font-weight:500;flex-shrink:0;}
.sv{font-weight:700;color:var(--dark);text-align:right;word-break:break-word;max-width:55%;}
.sv.price-val{color:var(--blue);}

/* Diğer projeler */
.other-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow);}
.other-head{background:var(--light);padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:7px;}
.other-head h3{font-size:.88rem;color:var(--dark);margin:0;}
.other-head i{color:var(--amber);}
.other-item{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid var(--light);text-decoration:none;transition:background .13s;}
.other-item:hover{background:var(--light);}
.other-thumb{width:50px;height:40px;object-fit:cover;border-radius:6px;flex-shrink:0;}
.other-t{font-size:.78rem;font-weight:700;color:var(--dark);line-height:1.3;margin-bottom:2px;}
.other-s{font-size:.7rem;color:var(--text-muted);}
.other-foot{padding:11px 14px;border-top:1px solid var(--border);}

/* Prev / Next nav */
.proj-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px;}
.proj-nav-item{background:#fff;border:1.5px solid var(--border);border-radius:var(--r-lg);padding:14px 16px;text-decoration:none;transition:all .18s;}
.proj-nav-item:hover{border-color:var(--blue);box-shadow:var(--shadow);}
.proj-nav-item.next{text-align:right;}
.pn-dir{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;display:flex;align-items:center;gap:5px;}
.proj-nav-item.next .pn-dir{justify-content:flex-end;}
.pn-title{font-size:.85rem;font-weight:700;color:var(--dark);line-height:1.3;}
.pn-thumb{width:52px;height:42px;object-fit:cover;border-radius:7px;flex-shrink:0;}
.proj-nav-item{display:flex;align-items:center;gap:10px;}
.proj-nav-item.next{justify-content:flex-end;}
.pn-info{flex:1;}
.gal-hint{font-size:.76rem;color:var(--text-muted);margin-top:8px;display:flex;align-items:center;gap:5px;}

/* ═══ ARŞİV ═══ */
.arch-hdr{background:var(--light);padding:108px 0 42px;margin-top:66px;border-bottom:1px solid var(--border);}

/* ═══ STATİK SAYFALAR (Hakkımızda, Hizmetler...) ═══ */
.static-hdr{background:var(--dark-2);padding:88px 0 44px;margin-top:66px;position:relative;overflow:hidden;}
.static-hdr-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.1;}
.static-hdr-inner{position:relative;z-index:1;}
.static-hdr h1{color:#fff;font-size:clamp(1.7rem,3.5vw,2.6rem);margin:10px 0 12px;}
.static-hdr p{color:rgba(255,255,255,.6);font-size:.97rem;line-height:1.8;max-width:540px;}

/* ═══ FOOTER ═══ */
#site-footer{background:var(--dark-2);color:rgba(255,255,255,.6);}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding:48px 0 28px;border-bottom:1px solid rgba(255,255,255,.07);}
.footer-brand .site-logo{margin-bottom:12px;}
.footer-brand .logo-name{color:#fff;}
.footer-brand .logo-sub{color:rgba(255,255,255,.36);}
.footer-brand p{font-size:.8rem;line-height:1.8;color:rgba(255,255,255,.48);margin-bottom:14px;}
.footer-socials{display:flex;gap:6px;}
.slink{width:32px;height:32px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:7px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:.8rem;transition:all .15s;}
.slink:hover{background:var(--blue);border-color:var(--blue);color:#fff;}
.fcol h4{color:#fff;font-size:.85rem;margin-bottom:11px;font-family:'Sora',sans-serif;}
.fcol ul li{margin-bottom:6px;}
.fcol ul li a{color:rgba(255,255,255,.48);font-size:.8rem;transition:color .13s;display:flex;align-items:center;gap:5px;}
.fcol ul li a:hover{color:var(--amber);}
.foot-bot{padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.foot-bot p{font-size:.75rem;}
.foot-bot a{color:var(--amber);}

/* ═══ LİGHTBOX ═══ */
.lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:9999;align-items:center;justify-content:center;}
.lightbox.open{display:flex;}
.lightbox img{max-width:88vw;max-height:84vh;object-fit:contain;border-radius:8px;}
.lb-close{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.1);border:none;color:#fff;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;transition:background .13s;}
.lb-close:hover{background:var(--blue);}
.lb-prev,.lb-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:none;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:background .13s;}
.lb-prev{left:16px;}.lb-next{right:16px;}
.lb-prev:hover,.lb-next:hover{background:var(--blue);}
.lb-counter{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.55);font-size:.78rem;background:rgba(0,0,0,.48);padding:4px 13px;border-radius:50px;}

/* ═══ FLOAT ═══ */
#back-to-top{position:fixed;bottom:20px;right:20px;width:38px;height:38px;background:var(--dark);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.88rem;box-shadow:var(--shadow-lg);cursor:pointer;opacity:0;pointer-events:none;transition:all .18s;z-index:500;}
#back-to-top.visible{opacity:1;pointer-events:all;}
#back-to-top:hover{background:var(--blue);transform:translateY(-3px);}
.wa-float{position:fixed;bottom:66px;right:20px;width:44px;height:44px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;box-shadow:0 4px 16px rgba(37,211,102,.4);z-index:500;transition:transform .18s;}
.wa-float:hover{transform:scale(1.1);}

/* ═══ ANİMASYONLAR ═══ */
.fade-up{opacity:0;transform:translateY(22px);transition:opacity .55s var(--ease),transform .55s var(--ease);}
.fade-up.in{opacity:1;transform:translateY(0);}
.d1{transition-delay:.07s;}.d2{transition-delay:.14s;}.d3{transition-delay:.21s;}.d4{transition-delay:.28s;}.d5{transition-delay:.35s;}

/* ═══ SAYFALAMA ═══ */
.nav-links{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;}
.nav-links a,.nav-links span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:var(--r);border:1.5px solid var(--border);font-size:.83rem;font-weight:600;padding:0 8px;transition:all .15s;}
.nav-links a:hover{border-color:var(--blue);color:var(--blue);}
.nav-links .current{background:var(--blue);border-color:var(--blue);color:#fff;}

/* ═══ RESPONSİVE ═══ */
@media(max-width:960px){
  .proj-det-grid{grid-template-columns:1fr;}
  .det-sidebar{position:static;}
}
@media(max-width:900px){
  .hero-inner,.about-grid,.why-grid{grid-template-columns:1fr;}
  .hero-cards{display:none;}
  .svcs-grid{grid-template-columns:repeat(2,1fr);}
  .projs-grid{grid-template-columns:repeat(2,1fr);}
  .tests-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .main-nav,.hdr-phone{display:none;}
  .mob-toggle{display:flex;}
}
@media(max-width:768px){
  .section,.section-alt{padding:50px 0;}
  .contact-layout{grid-template-columns:1fr;}
  .about-years,.why-float{display:none;}
  .about-grid{grid-template-columns:1fr;}
  .why-grid{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .projs-grid{grid-template-columns:1fr;}
  .svcs-grid{grid-template-columns:1fr;}
  .tests-grid{grid-template-columns:1fr;}
  .proj-nav{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .hero-btns .btn{width:100%;justify-content:center;}
  .about-feats{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
}