.shops-hub{min-height:100vh;font-family:var(--font-outfit,"Inter",sans-serif);background-color:#fff;padding-top:80px}.sh-hero-section{text-align:center;background:radial-gradient(circle at 100% 0,#f8fafc 0%,#f1f5f9 100%);padding:100px 5% 140px;position:relative;overflow:hidden}.sh-hero-section:before{content:"";z-index:0;background:radial-gradient(circle,#6366f114 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-10%;right:-5%}.sh-hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.sh-hero-badge{color:#6366f1;background:#fff;border:1px solid #6366f133;border-radius:100px;margin-bottom:24px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-block;box-shadow:0 4px 12px #6366f11a}.sh-hero-section h1{color:#0f172a;letter-spacing:-2px;margin-bottom:20px;font-size:4rem;font-weight:900;line-height:1.1}.sh-hero-section h1 span{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sh-hero-section p{color:#64748b;max-width:600px;margin:0 auto 40px;font-size:1.2rem;line-height:1.6}.sh-filter-container{z-index:10;max-width:1000px;margin:-60px auto 60px;padding:0 20px;position:relative}.sh-filter-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:24px;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:0 25px 50px -12px #0000001a}.sh-search-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex:1;align-items:center;padding:0 20px;transition:all .3s;display:flex;position:relative}.sh-search-wrap:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.sh-search-icon{opacity:.5;margin-right:12px;font-size:1.2rem}.sh-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding:16px 0;font-size:1rem;font-weight:500}.sh-city-select{color:#fff;cursor:pointer;appearance:none;background:#0f172a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") right 16px center/16px no-repeat;border:none;border-radius:16px;min-width:160px;padding:16px 24px;font-weight:600;transition:all .3s}.sh-city-select:hover{background:#1e293b;transform:translateY(-2px)}.sh-main-content{max-width:1400px;margin:0 auto;padding:0 5% 100px}.sh-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:32px;display:grid}.sh-card{background:#fff;border:1px solid #f1f5f9;border-radius:32px;flex-direction:column;height:100%;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.sh-card:hover{border-color:#6366f14d;transform:translateY(-12px)scale(1.02);box-shadow:0 30px 60px -15px #00000026}.sh-card-visual{background:#f1f5f9;height:220px;position:relative}.sh-banner-img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.sh-card:hover .sh-banner-img{transform:scale(1.1)}.sh-card-overlay{opacity:0;background:linear-gradient(#0000 50%,#0f172acc 100%);align-items:flex-end;padding:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}.sh-card:hover .sh-card-overlay{opacity:1}.sh-view-details{color:#fff;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.sh-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.sh-brand-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sh-brand-name{color:#0f172a;letter-spacing:-.5px;font-size:1.5rem;font-weight:800}.sh-verified-badge{color:#fff;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:flex}.sh-card-desc{color:#64748b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:24px;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.sh-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;display:flex}.sh-card-loc{color:#1e293b;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.sh-loc-dot{background:#6366f1;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #6366f180}.sh-visit-btn{color:#0f172a;background:#f8fafc;border-radius:12px;padding:10px 18px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s}.sh-card:hover .sh-visit-btn{color:#fff;background:#6366f1}.sh-skeleton{background:#f1f5f9;border-radius:32px;height:400px;animation:1.5s ease-in-out infinite sh-pulse}@keyframes sh-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width:768px){.sh-hero-section h1{font-size:2.5rem}.sh-filter-glass{flex-direction:column}.sh-search-wrap,.sh-city-select{width:100%}}