:root{--color-bg:#f9f9f9;--color-border:#BFB2AE;--color-btn:#191919;--color-btn-text:#ffffff;--color-btn-hover:#3e4c67;--color-btn-border:#95212c;--color-suggestions-bg:#efeadd;--color-suggestions-border:#747474;--color-text:#333;--input-radius:33px;--font-main:'Tajawal'}body{margin:0;padding:0;font-family:var(--font-main);background:var(--color-bg);color:var(--color-text)}.search-wrapper{max-width:100%;margin:5px 0 20px 0;padding:0 2px}.search-heading{font-size:18px;font-weight:700;margin:0 3px 3px 4px;text-align:right;color:#9f1826}.search-row{position:relative;display:flex;flex-direction:column;gap:10px;z-index:1}.search-input-box{display:flex;align-items:center;direction:rtl;background:#fff;border:2px solid var(--color-border);border-radius:var(--input-radius);padding:2px;position:relative;width:100%}.search-icon-btn{width:40px;height:40px;margin-right:4px;display:flex;align-items:center;justify-content:center;background:#F0DDD2;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:18px;transition:0.2s ease;appearance:none;-webkit-appearance:none;outline:none;flex-shrink:0}.search-icon-btn:hover{background:#944D4D;transform:scale(1.05)}.search-icon-btn:active{transform:scale(.95)}.search-icon-btn:focus{outline:none;box-shadow:none}.search-input-field{flex:1;border:none;font-size:18px;font-weight:700;text-align:right;padding:10px 15px;border-radius:var(--input-radius);font-family:var(--font-main);direction:rtl;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff0;min-width:0;height:50px;outline:none;cursor:text;line-height:1.4;display:flex;align-items:center}.search-input-field:focus{outline:none}.icon-buttons{display:flex;align-items:center;gap:4px;margin-left:14px;flex-shrink:0}.slash-separator{font-size:18px;color:#999;user-select:none;transition:color 0.3s ease,transform 0.3s ease;margin:1px 0}.slash-separator:hover{color:#555;transform:translate(3px,-3px)}.btn-clear{background:none;border:none;font-size:20px;cursor:pointer;color:#c0392b;transition:color 0.3s ease,transform 0.3s ease;margin:0 2px;padding:0}.btn-clear:hover{color:#e74c3c;transform:translate(5px,-5px)}.btn-voice{background:none;border:none;font-size:20px;cursor:pointer;color:#555;transition:color 0.3s ease,transform 0.3s ease;margin:0 5px;padding:0}.btn-voice:focus{outline:none!important;box-shadow:none!important;border:none!important}.btn-voice:hover{color:#000;transform:translate(-5px,5px)}.search-suggestions{position:absolute;top:100%;right:0;left:0;margin-top:16px;z-index:9999;background:var(--color-suggestions-bg);border:1px solid var(--color-suggestions-border);max-height:250px;overflow-y:auto;border-radius:10px}.suggestion-item{padding:10px 12px;cursor:pointer;font-size:18px;border-bottom:1px solid #ccc;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl;text-align:right}.suggestion-item:hover{background-color:#f0f0f0}@media (max-width:600px){.search-heading{font-size:18px;margin:0 2px 0 0;text-align:center}.icon-buttons{gap:4px;margin-left:2px}.btn-clear,.btn-voice{font-size:18px}.slash-separator{font-size:16px}.search-input-field{font-size:16px;height:44px;padding:8px 12px}}