/* ============================================================
   Sancaktepe Ferforje - Ana CSS
   ============================================================ */
:root {
  --siyah:   #0a0a0a;
  --koyu:    #111111;
  --gri:     #1a1a1a;
  --gri2:    #222222;
  --altin:   #c8962a;
  --altin2:  #e8b84b;
  --beyaz:   #f5f2ee;
  --metin:   #9a9a8a;
  --border:  rgba(200,150,42,0.2);
  --yari:    rgba(200,150,42,0.08);
  --ff-baslik: 'Playfair Display', serif;
  --ff-metin:  'Barlow', sans-serif;
  --radius: 3px;
  --shadow: 0 4px 24px rgba(0,0,0,0.3);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--siyah);color:var(--beyaz);font-family:var(--ff-metin);font-size:15px;line-height:1.7;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}

/* ── LAYOUT ── */
.container{max-width:1200px;margin:0 auto;padding:0 24px;}
section{padding:90px 0;}
.section-head{text-align:center;margin-bottom:56px;}
.section-sub{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--altin);margin-bottom:12px;}
.section-title{font-family:var(--ff-baslik);font-size:clamp(28px,4vw,46px);font-weight:700;line-height:1.1;margin-bottom:14px;}
.section-desc{font-size:15px;color:var(--metin);max-width:520px;margin:0 auto;}
.divider{width:48px;height:3px;background:var(--altin);margin:18px auto 0;}
.divider-left{margin-left:0;}

/* ── BUTONLAR ── */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--ff-metin);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:14px 28px;border-radius:var(--radius);cursor:pointer;transition:.2s;border:none;}
.btn-gold{background:var(--altin);color:var(--siyah);}
.btn-gold:hover{background:var(--altin2);transform:translateY(-1px);}
.btn-outline{background:transparent;color:var(--beyaz);border:1px solid rgba(245,242,238,.25);}
.btn-outline:hover{border-color:var(--altin);background:var(--yari);}
.btn-dark{background:var(--gri2);color:var(--beyaz);}
.btn-dark:hover{background:var(--gri);}

/* ── TOPBAR ── */
.topbar{background:var(--altin);padding:8px 0;font-size:13px;font-weight:500;}
.topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
.topbar-left,.topbar-right{display:flex;gap:20px;align-items:center;flex-wrap:wrap;}
.topbar a,.topbar span{color:var(--siyah);display:flex;align-items:center;gap:6px;}
.topbar a:hover{opacity:.75;}

/* ── HEADER ── */
#site-header{background:var(--koyu);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;transition:box-shadow .3s;}
#site-header.scrolled{box-shadow:0 2px 20px rgba(0,0,0,.5);}
.header-inner{display:flex;justify-content:space-between;align-items:center;height:72px;}
.logo{font-family:var(--ff-baslik);font-size:22px;font-weight:900;letter-spacing:-.02em;}
.logo img{height:44px;width:auto;}
#main-nav{display:flex;gap:2px;align-items:center;}
#main-nav a{color:var(--metin);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;border-radius:var(--radius);transition:.2s;}
#main-nav a:hover,#main-nav a.active{color:var(--beyaz);background:rgba(255,255,255,.06);}
#main-nav .nav-cta{background:var(--altin);color:var(--siyah)!important;font-weight:700;margin-left:8px;}
#main-nav .nav-cta:hover{background:var(--altin2);}
.hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px;}
.hamburger span{display:block;width:22px;height:2px;background:var(--beyaz);margin:5px 0;transition:.3s;}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}

