.header{gap:20px;flex-wrap:nowrap}.header>.ask-button{display:none}.header .brand{flex-shrink:0}.header nav{gap:18px;white-space:nowrap}.title-search{position:relative;flex:0 1 250px;min-width:170px;margin:0}.title-search-field{display:flex;align-items:center;gap:9px;border:1px solid #c7d2e3;border-radius:12px;background:white;padding:10px 12px;color:var(--navy);min-height:46px}.title-search-field input{border:0;background:transparent;outline:none;min-width:0;width:100%;font:inherit;font-size:1rem;color:var(--ink)}.title-search-field:focus-within{border-color:#426faa;box-shadow:0 0 0 2px #d3e2f5}.title-search-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(380px,calc(100vw - 38px));z-index:45;background:#fffefa;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px #253f7724;padding:8px;max-height:min(470px,65dvh);overflow:auto;overscroll-behavior:contain}.title-search-heading{font-size:.875rem;color:var(--muted);margin:8px 10px 10px}.title-search-result{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--ink);text-align:left;font:inherit;min-height:76px}.title-search-result img,.title-search-placeholder{flex-shrink:0;width:48px;height:56px;object-fit:contain}.title-search-result>span{min-width:0}.title-search-result strong{display:block;font-size:1rem;line-height:1.35;font-weight:600;overflow-wrap:anywhere}.title-search-result small{display:block;font-size:.875rem;color:var(--navy);margin-top:5px}.title-search-all{display:block;width:100%;text-align:center;border:0;border-top:1px solid var(--line);background:transparent;color:var(--navy);padding:14px 10px;min-height:48px;font:inherit;font-size:.875rem;font-weight:600}.title-search-result:focus-visible,.title-search-all:focus-visible{outline:2px solid #426faa;outline-offset:-2px;background:#edf2fa}.title-search-result:active,.title-search-all:active{background:#edf2fa}
@media(hover:hover) and (pointer:fine){.title-search-result:hover,.title-search-all:hover{background:#edf2fa}}
@media(max-width:1100px){.header{flex-wrap:wrap}.title-search{order:4;flex:1 0 100%;min-width:0}.title-search-panel{width:100%}.header nav{margin-left:auto}.header .brand{margin-right:auto}}
@media(max-width:760px){.header{gap:12px}.title-search-field{min-height:44px;padding:9px 12px}.title-search-panel{max-height:60dvh}.header #open-cart{margin-left:auto}.header nav{display:none}}