#suggestions {padding: 10px 0;overflow-y: auto;}#suggestions::-webkit-scrollbar {width: 10px;}#suggestions::-webkit-scrollbar-track {background: transparent;margin-top: 12px;margin-bottom: 12px;}#suggestions::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 10px;border: 3px solid transparent; background-clip: padding-box;}#suggestions::-webkit-scrollbar-thumb:hover {background-color: #aaa; }#suggestions {background: #fff;border-radius: 12px;box-shadow: 0 8px 30px rgba(0,0,0,0.15);position: absolute;width: 100%;max-height: 480px;overflow-y: auto;display: none;z-index: 9999;top: 100%;left: 0;padding: 10px 0;margin-top: 8px;border: 1px solid #eaeaea;}.suggestion-group-title {font-weight: 700;font-size: 0.85rem;padding: 12px 16px 4px;color: #777;background: #fff;text-align: left;}.suggestion-item {display: flex;align-items: center;padding: 12px 16px;cursor: pointer;font-size: 0.95rem;color: #333;border-bottom: 1px solid #f9f9f9;}.suggestion-item::before {content: '';display: inline-block;width: 20px;height: 20px;margin-right: 12px;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23888" stroke-width="1.5"><path d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>');background-size: contain;background-repeat: no-repeat;}@media (max-width: 768px) {#suggestions {position: fixed; top: 0 !important;left: 0;width: 100%;height: 100vh;max-height: 100vh !Important;margin-top: 0;border-radius: 0;z-index: 99999; padding-top: 70px;background: #ffffff;}.suggestion-close-btn {position: fixed;top: 15px;right: 20px;font-size: 30px;font-weight: 300;color: #000;z-index: 10002;background: white;border-radius: 50%;width: 40px;height: 40px;line-height: 38px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}.suggestion-item {padding: 18px 20px;font-size: 1.1rem;}.suggestion-group-title {padding: 15px 20px;background-color: #f8f8f8;border-bottom: 1px solid #eee;}}.suggestion-group-title {font-weight: 700;font-size: 0.85rem;padding: 12px 16px 4px;text-align: left;color: #777;background: #fff;}.suggestion-item {display: flex;align-items: center;cursor: pointer;text-align: left;padding: 12px 16px;font-size: 0.95rem;color: #333;transition: background 0.2s ease;}.suggestion-item::before {content: '';display: inline-block;width: 20px;height: 20px;margin-right: 12px;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23888" stroke-width="1.5"><path d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>');background-size: contain;background-repeat: no-repeat;flex-shrink: 0;}.suggestion-item:hover {background-color: #f7f7f7;}.suggestion-item .count {margin-left: auto;color: #999;font-size: 0.8rem;}.suggestion-close-btn {position: absolute;top: 10px;right: 15px;cursor: pointer;font-size: 24px;font-weight: 300;color: #333;z-index: 10;background: none;border: none;line-height: 1;}.hero-section {font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;width: 100%;max-width: 900px;}.nav-links {display: flex;gap: 1.5rem;margin-bottom: 0.8rem;}.nav-links a {color: #fff;text-decoration: none;font-weight: 600;font-size: 1.05rem;padding-bottom: 6px;border-bottom: 3px solid transparent;transition: 0.2s;}.nav-links a.active {border-bottom: 3px solid #fff;}.search-container {position: relative;width: 100%;}.custom-search-input {border-radius: 50px !important;padding: 0 4.5rem 0 1.5rem !important;height: 60px;border: 1px solid #ddd;font-size: 1.1rem;box-shadow: 0 4px 15px rgba(0,0,0,0.1);}.search-btn {position: absolute;right: 8px;top: 50%;transform: translateY(-50%);background-color: #1a1a1a;border-radius: 50%;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;border: none;z-index: 5;}.search-btn:hover {background-color:#16254c;}.spinnerx {width: 20px;height: 20px;border: 3px solid #fff;border-top: 3px solid #000;border-radius: 50%;animation: spinx 0.7s linear infinite;margin: auto;}@keyframes spinx {100% { transform: rotate(360deg); }}@media (max-width: 767px) {body.mobile-search-active {overflow: hidden !important;height: 100vh !important;}body.mobile-search-active .search-input-wrapper {position: fixed !important;top: 0;left: 0;width: 100%;height: 70px;z-index: 100001;background: #fff;padding: 10px 60px 10px 15px;display: flex;align-items: center;border-bottom: 1px solid #ddd;}body.mobile-search-active #searchSugg {height: 45px;border-radius: 4px;font-size: 16px;width: 100%;}#suggestions {position: fixed !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100vh !important;background: #fff !important;z-index: 100000 !important;padding-top: 75px; overflow-y: auto;}body.mobile-search-active .suggestion-close-btn {position: fixed;top: 15px;right: 10px;z-index: 100002;width: 40px;height: 40px;background: #f5f5f5;border-radius: 50%;border: none;display: flex;align-items: center;justify-content: center;font-size: 24px;}}@media (max-width: 767px) {.clear-search-btn {right: 10px;font-size: 30px;}}.no-caret::after {display: none;}