.sf-review-form {

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;

    justify-content: space-between;

    height: calc(100% - 1em);

    margin: 1em 0;



    .sf-review-form__field-cont {

        display: flex;

        flex-direction: column;

        flex-wrap: nowrap;



        .sf-review-form__field {

            display: flex;

            flex-direction: column;

            flex-wrap: nowrap;

            gap: 0.25em;



            .sf-review-rating-stars {

                display: flex;

                gap: 3px;

                flex-direction: row-reverse;

                justify-content: flex-end;

                width: 100%;

            }



            .sf-review-rating-star {

                width: 24px;

                height: 24px;

                border: none;

                padding: 0;

                cursor: pointer;

                background: url(https://starkframe.store/wp-content/themes/starkframe/assets/images/stark-frame/a1-star-g.svg) center / contain no-repeat;

            }



            .sf-review-rating-star.is-active {

                background: url(https://starkframe.store/wp-content/themes/starkframe/assets/images/stark-frame/a1-star-o.svg) center / contain no-repeat;

                width: 24px;

                height: 24px;

            }



            /* селект можно спрятать, если хочешь только звёзды */

            .sf-review-rating-select {

                position: absolute;

                left: -9999px;

            }

        }



        .comment-form-comment {

            display: flex;

            flex-direction: column;

            flex-wrap: nowrap;

            gap: 0.25em;

            margin: 1em 0 0.5em;



            textarea {

                background: #00000075;

                border-radius: 8px;

                border: 0px;

                resize: none;

                color: #fff;

                font-family: 'Poppins';

                padding: 0.5em 1em;

                font-size: 14px;

                font-weight: 600;

            }

        }



        .comment-form-media {



            .comment-form-media__cont {

                display: flex;

                flex-direction: row;

                flex-wrap: nowrap;



                .comment-form-media__butt {

                    background: #00000069;

                    height: auto;

                    min-width: 90px;

                    width: 90px;

                    aspect-ratio: 3 / 4 !important;

                    max-width: unset;

                    max-height: unset;

                    object-fit: cover;

                    padding: 0;

                    border-radius: 6px;

                    display: block;

                    position: relative;

                    margin: 0.5em 1em 0.5em 0 !important;

                    display: flex;

                    flex-direction: column;

                    flex-wrap: nowrap;

                    align-items: center;

                    justify-content: center;

                    cursor: pointer;



                    .name-add {

                        color: #ffffff;

                        font-weight: 600;

                        font-family: 'Poppins';

                        font-size: 13px;

                    }



                    img {

                        width: 50px;

                        margin-bottom: 0.5em;

                    }



                    .comment-form-media__hint {

                        font-size: 11px;

                        color: #ffffffb0;

                    }

                }



                .sf-review-media-upload {



                    .js-review-media-list {

                        padding: 0;

                        margin: 0 !important;

                        display: inline-flex;

                        flex-direction: row;

                        flex-wrap: nowrap;

                        list-style-type: none;



                        .sf-review-media-item:first-child {

                            margin: 0.5em 0.5em 0.5em 0;

                        }



                        .sf-review-media-item {

                            position: relative;

                            margin: 0.5em;



                            .sf-review-media-item__thumb {

                                height: auto;

                                width: 90px;

                                aspect-ratio: 3 / 4 !important;

                                max-width: unset;

                                max-height: unset;

                                object-fit: cover;

                                padding: 0;

                                border-radius: 6px;

                                display: block;

                                position: relative;

                                margin: 0 !important;

                            }



                                .sf-review-media-item__remove::before {

                                    content: '';

                                    position: absolute;

                                    background: url(https://starkframe.store/wp-content/themes/starkframe/assets/images/stark-frame/com-pho-del-o.svg);

                                    background-size: cover;

                                    width: 22px;

                                    height: 22px;

                                    top: 0;

                                    right: 0;

                                    z-index: 99;

                                    opacity: 1;

                                }



                                .sf-review-media-item__remove {

                                    position: absolute;

                                    top: -6px;

                                    right: -7px;

                                    height: 22px;

                                    width: 22px;

                                    cursor: pointer;

                                }



                        }

                    }

                }

            }

        }

    }



    .sf-review-form-submit {



        #submit {

            width: 100%;

            background: #00000075;

            color: #fff;

            padding: 0px 15px;

            height: 2.5em;

            border-radius: 10px;

            font-family: 'Poppins';

            font-size: 15px;

            font-weight: 600;

        }

    }

}