/* ── SLIDER ── */
.slider{position:relative;height:92vh;min-height:560px;overflow:hidden;background:var(--siyah);}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;}
.slide.active{opacity:1;}
.slide-bg{position:absolute;inset:0;background-size:cover!important;background-position:center!important;}
.slide-overlay{position:absolute;inset:0;}
.slide-content{position:absolute;inset:0;display:flex;align-items:center;}
.slide-inner{max-width:1200px;margin:0 auto;padding:0 24px;width:100%;}
.slide-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(200,150,42,.12);border:1px solid var(--border);color:var(--altin2);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;border-radius:2px;margin-bottom:24px;}
.slide-h1{font-family:var(--ff-baslik);font-size:clamp(40px,7vw,84px);font-weight:900;line-height:1;letter-spacing:-.02em;margin-bottom:20px;}
.slide-h1 em{color:var(--altin);font-style:normal;}
.slide-p{font-size:18px;font-weight:300;color:rgba(245,242,238,.75);max-width:520px;line-height:1.7;margin-bottom:36px;}
.slide-btns{display:flex;gap:14px;flex-wrap:wrap;}
.slider-nav{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10;}
.slider-dot{width:8px;height:8px;border-radius:50%;background:rgba(245,242,238,.4);cursor:pointer;transition:.3s;border:none;}
.slider-dot.active{background:var(--altin);width:24px;border-radius:4px;}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;background:rgba(0,0,0,.4);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--beyaz);font-size:16px;transition:.2s;backdrop-filter:blur(4px);}
.slider-arrow:hover{background:var(--altin);color:var(--siyah);border-color:var(--altin);}
.slider-prev{left:20px;}
.slider-next{right:20px;}
.hero-contact-bar{position:absolute;bottom:0;left:0;right:0;background:rgba(17,17,17,.95);border-top:1px solid var(--border);backdrop-filter:blur(12px);z-index:5;}
.hero-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);}
.hero-contact-item{display:flex;align-items:center;gap:14px;padding:18px 24px;border-right:1px solid var(--border);}
.hero-contact-item:last-child{border-right:none;}
.hero-contact-icon{width:38px;height:38px;background:var(--yari);border:1px solid var(--border);border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--altin);font-size:15px;flex-shrink:0;}
.hero-contact-label{font-size:10px;color:var(--metin);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;}
.hero-contact-val{font-size:14px;font-weight:600;}
.hero-contact-val a:hover{color:var(--altin);}

/* ── NEDEN BİZ ── */
.neden-biz{background:var(--koyu);}
.neden-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;}
.neden-card{background:var(--gri);padding:36px 26px;position:relative;overflow:hidden;transition:background .3s;}
.neden-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--altin);transform:scaleX(0);transition:.3s;transform-origin:left;}
.neden-card:hover{background:var(--gri2);}
.neden-card:hover::before{transform:scaleX(1);}
.neden-icon{font-size:28px;color:var(--altin);margin-bottom:18px;}
.neden-h{font-size:17px;font-weight:600;margin-bottom:8px;}
.neden-p{font-size:13px;color:var(--metin);line-height:1.7;}

/* ── HİZMETLER ── */
.hizmet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.hizmet-card{background:var(--gri);overflow:hidden;transition:transform .3s;}
.hizmet-card:hover{transform:translateY(-4px);}
.hizmet-img{height:210px;background:var(--gri2);overflow:hidden;position:relative;}
.hizmet-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.hizmet-card:hover .hizmet-img img{transform:scale(1.06);}
.hizmet-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:44px;color:var(--altin);opacity:.3;}
.hizmet-body{padding:24px;}
.hizmet-h{font-size:17px;font-weight:600;margin-bottom:8px;}
.hizmet-p{font-size:13px;color:var(--metin);line-height:1.7;margin-bottom:16px;}
.hizmet-link{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--altin);display:flex;align-items:center;gap:6px;}
.hizmet-link:hover{color:var(--altin2);}

/* ── HAKKIMIZDA (anasayfa) ── */
.hakkimizda-sec{background:var(--siyah);}
.hakkimizda-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.hakkimizda-img{position:relative;}
.hakkimizda-img img{width:100%;height:460px;object-fit:cover;border-radius:var(--radius);}
.hakkimizda-img-placeholder{width:100%;height:460px;background:var(--gri);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:64px;color:var(--altin);opacity:.25;}
.hakkimizda-badge{position:absolute;bottom:24px;left:24px;background:var(--altin);color:var(--siyah);padding:16px 20px;border-radius:var(--radius);}
.hakkimizda-badge-n{font-family:var(--ff-baslik);font-size:36px;font-weight:900;line-height:1;}
.hakkimizda-badge-l{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
.hakkimizda-metin h2{font-family:var(--ff-baslik);font-size:clamp(26px,3.5vw,40px);font-weight:700;margin-bottom:20px;}
.hakkimizda-metin p{font-size:15px;color:var(--metin);line-height:1.8;margin-bottom:24px;}
.ozellik-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px;}
.ozellik-list li{display:flex;align-items:center;gap:12px;font-size:14px;}
.ozellik-list li i{color:var(--altin);font-size:14px;width:20px;}

