.elementic-search-form{position:relative}.search-form-wrapper{position:relative;display:flex}.search-field{flex:1;padding:12px 50px 12px 20px;border:2px solid #e0e0e0;border-radius:25px;font-size:15px;transition:all 0.3s ease}.search-field:focus{outline:none;border-color:var(--elementic-primary-color,#ff8c00);box-shadow:0 0 0 3px rgb(255 140 0 / .1)}.search-submit{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:var(--elementic-primary-color,#ff8c00);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all 0.3s ease}.search-submit:hover,.search-submit:focus{background:var(--elementic-secondary-color,#e67a00);transform:translateY(-50%) scale(1.05)}.elementic-search-results{position:absolute;top:100%;left:0;right:0;margin-top:10px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 10px 40px rgb(0 0 0 / .1);max-height:400px;overflow-y:auto;z-index:1000;display:none}.elementic-search-results.active{display:block}.search-result-item{display:flex;gap:15px;padding:15px;border-bottom:1px solid #f0f0f0;text-decoration:none;color:#333;transition:background 0.2s ease}.search-result-item:hover{background:#f9f9f9}.search-result-item:last-child{border-bottom:none}.search-result-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:4px;flex-shrink:0}.search-result-content{flex:1}.search-result-title{font-size:14px;font-weight:600;margin:0 0 5px;color:#333}.search-result-excerpt{font-size:13px;color:#666;margin:0}.search-result-date{font-size:12px;color:#999}.search-no-results,.search-error{padding:20px;text-align:center;color:#666}.search-view-all{display:block;padding:15px;text-align:center;background:#f9f9f9;color:var(--elementic-primary-color,#ff8c00);text-decoration:none;font-weight:600;border-radius:0 0 8px 8px}.search-view-all:hover{background:#f0f0f0}.elementic-search-loading{position:absolute;right:50px;top:50%;transform:translateY(-50%);display:none}.elementic-search-loading.active{display:block}.spinner{width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid var(--elementic-primary-color,#ff8c00);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}