.search-bar-container{width:100%}.search-bar-container .page-width{margin:0 auto}.search-form{width:100%}.search-wrapper{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 20px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(0,81,160,.15);border-radius:60px;box-shadow:0 8px 32px #0051a014,inset 0 1px #fffc,0 1px #b7aca21a;transition:all .4s cubic-bezier(.4,0,.2,1)}.search-wrapper:hover{background:#fffffff2;border-color:#0051a040;box-shadow:0 12px 40px #0051a01f,inset 0 1px #fff,0 1px #b7aca226;transform:translateY(-2px)}.search-wrapper:focus-within{background:#fff;border-color:#0051a066;box-shadow:0 16px 50px #0051a026,inset 0 1px #fff,0 0 0 4px #0051a00d}.search-icon{color:#0051a080;flex-shrink:0;transition:color .3s}.search-wrapper:focus-within .search-icon{color:#0051a0cc}.search-input{flex:1;border:none;outline:none;background:transparent;color:#2b2c2d;font-size:16px;padding:12px 8px;font-weight:400}.search-input::placeholder{color:#2b2c2d66}.search-button{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#0051a0,#003d7a);color:#fff;border:none;border-radius:50px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0051a040;position:relative;overflow:hidden}.search-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,219,0,.2) 0%,transparent 100%);opacity:0;transition:opacity .3s}.search-button:hover:before{opacity:1}.search-button:hover{transform:scale(1.05);box-shadow:0 6px 25px #0051a059}.search-button:active{transform:scale(.98)}.search-button svg{transition:transform .3s}.search-button:hover svg{transform:translate(4px)}@media (max-width: 768px){.search-wrapper{padding:6px 6px 6px 16px}.search-input{font-size:14px;padding:10px 6px}.search-button{padding:12px 20px;font-size:14px}.search-button span{display:none}}.search-input:focus,.search-button:focus{outline:2px solid rgba(0,81,160,.5);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-search-bar.css.map */