
.cercabar{position:relative;background:var(--w-1);border-bottom:1px solid var(--w-line)}
.cerca-testata{display:flex;justify-content:space-between;align-items:baseline;gap:12px;max-width:1120px;margin:0 auto;padding:10px clamp(14px,3.4vw,30px) 0}
.ct1{font:700 16px var(--font-display);letter-spacing:.01em;color:var(--w-ink)}
.ct2{font:600 10px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--w-accent)}
@media(max-width:560px){.cerca-testata{flex-direction:column;gap:2px}}

@media(orientation:landscape) and (max-height:520px){.cerca-testata{display:none}.cercabar form{padding-top:6px;padding-bottom:6px}.cercabar input[type=search]{padding:7px 12px}}
.cercabar form{position:relative;display:flex;gap:8px;max-width:1120px;margin:0 auto;padding:10px clamp(14px,3.4vw,30px)}
.cercabar input[type=search]{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--w-field);border-radius:8px;background:var(--w-0);color:var(--w-ink);font:16px/1.4 var(--font-body)}
.cercabar button{padding:9px 16px;border:0;border-radius:8px;background:var(--w-accent);color:var(--w-accent-ink);font:700 13px var(--font-display);cursor:pointer}
.cerca-sugg{position:absolute;left:clamp(14px,3.4vw,30px);right:clamp(14px,3.4vw,30px);top:100%;z-index:30;background:var(--w-1);border:1px solid var(--w-line);border-radius:0 0 10px 10px;box-shadow:0 8px 24px rgba(0,0,0,.25);display:flex;align-items:stretch}
.cerca-sugg[hidden]{display:none}
.cerca-sugg .cs-corpo{flex:1;min-width:0;max-height:70vh;overflow-y:auto}
.cerca-sugg .cs-sp{flex:none;width:232px;border-left:1px solid var(--w-line);padding:10px;display:flex;flex-direction:column}
.cerca-sugg .cs-sp .spwrap{flex:1;display:flex;flex-direction:column}
.cerca-sugg .cs-sp .sp-casa,.cerca-sugg .cs-sp .sp-slot{flex:1}
@media(max-width:719px){.cerca-sugg .cs-sp{display:none}}
.cerca-sugg h3{font:600 10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--w-ink-3);padding:10px 14px 4px;margin:0}
.cerca-sugg a{display:flex;align-items:center;gap:10px;padding:8px 14px;color:var(--w-ink);text-decoration:none}
.cerca-sugg a:hover,.cerca-sugg a:focus{background:var(--w-0)}
.cerca-sugg img{width:26px;height:26px;object-fit:contain;flex:none}
.cerca-sugg .cn{font:600 14px var(--font-body)}
.cerca-sugg .cp{font:11px var(--font-mono);color:var(--w-ink-2)}
.cerca-vuoto{padding:12px 14px;font:13px var(--font-body);color:var(--w-ink-3)}
