.catalog-search[hidden] { display: none !important; }
.catalog-search { position: fixed; inset: 0; z-index: 11000; display: flex; align-items: flex-start; justify-content: center; padding: 30px 16px; overflow: auto; background: rgba(16,37,68,.38); font-family: Arial,sans-serif; color: #102544; }
.catalog-search-open { overflow: hidden; }
.catalog-search__dialog { width: 100%; max-width: 720px; max-height: calc(100dvh - 60px); display: flex; flex-direction: column; box-sizing: border-box; padding: 20px; border: 1px solid #d8e1f0; border-radius: 28px; background: #f8fbff; box-shadow: 0 18px 60px rgba(16,37,68,.2); }
.catalog-search__form { display: flex; flex: none; gap: 10px; align-items: center; padding: 10px 14px; margin: 0; border: 2px solid #378ce1; border-radius: 26px; background: white; }
.catalog-search__glass { font-size: 34px; color: #2d65bd; line-height: 1; }
.catalog-search__input { min-width: 0; flex: 1; width: 100%; border: 0; outline: 0; background: transparent; color: #102544; font: 600 20px/1.5 Arial,sans-serif; }
.catalog-search__input::-webkit-search-cancel-button { display: none; }
.catalog-search__clear, .catalog-search__close { flex: none; border: 0; cursor: pointer; color: #526e96; background: #edf2f9; font: 14px Arial,sans-serif; }
.catalog-search__clear { width: 32px; height: 32px; border-radius: 50%; font-size: 26px; }
.catalog-search__close { padding: 8px; border-radius: 12px; }
.catalog-search__results { overflow: auto; overscroll-behavior: contain; min-height: 90px; }
.catalog-search__section { padding: 18px 0 8px; border-bottom: 1px solid #d8e1f0; }
.catalog-search__section:last-child { border: 0; }
.catalog-search__heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 4px 10px; }
.catalog-search__heading h2 { margin: 0; font: 700 17px/1.4 Arial,sans-serif; color: #7c8aa3; }
.catalog-search__heading a { flex: none; font-size: 14px; color: #2d65bd; text-decoration: none; }
.catalog-search__result { display: flex; align-items: center; gap: 14px; padding: 10px 4px; color: #102544; text-decoration: none; border-radius: 14px; }
.catalog-search__result:hover, .catalog-search__result:focus-visible { background: #e9f1fd; }
.catalog-search__image { display: block; flex: none; width: 80px; height: 60px; object-fit: cover; border-radius: 12px; background: #edf2f9; }
.catalog-search__copy { min-width: 0; flex: 1; }
.catalog-search__copy strong { display: block; font-size: 17px; line-height: 1.35; overflow-wrap: anywhere; }
.catalog-search__copy small { display: block; margin-top: 4px; color: #7c8aa3; font-size: 13px; line-height: 1.4; }
.catalog-search__price { flex: none; font-size: 17px; font-weight: 700; color: #21a343; white-space: nowrap; }
.catalog-search__arrow { flex: none; font-size: 26px; color: #7c8aa3; }
.catalog-search__result--query { padding: 10px; }
.catalog-search__result--query strong { font-weight: 400; }
.catalog-search__message { padding: 20px 4px; font-size: 15px; line-height: 1.5; }
.catalog-search-page__heading { margin: 24px 0 12px; font-size: 22px; }
.catalog-search-page__goods { display: grid; gap: 10px; }
@media (max-width: 560px) {
    .catalog-search { padding: 12px 8px; }
    .catalog-search__dialog { max-height: calc(100dvh - 24px); padding: 12px; border-radius: 24px; }
    .catalog-search__form { gap: 6px; padding: 8px; }
    .catalog-search__input { font-size: 17px; }
    .catalog-search__close { font-size: 12px; padding: 6px; }
    .catalog-search__image { width: 64px; height: 52px; }
    .catalog-search__result { gap: 8px; }
    .catalog-search__copy strong { font-size: 14px; }
    .catalog-search__copy small { font-size: 12px; }
    .catalog-search__price { font-size: 14px; }
    .catalog-search__heading h2 { font-size: 15px; }
}