/* Start:/local/templates/main/components/sotbit/rvw.base/.default/style.css?175394968314640*/
:root {
    --reviews--primery: #6353D9;
    --reviews--hover: #4A58DD;
    --reviews--active: #8450DB;
    --reviews--primery-10: #f1ecf9;
    --reviews--primery-200: #E8F0FE;
    --reviews--primery-100: #EFF2FE;

    --reviews--dark: #2C2C2C;
    --reviews--gray-input: #aab4bd;
    --reviews--gray-700: #495057;
    --reviews--gray-600: #8F9396;
    --reviews--gray-500: #ABB5BE;
    --reviews--gray-400: #cdd3d9;
    --reviews--gray-300: #E9ECEF;
    --reviews--gray-200: #F3F5F6;
    --reviews--white: #FFF;

    --reviews--green-green: #18B131;
    --reviews--green-yello: #FF9935;
    --reviews--green-red: #F66767;
    --body-font-family-reviews: 'Roboto', sans-serif;
    --swiper-navigation-size: 64px;
    --padding-container-reviews: calc(80px + (120 - 80) * ((100vw - 1440px) / (1920 - 1440)));
    --body-scrollbar-width-reviews: 0px;
}

.fs-small {
    font-size: 16px;
}

.reviews.reviews-tab-wrap {
    margin-bottom: 0;
}

.reviews .tab-reviews {
    margin-right: 16px;
}

.reviews .btn-reviews.btn-reviews--active__tab {
    background: var(--reviews--gray-200);
}

#reviews {
    justify-content: space-between;
    width: 100%;
}

.reviews {
    display: flex;
    align-items: start;
    column-gap: 64px;
    font-family: var(--body-font-family-reviews);
    font-size: 16px;
    color: var(--reviews--dark);
}

.reviews-base {
    container-type: inline-size;
    container-name: reviews-base;
}

.sotbit-reviews-container {
    container-type: inline-size;
    container-name: reviews-base;
}

/*.sotbit-reviews-container .reviews{*/
/*    margin: 0;*/
/*    padding-left: var(--padding-container-reviews);*/
/*    padding-right: calc(var(--padding-container-reviews) + var(--body-scrollbar-width-reviews));*/
/*}*/


@media (max-width: 1920px) {
    --padding-container-reviews: calc(80px + (120 - 80) * ((100vw - 1440px) / (1920 - 1440)));
}

@media (max-width: 1440px) {
    --padding-container-reviews: calc(40px + (80 - 40) * ((100vw - 1024px) / (1440 - 1024)));
}

@media (max-width: 1024px) {
    --padding-container-reviews: 40px;
}

@media (max-width: 768px) {
    --padding-container-reviews: calc(16px + (40 - 16) * ((100vw - 576px) / (768 - 576)));
}

@media (max-width: 576px) {
    --padding-container-reviews: 16px;
}

/*all*/
.linear-reviews {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),
    linear-gradient(255.4deg, rgba(53, 91, 224, 0.1) 0%, rgba(185, 69, 204, 0.1) 100%);
}