/* ── SAYAÇLAR ── */
.sayaclar{background:var(--altin);padding:60px 0;}
.sayac-grid{display:grid;grid-template-columns:repeat(4,1fr);}
.sayac-item{text-align:center;padding:20px;border-right:1px solid rgba(0,0,0,.15);}
.sayac-item:last-child{border-right:none;}
.sayac-n{font-family:var(--ff-baslik);font-size:52px;font-weight:900;color:var(--siyah);line-height:1;margin-bottom:6px;}
.sayac-l{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(0,0,0,.6);}

/* ── GALERİ ── */
.galeri-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;}
.galeri-item{aspect-ratio:1;overflow:hidden;cursor:pointer;position:relative;}
.galeri-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.galeri-item:hover img{transform:scale(1.08);}
.galeri-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s;}
.galeri-item:hover .galeri-overlay{opacity:1;}
.galeri-overlay i{font-size:28px;color:var(--altin);}

/* ── LIGHTBOX ── */
.lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:.3s;}
.lightbox.active{opacity:1;pointer-events:all;}
.lightbox img{max-width:90vw;max-height:88vh;object-fit:contain;}
.lightbox-close{position:absolute;top:20px;right:20px;width:44px;height:44px;background:rgba(255,255,255,.1);border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;}
.lightbox-close:hover{background:var(--altin);color:var(--siyah);}

/* ── BLOG ── */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.blog-card{background:var(--gri);overflow:hidden;transition:transform .3s;}
.blog-card:hover{transform:translateY(-4px);}
.blog-card-img{height:200px;overflow:hidden;}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.blog-card:hover .blog-card-img img{transform:scale(1.06);}
.blog-card-img-ph{width:100%;height:100%;background:var(--gri2);display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--altin);opacity:.25;}
.blog-card-body{padding:24px;}
.blog-card-meta{display:flex;gap:12px;font-size:11px;color:var(--metin);margin-bottom:10px;align-items:center;}
.blog-card-meta span{display:flex;align-items:center;gap:4px;}
.blog-card-h{font-size:17px;font-weight:600;margin-bottom:8px;line-height:1.4;}
.blog-card-h a:hover{color:var(--altin);}
.blog-card-p{font-size:13px;color:var(--metin);line-height:1.7;margin-bottom:16px;}
.blog-card-link{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--altin);}
/* ── SAYFALAMA ──
   ⚠ .pagination HTML'de vardı ama CSS'i HİÇ YAZILMAMIŞTI (functions.php:151
   üretiyor). "‹ Önceki 1 2 3 Sonraki ›" aralıksız, bitişik düz metin olarak
   çıkıyordu — hangi sayfada olduğun da belli olmuyordu. Gövde burada. */
.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;}
.pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 15px;background:var(--gri);border:1px solid var(--border);border-radius:var(--radius);color:var(--metin);font-size:13px;font-weight:700;letter-spacing:.04em;transition:.2s;}
.pagination a:hover{background:var(--gri2);border-color:var(--altin);color:var(--beyaz);}
.pagination a.active{background:var(--altin);border-color:var(--altin);color:var(--siyah);cursor:default;}
@media(max-width:520px){.pagination a{min-width:38px;height:38px;padding:0 11px;font-size:12px;}}
/* ── BÖLGE SAYFALARI ──
   Yeni bölüm (20.08.2026). Sınıf yazarken kural: HTML'e sınıf koyup CSS'ini
   yazmamak bu sitede iki kez başımıza geldi (.pagination, .fade-in) — burada
   kullanılan her sınıfın gövdesi aşağıda. */
.bolge-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.bolge-kart{display:flex;flex-direction:column;gap:8px;background:var(--gri);padding:24px 22px;border-left:3px solid transparent;transition:.2s;}
.bolge-kart:hover{background:var(--gri2);border-left-color:var(--altin);}
.bolge-kart-ad{font-family:var(--ff-baslik);font-size:19px;font-weight:700;color:var(--beyaz);}
.bolge-kart:hover .bolge-kart-ad{color:var(--altin);}
.bolge-kart-ozet{font-size:13px;color:var(--metin);line-height:1.6;}

/* Kenar çubuğundaki bölge çipleri */
.bolge-cip-serit{display:flex;flex-wrap:wrap;gap:6px;}
.bolge-cip-serit a{display:inline-flex;align-items:center;padding:7px 12px;background:var(--gri2);border:1px solid var(--border);border-radius:var(--radius);color:var(--metin);font-size:12px;font-weight:600;transition:.2s;}
.bolge-cip-serit a:hover{background:var(--yari);border-color:var(--altin);color:var(--beyaz);}

