.custom-search-desktop{max-width:660px;margin-right:15px;display:flex;align-items:center;width:100%}.custom-search-form{display:flex;align-items:center;position:relative;width:100%}.custom-search-wrapper{position:relative;width:100%;background:#fff;border-radius:4px}.search-placeholder{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:13px;pointer-events:none;display:flex;align-items:center;z-index:1;gap:0;white-space:nowrap}.search-static{color:#878787}.search-animated{color:#878787;font-weight:500;display:inline}.custom-search-wrapper.hide-placeholder .search-placeholder{display:none!important}.custom-search-input{padding:8px 30px 8px 12px;border:1.5px solid #653399;border-radius:4px;font-size:13px;color:#222;background:transparent!important;outline:none;transition:border-color .2s;font-family:inherit;width:100%;min-width:200px;position:relative;z-index:2}.custom-search-input:focus{border-color:#653399}.custom-search-input::placeholder{color:transparent!important;opacity:0!important}.custom-search-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#653399;display:flex;align-items:center;padding:4px;cursor:default;z-index:10;pointer-events:all}.mobile-search-bar{background:#fff;padding:10px 14px;overflow:visible}.mobile-search-bar__form{display:flex;align-items:center;position:relative;width:100%}.mobile-search-wrapper{position:relative;width:100%;background:#f8f8f8;border-radius:6px}.mobile-search-placeholder{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1.4rem;pointer-events:none;display:flex;align-items:center;z-index:1;gap:0;white-space:nowrap}.mobile-search-placeholder .search-static{color:#878787}.mobile-search-placeholder .search-animated{color:#878787;font-weight:500;display:inline}.mobile-search-wrapper.hide-placeholder .mobile-search-placeholder{display:none!important}.mobile-search-bar__input{width:100%;padding:10px 42px 10px 16px;border:1.5px solid #653399;border-radius:6px;font-size:1.4rem;color:#222;background:transparent!important;outline:none;font-family:inherit;position:relative;z-index:2}.mobile-search-bar__input:focus{border-color:#653399}.mobile-search-bar__input::placeholder{color:transparent!important;opacity:0!important}.mobile-search-bar__btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#653399;display:flex;align-items:center;padding:0;cursor:default;z-index:10;pointer-events:all}.csd-dropdown{position:fixed;background:#fff;border:1px solid #ebebeb;border-top:none;border-radius:0 0 12px 12px;box-shadow:0 12px 40px #00000021;z-index:999999;max-height:480px;overflow-y:auto;overflow-x:hidden;padding:16px 0 12px;box-sizing:border-box;will-change:transform}.csd-section{padding:0 16px 14px}.csd-heading{font-size:16px;font-weight:700;letter-spacing:.08em;color:#000;margin:0 0 12px}.csd-tags{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:3px}.csd-tag{display:inline-block;padding:6px 12px;font-size:12px;color:#000;text-decoration:none;transition:all .2s;white-space:nowrap;background:#f5f5f5;line-height:1.4;font-weight:500}.csd-tag:hover{border-color:#653399;color:#653399;background:#f5eeff;transform:translateY(-1px)}.csd-products-horizontal-wrap{position:relative;padding:0 2px}.csd-products-horizontal{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:12px;padding:4px 0 12px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.csd-products-horizontal::-webkit-scrollbar{display:none}.csd-products-horizontal .csd-product-wrap{flex:0 0 auto;width:150px;min-width:140px;border:1px solid #f0f0f0;border-radius:10px;overflow:hidden;background:#fff;transition:all .25s ease;display:flex;flex-direction:column}.csd-products-horizontal .csd-product{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}.csd-products-horizontal .csd-product-img{width:100%;height:140px;object-fit:cover;border-radius:6px 6px 0 0;background:#f5f5f5;display:block;transition:transform .3s ease}.csd-products-horizontal .csd-product-wrap:hover .csd-product-img{transform:scale(1.03)}.csd-products-horizontal .csd-product-info{padding:8px;display:flex;flex-direction:column;flex:1;background:#fff}.csd-products-horizontal .csd-product-title{font-size:11px;font-weight:600;line-height:1.35;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#222;min-height:2.7em}.csd-products-horizontal .csd-product-price{font-size:12px;font-weight:700;color:#222;margin:auto 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:3px}.csd-products-horizontal .csd-product-badges{margin-bottom:3px}.csd-products-horizontal .csd-badge{font-size:10px;padding:1px 4px}.csd-products-horizontal .csd-price-save{font-size:10px;color:#009d34;font-weight:600;display:block;margin-left:0;margin-top:1px}.csd-products-horizontal .csd-compare{font-size:10px;color:#999;text-decoration:line-through;margin-left:0}.csd-scroll-arrow{position:absolute;top:50%;transform:translateY(-60%);width:28px;height:28px;border-radius:50%;background:#fffffff2;border:1px solid #ddd;box-shadow:0 1px 4px #0000001f;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:opacity .2s,background .15s,border-color .15s;padding:0;color:#333}.csd-scroll-arrow:hover{background:#fff;border-color:#653399;color:#653399}.csd-scroll-arrow--left{left:-6px}.csd-scroll-arrow--right{right:-6px}.csd-scroll-arrow[disabled]{opacity:0;pointer-events:none}@media(hover:none){.csd-scroll-arrow{display:none}}.csd-no-results{color:#888;font-size:1.4rem;padding:16px 0;text-align:center}.csd-loading-text{color:#999;font-size:1.3rem;padding:16px 0;text-align:center}.csd-error-text{color:#dc3545;font-size:1.3rem;padding:16px 0;text-align:center}.csd-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:999998}.csd-overlay.is-open{display:block}@media screen and (max-width:989px){html.csd-no-scroll,body.csd-no-scroll{overflow:hidden;touch-action:none}}@media screen and (max-width:989px){.custom-search-desktop{display:none!important}.csd-dropdown{left:0!important;right:0!important;width:100%!important;max-width:100%!important;border-radius:0 0 10px 10px;max-height:75vh;padding:12px 0}.csd-section{padding:0 12px 12px}.csd-heading{font-size:12px;margin-bottom:10px}.csd-tags{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;-ms-overflow-style:none}.csd-tags::-webkit-scrollbar{display:none}.csd-tag{flex-shrink:0;padding:5px 10px;font-size:11px}.csd-products-horizontal .csd-product-wrap{width:125px;min-width:125px}.csd-products-horizontal .csd-product-img{height:125px}}@media screen and (min-width:600px)and (max-width:989px){.csd-products-horizontal .csd-product-wrap{width:150px;min-width:150px}.csd-products-horizontal .csd-product-img{height:150px}}@media screen and (min-width:990px){.mobile-search-bar{display:none!important}.csd-dropdown{max-width:min(540px,calc(100vw - 32px));max-height:480px}}@media screen and (max-width:989px){.mobile-search-bar{cursor:pointer;-webkit-user-select:none;user-select:none}.mobile-search-bar__input{pointer-events:none;caret-color:transparent;cursor:pointer}.mobile-search-bar__btn{pointer-events:none}.mobile-search-close-btn{display:none!important}}.msf{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:1000001;flex-direction:column;overflow:hidden}.msf.msf--open{display:flex;animation:msfIn .22s ease both}@keyframes msfIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msf__top{display:flex;align-items:center;gap:10px;padding:20px 14px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:#fff;flex-shrink:0}.msf__back{flex-shrink:0;width:40px;height:40px;background:none;border:none;color:#653399;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent;transition:background .15s}.msf__back:active{background:#00000012}.msf__field{flex:1;position:relative;display:flex;align-items:center;min-width:0;border:1.5px solid #653399;border-radius:6px;background:#fff;overflow:hidden;transition:border-color .2s}.msf__field:focus-within{border-color:#653399}.msf__input{width:100%;padding:11px 78px 11px 18px;border:none;border-radius:0;font-size:15px;color:#222;background:transparent;outline:none;box-shadow:none;font-family:inherit;box-sizing:border-box;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.msf__input:focus,.msf__input:focus-visible,.msf__input:active{border:none;outline:none;box-shadow:none;background:transparent}.msf__input::-webkit-search-cancel-button,.msf__input::-webkit-search-decoration{-webkit-appearance:none;display:none}.msf__input::-moz-focus-inner{border:0;outline:none}.msf__input::placeholder{color:#bbb}.msf__clear{position:absolute;right:44px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:#0000001f;border:none;color:#444;display:none;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.msf__clear.msf__clear--show{display:flex}.msf__submit{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:none;border:none;color:#653399;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.msf__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,0px)}.msf__body .csd-products-horizontal-wrap{padding:0 2px}.msf__body .csd-products-horizontal{gap:8px}.msf__body .csd-products-horizontal .csd-product-wrap{width:120px;min-width:120px}.msf__body .csd-products-horizontal .csd-product-img{height:120px}.msf__body .csd-products-horizontal .csd-product-info{padding:6px}.msf__body .csd-products-horizontal .csd-product-title{font-size:10px}.msf__body .csd-products-horizontal .csd-product-price{font-size:11px}.msf__body .csd-tags{flex-wrap:wrap;overflow-x:visible}@media screen and (min-width:990px){.msf{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/header-custom-search.css.map */