/* Start:/local/templates/rukodi_redesign/components/bitrix/news/shops/bitrix/news.detail/.default/style.css?17693689475138*/
div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}

.comments {
	margin-bottom: 53px;
}

.comments .comments_block {
	width: 49%;
	display: inline-block;
}

.comments .comments_block.fb {
	float: right;
}

.comments .fb_iframe_widget_fluid span,
.comments .fb_iframe_widget_fluid_desktop span,
.comments .fb_iframe_widget_fluid_desktop span iframe,
.comments .fb_iframe_widget_fluid span iframe {
	width: 100% !important;
}

@media (max-width: 1053px) {
	.comments_block {
		width: 100% !important;
	}
}
@media (max-width: 329px) {
	.comments_block {
		margin-right: -15px;
		margin-left: -15px;
		width: calc(100% + 30px) !important;
	}
}

.no-margin {
	margin: 0;
}

.right_box .socs {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.right_box .socs li{
	width: 33px;
	height: 33px;
	border-radius: 50%;
}
.right_box .socs li a {
	width: 100%;
	float: left;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	transition: .3s;
}
.right_box .socs li a svg {
	height: 15px;
	width: auto;
	float: left;
}
.right_box .socs a svg path {
	fill: #fff;
}
.right_box .socs li a:hover {
	opacity: .7
}
.right_box .socs li.vk{
	background-color: #406fa0
}
.right_box .socs li.fb{
	background-color: #3b539a
}
.right_box .socs li.ok{
	background-color: #fd6700
}
.right_box .socs li.gg{
	background-color: #f0352c
}
.right_box .socs li.tw{
	background-color: #00abf1
}
.right_box .socs li.vb{
	background-color: #86429e
}
.right_box .socs li.ws{
	background-color: #22c655
}
.right_box .socs li.tg{
	background-color: #299BD2
}
.right_box .socs li.em{
	background-color: #DC3F32
}


.shop-text-desk{
	display: block;
	margin-bottom: 2rem;
}
.shop-text-mobile{
	display: none;
}

/* Стили для текста под заголовком для всех магазинов */
.shop-header-text {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.shop-header-text p {
	margin: 0;
	font-size: 1rem;
	line-height: 1.5;
	color: #333;
}
@media (max-width: 768px) {
	.shop-text-desk{
		display: none;
	}
	.shop-text-mobile{
		display: block;
	}
}

.right_info_icon{
	word-break: break-word;
}

/* Выравнивание первой карточки промокода с верхом белой плашки логотипа */
@media (min-width: 769px) {
	/* Убираем отступ и скрываем shop-text-desk, если он пустой */
	.shop-text-desk.shop-text-empty {
		margin-bottom: 0;
		display: none;
	}
	
	/* Компенсируем отступ от shop-text-desk для первой карточки, чтобы выровнять с верхом белой плашки */
	.col-7 .shop-text-desk:not(.shop-text-empty) ~ .list_cards .card.first-coupon-card {
		margin-top: -2rem;
	}
	
	/* Если shop-text-desk пустой, первая карточка должна быть вверху */
	.col-7 .shop-text-desk.shop-text-empty ~ .list_cards .card.first-coupon-card {
		margin-top: 0;
	}
	
	/* Дополнительно: выравниваем начало list_cards с началом white_die справа */
	.col-7 .list_cards {
		margin-top: 0;
	}
}

/* ===== НАЧАЛО: Градиент для длинных описаний промокодов (ОТКАТ: удалить этот блок) ===== */
.coupon-description-wrapper {
	position: relative;
	display: block;
	overflow: visible;
	padding-bottom: 1.8em;
}

.coupon-description-text {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.5;
	max-height: calc(1.5em * 3);
	transition: max-height 0.3s ease;
}

.coupon-description-wrapper.expanded .coupon-description-text {
	-webkit-line-clamp: unset;
	max-height: none;
	display: block;
}

.coupon-description-wrapper::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1.5em;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	pointer-events: none;
	opacity: 1;
	transition: opacity 0.3s ease;
}

.coupon-description-wrapper.expanded::after {
	opacity: 0;
}

.coupon-description-wrapper::before {
	content: 'Читать далее';
	position: absolute;
	bottom: -1.2em;
	right: 0;
	left: auto;
	text-align: right;
	color: #007bff;
	cursor: pointer;
	font-size: 0.9em;
	padding: 0.3em 0 0 0;
	background: transparent;
	opacity: 1;
	transition: opacity 0.3s ease;
	z-index: 1;
}

.coupon-description-wrapper.expanded::before {
	content: 'Свернуть';
	background: transparent;
	padding: 0.5em 0 0 0;
}

/* Проверяем, нужно ли показывать "Читать далее" только если текст действительно длинный */
.coupon-description-wrapper:not(.has-long-text)::before,
.coupon-description-wrapper:not(.has-long-text)::after {
	display: none;
}
/* ===== КОНЕЦ: Градиент для длинных описаний промокодов (ОТКАТ: удалить этот блок) ===== */


/* End */


/* Start:/_html/libs/rateit/rateit.css?15814185093639*/
.rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

    .rateit .rateit-range {
        position: relative;
        display: -moz-inline-box;
        display: inline-block;
        background: url(/_html/libs/rateit/star.gif);
        height: 16px;
        outline: none;
    }

        .rateit .rateit-range * {
            display: block;
        }

    /* for IE 6 */
    * html .rateit, * html .rateit .rateit-range {
        display: inline;
    }

        /* for IE 7 */
        * + html .rateit, * + html .rateit .rateit-range {
            display: inline;
        }

            .rateit .rateit-hover, .rateit .rateit-selected {
                position: absolute;
                left: 0;
                top: 0;
                width: 0;
            }

            .rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl {
                left: auto;
                right: 0;
            }

            .rateit .rateit-hover {
                background: url(/_html/libs/rateit/star.gif) left -32px;
                color: rgb(239, 197, 41);
            }

            .rateit .rateit-hover-rtl {
                background-position: right -32px;
            }

            .rateit .rateit-selected {
                background: url(/_html/libs/rateit/star.gif) left -16px;
                color: rgb(191,66,66);
            }

            .rateit .rateit-selected-rtl {
                background-position: right -16px;
            }

            .rateit .rateit-preset {
                background: url(/_html/libs/rateit/star.gif) left -48px;
                color: rgb(239, 107, 34);
            }

            .rateit .rateit-preset-rtl {
                background: url(/_html/libs/rateit/star.gif) left -48px;
            }

            .rateit button.rateit-reset {
                background: url(/_html/libs/rateit/delete.gif) 0 0;
                width: 16px;
                height: 16px;
                display: -moz-inline-box;
                display: inline-block;
                float: left;
                outline: none;
                border: none;
                padding: 0;
            }

            .rateit .rateit-reset span {
                display: none;
            }

            .rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus {
                background-position: 0 -16px;
            }


.rateit-font {
    font-size: 24px;
    line-height: 1em;
}

    .rateit-font .rateit-range {
        background: none;
        height: auto;
    }

    .rateit-font .rateit-empty {
        color: #ccc;
    }

    .rateit-font .rateit-range > div {
        background: none;
        overflow: hidden;
        cursor: default;
    }

.rateit.rateit-font .rateit-reset {
    font-size: inherit;
    background: none;
    width: 0.6em;
    height: 0.6em;
    margin-top: 0.2em;
    background: gray;
    border-radius: 50%;
    position: relative;
}

    .rateit.rateit-font .rateit-reset span {
        display: block;
        font-weight: bold;
        color: white;
        height: calc(50% - 0.045em);
        top: 0;
        position: absolute;
        border-bottom: 0.09em solid white;
        width: 72%;
        margin-left: 14%;
    }


.rateit.rateit-font .rateit-reset:hover, .rateit.rateit-font button.rateit-reset:focus {
    background: #e6574b; /* Old browsers */
    background: radial-gradient(ellipse at center, #e6574b 55%,#f6836b 77%,#f9d3cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: 0 0;
}

/* End */
/* /local/templates/rukodi_redesign/components/bitrix/news/shops/bitrix/news.detail/.default/style.css?17693689475138 */
/* /_html/libs/rateit/rateit.css?15814185093639 */