/* =========================================================
   FERİH GROUP — ortak stil (handoff v1 "Teknik Beyaz / Blueprint")
   Kaynak: Ferih Group Web Tasarımı/handoff (16.07.2026)
   ========================================================= */
html { scroll-behavior: smooth; }
body { margin: 0; background: #FAFAF7; font-family: 'IBM Plex Sans', system-ui, sans-serif; }
a { color: #15171B; }
a:hover { color: #B8930F; }
::selection { background: rgba(239,194,43,0.55); }
@keyframes fgFadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

/* ---- blueprint ızgara dokusu ---- */
.fg-izgara::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image:
    repeating-linear-gradient(0deg, rgba(21,23,27,0.045) 0, rgba(21,23,27,0.045) 1px, transparent 1px, transparent 56px),
    repeating-linear-gradient(90deg, rgba(21,23,27,0.045) 0, rgba(21,23,27,0.045) 1px, transparent 1px, transparent 56px);
}
.fg-izgara-koyu::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,0.045) 0, rgba(255,255,255,0.045) 1px, transparent 1px, transparent 56px),
    repeating-linear-gradient(90deg, rgba(255,255,255,0.045) 0, rgba(255,255,255,0.045) 1px, transparent 1px, transparent 56px);
}

/* ---- hover davranışları (handoff README) ---- */
.hv-link { cursor: pointer; transition: color .2s ease; }
.hv-link:hover { color: #15171B !important; }
.hv-btn-koyu { transition: background .2s ease; cursor: pointer; }
.hv-btn-koyu:hover { background: #2A2D33 !important; }
.hv-btn-sari { transition: filter .2s ease; cursor: pointer; }
.hv-btn-sari:hover { filter: brightness(1.05); }
.hv-cerceve { transition: border-color .2s ease; }
.hv-cerceve:hover { border-color: rgba(255,255,255,0.5) !important; }
.hv-hizmet { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.hv-hizmet:hover { border-color: #15171B !important; transform: translateY(-3px); box-shadow: 0 12px 26px rgba(21,23,27,0.08); }
.hv-proje { transition: box-shadow .2s ease, transform .2s ease; }
.hv-proje:hover { box-shadow: 7px 7px 0 rgba(239,194,43,0.9) !important; transform: translate(-2px,-2px); }

/* ---- nav: masaüstü / mobil (kırılım 760px) ---- */
.nav-burger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px 4px; background: none; border: 0; }
.nav-burger span { width: 22px; height: 2px; background: #15171B; display: block; }
.nav-burger span:last-child { width: 14px; }
.nav-mobil { display: none; border-top: 1px solid #E4E2DC; background: #FAFAF7; padding: 6px 24px 18px; flex-direction: column; }
.nav-mobil a, .nav-mobil button {
  padding: 13px 2px; font-size: 15px; font-weight: 500; color: #15171B; border: 0; border-bottom: 1px solid #EFEDE7;
  background: none; text-align: left; text-decoration: none; font-family: 'IBM Plex Sans', sans-serif; cursor: pointer;
}
.nav-mobil .nav-cta { margin-top: 14px; padding: 14px; background: #15171B; color: #fff; border-radius: 8px; font-weight: 600; font-size: 14.5px; text-align: center; border-bottom: 0; }
@media (max-width: 759px) {
  .nav-linkler { display: none !important; }
  .nav-burger { display: flex; }
  .nav-mobil.acik { display: flex; }
}

/* ---- form ---- */
.fg-input {
  width: 100%; box-sizing: border-box; padding: 12px 14px; border: 1px solid #D9D7D1; border-radius: 8px;
  font-family: 'IBM Plex Sans', sans-serif; font-size: 14px; color: #15171B; background: #FAFAF7; outline: none;
}
.fg-input:focus { border-color: #15171B; }
.fg-form-hata { font-size: 12.5px; color: #B3261E; background: rgba(179,38,30,0.07); padding: 10px 12px; border-radius: 8px; }
.gizli { display: none !important; }