/* Standalone autocomplete: deliberately no header grid or hero changes. */
[data-product-autocomplete] { position: relative; z-index: 3; }
.catalog-suggestions[hidden] { display: none; }
.catalog-suggestions {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 120;
    width: 100%;
    max-height: min(450px, 65vh);
    overflow-y: auto;
    padding: 6px;
    border: 1px solid rgba(49, 77, 52, .2);
    border-radius: 16px;
    background: #fffdf7;
    box-shadow: 0 20px 45px rgba(20, 57, 35, .16);
}
.catalog-suggestions__item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    min-height: 62px;
    padding: 6px 10px;
    border-radius: 10px;
    color: var(--ink);
    text-decoration: none;
}
.catalog-suggestions__item:hover,
.catalog-suggestions [aria-selected="true"],
.catalog-suggestions a:focus-visible {
    background: #f0f4ed;
    outline: 2px solid rgba(49, 77, 52, .28);
    outline-offset: -2px;
}
.catalog-suggestions__visual {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    overflow: hidden;
    border-radius: 9px;
    background: #f4f1e7;
}
.catalog-suggestions__visual img { width: 100%; height: 100%; object-fit: contain; }
.catalog-suggestions__details { display: grid; gap: 3px; min-width: 0; }
.catalog-suggestions__details strong {
    font: 700 .82rem/1.3 "Manrope", sans-serif;
    overflow-wrap: anywhere;
}
.catalog-suggestions__details small {
    color: var(--muted);
    font-size: .69rem;
    overflow-wrap: anywhere;
}
.catalog-suggestions__price { text-align: right; white-space: nowrap; font-weight: 750; font-size: .79rem; }
.catalog-suggestions__price small { display: block; font-weight: 500; color: var(--red); font-size: .67rem; }
.catalog-suggestions__empty { color: var(--muted); font-size: .8rem; padding: 8px 12px; }
.catalog-suggestions__all {
    display: block;
    margin-top: 4px;
    padding: 12px 11px;
    border-top: 1px solid var(--line);
    color: var(--green);
    font: 700 .78rem/1.3 "Manrope", sans-serif;
    text-align: center;
    text-decoration: none;
    border-radius: 8px;
}
.catalog-suggestions__all:hover { background: #f0f4ed; }
@media (max-width: 780px) {
    .mobile-nav-search[data-product-autocomplete] { position: relative; }
    .mobile-nav-search .catalog-suggestions {
        max-height: min(360px, 48vh);
    }
    .catalog-suggestions__item { grid-template-columns: 40px minmax(0, 1fr) auto; padding-inline: 5px; }
    .catalog-suggestions__visual { width: 40px; height: 40px; }
    .catalog-suggestions__price { font-size: .72rem; }
}