.search-box {background: #e9ecef; padding: 15px; margin-bottom: 20px; border-radius: 6px;}
.search-box form {display: flex; gap: 10px; align-items: center;}
.search-box .search-input-wrapper {flex: 1; position: relative; }
.search-box input.search-input {padding: 10px 36px 10px 12px; width: 100%;border: 1px solid #ced4da;border-radius: 4px;font-size: 16px;box-sizing: border-box;transition: border-color 0.3s;}
.search-box button.search-btn {padding: 10px 17px; background: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; white-space: nowrap;}
.clear-search {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;border: none;background: #f8f9fa;border-radius: 50%;color: #6c757d;font-size: 16px;font-weight: bold;cursor: pointer;opacity: 0;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;}
.search-input:focus + .clear-search,
.search-input:not(:placeholder-shown) + .clear-search, .search-input[value]:not([value=""]) + .clear-search {opacity: 1; transition: opacity 0.55s ease, visibility 0.15s ease;}
.clear-search:hover {background: #dc3545;color: white;}
.clear-search:active {transform: translateY(-50%) scale(0.95);}
.search-input:focus {outline: none;border-color: #007bff;box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);}
mark {padding: 2px 4px;font-size: 90%;color: #fff;background-color:#ff6161;border-radius: 2px;}
.suggestions-dropdown {position: absolute;background: white;border: 1px solid #ddd;border-radius: 8px;box-shadow: 0 8px 25px rgba(0,0,0,0.15);z-index: 1000;max-height: 240px;overflow-y: auto;}
.suggestion-item {padding: 12px 16px;cursor: pointer;border-bottom: 1px solid #f0f0f0;display: flex;justify-content: space-between;align-items: center;}
.suggestion-item:hover {background: #f8f9fa;}
.suggestion-item:last-child {border-bottom: none;}
.search-magnifier {position: absolute;right: 45px;top: 50%;transform: translateY(-50%);background: none;border: none;font-size: 18px;cursor: pointer;color: #666;}
.results_search {margin: 10px 0; padding:8px; border: 1px solid #ddd;border-radius: 6px;}