/* Bölge sayfasındaki ilgili yazı şeridi */
.bolge-yazi-serit{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;}
.bolge-yazi{display:flex;align-items:center;gap:14px;background:var(--gri);padding:12px;transition:.2s;}
.bolge-yazi:hover{background:var(--gri2);}
.bolge-yazi img{width:76px;height:60px;object-fit:cover;border-radius:var(--radius);flex-shrink:0;}
.bolge-yazi span{font-size:13px;font-weight:600;line-height:1.45;color:var(--beyaz);}
.bolge-yazi:hover span{color:var(--altin);}

@media(max-width:900px){
  .bolge-izgara{grid-template-columns:repeat(2,1fr);}
  .bolge-yazi-serit{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .bolge-izgara{grid-template-columns:1fr;}
}
/* Alt bilgi bölge şeridi */
.footer-bolge{margin-top:28px;padding-top:22px;border-top:1px solid var(--border);}
.footer-bolge h5{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--altin);margin-bottom:12px;}
.footer-bolge ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;}
.footer-bolge li{display:flex;align-items:center;}
.footer-bolge li::after{content:"";width:3px;height:3px;border-radius:50%;background:var(--border);margin-inline:12px;}
.footer-bolge li:last-child::after{display:none;}
.footer-bolge a{font-size:13px;color:var(--metin);white-space:nowrap;transition:.2s;}
.footer-bolge a:hover{color:var(--altin);}
/* Panelden gelen sayfa gövdesi (Hakkımızda / Galeri / Referanslar / İletişim) */
.icerik-metin{max-width:860px;font-size:15px;line-height:1.85;color:rgba(245,242,238,.8);}
.icerik-metin h2{font-family:var(--ff-baslik);font-size:clamp(21px,2.4vw,28px);font-weight:700;color:var(--beyaz);margin:34px 0 14px;}
.icerik-metin h2:first-child{margin-top:0;}
.icerik-metin h3{font-size:17px;font-weight:600;color:var(--beyaz);margin:24px 0 10px;}
.icerik-metin p{margin-bottom:16px;}
.icerik-metin ul,.icerik-metin ol{margin:0 0 18px;padding-left:20px;}
.icerik-metin li{margin-bottom:9px;}
.icerik-metin strong{color:var(--beyaz);font-weight:600;}
.icerik-metin em{color:var(--beyaz);font-style:italic;}
.icerik-metin a{color:var(--altin);border-bottom:1px solid rgba(200,150,42,.35);transition:.2s;}
.icerik-metin a:hover{color:var(--altin2);border-bottom-color:var(--altin2);}





/* ── REFERANSLAR ── */
.ref-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;}
.ref-card{background:var(--gri);padding:28px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;transition:background .3s;}
.ref-card:hover{background:var(--gri2);}
.ref-card img{height:48px;width:auto;filter:grayscale(1) brightness(2);opacity:.6;transition:.3s;}
.ref-card:hover img{filter:none;opacity:1;}
.ref-card-ph{font-size:13px;font-weight:600;text-align:center;color:var(--metin);}
.ref-card-proje{font-size:11px;color:var(--metin);text-align:center;}

/* ── YORUMLAR ── */
.yorum-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.yorum-card{background:var(--gri);padding:32px 26px;}
.yorum-stars{color:var(--altin);font-size:15px;margin-bottom:16px;letter-spacing:2px;}
.yorum-text{font-size:14px;color:var(--metin);line-height:1.8;margin-bottom:20px;font-style:italic;}
.yorum-author{display:flex;align-items:center;gap:12px;}
.yorum-avatar{width:42px;height:42px;border-radius:50%;background:var(--altin);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:var(--siyah);flex-shrink:0;}
.yorum-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.yorum-name{font-size:14px;font-weight:600;}
.yorum-role{font-size:11px;color:var(--metin);margin-top:2px;}

/* ── SSS ── */
.sss-wrap{max-width:760px;margin:0 auto;}
.sss-item{border-bottom:1px solid var(--border);}
.sss-q{width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;text-align:left;font-size:15px;font-weight:500;color:var(--beyaz);gap:16px;font-family:var(--ff-metin);}
.sss-q:hover{color:var(--altin2);}
.sss-q i{color:var(--altin);flex-shrink:0;transition:transform .3s;}
.sss-q.open i{transform:rotate(45deg);}
.sss-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s;}
.sss-a.open{max-height:300px;padding-bottom:16px;}
.sss-a p{font-size:14px;color:var(--metin);line-height:1.8;}

