*{margin:0;padding:0;box-sizing:border-box}
:root{
  /* Aydınlık Tema Değişkenleri */
  --gold:#c9a84c;
  --gold2:#b3933c;
  --bg-main:#ffffff;
  --bg-sec:#f8f9fa;
  --bg-alt:#f1f3f5;
  --text:#2c2c2c;
  --text-head:#0a0a0a;
  --muted:#5a6268;
  --border-light:rgba(0,0,0,0.08);
}
html{scroll-behavior:smooth}
body{font-family:'Playfair Display',serif;background:var(--bg-main);color:var(--text);overflow-x:hidden}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--bg-main)}
::-webkit-scrollbar-thumb{background:var(--gold)}

/* ── CUSTOM CURSOR ── */
.cursor{position:fixed;width:10px;height:10px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width .2s,height .2s,opacity .2s}
.cursor-follower{position:fixed;width:36px;height:36px;border:1px solid rgba(201,168,76,.8);border-radius:50%;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:all .12s ease}

/* ── NAV ── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  height:80px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 3.5%;
  transition:all .4s;
  gap:16px;
}

/* LOGO */
.logo-txt{
  font-family:'Golos Text',sans-serif;color:#fff;font-weight:700;
  letter-spacing:.5px;text-decoration:none;
  display:flex;align-items:center;gap:10px;
  transition:all .3s;white-space:nowrap;
  flex-shrink:0;
  padding:8px 22px;
  border:1px solid rgba(255,255,255,0.13);
  border-radius:999px;
  background:rgba(52,52,60,0.72);
  backdrop-filter:blur(6px);
}
.logo-txt img{height:48px !important;width:auto !important;max-width:none !important;object-fit:contain;transition:filter .3s;filter:brightness(0) invert(1);}
.logo-txt span{color:var(--gold)}

/* ORTA MENÜ */
.nav-links{
  display:flex;gap:28px;list-style:none;align-items:center;
  flex:1;justify-content:center;
}
.nav-links a{
  color:#fff;font-weight:600;letter-spacing:.6px;text-decoration:none;
  text-transform:uppercase;transition:color .3s;position:relative;
  font-family:'Golos Text',sans-serif;white-space:nowrap;font-size:13px;
}
.nav-links a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gold);transition:width .3s}
.nav-links a:hover{color:var(--gold)}
.nav-links a:hover::after{width:100%}

/* SAĞ KISIM */
.nav-right{display:flex;align-items:center;gap:20px;flex-shrink:0;}
.nav-phone{
  color:var(--gold);font-family:'Golos Text',sans-serif;font-weight:700;
  text-decoration:none;letter-spacing:.5px;transition:color .3s;
  white-space:nowrap;font-size:14px;
}
.btn-nav{
  border:2px solid #fff;color:#fff;padding:9px 20px;
  font-weight:700;letter-spacing:1px;text-transform:uppercase;
  text-decoration:none;transition:all .3s;
  font-family:'Playfair Display',serif;white-space:nowrap;font-size:12px;
  flex-shrink:0;
}
.btn-nav:hover{background:#fff;color:#000}

/* HAMBURGERl */
.hamburger{display:none;flex-direction:column;gap:6px;cursor:pointer;z-index:1001;padding:4px;}
.hamburger span{width:28px;height:2px;background:#fff;transition:all .3s;display:block}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,6px);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px);}

/* SCROLLED */
nav.scrolled{
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:none;
}

/* Scrolled: logo — anasayfa menü linkleriyle aynı oval kutu */
nav.scrolled .logo-txt{
  color:#f0f0f0;
  background:rgba(52,52,60,0.72);
  border:1px solid rgba(255,255,255,0.13);
  border-radius:999px;
  padding:8px 22px;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  flex-shrink:0;
  display:flex;
  position:relative;
}
nav.scrolled .logo-txt:hover{
  background:var(--gold);
  border-color:var(--gold);
}
nav.scrolled .logo-txt img{
  filter:brightness(0) invert(1);
  height:48px !important;
  width:auto !important;
  max-width:none !important;
}

/* Scrolled: menü — ortalı, taşma yok */
nav.scrolled .nav-links{
  justify-content:center;
  gap:8px;
  margin-left:0;
  flex:1;
  overflow:hidden;
}

/* Scrolled: her link oval antrasit kutu */
nav.scrolled .nav-links a{
  color:#dcdcdc;
  padding:6px 15px;
  border:1px solid rgba(255,255,255,0.13);
  border-radius:999px;
  background:rgba(52,52,60,0.72);
  backdrop-filter:blur(6px);
  transition:all .3s;
  display:inline-block;
  font-size:12px;
  white-space:nowrap;
}
nav.scrolled .nav-links a:hover{
  color:#fff;
  background:var(--gold);
  border-color:var(--gold);
}
nav.scrolled .nav-links a::after{display:none;}

/* Scrolled: sağ — telefonu gizle, buton küçük */
nav.scrolled .nav-phone{display:none;}
nav.scrolled .nav-right{flex-shrink:0;}
nav.scrolled .btn-nav{
  border-color:rgba(255,255,255,0.35);
  color:#dcdcdc;
  font-size:11px;
  padding:7px 15px;
  white-space:nowrap;
}
nav.scrolled .btn-nav:hover{background:var(--gold);border-color:var(--gold);color:#fff;}
nav.scrolled .hamburger span{background:#e0e0e0;}


/* ── HERO ── */
.hero{
  position:relative;
  height:100vh;
  height:100dvh;
  min-height:750px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}

@media(max-width:768px){
  .hero{
    height:100vh;
    height:100dvh;
    min-height:560px;
  }
}

/* Alt sayfa banner'ı — index dışındaki sayfalarda kısa/dikdörtgen banner */
.hero.hero-banner{
  height:34vh;
  min-height:260px;
  max-height:340px;
}
@media(max-width:768px){
  .hero.hero-banner{
    height:30vh;
    min-height:220px;
    max-height:280px;
  }
}

/* VIDEO */
.hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}

/* Video yerine statik görsel arkaplan (performans için) */
.hero-img-bg{
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

/* OVERLAY — koyu perde + alt beyaz geçişi */
.hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      to bottom,
      rgba(15,15,20,0.85) 0%,
      rgba(15,15,20,0.68) 35%,
      rgba(15,15,20,0.48) 60%,
      rgba(255,255,255,1)  100%
    );
  z-index:1;
}

/* ── 🔥 DECO FIX (HALKA SORUNU ÇÖZÜLDÜ) ── */


/* TEK STABİL ROTASYON */
@keyframes rotateSoft{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}

/* DIŞ HALKA */


/* FLOAT SHAPES (sadeleştirildi) */
.hero-deco-3{
  bottom:18%;
  left:6%;
  width:140px;
  height:140px;
  border:1px solid rgba(255,255,255,0.12);
  transform:rotate(45deg);
  animation:floatY 6s ease-in-out infinite;
}

.hero-deco-4{
  top:30%;
  left:4%;
  width:60px;
  height:60px;
  border:1px solid rgba(201,168,76,.3);
  transform:rotate(45deg);
  animation:floatY 4s ease-in-out infinite .5s;
}

/* YATAY LINE */
.hero-deco-lines{
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:3px;
  background:linear-gradient(to bottom,transparent,var(--gold),transparent);
  opacity:.5;
}

/* ANİMASYONLAR */
@keyframes floatY{
  0%,100%{transform:rotate(45deg) translateY(0);}
  50%{transform:rotate(45deg) translateY(-14px);}
}

/* ── CONTENT ── */
.hero-content{
  position:relative;
  z-index:3;
  text-align:center;
  padding:0 5%;
  max-width:1080px;
}

.hero-tag{
  display:inline-flex;
  align-items:center;
  gap:12px;
  letter-spacing:4px;
  color:var(--gold);
  text-transform:uppercase;
  margin-bottom:28px;
  font-family:'Golos Text',sans-serif;
  font-weight:700;
  text-shadow:0 2px 10px rgba(0,0,0,0.4);
}

.hero-tag::before,
.hero-tag::after{
  content:'';
  width:50px;
  height:2px;
  background:var(--gold);
  opacity:.8;
}

.hero-title{
  font-family:'Golos Text',sans-serif;
  line-height:1.06;
  color:#fff;
  font-weight:800;
  margin-bottom:28px;
  opacity:0;
  transform:translateY(30px);
  animation:fadeUp .9s .3s forwards;
  text-shadow:0 4px 15px rgba(0,0,0,0.4);
}

.hero-title em{
  color:var(--gold);
  font-style:normal;
}

.hero-sub{
  color:rgba(255,255,255,0.95);
  font-weight:600;
  line-height:1.8;
  margin-bottom:44px;
  opacity:0;
  animation:fadeUp .9s .55s forwards;
  text-shadow:0 2px 10px rgba(0,0,0,0.5);
}

.hero-btns{
  display:flex;
  gap:18px;
  justify-content:center;
  flex-wrap:wrap;
  opacity:0;
  animation:fadeUp .9s .75s forwards;
}

.btn-gold{
  background:var(--gold);
  color:#fff;
  padding:18px 42px;
  font-family:'Playfair Display',serif;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  text-decoration:none;
  transition:all .3s;
  display:inline-block;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
}

.btn-gold:hover{
  background:var(--gold2);
  transform:translateY(-3px);
}

.btn-ghost{
  border:2px solid #fff;
  color:#fff;
  font-family:'Playfair Display',serif;
  font-weight:700;
  padding:16px 42px;
  letter-spacing:1px;
  text-transform:uppercase;
  text-decoration:none;
  transition:all .3s;
  display:inline-block;
}

.btn-ghost:hover{
  border-color:var(--gold);
  color:var(--gold);
  background:rgba(0,0,0,0.4);
}

/* SCROLL */
.hero-scroll{
  position:absolute;
  bottom:32px;
  left:50%;
  transform:translateX(-50%);
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  cursor:pointer;
  text-decoration:none;
}

.hero-scroll span{
  letter-spacing:4px;
  color:var(--text-head);
  text-transform:uppercase;
  font-family:'Golos Text',sans-serif;
  font-weight:700;
}

.scroll-line{
  width:2px;
  height:65px;
  background:linear-gradient(to bottom,var(--gold),transparent);
  animation:scrollAnim 2s ease-in-out infinite;
}

/* ANİMASYON */
@keyframes scrollAnim{
  0%{transform:scaleY(0);transform-origin:top}
  50%{transform:scaleY(1);transform-origin:top}
  51%{transform:scaleY(1);transform-origin:bottom}
  100%{transform:scaleY(0);transform-origin:bottom}
}

@keyframes fadeUp{
  to{opacity:1;transform:translateY(0)}
}
/* ── BÖLÜM GENEL ── */
.sec{padding:130px 5%}
.sec-tag{display:inline-flex;align-items:center;gap:10px;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-bottom:18px;font-family:'Golos Text',sans-serif;font-weight:700}
.sec-tag i{width:25px;height:2px;background:var(--gold)}
.sec-h{font-family:'Golos Text',sans-serif;color:var(--text-head);line-height:1.15;font-weight:800;margin-bottom:24px}
.sec-h em{color:var(--gold);font-style:normal}
.sec-p{color:var(--muted);line-height:1.9;max-width:640px; font-weight: 500;}
.reveal{opacity:0;transform:translateY(55px);transition:opacity .9s cubic-bezier(.16,.84,.44,1),transform .9s cubic-bezier(.16,.84,.44,1)}
.reveal.on{opacity:1;transform:none}
.reveal-l{opacity:0;transform:translateX(-55px);transition:opacity .9s cubic-bezier(.16,.84,.44,1),transform .9s cubic-bezier(.16,.84,.44,1)}
.reveal-l.on{opacity:1;transform:none}
.reveal-r{opacity:0;transform:translateX(55px);transition:opacity .9s cubic-bezier(.16,.84,.44,1),transform .9s cubic-bezier(.16,.84,.44,1)}
.reveal-r.on{opacity:1;transform:none}

/* ── HAKKIMIZDA (Beyazdan Griye Geçiş) ── */
#hakkimizda {
  background: linear-gradient(to bottom, #ffffff 0%, #f9fafb 100%);
}
.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}
.about-features{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:45px}
.feat{border-left:3px solid var(--gold);padding-left:22px}
.feat h4{font-family:'Golos Text',sans-serif;font-weight:800;color:var(--text-head);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.feat p{color:var(--muted);line-height:1.8}
.about-visual{position:relative}
.about-img-wrap{position:relative;display:inline-block;width:100%}
.about-img-wrap::before{content:'';position:absolute;top:-18px;left:-18px;right:18px;bottom:18px;border:2px solid rgba(201,168,76,.5);z-index:0;pointer-events:none}
.about-img-wrap::after{content:'';position:absolute;bottom:-30px;right:-30px;width:140px;height:140px;background:var(--gold);opacity:.2;z-index:0}
.about-img-main{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;position:relative;z-index:1;clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,0 100%)}
.about-badge{position:absolute;bottom:35px;left:-35px;z-index:2;background:var(--gold);padding:30px 35px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px)); box-shadow: 0 10px 30px rgba(0,0,0,0.15)}
.about-badge .n{font-family:'Golos Text',sans-serif;font-weight:800;color:#fff;line-height:1}
.about-badge .l{color:#fff;font-family:'Playfair Display',serif;letter-spacing:2px;text-transform:uppercase;margin-top:6px;font-weight:700}
.dot-pattern{position:absolute;top:0;right:-20px;width:80px;height:80px;background-image:radial-gradient(circle,rgba(201,168,76,.4) 1px,transparent 1px);background-size:10px 10px;z-index:0}

/* ── VİZYON (ARKAPLAN RESİMLİ) ── */
#vizyon{
  background: linear-gradient(rgba(240, 242, 245, 0.88), rgba(240, 242, 245, 0.95)), url('../img/34.jpeg') center/cover fixed;
  padding: 130px 5%;
}
.vizyon-wrap{display:grid;grid-template-columns:1fr 1fr; gap: 80px; align-items: center;}
.vizyon-img{width:100%; aspect-ratio:1/1; background:url('../img/34.jpeg') center/cover no-repeat;position:relative;overflow:hidden; border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,0.1)}
.vizyon-txt{
  background: rgba(255, 255, 255, 0.90);
  backdrop-filter: blur(15px);
  padding: 70px 60px;
  border-radius: 12px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.05);
  border: 1px solid rgba(255,255,255,0.8);
}
.vizyon-list{margin-top:32px;display:flex;flex-direction:column;gap:18px}
.vizyon-list li{display:flex;align-items:flex-start;gap:16px;color:var(--text);line-height:1.7;list-style:none}
.vizyon-list li .dot{width:8px;height:8px;min-width:8px;background:var(--gold);margin-top:9px;transform:rotate(45deg)}
.vizyon-list li strong{color:var(--text-head);font-family:'Golos Text',sans-serif;font-weight:800}

