/* Birlesik baslik — eski kabugu v2 anasayfayla ayni gorunume getirir.
   Tum secililer .ofh-* ad alaninda; eski/yeni kabuk CSS'iyle CAKISMAZ.
   Kalici: <body class="ofh-aktif"> iken eski baslik gizlenir. */
.ofh-topline,.ofh-header,.ofh-drawer,.ofh-perde{--ofh-green:#00bf62;--ofh-green-dark:#008747;--ofh-ink:#172921;--ofh-muted:#69756e;--ofh-line:#e3e9e5;box-sizing:border-box;font-family:'Inter','DM Sans',Arial,sans-serif}
.ofh-topline *,.ofh-header *,.ofh-drawer *{box-sizing:border-box}
.ofh-wrap{max-width:1200px;width:calc(100% - 80px);margin:auto}

/* ust serit */
.ofh-topline{background:#f1f6f3;font-size:13px;color:#54705e}
.ofh-topline .ofh-wrap{display:flex;justify-content:space-between;align-items:center;padding:8px 0}
.ofh-topline a{display:inline-flex;align-items:center;gap:8px;color:#54705e;text-decoration:none}
.ofh-topline svg{width:14px;height:14px}

/* baslik */
.ofh-header{position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1000;border-bottom:1px solid var(--ofh-line)}
.ofh-header .ofh-nav{height:87px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.ofh-logo{width:205px;flex-shrink:0;display:block}
.ofh-logo img{width:100%;height:auto;display:block}
.ofh-menu{display:flex;align-items:center;gap:28px}
.ofh-menu a{font-size:14px;font-weight:600;white-space:nowrap;color:var(--ofh-ink);text-decoration:none;transition:color .18s}
.ofh-menu a:hover{color:var(--ofh-green-dark)}
.ofh-cta{display:inline-flex;justify-content:center;align-items:center;gap:16px;white-space:nowrap;min-height:50px;border-radius:10px;padding:12px 22px;background:var(--ofh-ink);color:#fff;font-weight:700;font-size:15px;line-height:1.4;text-decoration:none;border:1px solid transparent;transition:transform .18s,background .18s}
.ofh-cta:hover{transform:translateY(-2px);background:#0c1a14;color:#fff}
.ofh-cta svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.ofh-cta-kisa{display:none}
.ofh-toggle{display:none;place-items:center;border:0;background:#f1f6f3;border-radius:8px;width:40px;height:40px;flex-shrink:0;cursor:pointer;color:var(--ofh-ink)}
.ofh-toggle svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}

/* mobil drawer */
.ofh-perde{position:fixed;inset:0;background:#0b160f66;opacity:0;visibility:hidden;transition:opacity .25s;z-index:1099}
.ofh-perde.acik{opacity:1;visibility:visible}
.ofh-drawer{position:fixed;top:0;right:0;height:100%;width:min(320px,86vw);background:#fff;transform:translateX(100%);visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s;z-index:1100;display:flex;flex-direction:column;padding:18px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:-12px 0 40px #0b160f14}
.ofh-drawer.acik{transform:translateX(0);visibility:visible;transition:transform .28s ease,visibility 0s}
.ofh-drawer-bas{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.ofh-drawer-bas .ofh-logo{width:150px}
.ofh-drawer-kapat{border:0;background:#f1f6f3;border-radius:8px;width:38px;height:38px;display:grid;place-items:center;cursor:pointer;color:var(--ofh-ink)}
.ofh-drawer-kapat svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.4}
.ofh-drawer nav{display:flex;flex-direction:column;margin-top:6px}
.ofh-drawer nav a{font-size:15px;font-weight:600;color:var(--ofh-ink);text-decoration:none;padding:13px 4px;border-bottom:1px solid #eef3f0}
.ofh-drawer nav a:hover{color:var(--ofh-green-dark)}
.ofh-drawer .ofh-cta{margin-top:18px;width:100%}

/* onizleme: eski basligi gizle */
body.ofh-aktif .header,body.ofh-aktif .offcanvas-menu,body.ofh-aktif .offcanvas-backdrop{display:none !important}

@media(max-width:780px){
  .ofh-topline{font-size:11px}
  .ofh-topline .ofh-wrap{padding:7px 0}
  .ofh-topline svg{display:none}
  .ofh-wrap{width:calc(100% - 32px)}
  .ofh-header .ofh-nav{height:64px;gap:14px}
  .ofh-logo{width:165px}
  .ofh-menu{display:none}
  .ofh-cta{margin-left:auto;min-height:40px;font-size:12px;padding:10px 14px;gap:8px}
  .ofh-cta svg{width:15px;height:15px}
  .ofh-toggle{display:grid}
}
@media(max-width:420px){
  .ofh-header .ofh-cta{font-size:11px;padding:9px 12px;gap:6px}
  .ofh-logo{width:150px}
}

@media(max-width:360px){
  .ofh-header .ofh-cta-tam{display:none}
  .ofh-header .ofh-cta-kisa{display:inline}
  .ofh-logo{width:135px}
  .ofh-header .ofh-nav{gap:10px}
  .ofh-header .ofh-cta{font-size:11px;padding:9px 11px;gap:6px}
}