.search-dialog{--search-dialog-gap: 12px;--search-dialog-padding: 20px;--search-dialog-duration: .2s;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:var(--search-dialog-gap) 0;border:0;background:transparent;transition:display var(--search-dialog-duration) allow-discrete,overlay var(--search-dialog-duration) allow-discrete}.search-dialog[open]{display:flex;justify-content:center;align-items:flex-start}.search-dialog::backdrop{background:#00000080;opacity:0;transition:opacity var(--search-dialog-duration) ease-out,display var(--search-dialog-duration) allow-discrete,overlay var(--search-dialog-duration) allow-discrete}.search-dialog[open]::backdrop{opacity:1}@starting-style{.search-dialog[open]::backdrop{opacity:0}}.search-dialog-panel{display:flex;flex-direction:column;gap:16px;width:var(--container-width);max-width:var(--container-max-width);max-height:100%;padding:var(--search-dialog-padding);background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--modal-box-shadow, 0 6px 12px rgba(0, 0, 0, .25));opacity:0;transform:translateY(-16px);transition:opacity var(--search-dialog-duration) ease-out,transform var(--search-dialog-duration) ease-out}.search-dialog[open] .search-dialog-panel{opacity:1;transform:none}@starting-style{.search-dialog[open] .search-dialog-panel{opacity:0;transform:translateY(-16px)}}.search-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.search-dialog-title{margin:0;font-size:var(--h4-fs);font-weight:700}.search-dialog-close{--btn-color: var(--black);flex-shrink:0}.search-dialog-form{margin:0}.search-dialog-input{width:100%;height:56px;padding:0 18px;font:inherit;font-size:18px;color:var(--black);background-color:#fff;border:1px solid var(--gray-line);border-radius:var(--border-radius);outline:none;transition:border-color var(--transition-duration),box-shadow var(--transition-duration)}.search-dialog-input::placeholder{color:var(--gray-dark)}.search-dialog-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.search-dialog-hint,.search-dialog-empty{margin:0;color:var(--gray-dark)}.search-dialog-results{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 calc(var(--search-dialog-padding) * -1);padding:4px var(--search-dialog-padding)}.search-dialog-listbox{display:flex;flex-direction:column;gap:24px}.search-dialog-group-title{margin:0 0 10px;font-size:14px;color:var(--gray-dark);text-transform:uppercase;letter-spacing:.04em}.search-dialog-modes{display:flex;flex-wrap:wrap;gap:8px}.search-dialog-goods{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.search-dialog-good{display:grid;grid-template-columns:80px 1fr;gap:12px;align-items:center;padding:8px;color:var(--black);border:1px solid transparent;border-radius:var(--border-radius);transition:border-color var(--transition-duration)}@media(any-hover:hover){.search-dialog-good:hover:not(:disabled):not(.is-active){border-color:var(--accent)}}@media(any-hover:none){.search-dialog-good:active:not(:disabled):not(.is-active){border-color:var(--accent)}}.search-dialog-good-img{width:80px;height:auto;aspect-ratio:4/3;object-fit:contain;background-color:#fff;border-radius:6px}.search-dialog-good-text{display:flex;flex-direction:column;gap:2px;min-width:0}.search-dialog-good-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;line-height:1.25}.search-dialog-good-producer{overflow:hidden;font-size:14px;color:var(--gray-dark);white-space:nowrap;text-overflow:ellipsis}.search-dialog-good-price{margin-top:4px;font-size:15px;font-weight:700}.search-dialog-all{align-self:flex-start}.search-dialog mark{padding:0;color:var(--accent);font-weight:700;background:none}.search-dialog [role=option].is-active{outline:2px solid var(--accent);outline-offset:2px}@media(min-width:744px){.search-dialog{--search-dialog-gap: 24px;--search-dialog-padding: 28px}}@media(min-width:1024px){.search-dialog{--search-dialog-gap: 40px}}.searchpage{display:flex;flex-direction:column;gap:20px}.searchpage-text{margin:0}.searchpage-subtitle{margin:12px 0 0;font-size:var(--h4-fs);font-weight:var(--h4-fw);line-height:var(--h4-lh)}.searchpage-modes{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}