.city-item{display:flex;align-items:center;gap:20px;padding:20px;background:#f9f7ff;border-radius:15px;cursor:pointer;transition:all .3s;border:2px solid transparent}.city-item:hover{transform:translateX(10px);background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.1)}.city-item.active{background:linear-gradient(135deg,#8a2be2 0%,#ff69b4 100%);color:white;border-color:transparent;transform:translateX(10px)}.city-icon{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#8a2be2;box-shadow:0 5px 15px rgba(0,0,0,.1)}.city-item.active .city-icon{background:rgba(255,255,255,.2);color:white}.city-info h3{font-size:1.3rem;font-weight:700;margin-bottom:5px}.city-info p{font-size:.95rem;opacity:.8}.salon-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.08);transition:all .4s;border:1px solid #f0f0f0;cursor:pointer}.salon-card:hover{transform:translateY(-15px);box-shadow:0 25px 50px rgba(0,0,0,.15)}.salon-image{height:200px;background-size:cover;background-position:center;position:relative}.salon-rating{position:absolute;top:20px;right:20px;background:rgba(255,215,0,.95);color:#333;padding:8px 15px;border-radius:20px;font-weight:700;display:flex;align-items:center;gap:5px;font-size:1rem}.salon-featured{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,#ff69b4,#8a2be2);color:white;padding:8px 15px;border-radius:20px;font-weight:700;font-size:.9rem}.salon-info{padding:25px}.salon-name{font-size:1.5rem;color:#333;margin-bottom:10px;font-weight:700}.salon-location{color:#666;margin-bottom:15px;display:flex;align-items:center;gap:8px;font-size:1rem}.salon-location i{color:#8a2be2}.salon-description{color:#777;line-height:1.6;margin-bottom:20px;font-size:.95rem}.salon-tag{background:rgba(138,43,226,.1);color:#8a2be2;padding:6px 12px;border-radius:15px;font-size:.85rem;font-weight:600}.salon-details{display:flex;justify-content:space-between;color:#666;font-size:.9rem;padding-top:20px;border-top:1px solid #f0f0f0}.salon-price{color:#ff69b4;font-weight:700;font-size:1.1rem}.salon-modal.active{opacity:1;visibility:visible}.salon-modal.active .salon-modal-content{transform:translateY(0)}.review-item{background:#f9f9f9;padding:20px;border-radius:15px}.review-header{display:flex;justify-content:space-between;margin-bottom:10px}.reviewer-name{font-weight:700;color:#333}.review-rating{color:#ffd700}.review-text{color:#666;line-height:1.6}.notification.show{transform:translateX(-50%) translateY(0);opacity:1}