
/* /_custom/x40.views_cleanup/static/src/css/header-search.css */
.x40-hsearch{position: relative;}.x40-hsearch__toggle{align-items: center; background: transparent; border: 0; border-radius: 50%; color: inherit; display: inline-flex; height: 40px; justify-content: center; padding: 0; width: 40px;}.x40-hsearch__toggle:hover, .x40-hsearch__toggle:focus-visible{background: rgba(0, 0, 0, .06); outline: 2px solid transparent;}.x40-hsearch__panel{background: #fff; border: 1px solid rgba(0, 0, 0, .12); border-radius: 14px; box-shadow: 0 16px 38px rgba(0, 0, 0, .18); color: #202420; display: none; max-height: min(72vh, 680px); overflow: auto; position: absolute; right: 0; top: calc(100% + 8px); width: min(430px, calc(100vw - 24px)); z-index: 1060;}.x40-hsearch.is-open .x40-hsearch__panel{display: block;}.x40-hsearch__form{align-items: center; background: #fff; border-bottom: 1px solid #e5e8e5; display: flex; gap: 6px; padding: 10px; position: sticky; top: 0; z-index: 1;}.x40-hsearch__input{border: 1px solid #aeb7ae; border-radius: 999px; flex: 1 1 auto; font-size: 16px; min-width: 0; padding: 10px 42px 10px 15px; width: 100%;}.x40-hsearch__input::-webkit-search-cancel-button{-webkit-appearance: none; appearance: none; display: none;}.x40-hsearch__input:focus{border-color: #2d7a2a; box-shadow: 0 0 0 3px rgba(45, 122, 42, .15); outline: 0;}.x40-hsearch__field{flex: 1 1 auto; position: relative;}.x40-hsearch__clear{background: transparent; border: 0; color: #596159; height: 36px; padding: 0; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 36px;}.x40-hsearch__submit{align-items: center; background: #2d7a2a; border: 0; border-radius: 50%; color: #fff; display: inline-flex; flex: 0 0 auto; height: 42px; justify-content: center; padding: 0; width: 42px;}.x40-hsearch__status{color: #687068; font-size: 12px; min-height: 20px; padding: 4px 14px 0;}.x40-hsearch__status:empty{display: none;}.x40-hsearch.is-loading .x40-hsearch__status::after{animation: x40-search-pulse 1s steps(3, end) infinite; content: "…";}@keyframes x40-search-pulse{50%{opacity: .3;}}.x40-hsearch__group{background: #f5f7f4; color: #596159; font-size: 12px; font-weight: 700; letter-spacing: .02em; padding: 7px 14px; text-transform: uppercase;}.x40-hsearch__result{align-items: center; border-bottom: 1px solid #edf0ed; color: #202420 !important; display: flex; gap: 10px; padding: 9px 12px; text-decoration: none !important;}.x40-hsearch__result:hover, .x40-hsearch__result:focus-visible{background: #f3f8f2; outline: 0;}.x40-hsearch__image{align-items: center; background: #f6f6f4; border-radius: 8px; display: flex; flex: 0 0 54px; height: 54px; justify-content: center; overflow: hidden;}.x40-hsearch__image img{height: 100%; object-fit: contain; width: 100%;}.x40-hsearch__info{display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0;}.x40-hsearch__info strong, .x40-hsearch__info small{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.x40-hsearch__info strong{font-size: 14px;}.x40-hsearch__info small{color: #687068; font-size: 12px;}.x40-hsearch mark{background: #dff0db; color: inherit; padding: 0;}.x40-hsearch__all, .x40-hsearch__empty a{color: #21661f !important; display: block; font-weight: 700; padding: 12px 14px; text-align: center; text-decoration: none !important;}.x40-hsearch__empty{color: #596159; padding: 12px 14px 4px; text-align: center;}.x40-hsearch--mobile{position: static;}.x40-hsearch--mobile .x40-hsearch__panel{left: 12px; max-height: min(76vh, 620px); right: 12px; top: 100%; width: auto;}@media (prefers-reduced-motion: reduce){.x40-hsearch.is-loading .x40-hsearch__status::after{animation: none;}}