/* ============================================================
   AK ELEKTRONIK – Suche: Vorschlagsliste unter dem Suchfeld
   und Trefferseite shop.php?q=…
   ============================================================ */

/* ---------- Vorschläge ---------- */
.s-drop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:var(--paper);color:var(--txt);
  border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.32);
  max-height:min(75vh,640px);overflow-y:auto;overscroll-behavior:contain;padding:6px;text-align:left}
.s-drop[hidden]{display:none}
.s-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;
  padding:8px 10px;border-radius:9px;color:inherit;text-decoration:none}
.s-item.on,.s-item:focus-visible{background:rgba(var(--amber-rgb),.13);outline:none}
.s-item img{width:52px;height:52px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px}
.s-txt{min-width:0;display:flex;flex-direction:column;gap:3px}
.s-name{font-weight:600;font-size:14.5px;line-height:1.42;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.s-nr{font-size:12.5px;color:var(--mute)}
.s-preis{font-family:var(--f-d);font-weight:800;font-size:15px;color:var(--hot-deep);white-space:nowrap;text-align:right}
.s-preis.anfrage{font-family:var(--f-b);font-weight:600;font-size:12.5px;color:var(--mute)}
.s-drop mark{background:rgba(var(--amber-rgb),.30);color:inherit;border-radius:3px;padding:0 1px}
.s-fuss{display:block;position:sticky;bottom:-6px;margin:4px -6px -6px;padding:12px 16px;border-top:1px solid var(--line);
  text-align:center;font-family:var(--f-d);font-weight:700;font-size:14px;color:var(--hot-deep);background:#FBFAF6;
  border-radius:0 0 12px 12px}   /* bleibt unten sichtbar, auch wenn die Liste scrollt */
.s-fuss:hover{text-decoration:underline}
.s-leer{padding:14px 12px;font-size:14px;line-height:1.5;color:var(--mute)}
.s-ohne{padding:8px 12px 6px;font-size:12.5px;color:var(--mute)}
.s-leer a{color:var(--hot-deep);font-weight:700}
.h-search form.laedt button svg{animation:s-puls .7s ease-in-out infinite alternate}
@keyframes s-puls{from{opacity:1}to{opacity:.35}}
@media (max-width:700px){
  .s-drop{max-height:min(62vh,520px);border-radius:10px;padding:4px}
  .s-item{grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:8px}
  .s-item img{width:44px;height:44px}
  .s-name{font-size:14px}
  .s-preis{font-size:14px}
  .s-fuss{margin:4px -4px -4px;bottom:-4px}
}
@media (prefers-reduced-motion:reduce){ .h-search form.laedt button svg{animation:none} }

/* ---------- Trefferseite ---------- */
.such-kopf{padding:20px 0 18px}
.such-kopf .crumb{margin-bottom:10px}
.such-kopf h1{font-size:clamp(22px,3vw,32px);overflow-wrap:anywhere}
.such-kopf p{margin-top:6px;font-size:15px}
.such-kopf .such-ohne{font-size:13.5px;color:rgba(var(--cream-rgb),.6)}
.such-erg{padding:22px 0 40px}
.such-erg .grid .rv{opacity:1;transform:none}   /* Treffer sofort zeigen, nicht erst beim Scrollen einblenden */
.such-leer{padding:30px 0 40px}
.such-leer p{max-width:60ch;color:var(--mute);font-size:15.5px;line-height:1.6}
.such-knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 34px}
.such-leer h2{font-family:var(--f-d);font-weight:800;font-size:clamp(19px,2.4vw,24px);margin-bottom:16px}
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:30px}
.pager a,.pager span{min-width:42px;height:42px;padding:0 13px;border-radius:10px;display:inline-flex;align-items:center;
  justify-content:center;font-family:var(--f-d);font-weight:700;font-size:14.5px;background:var(--paper);color:var(--ink);
  border:1px solid var(--line)}
.pager a:hover{border-color:var(--ink)}
.pager .on{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.pager .aus{opacity:.4}
.pager .luecke{background:none;border:0;min-width:18px;padding:0}
@media (max-width:700px){
  .such-kopf{padding:16px 0 14px}
  .pager a,.pager span{min-width:38px;height:38px;padding:0 10px;font-size:14px}
}