.header__search-bar{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:linear-gradient(181deg,#314f6e73 10%,#91a2c980);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:none;flex-direction:column;transition:all .3s ease}.header__search-bar-top{display:flex;align-items:center;justify-content:center;height:100px;padding:0 2rem;border-bottom:1px solid rgba(255,255,255,.1)}.header__search-form{display:flex;align-items:center;gap:1rem;width:100%;max-width:800px;position:relative}.header__search-input-wrapper{flex:1;position:relative;height:50px;background:linear-gradient(-75deg,#ffffff0d,#fff3,#ffffff0d);border-radius:999vw;box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .25em .125em -.125em #0003,0 0 .1em .25em inset #fff3;-webkit-backdrop-filter:blur(clamp(1px,.125em,4px));backdrop-filter:blur(clamp(1px,.125em,4px));border:1px solid rgba(255,255,255,.2);overflow:hidden;transition:all var(--anim--hover-time, .4s) var(--anim--hover-ease, cubic-bezier(.25, 1, .5, 1))}.header__search-input{width:100%;height:100%;padding:0 4rem 0 1.5rem;border:none;background:transparent;color:#fff;font-size:1.1rem;font-weight:400;outline:none;border-radius:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;z-index:2}.header__search-input::placeholder{color:#fff9}.header__search-submit{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:50px;height:50px;border:none;background:transparent;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease;z-index:3}.header__search-submit:hover{color:#fff}.header__search-close{width:50px;height:50px;border:none;background:linear-gradient(-75deg,#ffffff0d,#fff3,#ffffff0d);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--anim--hover-time, .4s) var(--anim--hover-ease, cubic-bezier(.25, 1, .5, 1));box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .25em .125em -.125em #0003,0 0 .1em .25em inset #fff3;-webkit-backdrop-filter:blur(clamp(1px,.125em,4px));backdrop-filter:blur(clamp(1px,.125em,4px));border:1px solid rgba(255,255,255,.2);flex-shrink:0;position:relative;overflow:hidden}.header__search-close:hover{background:linear-gradient(-75deg,#ffffff1a,#ffffff4d,#ffffff1a);transform:scale(.95);-webkit-backdrop-filter:blur(.01em);backdrop-filter:blur(.01em);box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .15em .05em -.1em #00000040,0 0 .05em .1em inset #ffffff80}@media (max-width: 1023px){.header__search-bar-top{padding:0 1rem;height:60px}.header__search-input-wrapper{height:45px}.header__search-input{font-size:1rem;padding:0 3.5rem 0 1.2rem}.header__search-submit{width:40px;height:40px;right:.25rem}.header__search-close{width:45px;height:45px}}@media (max-width: 768px){.header__search-input-wrapper{height:60px}.header__search-input{font-size:1rem;padding:0 3.5rem 0 1.2rem}.header__search-submit{width:40px;height:40px;right:.5rem}.header__search-close{width:60px;height:60px}}.header__search-bar.opening{animation:searchBarFadeIn .3s ease forwards}.header__search-bar.closing{animation:searchBarFadeOut .3s ease forwards}@keyframes searchBarFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@keyframes searchBarFadeOut{0%{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}.header__search-input-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(-45deg,#fff0,#ffffff80 40% 50%,#fff0 55%);mix-blend-mode:screen;pointer-events:none;background-size:200% 200%;background-position:0% 50%;background-repeat:no-repeat;transition:background-position calc(var(--anim--hover-time, .4s) * 1.25) var(--anim--hover-ease, cubic-bezier(.25, 1, .5, 1));z-index:1}.header__search-close:hover:before{background-position:25% 50%}.header__search-input:focus{box-shadow:0 0 0 3px #fff3}.header__search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;height:20px;width:20px;border-radius:50%;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M15 5L5 15M5 5l10 10' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center;background-size:16px 16px;cursor:pointer;margin-right:8px}.header__search-input::-webkit-search-cancel-button:hover{background-color:#ffffff1a}.header__search-submit:focus-visible,.header__search-close:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media (max-width: 480px){.header__search-form{gap:.5rem}.header__search-input-wrapper{height:50px}.header__search-close{width:50px;height:50px}.header__search-bar-top{height:60px;padding:0 .5rem}}.header__search-input-wrapper:hover:before{background-position:25% 50%}.header__search-close:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(-45deg,#fff0,#ffffff80 40% 50%,#fff0 55%);mix-blend-mode:screen;pointer-events:none;background-size:200% 200%;background-position:0% 50%;background-repeat:no-repeat;transition:background-position calc(var(--anim--hover-time, .4s) * 1.25) var(--anim--hover-ease, cubic-bezier(.25, 1, .5, 1));z-index:1}.custom-search-results{display:none;position:absolute;top:110%;left:50%;transform:translate(-50%);width:80%;max-width:980px;max-height:60vh;overflow-y:auto;z-index:1000;opacity:0;transform:translate(-50%) translateY(-20px);transition:opacity .4s cubic-bezier(.4,0,.2,1) .2s,transform .4s cubic-bezier(.4,0,.2,1) .2s;background:linear-gradient(181deg,#314f6e73 10%,#91a2c980);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(25px) saturate(130%);backdrop-filter:blur(25px) saturate(130%);border-radius:30px;box-shadow:0 8px 32px #0006,0 4px 16px #0000004d,inset 0 1px #ffffff40,inset 0 -1px #ffffff1a;-ms-overflow-style:none;scrollbar-width:none}.custom-search-results::-webkit-scrollbar{display:none}.custom-search-results.show{display:block;opacity:1;transform:translate(-50%) translateY(0)}.search-results-content{padding:2rem}.search-results-grid{display:grid;margin-top:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:100%}.search-product-item{display:flex;align-items:center;padding:1rem;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.25,1,.5,1);border-radius:20px;position:relative;overflow:hidden;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-product-item:hover{background:#ffffff40;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 25px #0000004d}.search-product-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(-45deg,#fff0,#ffffff4d 40% 50%,#fff0 55%);mix-blend-mode:screen;pointer-events:none;background-size:200% 200%;background-position:-100% 50%;background-repeat:no-repeat;transition:background-position .4s ease;z-index:1;opacity:0}.search-product-item:hover:before{opacity:1;background-position:100% 50%}.search-product-image{width:60px;height:60px;object-fit:cover;border-radius:12px;margin-right:1rem;flex-shrink:0;border:1px solid rgba(255,255,255,.1);position:relative;z-index:2}.search-product-info{flex:1;position:relative;z-index:2}.search-product-title{font-weight:600;margin:0 0 .25rem;font-size:.9rem;color:#fff;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.3)}.search-product-price{font-size:.8rem;color:#ffffffe6;margin:0;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.search-no-results,.search-loading{padding:2rem;text-align:center;color:#fffffff2;font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:1rem;background:#ffffff14;border-radius:20px;margin:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,.3)}.search-loading:before{content:"";width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top:2px solid rgba(255,255,255,.8);border-radius:50%;animation:searchSpinner 1s linear infinite}@keyframes searchSpinner{to{transform:rotate(360deg)}}.search-results-header{padding:1.5rem 2rem;background:#ffffff14}.search-results-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem;text-shadow:0 1px 3px rgba(0,0,0,.4)}.search-results-count{color:#ffffffe6;font-size:.8rem;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.search-view-all{display:block;margin:1.5rem auto 0;padding:.75rem 2rem;background:linear-gradient(-75deg,#ffffff0d,#fff3,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;text-decoration:none;font-weight:500;font-size:.9rem;text-align:center;transition:all .3s cubic-bezier(.25,1,.5,1);box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .25em .125em -.125em #0003,0 0 .1em .25em inset #fff3;-webkit-backdrop-filter:blur(clamp(1px,.125em,4px));backdrop-filter:blur(clamp(1px,.125em,4px));position:relative;overflow:hidden}.search-view-all:hover{background:linear-gradient(-75deg,#ffffff1a,#ffffff4d,#ffffff1a);transform:scale(.98);-webkit-backdrop-filter:blur(.01em);backdrop-filter:blur(.01em);box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .15em .05em -.1em #00000040,0 0 .05em .1em inset #ffffff80}.search-view-all:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(-45deg,#fff0,#ffffff80 40% 50%,#fff0 55%);mix-blend-mode:screen;pointer-events:none;background-size:200% 200%;background-position:0% 50%;background-repeat:no-repeat;transition:background-position .6s ease;z-index:1}.search-view-all:hover:before{background-position:25% 50%}@media (max-width: 1023px){.custom-search-results{width:90%;max-height:50vh}.search-results-content{padding:1.5rem}.search-results-grid{grid-template-columns:1fr;gap:.75rem}.search-product-item{padding:.75rem}.search-product-image{width:50px;height:50px;margin-right:.75rem}.search-results-header{padding:1rem 1.5rem 0}}@media (max-width: 768px){.custom-search-results{width:95%;max-height:40vh}.search-results-content{padding:1rem}.search-product-item{padding:.5rem}.search-product-image{width:45px;height:45px;margin-right:.5rem}.search-product-title{font-size:.8rem}.search-product-price{font-size:.75rem}.search-results-header{padding:.75rem 1rem 0}.search-results-title{font-size:1rem}}@media (max-width: 480px){.custom-search-results{width:98%;max-height:35vh}.search-results-content{padding:.75rem}.search-product-item{padding:.5rem;border-radius:15px}.search-product-image{width:40px;height:40px;border-radius:8px}.search-view-all{padding:.6rem 1.5rem;font-size:.85rem}}@media (prefers-reduced-motion: reduce){.custom-search-results,.search-product-item,.search-view-all,.search-product-item:before,.search-view-all:before{transition:none;animation:none}}.search-product-item:focus-visible,.search-view-all:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}@media (prefers-contrast: high){.custom-search-results{background:#000000e6;border-color:#fffc}.search-product-item{background:#ffffff1a;border-color:#ffffff4d}.search-product-item:hover{background:#fff3}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/custom-header-search.css.map */