search-overlay{display:none}search-overlay.is-open{display:block}.search-overlay__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal, 300);animation:searchFadeIn .2s ease}.search-overlay__panel{position:fixed;top:0;left:0;right:0;z-index:calc(var(--z-modal, 300) + 1);max-height:80vh;display:flex;flex-direction:column;background:#121212f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--white-10);animation:searchSlideDown .3s cubic-bezier(.16,1,.3,1)}@keyframes searchFadeIn{0%{opacity:0}to{opacity:1}}@keyframes searchSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-overlay__header{display:flex;align-items:center;gap:12px;padding:20px 48px;border-bottom:1px solid var(--white-10)}.search-overlay__form{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.search-overlay__icon{flex-shrink:0;color:var(--white-50)}.search-overlay__input{flex:1;background:none;border:none;outline:none;font-size:18px;font-weight:var(--font-weight-medium, 500);color:var(--kos-white, #fff);min-width:0}.search-overlay__input::placeholder{color:var(--white-40)}.search-overlay__input::-webkit-search-cancel-button,.search-overlay__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-overlay__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;background:none;border:none;color:var(--white-50);cursor:pointer;border-radius:var(--radius-sm, 6px);transition:color var(--transition-fast),background var(--transition-fast)}.search-overlay__close:hover{color:var(--kos-white, #fff);background:var(--white-10)}.search-overlay__close-label{font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--white-40);border:1px solid var(--white-15);border-radius:4px;padding:2px 6px;line-height:1.2}.search-overlay__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:24px 48px}.search-overlay__spinner{width:24px;height:24px;border:2px solid var(--white-15);border-top-color:var(--kos-green-primary, #a5d6a7);border-radius:50%;animation:searchSpin .6s linear infinite;margin:40px auto}@keyframes searchSpin{to{transform:rotate(360deg)}}.search-overlay__group{margin-block-end:28px}.search-overlay__group:last-child{margin-block-end:0}.search-overlay__group-title{font-size:11px;font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.1em;color:var(--white-50);margin-block-end:12px}.search-overlay__group-list{display:flex;flex-direction:column;gap:2px}.search-result{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:var(--radius-md, 8px);transition:background var(--transition-fast);text-decoration:none;color:inherit}.search-result:hover{background:var(--white-10)}.search-result__image{width:48px;height:48px;border-radius:var(--radius-sm, 6px);object-fit:cover;background:var(--white-05);flex-shrink:0}.search-result__info{flex:1;min-width:0}.search-result__title{font-size:14px;font-weight:var(--font-weight-medium, 500);color:var(--kos-white, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result__meta{font-size:13px;color:var(--white-50);margin-block-start:2px}.search-result__price--sale{color:var(--kos-sale, #ef5350)}.search-result__price--compare{text-decoration:line-through;color:var(--white-30);margin-inline-start:6px}.search-result__highlight{background:none;color:var(--kos-green-primary, #a5d6a7);font-weight:var(--font-weight-semibold, 600)}.search-result--text{padding:8px 12px}.search-result--text .search-result__title{font-size:14px}.search-overlay__view-all{display:inline-flex;align-items:center;gap:8px;margin-block-start:16px;font-size:13px;font-weight:var(--font-weight-semibold, 600);color:var(--kos-green-primary, #a5d6a7);transition:gap var(--transition-fast)}.search-overlay__view-all:hover{gap:12px}.search-overlay__empty{text-align:center;padding:40px 0}.search-overlay__empty-title{font-size:16px;font-weight:var(--font-weight-medium, 500);color:var(--kos-white, #fff);margin-block-end:8px}.search-overlay__empty-hint{font-size:14px;color:var(--white-50)}@media(prefers-reduced-motion:reduce){.search-overlay__backdrop,.search-overlay__panel,.search-overlay__spinner{animation:none}}@media(max-width:749px){.search-overlay__panel{max-height:100vh;max-height:100dvh}.search-overlay__header,.search-overlay__body{padding:16px var(--page-margin, var(--space-md))}.search-overlay__input{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/268/assets/component-search-overlay.css.map */