.hero-section {position:relative;height:480px;display:flex;align-items:center;justify-content:center;overflow:visible;background-color:#212529;}.hero-bg {position:absolute;top:0; left:0; width:100%; height:100%;object-fit:cover;opacity:0.6;transition:opacity 1s ease-in-out;}.hero-content { position:relative; z-index:2; }.search-container {background:white;padding:10px;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,0.15);}.form-control:focus { box-shadow:none; border-color:var(--color-primary); }.category-scroll {display:flex;overflow-x:auto;gap:1.5rem;padding:1rem 0;scrollbar-width:none; }.category-scroll::-webkit-scrollbar { display:none; } .cat-item {min-width:80px;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#666;transition:color 0.3s;}.cat-icon {width:56px; height:56px;background-color:#e0f2f1;border-radius:50%;display:flex; align-items:center; justify-content:center;font-size:1.5rem;color:var(--color-primary);margin-bottom:0.5rem;transition:all 0.3s;}.cat-item:hover .cat-icon { background-color:var(--color-primary); color:white; }.cat-item:hover { color:var(--color-primary); }.card {border:none;border-radius:12px;transition:transform 0.3s, box-shadow 0.3s;overflow:hidden;}.card:hover {transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.1);}.card-img-wrapper { position:relative; height:200px; }.card-img-wrapper img { width:100%; height:100%; object-fit:cover; }.date-badge {position:absolute; top:15px; left:15px;background:rgba(255,255,255,0.95);padding:5px 12px;border-radius:8px;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,0.1);line-height:1.1;}.tag-badge {position:absolute; top:15px; right:15px;}.ad-label {position:absolute; top:-10px; right:0;background:#eee; color:#999;font-size:10px; padding:2px 6px;text-transform:uppercase;} #suggestion-box {left:-1em;}