.linear-reviews-main {
    background: linear-gradient(255.4deg, #355BE0 0%, #B945CC 100%);
}

.reviews .d-flex-reviews {
    display: flex;
}

.reviews .d-flex-reviews-center {
    justify-content: center;
    align-items: center;
}

.reviews .j-content-between-reviews {
    justify-content: space-between;
}

.reviews .f-basis-reviews {
    flex-basis: 100%;
}

.reviews .r-p-1 {
    margin-bottom: 8px;
}

.reviews .r-p-05 {
    margin-bottom: 4px;
}

.reviews .r-p-4 {
    margin-bottom: 24px;
}

.reviews .r-m-1 {
    margin-right: 4px;
}

.reviews .r-m-3 {
    margin-right: 8px;
}

.reviews .l-m-1 {
    margin-left: 4px;
}

.reviews .l-m-6 {
    margin-left: 24px;
}

.reviews .r-m-2 {
    margin-right: 2px;
}

.reviews .top-m-2 {
    margin-top: 8px;
}

.reviews .top-m-8 {
    margin-top: 24px;
}

.reviews .r-m-4 {
    margin-right: 16px;
}

.reviews .circle {
    border-radius: 50%;
}

.reviews .btn-reviews {
    text-align: center;
    padding: 9.5px 24px;
    border-radius: 32px;
    background: var(--reviews--white);
    border: 0;
    font-size: 18px;
    font-weight: 700;
}

.reviews .btn-reviews-small {
    text-align: center;
    padding: 9.5px 24px;
    border-radius: 32px;
    border: 0;
    font-size: 16px;
    font-weight: 400;
    background: #fff;
    transition: background 0.3s;
}

.reviews .btn-reviews-small.not-p {
    display: block;
    padding: 0;
}

.reviews .btn-reviews-small p {
    margin-left: 8px;
    margin-bottom: 0;
}

.reviews .btn-reviews-small:hover {
    background: var(--reviews--gray-200);
}

.reviews .btn-reviews-small:active path {
    fill: var(--reviews--dark);
}

.reviews .btn-lite-reviews {
    color: var(--primary, var(--reviews--active));
    background: var(--reviews--primery-100);
    font-weight: 500;
    font-size: 16px;
}

.reviews .btn-lite-reviews:hover {
    color: var(--primary-active, var(--reviews--primery));
    background: var(--reviews--primery-200);
}

.reviews .btn-lite-reviews:active {
    color: var(--reviews--hover);
    background: var(--reviews--primery-200);
}

.reviews btn-reviews.btn-reviews--disabled p {
    color: var(--reviews--gray-600);
}

.reviews .btn-reviews p {
    padding-left: 8px;
    margin: 0;
    color: var(--reviews--gray-700);
}

.reviews .btn-reviews p:hover {
    color: var(--reviews--dark);
}

.reviews .btn-reviews--main:active {
    background: var(--reviews--active) !important;
}

.reviews .btn-reviews--main {
    border: 0;
    color: var(--reviews--white);
    background: var(--reviews--primery);
    font-weight: 500;
    font-size: 16px;
    padding: 12px 32px;
    cursor: pointer;
    transition: background 0.3s;
}

.reviews .btn-reviews--main:hover:not(.btn-reviews--main--active) {
    background: var(--reviews--hover);
}

.reviews .btn-reviews--main--active {
    background: var(--reviews--hover);
}

.reviews p.primary-text, span.primary-text, a.primary-text {
    color: var(--primary ,var(--reviews--active));
}

.reviews .primary-text:hover {
    color: var(--primary-active ,--reviews--primery);
}

.reviews p.gray-text, span.gray-text {
    display: inline-block;
    margin-top: 2px;
    color: var(--reviews--gray-600);
}

.reviews p.gray-text-700, span.gray-text-700 {
    font-weight: 500;
    color: var(--reviews--gray-700);
}

.reviews .title-checkbox {
    color: var(--reviews--gray-700);
}

.reviews .title-checkbox-modal {
    color: var(--reviews--dark) !important;
    font-weight: 400 !important;
    margin: 0;
}

.reviews .input-checkbox-reviews {
    appearance: none;
}

.reviews .input-checkbox-reviews {
    position: relative;
    outline: 2.5px solid var(--reviews--gray-500);
    outline-offset: -2.5px;
    overflow: hidden;
    transition: outline-color 0.3s ease;
    cursor: pointer;
}

.reviews .input-checkbox-reviews::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0;
    background-color: var(--primary, var(--reviews--active));
    transition: opacity 0.3s ease, background-color 0.3s ease;
}

.reviews .input-checkbox-reviews:checked {
    outline-color: var(--primary, var(--reviews--active));
}

.reviews .input-checkbox-reviews:checked::before {
    opacity: 1;
}

.reviews .input-checkbox-reviews:hover:not(:disabled) {
    outline-color: var(--reviews--hover);
}

.reviews .input-checkbox-reviews:hover .btn-filter p {
    color: var(--reviews--dark);
}

.reviews .input-checkbox-reviews:hover:not(:disabled)::before {
    background-color: var(--reviews--active);
}

.reviews .input-checkbox-reviews:active:not(:disabled), .input-checkbox-reviews:focus-visible:not(:disabled) {
    outline-color: var(--reviews--active);
}

.reviews .input-checkbox-reviews:active:not(:disabled)::before, .input-checkbox-reviews:focus-visible:not(:disabled)::before {
    background-color: var(--reviews--active);
}

.reviews .input-checkbox-reviews:disabled {
    outline-color: var(--reviews--active) !important;
}

.reviews .input-checkbox-reviews:disabled::before {
    background-color: var(--reviews--active);
}

.reviews .input-checkbox-reviews {
    width: 18px;
    height: 18px;
    border-radius: 3px;
}

.reviews .input-checkbox-reviews::before {
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.5L4 8.5L11 1.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
}

.reviews .swiper-slide {
    margin-right: 10px !important;
}

.reviews .reviews__wrapper .swiper {
    height: 100px;
}

.reviews .wrapper__statistic .swiper {
    height: 138px;
}

.reviews .reviews__wrapper .swiper-slide {
    border-radius: 24px;
    width: 82px !important;
}

.reviews .wrapper__statistic .swiper-slide {
    border-radius: 24px;
    width: 118px !important;
    height: 138px !important;
}

.reviews .reviews__wrapper .swiper-slide video {
    position: relative;
    border-radius: 24px;
    height: 100px;
    width: 82px !important;
    object-fit: cover;
}

.reviews .reviews__wrapper .swiper-slide.video::before,
.reviews .wrapper__statistic .swiper-slide.video::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM33.7655 22.7127C34.7395 23.2948 34.7395 24.7058 33.7655 25.2879L21.4043 32.6755C19.9045 33.5718 18 32.4913 18 30.7441V17.2568C18 15.5097 19.9045 14.4292 21.4042 15.3254L33.7655 22.7127Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s;
    z-index: 1;
    pointer-events: none;
}

.reviews .reviews__wrapper .swiper-slide.video::before {
    width: 36px;
    height: 36px;
}

.reviews .wrapper__statistic .swiper-slide.video::before {
    width: 48px;
    height: 48px;
}

.reviews .reviews__wrapper .swiper-slide.video:hover::before,
.reviews .wrapper__statistic .swiper-slide.video:hover::before {
    opacity: 0.8;
}

.reviews .reviews__wrapper .swiper-slide picture img {
    border-radius: 16px;
    height: 100px;
    width: 82px !important;
    object-fit: cover;
}

