.compact-search-inline{display:flex;align-items:center;margin-right:15px;position:relative}.compact-search-inline__select{padding:6px 0;border:1px solid #ddd;font-size:12px;background:#fff;color:#333;min-width:100px;height:32px;border-radius:4px 0 0 4px}.compact-search-inline__select>select,.compact-search-inline__select>select:focus{border:none;outline:none;margin:0 .3rem}.compact-search-inline__input-wrapper{position:relative;display:flex;align-items:center}.compact-search-inline__input{width:212px;padding:6px 30px 6px 10px;border:1px solid #ddd;border-radius:0 4px 4px 0;font-size:12px;background:#fff;height:32px;box-sizing:border-box}.compact-search-inline__input:focus{outline:none;border-color:#007acc;box-shadow:0 0 0 2px #007acc33}.compact-search-inline__search-icon{position:absolute;right:8px;width:14px;height:14px;color:#666;cursor:pointer}.compact-search-inline__results{position:absolute;top:100%;right:0;width:400px;background:#fff;border:1px solid #e1e1e1;border-radius:1rem;box-shadow:0 8px 24px #00000026;max-height:350px;overflow-y:auto;z-index:1000;display:none;margin-top:5px}.compact-search-inline__results.show{display:block}.compact-search-inline__loading,.compact-search-inline__no-results{padding:20px;text-align:center;color:#666;font-size:14px}.compact-search-inline__group{border-bottom:1px solid #f0f0f0}.compact-search-inline__group:last-child{border-bottom:none}.compact-search-inline__group-title{padding:12px 15px 8px;font-size:11px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.compact-search-inline__item{display:flex;align-items:center;padding:10px 15px;color:#333;text-decoration:none;border-bottom:1px solid #f5f5f5;transition:background-color .2s ease}.compact-search-inline__item-image{width:40px;height:40px;border-radius:4px;object-fit:cover;margin-right:12px;flex-shrink:0;background:#f5f5f5}.compact-search-inline__item-content{flex:1}.compact-search-inline__item:hover{background-color:#f8f9fa;text-decoration:none}.compact-search-inline__item:last-child{border-bottom:none}.compact-search-inline__item-title{font-size:13px;font-weight:500;margin-bottom:3px;color:#333}.compact-search-inline__item-type{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.5px}.compact-search-inline__view-all{display:block;padding:12px 15px;text-align:center;background:#f8f9fa;color:#007acc;text-decoration:none;font-weight:500;font-size:12px;border-top:1px solid #e9ecef;transition:background-color .2s ease}.compact-search-inline__view-all:hover{background:#e9ecef;text-decoration:none}@media(max-width:1024px){.compact-search-inline__input,.compact-search-inline__results{width:350px}.compact-search-inline{flex-direction:column;gap:4px;align-items:flex-start}.compact-search-inline__select,.compact-search-inline__input{border-radius:4px}}@media(max-width:750px){.compact-search-inline{display:none}.icon-search{display:block}}.mobile-search-container{display:none;width:100%;padding:10px 15px;background:#fff;border-top:1px solid #e1e1e1;position:relative;box-sizing:border-box}@media(max-width:750px){.mobile-search-container{display:block}.mobile-search-container{display:none!important}#headerMobileSearch{display:block!important;width:100%;padding:10px 15px;background:#fff;border-top:1px solid #e1e1e1;box-shadow:0 1px 2px #0000000d;margin:0}#headerMobileSearch .compact-search-inline{display:flex;margin:0;width:100%}#headerMobileSearch .compact-search-inline__select{flex:0 0 auto;min-width:90px;margin-right:0}#headerMobileSearch .compact-search-inline__input-wrapper{flex:1}#headerMobileSearch .compact-search-inline__input{width:100%}#headerMobileSearch .compact-search-inline__results{position:absolute;top:100%;left:15px;right:15px;width:calc(100% - 30px);margin-top:5px}.header-wrapper{position:relative}}@media(min-width:751px){#headerMobileSearch{display:none!important}.mobile-search-container{display:none}}@media(max-width:750px){.compact-search-inline__input-wrapper{width:100%}}.mobile-search-container .compact-search-inline{display:flex;margin:0;width:100%}.mobile-search-container .compact-search-inline__select{flex:0 0 auto;min-width:90px;margin-right:0}.mobile-search-container .compact-search-inline__input-wrapper{flex:1}.mobile-search-container .compact-search-inline__input{width:100%}.mobile-search-container .compact-search-inline__results{position:absolute;top:100%;left:15px;right:15px;width:calc(100% - 30px);margin-top:5px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/compact-search-inline.css.map */