:root{--color-neutral-50: var(--hhp-surface);--color-neutral-100: var(--hhp-surface);--color-neutral-200: var(--hhp-border);--color-neutral-300: var(--hhp-border);--color-neutral-400: var(--hhp-text-muted);--color-neutral-500: var(--hhp-text-muted);--color-neutral-600: var(--hhp-text-muted);--color-neutral-700: var(--hhp-text);--color-neutral-800: var(--hhp-text);--color-neutral-900: var(--hhp-text);--color-neutral-25: var(--hhp-surface);--color-primary-50: var(--hhp-surface);--color-primary-100: var(--hhp-surface);--color-primary-200: var(--hhp-border);--color-primary-300: var(--hhp-border);--color-primary-400: var(--hhp-primary);--color-primary-600: var(--hhp-primary);--color-primary-700: var(--hhp-primary-hover);--color-primary-800: var(--hhp-primary-hover);--font-body: var(--hhp-font-family-body);--font-display: var(--hhp-font-family-heading);--font-medium: var(--hhp-font-weight-semibold);--font-semibold: var(--hhp-font-weight-semibold);--font-bold: var(--hhp-font-weight-bold);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--leading-snug: 1.375;--leading-relaxed: 1.625;--tracking-tight: -.025em}.hhp-search-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;align-items:flex-start;justify-content:center;padding:2rem;opacity:0;visibility:hidden;transition:all .3s ease}.hhp-search-modal.is-open{display:flex;opacity:1;visibility:visible}.hhp-search-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hhp-search-modal__content{position:relative;width:100%;max-width:600px;max-height:80vh;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;overflow:hidden;transform:translateY(-20px);transition:transform .3s ease}.hhp-search-modal.is-open .hhp-search-modal__content{transform:translateY(0)}.hhp-search-modal__header{padding:1.5rem;border-bottom:1px solid var(--hhp-border);background:var(--hhp-background);position:sticky;top:0;z-index:1}.hhp-search-form{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.hhp-search-input-wrapper{flex:1;position:relative;display:flex;align-items:center;background:var(--hhp-surface);border:2px solid var(--hhp-border);border-radius:8px;transition:border-color .2s ease}.hhp-search-input-wrapper:focus-within{border-color:var(--hhp-primary);background:var(--hhp-background)}.hhp-search-icon{position:absolute;left:1rem;color:var(--color-neutral-500);pointer-events:none}.hhp-search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:none;background:transparent;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-neutral-900);outline:none}.hhp-search-input::placeholder{color:var(--color-neutral-500)}.hhp-search-clear{position:absolute;right:.75rem;background:none;border:none;padding:.25rem;color:var(--color-neutral-500);cursor:pointer;border-radius:4px;transition:all .2s ease}.hhp-search-clear:hover{background:var(--color-neutral-200);color:var(--color-neutral-700)}.hhp-search-close{background:none;border:none;padding:.5rem;color:var(--color-neutral-600);cursor:pointer;border-radius:6px;transition:all .2s ease}.hhp-search-close:hover{background:var(--color-neutral-100);color:var(--color-neutral-800)}.hhp-search-filters{display:flex;flex-wrap:wrap;gap:.5rem}.hhp-filter-chip{display:inline-flex;align-items:center;padding:.375rem .75rem;background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);border-radius:20px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-neutral-700);cursor:pointer;transition:all .2s ease}.hhp-filter-chip:hover{background:var(--color-neutral-200);border-color:var(--color-neutral-400)}.hhp-filter-chip.is-active{background:var(--color-primary-100);border-color:var(--color-primary-400);color:var(--color-primary-700)}.hhp-search-modal__body{max-height:60vh;overflow-y:auto;padding:0}.hhp-popular-searches{padding:1.5rem}.hhp-popular-searches__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary-800);margin:0 0 1rem;letter-spacing:var(--tracking-tight)}.hhp-popular-searches__list{display:flex;flex-wrap:wrap;gap:.5rem}.hhp-popular-search{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:6px;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-primary-700);cursor:pointer;transition:all .2s ease}.hhp-popular-search:hover{background:var(--color-primary-100);border-color:var(--color-primary-300);transform:translateY(-1px)}.hhp-search-results{padding:1.5rem}.hhp-search-results__header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-neutral-200)}.hhp-search-results__count{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-neutral-600);font-weight:var(--font-medium)}.hhp-search-results__grid{display:grid;gap:1rem}.hhp-search-result{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid var(--color-neutral-200);border-radius:8px;transition:all .2s ease;position:relative}.hhp-search-result:hover{background:var(--color-neutral-25);border-color:var(--color-primary-200);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.hhp-search-result__link{display:flex;align-items:center;gap:1rem;flex:1;text-decoration:none;color:inherit}.hhp-search-result__image{width:60px;height:60px;border-radius:6px;overflow:hidden;background:var(--color-neutral-100);flex-shrink:0}.hhp-search-result__image img{width:100%;height:100%;object-fit:cover}.hhp-search-result__content{flex:1;min-width:0}.hhp-search-result__title{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-primary-800);margin:0 0 .25rem;line-height:var(--leading-snug)}.hhp-search-result__meta{display:flex;gap:.75rem;margin-bottom:.25rem}.hhp-search-result__care,.hhp-search-result__light{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-neutral-600);background:var(--color-neutral-100);padding:.125rem .375rem;border-radius:4px;font-weight:var(--font-medium)}.hhp-search-result__price{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-primary-700)}.hhp-search-result__add{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--color-primary-600);color:#fff;border:none;border-radius:6px;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease;flex-shrink:0}.hhp-search-result__add:hover{background:var(--color-primary-700);transform:translateY(-1px)}.hhp-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.hhp-no-results svg{color:var(--color-neutral-400);margin-bottom:1rem}.hhp-no-results__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-neutral-700);margin:0 0 .5rem;letter-spacing:var(--tracking-tight)}.hhp-no-results__text{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-neutral-600);margin:0 0 1.5rem;line-height:var(--leading-relaxed)}.hhp-no-results__suggestions h4{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-neutral-700);margin:0 0 .75rem}.hhp-suggestions-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.hhp-suggestion{display:inline-flex;align-items:center;padding:.375rem .75rem;background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:6px;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-primary-700);cursor:pointer;transition:all .2s ease}.hhp-suggestion:hover{background:var(--color-primary-100);border-color:var(--color-primary-300);transform:translateY(-1px)}@media(max-width:768px){.hhp-search-modal{padding:1rem;align-items:flex-start}.hhp-search-modal__content{max-height:90vh}.hhp-search-modal__header{padding:1rem}.hhp-search-form{flex-direction:column;gap:.75rem}.hhp-search-input-wrapper{width:100%}.hhp-search-close{align-self:flex-end}.hhp-search-filters{gap:.375rem}.hhp-filter-chip{font-size:var(--text-xs);padding:.25rem .5rem}.hhp-popular-searches,.hhp-search-results{padding:1rem}.hhp-search-result{flex-direction:column;align-items:flex-start;gap:.75rem}.hhp-search-result__link{width:100%}.hhp-search-result__add{align-self:stretch;justify-content:center}.hhp-no-results{padding:2rem 1rem}}@media(max-width:480px){.hhp-search-modal{padding:.5rem}.hhp-search-modal__content{border-radius:8px;max-height:95vh}.hhp-popular-searches__list{gap:.375rem}.hhp-popular-search{font-size:var(--text-xs);padding:.375rem .75rem}.hhp-suggestions-list{gap:.375rem}.hhp-suggestion{font-size:var(--text-xs);padding:.25rem .5rem}}.hhp-search-shortcut{position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-neutral-500);background:var(--color-neutral-100);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--color-neutral-300)}.hhp-search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.hhp-search-loading__spinner{width:40px;height:40px;border:3px solid var(--color-neutral-200);border-top-color:var(--color-primary-600);border-radius:50%;animation:hhp-spin .8s linear infinite;margin-bottom:1rem}.hhp-search-loading p{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-neutral-600);margin:0}@keyframes hhp-spin{to{transform:rotate(360deg)}}.hhp-search-result__type{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-neutral-600);margin-bottom:.25rem}.hhp-search-result--sold-out{opacity:.7}.hhp-search-result__price .sold-out{color:var(--color-neutral-500);font-weight:var(--font-medium)}.hhp-search-result__no-image{width:100%;height:100%;background:linear-gradient(135deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 100%);display:flex;align-items:center;justify-content:center}.hhp-search-result__no-image:before{content:"";width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.5}.hhp-search-result__add.success{background:#22c55e}.hhp-search-result__add.error{background:#ef4444}.hhp-search-result__add:disabled{cursor:not-allowed;opacity:.7}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/32/assets/hhp-search.css.map */