.review-form {
    /*max-width: 600px;*/
    margin: 0 auto;
    /*background: #fefefe;*/
    /*padding: 20px;*/
    /*border-radius: 8px;
    border: 1px solid #ddd;*/
}

    /*.review-form label {
        display: block;
        margin-top: 12px;
        font-weight: bold;
    }*/

    .review-form textarea {
        width: 100%;
        padding-left: 1px;
        padding-right: -2px;
        resize: vertical;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .review-form .star-rating {
        direction: rtl;
        display: inline-flex;
    }

.star-rating input {
    display: none;
}

.star-rating label {
    font-size: 50px;
    color: #ccc;
    cursor: pointer;
}

    .star-rating input:checked ~ label,
    .star-rating label:hover,
    .star-rating label:hover ~ label {
        color: gold;
    }

#dropZone {
    margin-top: 15px;
    padding: 20px;
    border: 2px dashed #aaa;
    text-align: center;
    color: #888;
    border-radius: 6px;
}

    #dropZone.dragover {
        border-color: #666;
        color: #000;
        background: #f3f3f3;
    }

#uploadedFiles {
    margin-top: 10px;
}

.file-name {
    margin-top: 4px;
    font-size: 14px;
}

.submit-btn {
    margin-top: 20px;
    padding: 12px 20px;
    background-color: #ff9900;
    border: none;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    cursor: pointer;
}

    .submit-btn:hover {
        background-color: #e68200;
    }


.book-rating {
    display: flex;
    align-items: center;
    gap: 4px;
}

.star {
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;utf8,<svg fill='none' viewBox='0 0 24 24' stroke='gray' xmlns='http://www.w3.org/2000/svg'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 17.27L18.18 21l-1.63-7L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.45 4.73L5.82 21z'/></svg>") no-repeat center;
    background-size: contain;
    position: relative;
}

    /* Полностью залитая звезда */
    .star.full {
        background-image: url("data:image/svg+xml;utf8,<svg fill='gold' viewBox='0 0 24 24' stroke='goldenrod' xmlns='http://www.w3.org/2000/svg'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 17.27L18.18 21l-1.63-7L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.45 4.73L5.82 21z'/></svg>");
    }

    /* Половинка — через линейный градиент-маску */
    .star.half {
        background-image: linear-gradient(to right, gold 50%, lightgray 50%);
        -webkit-mask-image: url("data:image/svg+xml;utf8,<svg fill='black' viewBox='0 0 24 24' stroke='black' xmlns='http://www.w3.org/2000/svg'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 17.27L18.18 21l-1.63-7L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.45 4.73L5.82 21z'/></svg>");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: cover;
        mask-image: url("data:image/svg+xml;utf8,<svg fill='black' viewBox='0 0 24 24' stroke='black' xmlns='http://www.w3.org/2000/svg'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 17.27L18.18 21l-1.63-7L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.45 4.73L5.82 21z'/></svg>");
        mask-repeat: no-repeat;
        mask-size: cover;
    }