/* ── CTA ── */
.cta-sec{background:linear-gradient(135deg,var(--gri) 0%,var(--koyu) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;padding:60px 0;}
.cta-text h2{font-family:var(--ff-baslik);font-size:clamp(24px,3vw,36px);font-weight:700;margin-bottom:8px;}
.cta-text p{color:var(--metin);font-size:15px;}

/* ── İLETİŞİM ── */
.iletisim-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start;}
.iletisim-info h2{font-family:var(--ff-baslik);font-size:clamp(26px,3.5vw,38px);font-weight:700;margin-bottom:16px;}
.iletisim-info>p{font-size:15px;color:var(--metin);line-height:1.8;margin-bottom:32px;}
.info-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;}
.info-icon{width:42px;height:42px;background:var(--yari);border:1px solid var(--border);border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--altin);font-size:15px;flex-shrink:0;}
.info-lbl{font-size:10px;color:var(--metin);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;}
.info-val{font-size:14px;font-weight:500;}
.info-val a:hover{color:var(--altin);}
.maps-wrap{margin-top:28px;border:1px solid var(--border);overflow:hidden;border-radius:var(--radius);}
.maps-wrap iframe{width:100%;height:240px;border:none;display:block;filter:grayscale(1) contrast(1.1);}

/* ── FORM ── */
.form-card{background:var(--gri);padding:36px;}
.form-group{margin-bottom:18px;}
.form-group label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--metin);margin-bottom:6px;}
.form-group input,.form-group textarea,.form-group select{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:var(--radius);padding:11px 14px;color:var(--beyaz);font-family:var(--ff-metin);font-size:14px;outline:none;transition:border-color .2s;}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--altin);}
.form-group textarea{resize:vertical;min-height:120px;}
.form-group select option{background:var(--gri);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.btn-form{width:100%;background:var(--altin);color:var(--siyah);border:none;padding:14px;font-family:var(--ff-metin);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius);transition:.2s;display:flex;align-items:center;justify-content:center;gap:10px;}
.btn-form:hover{background:var(--altin2);}
.form-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#86efac;padding:14px;border-radius:var(--radius);font-size:14px;margin-top:14px;display:none;}
.form-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:14px;border-radius:var(--radius);font-size:14px;margin-top:14px;display:none;}

/* ── PAGE HERO ── */
.page-hero{background:var(--koyu);padding:64px 0 48px;border-bottom:1px solid var(--border);}
.page-hero h1{font-family:var(--ff-baslik);font-size:clamp(30px,5vw,52px);font-weight:900;margin-bottom:10px;}
.page-hero p{font-size:16px;color:var(--metin);}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--metin);margin-bottom:20px;flex-wrap:wrap;}
.breadcrumb a:hover{color:var(--altin);}
.breadcrumb .sep{color:var(--border);}

/* ── HIZMET DETAY ── */
.hizmet-detay-grid{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start;}
.hizmet-detay-icerik h2{font-family:var(--ff-baslik);font-size:32px;font-weight:700;margin-bottom:16px;}
.hizmet-detay-icerik p{color:var(--metin);line-height:1.8;margin-bottom:16px;}
.hizmet-sidebar{background:var(--gri);padding:28px;border-radius:var(--radius);}
.hizmet-sidebar h3{font-size:16px;font-weight:700;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border);}
.sidebar-hizmet-link{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--metin);transition:.2s;}
.sidebar-hizmet-link:hover,.sidebar-hizmet-link.active{color:var(--altin);}
.sidebar-hizmet-link i{color:var(--altin);width:16px;}

