/* Start:/local/templates/muzzone/components/bitrix/search.title/muzzone/style.css?17860948823528*/ .searche-title {} .search-title-button { background-image: url(/local/templates/muzzone/components/bitrix/search.title/muzzone/images/icon-search.svg); background-repeat: no-repeat; background-position: center; min-width: 45px; /* min-height: 38px; */ height: calc(1.5em + 0.75rem); } /* * Bitrix appends .title-search-result to and positions it under the input. * Keep it as a transparent wrapper; the card UI lives on .search-dropdown inside. */ .title-search-result { display: none; max-height: calc(100svh - 207px); margin: 0; padding: 0; border: none; border-radius: 0; overflow-x: hidden; overflow-y: auto; background: transparent; box-shadow: none; z-index: 205; } .title-search-result .search-dropdown { display: block; position: static; top: auto; left: auto; right: auto; width: 100%; margin: 0; padding: 16px 20px; background: #fff; border: 1px solid #e5e5e5; border-radius: 6px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); box-sizing: border-box; } .search-dropdown--loading { min-height: 72px; } .search-results__loading { display: flex; align-items: center; justify-content: center; padding: 18px 8px; } .search-results__loading-spinner { display: inline-block; width: 18px; height: 18px; border: 2px solid #e5e5e5; border-top-color: #c04f59; border-radius: 50%; animation: search-title-spin 0.7s linear infinite; } @keyframes search-title-spin { to { transform: rotate(360deg); } } .search-results__list { list-style: none; margin: 0; padding: 0; } .search-title-result-item { border-bottom: 1px solid #ddd; } .search-title .search-title-result-item:last-child { border-bottom: none; } .search-title-result-item-link { font-size: 16px; transition: 170ms linear all; } .search-title-result-item-price { font-size: 16px; } .search-title-result-item-current-price { font-weight: bold; } .search-title-result-item-old-price { font-size: 80%; text-decoration: line-through; } .search-results__suggest { margin: 0 0 12px; padding: 8px 12px; background: #fff8e1; border: 1px solid #ffcc80; border-radius: 4px; font-size: 14px; line-height: 1.4; } .search-results__suggest a { color: #e65100; font-weight: 600; text-decoration: underline; } .search-results__sections { margin: 0 0 14px; } .search-results__sections-title { margin: 0 0 8px; font-size: 13px; font-weight: 600; color: #646464; } .search-results__sections-list { display: flex; flex-wrap: wrap; gap: 8px; } .search-results__section-chip { display: inline-flex; align-items: center; padding: 6px 12px; border: 1px solid #c04f59; border-radius: 999px; background: #c04f59; color: #ffffff; font-size: 13px; font-weight: 500; line-height: 1.2; text-decoration: none; transition: background-color 0.15s ease, border-color 0.15s ease, opacity 0.15s ease; } .search-results__section-chip.is-extra[hidden] { display: none !important; } .search-results__section-chip:hover { background: #a8424b; border-color: #a8424b; color: #ffffff; opacity: 1; } .search-results__sections-more { display: inline-flex; align-items: center; padding: 6px 12px; border: 1px solid #c04f59; border-radius: 999px; background: #ffffff; color: #c04f59; font-size: 13px; font-weight: 500; line-height: 1.2; cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease; } .search-results__sections-more:hover { background: #c04f59; color: #ffffff; } .search-results__not-found { padding: 4px 0 8px; color: #646464; font-size: 14px; line-height: 1.4; } .search-results__not-found p { margin: 0; } /* End */ /* /local/templates/muzzone/components/bitrix/search.title/muzzone/style.css?17860948823528 */