.search-btn-coloring{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;width:33px;height:33px;min-width:33px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(102 126 234 / .3);vertical-align:middle;padding:0;line-height:0;position:relative;z-index:10}.search-btn-coloring:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(102 126 234 / .4)}.search-btn-coloring svg{width:18px!important;height:18px!important;stroke:white!important;stroke-width:2.5;fill:none!important;display:block}.search-modal-coloring{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .6);backdrop-filter:blur(8px);z-index:999999;opacity:0;transition:opacity 0.3s ease}.search-modal-coloring.active{display:flex!important;align-items:center;justify-content:center;opacity:1}.search-modal-content{background:#fff;border-radius:20px;padding:30px;width:90%;max-width:500px;box-shadow:0 20px 60px rgb(0 0 0 / .3);transform:scale(.9);transition:transform 0.3s ease}.search-modal-coloring.active .search-modal-content{transform:scale(1)}.search-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-modal-header h2{font-size:24px;color:#2d3748;font-weight:600;margin:0}.search-close-btn{background:#f1f3f5;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.search-close-btn:hover{background:#e9ecef;transform:rotate(90deg)}.search-close-btn svg{width:20px;height:20px;stroke:#495057;stroke-width:2;fill:none}.search-form-container{position:relative}.search-input-field{width:100%;padding:16px 50px 16px 20px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;transition:all 0.3s ease;outline:none;font-family:inherit;box-sizing:border-box}.search-input-field:focus{border-color:#667eea;box-shadow:0 0 0 4px rgb(102 126 234 / .1)}.search-submit-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;width:40px;height:40px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.search-submit-btn:hover{transform:translateY(-50%) scale(1.05)}.search-submit-btn svg{width:18px;height:18px;stroke:#fff;stroke-width:2.5;fill:none}.search-suggestions{margin-top:20px}.search-suggestions-title{font-size:14px;color:#868e96;margin-bottom:12px;font-weight:500}.search-suggestion-tags{display:flex;flex-wrap:wrap;gap:8px}.search-tag{padding:8px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;font-size:14px;color:#495057;cursor:pointer;transition:all 0.2s ease}.search-tag:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-2px)}@media (max-width:600px){.search-modal-content{padding:24px}.search-modal-header h2{font-size:20px}.search-input-field{font-size:14px;padding:14px 46px 14px 16px}}