.header-search-wrap{position:relative;z-index:8;width:clamp(150px,18vw,270px)}.header-focus-veil{position:fixed;z-index:998;top:var(--header-focus-veil-top, 100vh);right:0;bottom:0;left:0;visibility:hidden;opacity:0;pointer-events:none;background:#301f1613;-webkit-backdrop-filter:blur(12px) saturate(.76);backdrop-filter:blur(12px) saturate(.76);transition:opacity .36s cubic-bezier(.16,1,.3,1),visibility 0s linear .36s}body.header-focus-veil-open .header-focus-veil{visibility:visible;opacity:1;transition:opacity .36s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s}.header-search-wrap .search-box{width:100%}.header-search-predictive{position:fixed;z-index:999;top:var(--header-search-panel-top, 72px);right:0;left:0;width:100vw;max-height:calc(100svh - var(--header-search-panel-top, 72px));overflow-x:hidden;overflow-y:auto;border-top:1px solid rgba(74,48,34,.1);border-bottom:1px solid rgba(74,48,34,.22);background:#f8f4eefd;box-shadow:0 28px 56px #351f1324;overscroll-behavior:contain}.header-search-predictive[hidden]{display:none}.header-search-predictive-inner{width:min(1180px,calc(100% - 8.4vw));margin:0 auto;padding:clamp(24px,2.6vw,38px) 0 clamp(34px,4vw,54px)}.header-search-panel-form{display:grid;width:min(760px,100%);min-height:64px;grid-template-columns:28px minmax(0,1fr) 46px;align-items:center;border-bottom:1px solid rgba(74,48,34,.72)}.header-search-panel-icon,.header-search-term-icon{--search-ring-size: 12px;--search-handle-left: 11px;--search-handle-top: 12px;position:relative;display:block;width:18px;height:18px;box-sizing:border-box;color:#4a3022}.header-search-panel-icon:before,.header-search-term-icon:before{position:absolute;top:1px;left:1px;width:var(--search-ring-size);height:var(--search-ring-size);box-sizing:border-box;border:1px solid currentColor;border-radius:50%;content:""}.header-search-panel-icon:after,.header-search-term-icon:after{position:absolute;top:var(--search-handle-top);left:var(--search-handle-left);width:6px;height:1px;background:currentColor;content:"";transform:rotate(45deg);transform-origin:left center}.header-search-panel-input{width:100%;min-width:0;height:64px;padding:0 10px 0 4px;border:0;outline:0;color:#4a3022;background:transparent;font-family:Montserrat,Arial,sans-serif;font-size:clamp(20px,2vw,28px);font-weight:500;letter-spacing:-.025em}.header-search-panel-input:focus,.header-search-panel-input:focus-visible{border:0;outline:0;box-shadow:none}.header-search-panel-input::placeholder{color:#958980;opacity:.88}.header-search-panel-input::-webkit-search-decoration,.header-search-panel-input::-webkit-search-cancel-button{display:none}.header-search-panel-clear{position:relative;width:44px;height:44px;padding:0;border:0;color:#4a3022;background:transparent;cursor:pointer}.header-search-panel-clear:before,.header-search-panel-clear:after{position:absolute;top:50%;left:50%;width:14px;height:1px;background:currentColor;content:""}.header-search-panel-clear:before{transform:translate(-50%,-50%) rotate(45deg)}.header-search-panel-clear:after{transform:translate(-50%,-50%) rotate(-45deg)}.header-search-predictive-section,.header-search-term-section{width:min(760px,100%);margin-top:clamp(28px,3.2vw,42px)}.header-search-term-section{margin-top:clamp(22px,2.6vw,34px)}.header-search-predictive-kicker{margin:0 0 11px;color:#91857c;font-family:Montserrat,Arial,sans-serif;font-size:11px;font-weight:400;letter-spacing:0;text-transform:none}.header-search-predictive-list,.header-search-term-list{display:grid}.header-search-predictive a,.header-search-term-link{display:grid;min-height:46px;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:center;margin:0 -10px;padding:7px 10px;color:#4a3022;text-decoration:none;transition:color .26s ease,background-color .26s ease}.header-search-predictive a>.header-search-result-arrow{position:relative;display:block;width:18px;height:9px;transition:width .42s cubic-bezier(.16,1,.3,1)}.header-search-predictive a>.header-search-result-arrow:before{position:absolute;top:4px;right:0;left:0;height:1px;background:currentColor;content:""}.header-search-predictive a>.header-search-result-arrow:after{position:absolute;top:50%;right:0;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;content:"";transform:translateY(-50%) rotate(45deg)}.header-search-predictive a>span{display:flex;min-width:0;gap:10px;align-items:baseline}.header-search-predictive a strong{font-family:Montserrat,Arial,sans-serif;font-size:13px;font-weight:600}.header-search-predictive a small{color:#91857c;font-family:Montserrat,Arial,sans-serif;font-size:10px}.header-search-term-link{min-height:42px}.header-search-term-link>span{font-family:Montserrat,Arial,sans-serif;font-size:13px;font-weight:500}.header-search-term-icon{--search-ring-size: 10px;--search-handle-left: 9px;--search-handle-top: 10px;width:15px;height:15px;color:#91857c}.header-search-predictive a:is(:hover,:focus-visible,[aria-selected=true]),.header-search-term-link:is(:hover,:focus-visible){color:#a85d3b;outline:0;background:#4a30220b}.header-search-predictive a:is(:hover,:focus-visible,[aria-selected=true])>.header-search-result-arrow{width:21px}.header-search-predictive-empty{padding:8px 0 4px;color:#91857c;font-family:Montserrat,Arial,sans-serif;font-size:12px}@media(max-width:720px){.header-search-predictive{display:none!important}}@media(max-width:899px){.header-focus-veil{display:none!important}}@media(min-width:721px)and (max-width:1365px){.header-search-wrap{width:150px}}@media(min-width:721px)and (max-width:1023px){.header-search-wrap{width:100px}}@media(prefers-reduced-motion:reduce){.header-focus-veil,.header-search-predictive a,.header-search-predictive a>.header-search-result-arrow,.header-search-term-link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/q-shared-search-predictive.css.map */