.city-item{display:flex;align-items:center;gap:18px;padding:14px 18px;background:#fcfaff;border-radius:34px;cursor:pointer;transition:all .2s;border:1px solid transparent}.city-item:hover{background:#f1eaff;transform:translateX(6px)}.city-item.active{background:linear-gradient(100deg,#efe6ff,#fff);border-color:#c084fc;box-shadow:0 8px 18px rgba(128,0,255,.08)}.city-icon{width:48px;height:48px;background:#ede4ff;border-radius:60px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#8b5cf6}.salon-card{background:#fff;border-radius:36px;overflow:hidden;transition:all .35s cubic-bezier(.2,.9,.4,1.1);cursor:pointer;border:1px solid #f0eaff;box-shadow:0 10px 20px rgba(0,0,0,.02)}.salon-card:hover{transform:translateY(-10px);box-shadow:0 28px 42px rgba(110,35,190,.12);border-color:#d9c8ff}.salon-image{height:210px;background-size:cover;background-position:center;position:relative}.salon-rating{position:absolute;bottom:16px;right:16px;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);color:#fd7;padding:6px 14px;border-radius:40px;font-weight:700}.salon-featured{position:absolute;top:16px;left:16px;background:linear-gradient(105deg,#9b4dff,#c084fc);padding:6px 16px;border-radius:40px;font-size:.75rem;font-weight:700}.salon-info{padding:22px 22px 24px}.salon-name{font-size:1.5rem;font-weight:800;margin-bottom:6px;color:#2d2a5c}.salon-location{color:#5b5179;margin-bottom:12px;font-size:.9rem;display:flex;gap:6px;align-items:center}.salon-tag{background:#f1eaff;color:#7c3aed;padding:4px 14px;border-radius:30px;font-size:.7rem;font-weight:600}.salon-modal.active{opacity:1;visibility:visible}.salon-modal.active .salon-modal-content{transform:scale(1)}.notification.show{transform:translateX(-50%) translateY(0);opacity:1}