.header .catalog-search { position: relative; overflow: visible; }
.search-discovery { position: absolute; z-index: 95; inset: calc(100% + 8px) 0 auto; padding: 14px; max-height: min(68vh, 650px); overflow-y: auto; overscroll-behavior: contain; border: 1px solid #81998b; border-top: 4px solid #f4c344; border-radius: 8px; background: #fff; color: #17232b; box-shadow: 0 12px 30px #17232b25; text-align: left; }
.search-discovery[hidden] { display: none !important; }
.search-discovery-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.search-discovery-top > strong { font-size: 1rem; line-height: 1.5; }
.header .catalog-search .search-discovery button { width: auto; min-height: 44px; height: auto; padding: 10px 14px; background: #edf2ee; color: #173b2d; border: 1px solid #81998b; font: inherit; font-size: 1rem; }
.search-discovery a { display: flex; flex-direction: column; gap: 4px; min-height: 52px; padding: 13px 10px; border-bottom: 1px solid #dce3dd; color: #173b2d; text-decoration: none; overflow-wrap: anywhere; font-size: 1rem; line-height: 1.4; }
.search-discovery a:hover { background: #edf2ee; }
.search-discovery a span { color: #46534b; font-size: .95rem; }
.search-discovery h2 { font-size: .9rem; text-transform: uppercase; letter-spacing: .04em; color: #46534b; margin: 20px 10px 4px; }
.search-discovery-note { margin: 14px 10px; color: #46534b; font-size: .95rem; line-height: 1.5; }
.search-discovery :focus-visible { outline: 3px solid #287bbb; outline-offset: 2px; }
@media(max-width:650px) { .search-discovery { padding: 10px; max-height: 55dvh; } }