/* ==========================================================================
   Benomtech — Masaustu arama onerileri (Kod Studyosu → parcacik/header_masaustu_ana_serit.twig)
   Cekirdegin HTML'i AYNEN basilir. Cekirdegin tablo tabanli oneri listesi
   (#listele) gizlenir; yerine betigin kurdugu .bt-ara paneli acilir.
   Veri kaynagi degismedi: POST islem.php (kelime) → [id, baslik, seo_url, gorsel].
   ========================================================================== */
:root{--bt-ara-ana:#ea580c;--bt-ara-ana-k:#c2410c;--bt-ara-ana-a:#fff7ed;--bt-ara-yazi:#1f2937;--bt-ara-gri:#6b7280;--bt-ara-cizgi:#eef0f3;--bt-ara-zemin:#f8fafc}

html body .header-desktop-search1 form{position:relative}
/* Cekirdek listesi: gorunmez, tiklanamaz (eski betik hala yazabilir diye) */
html body .header-desktop-search1 form>table{display:none!important}
html body .header-desktop-search1 form input.arama:focus{border-color:var(--bt-ara-ana)!important;box-shadow:0 0 0 3px rgba(234,88,12,.14)!important;outline:0}

.bt-ara{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:10050;background:#fff;border:1px solid var(--bt-ara-cizgi);border-radius:14px;box-shadow:0 18px 40px -12px rgba(15,23,42,.22),0 4px 12px rgba(15,23,42,.06);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;text-align:left}
.bt-ara.acik{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .16s ease,transform .16s ease}

.bt-ara-baslik{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--bt-ara-gri)}
.bt-ara-baslik span:last-child{letter-spacing:0;text-transform:none;font-weight:500}

.bt-ara-liste{list-style:none;margin:0;padding:0 6px 6px;max-height:min(420px,60vh);overflow-y:auto;overscroll-behavior:contain}
.bt-ara-oge{margin:0;padding:0}
.bt-ara-link{display:flex;align-items:center;gap:14px;padding:8px 10px;border-radius:10px;color:var(--bt-ara-yazi)!important;text-decoration:none!important;transition:background .12s ease}
.bt-ara-link:hover,.bt-ara-oge.secili .bt-ara-link{background:var(--bt-ara-zemin)}
.bt-ara-gorsel{flex:0 0 52px;width:52px;height:52px;border-radius:10px;border:1px solid var(--bt-ara-cizgi);background:#fff center/cover no-repeat;overflow:hidden}
.bt-ara-gorsel img{display:block;width:100%;height:100%;object-fit:cover}
.bt-ara-metin{flex:1 1 auto;min-width:0;font-size:14px;line-height:1.4;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bt-ara-metin mark{background:none;color:var(--bt-ara-ana);font-weight:700;padding:0}
.bt-ara-ok{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--bt-ara-gri);opacity:0;transform:translateX(-4px);transition:opacity .12s ease,transform .12s ease}
.bt-ara-link:hover .bt-ara-ok,.bt-ara-oge.secili .bt-ara-ok{opacity:1;transform:none;color:var(--bt-ara-ana)}
.bt-ara-ok svg{width:16px;height:16px}

.bt-ara-tumu{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border-top:1px solid var(--bt-ara-cizgi);background:var(--bt-ara-zemin);color:var(--bt-ara-ana)!important;font-size:14px;font-weight:600;text-decoration:none!important;transition:background .12s ease,color .12s ease}
.bt-ara-tumu:hover,.bt-ara-tumu.secili{background:var(--bt-ara-ana-a);color:var(--bt-ara-ana-k)!important}
.bt-ara-tumu svg{width:16px;height:16px;transition:transform .12s ease}
.bt-ara-tumu:hover svg{transform:translateX(3px)}

.bt-ara-bos{padding:28px 20px 24px;text-align:center;color:var(--bt-ara-gri);font-size:14px}
.bt-ara-bos svg{width:40px;height:40px;margin:0 auto 10px;display:block;color:#cbd5e1}
.bt-ara-bos strong{display:block;margin-bottom:4px;color:var(--bt-ara-yazi);font-size:15px;font-weight:600}

.bt-ara-iskelet{display:flex;align-items:center;gap:14px;padding:8px 10px}
.bt-ara-iskelet i{display:block;border-radius:10px;background:linear-gradient(90deg,#f1f5f9 25%,#e8edf3 37%,#f1f5f9 63%);background-size:400% 100%;animation:bt-ara-parilti 1.2s ease infinite}
.bt-ara-iskelet i:first-child{flex:0 0 52px;height:52px}
.bt-ara-iskelet i:last-child{flex:0 1 70%;height:14px;border-radius:6px}
@keyframes bt-ara-parilti{0%{background-position:100% 50%}100%{background-position:0 50%}}
@media (prefers-reduced-motion:reduce){.bt-ara,.bt-ara.acik,.bt-ara-iskelet i{transition:none;animation:none}}