.ch-search{position:relative;display:inline-flex;align-items:center;height:40px}.ch-search__form{position:relative}.search--wrapper{position:relative;display:flex;align-items:center;height:40px}.search--wrapper.focused{outline:none;outline-offset:0;box-shadow:none}.search--inputlabel{position:relative;display:inline-flex;align-items:center;gap:12px;height:40px;cursor:pointer;white-space:nowrap}.search--input{flex:0 0 auto;width:17px;height:17px;margin-left:4px;padding:0;border:2px solid var(--header-text, var(--text-on-body, #10333f));border-radius:40px;background:var(--background-body, #fff);color:#1e272e;font-size:0;line-height:normal;cursor:pointer;outline:none;transform:translate(2px);transition:width .2s ease-in,height .2s ease-in,padding .2s ease-in;-webkit-appearance:none;appearance:none}.search--input::-webkit-search-decoration,.search--input::-webkit-search-cancel-button{-webkit-appearance:none}.search--wrapper .close{position:absolute;left:0;top:0;width:24px;height:40px;pointer-events:none}.search--wrapper .close .front,.search--wrapper .close .back{position:absolute;left:5px;top:23px;width:2px;height:10px;background:var(--header-text, var(--text-on-body, #10333f));transform:rotate(45deg)}.search--text{font-size:.8125rem;text-transform:uppercase;letter-spacing:.02em;color:var(--header-text, var(--text-on-body, #10333f))}.search--wrapper.focused .search--input,.search--input:focus{width:240px;max-width:60vw;height:40px;padding:0 16px 0 20px;border-radius:40px;font-size:12px;cursor:auto;transform:none;box-shadow:0 0 5px #0003}.search--wrapper.focused .search--text,.search--wrapper.focused .close,.search--input:focus~.search--text,.search--input:focus~.close{display:none}.search--input::placeholder{color:var(--text-on-body, #1e272e);opacity:.7}.ch-search__reset{flex:0 0 auto;width:30px;height:40px;margin-left:-34px;border:0;background:transparent;font-size:1.3rem;line-height:1;color:var(--text-on-body, #1e272e);cursor:pointer;z-index:2}.ch-search__reset[hidden]{display:none}.predictive{position:absolute;top:calc(100% + 12px);left:0;z-index:60;width:min(900px,calc(100vw - 32px));max-height:70vh;background:#fff;color:#1e272e;border:1px solid #d0d0d0;border-radius:8px;box-shadow:0 18px 40px #18274b2e;overflow:hidden}.predictive[hidden]{display:none}.predictive__wrapper{display:flex;min-height:200px;max-height:70vh}.predictive__sidebar{flex:0 0 25%;max-width:240px;background:#f3f3f3;padding:20px;overflow-y:auto}.predictive__menu+.predictive__menu{margin-top:24px}.predictive__menu__title{margin:0 0 10px;font-size:.95rem;font-weight:700;letter-spacing:.02em}.predictive__menu__ul{list-style:none;margin:0;padding:0}.predictive__menu__li{margin:0 0 6px}.predictive__menu__link{display:inline-block;font-size:.85rem;line-height:1.3;color:#1e272e;text-decoration:none;transition:color .2s ease}.predictive__menu__link:hover{color:var(--primary-color, var(--header-accent, #e26d5a))}.predictive__menu__count{margin-left:4px;color:#8a8a8a;font-size:.78rem}.predictive__menu__empty{margin:0;font-size:.8rem;color:#9a9a9a}.predictive__main{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}.predictive__header{display:flex;align-items:center;justify-content:space-between;gap:12px;height:44px;padding:0 16px;border-bottom:1px solid #e3e3e3;font-size:.85rem}.predictive__header__btn{font-weight:600}.predictive__header__seeall{margin-left:auto;font-size:.8rem;color:var(--primary-color, var(--header-accent, #e26d5a));text-decoration:underline;white-space:nowrap}.predictive__header__close{border:0;background:transparent;font-size:1.5rem;line-height:1;color:#1e272e;cursor:pointer;padding:0 4px}.predictive__content{position:relative;flex:1 1 auto;overflow-y:auto;padding:16px}.predictive__flex{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.predictive__prod{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 12px;border:1px solid #ededed;border-radius:6px;text-decoration:none;color:inherit;transition:box-shadow .2s ease,border-color .2s ease}.predictive__prod:hover{border-color:#d0d0d0;box-shadow:0 6px 16px #00000014}.predictive__top{display:flex;align-items:center;justify-content:center;width:100%;height:120px;margin-bottom:10px}.predictive__img{max-width:100%;max-height:120px;object-fit:contain}.predictive__name{display:block;font-size:.82rem;font-weight:600;line-height:1.3;margin-bottom:4px}.predictive__brand{margin:0 0 6px;font-size:.72rem;color:#8a8a8a}.predictive__price{font-size:.85rem;font-weight:700}.predictive__message{margin:8px 0 0;font-size:.85rem;color:#8a8a8a;text-align:center}.predictive__loading{display:flex;align-items:center;justify-content:center;padding:24px}.predictive__loading[hidden]{display:none}.predictive__loading .loading-spinner{display:block}@media screen and (max-width:989px){.ch-search{width:100%}.predictive{position:fixed;top:auto;left:16px;right:16px;width:auto}.predictive__wrapper{flex-direction:column}.predictive__sidebar{flex:0 0 auto;max-width:none;display:flex;gap:24px;overflow-x:auto}.predictive__menu+.predictive__menu{margin-top:0}.predictive__flex{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/chouchous-search.css.map */