.businesses-hero{background-image:url(/img/vibes_hero-Bo6C9Xb-.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.businesses-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);z-index:1}.vibe-card{background:#fff;border-radius:4px;border:1px solid #e2e8f0;padding:1.5rem;transition:all .2s ease;cursor:pointer}.vibe-card:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.15);transform:translateY(-2px)}.vibe-category{display:inline-block;background:#fef3c7;color:#92400e;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;margin-bottom:.75rem}.vibe-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.5rem;line-height:1.4}.vibe-description{color:#64748b;font-size:.875rem;line-height:1.6;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vibe-meta{display:flex;gap:1rem;font-size:.75rem;color:#64748b;flex-wrap:wrap}.vibe-meta-item{display:flex;align-items:center;gap:.25rem}.vibes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:0 1rem;margin-bottom:4rem}.loading-state{text-align:center;padding:3rem;color:#64748b}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:3rem;color:#64748b}.empty-state h3{color:#1e293b;margin-bottom:.5rem}.results-summary{padding:1rem;text-align:center;color:#64748b;font-size:.875rem;margin-bottom:1rem}.results-summary span{font-weight:600;color:#667eea}@media(max-width:768px){.vibes-grid{grid-template-columns:1fr;padding:0 .5rem}.vibe-card{padding:1.25rem}.vibe-title{font-size:1rem}.vibe-description{font-size:.8125rem}}@media(min-width:769px)and (max-width:1024px){.vibes-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.businesses-hero{padding:3.5rem 0 2.5rem}.businesses-title{font-size:2.5rem}}@media(max-width:480px){.businesses-hero{padding:2.5rem 0 2rem}.businesses-title{font-size:1.75rem}.businesses-subtitle{font-size:1rem}.vibe-card{padding:1rem}.vibe-title{font-size:.95rem}.vibe-description{font-size:.75rem}}