.reviews .wrapper__statistic .swiper-slide video {
    border-radius: 24px;
    height: 138px;
    width: 118px;
    object-fit: cover;
}

.reviews .wrapper__statistic .swiper-slide picture img {
    border-radius: 16px;
    height: 138px;
    width: 118px !important;

    object-fit: cover;
}

.reviews .swiper-button-next:after, .reviews .swiper-container-rtl .swiper-button-prev:after {
    content: '' !important;
    height: 0;
    width: 0;
}

.reviews .swiper-button-prev:after, .reviews .swiper-container-rtl .swiper-button-prev:after {
    content: '' !important;
    height: 0;
    width: 0
}

.reviews .swiper-wrap-pagination {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
}

.reviews .swiper-wrap-pagination svg {
    height: 24px !important;
    width: 24px !important;
}

.reviews .swiper-wrap-pagination:hover path {
    fill: var(--primary , var(--reviews--active));
}

.reviews .swiper-button-next {
    right: 5px !important;
}

.swiper-button-next. svg {
    display: none !important;
}

.swiper-button-lock svg {
    display: none !important;
}

.reviews .swiper-button-prev {
    left: 5px !important;
}

.reviews .swiper-button-prev.swiper-button-disabled, .reviews .swiper-button-next.swiper-button-disabled {
    display: none;
}

.reviews .swiper-button-next, .reviews .swiper-button-prev {
    width: 64px !important;
    height: 60px !important;
    opacity: 1 !important;
}

.reviews .btn-filter {
    cursor: pointer;
}

.reviews .btn-filter p {
    font-weight: 500;
}

.reviews .btn-filter {
    color: var(--reviews--gray-700);
}

.reviews .btn-filter:hover p {
    color: var(--reviews--dark);
}

.reviews .btn-filter:hover .title-checkbox-modal {
    color: var(--reviews--dark);
}

.reviews .btn-filter span:hover:not(.not-hover) {
    color: var(--reviews--dark);
}

.reviews .btn-filter.disabled {
    color: var(--reviews--gray-input);
    cursor: auto;
    pointer-events: none;
}

.reviews .transfer {
    transform: rotate(180deg); /* Equal to rotateZ(45deg) */
}

/*end all*/

/*add */
.reviews .review_add__link {
    display: inline-block;
    padding-top: 4px;
    color: var(--primary ,var(--reviews--active));
}

.reviews .review_add__link:hover {
    color: var(--primary-active ,var(--reviews--primery));
}

/*end add*/

@container reviews-base (max-width: 1250px) {
    #reviews {
        flex-direction: column;
    }

    .reviews .reviews__wrapper {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .reviews .wrapper__statistic {
        position: static !important;
        order: -1 !important;
        width: 100% !important;
        margin-bottom: 40px !important;
    }
}

@media (max-width: 1024px) {
    .reviews-base {
        margin: 0;
    }

    #reviews {
        align-items: normal;
        margin: 0 40px !important;
    }
}

@media (max-width: 646px) {
    #reviews {
        align-items: normal;
        margin: 0 16px !important;
    }

    .control__title-sort p {
        display: none !important;
    }
}

@media (max-width: 576px) {
    .reviews.reviews-tab-wrap {
        margin: 0 16px !important;
    }

    .reviews .circle {
        border-radius: 50%;
        width: 74px;
        height: 74px;
    }

    .user__info--counter, .swiper-button-next, .swiper-button-prev {
        display: none !important;
    }

    .reviews .content__reviews {
        width: 100% !important;
    }

    .content__reviews__item__info {
        height: 100px;
    }

    .reviews .tab-reviews {
        margin-right: 8px;
    }

    .reviews .more-reviews .btn-lite-reviews {
        padding: 11px 100px !important;
    }

    .reviews .pagination-info {
        display: none !important;
    }

    .reviews .pagination-reviews {
        justify-content: center;
    }

    .reviews .navigation {
        flex-basis: 90% !important;
    }
}

/*modal*/

.top-message-icon {
    flex-shrink: 0 !important;
}

