/* ============================================================
   Site içi arama — Konsept C
   ============================================================ */

/* menüdeki düğme */
.ara-dugme{display:inline-flex;align-items:center;gap:8px;background:#fff;
  border:2px solid var(--ink,#141633);border-radius:999px;padding:9px 14px;
  font-family:'Sora',sans-serif;font-weight:600;font-size:.88rem;color:#6B6E8F;
  cursor:pointer;box-shadow:3px 3px 0 var(--ink,#141633);transition:transform .2s,box-shadow .2s,color .2s}
.ara-dugme:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--coral,#FF5A4E);color:var(--ink,#141633)}
.ara-dugme svg{width:17px;height:17px;flex:none}
.ara-dugme{white-space:nowrap}
.ara-dugme kbd{font-family:'Sora',sans-serif;font-size:.72rem;font-weight:700;white-space:nowrap;
  background:rgba(20,22,51,.07);border-radius:6px;padding:2px 6px;color:#6B6E8F}
@media(max-width:1180px){.ara-dugme .ara-yazi,.ara-dugme kbd{display:none}
  .ara-dugme{padding:9px;border-radius:50%}}

/* mobil menüdeki tam genişlik hâli */
.mobile-menu .ara-dugme{width:100%;justify-content:center;padding:14px;font-size:1rem;margin:4px 0 10px}
.mobile-menu .ara-dugme .ara-yazi{display:inline}

/* ---------- katman ---------- */
.ara-katman{position:fixed;inset:0;z-index:120;display:grid;place-items:start center;padding:8vh 16px 16px}
.ara-katman[hidden]{display:none}
.ara-arka{position:absolute;inset:0;background:rgba(20,22,51,.55);backdrop-filter:blur(4px);animation:araSol .2s ease}
@keyframes araSol{from{opacity:0}to{opacity:1}}

.ara-pencere{position:relative;width:min(680px,100%);max-height:80vh;display:flex;flex-direction:column;
  background:var(--cream,#FFF8EC);border:2px solid var(--ink,#141633);border-radius:24px;
  box-shadow:10px 10px 0 var(--ink,#141633);overflow:hidden;animation:araGir .26s cubic-bezier(.2,.9,.3,1.35)}
@keyframes araGir{from{opacity:0;transform:translateY(-18px) scale(.97)}to{opacity:1;transform:none}}

.ara-ust{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#fff;
  border-bottom:2px solid var(--ink,#141633)}
.ara-ust svg{width:22px;height:22px;color:var(--cobalt,#2140F0);flex:none}
.ara-girdi{flex:1;border:0;outline:0;background:transparent;font-family:'Sora',sans-serif;
  font-size:1.05rem;color:var(--ink,#141633);min-width:0}
.ara-girdi::placeholder{color:#9A9DB8}
.ara-girdi::-webkit-search-cancel-button{-webkit-appearance:none}
.ara-kapat{flex:none;border:2px solid rgba(20,22,51,.18);background:#fff;border-radius:8px;
  padding:4px 9px;font-family:'Sora',sans-serif;font-size:.75rem;font-weight:700;color:#6B6E8F;cursor:pointer}
.ara-kapat:hover{border-color:var(--ink,#141633);color:var(--ink,#141633)}

.ara-sonuc{overflow-y:auto;padding:8px;flex:1}
.ara-sat{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;
  color:var(--ink,#141633);text-decoration:none;border:2px solid transparent}
.ara-sat:hover,.ara-sat.se{background:#fff;border-color:var(--ink,#141633);box-shadow:3px 3px 0 var(--ink,#141633)}
.ara-tur{flex:none;min-width:88px;text-align:center;font-size:.7rem;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;padding:5px 8px;border-radius:999px;
  background:rgba(33,64,240,.1);color:var(--cobalt,#2140F0)}
.ara-metin{flex:1;min-width:0}
.ara-metin b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
  font-size:1rem;line-height:1.25;margin-bottom:2px}
.ara-metin small{display:block;color:#6B6E8F;font-size:.85rem;line-height:1.4;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ara-ok{flex:none;color:#9A9DB8;font-weight:800}
.ara-sat.se .ara-ok,.ara-sat:hover .ara-ok{color:var(--coral,#FF5A4E)}

.ara-bos{padding:26px 20px;color:#6B6E8F;line-height:1.6;text-align:center;margin:0}
.ara-bos a{color:var(--cobalt,#2140F0);font-weight:700}
.ara-oneri{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:0 20px 22px}
.ara-oneri button{background:#fff;border:2px solid rgba(20,22,51,.16);border-radius:999px;
  padding:7px 14px;font-family:'Sora',sans-serif;font-size:.88rem;font-weight:600;
  color:#3B3E5E;cursor:pointer;transition:.18s}
.ara-oneri button:hover{border-color:var(--ink,#141633);transform:translateY(-2px)}

.ara-alt{display:flex;gap:18px;justify-content:center;padding:11px;background:#fff;
  border-top:2px solid rgba(20,22,51,.1);font-size:.76rem;color:#9A9DB8}
.ara-alt b{color:#6B6E8F}
@media(max-width:600px){
  .ara-katman{padding:0}
  .ara-pencere{width:100%;max-height:100vh;height:100vh;border-radius:0;border:0;box-shadow:none}
  .ara-alt{display:none}
  .ara-tur{min-width:0;font-size:.62rem;padding:4px 7px}
  .ara-metin small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}