.header-search{position:relative;flex:0 0 40px;width:40px;height:40px}
.header-search-form{position:relative;margin:0;display:flex;align-items:center;width:40px;height:40px;border-radius:24px;background:transparent}
.header-search-toggle{position:relative;z-index:1}
.header-search-entry{display:none}
.header-search-results{display:none}
.header-search-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;margin-right:4px;padding:0;border:0;border-radius:50%;color:var(--muted);background:transparent;cursor:pointer}
.header-search-close .icon{width:16px;height:16px}
.header-search-close:hover{background:#d8eaf4;color:var(--ink)}

@media(min-width:1280px){
 .header{position:relative;z-index:30}
 .header-inner{--search-travel:120px;--cart-travel:162px}
 .header .main-nav{transition:transform 520ms cubic-bezier(.22,.8,.24,1)}
 .header-search{transition:transform 600ms cubic-bezier(.22,.8,.24,1) 120ms}
 .header-search-form{transition:width 640ms cubic-bezier(.22,.8,.24,1) 160ms,background 300ms ease,box-shadow 300ms ease}
 .header-search-entry{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden;opacity:0;visibility:hidden;transform:translateX(8px);transition:opacity 200ms ease,transform 300ms ease,visibility 0s 200ms}
 .header-search-entry input{width:100%;min-width:0;height:40px;padding:0 8px 0 2px;border:0;outline:none;background:transparent;font:inherit;font-size:12px;color:var(--ink)}
 .header-search-entry input::placeholder{color:var(--muted)}
 .header-search-entry input::-webkit-search-cancel-button{display:none}
 .header-search-form:focus-within{box-shadow:inset 0 0 0 1px #95c9e3,0 0 0 3px #168bc60a}
 .header .header-phone{width:150px;box-sizing:border-box;transition:opacity 180ms ease,transform 380ms cubic-bezier(.22,.8,.24,1);visibility:visible}
 .header .cart-toggle{transition:transform 600ms cubic-bezier(.22,.8,.24,1) 180ms,background 200ms ease}
 .header.is-search-open .main-nav{transform:translateX(calc(-1 * var(--search-travel)))}
 .header.is-search-open .header-search{transform:translateX(calc(-1 * var(--search-travel)))}
 .header.is-search-open .header-search-form{width:320px;background:var(--pale);box-shadow:inset 0 0 0 1px var(--line)}
 .header.is-search-open .header-search-form:focus-within{box-shadow:inset 0 0 0 1px #95c9e3,0 0 0 3px #168bc60a}
 .header.is-search-open .header-search-entry{opacity:1;visibility:visible;transform:none;transition:opacity 260ms ease 320ms,transform 380ms cubic-bezier(.22,.8,.24,1) 240ms,visibility 0s}
 .header.is-search-open .header-phone{opacity:0;transform:translateX(12px);pointer-events:none}
 .header.is-search-open .cart-toggle{transform:translateX(var(--cart-travel))}
 .header:not(.is-search-open) .header-search{transition-delay:100ms}
 .header:not(.is-search-open) .header-search-form{transition-duration:440ms;transition-delay:0s}
 .header:not(.is-search-open) .cart-toggle{transition-delay:0s}
 .header:not(.is-search-open) .main-nav{transition-delay:120ms}
 .header:not(.is-search-open) .header-phone{transition:opacity 220ms ease 380ms,transform 380ms cubic-bezier(.22,.8,.24,1) 160ms}
 .header-search-results{display:block;position:absolute;top:calc(100% + 13px);left:auto;right:0;width:320px;max-height:min(480px,calc(100dvh - 190px));overflow-y:auto;padding:10px 14px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 48px #12334816;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity 180ms ease,transform 240ms cubic-bezier(.22,.8,.24,1),visibility 0s 180ms}
 .header.is-search-open.has-search-results .header-search-results{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity 240ms ease,transform 340ms cubic-bezier(.22,.8,.24,1),visibility 0s}
 .header-search-results .search-result{display:flex;align-items:center;gap:16px;padding:14px 5px;transition:background 180ms ease,color 180ms ease}
 .header-search-results .search-result:last-child{border-bottom:0}
 .header-search-results .search-result:hover,.header-search-results .search-result:focus-visible{background:var(--pale);border-radius:9px;outline:none}
 .header-search-results .search-result small{font-size:9px;margin-bottom:5px}
 .header-search-results .search-result b{font-size:12px;line-height:1.5}
 .header-search-results .search-result>.icon{width:17px;height:17px;flex-shrink:0}
 .header-search-results>.muted{font-size:11px;line-height:1.75;margin:8px 4px}
}
@media(max-width:800px){.header-search,.header-search-form{width:35px;height:35px;flex-basis:35px}}
@media(max-width:560px){.header-search,.header-search-form{width:31px;flex-basis:31px}}
@media(prefers-reduced-motion:reduce){.header .main-nav,.header-search,.header-search-form,.header-search-entry,.header .header-phone,.header .cart-toggle,.header-search-results{transition:none!important}}