/* ── İSTATİSTİKLER ── */
.stats-wrap{background:var(--bg-main);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:80px 40px;text-align:center;border-right:1px solid var(--border-light);position:relative;overflow:hidden}
.stat::before{content:'';position:absolute;top:50%;left:50%;width:140px;height:140px;border:1px solid rgba(201,168,76,.2);border-radius:50%;transform:translate(-50%,-50%)}
.stat:last-child{border-right:none}
.stat .n{font-family:'Golos Text',sans-serif;font-weight:800;color:var(--gold);line-height:1}
.stat .plus{vertical-align:super;line-height:1}
.stat .l{font-family:'Playfair Display',serif;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:14px;font-weight:700}

/* ── WATERMARK SEC (Beyaz) ── */
.menekse-sec{background:var(--bg-main);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;min-height:600px; border-bottom: 1px solid var(--border-light)}
.menekse-img{position:relative;overflow:hidden;min-height:600px}
.menekse-img img{width:100%;height:100%;object-fit:cover;display:block}
.menekse-img::after{content:'';position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 140px 140px;border-color:transparent transparent var(--bg-sec) transparent;z-index:2}
.menekse-img::before{content:'';position:absolute;top:24px;right:24px;width:80px;height:80px;border:1px solid rgba(201,168,76,.5);transform:rotate(45deg);z-index:2}
.menekse-txt{padding:80px 64px;background:var(--bg-sec)}
.menekse-watermark{font-family:'Golos Text',sans-serif;font-size:80px;font-weight:800;color:rgba(0,0,0,.03);position:absolute;top:40px;right:-10px;letter-spacing:-2px;pointer-events:none;user-select:none;line-height:1}

/* ── PROJELERİMİZ (ARKAPLAN RESİMLİ) ── */
.projects-sec{
  background: linear-gradient(rgba(248, 249, 250, 0.90), rgba(248, 249, 250, 0.98)), url('https://images.unsplash.com/photo-1512917774080-9991f1c4c750?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center/cover fixed;
  overflow:hidden;
}
.projects-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:65px;gap:40px}
.swiper-outer{overflow:hidden;margin:0 -5%;padding:0 5%}
.proj-swiper{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;}
.proj-swiper::-webkit-scrollbar{display:none;}
.proj-card{flex:0 0 460px;scroll-snap-align:start;position:relative;overflow:hidden;cursor:pointer;background:#fff;padding:15px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.06)}
.proj-card-img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .7s ease; border-radius: 8px;}
.proj-card:hover .proj-card-img{transform:scale(1.06)}
.proj-card .img-wrap{overflow:hidden;}
.proj-card-info{padding:28px 10px 12px}
.proj-card-cat{font-family:'Playfair Display',serif;font-weight:700;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-bottom:10px}
.proj-card-name{font-family:'Golos Text',sans-serif;color:var(--text-head);font-weight:800;transition:color .3s}
.proj-card:hover .proj-card-name{color:var(--gold)}
.proj-card-view{display:inline-flex;align-items:center;gap:8px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-top:14px;transition:color .3s;font-family:'Golos Text',sans-serif;font-weight:700}
.proj-card:hover .proj-card-view{color:var(--gold)}
.proj-card-view::after{content:'→';transition:transform .3s}
.proj-card:hover .proj-card-view::after{transform:translateX(6px)}
.swiper-nav{display:flex;gap:14px;margin-top:50px;justify-content:center}
.swiper-btn{width:56px;height:56px;border:1px solid rgba(201,168,76,.6);background:#fff;color:var(--gold);font-size:22px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center; border-radius: 50%; box-shadow: 0 5px 15px rgba(0,0,0,0.05)}
.swiper-btn:hover{background:var(--gold);color:#fff;border-color:var(--gold)}

/* ── BLOG (ARKAPLAN RESİMLİ) ── */
#blog {
  background: linear-gradient(rgba(241, 243, 245, 0.94), rgba(241, 243, 245, 0.94)), url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center/cover fixed;
}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:65px}
.blog-card{background:#ffffff;border:1px solid var(--border-light);overflow:hidden;transition:transform .35s,border-color .35s;box-shadow: 0 10px 30px rgba(0,0,0,0.05); border-radius: 12px;}
.blog-card:hover{transform:translateY(-10px);border-color:rgba(201,168,76,.5)}
.blog-card-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .6s}
.blog-card:hover .blog-card-img{transform:scale(1.05)}
.blog-card-body{padding:34px 28px}
.blog-date{font-family:'Playfair Display',serif;font-weight:700;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-bottom:14px}
.blog-card-body h3{font-family:'Golos Text',sans-serif;color:var(--text-head);font-weight:800;margin-bottom:16px;line-height:1.45}
.blog-card-body p{color:var(--muted);line-height:1.8;margin-bottom:22px}
.blog-more{font-family:'Golos Text',sans-serif;font-weight:700;letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:gap .3s}
.blog-card:hover .blog-more{gap:12px}

/* ── GALERİ (ARKAPLAN RESİMLİ) ── */
.galeri-sec{
  background: linear-gradient(rgba(240, 242, 245, 0.85), rgba(255, 255, 255, 0.98)), url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center/cover fixed;
  padding-bottom: 120px;
}
.galeri-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:280px 280px;gap:5px;margin-top:65px}
.gal-item{overflow:hidden;position:relative;cursor:pointer; border-radius: 6px;}
.gal-item.big{grid-column:span 2;grid-row:span 2}
.gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}
.gal-item:hover img{transform:scale(1.08)}
.gal-item::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.2);opacity:0;transition:opacity .35s;pointer-events:none;}
.gal-item:hover::after{opacity:1}
.blog-sec{padding:100px 5%;background:var(--bg-sec)}
.blog-layout{display:grid;grid-template-columns:1fr 340px;gap:70px;align-items:start}
/* ÖZEL POST (featured) */
.blog-featured{margin-bottom:60px}
.feat-card{display:grid;grid-template-columns:1.2fr 1fr;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.07);transition:transform .3s}
.feat-card:hover{transform:translateY(-6px)}
.feat-img{width:100%;height:100%;object-fit:cover;min-height:340px;display:block;transition:transform .6s}
.feat-card:hover .feat-img{transform:scale(1.04)}
.feat-body{padding:48px 40px;display:flex;flex-direction:column;justify-content:center}
.feat-tag{display:inline-block;background:var(--gold);color:#fff;font-family:'Golos Text',sans-serif;font-weight:800;font-size:11px;letter-spacing:3px;text-transform:uppercase;padding:6px 16px;margin-bottom:18px}
.feat-date{color:var(--gold);font-family:'Playfair Display',serif;font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:13px;margin-bottom:14px}
.feat-body h2{font-family:'Golos Text',sans-serif;color:var(--text-head);font-weight:800;font-size:26px;line-height:1.4;margin-bottom:16px}
.feat-body p{color:var(--muted);line-height:1.8;font-size:15px;margin-bottom:24px}
.blog-link{display:inline-flex;align-items:center;gap:10px;font-family:'Golos Text',sans-serif;font-weight:700;letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;text-decoration:none;font-size:13px;transition:gap .3s}
.blog-link:hover{gap:16px}
/* BLOG GRİD */
.blog-grid-title{font-family:'Golos Text',sans-serif;font-weight:800;color:var(--text-head);font-size:22px;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid var(--gold);display:inline-block}
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.blog-card{background:#fff;border:1px solid var(--border-light);border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.08)}
.blog-card-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .6s}
.blog-card:hover .blog-card-img{transform:scale(1.05)}
.blog-card-body{padding:28px 24px}
.blog-cat{display:inline-block;border:1px solid var(--gold);color:var(--gold);font-family:'Golos Text',sans-serif;font-weight:700;font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;margin-bottom:12px}
.blog-date{font-family:'Playfair Display',serif;font-weight:700;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-bottom:10px;font-size:12px}
.blog-card-body h3{font-family:'Golos Text',sans-serif;color:var(--text-head);font-weight:800;margin-bottom:12px;line-height:1.45;font-size:18px}
.blog-card-body p{color:var(--muted);line-height:1.8;margin-bottom:18px;font-size:14px}
.sidebar-widget{background:#fff;padding:36px 30px;border-radius:12px;margin-bottom:30px;border:1px solid var(--border-light)}
.sidebar-title{font-family:'Golos Text',sans-serif;font-weight:800;color:var(--text-head);font-size:16px;text-transform:uppercase;letter-spacing:2px;margin-bottom:24px;padding-bottom:14px;border-bottom:2px solid var(--gold)}
.sidebar-cats{list-style:none}
.sidebar-cats li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-light)}
.sidebar-cats li:last-child{border:none}
.sidebar-cats a{color:var(--muted);text-decoration:none;font-size:15px;transition:color .3s;font-family:'Golos Text',sans-serif;font-weight:500}
.sidebar-cats a:hover{color:var(--gold)}
.sidebar-cats span{background:var(--gold);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-family:'Golos Text',sans-serif;font-weight:700}
.recent-post{display:flex;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}
.recent-post:last-child{border:none;margin-bottom:0;padding-bottom:0}
.recent-img{width:70px;height:70px;object-fit:cover;border-radius:6px;flex-shrink:0}
.recent-body h4{font-family:'Golos Text',sans-serif;font-weight:700;color:var(--text-head);font-size:14px;line-height:1.4;margin-bottom:6px}
.recent-body h4 a{color:inherit;text-decoration:none;transition:color .3s}
.recent-body h4 a:hover{color:var(--gold)}
.recent-date{color:var(--gold);font-size:12px;font-family:'Playfair Display',serif;font-weight:700;letter-spacing:1px}
.tags{display:flex;gap:10px;flex-wrap:wrap}
.tag{border:1px solid var(--border-light);color:var(--muted);padding:8px 16px;font-size:13px;font-family:'Golos Text',sans-serif;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none}
.tag:hover{border-color:var(--gold);color:var(--gold)}
.sub-hero { position:relative; padding:180px 5% 80px; background:var(--bg-sec); text-align:center; border-bottom:1px solid var(--border-light); }
.sub-hero h1 { font-family:'Golos Text',sans-serif; font-size:62px; font-weight:800; color:var(--text-head); margin-bottom:15px; }
.sub-hero p { color:var(--muted); font-size:24px; font-family:'Playfair Display',serif; font-style:italic; }

