.city-item{display:flex;align-items:center;gap:14px;padding:12px 16px;background:linear-gradient(135deg,#f5f5f5,#fff);border-radius:30px;cursor:pointer;transition:all .3s;border:2px solid transparent}.city-item:hover{background:linear-gradient(135deg,#e0f7fa,#f3e5f5);transform:translateX(5px);border-color:#00bcd4}.city-item.active{background:linear-gradient(135deg,#00bcd4,#9c27b0);color:white;box-shadow:0 4px 15px rgba(0,188,212,.3)}.city-icon{width:44px;height:44px;background:rgba(0,188,212,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#00bcd4}.city-item.active .city-icon{background:rgba(255,255,255,.2);color:white}.city-info h3{font-size:.95rem;font-weight:600}.city-info p{font-size:.8rem;opacity:.8}.salon-card{background:#fff;border-radius:32px;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid #f0f0f0;box-shadow:0 4px 15px rgba(0,0,0,.05);position:relative}.salon-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,188,212,.15);border-color:#00bcd4}.salon-image{height:200px;background-size:cover;background-position:center;position:relative}.salon-rating{position:absolute;bottom:12px;right:12px;background:rgba(255,255,255,.95);backdrop-filter:blur(4px);color:#ff9800;padding:6px 12px;border-radius:20px;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.salon-featured{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#ff6b6b,#feca57);padding:5px 14px;border-radius:20px;font-size:.75rem;font-weight:700;color:white;box-shadow:0 2px 8px rgba(0,0,0,.15)}.salon-info{padding:20px}.salon-name{font-size:1.4rem;font-weight:700;margin-bottom:6px;color:#2c3e50}.salon-location{color:#78909c;margin-bottom:10px;font-size:.9rem;display:flex;gap:6px;align-items:center}.salon-description{color:#546e7a;font-size:.9rem;line-height:1.5;margin-bottom:12px}.salon-tag{background:linear-gradient(135deg,#e0f7fa,#f3e5f5);color:#00838f;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.salon-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid #f0f0f0}.price-range{font-weight:700;color:#9c27b0;font-size:1.1rem}.services-count{color:#00bcd4;font-weight:600;font-size:.9rem}.salon-modal.active{opacity:1;visibility:visible}.salon-modal.active .salon-modal-content{transform:scale(1)}.review-item{background:linear-gradient(135deg,#f3e5f5,#e0f7fa);border-radius:24px;padding:16px 20px;border-left:4px solid #00bcd4}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.reviewer-name{font-weight:700;color:#2c3e50}.review-rating{color:#ff9800}.review-text{color:#546e7a;font-size:.95rem;line-height:1.5}.notification.show{transform:translateX(-50%) translateY(0);opacity:1}