/* =========================================================
   FIRMAGRAM AJANS V1.3 - ANA TASARIM DOSYASI
   Menü + dropdown + mobil menü + blok tasarımları
   ========================================================= */
*{box-sizing:border-box}body{margin:0;font-family:var(--fga-font);color:#171717;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.fga-container{width:min(1180px,calc(100% - 32px));margin:0 auto}

/* HEADER - V1.2 PRO: Logo beyaz, menü eğik siyah başlar */
.fga-header{position:sticky;top:0;z-index:999;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.16)}
.fga-header-shell{width:100%;min-height:88px;display:flex;align-items:stretch;background:#fff}
.fga-logo-zone{width:320px;max-width:36vw;background:#fff;display:flex;align-items:center;justify-content:center;padding:10px 28px;position:relative;z-index:3}
.fga-logo-zone img{max-height:64px;width:auto;object-fit:contain}
.fga-logo-zone .custom-logo-link{display:flex;align-items:center}.fga-logo-zone .custom-logo{max-height:64px;width:auto}
.fga-nav-zone{flex:1;background:linear-gradient(135deg,var(--fga-secondary),#1b1b1b);display:flex;align-items:center;gap:18px;padding:0 30px 0 72px;position:relative;min-width:0}
.fga-nav-zone::before{content:'';position:absolute;left:-42px;top:0;width:86px;height:100%;background:var(--fga-secondary);transform:skewX(-24deg);transform-origin:center;z-index:1}
.fga-nav,.fga-header-phone,.fga-menu-toggle{position:relative;z-index:2}
.fga-menu-toggle{display:none;border:0;background:var(--fga-primary);color:#fff;border-radius:12px;font-size:24px;padding:9px 13px;cursor:pointer}
.fga-header-phone{background:var(--fga-primary);color:#fff;padding:13px 18px;border-radius:999px;font-weight:900;white-space:nowrap;box-shadow:0 12px 25px rgba(182,0,0,.3);margin-left:auto}

/* DESKTOP MENU - alt menüler hover ile açılır */
.fga-nav{min-width:0}.fga-nav ul{list-style:none;margin:0;padding:0}.fga-nav>ul,.fga-nav .menu{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fga-nav li{position:relative}.fga-nav a{display:block;padding:13px 14px;color:#fff;font-weight:800;border-radius:12px;line-height:1.2;white-space:nowrap}.fga-nav a:hover,.fga-nav li:hover>a{background:rgba(255,255,255,.12);color:#fff}.fga-nav .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:230px;background:#111;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:8px;box-shadow:0 22px 45px rgba(0,0,0,.3);z-index:1000}.fga-nav li:hover>.sub-menu{display:block}.fga-nav .sub-menu a{padding:12px 14px;border-radius:10px;color:#fff}.fga-nav .sub-menu .sub-menu{left:100%;top:0}

/* HERO */
.fga-hero{min-height:620px;background-position:center;background-size:cover;display:flex;align-items:center}.fga-hero-content{padding:70px 0}.fga-eyebrow,.fga-kicker,.fga-section-head span{font-weight:900;color:var(--fga-primary);letter-spacing:.08em;text-transform:uppercase}.fga-hero h1{font-size:clamp(40px,6vw,76px);line-height:.95;max-width:720px;margin:12px 0;color:#101010}.fga-hero p{font-size:22px;max-width:560px}.fga-hero-list{display:grid;gap:10px;list-style:none;padding:0;margin:28px 0}.fga-hero-list li{font-weight:800;background:rgba(17,17,17,.78);color:#fff;width:max-content;max-width:100%;padding:10px 16px;border-radius:999px}.fga-actions{display:flex;gap:14px;flex-wrap:wrap}.fga-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 24px;font-weight:900}.fga-btn-primary{background:var(--fga-primary);color:#fff;box-shadow:0 15px 30px rgba(182,0,0,.28)}.fga-btn-light{background:#fff;color:#111;box-shadow:0 12px 30px rgba(0,0,0,.14)}.fga-smart-slider-wrap{width:100%;overflow:hidden}

/* SECTIONS */
.fga-section{padding:82px 0}.fga-section-head{text-align:center;margin-bottom:34px}.fga-section-head h2,.fga-split h2,.fga-cta h2{font-size:clamp(30px,4vw,48px);margin:8px 0 0}.fga-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.fga-card{background:#fff;border:1px solid #eee;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.08);transition:.2s}.fga-card:hover{transform:translateY(-4px)}.fga-card img{width:100%;height:210px;object-fit:cover}.fga-card div{padding:22px}.fga-card h3{margin:0 0 10px;font-size:22px}.fga-card p{color:#555;line-height:1.6}.fga-card a{font-weight:900;color:var(--fga-primary)}.fga-about{background:#f7f7f7}.fga-split{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.fga-split p{font-size:18px;line-height:1.75;color:#444}.fga-feature-box{background:#111;color:#fff;border-radius:28px;padding:34px;box-shadow:0 24px 60px rgba(0,0,0,.2)}.fga-feature-box p{color:#ddd}.fga-cta{background:linear-gradient(135deg,var(--fga-primary),#780000);color:#fff;padding:72px 0;text-align:center}.fga-cta p{font-size:20px;opacity:.92}.fga-gallery{background:#fff}.fga-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.fga-gallery-grid a{border-radius:20px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.08)}.fga-gallery-grid img{width:100%;height:250px;object-fit:cover}.fga-testimonials{background:#f7f7f7}.fga-testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fga-testimonial-grid blockquote{margin:0;background:#fff;border-radius:22px;padding:28px;box-shadow:0 18px 45px rgba(0,0,0,.07)}.fga-testimonial-grid cite{font-style:normal;font-weight:900;color:var(--fga-primary)}.fga-map iframe,.fga-map-placeholder{width:100%;height:360px;border:0;border-radius:24px;overflow:hidden}.fga-map-placeholder{background:#eee;display:grid;place-items:center;color:#555;font-weight:800}.fga-footer{background:#0b0b0b;color:#fff;padding:58px 0}.fga-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}.fga-footer p{color:#ccc}.fga-footer ul{list-style:none;padding:0;margin:10px 0 0}.fga-footer li{margin:8px 0}.fga-floating-whatsapp{position:fixed;right:18px;bottom:18px;background:#25d366;color:#fff;font-weight:900;padding:14px 18px;border-radius:999px;z-index:70;box-shadow:0 15px 35px rgba(0,0,0,.22)}

/* MOBIL */
@media(max-width:980px){.fga-header-inner{min-height:76px;flex-wrap:wrap}.fga-menu-toggle{display:block;margin-left:auto}.fga-header-phone{display:none}.fga-nav{display:none;width:100%;order:5;margin-left:0}.fga-nav.is-open{display:block}.fga-nav>ul,.fga-nav .menu{display:block}.fga-nav li{width:100%}.fga-nav a{border-radius:10px}.fga-nav .sub-menu{display:none;position:static;min-width:0;background:rgba(255,255,255,.08);border:0;box-shadow:none;margin:4px 0 8px 14px}.fga-nav li:hover>.sub-menu{display:block}.fga-hero{min-height:560px}.fga-service-grid,.fga-gallery-grid,.fga-testimonial-grid,.fga-split,.fga-footer-grid{grid-template-columns:1fr}.fga-section{padding:58px 0}.fga-hero-list li{width:100%}}

/* V1.2 HEADER MOBIL DÜZELTME */
@media(max-width:980px){.fga-header-shell{min-height:76px;display:flex;align-items:center}.fga-logo-zone{width:auto;max-width:70%;justify-content:flex-start;padding:8px 16px}.fga-logo-zone img,.fga-logo-zone .custom-logo{max-height:54px}.fga-nav-zone{min-height:76px;padding:0 14px 0 30px;justify-content:flex-end}.fga-nav-zone::before{left:-24px;width:52px}.fga-menu-toggle{display:block}.fga-header-phone{display:none}.fga-nav{display:none;position:absolute;left:0;right:0;top:76px;width:100%;background:#111;padding:12px 16px;box-shadow:0 18px 38px rgba(0,0,0,.25)}.fga-nav.is-open{display:block}.fga-nav>ul,.fga-nav .menu{display:block}.fga-nav li{width:100%}.fga-nav a{border-radius:10px}.fga-nav .sub-menu{display:none;position:static;min-width:0;background:rgba(255,255,255,.08);border:0;box-shadow:none;margin:4px 0 8px 14px}.fga-nav li:hover>.sub-menu{display:block}}
@media(max-width:560px){.fga-logo-zone{max-width:64%;padding-left:12px}.fga-nav-zone{padding-left:22px}.fga-logo-zone img,.fga-logo-zone .custom-logo{max-height:46px}}

/* =========================================================
   FIRMAGRAM AJANS V1.3 PRO FIX
   Logo kapatma düzeltmesi + stabil mobil menü + iletişim şablonu
   ========================================================= */
.fga-logo-zone{
  width:350px;
  max-width:38vw;
  justify-content:flex-start;
  padding:10px 72px 10px 30px;
  overflow:visible;
}
.fga-logo-zone img,
.fga-logo-zone .custom-logo{
  max-height:66px;
}
.fga-nav-zone{
  padding-left:50px;
}
.fga-nav-zone::before{
  left:-28px;
  width:64px;
  transform:skewX(-22deg);
}
.fga-contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:stretch;
  margin-bottom:24px;
}
.fga-contact-card{
  background:#fff;
  border:1px solid #eee;
  border-radius:24px;
  padding:28px;
  box-shadow:0 18px 45px rgba(0,0,0,.08);
}
.fga-contact-card h3{margin-top:0;font-size:24px}
.fga-contact-card p{font-size:17px;line-height:1.65;color:#444}
.fga-contact-card input,
.fga-contact-card textarea,
.fga-contact-card select{
  width:100%;
  min-height:46px;
  border:1px solid #ddd;
  border-radius:12px;
  padding:10px 12px;
}
.fga-contact-card textarea{min-height:130px}
.fga-contact-card input[type="submit"],
.fga-contact-card button{
  background:var(--fga-primary);
  color:#fff;
  border:0;
  border-radius:999px;
  font-weight:900;
  padding:13px 20px;
  cursor:pointer;
}
.fga-form-placeholder{
  background:#f7f7f7;
  border:1px dashed #ccc;
  border-radius:16px;
  padding:20px;
  color:#555;
  font-weight:800;
}
.fga-contact-map{margin-top:10px}

@media(max-width:980px){
  .fga-header-shell{
    min-height:74px;
    align-items:center;
  }
  .fga-logo-zone{
    flex:1 1 auto;
    width:auto;
    max-width:none;
    min-width:0;
    padding:8px 14px;
    justify-content:flex-start;
  }
  .fga-logo-zone img,
  .fga-logo-zone .custom-logo{
    max-height:50px;
    max-width:210px;
  }
  .fga-nav-zone{
    flex:0 0 auto;
    min-height:74px;
    background:#fff;
    padding:0 14px;
    margin-left:auto;
  }
  .fga-nav-zone::before{
    display:none;
  }
  .fga-menu-toggle{
    display:block;
    background:var(--fga-secondary);
    color:#fff;
  }
  .fga-nav{
    top:74px;
    left:0;
    right:0;
    width:100vw;
    background:var(--fga-secondary);
    border-top:1px solid rgba(255,255,255,.08);
  }
  .fga-nav.is-open{display:block;}
  .fga-nav .menu,
  .fga-nav>ul{display:block;}
  .fga-nav a{white-space:normal;}
  .fga-contact-grid{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .fga-logo-zone img,
  .fga-logo-zone .custom-logo{max-height:44px;max-width:190px;}
  .fga-nav-zone{padding-right:10px;}
}

/* =========================================================
   FIRMAGRAM AJANS v1.4.2 STABIL HEADER FIX
   Not: v1.3 tasarım korunur. Desktop flex/eğik navigasyon yapısı değiştirilmez.
   Sadece logo çakışması, custom-logo link yapısı ve mobil menü taşması netleştirilir.
   ========================================================= */

html,
body{
  max-width:100%;
  overflow-x:hidden;
}

.fga-logo-zone .fga-logo-link,
.fga-logo-zone .custom-logo-link{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:auto;
  max-width:100%;
}

@media(min-width:981px){
  /* Desktop: eski flex header aynen kalır; grid/kolon sistemi yok. */
  .fga-header-shell{
    display:flex !important;
    align-items:stretch !important;
    flex-wrap:nowrap !important;
    min-height:88px;
    overflow:visible;
  }

  /* Logo sola alınır; siyah eğik alanla arasında güvenli boşluk bırakılır. */
  .fga-logo-zone{
    flex:0 0 clamp(330px, 27vw, 390px) !important;
    width:clamp(330px, 27vw, 390px) !important;
    max-width:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:10px clamp(54px, 5vw, 86px) 10px clamp(28px, 3vw, 54px) !important;
    background:#fff;
    position:relative;
    z-index:5;
    overflow:visible;
  }

  .fga-logo-zone img,
  .fga-logo-zone .custom-logo{
    max-width:220px;
    max-height:66px;
    width:auto;
    height:auto;
    object-fit:contain;
  }

  /* Eğik siyah navigasyon eski tasarımda kalır; sadece logo üstüne taşma riski azaltılır. */
  .fga-nav-zone{
    flex:1 1 auto !important;
    min-width:0;
    display:flex !important;
    align-items:center !important;
    padding-left:58px !important;
    padding-right:30px;
    position:relative;
    z-index:2;
  }

  .fga-nav-zone::before{
    display:block !important;
    left:-30px !important;
    width:64px !important;
    transform:skewX(-22deg);
    z-index:1;
    pointer-events:none;
  }

  .fga-nav,
  .fga-header-phone,
  .fga-menu-toggle{
    position:relative;
    z-index:3;
  }
}

@media(min-width:981px) and (max-width:1180px){
  .fga-logo-zone{
    flex-basis:300px !important;
    width:300px !important;
    padding-left:24px !important;
    padding-right:44px !important;
  }

  .fga-logo-zone img,
  .fga-logo-zone .custom-logo{
    max-width:190px;
  }

  .fga-nav-zone{
    gap:10px;
    padding-left:46px !important;
    padding-right:16px;
  }

  .fga-nav a{
    padding-left:10px;
    padding-right:10px;
    font-size:14px;
  }

  .fga-header-phone{
    padding:12px 14px;
    font-size:14px;
  }
}

@media(max-width:980px){
  body.fga-menu-open{
    overflow:hidden;
  }

  .fga-header-shell{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    min-height:74px;
    overflow:visible;
  }

  .fga-logo-zone{
    flex:1 1 auto !important;
    width:auto !important;
    max-width:calc(100% - 74px) !important;
    min-width:0;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:8px 12px 8px 16px !important;
    background:#fff;
  }

  .fga-logo-zone img,
  .fga-logo-zone .custom-logo{
    max-width:min(210px, 100%);
    max-height:48px;
  }

  .fga-nav-zone{
    flex:0 0 74px !important;
    width:74px !important;
    min-height:74px;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin-left:0 !important;
    background:#fff !important;
    position:static !important;
  }

  .fga-nav-zone::before{
    display:none !important;
  }

  .fga-menu-toggle{
    width:46px;
    height:46px;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    padding:0;
    margin:0;
    border-radius:14px;
    line-height:1;
    background:var(--fga-secondary);
    color:#fff;
  }

  /* Mobil menü buton kolonuna sıkışmaz; viewport genişliğinde açılır. */
  .fga-nav{
    display:none;
    position:fixed !important;
    top:74px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:100% !important;
    max-height:calc(100vh - 74px);
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    margin:0 !important;
    padding:14px 16px 18px !important;
    box-sizing:border-box;
    background:var(--fga-secondary) !important;
    border-top:1px solid rgba(255,255,255,.08);
    box-shadow:0 18px 38px rgba(0,0,0,.25);
    z-index:9999;
  }

  .fga-nav.is-open{
    display:block !important;
  }

  .fga-nav .menu,
  .fga-nav > ul{
    display:flex !important;
    flex-direction:column;
    align-items:stretch;
    gap:6px;
    width:100%;
  }

  .fga-nav li{
    width:100%;
  }

  .fga-nav a{
    display:block;
    width:100%;
    white-space:normal;
    word-break:normal;
    overflow-wrap:normal;
    line-height:1.35;
    padding:13px 14px;
    border-radius:12px;
  }

  .fga-nav .sub-menu{
    position:static;
    min-width:0;
    width:100%;
    margin:4px 0 8px;
    padding:8px 0 8px 10px;
    background:rgba(255,255,255,.08);
    border:0;
    box-shadow:none;
  }
}

@media(max-width:420px){
  .fga-logo-zone{
    padding-left:12px !important;
  }

  .fga-logo-zone img,
  .fga-logo-zone .custom-logo{
    max-width:170px;
    max-height:42px;
  }
}

/* =========================================================
   FIRMAGRAM AJANS v1.5 HERO OVERLAY + EĞİK NAV PRO
   Amaç: v1.4.2 stabil header korunur, Smart Slider üstüne bağımsız CTA katmanı eklenir.
   ========================================================= */

@media(min-width:981px){
  /* Siyah navigasyon alanı premium / eğik formda görünür; logo alanı üstüne taşmaz. */
  .fga-nav-zone{
    background:linear-gradient(135deg,var(--fga-secondary),#1b1b1b) !important;
    clip-path:polygon(34px 0, 100% 0, 100% 100%, 0 100%) !important;
    margin-left:-34px;
    padding-left:84px !important;
  }

  .fga-nav-zone::before{
    display:none !important;
  }

  .fga-logo-zone{
    z-index:6;
  }
}

/* HERO STAGE: Slider veya görsel aynı sahne içinde çalışır. */
.fga-hero-stage{
  position:relative;
  min-height:clamp(620px, 72vh, 780px);
  overflow:hidden;
  isolation:isolate;
  background:#080808;
}

.fga-hero-slider-layer,
.fga-hero-image-layer{
  position:absolute;
  inset:0;
  z-index:1;
}

.fga-hero-slider-layer > *,
.fga-hero-slider-layer iframe,
.fga-hero-slider-layer .n2-section-smartslider,
.fga-hero-slider-layer .n2-ss-slider{
  width:100% !important;
}

.fga-hero-image-layer{
  background-position:center;
  background-size:cover;
  transform:scale(1.01);
}

.fga-hero-overlay-bg{
  position:absolute;
  inset:0;
  z-index:2;
  background:
    radial-gradient(circle at 18% 42%, rgba(214,0,0,.24), transparent 32%),
    linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.58) 42%, rgba(0,0,0,.28) 68%, rgba(0,0,0,.18) 100%);
  pointer-events:none;
}

.fga-hero-overlay-content{
  position:relative;
  z-index:3;
  min-height:clamp(620px, 72vh, 780px);
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(320px, 430px);
  gap:34px;
  align-items:center;
  padding-top:72px;
  padding-bottom:72px;
}

.fga-hero-copy-card{
  color:#fff;
  max-width:760px;
}

.fga-hero-copy-card .fga-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#fff;
  backdrop-filter:blur(10px);
}

.fga-hero-copy-card h1{
  max-width:760px;
  margin:0;
  color:#fff;
  font-size:clamp(42px, 6vw, 78px);
  line-height:.94;
  letter-spacing:-.055em;
  text-shadow:0 16px 45px rgba(0,0,0,.38);
}

.fga-hero-desc{
  max-width:610px;
  margin:22px 0 0;
  color:rgba(255,255,255,.90);
  font-size:clamp(18px, 2vw, 23px);
  line-height:1.55;
}

.fga-hero-proof-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:0;
  margin:28px 0 0;
  list-style:none;
}

.fga-hero-proof-list li{
  display:inline-flex;
  align-items:center;
  width:auto;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  font-weight:800;
  backdrop-filter:blur(10px);
}

.fga-hero-actions{
  margin-top:30px;
}

.fga-hero-actions .fga-btn{
  min-height:54px;
  padding:16px 25px;
}

.fga-hero-form-card{
  position:relative;
  color:#111;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,255,255,.36);
  border-radius:28px;
  padding:28px;
  box-shadow:0 30px 80px rgba(0,0,0,.34);
  backdrop-filter:blur(16px);
}

.fga-hero-form-card::before{
  content:'';
  position:absolute;
  inset:10px;
  border-radius:22px;
  border:1px solid rgba(0,0,0,.06);
  pointer-events:none;
}

.fga-hero-form-badge{
  display:inline-flex;
  margin-bottom:12px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(214,0,0,.10);
  color:var(--fga-primary);
  font-weight:900;
  font-size:13px;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.fga-hero-form-card h2{
  margin:0;
  font-size:clamp(24px, 3vw, 34px);
  line-height:1.08;
  letter-spacing:-.03em;
}

.fga-hero-form-card p{
  margin:12px 0 18px;
  color:#555;
  line-height:1.65;
}

.fga-hero-form-shortcode input,
.fga-hero-form-shortcode textarea,
.fga-hero-form-shortcode select{
  width:100%;
  min-height:46px;
  border:1px solid #ddd;
  border-radius:13px;
  padding:11px 12px;
  margin-bottom:10px;
}

.fga-hero-form-shortcode textarea{
  min-height:96px;
}

.fga-hero-form-shortcode input[type="submit"],
.fga-hero-form-shortcode button{
  width:100%;
  border:0;
  border-radius:999px;
  background:var(--fga-primary);
  color:#fff;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(214,0,0,.26);
}

.fga-hero-contact-mini{
  display:grid;
  gap:10px;
}

.fga-hero-contact-mini a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 14px;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-weight:900;
}

.fga-hero-contact-mini a:first-child{
  background:var(--fga-primary);
}

/* Eski .fga-smart-slider-wrap yapısı v1.5 ile kullanılmasa da geriye dönük güvenli kalır. */
.fga-smart-slider-wrap{
  width:100%;
  overflow:hidden;
}

@media(max-width:1180px) and (min-width:981px){
  .fga-hero-overlay-content{
    grid-template-columns:minmax(0, 1fr) minmax(300px, 380px);
    gap:24px;
  }

  .fga-hero-form-card{
    padding:24px;
  }
}

@media(max-width:980px){
  .fga-hero-stage,
  .fga-hero-overlay-content{
    min-height:auto;
  }

  .fga-hero-stage{
    padding:0;
  }

  .fga-hero-slider-layer,
  .fga-hero-image-layer{
    position:absolute;
    inset:0;
    min-height:100%;
  }

  .fga-hero-overlay-bg{
    background:linear-gradient(180deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.66) 48%, rgba(0,0,0,.82) 100%);
  }

  .fga-hero-overlay-content{
    grid-template-columns:1fr;
    gap:18px;
    padding-top:70px;
    padding-bottom:30px;
  }

  .fga-hero-copy-card{
    max-width:100%;
  }

  .fga-hero-copy-card h1{
    font-size:clamp(34px, 10vw, 52px);
    line-height:1;
    letter-spacing:-.045em;
  }

  .fga-hero-desc{
    font-size:17px;
    line-height:1.55;
    margin-top:16px;
  }

  .fga-hero-proof-list{
    gap:8px;
    margin-top:20px;
  }

  .fga-hero-proof-list li{
    width:auto;
    max-width:100%;
    padding:9px 12px;
    font-size:14px;
  }

  .fga-hero-actions{
    margin-top:22px;
  }

  .fga-hero-actions .fga-btn{
    flex:1 1 145px;
    min-height:50px;
  }

  .fga-hero-form-card{
    margin-top:8px;
    padding:22px;
    border-radius:22px;
  }

  .fga-hero-form-card::before{
    inset:8px;
    border-radius:18px;
  }
}

@media(max-width:560px){
  .fga-hero-overlay-content{
    width:min(100% - 24px, 1180px);
    padding-top:54px;
    padding-bottom:22px;
  }

  .fga-hero-copy-card .fga-eyebrow{
    font-size:12px;
    padding:8px 11px;
  }

  .fga-hero-actions{
    flex-direction:column;
  }

  .fga-hero-actions .fga-btn{
    width:100%;
    flex-basis:auto;
  }

  .fga-hero-form-card{
    padding:19px;
  }
}

/* =========================================================
   FIRMAGRAM AJANS v1.5.1 - KONTROLLÜ REVİZYON
   Amaç:
   1) Hero CTA sol şablonu bozulmadan sağ hızlı iletişim paneli kaldırılır.
   2) Aynı hızlı iletişim mantığı Bize Ulaşın alanına taşınır.
   3) Menü alt öğeleri hero overlay altında kalmaz.
   4) Desktop siyah navigasyon alanı net / eğimli görünür.
   ========================================================= */

/* Header ve dropdown her zaman hero/slider katmanının üstünde kalır. */
.fga-header{
  z-index:10000 !important;
  overflow:visible !important;
}

.fga-header-shell,
.fga-nav-zone,
.fga-nav,
.fga-nav li{
  overflow:visible !important;
}

.fga-nav .sub-menu{
  z-index:10050 !important;
}

.fga-hero-stage{
  z-index:1;
}

@media(min-width:981px){
  /* v1.5.1: eğik alan clip-path yerine gerçek skew shape ile görünür hale getirildi. */
  .fga-nav-zone{
    clip-path:none !important;
    margin-left:0 !important;
    padding-left:78px !important;
    background:linear-gradient(135deg,var(--fga-secondary),#1b1b1b) !important;
    position:relative !important;
  }

  .fga-nav-zone::before{
    content:'' !important;
    display:block !important;
    position:absolute !important;
    left:-46px !important;
    top:0 !important;
    width:92px !important;
    height:100% !important;
    background:linear-gradient(135deg,var(--fga-secondary),#171717) !important;
    transform:skewX(-24deg) !important;
    transform-origin:center !important;
    z-index:0 !important;
    pointer-events:none !important;
  }

  .fga-logo-zone{
    z-index:4 !important;
  }

  .fga-nav,
  .fga-header-phone{
    z-index:3 !important;
  }

  /* Hero artık tek kolon CTA; boşalan sağ panel alanı metne nefes verir. */
  .fga-hero-overlay-content{
    grid-template-columns:minmax(0, 820px) !important;
    justify-content:start;
  }
}

/* Hero sağ panel kaldırıldığı için eski form kartı class'ı başka yerde görünürse de gizli kalsın. */
.fga-hero-form-card{
  display:none !important;
}

/* Bize Ulaşın alanındaki hızlı iletişim kartı hero panelinin premium hissini taşır. */
.fga-contact-card--quick{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#111,#1b1b1b);
  color:#fff;
  border-color:rgba(255,255,255,.08);
}

.fga-contact-card--quick::before{
  content:'';
  position:absolute;
  right:-72px;
  top:-72px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(214,0,0,.22);
  pointer-events:none;
}

.fga-contact-card--quick h3,
.fga-contact-card--quick p,
.fga-contact-card--quick strong{
  color:#fff;
}

.fga-contact-badge{
  display:inline-flex;
  margin-bottom:12px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(214,0,0,.20);
  color:#fff;
  font-weight:900;
  font-size:13px;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.fga-contact-info-list{
  display:grid;
  gap:12px;
  margin:20px 0 22px;
}

.fga-contact-info-list div{
  padding:14px 15px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
}

.fga-contact-info-list small{
  display:block;
  margin-bottom:5px;
  color:rgba(255,255,255,.62);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.fga-contact-actions .fga-btn-light{
  color:#111;
}

@media(max-width:980px){
  .fga-header{
    z-index:10000 !important;
  }

  .fga-nav{
    z-index:10050 !important;
  }

  .fga-hero-overlay-content{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   FIRMAGRAM AJANS v1.5.2 - DETAY SAYFA UX KATMANI
   ---------------------------------------------------------
   Bu blok v1.5.1 ana tasarımını bozmadan sadece hizmet/galeri
   arşivleri, hizmet detay görseli ve lightbox görünümünü geliştirir.
========================================================= */
.fga-archive-hero{
  padding:72px 0 38px;
  background:linear-gradient(135deg,#f7f7f7 0%,#ffffff 60%);
}
.fga-archive-hero .fga-section-head{max-width:840px;margin:0 auto;text-align:center}
.fga-archive-hero h1{font-size:clamp(36px,5vw,58px);line-height:1.05;margin:10px 0 14px}
.fga-archive-hero p{font-size:18px;line-height:1.7;color:#555;margin:0 auto;max-width:720px}
.fga-section--archive-grid{padding-top:42px}
.fga-service-card .fga-card-media{display:block;color:inherit;text-decoration:none;overflow:hidden}
.fga-service-card .fga-card-media img{transition:transform .35s ease}
.fga-service-card:hover .fga-card-media img{transform:scale(1.045)}
.fga-service-card .fga-card-body h2{font-size:22px;margin:0 0 10px}
.fga-service-card .fga-card-body h2 a{color:#111;text-decoration:none}
.fga-card-placeholder{min-height:210px;display:grid;place-items:center;padding:28px;text-align:center;background:linear-gradient(135deg,var(--fga-secondary),#2a2a2a);color:#fff;font-weight:900;font-size:22px}
.fga-card-link{display:inline-flex;margin-top:8px}

.fga-single-service-hero{padding:78px 0;background:linear-gradient(135deg,#f8f8f8,#fff)}
.fga-single-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.fga-single-service-copy h1{font-size:clamp(38px,5vw,64px);line-height:1.02;margin:12px 0 18px;color:#111}
.fga-single-lead{font-size:20px;line-height:1.7;color:#444;margin:0 0 28px;max-width:680px}
.fga-single-service-media{border-radius:30px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.16);background:#111;min-height:360px}
.fga-single-service-media img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}
.fga-single-content-section{padding-top:54px;background:#fff}
.fga-single-content-wrap{max-width:920px}
.fga-single-content{font-size:18px;line-height:1.85;color:#333;background:#fff;border:1px solid #eee;border-radius:28px;padding:38px;box-shadow:0 18px 45px rgba(0,0,0,.06)}
.fga-single-content h2,.fga-single-content h3{color:#111;line-height:1.2;margin-top:1.4em}
.fga-single-content p:first-child{margin-top:0}

.fga-gallery-grid a.fga-lightbox-item{position:relative;display:block;cursor:zoom-in;text-decoration:none;color:#fff;background:#111}
.fga-gallery-grid a.fga-lightbox-item::after{content:'Büyüt';position:absolute;right:14px;bottom:14px;background:rgba(0,0,0,.72);color:#fff;border-radius:999px;padding:8px 13px;font-weight:900;font-size:13px;opacity:0;transform:translateY(6px);transition:.25s ease}
.fga-gallery-grid a.fga-lightbox-item:hover::after{opacity:1;transform:translateY(0)}
.fga-gallery-grid a.fga-lightbox-item span{position:absolute;left:14px;bottom:14px;right:90px;font-weight:900;text-shadow:0 2px 12px rgba(0,0,0,.45);z-index:2}
.fga-gallery--archive{padding-top:42px}

.fga-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(0,0,0,.88)}
.fga-lightbox.is-open{display:flex}
.fga-lightbox img{max-width:min(1100px,96vw);max-height:86vh;object-fit:contain;border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.45)}
.fga-lightbox button{position:absolute;top:20px;right:20px;width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#111;font-size:28px;line-height:1;cursor:pointer;font-weight:900}
.fga-lightbox button:hover{transform:scale(1.04)}

@media(max-width:980px){
  .fga-single-service-grid{grid-template-columns:1fr;gap:26px}
  .fga-single-service-hero{padding:54px 0}
  .fga-single-service-media,.fga-single-service-media img{min-height:260px}
  .fga-single-content{padding:26px;border-radius:22px;font-size:17px}
  .fga-archive-hero{padding:54px 0 24px}
  .fga-gallery-grid a.fga-lightbox-item span{font-size:14px;right:14px;bottom:48px}
}


/* =========================================================
   FIRMAGRAM AJANS v1.5.3 - SAĞLAMLAŞTIRMA KATMANI
   ---------------------------------------------------------
   1) Hero/slider overlay koyuluğu azaltıldı.
   2) Mobil Smart Slider yüksekliği korunarak geçiş katmanı güvenceye alındı.
   3) İletişim modülleri aktif/pasif kullanımda tek kolon düzgün akar.
========================================================= */

.fga-hero-overlay-bg{
  background:
    radial-gradient(circle at 18% 42%, rgba(214,0,0,.18), transparent 32%),
    linear-gradient(90deg, rgba(0,0,0,.66) 0%, rgba(0,0,0,.48) 42%, rgba(0,0,0,.22) 68%, rgba(0,0,0,.12) 100%) !important;
}

.fga-contact-grid--single{
  grid-template-columns:minmax(0, 760px);
  justify-content:center;
}

@media(max-width:980px){
  .fga-hero-stage{
    min-height:560px !important;
  }

  .fga-hero-overlay-content{
    min-height:560px !important;
  }

  .fga-hero-slider-layer,
  .fga-hero-image-layer{
    min-height:560px !important;
  }

  .fga-hero-slider-layer .n2-section-smartslider,
  .fga-hero-slider-layer .n2-ss-slider,
  .fga-hero-slider-layer .n2-ss-slider-1,
  .fga-hero-slider-layer .n2-ss-slider-2,
  .fga-hero-slider-layer .n2-ss-slider-3{
    min-height:560px !important;
  }

  .fga-hero-overlay-bg{
    background:
      radial-gradient(circle at 18% 28%, rgba(214,0,0,.13), transparent 34%),
      linear-gradient(180deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.46) 48%, rgba(0,0,0,.58) 100%) !important;
  }
}

@media(max-width:560px){
  .fga-hero-stage,
  .fga-hero-overlay-content,
  .fga-hero-slider-layer,
  .fga-hero-image-layer,
  .fga-hero-slider-layer .n2-section-smartslider,
  .fga-hero-slider-layer .n2-ss-slider,
  .fga-hero-slider-layer .n2-ss-slider-1,
  .fga-hero-slider-layer .n2-ss-slider-2,
  .fga-hero-slider-layer .n2-ss-slider-3{
    min-height:520px !important;
  }

  .fga-hero-overlay-bg{
    background:
      radial-gradient(circle at 20% 22%, rgba(214,0,0,.12), transparent 36%),
      linear-gradient(180deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,.42) 48%, rgba(0,0,0,.54) 100%) !important;
  }
}


/* =========================================================
   FIRMAGRAM AJANS v1.5.4 - SLIDER RESPONSIVE PRO
   ---------------------------------------------------------
   1) Desktop ve mobil slider shortcode katmanları ayrıldı.
   2) Mobilde dikey Smart Slider kullanılabilir.
   3) CTA overlay boş alanlarda touch/swipe hareketini engellemez.
   4) Butonlar ve gerçek etkileşimli alanlar tıklanabilir kalır.
   ========================================================= */

.fga-hero-slider-layer--mobile{
  display:none;
}

.fga-hero-overlay-bg{
  pointer-events:none !important;
}

.fga-hero-overlay-content{
  pointer-events:none;
}

.fga-hero-overlay-content a,
.fga-hero-overlay-content button,
.fga-hero-overlay-content input,
.fga-hero-overlay-content textarea,
.fga-hero-overlay-content select,
.fga-hero-overlay-content label,
.fga-hero-copy-card,
.fga-hero-actions{
  pointer-events:auto;
}

/* Smart Slider touch alanı overlay'in altında kalsa bile dokunma katmanını korur. */
.fga-hero-slider-layer,
.fga-hero-slider-layer *{
  touch-action:pan-y pinch-zoom;
}

@media(max-width:760px){
  .fga-hero-stage{
    min-height:680px;
  }

  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--desktop{
    display:none;
  }

  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile{
    display:block;
  }

  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile > *,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile iframe,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-section-smartslider,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-ss-slider,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-ss-slider-1,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-ss-slider-2,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-ss-slider-3{
    min-height:680px !important;
    height:680px !important;
  }

  .fga-hero-overlay-content{
    min-height:680px;
    align-content:center;
  }

  .fga-hero-overlay-bg{
    background:
      linear-gradient(180deg, rgba(0,0,0,.46) 0%, rgba(0,0,0,.50) 48%, rgba(0,0,0,.62) 100%) !important;
  }
}

@media(max-width:420px){
  .fga-hero-stage{
    min-height:640px;
  }

  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile > *,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile iframe,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-section-smartslider,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-ss-slider,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-ss-slider-1,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-ss-slider-2,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-ss-slider-3{
    min-height:640px !important;
    height:640px !important;
  }

  .fga-hero-overlay-content{
    min-height:640px;
  }
}


/* =========================================================
   FIRMAGRAM AJANS v1.5.5 - MOBİL HERO CTA BAR PRO
   ---------------------------------------------------------
   Amaç:
   1) Mobilde CTA butonları slider görselinin üstünü kapatmaz.
   2) Başlık alanı görselin üst kısmına, açıklama/etiketler alt kısma oturur.
   3) Butonlar hero sahnesinin altında ayrı, dokunması kolay bir satırda çalışır.
   4) Desktop davranışı v1.5.4 ile aynı kalır.
   ========================================================= */

.fga-hero-mobile-cta-bar{
  display:none;
}

@media(max-width:760px){
  .fga-hero-stage{
    min-height:660px !important;
  }

  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile > *,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile iframe,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-section-smartslider,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-ss-slider,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-ss-slider-1,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-ss-slider-2,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-ss-slider-3{
    min-height:660px !important;
    height:660px !important;
  }

  .fga-hero-overlay-content{
    min-height:660px !important;
    align-content:stretch;
    padding-top:42px;
    padding-bottom:34px;
  }

  .fga-hero-copy-card{
    min-height:calc(660px - 76px);
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
  }

  .fga-hero-copy-card .fga-eyebrow{
    align-self:flex-start;
    margin-bottom:10px;
  }

  .fga-hero-copy-card h1{
    max-width:92%;
  }

  .fga-hero-mobile-bottom-copy{
    margin-top:auto;
    max-width:96%;
  }

  .fga-hero-desc{
    max-width:100%;
    margin-top:0;
  }

  .fga-hero-proof-list{
    margin-top:16px;
  }

  /* Mobilde hero içindeki butonlar gizlenir; alt sabit CTA bar kullanılır. */
  .fga-hero-actions{
    display:none !important;
  }

  .fga-hero-mobile-cta-bar{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    width:min(100% - 24px, 560px);
    margin:12px auto 0;
    padding:12px;
    border-radius:24px;
    background:#fff;
    box-shadow:0 16px 40px rgba(0,0,0,.14);
    position:relative;
    z-index:20;
  }

  .fga-hero-mobile-cta-bar .fga-btn{
    min-height:52px;
    padding:14px 12px;
    font-size:15px;
    white-space:nowrap;
  }
}

@media(max-width:420px){
  .fga-hero-stage{
    min-height:620px !important;
  }

  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile > *,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile iframe,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-section-smartslider,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-ss-slider,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-ss-slider-1,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-ss-slider-2,
  .fga-hero-stage--has-mobile-slider .fga-hero-slider-layer--mobile .n2-ss-slider-3{
    min-height:620px !important;
    height:620px !important;
  }

  .fga-hero-overlay-content{
    min-height:620px !important;
    padding-top:34px;
    padding-bottom:28px;
  }

  .fga-hero-copy-card{
    min-height:calc(620px - 62px);
  }

  .fga-hero-copy-card h1{
    max-width:96%;
    font-size:clamp(32px, 10.2vw, 46px);
  }

  .fga-hero-desc{
    font-size:16px;
  }

  .fga-hero-proof-list li{
    font-size:13px;
    padding:8px 10px;
  }

  .fga-hero-mobile-cta-bar{
    width:calc(100% - 20px);
    margin-top:10px;
    padding:10px;
    border-radius:20px;
  }

  .fga-hero-mobile-cta-bar .fga-btn{
    min-height:50px;
    font-size:14px;
  }
}