/* Shared search: expand left, then reveal results only after typing. */
html.search-open { overflow:hidden; overscroll-behavior:none; }
.hd .site-search { position:relative; flex:none; color:var(--ink,#101114); }
.hd .site-search-toggle { display:grid; place-items:center; width:40px; height:40px; border:1px solid #dedede; border-radius:50%; padding:9px; background:transparent; color:inherit; cursor:pointer; transition:border-color .2s; }
.hd .site-search-toggle:hover { border-color:#d2d2d2; }
.hd .site-search svg { width:20px; height:20px; flex:none; }
.hd .site-search-panel.is-closing { pointer-events:none; }
.site-search [hidden] { display:none !important; }
.hd .site-search-panel { position:absolute; z-index:140; right:0; top:-2px; width:min(520px,var(--search-available-width,calc(100vw - 2 * var(--pad,24px)))); color:var(--ink,#101114); }
.hd .site-search-form { display:flex; align-items:center; gap:12px; height:44px; padding:0 6px 0 14px; margin:0; background:rgba(244,244,242,.78); -webkit-backdrop-filter:blur(14px) saturate(1.15); backdrop-filter:blur(14px) saturate(1.15); border:1px solid #dedede; border-radius:24px; box-shadow:0 4px 18px #172a4008; animation:search-expand-left .32s cubic-bezier(.22,1,.36,1) both; }
.hd .site-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:var(--ink,#101114); font:400 14px/1.5 var(--font,Arial,sans-serif); padding:9px 0; border-radius:0; }
.hd .site-search input::placeholder { color:#727981; opacity:1; }
.hd .site-search-close { display:grid; place-items:center; width:32px; height:32px; padding:6px; border:0; border-radius:50%; background:transparent; color:#434b54; cursor:pointer; flex:none; }
.hd .site-search-close:hover { background:#f0f2f5; }
.site-search-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.hd .site-search-content { position:absolute; top:calc(100% + 12px); left:0; right:0; border:1px solid #dedede; border-radius:12px; padding:24px 12px 12px; background:rgba(244,244,242,.78); -webkit-backdrop-filter:blur(14px) saturate(1.15); backdrop-filter:blur(14px) saturate(1.15); box-shadow:0 16px 40px #172a4014; max-height:min(65vh,580px); max-height:min(65dvh,580px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; animation:search-results-in .28s cubic-bezier(.22,1,.36,1) both; }
.hd #siteSearchStatus { margin:0 12px 12px; max-width:none; font:500 12px/1.5 var(--font,Arial,sans-serif); color:var(--ink-2,#5c5e63); }
.hd #siteSearchResults { display:grid; gap:4px; margin:0; padding:0; list-style:none; }
.hd #siteSearchResults a { display:block; padding:16px 12px; border-radius:6px; white-space:normal; color:var(--ink,#101114); text-decoration:none; font-weight:400; transition:background-color .18s ease; }
.hd #siteSearchResults a:is(:hover,:focus-visible) { background:transparent; color:var(--ink,#101114); }
.hd #siteSearchResults .search-result-meta { display:block; margin-bottom:8px; color:var(--navy,#1f4eaa); font:600 12px/1.5 var(--font,Arial,sans-serif); letter-spacing:.02em; text-transform:none; }
.hd #siteSearchResults .search-result-meta[data-kind="Section"] { color:#426c9b; }
.hd #siteSearchResults strong { display:block; color:var(--ink,#101114); font:500 22px/1.2 var(--font-d,var(--font,Arial,sans-serif)); letter-spacing:-.025em; text-wrap:balance; }
.hd #siteSearchResults p { margin:8px 0 0; max-width:none; color:var(--ink-2,#5c5e63); font:400 14px/1.6 var(--font,Arial,sans-serif); letter-spacing:0; text-wrap:pretty; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.hd #siteSearchResults mark { padding:0; border-radius:2px; background:#101114; color:#fff; font:inherit; letter-spacing:inherit; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
body.navy-mode .hd #siteSearchResults mark { background:var(--navy,#1f4eaa); }
.hd .site-search :is(button,a):focus-visible { outline:2px solid var(--navy,#1f4eaa); outline-offset:-3px; }
.hd .site-search-form:focus-within { border-color:#dedede; }
[id^="product-"] { scroll-margin-top:120px; }
@keyframes search-expand-left { from { clip-path:inset(0 0 0 calc(100% - 44px) round 24px); } to { clip-path:inset(0 round 24px); } }
@keyframes search-results-in { from { opacity:0; transform:translateY(-10px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1100px) and (min-width:801px) { .hd > .wrap { gap:24px; } .hd nav { gap:18px; } .hd .right { gap:12px; } }
@media (max-width:800px) {
 .hd .site-search input { font-size:16px; }
 .hd .site-search-form { gap:8px; }
 .hd .site-search-content { max-height:calc(100dvh - 170px); padding:18px 8px 8px; }
 .hd #siteSearchStatus { margin:0 8px 8px; }
 .hd #siteSearchResults a { padding:14px 8px; }
 .hd #siteSearchResults strong { font-size:20px; }
}
@media (max-width:520px) { .hd .right > .btn-pill { display:none; } .hd .right { gap:12px; } }
@media (prefers-reduced-motion:reduce) { .hd :is(.site-search-form,.site-search-content) { animation:none; } .hd #siteSearchResults a { transition:none; } }