/* ── BLOG DETAY ── */
.blog-detay-grid{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start;}
.blog-icerik h1{font-family:var(--ff-baslik);font-size:clamp(26px,4vw,40px);font-weight:700;margin-bottom:16px;line-height:1.2;}
.blog-icerik .meta{display:flex;gap:16px;font-size:12px;color:var(--metin);margin-bottom:24px;flex-wrap:wrap;}
.blog-icerik .meta span{display:flex;align-items:center;gap:4px;}
.blog-icerik .kapak{width:100%;height:400px;object-fit:cover;border-radius:var(--radius);margin-bottom:28px;}
.blog-icerik .prose{font-size:15px;color:rgba(245,242,238,.8);line-height:1.8;}
.blog-icerik .prose h2{font-family:var(--ff-baslik);font-size:24px;font-weight:700;margin:28px 0 12px;color:var(--beyaz);}
.blog-icerik .prose p{margin-bottom:16px;}
.blog-sidebar{position:sticky;top:90px;}
.blog-sidebar-kart{background:var(--gri);padding:24px;border-radius:var(--radius);margin-bottom:16px;}
.blog-sidebar-kart h4{font-size:14px;font-weight:700;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border);}
.son-yazi{display:flex;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border);}
.son-yazi:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.son-yazi img{width:56px;height:56px;object-fit:cover;border-radius:2px;flex-shrink:0;}
.son-yazi-h{font-size:13px;font-weight:500;line-height:1.4;margin-bottom:4px;}
.son-yazi-h a:hover{color:var(--altin);}
.son-yazi-tarih{font-size:11px;color:var(--metin);}

/* ── FOOTER ── */
footer{background:#050505;border-top:1px solid var(--border);}
.footer-top{padding:56px 0;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:48px;}
.footer-brand .logo{font-size:20px;display:block;margin-bottom:14px;}
.footer-brand p{font-size:13px;color:var(--metin);line-height:1.8;margin-bottom:20px;}
.social-links{display:flex;gap:8px;}
.social-links a{width:34px;height:34px;background:var(--gri);border:1px solid var(--border);border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--metin);font-size:13px;transition:.2s;}
.social-links a:hover{color:var(--altin);border-color:var(--altin);background:var(--yari);}
.footer-col h4{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--altin);margin-bottom:18px;}
.footer-col a{display:block;font-size:13px;color:var(--metin);margin-bottom:8px;transition:.2s;}
.footer-col a:hover{color:var(--beyaz);}
.footer-contact-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:13px;color:var(--metin);}
.footer-contact-row i{color:var(--altin);width:14px;margin-top:2px;flex-shrink:0;}
.footer-contact-row a:hover{color:var(--beyaz);}
.footer-bottom{border-top:1px solid var(--border);padding:18px 0;}
.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--metin);flex-wrap:wrap;gap:8px;}

/* ── SABİT ELEMANLAR ── */
.wa-float{position:fixed;bottom:28px;right:28px;z-index:500;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 4px 20px rgba(37,211,102,.35);transition:.2s;animation:wa-pulse 2.5s infinite;}
.wa-float:hover{transform:scale(1.1);}
@keyframes wa-pulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.35);}50%{box-shadow:0 4px 32px rgba(37,211,102,.6);}}
.scroll-top{position:fixed;bottom:92px;right:28px;z-index:500;width:42px;height:42px;background:var(--gri);border:1px solid var(--border);border-radius:50%;color:var(--beyaz);font-size:14px;cursor:pointer;opacity:0;pointer-events:none;transition:.3s;display:flex;align-items:center;justify-content:center;}
.scroll-top.visible{opacity:1;pointer-events:all;}
.scroll-top:hover{background:var(--altin);color:var(--siyah);border-color:var(--altin);}

