/* Estensione ricerca SUTTO: pulsante Catalogo allineato e suggerimenti accessibili. */
.sutto-search__catalogue { align-self: start; height: 50px; min-height: 50px; }
.sutto-search .input-group { position: relative; margin-bottom: 0 !important; }
.sutto-search-suggestions { position: absolute; z-index: 1200; top: calc(100% + .42rem); right: 0; left: 0; max-height: min(460px, calc(100vh - 140px)); overflow-y: auto; padding: .7rem; border-top: 3px solid var(--sutto-electric); background: #fff; box-shadow: 0 20px 44px rgba(3,24,47,.2); text-align: left; }
.sutto-search-suggestions[hidden] { display: none !important; }.sutto-search-suggestions__title, .sutto-search-suggestions__correction { margin: 0; padding: .15rem .32rem .65rem; color: #8a7400; font-family: var(--sutto-display); font-size: .64rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.sutto-search-suggestions__correction { padding-bottom: .4rem; color: #52636d; font-size: .69rem; letter-spacing: .025em; text-transform: none; }.sutto-search-suggestions__list { display: grid; gap: 1px; background: #e0e6e8; }.sutto-search-suggestion { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: .75rem; min-width: 0; padding: .55rem; color: var(--sutto-ink); background: #fff; text-decoration: none; transition: background .14s ease, color .14s ease; }.sutto-search-suggestion:hover, .sutto-search-suggestion:focus-visible { color: #fff; background: var(--sutto-ink); outline: 0; }.sutto-search-suggestion img { width: 50px; height: 50px; padding: .2rem; object-fit: contain; background: #f2f5f3; mix-blend-mode: multiply; }.sutto-search-suggestion span { min-width: 0; display: grid; align-content: center; }.sutto-search-suggestion small, .sutto-search-suggestion em { overflow: hidden; color: #947900; font-family: var(--sutto-display); font-size: .58rem; font-style: normal; font-weight: 700; letter-spacing: .07em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }.sutto-search-suggestion strong { overflow: hidden; margin: .14rem 0; font-family: var(--sutto-display); font-size: .81rem; font-weight: 700; letter-spacing: -.025em; text-overflow: ellipsis; white-space: nowrap; }.sutto-search-suggestion:hover small, .sutto-search-suggestion:focus-visible small, .sutto-search-suggestion:hover em, .sutto-search-suggestion:focus-visible em { color: #ffe278; }.sutto-search-suggestions__empty { margin: 0; padding: .4rem .32rem .75rem; color: #586a73; font-size: .78rem; line-height: 1.45; }.sutto-search-suggestions__all { width: 100%; min-height: 39px; margin-top: .7rem; padding: .5rem .65rem; color: var(--sutto-ink); border: 0; background: var(--sutto-electric); font-family: var(--sutto-display); font-size: .68rem; font-weight: 700; text-align: left; transition: background .14s ease; }.sutto-search-suggestions__all:hover, .sutto-search-suggestions__all:focus-visible { color: #fff; background: var(--sutto-ink); outline: 0; }
@media (max-width: 575px) { .sutto-search__catalogue { height: 44px; min-height: 44px; }.sutto-search-suggestions { max-height: min(410px, calc(100vh - 120px)); }.sutto-search-suggestion strong { white-space: normal; } }