.search-wrapper{position:relative;width:100%;max-width:300px;margin:0;padding:0;display:block}.search-input{width:100%;height:40px;padding:0 15px;border:1px solid #ccc;border-radius:5px;font-size:14px;outline:0;box-sizing:border-box}.search-results{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #ccc;border-top:none;margin:0;padding:0;display:none;z-index:9999;box-shadow:0 5px 10px rgba(0,0,0,.1)}.search-results a{display:block;padding:10px 15px;color:#333;text-decoration:none;border-bottom:1px solid #eee;font-size:14px;margin:0}.search-results a:hover{background:#f4f4f4}@media (max-width:600px){.search-wrapper{max-width:100%!important}}.trending-wrapper{margin:40px auto;padding:20px;max-width:900px;text-align:center}.trending-title{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:25px;display:flex;align-items:center;justify-content:center;gap:10px}.trending-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}.trend-card{padding:18px 10px;background:#fff;border-radius:12px;text-decoration:none;color:#333;font-weight:500;font-size:14px;border:1px solid #e0e0e0;transition:.3s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.05)}.trend-card:hover{background:#007bff;color:#fff;transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,123,255,.2);border-color:#007bff}body.dark-mode .trend-card{background:#1e1e1e;color:#fff;border-color:#333}