.top-message {
    position: fixed;
    top: 0;
    left: 50%;
    max-width: 30vw;
    padding: 16px 24px;
    background: linear-gradient(255deg, #355BE019 0%, #B945CC19 100%);
    border-radius: 32px;
    -webkit-backdrop-filter: blur(120px);
    backdrop-filter: blur(120px);
    z-index: 10000;
    user-select: none;
    display: flex !important;
    gap: 8px;
    white-space: nowrap;
}

.top-message-content {
    min-width: 0;
    white-space: pre-line;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    width: 100% !important;
}
/* End */


/* Start:/bitrix/components/sotbit/rvw.reviews/templates/.default/style.css?1753949634274*/
.d-none{
    display:none !important;
}

.reviews .reviews__wrapper {
    flex-shrink: 0;
    width: calc(648px + (828 - 648) * ((100vw - 1440px) / (1920 - 1440)));
}

@media (min-width: 1920px) {
    .reviews .reviews__wrapper {
        width: 828px;
    }
}

/* End */


/* Start:/bitrix/components/sotbit/rvw.reviews.filter/templates/.default/style.css?17539496342327*/
.reviews .control-items {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reviews .control__item-filter--checkbox {
    display: flex;
    align-items: center;
    padding-left: 2px;
}

.reviews .control__item-filter--checkbox input {
    margin-right: 8px;
}

.reviews .control-item:not(:first-child) {
    margin-left: 24px;
    cursor: pointer;
}

.reviews .control-item p {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    margin-bottom: 0;
    color: inherit;
}

.reviews .control__title-sort {
    cursor: default;
}

.reviews .control__item-filter--select {
    position: relative;
}

.reviews .control__item-filter--select.select-active svg {
    transform: rotate(180deg);
}

.reviews .control__item-filter--select.select-active .choices__list--dropdown{
    display: inline-block;

}

.reviews .control__item-filter--select.select-active #choices--star-item-choice-1{
     display: inline-block;
}

.reviews .choices {
    position: absolute;
    background: #fff;
    text-align: start;
    border-radius: 24px;
    font-size: 16px;
    color: var(--reviews--dark);
    line-height: 22.4px;
    z-index: 20;
    margin-top: 32px;
    white-space: nowrap;
    display: none;
    width: auto;
    padding: 0;
    box-shadow: 0 4px 24px 0 #452C710F;
}

.reviews .choices .choices__inner {
    display: none;
}

.reviews .choices__list--dropdown, .choices__list[aria-expanded] {
    width: auto;
    height: 100%;
    visibility: visible;
    position: relative;
}

.reviews .choices__item {
    cursor: pointer;
    padding: 9px 30px;
}

.reviews .choices__item:hover {
    background: var(--reviews--primery-100);
}

.reviews .is-selected {
    color: var(--reviews--active);
}

.reviews .choices__list--single {
    display: none;
}

.reviews .display-none-important {
    display: none !important;
}

.reviews #choices--star-item-choice-1 {
    display: none;
}

.reviews .reviews__control {
    flex-wrap: wrap;
    gap: 16px;
    align-content: space-between;
    width: 100%;
}

.reviews #star {
    display: none;
}
@media (max-width: 540px) {
    .reviews .control-items .control__item-sort{
        margin-left: 0;
    }
}
/* End */


/* Start:/bitrix/components/sotbit/rvw.reviews.list/templates/.default/style.css?17539496344453*/
.reviews .wrapper__statistic {
	position: sticky;
	top: 0;
	flex-grow: 1;
	min-width: 0;
	margin-bottom: 40px;
}

.reviews .user__info {
	height: 100px;
	position: relative;
}

.reviews .user__info img {
	width: 100px;
	height: 100px;
}

.reviews .user_complaint {
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--reviews--gray-500);
	position: absolute;
	top: 68%;
	left: 68%;
	cursor: pointer;
}

.reviews .user_complaint:hover {
	background: var(--reviews--gray-600);
}

.reviews .user__info--counter {
	text-align: center;
}

.reviews .item__info___name-user {
	font-weight: 500;
	flex-basis: 100%;
}

.reviews .reviews--quote {
	border-left: 4px solid var(--reviews--gray-500);
	word-break: break-all;
}

