.admin-bar .stark_modal_window {

    height: calc(100vh - 32px) !important;

}



.admin-bar.sf-mobile .stark_modal_window {

    height: calc(100vh - 46px) !important;

}



.sf-no-scroll {

  overflow: hidden;

}



.sf-var-opt__img {

  display: inline-flex;

  align-items: center;

  gap: 8px;

}

.sf-var-opt__img img {

  width: 34px;

  height: 34px;

  object-fit: cover;

  border-radius: 8px;

}

.sf-var-opt__txt {

  line-height: 1.1;

}



.sf-mobile .sf-modal-sidebar-window {



    .sf-modal-header {

        background: #25242e !important;



        .sf-prod-tools {



            .sfpost-tool--save .sfpost-tool__icon {

                background-image: url(https://starkframe.store/wp-content/themes/starkframe/assets/images/modal/wish.svg) !important;

            }



            .sfpost-tool--comments .sfpost-tool__icon {

                background-image: url(https://starkframe.store/wp-content/themes/starkframe/assets/images/modal/comm.svg) !important;

            }



            .sfpost-tool--open .sfpost-tool__icon {

                background-image: url(https://starkframe.store/wp-content/themes/starkframe/assets/images/modal/copy.svg) !important;

            }



            .sfpost-tool--share .sfpost-tool__icon {

                background-image: url(https://starkframe.store/wp-content/themes/starkframe/assets/images/modal/resend.svg) !important;

            }

        }



        .sf-modal-close {

            background: url(https://starkframe.store/wp-content/themes/starkframe/assets/images/stark-frame/cross-title.svg) !important;

            background-size: 20px !important;

            background-position: right !important;

            background-repeat: no-repeat !important;

        }

    }



    .sf-prod-bottom {

        padding: 0.25em 0 1.5em !important;

    }

}



.sf-modal-sidebar-window {

    position: relative;

    margin: 0px auto;

    display: grid;

    grid-template-columns: 1fr;

    grid-template-rows: min-content 1fr min-content;

    z-index: 9;

    height: 100%;



    .sf-modal-header {

        display: flex;

        flex-direction: row;

        flex-wrap: nowrap;

        height: 50px;

        width: calc(100% - 2.5em);

        justify-content: space-between;

        background: #ffffff;

        z-index: 9999;

        backdrop-filter: blur(6px);

        padding: 0 1.5em 0 1em;

        align-items: center;



        .sf-prod-tools {

            flex-flow: row;

            z-index: 99999;

            width: fit-content;

            height: 35px;

            display: flex;

            flex-direction: row;

            flex-wrap: nowrap;

            justify-content: space-between;

            padding: 2.5px;

            gap: 0.5em;

            border-top: 0 !important;

            background: unset !important;



            .sfpost-tool--save .sfpost-tool__icon {

                background-image: url(https://starkframe.store/wp-content/plugins/sf-posts/assets/images/save1.svg);

            }



            .sfpost-tool--comments .sfpost-tool__icon {

                background-image: url(https://starkframe.store/wp-content/plugins/sf-posts/assets/images/comm1.svg);

            }



            .sfpost-tool--open .sfpost-tool__icon {

                background-image: url(https://starkframe.store/wp-content/plugins/sf-posts/assets/images/open1.svg);

            }



            .sfpost-tool--share .sfpost-tool__icon {

                background-image: url(https://starkframe.store/wp-content/plugins/sf-posts/assets/images/share1.svg);

            }



            > * {

                width: 100%;

                position: relative;

                box-sizing: border-box;

                display: inline-flex;

                height: 35px;

                justify-content: center;

                cursor: pointer;

                padding: 0;



                .sfpost-tool__icon {

                    background-position: center center;

                    background-repeat: no-repeat;

                    background-size: 35px;

                    box-sizing: border-box;

                    height: 35px;

                    width: 35px;

                    position: relative;

                    border-radius: 8px;

                }

            }

        }



        .sf-modal-close {

            margin-right: 0;

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

            background-size: 20px;

            background-position: right;

            background-repeat: no-repeat;

            width: 35px;

            height: 35px;

            cursor: pointer;

            padding: 0;

        }

    }



    .sf-modal-body {

        overflow-y: scroll;

        scrollbar-width: thin;

        scrollbar-color: #dbd8ed transparent;

        scrollbar-gutter: stable;

        padding: 0;

        display: flex;

        flex-direction: column;

        flex-wrap: nowrap;

        justify-content: flex-start;



        .sf-prod-modal {

            display: flex;

            flex-direction: column;

            flex-wrap: nowrap;

            justify-content: flex-start;

            width: 100%;

            position: relative;

            margin: 0;

            padding: 0;

            z-index: 9;

            height: 100%;



            > * {

                margin: 0em 0.5em 1em 1em;

            }



            .sf-prod-modal__media a {

                position: relative;

                display: flex;

                justify-content: center;

                align-items: center;

                background-size: cover;

                height: calc(100vh - 275px);

                background-position: center center;

                overflow: hidden;

                background-color: #25242e;

                border-radius: 15px;

                max-width: 100%;

                max-height: 1080px;

                margin-bottom: 28px;



                img {

                    height: 100%;

                    max-height: 100%;

                    backdrop-filter: blur(30px);

                    max-width: 100%;

                    padding: 0;

                    display: block;

                    position: relative;

                    margin: 0 !important;

                    width: 100%;

                    object-fit: contain;

                }

            }



            .swiper-pagination {

                bottom: 10px !important;

            }



            .sf-modal-prod-title {

                font-size: 22px;

                margin: 0;

                color: rgb(63, 60, 90);

                border-bottom: 1.5px solid #dbdbdb;

            }



            .sf-product-rating {

                display: inline-flex;

                flex-direction: row;

                flex-wrap: nowrap;

                gap: 0.5em;

                margin: 0;

                width: fit-content;

                align-items: center;

                line-height: 2;



                .star-rating::before {

                    top: 0;

                    left: 0;

                    position: absolute;

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

                    content: '';

                    display: block;

                    height: 100%;

                    width: 100%;

                    background-size: contain;

                }



                .star-rating {

                    position: relative;

                    height: 20px;

                    width: 7.1em;



                    span::before {

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

                        content: '';

                        background-size: contain;

                        top: 0;

                        position: absolute;

                        left: 0;

                        width: 100%;

                        height: 100%;

                    }



                    span {

                        float: left;

                        top: 0;

                        left: 0px;

                        position: absolute;

                        height: 100%;

                    }

                }



                .woocommerce-review-link {

                    color: #7f7f7f;

                }

            }



            .sf-prod-variations {

                display: flex;

                flex-direction: column;

                flex-wrap: nowrap;

                gap: 1em;



                .sf-prod-variations__title {

                    display: none;

                }



                .sf-var-attr {

                    display: flex;

                    flex-direction: column;

                    flex-wrap: nowrap;

                    gap: 0.5em;



                    .sf-var-attr__opts {

                        display: flex;

                        margin: 0;

                        width: fit-content !important;

                        flex-direction: row;

                        list-style-type: none;

                        padding: 0;

                        gap: 0.5em;

                        flex-wrap: nowrap;

                    }

                }



                .sf-var-attr-img {



                    .sf-var-attr__wrapper {

                        overflow-x: scroll;

                        scrollbar-width: none;

                        scrollbar-color: #bababa transparent;

                        scrollbar-gutter: stable;

                        align-content: center;

                        height: fit-content;

                        width: calc(100% + 1.5em);

                        position: relative;

                        left: -1em;



                        .sf-var-attr__opts {

                            margin: 0 0.5em 0 1em;



                            .sf-var-opt.is-active::before {

                                content: '';

                                position: absolute;

                                background: url(https://starkframe.store/wp-content/themes/starkframe/assets/images/stark-frame/done-o1.svg);

                                background-size: cover;

                                width: 23px;

                                height: 23px;

                                top: 3px;

                                right: 4px;

                                z-index: 9;

                                opacity: 1;

                            }



                            .sf-var-opt.is-active img {

                                box-shadow: 0 0 0 2.5px #ffa95d;

                            }



                            .sf-var-opt {

                                padding: 0;

                                position: relative;

                                margin: 0.25em 0.25em;

                                cursor: pointer;



                                .sf-var-opt__img {

                                    display: inline-flex;

                                    align-items: center;

                                    gap: 8px;

                                    flex-direction: column;



                                    img {

                                        object-fit: cover;

                                        padding: 0;

                                        border-radius: 4px;

                                        display: block;

                                        position: relative;

                                        max-width: unset;

                                        max-height: unset;

                                        width: 80px !important;

                                        aspect-ratio: 3 / 4 !important;

                                        height: unset !important;

                                    }



                                    .sf-var-opt__txt {

                                        display: none;

                                    }

                                }

                            }

                        }

                    }

                }



                .sf-var-attr-text {



                    .sf-var-opt.is-active {

                        background: #ffefde !important;

                        color: #f48b2a !important;

                    }



                    .sf-var-opt.is-disabled {

                        opacity: 0.3;

                        pointer-events: none;

                    }



                    .sf-var-opt {

                        padding: 5px 15px;

                        display: flex;

                        align-items: center;

                        flex-direction: row;

                        margin: 0;

                        width: fit-content;

                        justify-content: center;

                        position: relative;

                        cursor: pointer;

                        overflow: hidden;

                        border-radius: 10px;

                        transition: all 0.2s ease-in-out;

                        background: #ebeaf2;

                        color: #3f3c5a;

                        font-weight: 600;

                        font-family: 'DM Sans';

                    }

                }



                .sf-prod-variations__pending {

                    background: #ebeaf2;

                    padding: 5px 15px;

                    border-radius: 8px;

                }

            }



            .sf-prod-specs {

                display: flex;

                flex-direction: column;

                height: fit-content;

                flex-wrap: nowrap;

                scrollbar-gutter: stable;

                gap: 1em;

                margin-bottom: 2em;



                .sf-prod-specs__title {

                    margin: 0;

                    font-size: 18px;

                    color: rgb(63, 60, 90);

                    line-height: 1;

                }



                .sf-prod-specs__list {

                    margin: 0;

                    padding: 0;



                    .sf-prod-specs__row {

                        display: flex !important;

                        flex-direction: row;

                        flex-wrap: nowrap;

                        justify-content: space-between;

                        padding: 0;

                        color: #1c1c1c;

                        font-weight: 500;

                        white-space: nowrap;



                        .sf-prod-specs__space {

                            width: 100%;

                            margin: 4px 10px;

                            display: flex !important;

                            flex-direction: row;

                            flex-wrap: nowrap;

                            justify-content: space-between;

                            padding: 0;

                            color: #1c1c1c;

                            font-weight: 500;

                            white-space: nowrap;

                            border-bottom: 1px dashed #1c1c1c40;

                        }

                    }

                }

                    

                .sf-read-more-butt.sf-open-product-info {

                    cursor: pointer;

                    text-align: center;

                    width: fit-content;

                    padding: 0 1.5em;

                    font-weight: 600;

                    align-content: center;

                    border-radius: 8px;

                    background: #ebeaf2;

                    color: #3f3c5a;

                    height: 32px;

                    font-size: 14px;

                    font-family: 'Poppins';

                }

            }



            .sf-prod-reviews {

                display: flex;

                flex-direction: column;

                flex-wrap: nowrap;



                .sf-prod-reviews__title {

                    margin: 0;

                    font-size: 18px;

                    color: rgb(63, 60, 90);

                }



                .review-comments-toolbar {

                    margin: 0.75em 0 !important;



                    .review_func {

                        display: flex;

                        flex-direction: row;

                        flex-wrap: nowrap;

                        gap: 0.5em;



                        > * {

                            cursor: pointer;

                            text-align: center;

                            width: fit-content;

                            padding: 0 1.5em;

                            font-weight: 600;

                            align-content: center;

                            border-radius: 8px;

                            font-size: 14px;

                            background: #3f3c5a;

                            color: #fff;

                            height: 34px;

                            font-family: 'Poppins';

                        }



                        button {

                            background: #ebeaf2 !important;

                            color: #3f3c5a !important;

                        }

                    }

                }



                .all-comment-cont {

                    overflow-x: scroll;

                    scrollbar-width: none;

                    scrollbar-color: #bababa transparent;

                    scrollbar-gutter: stable;

                    align-content: center;

                    height: fit-content;

                    width: calc(100% + 1.5em);

                    position: relative;

                    left: -1em;



                    .all-comment-media {

                        padding: 0px;

                        gap: 0.75em;

                        display: inline-flex;

                        flex-flow: row;

                        list-style-type: none;

                        margin: 0 0.5em 0 1em !important;



                        .all-comment-image-item img, .all-comment-video-item img {

                            width: auto;

                            object-fit: cover;

                            border-radius: 6px;

                            display: block;

                            position: relative;

                            height: 9em;

                            aspect-ratio: 3 / 4;

                        }



                        .all-comment-video-item a::before {

                            content: "";

                            background: url(https://starkframe.store/wp-content/themes/starkframe/assets/images/stark-frame/play-butt-comm-trans.svg);

                            background-size: contain;

                            position: absolute;

                            top: 0;

                            right: 0;

                            left: 0;

                            bottom: 0;

                            z-index: 9;

                        }



                        .all-comment-video-item a {

                            position: relative;

                        }

                    }

                }



                #reviews {

                    display: grid;

                    grid-template-columns: 1fr;

                    grid-auto-rows: min-content;

                    position: relative;

                    width: calc(100% + 1em);

                    left: -1em;



                    .comment-swiper {

                        user-select: none;

                        display: grid;

                        grid-template-columns: 1fr;

                        grid-auto-rows: min-content;

                        width: calc(100% - 2.5em);

                        overflow: hidden;

                        padding: 0 1em 0 1.5em;



                        .woocommerce #reviews #comments ol.commentlist::after, .woocommerce #reviews #comments ol.commentlist::before {

                            content: " ";

                            display: none !important;

                        }



                        .commentlist {

                            padding: 0;



                            .review {

                                position: relative;

                                border-radius: 15px;

                                background: #fff !important;

                                box-shadow: 0 0px 5px 1px #e3e3e3;

                                overflow: hidden;

                                height: 260px;

                                max-height: 260px;

                                box-sizing: border-box;

                                padding: 0.5em !important;



                                .open-full-cont {

                                    position: absolute;

                                    bottom: 0px;

                                    right: 0px;

                                    left: 0;

                                    width: calc(100% - 12px);

                                    text-align: right;

                                    z-index: 9999;

                                    background: #ffffffde;

                                    color: #1c1c1c;

                                    padding: 6px 6px;

                                    font-family: 'Poppins';

                                    cursor: pointer;

                                    backdrop-filter: blur(3px);

                                    -webkit-backdrop-filter: blur(3px);

                                    display: flex;

                                    flex-direction: row-reverse;

                                    flex-wrap: nowrap;

                                    justify-content: space-between;



                                    .open-full-butt.open_side_bar {

                                        cursor: pointer;

                                        padding: 0 15px;

                                        width: fit-content;

                                        color: #3f3c5a;

                                        font-weight: 600;

                                    }

                                }



                                .comment_container {

                                    display: grid;

                                    grid-template-columns: 1fr;

                                    grid-template-rows: auto;

                                    align-items: stretch;

                                    position: relative;



                                    .comment-header {

                                        display: flex;

                                        flex-direction: row;

                                        flex-wrap: nowrap;

                                        align-items: center;

                                        width: 100%;



                                        .avatar {

                                            width: 65px;

                                            height: 65px;

                                            padding: 3px;

                                            background: transparent;

                                            border-radius: 50%;

                                            margin-right: 10px;

                                            line-height: 1;

                                            position: unset;

                                            border: unset;

                                        }



                                        .comment-meta {

                                            display: flex;

                                            flex-direction: column;

                                            height: 60px;

                                            justify-content: space-between;



                                            .review-product-rating {

                                                display: flex;

                                                flex-direction: row;

                                                flex-wrap: nowrap;

                                                width: fit-content;

                                                justify-content: flex-start;

                                                gap: 0.5em;



                                                .rating {

                                                    display: none;

                                                }



                                                .star-rating::before {

                                                    top: 0;

                                                    left: 0;

                                                    position: absolute;

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

                                                    content: '';

                                                    display: block;

                                                    height: 100%;

                                                    width: 100%;

                                                    background-size: contain;

                                                }



                                                .star-rating {

                                                    position: relative;

                                                    height: 20px;

                                                    width: 7.1em;



                                                    span::before {

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

                                                        content: '';

                                                        background-size: contain;

                                                        top: 0;

                                                        position: absolute;

                                                        left: 0;

                                                        width: 100%;

                                                        height: 100%;

                                                    }



                                                    span {

                                                        float: left;

                                                        top: 0;

                                                        left: 0px;

                                                        position: absolute;

                                                        height: 100%;

                                                    }

                                                }

                                            }



                                            .comment-media-count {

                                                position: absolute;

                                                top: 0.25em;

                                                right: 0.75em;

                                                margin: 0;

                                                color: #828282;

                                            }



                                            .meta {

                                                display: flex;

                                                flex-direction: column;

                                                flex-wrap: nowrap;

                                                align-items: flex-start;

                                                margin: 0;

                                                justify-content: center;

                                                margin-left: 3px;



                                                .woocommerce-review__author {

                                                    line-height: 1;

                                                    margin-bottom: 5px;

                                                    font-weight: 600;

                                                    color: #000;

                                                    font-size: 13px;

                                                    font-family: 'Poppins';

                                                }



                                                .woocommerce-review__verified.verified {

                                                    display: none;

                                                }



                                                .woocommerce-review__published-date {

                                                    line-height: 1;

                                                    color: #828282;

                                                    font-size: 13px;

                                                }

                                            }

                                        }

                                    }



                                    .comment-text {

                                        margin: 1.5em 1em 0;

                                        display: flex;

                                        flex-direction: row;

                                        gap: 0.5em;

                                        border: unset !important;

                                        padding: 0 !important;

                                        justify-content: space-between;



                                        .description::before {

                                            content: "";

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

                                            background-size: cover;

                                            position: absolute;

                                            top: 0;

                                            left: 0;

                                            width: 30px;

                                            height: 30px;

                                            margin-right: 0;

                                            transform: translate(20px, -23px);

                                        }



                                        .description {

                                            background: #ffecda;

                                            color: #000;

                                            width: fit-content;

                                            height: fit-content;

                                            padding: 0.5em 1em;

                                            border-radius: 15px;

                                            position: relative;

                                            display: flex;

                                            flex-direction: row;

                                            gap: 0.5em;



                                            .comment-text-media {

                                                display: flex;

                                                align-items: flex-start;

                                                overflow-y: clip;

                                                max-height: 200px;



                                                .all-comment-media-cont {



                                                    #media-list{

                                                        list-style-type: none;

                                                        margin: 0px;

                                                        padding: 0;

                                                        display: flex;

                                                        flex-direction: row;

                                                        flex-wrap: wrap;

                                                        justify-content: flex-start;



                                                        .all-comment-video-item {



                                                            a::before {

                                                                content: "";

                                                                background: url(https://starkframe.store/wp-content/themes/starkframe/assets/images/stark-frame/play-butt-comm-trans.svg);

                                                                background-size: contain;

                                                                width: 85px;

                                                                aspect-ratio: 3 / 4;

                                                                position: absolute;

                                                                top: 0;

                                                                right: 0;

                                                                z-index: 999;

                                                            }

                                                        }



                                                        > li {

                                                            margin: 3px;

                                                            display: flex;

                                                            align-items: center;

                                                            border-radius: 6px;

                                                            position: relative !important;

                                                            z-index: unset !important;



                                                            a {



                                                                img {

                                                                    width: 85px;

                                                                    object-fit: cover;

                                                                    padding: 0;

                                                                    position: relative;

                                                                    border-radius: 6px;

                                                                    display: block;

                                                                    max-width: unset;

                                                                    max-height: unset;

                                                                    height: unset !important;

                                                                    aspect-ratio: 3 / 4 !important;

                                                                    z-index: 9;

                                                                } 

                                                            }

                                                        }

                                                    }

                                                }

                                            }

                                        }

                                    }

                                }

                            }

                        }

                    }

                }



                #show_all_comments {

                    cursor: pointer;

                    text-align: center;

                    background: #ebeaf2;

                    color: #3f3c5a;

                    padding: 0 1.5em;

                    font-weight: 600;

                    align-content: center;

                    border-radius: 8px;

                    height: 36px;

                    font-size: 14px;

                    width: fit-content;

                    margin-bottom: 1em;

                    align-self: flex-end;

                }

            }

        }

    }



    .sf-prod-bottom {

        background: #fff;

        width: calc(100% - 2em);

        display: flex;

        flex-direction: column;

        flex-wrap: nowrap;

        justify-content: space-between;

        padding: 0.25em 0 2em;

        margin: 0 1em;

        z-index: 99999;

        border-top: 0.5px solid #dddddd;



        .sf-prod-top__price {

            text-align: right;

            padding-bottom: 7px;

            font-size: 18px !important;

            font-weight: 700;

            color: #3f3c5a !important;

            font-family: 'DM Sans';

            margin: 0 !important;

        }



        .sf-prod-cta {

            background: #fff;

            width: calc(100% - 0em);

            display: flex;

            flex-direction: row;

            flex-wrap: nowrap;

            justify-content: space-between;

            margin: 0;

            z-index: 99999;

            gap: 0.5em;



            .sf-prod-cta__btn.sf-buy {

                background: rgb(219 216 237) !important;

                color: rgb(63, 60, 90) !important;

            }



            > button {

                background: #3f3c5a;

                color: #fff;

                border-radius: 8px !important;

                font-family: 'Poppins';

                font-weight: 600 !important;

                height: 36px;

                width: 100%;

                font-size: 14px;

            }

        }

    }

}



.sf-modal-sb-opened #primary {

    grid-template-columns: min-content 1fr !important;

}



.content > p {

    display: none;

}



.sf-modal-title-cont {

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;

    gap: 1em;

    

    .sf-post-author {

        display: flex;

        flex-direction: row;

        flex-wrap: nowrap;

        gap: 0.5em;

        font-family: 'Poppins';

        

        .sf-post-author__avatar {

            width: 60px;

            height: 60px;

            border-radius: 50%;

        }



        .sf-post-author__meta {

            display: flex;

            flex-direction: column;

            flex-wrap: nowrap;

            justify-content: center;

            

            .sf-post-author__name {

                font-size: 14px;

                font-weight: 600;

                color: #3f3c5a;

            }



            .sf-post-author__date {

                color: #8c8c8c;

            }

        }

    }



    .sf-modal-title {

        font-size: 18px;

        background: #ebeaf2;

        margin: 0;

        color: rgb(63, 60, 90);

        width: fit-content;

        padding: 5px 15px;

        border-radius: 12px;

    }

    

    .sf-prod-short {

        display: flex;

        flex-direction: column;

        flex-wrap: nowrap;

        gap: 1em;

        padding-bottom: 4em;

        

        p {

            margin: 0;

        }

    }           

}





.sf-prod-modal__media {



    .swiper-button-next {

        transform: rotate(90deg);

        opacity: 0;

    }



    .swiper-button-prev {

        transform: rotate(-90deg);

        opacity: 0;

    }



    .sf-prod-gallery:hover .swiper-button-next, .sf-prod-gallery:hover .swiper-button-prev {

        opacity: 1 !important;

        transition: all 0.3s ease-in-out;

    }



    .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {

        opacity: 0 !important;

    }



    .swiper-button-prev, .swiper-button-next {

        transition: all 0.3s ease-in-out;

    }



    .sf-prod-gallery:hover .swiper-button-disabled, .sf-prod-gallery:hover .swiper-button-disabled {

        opacity: 0 !important;

    }



    .swiper-button-next, .swiper-button-prev {

        color: unset !important;

        width: 38px  !important;

        height: 38px !important;

        padding: 0;

        background: #ffffff;

        border-radius: 25px;

    }



    .swiper-button-next:after, .swiper-button-prev:after {

        content: '' !important;

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

        background-size: cover;

        width: 38px;

        height: 38px;

        position: absolute;

        top: 0px;

        left: 0px;

    }



    .swiper-pagination .swiper-pagination-bullet-active {

        background: #ffb471 !important;

    }



    .swiper-button-next:hover, .swiper-button-prev:hover {

        background: #ffb471 !important;

    }



    .swiper-button-next:hover::after, .swiper-button-prev:hover::after {

        content: '' !important;

        background: url(https://starkframe.store/wp-content/themes/starkframe/assets/images/stark-frame/arr-w.svg);

        background-size: cover;

        width: 38px;

        height: 38px;

        position: absolute;

        top: 0px;

        left: 0px;

    }



    .swiper-container {

        user-select: none;

    }



    .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev, .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

        transform: scale(.0);

    }

}



.all-comment-outter-cont, .sf-var-attr-img {



    .ms-slider {



        .ms-arrow:hover::before {

            content: '';

            background: url(https://starkframe.store/wp-content/themes/starkframe/assets/images/stark-frame/arr-w.svg) !important;

            background-size: cover !important;

        }



        .ms-arrow:hover {

            background: #ffb471 !important;

        }



        .ms-arrow::before {

            content: '';

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

            background-size: cover;

            width: 34px;

            height: 34px;

            position: absolute;

            top: 2px;

            left: 2px;

        }



        .ms-arrow {

            width: 38px;

            height: 38px;

            background: #ffffff;

            box-shadow: 0 0 5px 1px #d7d7d7;

        }

    }

}





@media screen and (max-width: 900px) {



.sf-var-attr-text .sf-var-opt:hover {

    background: #ffefde !important;

    color: #f48b2a !important;

}



.sf-prod-modal__media, #reviews {

    .swiper-button-next, .swiper-button-prev {

        display: none !important;

    }



    .swiper-pagination {

        z-index: 1;

    }

}



.all-comment-outter-cont, .sf-var-attr-img {



    .ms-slider {



        .ms-arrow {

            display: none !important;

        }

    }

}

}



#reviews {



    .review-button-next.swiper-button-next {

        right: 0px !important;

    }



    .review-button-prev.swiper-button-prev {

        left: 10px !important;

    }

}



.sf-mobile #sf-react-demo-root {

    position: fixed !important;

    top: 46px !important;

    bottom: 0;

    left: 0;

    right: 0;

    height: calc(100vh - 46px) !important;

    box-shadow: unset !important;

}



.sf-mobile.sf-modal-sb-opened {

    overflow: hidden;

}



.sf-mobile .sf-prod-modal__media {

    margin: 0 0 1em !important;

    

    a {

        margin-bottom: 0px !important;

        height: calc(100% - 28px) !important;

        border-radius: 0 !important;

        max-height: calc(100% - 28px) !important;

        

        img {

            aspect-ratio: 4 / 5;

        }

    }

}



.sf-mobile #stark-sidebar-modal-root {

    top: 46px !important;

    width: 100% !important;

}