.sq-search-wrapper,#sq-search-form,#sq-search-dropdown,.predictive-search:not(.predictive-search__form){--sqs-bg: #ffffff;--sqs-bg-elevated: #ffffff;--sqs-border: rgba(0, 0, 0, .08);--sqs-text: #1a1c22;--sqs-text-dim: #8a8d99;--sqs-accent: #00b8d4;--sqs-accent-2: #0097a7;--sqs-accent-glow: rgba(0, 184, 212, .25);--sqs-accent-soft: rgba(0, 184, 212, .08);--sqs-shadow: 0 4px 16px rgba(0, 0, 0, .04);--sqs-shadow-focus: 0 12px 40px rgba(0, 184, 212, .18);--sqs-mark-bg: rgba(0, 184, 212, .18)}html[data-theme=dark] .sq-search-wrapper,html[data-theme=dark] #sq-search-form,html[data-theme=dark] #sq-search-dropdown,html[data-theme=dark] .predictive-search:not(.predictive-search__form){--sqs-bg: #0f1117;--sqs-bg-elevated: #15171f;--sqs-border: rgba(255, 255, 255, .06);--sqs-text: #f0f2f5;--sqs-text-dim: #6b6e78;--sqs-accent: #00e5ff;--sqs-accent-2: #00b8d4;--sqs-accent-glow: rgba(0, 229, 255, .3);--sqs-accent-soft: rgba(0, 229, 255, .08);--sqs-shadow: 0 4px 24px rgba(0, 0, 0, .4);--sqs-shadow-focus: 0 16px 50px rgba(0, 229, 255, .3);--sqs-mark-bg: rgba(0, 229, 255, .2)}.sq-search-wrapper #sq-search-form,#sq-search-form,.header__search-bar #sq-search-form{position:relative!important;display:flex!important;align-items:center!important;background:var(--sqs-bg)!important;border:1.5px solid var(--sqs-border)!important;border-radius:100px!important;overflow:visible!important;transition:all .4s cubic-bezier(.2,.9,.3,1)!important;box-shadow:var(--sqs-shadow)!important;height:58px!important;min-height:58px!important;width:100%!important;margin:0 auto!important}#sq-search-form:hover{border-color:var(--sqs-accent)!important;transform:translateY(-1px)!important;box-shadow:var(--sqs-shadow-focus)!important}#sq-search-form:focus-within{border-color:var(--sqs-accent)!important;box-shadow:0 0 0 4px var(--sqs-accent-soft),var(--sqs-shadow-focus)!important;transform:translateY(-1px)!important}#sq-search-form:before{content:""!important;position:absolute!important;left:22px!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8d99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;pointer-events:none!important;z-index:4!important;transition:all .3s!important}html[data-theme=dark] #sq-search-form:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6e78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>")!important}#sq-search-form:focus-within:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b8d4' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>")!important;filter:drop-shadow(0 0 6px var(--sqs-accent-glow))!important}html[data-theme=dark] #sq-search-form:focus-within:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300e5ff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>")!important}.sq-search-wrapper #sq-search-input,#sq-search-input,.sq-search-wrapper .predictive-search__input,.header__search-bar #sq-search-input{flex:1!important;width:100%!important;height:58px!important;min-height:58px!important;max-height:none!important;padding:0 140px 0 56px!important;background:transparent!important;background-color:transparent!important;border:none!important;outline:none!important;color:var(--sqs-text)!important;font-family:Tajawal,-apple-system,sans-serif!important;font-size:14.5px!important;font-weight:500!important;letter-spacing:.2px!important;position:relative!important;z-index:2!important;box-shadow:none!important;border-radius:0!important;margin:0!important}#sq-search-input::placeholder{color:var(--sqs-text-dim)!important;font-weight:400!important;opacity:1!important}#sq-search-input:focus,#sq-search-input:focus-visible{border:none!important;box-shadow:none!important;outline:none!important;background:transparent!important}.sq-search-wrapper .btn-search-header,#sq-search-form .btn-search-header,#sq-search-form button[type=submit]{position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;height:46px!important;padding:0 24px!important;background:linear-gradient(135deg,var(--sqs-accent) 0%,var(--sqs-accent-2) 100%)!important;color:#fff!important;border:none!important;border-radius:100px!important;font-family:Rajdhani,sans-serif!important;font-size:12px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;cursor:pointer!important;transition:all .3s ease!important;z-index:3!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:nowrap!important;box-shadow:none!important;min-width:110px!important;overflow:hidden!important}html[data-theme=dark] .btn-search-header{color:#000!important}.btn-search-header>*,#sq-search-form .btn-search-header>*{display:none!important}.btn-search-header:after,#sq-search-form .btn-search-header:after{content:attr(data-search-label)!important;font-family:Rajdhani,sans-serif!important;font-size:12px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;position:relative!important;z-index:2!important;display:inline-block!important}.btn-search-header:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)!important;transition:left .6s!important;z-index:1!important}.btn-search-header:hover{transform:translateY(-50%) scale(1.04)!important;box-shadow:0 6px 20px var(--sqs-accent-glow)!important;filter:brightness(1.05)!important}.btn-search-header:hover:before{left:100%!important}div#sq-search-dropdown,.sq-search-wrapper #sq-search-dropdown,.header__search-bar #sq-search-dropdown{background:var(--sqs-bg-elevated)!important;background-color:var(--sqs-bg-elevated)!important;border:1px solid var(--sqs-border)!important;border-radius:18px!important;box-shadow:0 24px 60px #0000001a,0 0 0 1px var(--sqs-accent-soft)!important;margin-top:12px!important;top:calc(100% + 12px)!important;overflow:hidden!important;z-index:9999!important;max-height:520px!important;font-family:Tajawal,sans-serif!important;padding:0!important}html[data-theme=dark] div#sq-search-dropdown{box-shadow:0 24px 60px #000000b3,0 0 0 1px var(--sqs-accent-soft)!important}#sq-search-dropdown *,#sq-search-dropdown a,#sq-search-dropdown span,#sq-search-dropdown p,#sq-search-dropdown div{color:var(--sqs-text)!important;font-family:Tajawal,sans-serif!important}#sq-search-dropdown a,#sq-search-dropdown a span,#sq-search-dropdown a div,#sq-search-dropdown .predictive-search__item-heading,#sq-search-dropdown [class*=title]:not([class*=heading]),#sq-search-dropdown [class*=name]{color:#0a0b0d!important;font-weight:600!important;font-size:14px!important;letter-spacing:.2px!important}html[data-theme=dark] #sq-search-dropdown a,html[data-theme=dark] #sq-search-dropdown a span,html[data-theme=dark] #sq-search-dropdown a div,html[data-theme=dark] #sq-search-dropdown .predictive-search__item-heading,html[data-theme=dark] #sq-search-dropdown [class*=title]:not([class*=heading]){color:#fff!important}#sq-search-dropdown h2,#sq-search-dropdown h3,#sq-search-dropdown h4,#sq-search-dropdown .heading,#sq-search-dropdown [class*=title],#sq-search-dropdown [class*=heading]{font-family:Rajdhani,sans-serif!important;font-size:11px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;color:var(--sqs-text-dim)!important;padding:14px 22px 8px!important;margin:0!important;border-bottom:none!important;background:transparent!important}#sq-search-dropdown a{display:flex!important;align-items:center!important;gap:14px!important;padding:11px 22px!important;text-decoration:none!important;transition:background .2s,padding .25s!important;position:relative!important;border-radius:0!important;border:none!important}#sq-search-dropdown a:hover{background:var(--sqs-accent-soft)!important;padding-left:28px!important}#sq-search-dropdown a:hover:before{content:""!important;position:absolute!important;left:0!important;top:8px!important;bottom:8px!important;width:3px!important;background:var(--sqs-accent)!important;border-radius:0 3px 3px 0!important;box-shadow:0 0 8px var(--sqs-accent-glow)!important}#sq-search-dropdown img{width:44px!important;height:44px!important;border-radius:8px!important;background:var(--sqs-accent-soft)!important;border:1px solid var(--sqs-border)!important;object-fit:contain!important;flex-shrink:0!important;padding:4px!important}#sq-search-dropdown .price,#sq-search-dropdown [class*=price],#sq-search-dropdown .money{font-family:Rajdhani,sans-serif!important;font-size:14px!important;font-weight:700!important;color:var(--sqs-accent)!important}#sq-search-dropdown mark,#sq-search-dropdown b,#sq-search-dropdown strong[class*=highlight]{background:var(--sqs-mark-bg)!important;color:var(--sqs-accent)!important;padding:1px 3px!important;border-radius:3px!important;font-weight:700!important}#sq-search-dropdown .predictive-search__item,.predictive-search:not(.predictive-search__form) .predictive-search__item{display:flex!important;align-items:center!important;gap:14px!important;padding:11px 22px!important;background:transparent!important;border:none!important}#sq-search-dropdown .predictive-search__item:hover{background:var(--sqs-accent-soft)!important}#sq-search-dropdown .predictive-search__item-heading{font-size:13.5px!important;font-weight:500!important;color:var(--sqs-text)!important;text-decoration:none!important}#sq-search-dropdown ul,#sq-search-dropdown .linklist{list-style:none!important;padding:6px 0!important;margin:0!important}#sq-search-dropdown li,#sq-search-dropdown .linklist__item{list-style:none!important;padding:0!important;margin:0!important;border:none!important}#sq-search-dropdown .spinner,.predictive-search__loading-state .spinner{border-color:var(--sqs-accent-soft)!important;border-top-color:var(--sqs-accent)!important}#sq-search-dropdown .spinner svg circle{stroke:var(--sqs-accent)!important}#sq-search-dropdown::-webkit-scrollbar{width:6px!important}#sq-search-dropdown::-webkit-scrollbar-track{background:transparent!important}#sq-search-dropdown::-webkit-scrollbar-thumb{background:var(--sqs-accent-soft)!important;border-radius:3px!important}#sq-search-dropdown::-webkit-scrollbar-thumb:hover{background:var(--sqs-accent)!important}@media(max-width:749px){.sq-search-wrapper #sq-search-form,#sq-search-form{height:50px!important;min-height:50px!important}#sq-search-input{height:50px!important;min-height:50px!important;font-size:16px!important;padding:0 100px 0 48px!important}#sq-search-form:before{left:18px!important;width:16px!important;height:16px!important}.btn-search-header{height:40px!important;padding:0 16px!important;font-size:11px!important;letter-spacing:1.5px!important;min-width:90px!important}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/sq-search-bar.css.map */