.reviews .reviews--quote p {
	color: var(--reviews--gray-700);
	padding: 16px 24px;
	margin: 0;
	height: 80px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.reviews .content__reviews__item__control__item {
	cursor: pointer;
	padding: 10px 16px;
	display: flex;
	align-items: center;
	color: var(--reviews--gray-700);
	transition: background 0.3s;
}

.reviews .content__reviews__item__control__item:hover {
	color: var(--reviews--dark);
}

.reviews .content__reviews__item__control__item:active {
	color: var(--reviews--gray-700);
}

.reviews .content__reviews__item__answer {
	border-radius: 24px;
	background: var(--reviews--primery-100);
	flex-wrap: wrap;
}

.reviews .answer__title {
	font-weight: 500;
	color: var(--reviews--dark);
	flex-basis: 100%;
}

.reviews .answer__wrapper {
	padding: 16px 24px;
}

.reviews .answer__wrapper.not-itmes {
	margin: 0 auto;
}

.reviews .answer__wrapper.not-itmes .answer__title {
	font-size: 24px;
}

.reviews .answer__wrapper.not-itmes .answer__title {
	font-size: 24px;
}

.reviews .answer__body {
	color: var(--reviews--gray-700);
}

.reviews .media-reviews {
	width: calc(100%)
}

.modal_result__control {
	display: flex;
	justify-content: space-between;
	margin-top: 24px;
}

.modal_result__control button {
	width: 33%;
}

/* review item */

.reviews .reviews__content {
	display: grid;
	grid-template-areas:
	"user info"
	"user text"
	"user slider"
	"user actions"
	"user reply";
	grid-template-columns: min-content 1fr;
	padding: 8px;
}

@media (max-width: 576px) {
	.reviews .reviews__content {
		grid-template-areas:
		"user info"
		"text text"
		"slider slider"
		"actions actions"
		"reply reply";
	}
}

.reviews .reviews__content .content__user {
	grid-area: user;
}

.reviews .content__reviews__item__info {
	grid-area: info;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

.reviews .content__reviews__item__info--wrapper {
	margin-right: 8px;
}

.reviews .content__reviews__item__body {
	grid-area: text;
}

.reviews .reviews__wrapper .swiper {
	grid-area: slider;
	margin-left: 0;
	width: 100%;
	max-width: 800px;
}

.reviews .content__reviews__item__control {
	flex-wrap: wrap;
	grid-area: actions;
}

.reviews .content__reviews__item__answer {
	grid-area: reply;
}

/* review item end */

.reviews .reviews__content.select {
	border-radius: 12px;
	padding: 8px;
	animation: 1s ease-in review-select;
}

@keyframes review-select {
	from {
		background-color: var(--reviews--primery-100);
	}

	to {
		background-color: transparent;
	}
}

.reviews .more-reviews .btn-lite-reviews {
	padding: 11px 173.5px;
}

.reviews .content__reviews__item__control p {
	transition: width .3s;
	min-width: 9px;
}

@media (max-width: 576px) {
	.reviews .content__reviews__item__control .btn-sm-hide-text p {
		display: none;
	}
	.reviews .content__reviews__item__info--wrapper .d-flex-reviews-center {
		justify-content: start;
		align-items: center;
		flex-wrap: wrap;
	}
}

.reviews .content__reviews__item__control [data-value="like"], .reviews .content__reviews__item__control [data-value="dislike"] {
	transition: width 0.3s, background 0.3s;
	min-width: 64px;
}

.reviews .content__reviews__item__control svg {
	min-width: 24px;
	width: 24px;
	height: 24px;
}

.trans {
	transition: width 0.3s, background 0.3s;
}

.content__reviews__item__body {
	word-break: break-all;
}

/* End */


/* Start:/local/templates/main/components/sotbit/rvw.statistics/.default/style.css?17539496832610*/
.reviews .wrapper__statistic__info{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.reviews .statistic__info-stars{
    text-align: end;
}
.reviews .statistic__info-progress{
    line-height: 0;
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.reviews .statistic__info-progress-block{
    width: 100%;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reviews .progress
{
    height: 4px !important;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: var(--reviews--gray-200);
    border-radius: 8px;
}

.reviews .progress progress
{
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    left: -777px;
}

.reviews .progress-bar
{
    overflow: hidden;
    background: #ac92ec;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.reviews .progress-value
{
    height: 4px;
    color: #333;
    display: block;
    line-height: 21px;
    text-align: center;
    width: 50%;
    background: var(--reviews--gray-700);
    border-radius: 8px;
}

.reviews .progress-bg
{
    background: var(--reviews--gray-200);
    position: relative;
    height: 4px;
    border-radius: 5px;
    overflow: hidden;
}
.reviews .progress-bar:after
{
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.reviews .statistic__info-count-reviews{
    font-size: 12px;
    font-weight: 400;
    color:  var(--reviews--gray-700);
    text-align: start;

}
.reviews .statistic__info-estimation{
    white-space: nowrap;
    margin-right: 24px;
}
.reviews .statistic__info-estimation__title-wrap{

    text-align: center;
}
.reviews .statistic__info-estimation__title{

    font-size: 48px;
    font-weight: 400;
}
.reviews .statistic__info-stars--item{
    display: flex;
    align-items: center;
    justify-content: end;
}
/* End */


/* Start:/bitrix/components/sotbit/rvw.reviews/templates/.default/bitrix/main.userconsent.view/reviews/style.css?1753949634249*/
.user-consent-view-button {
    color: inherit !important;
}

.user-consent-view-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-consent-view-cancel-button {
    margin: 0 auto !important;
}

/* End */


/* Start:/local/templates/main/components/sotbit/rvw.reviews.add/.default/style.css?175394968315806*/
.w-40{
	width:45%;
}
.reviews button{
	outline: none;
}

.reviews.review_modal{
	margin:0;
}

.reviews .form-group-reviews.file .form-group-reviews-wrapper{
	overflow-x: auto;
	margin-bottom: auto;
}
.reviews .form-group-reviews.file .file-wrap{
	max-width: 630px;
}

.reviews.no-file .form-group-reviews.file{
	display:none;
}

.footer_modal{
	margin-top: 100% auto;
}

.reviews .dropzone {
	flex-wrap: nowrap !important;
	height: 100%;
	border-color: var(--reviews--gray-500) !important;
	background-color: transparent !important;
	min-height: 93px !important;
	border: 0 !important;
	padding: 0!important;
	margin: 0!important;
}

.reviews .dropzone.dz-clickable {
	padding: 0;
	margin-bottom: 4px;
	border: none;
	display: flex;
	flex-direction: row;
	position: relative;
}
.reviews .dropzone .dz-placeholder {
	height: 120px;
	width: 108px!important;
	border: 0;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	pointer-events: none;
	margin-top:16px !important;
	display: none;
}
.reviews .dropzone :not(:last-child, .dz-placeholder) {
	margin-right: 16px !important;
}
.reviews .dropzone .dz-error-message{
	margin: 0 !important;
}
.reviews .dropzone .dz-placeholder{
	margin: 0 !important;
}
.reviews .dropzone .dz-placeholder:not(button) {
	color: var(--reviews--gray-500) !important;
}
.reviews .dropzone .dz-preview {
	position: relative;
	width: 108px!important;
	flex-shrink: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: 24px !important;
}

.reviews .dropzone .dz-preview:not(:last-of-type) {
	margin-right: 16px !important;
}
.reviews .dropzone .dz-preview{
	margin-top: 16px !important;
}
.reviews .dropzone .dz-preview .dz-details {
	border-radius: 24px;
	padding: 0 !important;
	overflow: hidden;
	display:none;
}
.reviews .dropzone .dz-preview a.dz-remove {
	position: absolute !important;
	top: 0 !important;
	right: -10px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 30px !important;
	height: 30px !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: var(--reviews--gray-500) !important;
	border: none !important;
	border-radius: 50% !important;
	z-index: 1000 !important;
	cursor: pointer !important;
}
.reviews .dropzone .dz-preview a.dz-remove:hover, .dropzone .dz-preview a.dz-remove:focus {
	background-color: var(--reviews--hover);
}
.reviews .dropzone .dz-preview a.dz-remove svg, .dropzone .dz-preview a.dz-remove svg * {
	cursor: pointer !important;
}
.reviews .dropzone .dz-preview a.dz-remove svg path {
	stroke: var(--reviews--white);
}
.reviews .dropzone .dz-preview .dz-image {
	width: 108px !important;
	height: 120px !important;
	border-radius: 24px !important;
}
.reviews .dropzone .dz-preview .dz-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 24px;
}
.reviews .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
	display: none !important;
}
.reviews .dropzone .dz-filename {
	display: -webkit-box;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.reviews .dropzone .dz-message {
	margin:0 0 !important;
}
.reviews .dropzone .dz-default.dz-message::before {
	content: "" !important;

}
.reviews .dropzone .dz-default.dz-message {
	border: 1px dashed var(--reviews--gray-500) !important;
	padding: 24px 0 !important;
	margin-bottom: 0 !important;
	text-align: center;
	width: 100%;
}
.reviews .dropzone .dz-message .dz-button{
	font-weight: 400 !important;
	color: var(--reviews--dark) !important;
	outline: none;
	background: none;
	border: none;
}
.reviews .dropzone.dz-clickable .dz-message{
	display:block;
}
.dropzone.dz-started{
	height: auto !important;
}
.reviews .dropzone .dz-placeholder[type="button"]{
	/*display:none !important;*/
}
.reviews button.dz-placeholder{
	height: 120px;
	width: 120px;
	border: 1px dashed gray;
	background: transparent;
	border-radius: 24px;
	display: none;
	margin: 0 auto;
}
.reviews button.dz-placeholder svg{
	margin:  0 auto;
}
.reviews button.dz-placeholder.d-block{
	height: 120px;
	width: 120px;
	border: 1px dashed gray;
	background: transparent;
	border-radius: 24px;
	margin-right: 16px !important;
	margin-top: 16px !important;
	display: none;
	text-align: center;
}
.d-block{
	display:inline-block!important;
}
.reviews button.dz-placeholder svg{
	color: var(--primary, var(--reviews--active));
}

.review_add__modal_header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: start;
}
.review_add__modal_footer{
	width: 100%;
	justify-content: space-between;
}

.review_add__modal_footer button:not(.w-40) {
	width: 100%;
}
.review_add__modal_content {
	margin: 0 auto;
	max-width: 680px;
	max-height: 100%;
	padding: 24px;
	overflow: hidden;
	border-radius: 32px;
	background-color: var(--reviews--white);
	width: 100%;
}
@media (max-width: 1024px) {
	.review_add__modal_content {
		max-height: 100%;
	}
}
.no-file .review_add__modal_content{
	height: auto;
}
.no-file .review_add__modal_body{
	height: auto;
}
.review_add__title {
	font-size: 24px;
	font-weight: 500;
}
.review_add__close {
	cursor: pointer;
	background: transparent;
	border: transparent;
	outline: none;
}
.review_add__close svg path {
	transition: stroke 0.3s;
}
.review_add__close:hover svg path {
	stroke: var(--reviews--primery);
}
.review_add__modal_body {
	max-height: calc(100vh - 210px);
	min-width: 0;
}
@media (max-width: 1024px) {
	.review_add__modal_body {
		max-height: calc(100% - 60px);
	}
}
.review_add__modal_body form {
	display: flex;
	flex-direction: column;
}
.review_add__modal_body.simplebar-scrollable-y {
	padding-right: 8px;
}
.review_add__modal_body .form-group {
	display: flex;
	flex-direction: column;
	margin-bottom: 16px;
}
.review_add__modal_body .form-group label {
	padding: 0 0 4px;
}
.review_add__product {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	margin: 16px 0;
}
.review_add__product .product__img {
	flex-shrink: 0;
	width: 64px;
	height: 64px;
	margin-right: 16px;
	border-radius: 12px;
	overflow: hidden;
}
.review_add__product .product__img img {
	width: 64px;
	height: 64px;
	object-fit: cover;
}
.review_add__product .product__name {
	font-size: 16px;
	font-weight: 500;
	display:flex;
	flex-wrap:wrap;
	margin: 0;
}
.review_add__product .product__name p{
	margin: 0;
}
.review_add__rating {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 16px;
	row-gap: 8px;
	margin: 0;
	flex-basis: 100%;
}
.review_add__star {
	position: relative;
	background: transparent;
	border: transparent;
	outline: none;
}
.review_add__star-icon {
	display: block;
	width: 40px;
	height: 40px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/local/templates/main/components/sotbit/rvw.reviews.add/.default/images/star-wite.svg");
	transition: opacity 0.3s;
}
.review_add__star-icon--filled {
	position: absolute;
	top: 0;
	background-image: url("/local/templates/main/components/sotbit/rvw.reviews.add/.default/images/star-fill.svg");
	opacity: 0;
}
.review_add__stars {
	display: flex;
	flex-wrap: nowrap;
}
.review_add__footer {

}
.review_add__footer-checkbox {
	grid-area: checkbox;
	cursor: pointer;
}
.review_add__footer-checkbox input {
	margin-right: 8px;
}
.review_add__footer-agreement {
	grid-area: agreement;
	margin-top: 16px;
}
.review_add__footer-submit-wrapper {
	grid-area: submit;
	margin: 0 auto;
}
.review_add__footer-submit{
	width: -moz-available;          /* WebKit-based browsers will ignore this. */
	width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
	width: fill-available;
}

.submit_row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.submit_row input[type=checkbox] {
	margin-right: 8px;
}

.rating_description {
	position: relative;
}

.rating_description > span {
	display: none;
}

.rating_description {
	font-size: 16px;
	font-weight: 400;
}

.review_modal {
	position: fixed;
	z-index: 1100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 64px 0;
	background: rgba(0, 0, 0, 0.2);
}
.review_modal.container{
	max-width:100%;
}

.review_modal.show .review_add__modal_content {
	animation: show-modal 0.3s;
}

.modal_result.show .modal-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 8px;
	animation: show-modal 0.3s;
	border:0;
}

@-webkit-keyframes show-modal {
	0% {
		-webkit-transform: scale(0.5) translateY(-75%);
		transform: scale(0.5) translateY(-75%);
	}
	100% {
		-webkit-transform: scale(1) translateY(-50%);
		transform: scale(1) translateY(-50%);
	}
}
@keyframes show-modal {
	0% {
		-webkit-transform: scale(0.5) translateY(-75%);
		transform: scale(0.5) translateY(-75%);
	}
	100% {
		-webkit-transform: scale(1) translateY(-50%);
		transform: scale(1) translateY(-50%);
	}
}
.policy_modal__content {
	margin-top: 24px;
	max-height: 70vh;
	overflow: auto;
}

.modal-content {
	padding: 24px;
	width: 60%;
	margin: 5% auto;
	background-color: var(--reviews--white) !important;
	border-radius: 32px !important;
}

@media (max-width: 460px) {
	.submit_row button {
		width: 100%;
		margin-top: 16px;
	}
}
.modal_result .modal-content {
	position: relative;
	max-width: 445px;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%)
}

.modal_result .review_add__modal_header {
	justify-content: center;
}

.modal_result .modal_result__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 20px;
}

.modal_result .modal_result__content h5 {
	font-size: 24px;
	font-weight: bold;

}

.review_author-name {
	display: inline-block;
	padding-top: 4px;
}

.modal_result .btn-reviews{
	text-align: center;
	padding: 9.5px 0;
	border-radius: 32px;
	background: var(--reviews--white);
	border: 0;
	font-size: 18px;
	font-weight: 700;
}
@media (max-width: 1024px) and (max-width: 576px) {
	.review_add__footer-submit-wrapper {
		left: 16px;
		/*width: calc(100% - 32px) !important;*/
	}
}
@media (max-width: 1024px){
	.reviews .form-group-reviews.file{
		max-width: 100%;
	}
	.reviews .form-group-reviews.file .file-wrap{
		max-width: 100%;
	}
	.reviews.review_modal{
		padding: 0px !important;
		height: calc(100% - env(safe-area-inset-bottom));
	}
	.review_add__modal_content{
		width: 100% !important;
		max-width: 100% !important;
		height: 100% !important;
		/*margin-top: auto;*/
		border-radius: 0 0 0 0 !important;
	}
	.reviews .footer_modal{
		margin-top: auto;

	}
	.reviews.review_modal.container{
		width: 100vw;
	}
	.reviews.review_add__modal_content{
		padding-top: 48px;
	}
	.reviews button.dz-placeholder{
		display:block !important;
		height: 120px !important;
		width: 120px !important;
		border: 1px dashed gray !important;
	}
	.reviews .dropzone .dz-placeholder{
		height: 120px !important;
		width: 104px !important;
		border: 1px dashed gray !important;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 16px !important;
	}
	div.dz-placeholder{
		display:none !important;
	}
	.reviews .dropzone.dz-clickable{
		flex-direction: row;
		flex-wrap: wrap;
		align-content: start;
	}
	.reviews .dropzone.dz-clickable .dz-message{
		display:none !important;
	}

	.review_add__footer-submit{
		padding: 10px 32px;
		height: auto !important;
		width: -moz-available;
	}
	.reviews .btn-reviews--main{
		padding: 10px 32px;
	}
	.dropzone .dz-default.dz-message{
		display:none !important;
	}
}
@media (max-width: 768px) {
	.reviews .form-group-reviews.file .file-wrap{
		max-width: 100%;
	}
	.reviews.review_modal{
		padding:0px !important;
		height: calc(100% - 72px + env(safe-area-inset-bottom));
	}
	.review_add__modal_content{
		width: 100% !important;
		max-width: 100% !important;
	}
	.review_add__star-icon {
		/*width: 64px;*/
		/*height: 64px;*/
	}
	.rating_description span {
		font-size: 24px;
		font-weight: 500;
	}
	.review_add__modal_body .dropzone .dz-preview {
		width: 120px;
		margin-bottom:16px !important;
	}
	.review_add__modal_body .dropzone .dz-placeholder {
		width: 120px;
	}
	.dropzone .dz-preview .dz-image {
		width: 120px !important;
		height: 120px !important;
		border-radius: 24px !important;
	}
	.dropzone .dz-default.dz-message{
		display:none !important;
	}
	button.dz-placeholder{
		margin-top: 0 !important;
		display:block !important;
		height: 120px;
		width: 120px !important;
	}
	.dropzone .dz-preview{
		margin-top: 0 !important;
	}
}
@media (max-width: 576px) {
	.reviews .form-group-reviews.file .file-wrap{
		max-width: 100%;
	}
	.reviews.review_modal{
		padding: 0 !important;
		height: calc(100% - 72px + env(safe-area-inset-bottom));
	}
	.review_add__modal_content{
		width: 100%;
		/*border-radius: 24px 24px 0 0 !important;*/
	}
	.review_add__modal_content {
		padding: 24px;
	}
	.review_add__footer-submit {
		height: auto !important;
	}
	.review_add__footer-submit-wrapper {
		bottom: 108px;
	}
}
@media (max-width: 576px) {
	.reviews .form-group-reviews.file .file-wrap{
		max-width: 100%;
	}
	.reviews.review_modal .content__reviews__item__body--quote{
		right:0 !important;
	}

	.reviews.review_modal{
		height: calc(100% - 72px + env(safe-area-inset-bottom));
		padding: 0 !important;
	}
	.review_add__modal_body .dropzone .dz-preview {
		margin-top:16px !important;
		width: 108px;
	}
	.review_add__modal_body .dropzone .dz-placeholder {
		width: 108px;
	}
	.dropzone .dz-preview .dz-image {
		width: 108px !important;
		height: 120px !important;
	}
	.form-group-reviews.file{
		height: 256px !important;
		width: 1000px !important;
	}
	.product__name p {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		/*width: 75%;*/
	}
	.product__name{
		max-width: 75%;
	}
}
#policy_modal .review_add__modal_header {
	padding: 0;
}
#policy_modal .modal-content {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
}
.fs-r-1{
	font-size:14px;
}
.fw-medium{
	font-weight: 500;
}
.input-text-reviews{
	outline: 4px solid transparent;
	border-radius:8px;
	border: 1px solid var(--reviews--gray-input);
	height: 52px;
	padding: 10px;
}
.reviews .input-text-reviews:hover{
	border-color: var(--primary, rgba(99, 83, 217, 1));
}

