/* =============================================================
   FİDE HEADER (fide) — origamiserver.com birebir
   Yüzen hap bar · solda logo+slogan · ortada gri arama ·
   sağda yeşil Kategoriler düğmesi ve 44×44 kare ikonlar
   ============================================================= */
.fdh{
  --f-bg:#FFFFFF; --f-fg:#212529; --f-mut:#64748B; --f-soft:#F2F2F2;
  --f-ac:#0FC27E; --f-ac-d:#0BA96D; --f-line:rgba(0,0,0,.05);
  --f-h:87px; --f-hm:64px; --f-logo-h:55px; --f-r:25px; --f-search-w:406px;
  position:relative; z-index:90; height:var(--f-h);
  margin:18px 32px 0; padding:10px 30px;
  display:flex; align-items:center;
  background:rgba(255,255,255,.95);
  -webkit-backdrop-filter:saturate(1.2) blur(12px); backdrop-filter:saturate(1.2) blur(12px);
  border-radius:var(--f-r); box-shadow:0 10px 30px rgba(0,0,0,.03);
  color:var(--f-fg); font-family:"Outfit","Instrument Sans",system-ui,sans-serif;
}
.fdh.has-shadow{box-shadow:0 10px 30px rgba(0,0,0,.06)}
.fdh.is-sticky{position:sticky; top:12px}
.fdh-in{display:grid; grid-template-columns:minmax(190px,1fr) minmax(280px,var(--f-search-w)) auto; align-items:center; gap:24px; width:100%}

/* ── logo ── */
.fdh-brand{display:flex; flex-direction:column; justify-content:center; gap:2px; text-decoration:none; color:inherit; min-width:0}
.fdh-logo{display:block; line-height:0}
.fdh .fdh-logo img{height:var(--f-logo-h,55px); width:auto; max-width:100%; max-height:var(--f-logo-h,55px); object-fit:contain; display:block}
.fdh-logo b{font-size:22px; font-weight:800; letter-spacing:-.02em; color:#123426; line-height:1.1}
.fdh-tag{font-size:10.5px; line-height:1.25; color:var(--f-mut); letter-spacing:.01em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

/* ── arama ── */
.fdh-search{position:relative; display:flex; align-items:center; height:47px; background:var(--f-soft); border:1px solid var(--f-line); border-radius:12px; transition:box-shadow .2s, background .2s}
.fdh-search:focus-within{background:#fff; box-shadow:0 0 0 3px rgba(15,194,126,.16); border-color:rgba(15,194,126,.45)}
.fdh-search-i{position:absolute; left:18px; top:50%; transform:translateY(-50%); width:15px; height:15px; color:#94A3B8; display:block}
.fdh-search-i svg{width:15px; height:15px; display:block}
.fdh-search input{flex:1; min-width:0; height:100%; border:0; outline:0; background:transparent; border-radius:12px;
  padding:0 20px 0 45px; font:400 14px/1 "Outfit",system-ui,sans-serif; color:#0F172A}
.fdh-search input::placeholder{color:#94A3B8}

/* ── sağ blok ── */
.fdh-right{display:flex; align-items:center; gap:16px; justify-content:flex-end}
.fdh-cta{display:inline-flex; align-items:center; gap:10px; height:45px; padding:0 24px; border:0; cursor:pointer;
  border-radius:12px; background:var(--f-ac); color:#fff; font:600 14px/1 "Outfit",sans-serif;
  transition:background .2s, transform .15s}
.fdh-cta svg{width:15px; height:15px}
.fdh-cta:hover{background:var(--f-ac-d)}
.fdh-cta:active{transform:translateY(1px)}

.fdh-icons{display:flex; align-items:center; gap:10px}
.fdh-ic{position:relative; width:44px; height:44px; display:grid; place-items:center; border-radius:12px;
  background:#fff; border:1px solid rgba(0,0,0,.04); color:#64906C; text-decoration:none;
  transition:color .2s, background .2s, border-color .2s, box-shadow .2s}
.fdh-ic svg{width:21px; height:21px}
.fdh-ic:hover{color:#0FC27E; border-color:rgba(15,194,126,.35); box-shadow:0 6px 16px -10px rgba(15,194,126,.6)}
.fdh-ic--contact{color:#0D0D0D}
.fdh-n{position:absolute; top:-5px; right:-5px; min-width:18px; height:18px; padding:0 5px; border-radius:99px;
  background:var(--f-ac); color:#fff; font:600 10.5px/18px "Outfit",sans-serif; font-style:normal; text-align:center}

.fdh-nav{display:none}          /* menü panelde; geniş ekranda gerek yok */
.fdh-burger{display:none; width:44px; height:44px; border:1px solid rgba(0,0,0,.04); border-radius:12px; background:#fff; cursor:pointer;
  padding:12px 11px; flex-direction:column; justify-content:space-between}
.fdh-burger span{display:block; height:2px; background:#212529; border-radius:2px}

/* ── slider üstüne binme: yalnızca ayar açıksa (Header Stüdyosu → Slider üstüne binsin) ── */
.is-home .fdh.is-overlay{position:absolute; top:26px; left:0; right:0; margin:0 32px; z-index:90; width:auto}
.is-home .fdh.is-overlay + *{margin-top:0}
.is-home .osl--fide{margin-top:0}

/* ── duyuru ── */
.fdh-ann{background:#0B3B2A; color:#E8F5EE; font-family:"Outfit",sans-serif}
.fdh-ann-in{max-width:1360px; margin:0 auto; padding:0 24px; min-height:34px; display:flex; align-items:center; justify-content:center}
.fdh-ann span{font-size:12.5px; letter-spacing:.01em; text-align:center}

/* ── kategori paneli ── */
.fdh-cats{position:absolute; top:calc(100% + 8px); right:0; width:min(680px,calc(100vw - 64px));
  background:#fff; border-radius:18px; border:1px solid rgba(0,0,0,.05);
  box-shadow:0 24px 60px -30px rgba(15,42,28,.5); z-index:95; overflow:hidden}
.fdh-cats[hidden]{display:none}
.fdh-cats-in{display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:14px}
.fdh-cats-in a{display:flex; flex-direction:column; gap:2px; padding:11px 14px; border-radius:10px; text-decoration:none; color:#123426; transition:background .18s}
.fdh-cats-in a:hover{background:#F1F8F3}
.fdh-cats-in b{font:600 13.5px/1.3 "Outfit",sans-serif}
.fdh-cats-in small{font-size:11.5px; color:#7C8A79}

/* ── duyarlı ── */
@media (max-width:1200px){
  .fdh{margin:14px 20px 0; padding:10px 22px}
  .fdh-in{gap:18px}
}
@media (max-width:1024px){
  .fdh-cta span{display:none}
  .fdh-cta{width:45px; padding:0; justify-content:center}
  .fdh-ic--contact{display:none}
}
@media (max-width:900px){
  .fdh{height:auto; margin:10px 12px 0; padding:8px 14px; border-radius:18px}
  .fdh-in{grid-template-columns:1fr auto; gap:10px}
  .fdh-search{grid-column:1/-1; order:3; height:42px; margin-bottom:6px}
  .fdh-logo img{height:38px}
  .fdh-tag{display:none}
  .fdh-icons{gap:8px}
  .fdh-ic{width:40px; height:40px; border-radius:10px}
  .fdh-ic svg{width:19px; height:19px}
  .fdh-burger{display:flex; width:40px; height:40px; border-radius:10px}
  .fdh-cats{left:0; right:0; width:auto; top:calc(100% + 6px); border-radius:14px}
  .fdh-cats-in{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){ .fdh *{transition:none !important} }