/* Otoexcar — Arama v1.1: üst bant (geniş arama + kompakt sosyal), sonuç listesi, fotoğrafla ara, üst menü kısayolu */
.oe-sr{position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}

/* --- bant --- */
.gb-new{display:flex; align-items:center; gap:1rem; padding:12px 0;}
.oe-ara{position:relative; flex:1 1 560px; min-width:0; margin:0;}
.oe-ara-box{position:relative; display:flex; align-items:center; background:var(--surface); border:1px solid var(--line); border-radius:14px; height:52px; padding:0 6px 0 46px; transition:border-color .15s, box-shadow .15s, background .15s;}
.oe-ara-box:focus-within{background:var(--paper); border-color:var(--accent); box-shadow:0 0 0 3px rgba(200,53,44,.14);}
.oe-ara-box > svg{position:absolute; left:16px; width:20px; height:20px; color:var(--muted); pointer-events:none;}
.oe-ara-box input{flex:1 1 auto; min-width:0; height:100%; border:0; background:transparent; color:var(--text); font-family:var(--f-body); font-size:16px; outline:none; box-shadow:none; padding:0; margin:0;}
.oe-ara-box input::placeholder{color:var(--muted);}
.oe-ara-box input::-webkit-search-cancel-button{display:none;}
.oe-ara-x{flex:0 0 auto; width:34px; height:34px; border:0; border-radius:9px; background:transparent; color:var(--muted); font-size:1.4rem; line-height:1; cursor:pointer; padding:0;}
.oe-ara-x:hover{background:rgba(127,127,127,.12); color:var(--text);}
.oe-ara-cam{flex:0 0 auto; display:inline-flex; align-items:center; gap:.45rem; height:40px; padding:0 .95rem 0 .8rem; margin-left:4px; border-radius:10px; background:var(--text); color:var(--paper); font-family:var(--f-display); font-weight:700; font-size:.74rem; letter-spacing:.05em; text-transform:uppercase; cursor:pointer; white-space:nowrap; transition:background .15s;}
.oe-ara-cam:hover{background:var(--accent); color:#fff;}
.oe-ara-cam svg{width:18px; height:18px;}

/* --- sonuç listesi --- */
.oe-ara-list{position:absolute; left:0; right:0; top:calc(100% + 8px); z-index:80; margin:0; padding:.4rem; list-style:none; background:var(--paper); border:1px solid var(--line); border-radius:14px; box-shadow:0 22px 48px rgba(0,0,0,.16); max-height:min(440px,64vh); overflow:auto; text-align:left;}
.oe-ara-h{padding:.55rem .8rem .3rem; font-family:var(--f-display); font-size:.62rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--muted);}
.oe-ara-it{display:flex; align-items:center; gap:.75rem; padding:.55rem .75rem; border-radius:10px; cursor:pointer; color:var(--text); min-height:46px;}
.oe-ara-it:hover, .oe-ara-it[aria-selected="true"]{background:var(--surface);}
.oe-ara-ic{width:34px; height:34px; flex:0 0 auto; display:grid; place-items:center; border-radius:9px; background:var(--surface); color:var(--accent);}
.oe-ara-it:hover .oe-ara-ic, .oe-ara-it[aria-selected="true"] .oe-ara-ic{background:var(--paper);}
.oe-ara-ic svg{width:18px; height:18px;}
.oe-ara-tx{display:flex; flex-direction:column; min-width:0; line-height:1.25;}
.oe-ara-tx b{font-family:var(--f-display); font-weight:600; font-size:.95rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.oe-ara-tx small{color:var(--muted); font-size:.75rem;}
.oe-ara-tx mark{background:transparent; color:var(--accent); font-weight:800;}
.oe-ara-go{margin-left:auto; padding-left:.5rem; color:var(--muted); font-size:.72rem; white-space:nowrap;}
.oe-ara-empty{padding:.85rem .85rem .95rem; display:flex; flex-direction:column; gap:.3rem; color:var(--text);}
.oe-ara-empty b{font-family:var(--f-display); font-weight:600; display:flex; align-items:center; gap:.5rem;}
.oe-ara-empty span{color:var(--muted); font-size:.85rem; line-height:1.45;}
.oe-ara-empty a{color:var(--accent); font-weight:600; text-decoration:none;}
.oe-ara-empty a:hover{text-decoration:underline;}
.oe-ara-note{padding:.5rem .85rem .6rem; color:var(--muted); font-size:.74rem; line-height:1.4; border-top:1px solid var(--line); margin-top:.25rem;}
.oe-ara-spin{width:16px; height:16px; border-radius:50%; border:2px solid var(--line); border-top-color:var(--accent); animation:oeSpin .8s linear infinite; flex:0 0 auto;}
@keyframes oeSpin{to{transform:rotate(360deg);}}

/* --- kompakt sosyal --- */
.gb-sos-mini{display:flex; align-items:center; gap:8px; flex:0 0 auto; padding:0; border:0;}
.gb-sos-mini .gb-pill{padding:6px 12px 6px 8px;}
.gb-sos-mini .gb-pill small{display:none;}
.gb-sos-mini .gb-pill b{font-size:.76rem; white-space:nowrap;}
.gb-sos-mini .gb-pill b.oe-wal{display:none;}
@media(max-width:900px){
  .gb-sos-mini .gb-pill b{display:none;}
  .gb-sos-mini .gb-pill{padding:0; width:40px; height:40px; justify-content:center; border-radius:12px;}
}
@media(max-width:700px){
  .gb-new{flex-direction:column; align-items:stretch; gap:10px; padding:10px 0;}
  .oe-ara{flex-basis:auto;}
  .oe-ara-box{height:48px; padding-left:42px; border-radius:12px;}
  .oe-ara-box > svg{left:13px;}
  .oe-ara-cam span{display:none;}
  .oe-ara-cam{width:40px; padding:0; justify-content:center;}
  .oe-ara-go{display:none;}
  .gb-sos-mini{justify-content:space-between;}
  .gb-sos-mini .gb-pill{flex:1 1 0; width:auto; height:40px; padding:0 8px;}
  .gb-sos-mini .gb-pill b{display:block; font-size:.74rem;}
  .gb-sos-mini .gb-pill b.oe-num{display:none;}
  .gb-sos-mini .gb-pill b.oe-wal{display:block;}
}

/* --- üst menü kısayolu --- */
.nav-ara{display:inline-flex; align-items:center; gap:.45rem; height:36px; padding:0 .8rem; border:1px solid rgba(255,255,255,.16); border-radius:999px; background:transparent; color:var(--on-graphite); font-family:var(--f-display); font-weight:600; font-size:.78rem; letter-spacing:.02em; cursor:pointer; transition:border-color .15s, background .15s;}
.nav-ara svg{width:16px; height:16px;}
.nav-ara:hover{border-color:var(--accent); background:rgba(200,53,44,.12);}
@media(max-width:640px){ .nav-ara{width:36px; padding:0; justify-content:center;} .nav-ara span{display:none;} }
@media(prefers-reduced-motion:reduce){ .oe-ara-box, .oe-ara-cam, .nav-ara{transition:none;} .oe-ara-spin{animation:none;} }