.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; padding:80px 5%; align-items:start; }
.sec-h { font-family:'Golos Text',sans-serif; font-size:48px; color:var(--text-head); margin-bottom:20px; font-weight:800; }
.sec-h em { color:var(--gold); font-style:normal; }
.info-row { display:flex; align-items:center; gap:15px; font-size:24px; margin-bottom:20px; color:var(--text-head); font-family:'Golos Text',sans-serif; }
.info-row em { color:var(--gold); font-style:normal; font-size:28px; }

.contact-form { background:#fff; padding:50px; border-radius:12px; box-shadow:0 15px 40px rgba(0,0,0,0.06); border:1px solid var(--border-light); }
.contact-form input, .contact-form textarea { width:100%; padding:20px; font-size:20px; border:1px solid var(--border-light); outline:none; font-family:'Playfair Display',serif; border-radius:6px; margin-bottom:20px; }
.contact-form button { background:var(--gold); color:#fff; padding:20px; font-size:22px; font-family:'Playfair Display',serif; font-weight:700; border:none; border-radius:6px; cursor:pointer; width:100%; transition:background 0.3s;}
.contact-form button:hover { background:#b3933c; }
.map-section{
  position:relative;
  overflow:hidden;
}

.map-wrap{
  width:100%;
  height:450px;
  background:#eee;
}

.map-wrap iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}

.section-transition{
  height:140px;
  background:linear-gradient(
    to bottom,
    rgba(255,255,255,0) 0%,
    #f5f5f5 50%,
    #ececec 100%
  );
}

/* Daha premium görünüm için hafif desen */
.section-transition::before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:
    radial-gradient(circle at 20% 30%, rgba(0,0,0,.03) 1px, transparent 1px),
    radial-gradient(circle at 80% 70%, rgba(0,0,0,.03) 1px, transparent 1px);
  background-size:60px 60px;
}

/* ── BÜLTEN ── */
.bulten {
  background: linear-gradient(rgba(30, 30, 30, 0.55), rgba(30, 30, 30, 0.55)), url('../img/2.jpeg');
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
  padding: 90px 5%;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.bulten::before {
  content: '';
  position: absolute;
  top: -80px;
  right: -80px;
  width: 350px;
  height: 350px;
  border: 2px solid rgba(255, 255, 255, .25);
  border-radius: 50%
}
.bulten::after {
  content: '';
  position: absolute;
  bottom: -60px;
  left: -60px;
  width: 250px;
  height: 250px;
  border: 2px solid rgba(255, 255, 255, .2);
  border-radius: 50%
}
.bulten h2 {
  font-family: 'Golos Text', sans-serif;
  color: #fff;
  font-weight: 800;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
  text-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.bulten p {
  color: rgba(255, 255, 255, .95);
  margin-bottom: 42px;
  position: relative;
  z-index: 1;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.bulten-form {
  display: flex;
  max-width: 540px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  box-shadow: 0 15px 40px rgba(0,0,0,0.2);
  border-radius: 8px;
  overflow: hidden;
}
.bulten-form input {
  flex: 1;
  padding: 20px 25px;
  background: #fff;
  border: none;
  color: #000;
  font-family: 'Playfair Display', serif;
  outline: none
}
.bulten-form input::placeholder {
  color: rgba(0,0,0,.5)
}
.bulten-form button {
  background: #000;
  color: var(--gold);
  border: none;
  padding: 20px 36px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
  font-family: 'Playfair Display', serif;
  transition: background .3s
}
.bulten-form button:hover {
  background: #333
}

/* ── FOOTER ── */
footer {
  background: linear-gradient(rgba(248, 249, 250, 0.95), rgba(248, 249, 250, 0.95)), url('../img/2.jpeg');
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
  border-top: 1px solid var(--border-light);
  padding: 90px 5% 45px;
  color: var(--text); /* Genel metin rengi */
}
.footer-tagline, .footer-info a, .footer-info span, .footer-bottom, .footer-col ul li a {
  color: #444 !important; 
}
.footer-brand {
  color: var(--text-head) !important;
}
.soc {
  border-color: rgba(0,0,0,0.1);
  color: var(--text-head);
}
.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:70px;margin-bottom:70px}
.footer-brand{font-family:'Golos Text',sans-serif;font-weight:800;color:var(--text-head);margin-bottom:10px}
.footer-brand span{color:var(--gold)}
.footer-tagline{color:var(--muted);font-style:italic;margin-bottom:28px}
.footer-info a,.footer-info span{display:flex;align-items:flex-start;gap:12px;color:var(--muted);margin-bottom:12px;text-decoration:none;transition:color .3s;line-height:1.5}
.footer-info a:hover{color:var(--gold)}
.footer-info .ico{width:18px;min-width:18px;margin-top:3px;opacity:.6;font-style:normal}
.footer-social{display:flex;gap:12px;margin-top:28px}
.soc{width:42px;height:42px;border:1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;color:var(--text-head);text-decoration:none;font-family:'Golos Text',sans-serif;font-weight:800;transition:all .3s; border-radius: 50%;}
.soc:hover{border-color:var(--gold);color:#fff;background:var(--gold)}
.footer-col h4{font-family:'Golos Text',sans-serif;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:26px}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:15px}
.footer-col ul li a{color:var(--muted);text-decoration:none;transition:color .3s;display:inline-flex;align-items:center;gap:8px}
.footer-col ul li a::before{content:'';width:0;height:2px;background:var(--gold);transition:width .3s}
.footer-col ul li a:hover{color:var(--gold)}
.footer-col ul li a:hover::before{width:16px}
.footer-bottom{border-top:1px solid var(--border-light);padding-top:28px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);}

/* ── MOBİL MENÜ OVERLAY ── */
.mob-overlay{
  position:fixed;inset:0;
  background:rgba(0,0,0,.45);
  backdrop-filter:blur(4px);
  z-index:1998;
  opacity:0;visibility:hidden;
  transition:opacity .35s,visibility .35s;
}
.mob-overlay.open{opacity:1;visibility:visible}

/* MOBİL MENÜ PANELİ */
.mob-menu{
  position:fixed;top:0;right:-100%;
  width:min(320px,85vw);height:100dvh;
  background:#fff;z-index:1999;
  padding:80px 30px 40px;
  transition:right .4s cubic-bezier(0.19,1,0.22,1);
  border-left:1px solid var(--border-light);
  box-shadow:-10px 0 40px rgba(0,0,0,0.12);
  overflow-y:auto;
  display:flex;flex-direction:column;gap:0;
}
.mob-menu.open{right:0}

.mob-close{
  position:absolute;top:24px;right:22px;
  background:none;border:none;color:#000;font-weight:800;
  cursor:pointer;width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;transition:background .2s;
}
.mob-close:hover{background:var(--bg-alt);}

.mob-links{list-style:none;display:flex;flex-direction:column;gap:0;}
.mob-links li{border-bottom:1px solid rgba(0,0,0,0.06);}
.mob-links a{
  display:block;padding:13px 0;
  font-family:'Golos Text',sans-serif;font-weight:600;
  color:var(--text-head);text-decoration:none;
  text-transform:uppercase;letter-spacing:.6px;font-size:13px;
  transition:color .3s,padding-left .2s;
}
.mob-links a:hover{color:var(--gold);padding-left:8px;}

/* Mobil menü alt kısım (tel + buton) */
.mob-footer{margin-top:auto;padding-top:30px;display:flex;flex-direction:column;gap:14px;}
.mob-footer .mob-phone{
  display:flex;align-items:center;gap:10px;
  font-family:'Golos Text',sans-serif;font-weight:700;
  color:var(--gold);text-decoration:none;font-size:15px;
}
.mob-footer .btn-gold-mob{
  display:block;text-align:center;
  background:var(--gold);color:#fff;
  padding:14px 20px;font-family:'Playfair Display',serif;
  font-weight:700;letter-spacing:1px;text-transform:uppercase;
  text-decoration:none;transition:background .3s;font-size:13px;
}
.mob-footer .btn-gold-mob:hover{background:var(--gold2);}

/* ========================================================= */
/* KULLANICININ İSTEDİĞİ FONT BOYUTLARI */
/* ========================================================= */
.logo-txt{font-size:22px!important;}
.nav-links a{font-size:13px!important;}
.nav-phone{font-size:14px!important;}
.btn-nav{font-size:12px!important;}

.hero-title{font-size:48px!important;} 
.hero-tag{font-size:13px!important;}
.hero-sub{font-size:18px!important;}
.btn-gold,.btn-ghost{font-size:15px!important;}
.hero-scroll span{font-size:11px!important;}

.sec-h{font-size:33px!important;} 
.sec-tag{font-size:13px!important;}
.sec-p{font-size:18px!important;}

.feat h4{font-size:15px!important;}
.feat p{font-size:15px!important;}
.about-badge .n{font-size:52px!important;}
.about-badge .l{font-size:11px!important;}

.vizyon-list li{font-size:17px!important;}

.stat .n{font-size:61px!important;}
.stat .plus{font-size:33px!important;}
.stat .l{font-size:13px!important;}

.proj-card-cat{font-size:11px!important;}
.proj-card-name{font-size:23px!important;}
.proj-card-view{font-size:13px!important;}

.blog-date{font-size:11px!important;}
.blog-card-body h3{font-size:19px!important;}
.blog-card-body p{font-size:15px!important;}
.blog-more{font-size:13px!important;}

.bulten h2{font-size:clamp(23px,3.2vw,40px)!important;}
.bulten p{font-size:18px!important;}
.bulten-form input{font-size:16px!important;}
.bulten-form button{font-size:13px!important;}

.footer-brand{font-size:27px!important;}
.footer-tagline{font-size:15px!important;}
.footer-info a,
.footer-info span{font-size:15px!important;}
.footer-col h4{font-size:11px!important;}
.footer-col ul li a{font-size:15px!important;}
.footer-bottom{font-size:13px!important;}
.soc{font-size:13px!important;}

.mob-close{font-size:24px!important;}
.mob-links a{font-size:16px!important;} /* Mobil Menü link fontu düzeltildi */

/* ========================================================= */
/* LIGHTBOX (TAM EKRAN GALERİ) TASARIMI                      */
/* ========================================================= */
.clickable-img { cursor: zoom-in; }
.lightbox { position:fixed; inset:0; background:rgba(255,255,255,0.96); z-index:999999; display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:all 0.3s; }
.lightbox.show { opacity:1; visibility:visible; }
.lb-img { max-width:90%; max-height:85vh; object-fit:contain; border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,0.15); }
.lb-close { position:absolute; top:35px; right:45px; background:none; border:none; color:#000; font-size:42px; cursor:pointer; transition:color 0.3s; z-index:1000000; }
.lb-close:hover { color:var(--gold); }
.lb-nav { position:absolute; top:50%; transform:translateY(-50%); background:rgba(201,168,76,0.15); border:1px solid rgba(201,168,76,0.6); color:var(--gold); width:64px; height:64px; display:flex; align-items:center; justify-content:center; font-size:28px; cursor:pointer; transition:all 0.3s; z-index:1000000; border-radius:50%; backdrop-filter:blur(6px); }
.lb-nav:hover { background:var(--gold); color:#fff; border-color:var(--gold); }
.lb-prev { left:45px; }
.lb-next { right:45px; }
.lb-counter { position:absolute; bottom:35px; left:50%; transform:translateX(-50%); color:var(--text-head); font-size:20px; letter-spacing:2px; font-family:'Playfair Display',serif; font-weight:700; z-index:1000000; }

.team-sec{padding:110px 5%;background:#fff}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px}
.team-card{text-align:center;transition:transform .3s}
.team-card:hover{transform:translateY(-6px)}
.team-img{width:100%;aspect-ratio:1/1;object-fit:cover;margin-bottom:24px;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}
.team-name{font-family:'Golos Text',sans-serif;font-weight:800;color:var(--text-head);font-size:20px;margin-bottom:6px}
.team-role{color:var(--gold);font-family:'Playfair Display',serif;letter-spacing:2px;text-transform:uppercase;font-size:13px;margin-bottom:14px}
.team-bio{color:var(--muted);line-height:1.8;font-size:15px}
.values-sec{padding:110px 5%;background:linear-gradient(to bottom,#f9fafb,#fff)}
.values-header{text-align:center;margin-bottom:70px}
.sec-tag{display:inline-flex;align-items:center;gap:10px;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-bottom:18px;font-family:'Golos Text',sans-serif;font-weight:700;font-size:13px;justify-content:center}
.sec-tag i{width:25px;height:2px;background:var(--gold);display:inline-block}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.val-card{padding:50px 40px;background:#fff;border:1px solid var(--border-light);border-top:4px solid var(--gold);transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}
.val-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:0;background:var(--gold);transition:height .3s;z-index:0}
.val-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.08)}
.val-icon{font-size:36px;margin-bottom:22px}
.val-card h3{font-family:'Golos Text',sans-serif;font-weight:800;color:var(--text-head);font-size:22px;margin-bottom:14px}
.val-card p{color:var(--muted);line-height:1.8;font-size:16px}
.filter-sec{padding:60px 5% 0;background:#fff}
.filter-bar{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:0}
.filter-btn{padding:12px 28px;border:1px solid var(--border-light);background:#fff;font-family:'Golos Text',sans-serif;font-weight:700;font-size:14px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s;color:var(--muted)}
.filter-btn:hover,.filter-btn.active{background:var(--gold);color:#fff;border-color:var(--gold)}
/* PROJELEr GRİD */
.projects-sec{padding:60px 5% 130px;background:#fff}
.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.proj-card-big{position:relative;overflow:hidden;cursor:pointer;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.07);transition:transform .3s,box-shadow .3s}
.proj-card-big:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(0,0,0,.12)}
.proj-card-big .img-wrap{overflow:hidden;border-radius:10px 10px 0 0}
.proj-card-img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .7s ease}
.proj-card-big:hover .proj-card-img{transform:scale(1.06)}
.proj-badge{position:absolute;top:20px;left:20px;background:var(--gold);color:#fff;font-family:'Golos Text',sans-serif;font-weight:800;font-size:12px;letter-spacing:2px;text-transform:uppercase;padding:8px 18px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.proj-info{padding:32px 28px}
.proj-cat{font-family:'Playfair Display',serif;font-weight:700;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-bottom:10px;font-size:13px}
.proj-name{font-family:'Golos Text',sans-serif;color:var(--text-head);font-weight:800;font-size:26px;margin-bottom:12px;transition:color .3s}
.proj-card-big:hover .proj-name{color:var(--gold)}
.proj-desc{color:var(--muted);line-height:1.8;font-size:15px;margin-bottom:20px}
.proj-specs{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:22px}
.proj-spec{display:flex;align-items:center;gap:8px;font-family:'Golos Text',sans-serif;font-size:14px;color:var(--muted)}
.proj-spec strong{color:var(--text-head)}
.proj-link{display:inline-flex;align-items:center;gap:10px;font-family:'Golos Text',sans-serif;font-weight:700;letter-spacing:2px;color:var(--gold);text-transform:uppercase;text-decoration:none;font-size:14px;transition:gap .3s}
.proj-link:hover{gap:16px}

/* ========================================================= */
/* MOBİL UYUMLULUK VE TAŞMA ENGELLEYİCİLER (Responsive)      */
/* ========================================================= */

@media(max-width:1100px){
  .nav-links,.nav-right{display:none !important;}
  .hamburger{display:flex !important;}
  .about-wrap,.menekse-sec{grid-template-columns:1fr;gap:60px}
  .vizyon-wrap{grid-template-columns:1fr;gap:50px;}
  .vizyon-img{min-height:380px}
  .stats-wrap{grid-template-columns:repeat(2,1fr)}
  .stat{border-right:none;border-bottom:1px solid var(--border-light)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .proj-grid{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;gap:40px;}
  .blog-layout{grid-template-columns:1fr;}
}

@media(max-width:768px){
  nav{height:64px;padding:0 5%;}

  /* Logo boyutu sabit — scroll'da küçülmesin, oval kutu korunur */
  .logo-txt img{height:36px !important;transition:none !important;}
  .logo-txt{padding:6px 16px !important;}

  /* Genel padding */
  .sec{padding:64px 5%;}

  /* ── HERO ── */
  .hero-content{padding:0 5%;max-width:100%;}
  .hero-tag{font-size:11px !important;letter-spacing:2px;margin-bottom:14px;}
  .hero-title{font-size:26px !important;line-height:1.22 !important;margin-bottom:14px;}
  .hero-sub{font-size:15px !important;line-height:1.75;margin-bottom:28px;}
  .hero-btns{flex-direction:column;align-items:center;gap:12px;}
  .btn-gold,.btn-ghost{width:100%;max-width:260px;text-align:center;padding:15px 24px !important;font-size:14px !important;}

  /* ── HAKKIMIZDA ── */
  .about-wrap{gap:40px;}
  .about-features{grid-template-columns:1fr;gap:18px;margin-top:24px;}
  .about-badge{display:none;}
  .about-img-main{clip-path:none;border-radius:10px;}
  .about-img-wrap::before{display:none;}
  .feat{padding-left:16px;}
  .feat h4{font-size:15px !important;}
  .feat p{font-size:14px !important;}

  /* ── VİZYON ── */
  .vizyon-wrap{gap:28px;}
  .vizyon-img{min-height:240px;border-radius:10px;}
  .vizyon-txt{padding:32px 22px !important;}
  .vizyon-list li{font-size:15px !important;}

  /* ── İSTATİSTİKLER ── */
  .stats-wrap{grid-template-columns:1fr 1fr;}
  .stat{padding:44px 16px;}
  .stat .n{font-size:40px !important;}
  .stat .plus{font-size:20px !important;}
  .stat .l{font-size:11px !important;letter-spacing:1px;}

  /* ── PROJELERİMİZ ── */
  .projects-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:40px;}
  .proj-card{flex:0 0 82vw;}
  .proj-card-img{aspect-ratio:4/3;}
  .proj-card-name{font-size:20px !important;}
  .proj-card-cat{font-size:11px !important;}
  .swiper-nav{margin-top:24px;}
  .swiper-btn{width:48px;height:48px;font-size:20px;}

  /* ── BLOG ── */
  .blog-grid{grid-template-columns:1fr;gap:20px;}
  .feat-card{grid-template-columns:1fr;}
  .feat-img{min-height:200px;}
  .blog-card-body{padding:24px 18px;}
  .blog-card-body h3{font-size:18px !important;line-height:1.35;}
  .blog-card-body p{font-size:14px !important;}
  .blog-date{font-size:11px !important;}

  /* ── GALERİ ── */
  .galeri-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;}
  .gal-item.big{grid-column:span 2;grid-row:span 1;clip-path:none;}
  .galeri-sec{padding-bottom:70px;}

  /* ── MENEKSE ── */
  .menekse-sec{grid-template-columns:1fr !important;}
  .menekse-img{min-height:240px;}
  .menekse-txt{padding:44px 22px !important;}
  .menekse-watermark{font-size:36px !important;}

  /* ── BÜLTEN ── */
  .bulten{padding:60px 5%;}
  .bulten h2{font-size:22px !important;}
  .bulten p{font-size:15px !important;}
  .bulten-form{flex-direction:column;border-radius:8px;}
  .bulten-form input,.bulten-form button{width:100%;border-radius:0;}

  /* ── FOOTER ── */
  .footer-grid{grid-template-columns:1fr;gap:36px;}
  .footer-bottom{flex-direction:column;gap:12px;text-align:center;}
  .footer-social{flex-wrap:wrap;}
  .footer-brand{font-size:22px !important;}
  .footer-tagline{font-size:14px !important;}
  .footer-col h4{font-size:10px !important;}

  /* ── SECTIONS GENEL ── */
  .sec-h{font-size:26px !important;line-height:1.25 !important;}
  .sec-tag{font-size:11px !important;letter-spacing:2px;}
  .sec-p{font-size:15px !important;line-height:1.8;}

  /* ── İÇ SAYFALAR ── */
  .sub-hero{padding:110px 5% 50px;}
  .sub-hero h1{font-size:28px !important;}
  .sub-hero p{font-size:15px !important;}
  .contact-grid{padding:48px 5%;}
  .contact-form{padding:28px 18px;}
  .contact-form input,.contact-form textarea{padding:14px;font-size:16px;}
  .contact-form button{padding:16px;font-size:16px;}
  .info-row{font-size:16px;}

  /* ── TEAM / VALUES ── */
  .team-grid{grid-template-columns:1fr;gap:24px;}
  .values-grid{grid-template-columns:1fr;gap:18px;}
  .val-card{padding:30px 22px;}
  .filter-bar{gap:8px;flex-wrap:wrap;}
  .filter-btn{padding:9px 14px;font-size:11px;letter-spacing:.5px;}

  /* ── LIGHTBOX ── */
  .lb-nav{width:44px;height:44px;font-size:20px;}
  .lb-prev{left:10px;}
  .lb-next{right:10px;}
  .lb-close{top:16px;right:18px;font-size:28px;}
}

@media(max-width:480px){
  .hero-title{font-size:22px !important;}
  .sec-h{font-size:22px !important;}
  .galeri-grid{grid-template-columns:1fr;}
  .gal-item.big{grid-column:span 1;}
  .stats-wrap{grid-template-columns:1fr;}
  .stat{border-right:none;padding:36px 16px;}
  .stat .n{font-size:36px !important;}
  .swiper-nav{gap:10px;}
  .proj-card{flex:0 0 90vw;}
  .bulten h2{font-size:20px !important;}
}
/* ========================================================= */
/* MOBİL NAV — SCROLL & GENEL İYİLEŞTİRMELER               */
/* ========================================================= */

/* Nav yüksekliği sabit kalsın scroll'da da */
nav{
  transition:background .4s, backdrop-filter .4s, box-shadow .4s;
}

/* Mobilde nav her zaman aynı yükseklik */
@media(max-width:1100px){

  nav{
    height:64px !important;
    padding:0 5% !important;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }

  /* Logo boyutu sabit — scroll'da küçülmesin, oval kutu korunur */
  .logo-txt img{
    height:36px !important;
    width:auto !important;
    display:block;
    transition:none !important;
  }
  .logo-txt{
    flex-shrink:0;
    padding:6px 16px !important;
    background:rgba(52,52,60,0.72) !important;
    border:1px solid rgba(255,255,255,0.13) !important;
    border-radius:999px !important;
  }

  /* Scroll'da mobil nav: logo arkasını karart, çerçeve yok */
  nav.scrolled{
    background:transparent !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:none !important;
  }

  nav.scrolled .logo-txt{
    background:rgba(52,52,60,0.72) !important;
    border:1px solid rgba(255,255,255,0.13) !important;
    border-radius:999px !important;
    padding:6px 16px !important;
    position:relative;
  }

  nav.scrolled .logo-txt img{
    filter:brightness(0) invert(1) !important;
    height:36px !important;
    position:relative;
    z-index:1;
  }

  /* Scroll'da hamburger rengi */
  nav.scrolled .hamburger span{
    background:#fff !important;
  }

  /* Normal (scroll öncesi) hamburger */
  nav:not(.scrolled) .hamburger span{
    background:#fff;
  }
}




/* =========================================================
   MOBİL — TEMİZ YAZIM (768px)
   ========================================================= */
@media(max-width:768px){

  /* Hero */
  .hero-content{padding:0 5%;max-width:100%;}
  .hero-tag{font-size:10px !important;letter-spacing:2px;margin-bottom:12px;}
  .hero-title{font-size:24px !important;line-height:1.25 !important;margin-bottom:12px;}
  .hero-sub{font-size:13px !important;line-height:1.7;margin-bottom:24px;}
  .hero-btns{flex-direction:column;align-items:center;gap:10px;}
  .btn-gold,.btn-ghost{width:100%;max-width:240px;text-align:center;padding:13px 20px !important;font-size:13px !important;}

  /* Section genel */
  .sec{padding:56px 5%;}
  .sec-tag{font-size:10px !important;letter-spacing:2px;}
  .sec-h{font-size:20px !important;line-height:1.28 !important;margin-bottom:16px;}
  .sec-p{font-size:14px !important;line-height:1.75;}

  /* Hakkımızda */
  .about-wrap{gap:32px;}
  .about-img-main{clip-path:none;border-radius:8px;}
  .about-img-wrap::before{display:none;}
  .about-features{grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;}
  .about-badge{display:none;}
  .feat{padding-left:14px;}
  .feat h4{font-size:12px !important;}
  .feat p{font-size:12px !important;line-height:1.6;}

  /* Vizyon */
  .vizyon-wrap{gap:24px;}
  .vizyon-img{min-height:220px;border-radius:8px;}
  .vizyon-txt{padding:28px 18px !important;}
  .vizyon-list li{font-size:13px !important;}

  /* İstatistikler */
  .stats-wrap{grid-template-columns:1fr 1fr;}
  .stat{padding:36px 12px;}
  .stat .n{font-size:34px !important;}
  .stat .plus{font-size:18px !important;}
  .stat .l{font-size:10px !important;letter-spacing:1px;}

  /* Projeler swiper */
  .projects-header{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:32px;}
  .proj-card{flex:0 0 80vw;}
  .proj-card-info{padding:16px 6px 6px;}
  .proj-card-cat{font-size:10px !important;}
  .proj-card-name{font-size:16px !important;}
  .proj-card-view{font-size:11px !important;}
  .swiper-btn{width:42px;height:42px;font-size:18px;}
  .swiper-nav{margin-top:20px;}

  /* Menekse */
  .menekse-sec{grid-template-columns:1fr !important;}
  .menekse-img{min-height:220px;}
  .menekse-txt{padding:36px 20px !important;}
  .menekse-watermark{font-size:32px !important;}

  /* Blog */
  .blog-grid{grid-template-columns:1fr;gap:16px;}
  .feat-card{grid-template-columns:1fr;}
  .feat-img{min-height:180px;}
  .blog-card-body{padding:20px 16px;}
  .blog-date{font-size:10px !important;}
  .blog-card-body h3{font-size:15px !important;line-height:1.35;}
  .blog-card-body p{font-size:12px !important;line-height:1.65;}
  .blog-more{font-size:11px !important;}

  /* Galeri */
  .galeri-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;}
  .gal-item.big{grid-column:span 2;grid-row:span 1;}
  .galeri-sec{padding-bottom:56px;}

  /* Bülten */
  .bulten{padding:52px 5%;}
  .bulten h2{font-size:18px !important;}
  .bulten p{font-size:13px !important;}
  .bulten-form{flex-direction:column;}
  .bulten-form input,.bulten-form button{width:100%;}

  /* Footer */
  .footer-grid{grid-template-columns:1fr;gap:32px;}
  .footer-bottom{flex-direction:column;gap:10px;text-align:center;}
  .footer-brand{font-size:18px !important;}
  .footer-tagline{font-size:12px !important;}
  .footer-col h4{font-size:9px !important;}
  .footer-col ul li a{font-size:12px !important;}
  .footer-info a,.footer-info span{font-size:12px !important;}

  /* Team / Values */
  .team-grid{grid-template-columns:1fr;gap:20px;}
  .values-grid{grid-template-columns:1fr;gap:16px;}
  .val-card{padding:26px 18px;}
  .val-card h3{font-size:16px !important;}
  .val-card p{font-size:12px !important;}

  /* Filter */
  .filter-bar{gap:6px;flex-wrap:wrap;}
  .filter-btn{padding:8px 12px;font-size:10px;letter-spacing:.4px;}

  /* Contact / iç sayfalar */
  .sub-hero{padding:100px 5% 44px;}
  .sub-hero h1{font-size:24px !important;}
  .sub-hero p{font-size:13px !important;}
  .contact-grid{padding:44px 5%;}
  .contact-form{padding:24px 16px;}
  .contact-form input,.contact-form textarea{padding:12px;font-size:15px;}
  .contact-form button{padding:14px;font-size:15px;}
  .info-row{font-size:14px;}

  /* Mob menü */
  .mob-menu{width:min(290px,88vw);}
  .mob-links a{font-size:14px !important;}

  /* Lightbox */
  .lb-nav{width:40px;height:40px;font-size:18px;}
  .lb-prev{left:8px;}
  .lb-next{right:8px;}
  .lb-close{top:14px;right:16px;font-size:26px;}
}

@media(max-width:420px){
  .hero-title{font-size:21px !important;}
  .sec-h{font-size:18px !important;}
  .stat .n{font-size:28px !important;}
  .about-features{grid-template-columns:1fr;}
  .galeri-grid{grid-template-columns:1fr;}
  .gal-item.big{grid-column:span 1;}
  .stats-wrap{grid-template-columns:1fr;}
  .proj-card{flex:0 0 88vw;}
}
/* =========================================================
   SON DÜZELTMELER
   ========================================================= */

/* Masaüstü scrolled nav — linkler ortalı, taşmaz */
@media(min-width:1101px){
  nav.scrolled .nav-links{
    justify-content:center !important;
    gap:6px !important;
    flex:1 !important;
    margin-left:0 !important;
    overflow:hidden !important;
  }
  nav.scrolled .nav-links a{
    font-size:11px !important;
    padding:5px 13px !important;
  }
}

/* Logo img — inline style override, her zaman sabit */
nav .logo-txt img,
nav.scrolled .logo-txt img{
  height:48px !important;
  width:auto !important;
  max-width:none !important;
  transition:none !important;
}
@media(max-width:1100px){
  nav .logo-txt img,
  nav.scrolled .logo-txt img{
    height:36px !important;
  }
  .logo-txt{padding:6px 16px !important;}
}

/* Mobil swiper — scroll tabanlı */
@media(max-width:1100px){
  .swiper-outer{overflow:visible;margin:0;padding:0;}
  .proj-swiper{
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    padding:0 5% !important;
    gap:16px !important;
  }
  .proj-swiper::-webkit-scrollbar{display:none;}
  .proj-card{
    flex:0 0 78vw !important;
    scroll-snap-align:start !important;
  }
}
@media(max-width:480px){
  .proj-card{flex:0 0 86vw !important;}
}
/* =========================================================
   KAPSAMLI MOBİL & GENEL DÜZELTMELERİ — 2026
   ========================================================= */

/* ── 1) NAVBAR: scroll öncesi logo arkası tamamen şeffaf ── */
nav:not(.scrolled) {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

/* Logo kutusu her zaman oval & arka planlı (scroll bağımsız) */
nav .logo-txt {
  background: rgba(20, 20, 25, 0.55) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 999px !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* Scroll sonrası logo oval kutusu (zaten var ama netleştiriyoruz) */
nav.scrolled .logo-txt {
  background: rgba(20, 20, 25, 0.72) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 999px !important;
}

/* ── 2) HERO VİDEO — mobilde tam ekran, taşmama ── */
.hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* Mobilde video sığsın, çerçeve problemi olmasın */
@media (max-width: 768px) {
  .hero {
    height: 100svh !important;
    min-height: 520px !important;
    max-height: none !important;
  }
  .hero-video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    left: 0 !important;
    top: 0 !important;
  }
  /* hero-overlay alt geçişi mobilde daha kompakt */
  .hero-overlay {
    background: linear-gradient(
      to bottom,
      rgba(10,10,15,0.80) 0%,
      rgba(10,10,15,0.60) 40%,
      rgba(10,10,15,0.35) 70%,
      rgba(255,255,255,1) 100%
    ) !important;
  }
}

/* ── 3) PROJELER KARTI — beyaz arka plana karışma sorunu ── */
/* Kart içi bilgi alanı açıkça sınırlandırılsın */
.proj-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0,0,0,0.10);
  border: 1px solid rgba(0,0,0,0.07);
  flex-shrink: 0;
}

.proj-card .img-wrap {
  width: 100%;
  overflow: hidden;
  border-radius: 0;
}

.proj-card .img-wrap img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
  transition: transform .6s ease;
}

.proj-card:hover .img-wrap img {
  transform: scale(1.06);
}

.proj-card-info {
  padding: 20px 18px 18px;
  background: #fff;
  border-top: 2px solid rgba(201,168,76,0.18);
}

/* Projeler section arka planı net beyaz değil — hafif gri ile ayırt et */
.projects-sec {
  background: linear-gradient(to bottom, #f5f6f8 0%, #fff 100%) !important;
  padding-top: 90px !important;
  padding-bottom: 100px !important;
}

/* Swiper outer — kart kenarları görünsün */
.swiper-outer {
  padding: 8px 0 16px !important;
  overflow: visible !important;
}

.proj-swiper {
  padding: 12px 5% 16px !important;
  overflow-x: auto !important;
  display: flex !important;
  gap: 24px !important;
}

@media (max-width: 768px) {
  .projects-sec {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .proj-swiper {
    padding: 12px 5% 12px !important;
    gap: 16px !important;
  }
  .proj-card {
    flex: 0 0 82vw !important;
    box-shadow: 0 6px 28px rgba(0,0,0,0.13) !important;
  }
}

/* ── 4) BÜLTEN (Sizi Arayalım) — parallax benzeri arka plan efekti ── */
.bulten {
  background-image:
    linear-gradient(rgba(10,10,15,0.62), rgba(10,10,15,0.62)),
    url('../img/2.jpeg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: scroll !important; /* Mobilde fixed çalışmaz */
  position: relative;
  overflow: hidden;
}

/* Mobil: daha sürükleyici, tam genişlik */
@media (max-width: 768px) {
  .bulten {
    background-attachment: scroll !important;
    padding: 70px 6% !important;
  }

  /* Animasyonlu arka plan efekti — CSS transform ile pseudo parallax */
  .bulten::before {
    content: '';
    position: absolute;
    inset: -10%;
    background-image: url('../img/2.jpeg');
    background-size: cover;
    background-position: center;
    z-index: 0;
    filter: brightness(0.38) saturate(1.1);
    transform: scale(1.12);
    animation: bultenFloat 12s ease-in-out infinite alternate;
    pointer-events: none;
  }

  @keyframes bultenFloat {
    0%   { transform: scale(1.12) translateY(0px); }
    100% { transform: scale(1.18) translateY(-20px); }
  }

  /* Dekoratif daireler mobilde küçülsün */
  .bulten::after {
    width: 180px;
    height: 180px;
    bottom: -40px;
    left: -40px;
  }

  .bulten h2 {
    font-size: 22px !important;
    line-height: 1.3;
  }

  .bulten p {
    font-size: 14px !important;
    margin-bottom: 28px;
  }

  .bulten-form {
    flex-direction: column !important;
    border-radius: 10px !important;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.3) !important;
  }

  .bulten-form input {
    width: 100% !important;
    padding: 18px 20px !important;
    font-size: 16px !important;
    border-radius: 0 !important;
  }

  .bulten-form button {
    width: 100% !important;
    padding: 18px 20px !important;
    font-size: 15px !important;
    border-radius: 0 !important;
    background: var(--gold) !important;
    color: #fff !important;
  }

  .bulten-form button:hover {
    background: var(--gold2) !important;
  }
}

/* ── 5) ALT SAYFALAR BANNER & NAV ÇAKIŞMA SORUNU ── */
/* Banner olan hero'da içerik nav'ın altına düşmesin */
.hero.hero-banner {
  padding-top: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38vh !important;
  min-height: 280px !important;
  max-height: 380px !important;
}

/* Banner içeriği nav yüksekliği kadar padding alır */
.hero.hero-banner .hero-content,
.hero.hero-banner .sub-hero {
  padding-top: 80px !important; /* nav yüksekliği */
  position: relative;
  z-index: 3;
}

/* .sub-hero (alt sayfa başlık blokları) — nav ile çakışmasın */
.sub-hero {
  padding-top: 140px !important;
  padding-bottom: 60px !important;
  position: relative;
  z-index: 1;
}

/* Eğer sub-hero hero-banner içinde ise */
.hero.hero-banner .sub-hero {
  padding-top: 100px !important;
  padding-bottom: 30px !important;
}

/* Mobil banner düzeltmesi */
@media (max-width: 768px) {
  .hero.hero-banner {
    height: 32vh !important;
    min-height: 220px !important;
    max-height: 300px !important;
  }
  .hero.hero-banner .hero-content,
  .hero.hero-banner .sub-hero {
    padding-top: 64px !important;
  }
  .sub-hero {
    padding-top: 100px !important;
    padding-bottom: 44px !important;
  }
  .sub-hero h1 {
    font-size: 26px !important;
    line-height: 1.25 !important;
  }
  .sub-hero p {
    font-size: 14px !important;
  }
}

/* ── 6) MOBİL GENEL YAZILARIN TAŞMAMASI ── */
* {
  word-break: break-word;
  overflow-wrap: break-word;
}

img, video, iframe, embed, object {
  max-width: 100%;
}

@media (max-width: 480px) {
  .sec-h { font-size: 20px !important; line-height: 1.28 !important; }
  .sec-p { font-size: 14px !important; }
  .hero-title { font-size: 22px !important; }
  .proj-card { flex: 0 0 88vw !important; }
  .bulten h2 { font-size: 18px !important; }
}

/* ── 7) NAV MOBİL — hamburger görünürlük garantisi ── */
@media (max-width: 1100px) {
  nav {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  nav.scrolled {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .hamburger {
    display: flex !important;
    z-index: 1002;
  }
  .hamburger span {
    background: #fff !important;
    width: 26px !important;
    height: 2px !important;
  }
}


/* =========================================================
   MOBİL PREMIUM REVİZYON v2 — 2026
   ========================================================= */

/* ─────────────────────────────────────────────────────────
   A) LOGO — scroll öncesi tamamen çıplak (border/bg yok)
              scroll sonrası yuvarlak koyu kutu gelir
   ───────────────────────────────────────────────────────── */

/* MASAÜSTÜ scroll öncesi: logo kendi oval kutusuyla */
@media (min-width: 769px) {
  nav:not(.scrolled) .logo-txt {
    background: rgba(20,20,25,0.55) !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    border-radius: 999px !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }
  nav.scrolled .logo-txt {
    background: rgba(15,15,20,0.78) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 999px !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }
}

/* MOBİL scroll öncesi: SADECE logo metni/görseli görünür, kutu yok */
@media (max-width: 768px) {
  nav:not(.scrolled) .logo-txt {
    background: transparent !important;
    border: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  nav:not(.scrolled) .logo-txt img {
    filter: brightness(0) invert(1) drop-shadow(0 1px 4px rgba(0,0,0,0.5)) !important;
  }

  /* MOBİL scroll sonrası: yuvarlak koyu kutu belirgin şekilde gelir */
  nav.scrolled .logo-txt {
    background: rgba(12,12,18,0.82) !important;
    border: 1px solid rgba(255,255,255,0.20) !important;
    border-radius: 999px !important;
    padding: 7px 18px !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    transition: background 0.4s, border 0.4s, border-radius 0.4s, padding 0.4s !important;
  }
  nav.scrolled .logo-txt img {
    filter: brightness(0) invert(1) !important;
    height: 32px !important;
  }

  /* Logo geçiş animasyonu için transition on logo-txt */
  nav .logo-txt {
    transition: background 0.4s ease, border 0.4s ease, border-radius 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease !important;
  }
}

/* ─────────────────────────────────────────────────────────
   B) HERO VİDEO — MOBİLDE DİKDÖRTGEN (film şeridi)
   NOT: Bu blok SADECE ana sayfanın video hero'sudur.
   ":not(.hero-banner)" ile scope edildi ki auracadde.php gibi
   alt sayfa banner'larını (.hero.hero-banner) ETKİLEMESİN —
   eskiden bare ".hero" kullanıldığı için banner'lara da
   yuvarlak köşe + dikey telefon oranı + 64px margin-top
   bulaşıyor, üstte boşluk ve taşan yazı sorununa yol açıyordu.
   ───────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  /* Hero section dikdörtgen kutu — 16:9 oranında */
  .hero:not(.hero-banner) {
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    aspect-ratio: 9 / 14 !important; /* dikey dikdörtgen — telefon oranı */
    max-height: 85vh !important;
    margin-top: 64px !important; /* nav yüksekliği kadar aşağı */
    border-radius: 0 0 28px 28px !important;
    overflow: hidden !important;
  }

  .hero:not(.hero-banner) .hero-video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  /* overlay — dikdörtgen kutuda daha sinematik */
  .hero:not(.hero-banner) .hero-overlay {
    background: linear-gradient(
      160deg,
      rgba(5,5,10,0.72) 0%,
      rgba(5,5,10,0.45) 45%,
      rgba(5,5,10,0.25) 70%,
      rgba(5,5,10,0.55) 100%
    ) !important;
  }

  /* İçerik merkezi */
  .hero:not(.hero-banner) .hero-content {
    position: absolute !important;
    bottom: 40px !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    padding: 0 6% !important;
    text-align: left !important;
    z-index: 4 !important;
  }

  .hero:not(.hero-banner) .hero-title {
    font-size: 28px !important;
    line-height: 1.18 !important;
    margin-bottom: 10px !important;
    text-align: left !important;
  }
  .hero:not(.hero-banner) .hero-tag {
    font-size: 10px !important;
    letter-spacing: 3px !important;
    margin-bottom: 10px !important;
    justify-content: flex-start !important;
  }
  .hero:not(.hero-banner) .hero-tag::before { width: 25px !important; }
  .hero:not(.hero-banner) .hero-tag::after  { display: none; }

  .hero:not(.hero-banner) .hero-sub {
    font-size: 13px !important;
    line-height: 1.65 !important;
    margin-bottom: 20px !important;
    text-align: left !important;
    max-width: 90% !important;
  }

  .hero:not(.hero-banner) .hero-btns {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: flex-start !important;
  }

  .hero:not(.hero-banner) .btn-gold,
  .hero:not(.hero-banner) .btn-ghost {
    width: auto !important;
    max-width: none !important;
    padding: 12px 22px !important;
    font-size: 12px !important;
  }

  /* Scroll aşağı butonu */
  .hero:not(.hero-banner) .hero-scroll {
    bottom: 10px !important;
    right: 20px !important;
    left: auto !important;
    transform: none !important;
    flex-direction: row !important;
    gap: 6px !important;
  }
  .hero:not(.hero-banner) .hero-scroll span { font-size: 9px !important; letter-spacing: 2px !important; }
  .hero:not(.hero-banner) .scroll-line { height: 30px !important; }

  /* deco şekiller mobilde gizle */
  .hero:not(.hero-banner) .hero-deco,
  .hero:not(.hero-banner) .hero-deco-lines { display: none !important; }
}

/* ─────────────────────────────────────────────────────────
   C) MOBİL PREMIUM GENEL DOKUNUŞLAR
   ───────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  /* Section'lar arası nefes */
  .sec { padding: 60px 5% !important; }

  /* Hakkımızda görsel — tam genişlik, şık rounded */
  .about-img-main {
    border-radius: 16px !important;
    clip-path: none !important;
    aspect-ratio: 3/2 !important;
    object-fit: cover !important;
    width: 100% !important;
  }
  .about-img-wrap::before, .about-img-wrap::after { display: none !important; }

  /* İstatistikler — 2 kolon, gölgeli kutular */
  .stats-wrap {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
  .stat {
    border: 1px solid rgba(0,0,0,0.07) !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 4px 18px rgba(0,0,0,0.06) !important;
    padding: 28px 12px !important;
  }
  .stat .n { font-size: 36px !important; }

  /* Swiper kartlar — daha geniş, tam görünür */
  .proj-card {
    flex: 0 0 80vw !important;
    border-radius: 16px !important;
  }
  .proj-card .img-wrap img {
    aspect-ratio: 3/2 !important;
  }

  /* Blog kartlar */
  .blog-card { border-radius: 14px !important; }

  /* Galeri — 2 kolon, küçük gap */
  .galeri-grid {
    grid-template-columns: repeat(2,1fr) !important;
    gap: 8px !important;
  }
  .gal-item { border-radius: 10px !important; overflow: hidden !important; }
  .gal-item.big { grid-column: span 2 !important; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
  .footer-bottom { flex-direction: column !important; gap: 8px !important; text-align: center !important; }
  
  /* Logo track küçülsün */
  .logo-item { width: 110px !important; height: 70px !important; padding: 10px !important; }
  .logo-track { gap: 14px !important; }
}

/* =========================================================================
   ⭐ NİHAİ DÜZELTME PAKETİ (FINAL FIX) — 2026
   Bu blok dosyanın en altında ve en yüksek özgüllükte olduğu için
   yukarıdaki tüm çakışan/eski kuralları ezer. Tek doğru kaynak burasıdır.
   1) Yatay kaymayı (sağa-sola taşma) kesin engelleme
   2) Masaüstü: logonun arkası SADECE scroll olunca yuvarlak kutu olsun
   3) Mobil: logonun arkası HER ZAMAN (scroll olmadan da) yuvarlak kutu olsun
   4) Mobil hamburger: her zaman görünür, arkasında koyu yuvarlak kutu
   5) Alt sayfa banner/sub-hero yazıları navbar ile çakışmasın
   ========================================================================= */

/* 1) SİTE SIKI DURSUN — yatay kaymayı kesin olarak engelle */
html{
  overflow-x:hidden !important;
  width:100%;
  max-width:100%;
}
body{
  overflow-x:hidden !important;
  width:100%;
  max-width:100%;
  position:relative;
}
/* Altın rozet mobilde dışarı taşıp yatay scroll'a sebep olmasın */
@media(max-width:600px){
  .about-badge{
    left:0 !important;
    right:auto !important;
    bottom:16px !important;
    padding:18px 20px !important;
  }
  .about-badge .n{font-size:32px !important;}
}

/* 2) MASAÜSTÜ LOGO — varsayılan (scroll yok): tamamen şeffaf, kutu yok
      scroll olunca: koyu yuvarlak kutu belirir */
@media(min-width:769px){
  html body nav:not(.scrolled) .logo-txt{
    background:transparent !important;
    border-color:transparent !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:none !important;
  }
  html body nav.scrolled .logo-txt{
    background:rgba(15,15,20,0.80) !important;
    border:1px solid rgba(255,255,255,0.22) !important;
    border-radius:999px !important;
    padding:8px 22px !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    box-shadow:0 6px 18px rgba(0,0,0,0.25) !important;
  }
  html body nav.scrolled .logo-txt:hover{
    background:var(--gold) !important;
    border-color:var(--gold) !important;
  }
}

/* 3) MOBİL LOGO — scroll olsun olmasın HER ZAMAN arkasında koyu yuvarlak kutu */
@media(max-width:768px){
  html body nav .logo-txt,
  html body nav:not(.scrolled) .logo-txt,
  html body nav.scrolled .logo-txt{
    background:rgba(10,10,15,0.80) !important;
    border:1px solid rgba(255,255,255,0.18) !important;
    border-radius:999px !important;
    padding:7px 16px !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
    box-shadow:0 4px 14px rgba(0,0,0,0.28) !important;
  }
  html body nav .logo-txt img{
    height:32px !important;
    filter:brightness(0) invert(1) !important;
  }
}

/* 4) HAMBURGER — her zaman görünür, arkasında koyu yuvarlak kutu (beyaz çizgiler kaybolmasın) */
@media(max-width:1100px){
  html body .hamburger{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    width:42px !important;
    height:42px !important;
    background:rgba(10,10,15,0.80) !important;
    border:1px solid rgba(255,255,255,0.18) !important;
    border-radius:50% !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
    box-shadow:0 4px 14px rgba(0,0,0,0.28) !important;
    flex-shrink:0;
  }
  html body .hamburger span{
    width:18px !important;
    height:2px !important;
    background:#fff !important;
  }
  html body nav.scrolled .hamburger span{
    background:#fff !important;
  }
}

/* 5) ALT SAYFA BANNER / SUB-HERO — navbar ile çakışma kesin çözüm */
.hero.hero-banner{
  padding-top:96px !important;
  box-sizing:border-box !important;
}
.hero.hero-banner .hero-content{
  padding-top:0 !important;
}
.sub-hero{
  padding-top:170px !important;
  box-sizing:border-box !important;
}
.hero.hero-banner .sub-hero{
  padding-top:0 !important;
}
@media(max-width:768px){
  .hero.hero-banner{padding-top:80px !important;}
  .sub-hero{padding-top:122px !important;}
  .hero.hero-banner .sub-hero{padding-top:0 !important;}
}
@media(max-width:480px){
  .sub-hero{padding-top:106px !important;}
  .hero.hero-banner{padding-top:74px !important;}
}


/* =========================================================================
   ⭐ BÜLTEN (Sizi Arayalım) ARKA PLAN GÖRSELİ — SCROLL'DA KAYMA EFEKTİ
   Görsel büyüyüp küçülmüyor; aşağı kaydırıldıkça sadece dikeyde kayarak
   içeri doğru akıyormuş hissi verir (klasik parallax kayması).
   JS tarafı footer.php içindeki script ile --bulten-ty değişkenini
   günceller; burada sadece o değişken okunur.
   ========================================================================= */
.bulten{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#0c0c10;
}
.bulten::before{
  content:'';
  position:absolute;
  inset:-12% !important;
  top:-30% !important;
  right:-12% !important;
  bottom:-30% !important;
  left:-12% !important;
  width:auto !important;
  height:auto !important;
  border:none !important;
  border-radius:0 !important;
  background:
    linear-gradient(rgba(8,8,12,0.55), rgba(8,8,12,0.55)),
    url('../img/2.jpeg') !important;
  background-size:cover !important;
  background-position:center !important;
  z-index:0;
  animation:none !important;
  filter:none !important;
  transform:translateY(var(--bulten-ty,0px));
  transition:transform .12s linear;
  will-change:transform;
  pointer-events:none;
}
.bulten h2,
.bulten p,
.bulten-form{
  position:relative;
  z-index:2;
}


/* =========================================================================
   ⭐ MOBİL HERO — Referans tasarıma göre (menekseyapi.com.tr tarzı)
   Video kısa bir bant gibi, üzerinde başlık/alt yazı/buton YOK.
   Metin zaten hemen altındaki #hakkimizda bölümünde var.
   Scroll dairesi sade bir ok ikonu, videonun alt kenarına biniyor.
   ========================================================================= */
@media(max-width:768px){
  /* NOT: .hero-banner (iç sayfa banner'ları, ör. auracadde.php) bu kuralların
     dışında tutulur — bu blok SADECE ana sayfanın video hero'su içindir. */
  .hero:not(.hero-banner){
    height:auto !important;
    min-height:unset !important;
    max-height:none !important;
    aspect-ratio:352/253 !important;
    margin-top:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
  }
  .hero:not(.hero-banner) .hero-video{
    border-radius:0 !important;
  }

  /* Video üstündeki başlık/alt yazı/butonlar mobilde gizli — referans sitede de yok
     (sadece ana sayfa hero'sunda; iç sayfa banner başlıkları etkilenmez) */
  .hero:not(.hero-banner) .hero-content{
    display:none !important;
  }

  /* Scroll dairesi — sade beyaz daire + ok, videonun alt kenarına biner (sadece ana sayfa) */
  .hero:not(.hero-banner) .hero-scroll{
    bottom:-23px !important;
    top:auto !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:46px !important;
    height:46px !important;
    border-radius:50% !important;
    background:#fff !important;
    box-shadow:0 6px 18px rgba(0,0,0,0.28) !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    z-index:5 !important;
  }
  .hero:not(.hero-banner) .hero-scroll span,
  .hero:not(.hero-banner) .hero-scroll .scroll-line{
    display:none !important;
  }
  .hero:not(.hero-banner) .hero-scroll::after{
    content:'↓';
    color:#0a0a0a;
    font-size:17px;
    font-weight:700;
    line-height:1;
  }
}


/* =========================================================================
   ⭐ ALT SAYFA BANNER — MASAÜSTÜ YAZI/NAV BOŞLUĞU OPTİMİZASYONU
   Banner içindeki başlık nav'a çok yakın duruyordu, masaüstünde
   üst boşluğu artırıyoruz (mobil zaten ayrı kuralda 80px, dokunulmadı).
   ========================================================================= */
@media(min-width:769px){
  .hero.hero-banner{
    padding-top:150px !important;
    height:auto !important;
    min-height:340px !important;
    max-height:420px !important;
    padding-bottom:50px !important;
  }
  .hero.hero-banner .hero-content,
  .hero.hero-banner .sub-hero{
    padding-top:0 !important;
  }
}


/* =========================================================================
   ⭐ ALT SAYFA BANNER — REFERANS TASARIM (menekseyapi.com.tr tarzı)
   Kompakt, arka planda fon görseli + koyu overlay, ortalanmış küçük
   başlık, altında breadcrumb (Ana Sayfa > Sayfa Adı).
   Bu blok en altta olduğu için yukarıdaki eski .sub-hero kurallarını ezer.
   KULLANIM (sayfa HTML'inde):
   <section class="sub-hero" style="background-image:url('img/xxx.jpg')">
     <div class="sub-hero-inner">
       <h1>Blog</h1>
       <nav class="breadcrumb">
         <a href="index.php">Ana Sayfa</a>
         <span class="sep">›</span>
         <span class="current">Blog</span>
       </nav>
     </div>
   </section>
   ========================================================================= */
.sub-hero{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:260px !important;
  padding:150px 5% 46px !important;
  margin-top:0 !important;
  background-color:#15151a !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  text-align:center !important;
  overflow:hidden !important;
  border-bottom:none !important;
  box-sizing:border-box !important;
  z-index:1;
}
.sub-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,
    rgba(8,8,12,0.60) 0%,
    rgba(8,8,12,0.42) 45%,
    rgba(8,8,12,0.72) 100%) !important;
  z-index:0;
}
.sub-hero-inner{
  position:relative;
  z-index:2;
  max-width:720px;
  margin:0 auto;
}
.sub-hero h1{
  font-family:'Golos Text',sans-serif !important;
  font-size:40px !important;
  font-weight:800 !important;
  color:#fff !important;
  line-height:1.15 !important;
  margin:0 0 14px !important;
  text-shadow:0 4px 18px rgba(0,0,0,0.4) !important;
}
.sub-hero p{
  color:rgba(255,255,255,0.82) !important;
  font-family:'Playfair Display',serif !important;
  font-style:italic !important;
  font-size:17px !important;
  margin:0 0 14px !important;
  text-shadow:0 2px 10px rgba(0,0,0,0.35) !important;
}

/* Breadcrumb */
.sub-hero .breadcrumb{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  margin-top:10px !important;
  font-family:'Golos Text',sans-serif !important;
  font-weight:800 !important;
  font-size:12px !important;
  letter-spacing:1.8px !important;
  text-transform:uppercase !important;
}
.sub-hero .breadcrumb a{
  color:var(--gold) !important;
  text-decoration:none !important;
  transition:opacity .2s;
}
.sub-hero .breadcrumb a:hover{ opacity:.75 !important; }
.sub-hero .breadcrumb .sep{
  color:rgba(255,255,255,0.55) !important;
  font-size:13px !important;
}
.sub-hero .breadcrumb .current{
  color:var(--gold) !important;
}

/* hero-banner içindeki sub-hero varsa çift boşluk olmasın */
.hero.hero-banner .sub-hero{
  padding-top:0 !important;
  min-height:unset !important;
}

/* Masaüstü — nav ile aradaki boşluk zaten padding-top:150px ile sağlanıyor */
@media(min-width:1101px){
  .sub-hero{ padding-top:158px !important; }
}

/* Mobil — kompakt banner (referans görsele göre) */
@media(max-width:768px){
  .sub-hero{
    min-height:190px !important;
    padding:104px 6% 32px !important;
  }
  .sub-hero h1{ font-size:24px !important; }
  .sub-hero p{ font-size:13px !important; }
  .sub-hero .breadcrumb{
    font-size:10.5px !important;
    letter-spacing:1.2px !important;
    gap:7px !important;
  }
}
@media(max-width:480px){
  .sub-hero{
    min-height:168px !important;
    padding:96px 6% 26px !important;
  }
  .sub-hero h1{ font-size:21px !important; }
}


/* =========================================================================
   ⭐ .hero.hero-banner — MOBİL NİHAİ DÜZELTME (auracadde.php ve benzerleri)
   Sorunlar: (1) köşeler yuvarlaktı — kaynağı .hero:not(.hero-banner) olarak
   scope edildi, artık burada border-radius sıfır. (2) yazılar sığmıyordu —
   height sabit + max-height ile sınırlıydı, içerik (etiket+başlık+açıklama+
   butonlar) buna sığmıyordu; height:auto yapıp min-height ile yer açtık.
   (3) üstte boşluk vardı — nav position:fixed olduğu için margin-top değil
   sadece hero-content'e padding-top veriyoruz, hero'nun kendisi 0'dan başlar.
   Bu blok dosyanın en sonunda olduğu için önceki tüm çakışan kuralları ezer.
   ========================================================================= */
@media(max-width:768px){
  .hero.hero-banner{
    height:auto !important;
    min-height:340px !important;
    max-height:none !important;
    margin-top:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
    padding:0 !important;
  }
  .hero.hero-banner .hero-video,
  .hero.hero-banner .hero-img-bg{
    border-radius:0 !important;
  }
  .hero.hero-banner .hero-content{
    position:relative !important;
    top:auto !important;
    bottom:auto !important;
    padding:96px 6% 34px !important;
    text-align:center !important;
    max-width:100% !important;
  }
  .hero.hero-banner .hero-tag{
    font-size:10px !important;
    letter-spacing:2.5px !important;
    margin-bottom:12px !important;
    justify-content:center !important;
  }
  .hero.hero-banner .hero-tag::before{ width:22px !important; }
  .hero.hero-banner .hero-title{
    font-size:25px !important;
    line-height:1.22 !important;
    margin-bottom:12px !important;
    text-align:center !important;
  }
  .hero.hero-banner .hero-sub{
    font-size:13px !important;
    line-height:1.65 !important;
    margin-bottom:20px !important;
    text-align:center !important;
    max-width:100% !important;
  }
  .hero.hero-banner .hero-btns{
    justify-content:center !important;
    gap:10px !important;
  }
  .hero.hero-banner .btn-gold,
  .hero.hero-banner .btn-ghost{
    padding:12px 22px !important;
    font-size:12px !important;
  }
  .hero.hero-banner .hero-scroll{
    display:none !important; /* banner kısa, ayrı bir scroll ipucuna gerek yok */
  }
  .hero.hero-banner .hero-deco,
  .hero.hero-banner .hero-deco-lines{
    display:none !important;
  }
}
@media(max-width:480px){
  .hero.hero-banner{ min-height:300px !important; }
  .hero.hero-banner .hero-content{ padding:86px 6% 28px !important; }
  .hero.hero-banner .hero-title{ font-size:22px !important; }
}


/* =========================================================================
   ⭐ PROJE KARTI GÖRSELLERİ (index "Projeler" + kanka "Tüm Projeler" sayfası)
   object-fit:cover — görsel çerçeveyi sağdan-soldan taşacak şekilde
   büyütülüp kırpılarak kutunun TAMAMINI doldurur (boşluk kalmaz).
   Kutu sabit oranlı (4/3), görsel ortadan hizalanarak kırpılır.
   Basit, JS'siz, filtresiz — hızlı ve güvenilir.
   ========================================================================= */
.proj-card .img-wrap,
.proj-card-big .img-wrap{
  position:relative !important;
  width:100% !important;
  aspect-ratio:4/3 !important;
  overflow:hidden !important;
  background:#f2f2f0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.proj-card .img-wrap img,
.proj-card-big .img-wrap img,
.proj-card-img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  aspect-ratio:unset !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}

/* =========================================================================
   ⭐ KANKA GÜNCELLEMESİ — "SİZİ ARAYALIM" ↔ FOOTER TON TAKASI
   İstek: Footer'daki beyaz/açık ton "Sizi Arayalım" (.bulten) bölümüne
   gelecek; .bulten'in arkasındaki görsel (img/2.jpeg) footer'a geçecek.
   Bu blok dosyanın en sonunda olduğu için önceki tüm çakışan .bulten /
   footer kurallarını ezer.
   ========================================================================= */

/* ── SİZİ ARAYALIM (.bulten) — ARTIK AÇIK/BEYAZ TON ── */
.bulten{
  background:
    linear-gradient(rgba(248,249,250,0.96), rgba(248,249,250,0.96)),
    url('../img/2.jpeg') !important;
  background-size:cover !important;
  background-position:center !important;
  background-attachment:scroll !important;
  background-color:#f8f9fa !important;
}
.bulten::before{
  background:
    linear-gradient(rgba(248,249,250,0.92), rgba(248,249,250,0.92)),
    url('../img/2.jpeg') !important;
  background-size:cover !important;
  background-position:center !important;
}
.bulten::after{
  border-color:rgba(0,0,0,.12) !important;
}
/* "Sizi Arayalım" üst etiketi — HTML'de inline style var, !important ile eziyoruz */
.bulten > p:first-child{
  color:rgba(0,0,0,.55) !important;
}
.bulten h2{
  color:var(--text-head) !important;
  text-shadow:none !important;
}
.bulten > p:last-of-type{
  color:var(--muted) !important;
  text-shadow:none !important;
}
.bulten-form{
  box-shadow:0 15px 40px rgba(0,0,0,0.12) !important;
}

/* ── FOOTER — ARTIK GÖRSELLİ / KOYU TON ── */
footer{
  background:
    linear-gradient(rgba(10,10,15,0.74), rgba(10,10,15,0.74)),
    url('../img/2.jpeg') !important;
  background-size:cover !important;
  background-position:center !important;
  background-attachment:scroll !important;
  border-top:none !important;
  color:#fff !important;
}
.footer-tagline, .footer-info a, .footer-info span, .footer-bottom, .footer-col ul li a{
  color:rgba(255,255,255,.72) !important;
}
.footer-info a:hover, .footer-col ul li a:hover{
  color:var(--gold) !important;
}
.footer-brand{
  color:#fff !important;
}
.footer-brand span{
  color:var(--gold) !important;
}
.soc{
  border-color:rgba(255,255,255,.28) !important;
  color:#fff !important;
}
.soc:hover{
  border-color:var(--gold) !important;
  color:#fff !important;
  background:var(--gold) !important;
}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.15) !important;
  color:rgba(255,255,255,.6) !important;
}

/* =========================================================================
   ⭐ FOOTER — MOBİLDE SÜTUNLARI YAN YANA GÖSTER
   Marka/iletişim bloğu üstte tam genişlik, alttaki 3 kategori (Kurumsal,
   Projelerimiz, Bize Ulaşın) 2'li grid ile yan yana dizilir.
   ========================================================================= */
@media(max-width:768px){
  .footer-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:34px 22px !important;
  }
  .footer-grid > div:first-child{
    grid-column:1 / -1 !important;
  }
  .footer-col h4{
    font-size:10.5px !important;
    margin-bottom:18px !important;
  }
  .footer-col ul li{
    margin-bottom:12px !important;
  }
}
@media(max-width:480px){
  .footer-grid{
    gap:28px 16px !important;
  }
  .footer-col ul li a{
    font-size:12.5px !important;
  }
}

/* =========================================================================
   ⭐ BANNER'LARI HAFİFÇE AŞAĞI UZAT (.hero-banner / .sub-hero)
   ========================================================================= */
@media(min-width:769px){
  .hero.hero-banner{
    min-height:380px !important;
    max-height:460px !important;
    padding-bottom:80px !important;
  }
  .sub-hero{
    min-height:300px !important;
    padding-bottom:70px !important;
  }
}
@media(max-width:768px){
  .hero.hero-banner{
    min-height:380px !important;
  }
  .hero.hero-banner .hero-content{
    padding-bottom:50px !important;
  }
  .sub-hero{
    min-height:210px !important;
    padding-bottom:44px !important;
  }
}


/* =========================================================================
   ⭐ FOOTER — MASAÜSTÜ: DİV DAHA KOMPAKT, YAZILAR BİR TIK BÜYÜK
   ========================================================================= */
@media(min-width:769px){
  footer{
    padding:64px 5% 30px !important;
  }
  .footer-grid{
    gap:56px !important;
    margin-bottom:44px !important;
  }
  .footer-tagline{
    margin-bottom:20px !important;
  }
  .footer-info a,.footer-info span{
    margin-bottom:9px !important;
  }
  .footer-social{
    margin-top:20px !important;
  }
  .footer-col h4{
    margin-bottom:18px !important;
  }
  .footer-col ul li{
    margin-bottom:11px !important;
  }
  .footer-bottom{
    padding-top:20px !important;
  }

  /* yazılar bir tık büyüdü */
  .footer-brand{ font-size:29px !important; }
  .footer-tagline{ font-size:16px !important; }
  .footer-info a,
  .footer-info span{ font-size:16px !important; }
  .footer-col h4{ font-size:12px !important; }
  .footer-col ul li a{ font-size:16px !important; }
  .footer-bottom{ font-size:14px !important; }
}

/* =========================================================================
   ⭐ FOOTER — MOBİL: YAZI/BOŞLUK İNCE AYAR (2'li grid'e göre optimize)
   ========================================================================= */
@media(max-width:768px){
  footer{
    padding:50px 6% 26px !important;
  }
  .footer-grid{
    margin-bottom:0 !important;
  }
  .footer-brand{
    font-size:19px !important;
    margin-bottom:8px !important;
  }
  .footer-tagline{
    font-size:12.5px !important;
    margin-bottom:16px !important;
  }
  .footer-info{
    margin-bottom:2px !important;
  }
  .footer-info a,.footer-info span{
    font-size:12px !important;
    gap:8px !important;
    margin-bottom:8px !important;
    line-height:1.35 !important;
  }
  .footer-info .ico{
    width:15px !important;
    min-width:15px !important;
    font-size:12px !important;
  }
  .footer-social{
    margin-top:16px !important;
    gap:9px !important;
  }
  .soc{
    width:36px !important;
    height:36px !important;
    font-size:12px !important;
  }
  .footer-col h4{
    font-size:10px !important;
    letter-spacing:1.6px !important;
    margin-bottom:14px !important;
  }
  .footer-col ul li{
    margin-bottom:9px !important;
  }
  .footer-col ul li a{
    font-size:12.5px !important;
    gap:6px !important;
  }
  .footer-bottom{
    padding-top:18px !important;
    font-size:11px !important;
    gap:6px !important;
  }
}
@media(max-width:480px){
  footer{
    padding:42px 6% 22px !important;
  }
  .footer-grid{
    gap:24px 14px !important;
  }
  .footer-brand{ font-size:17px !important; }
  .footer-tagline{ font-size:11.5px !important; }
  .footer-info a,.footer-info span{ font-size:11px !important; }
  .footer-col h4{ font-size:9px !important; }
  .footer-col ul li a{ font-size:11.5px !important; }
  .footer-bottom{ font-size:10px !important; }
}


/* =========================================================================
   ⭐ FOOTER — YENİ DÜZEN (Referans: menekseyapi.com.tr tarzı)
   Masaüstü: 3 sütun yan yana → Marka+Email | Menü | Telefon+Adres+Sosyal
   Mobil: hepsi ortalı, alt alta (logo → menü → telefon/adres/sosyal → alt bar)
   ========================================================================= */
.footer-wrap{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:flex-start;
  gap:50px;
  max-width:1360px;
  margin:0 auto;
  padding-bottom:56px;
}

/* Sol — Marka */
.footer-brand-col{ flex:1 1 260px; }
.footer-brand-col .footer-brand{ font-size:26px !important; margin-bottom:14px !important; }
.footer-brand-col .footer-tagline{ margin-bottom:16px !important; }
.footer-email{
  color:rgba(255,255,255,.8) !important;
  text-decoration:none;
  font-family:'Golos Text',sans-serif;
  font-size:15px;
  transition:color .3s;
  display:inline-block;
}
.footer-email:hover{ color:var(--gold) !important; }

/* Orta — Menü */
.footer-nav-col{
  display:flex;
  flex-direction:column;
  gap:16px;
  flex:0 1 180px;
}
.footer-nav-col a{
  color:#fff !important;
  text-decoration:none;
  font-family:'Golos Text',sans-serif;
  font-weight:700;
  font-size:16px;
  transition:color .3s;
}
.footer-nav-col a:hover{ color:var(--gold) !important; }

/* Sağ — Telefon / Adres / Sosyal */
.footer-contact-col{
  flex:0 1 240px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.footer-phone{
  color:var(--gold) !important;
  text-decoration:none;
  font-family:'Golos Text',sans-serif;
  font-weight:800;
  font-size:26px;
  padding-bottom:8px;
  border-bottom:2px solid var(--gold);
  display:inline-block;
  width:fit-content;
  transition:opacity .3s;
}
.footer-phone:hover{ opacity:.8; }
.footer-address{
  color:#fff !important;
  font-family:'Golos Text',sans-serif;
  font-weight:700;
  font-size:15px;
  line-height:1.5;
}
.footer-social-text{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  font-family:'Golos Text',sans-serif;
  font-weight:600;
  font-size:14px;
}
.footer-social-text a{
  color:rgba(255,255,255,.85) !important;
  text-decoration:none;
  transition:color .3s;
}
.footer-social-text a:hover{ color:var(--gold) !important; }
.footer-social-text a:not(:last-child)::after{
  content:'·';
  margin-left:8px;
  color:rgba(255,255,255,.4);
}

/* Alt bar — ortalı, tek satır */
.footer-bottom{
  display:block !important;
  text-align:center !important;
  border-top:1px solid rgba(255,255,255,.15) !important;
  padding-top:22px !important;
  max-width:1360px;
  margin:0 auto !important;
  font-size:13px !important;
}

/* Masaüstü — yeni düzene göre footer padding */
@media(min-width:769px){
  footer{ padding:60px 5% 26px !important; }
}

/* ── MOBİL — ortalı, alt alta (menek.png referansı) ── */
@media(max-width:768px){
  footer{ padding:48px 6% 24px !important; }
  .footer-wrap{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:28px;
    padding-bottom:28px;
  }
  .footer-brand-col{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .footer-brand-col .footer-brand{ font-size:19px !important; }
  .footer-brand-col .footer-tagline{ font-size:12.5px !important; }
  .footer-email{ font-size:12.5px; }
  .footer-nav-col{
    align-items:center;
    gap:13px;
  }
  .footer-nav-col a{ font-size:14px; }
  .footer-contact-col{ align-items:center; }
  .footer-phone{ font-size:21px; }
  .footer-address{ font-size:13px; text-align:center; }
  .footer-social-text{ justify-content:center; font-size:13px; }
  .footer-bottom{ padding-top:18px !important; font-size:11px !important; }
}


/* =========================================================================
   ⭐ FOOTER MENÜSÜ — GLOBAL "nav" (üst menü, position:fixed) İLE
   ÇAKIŞMASIN DİYE GÜVENLİK SIFIRLAMASI
   (artık HTML'de <nav> değil <div class="footer-nav-col"> kullanılıyor,
   burası ekstra garanti için duruyor)
   ========================================================================= */
.footer-wrap .footer-nav-col{
  position:static !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  height:auto !important;
  z-index:auto !important;
  padding:0 !important;
  background:none !important;
}

/* =========================================================================
   ⭐ WHATSAPP DESTEK BUTONU — sabit, sol alt
   ========================================================================= */
.wa-float{
  position:fixed;
  left:24px;
  bottom:24px;
  z-index:1500;
  display:flex;
  align-items:center;
  gap:10px;
  background:#25D366;
  color:#fff !important;
  padding:14px 22px;
  border-radius:999px;
  text-decoration:none !important;
  font-family:'Golos Text',sans-serif;
  font-weight:700;
  font-size:14px;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
  transition:transform .3s,box-shadow .3s,background .3s;
}
.wa-float:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(0,0,0,.34);
  background:#1ebe57;
}
.wa-float svg{
  width:22px;
  height:22px;
  flex-shrink:0;
}
.wa-float span{
  white-space:nowrap;
}
@media(max-width:480px){
  .wa-float{
    left:14px;
    bottom:14px;
    padding:12px 16px;
    font-size:12.5px;
    gap:8px;
  }
  .wa-float svg{ width:19px; height:19px; }
}



/* =========================================================================
   ⭐ FOOTER — MENÜYÜ TAM ORTALA (masaüstü) + MOBİLDE DENGELİ BOŞLUK
   Tek, temiz kural seti — önceki çakışan denemeler kaldırıldı.
   ========================================================================= */
.footer-wrap{
  position:relative;
}

/* MASAÜSTÜ — nav-col footer-wrap'e göre tam ortada (marka/iletişim genişliğinden bağımsız) */
@media(min-width:769px){
  .footer-wrap{
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-start !important;
  }
  .footer-brand-col{
    flex:0 1 auto !important;
  }
  .footer-contact-col{
    flex:0 1 auto !important;
  }
  .footer-nav-col{
    position:absolute !important;
    left:50% !important;
    top:0 !important;
    transform:translateX(-50%) !important;
    gap:12px !important;
  }
}

/* MOBİL — hepsi alt alta, nav ile diğerleri arası dengeli (ne çok açık ne bitişik) */
@media(max-width:768px){
  .footer-wrap{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:26px !important;
  }
  .footer-nav-col{
    gap:9px !important;
  }
  .footer-nav-col a{
    font-size:13.5px !important;
    line-height:1.3 !important;
  }
}