.reviews .input-text-reviews:focus-visible{
	border-color: var(--primary, rgba(132, 80, 219, 1));
	outline-color: var(--primary-light, var(--reviews--primery-100));
}
.reviews textarea.input-text-reviews{
	height: 150px;
	max-height: 200px;
	max-width: 100%;
	min-width: 100%;
}
.reviews .form-group-reviews{
	margin-bottom:16px;
	display: flex;
	flex-direction: column;
}
.modal_result .btn-lite-reviews {
	color: var(--reviews--active);
	background: var(--reviews--primery-100);
	font-weight:500;
	font-size:16px;
}
.modal_result .btn-lite-reviews:hover{
	color: var(--reviews--primery);
	background: var(--reviews--primery-200);
}

.modal_result .btn-lite-reviews:active{
	color: var(--reviews--hover);
	background: var(--reviews--primery-200);
}
.modal_result .btn-reviews--main:active:not(.btn-reviews--main--active){
	background: var(--reviews--hover)!important;
}

.modal_result .btn-reviews--main{
	padding: 15px 0 !important;
	height: auto !important;
	border:0;
	color: var(--reviews--white);
	background: var(--reviews--active);
	font-weight:500;
	font-size:16px;
	cursor: pointer;
}
.modal_result .btn-reviews--main:hover:not(.btn-reviews--main--active){
	background: var(--reviews--primery);
}
.modal_result .btn-reviews--main--active {
	background: var(--reviews--hover);
}
.dropzone .dz-preview .dz-error-message{
	top: 24%;
	width: auto;
	left: 0;
	position:absolute;
	opacity: 1;
}
.dz-error .dz-progress, .dz-error .dz-image img{
	display:none !important;
}
/* End */
/* /local/templates/main/components/sotbit/rvw.base/.default/style.css?175394968314640 */
/* /bitrix/components/sotbit/rvw.reviews/templates/.default/style.css?1753949634274 */
/* /bitrix/components/sotbit/rvw.reviews.filter/templates/.default/style.css?17539496342327 */
/* /bitrix/components/sotbit/rvw.reviews.list/templates/.default/style.css?17539496344453 */
/* /local/templates/main/components/sotbit/rvw.statistics/.default/style.css?17539496832610 */
/* /bitrix/components/sotbit/rvw.reviews/templates/.default/bitrix/main.userconsent.view/reviews/style.css?1753949634249 */
/* /local/templates/main/components/sotbit/rvw.reviews.add/.default/style.css?175394968315806 */