.star-rating{margin-bottom:5px;display:inline-flex;align-items:center}.star-rating i{color:#ffc107;font-size:1rem;margin-right:2px}.star-rating i.far{color:#e0e0e0}.star-rating-lg i{font-size:1.5rem;margin-right:3px}.rating-count{margin-left:5px;color:#777;font-size:.85rem}.rating-form{margin-top:15px;border-radius:8px;border:1px solid #eee;padding:15px;background-color:#f9f9f9}.rating-form h5{margin-bottom:15px;color:#333;font-size:1.1rem}.rating-form .form-label{font-weight:500}.rating-form .form-control{margin-bottom:15px}.rating-form .btn-rating{border:none;color:#fff;background-color:var(--primary-color)}.rating-form .btn-rating:hover{background-color:var(--button-primary-hover-bg)}.rating-selector{margin-bottom:15px;display:flex;justify-content:flex-end;flex-direction:row-reverse}.rating-selector input{display:none}.rating-selector label{color:#e0e0e0;cursor:pointer;padding:0 2px;font-size:1.5rem}.rating-selector input:checked~label,.rating-selector label:hover,.rating-selector label:hover~label{color:#ffc107}.ratings-list{margin-top:20px}.rating-item{margin-bottom:10px;border-bottom:1px solid #eee;padding:12px}.rating-item:last-child{border-bottom:none}.rating-item .user-name{margin-bottom:5px;font-weight:500}.rating-item .rating-date{margin-left:10px;color:#999;font-size:.8rem}.rating-item .rating-comment{margin-top:5px;font-size:.95rem}.rating-summary{margin-bottom:10px;display:flex;align-items:center}.rating-average{font-weight:500;font-size:1.2rem;margin-right:10px}.btn-show-ratings{margin-top:5px;border-radius:4px;border:1px solid #ddd;color:#666;cursor:pointer;padding:5px 10px;font-size:.9rem;background-color:transparent}.btn-show-ratings:hover{background-color:#f5f5f5}.rating-modal{left:0;overflow-y:auto;display:none;z-index:1000;position:fixed;top:0;height:100%;background-color:rgba(0,0,0,.5);width:100%}.rating-modal-content{border-radius:8px;margin:10% auto;box-shadow:0 4px 15px rgba(0,0,0,.2);position:relative;padding:20px;max-width:500px;background-color:#fff;width:90%}.rating-modal-close{right:15px;color:#999;cursor:pointer;position:absolute;top:10px;font-size:1.5rem}.rating-modal-close:hover{color:#333}.rating-modal-title{margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px;font-size:1.2rem}@media (max-width:576px){.rating-modal-content{margin:15% auto;padding:15px;width:95%}.rating-selector label{font-size:1.3rem}}