/* ── FLASH MESAJLAR ── */
.flash-box{padding:14px 20px;border-radius:var(--radius);font-size:14px;margin-bottom:20px;}
.flash-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#86efac;}
.flash-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5;}
.flash-info{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:#93c5fd;}

/* ── 404 ── */
.p404{text-align:center;padding:120px 24px;}
.p404 h1{font-family:var(--ff-baslik);font-size:120px;font-weight:900;color:var(--altin);line-height:1;margin-bottom:16px;}
.p404 h2{font-size:28px;margin-bottom:12px;}
.p404 p{color:var(--metin);margin-bottom:32px;}

/* ── MOBİL ── */
@media(max-width:1024px){
  .footer-grid{grid-template-columns:1fr 1fr;}
  .hizmet-grid,.blog-grid{grid-template-columns:1fr 1fr;}
  .ref-grid{grid-template-columns:repeat(3,1fr);}
  .galeri-grid{grid-template-columns:repeat(3,1fr);}
  .hakkimizda-grid{grid-template-columns:1fr;}
  .hizmet-detay-grid,.blog-detay-grid{grid-template-columns:1fr;}
  .hizmet-sidebar,.blog-sidebar{position:static;}
}
@media(max-width:768px){
  #main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--koyu);border-bottom:1px solid var(--border);padding:12px;flex-direction:column;gap:2px;}
  #main-nav.open{display:flex;}
  .hamburger{display:block;}
  #site-header{position:relative;}
  .neden-grid{grid-template-columns:1fr 1fr;}
  .sayac-grid{grid-template-columns:1fr 1fr;}
  .yorum-grid{grid-template-columns:1fr;}
  .iletisim-grid{grid-template-columns:1fr;}
  .hero-contact-grid{grid-template-columns:1fr;}
  .hero-contact-item{border-right:none;border-bottom:1px solid var(--border);}
  .hero-contact-item:last-child{border-bottom:none;}
  .cta-inner{flex-direction:column;text-align:center;padding:48px 0;}
  .form-row{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
}
@media(max-width:520px){
  .neden-grid{grid-template-columns:1fr;}
  .hizmet-grid,.blog-grid{grid-template-columns:1fr;}
  .ref-grid{grid-template-columns:1fr 1fr;}
  .galeri-grid{grid-template-columns:1fr 1fr;}
  .sayac-grid{grid-template-columns:1fr 1fr;}
}

/* ── REFERANSLAR SAYFASI (iç sayfa - proje görseli odaklı) ── */
.ref-page-section{background:var(--siyah);}
.ref-page-stats{display:flex;gap:48px;flex-wrap:wrap;padding:32px 0;border-bottom:1px solid var(--border);margin-bottom:56px;}
.ref-stat{display:flex;flex-direction:column;}
.ref-stat-num{font-family:var(--ff-baslik);font-size:36px;font-weight:700;color:var(--altin);line-height:1;}
.ref-stat-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--metin);margin-top:8px;font-weight:600;}

.ref-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.ref-page-card{position:relative;background:var(--gri);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.35s cubic-bezier(.2,.8,.2,1);color:inherit;}
.ref-page-card:hover{transform:translateY(-6px);border-color:var(--altin);box-shadow:0 20px 40px -15px rgba(0,0,0,.6),0 0 0 1px var(--altin);}

.ref-page-card-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--koyu);}
.ref-page-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1);}
.ref-page-card:hover .ref-page-card-img img{transform:scale(1.08);}

.ref-page-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,transparent 50%,rgba(10,10,10,.4) 100%);pointer-events:none;transition:opacity .35s;}
.ref-page-card:hover .ref-page-card-overlay{background:linear-gradient(180deg,rgba(200,150,42,.05) 0%,transparent 40%,rgba(10,10,10,.6) 100%);}

.ref-page-card-noimg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gri2) 0%,var(--koyu) 100%);}
.ref-page-card-noimg i{font-size:48px;color:var(--altin);opacity:.3;}

.ref-page-card-badge{position:absolute;top:14px;right:14px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--altin);color:var(--siyah);border-radius:var(--radius);font-size:13px;opacity:0;transform:translateY(-6px);transition:.3s;z-index:2;}
.ref-page-card:hover .ref-page-card-badge{opacity:1;transform:translateY(0);}

.ref-page-card-body{padding:20px 22px 22px;flex:1;display:flex;flex-direction:column;border-top:1px solid var(--border);}
.ref-page-card-firma{font-family:var(--ff-baslik);font-size:18px;font-weight:700;color:var(--beyaz);margin-bottom:6px;line-height:1.3;letter-spacing:.2px;transition:color .25s;}
.ref-page-card:hover .ref-page-card-firma{color:var(--altin);}
.ref-page-card-proje{font-size:13px;color:var(--metin);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.ref-empty{text-align:center;padding:120px 24px;color:var(--metin);}
.ref-empty i{font-size:48px;color:var(--altin);opacity:.4;margin-bottom:20px;display:block;}
.ref-empty h3{font-family:var(--ff-baslik);color:var(--beyaz);font-size:22px;margin-bottom:8px;}

@media(max-width:1024px){
  .ref-page-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .ref-page-grid{gap:16px;}
  .ref-page-stats{gap:28px;margin-bottom:36px;}
  .ref-stat-num{font-size:28px;}
  .ref-page-card-body{padding:16px 18px 18px;}
  .ref-page-card-firma{font-size:16px;}
}
@media(max-width:520px){
  .ref-page-grid{grid-template-columns:1fr;}
}