/* Start:/bitrix/templates/food_vx/components/bitrix/catalog.element/detail-card/style.css?175585915226298*/
/*
green #3dc52b
yellow #fff326
blue #00c2f6
grey #959595
title grey #00272c
*/
h1.element-title{
	margin: 20px auto;
	padding: 0;
	text-align: center;
}

.information{
	margin: 20px calc(8% + 40px);
	padding: 0;
	display: flex;
	flex-direction: row;
}

@media screen and (max-width: 1280px){
	.information{
		margin: 20px;
	}
}
.information .image{
	width: 30%;
	margin: 0;
	margin-right: 20px;
	padding: 0;
	border: 1px solid #dadada;
	border-radius: 7px;
	text-align: center;
}
.information .image img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 250px;
	margin: 20px auto;
}
.information .active_block{
	width: 70%;
	display: flex;
	flex-direction: row;
}
.information .active_block .main-info{
	width: 57%;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: space-between;
}
.information .active_block .main-info .prices{
	font-size: 28px;
	font-weight: 700;
}
.information .active_block .main-info .prices span{
	font-size: 36px;
	/* color: #7fcd15; */
}
#buylist{
	display: none;
	width: fit-content;
	padding: 10px 20px;
	padding-left: 40px;
	border-radius: 5px;
	background: #0077ff;
	color: #fff;
	text-align: center;
}
.information .active_block .main-info .good-kbzu{
	width: 80%;
	padding: 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border-radius: 7px;
	background: #ededed;
	margin-top: 10px;
}
.information .active_block .main-info .good-kbzu .kbzu-title{
	width: 100%;
	margin-bottom: 10px;
}
.information .active_block .main-info .good-kbzu .kbzu-block{
	width: 25%;
	display: flex;
	flex-direction: column;
	font-weight: 700;
	font-size: 20px;
}
.information .active_block .main-info .good-kbzu .kbzu-block span{
	font-weight: 400;
	font-size: 14px;
}
.information .active_block .addit-info{
	width: 43%;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: space-between;
}
.midpricesys{
	/* border: 2px dotted #d7efca;
	background-color: #d7efca;
	border-radius: 10px;
	padding: 10px 20px; */
}
.midpricesys .p-mid-value span{
	/* font-size: 36px; */
	font-weight: 700;
	/* color: #0077ff; */
}

.information .active_block .addit-info .chars_block{
	width: 100%;
	margin-top: auto;
}
.information .active_block .addit-info .chars_block ul{
	width: 100%;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	list-style-type: none;
}
.information .active_block .addit-info .chars_block ul li{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.information .active_block .addit-info .chars_block ul li .prop-name{
	width: 50%;
	margin-right: 10px;
	display: block;
	color: #666;
	font-size: 14px;
}
.information .active_block .addit-info .chars_block ul li .prop-value{
	display: block;
	font-weight: 700;
}
.information .active_block .addit-info .chars_block .toall{
	font-weight: 700;
	color: #7fcd15;
}
.torg-offers {
	display: flex;
	flex-direction: row;
}
.torg-offers .torg-block{
	margin: 10px;
	padding: 7px 10px;
	border: 2px solid #dadada;
	border-radius: 10px;
	transition: 0.5s;
	cursor: pointer;
}
.torg-offers .torg-block:first-child{
	margin-left: 0;
}
.torg-offers .torg-block.active,
.torg-offers .torg-block:hover{
	border-color:#0077ff;
}
.shops{
	margin-top: 50px;
	/* background-color: #d7efca; */
	padding-bottom: 50px;
	margin-bottom: 30px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.shops h2{
	display: block;
	padding: 20px;
	text-align: center;
	font-size: 24px;
}
.shops h3{
	width: 100%;
}
.shops p{
	display: block;
	padding: 20px;
	text-align: center;
	background-color: #ffdbce;
	border: 1px dashed #ff6a34;
	color: #ff6a34;
}
.shops h3{
	display: block;
	padding: 20px;
	text-align: center;
	font-size: 20px;
}
.shops .header,
.shops .shop-block{
	margin: 5px;
	max-width: 800px;
	display: flex;
	flex-direction: row;
	background-color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	border: 1px solid #42b942;
}
.shops .shop-block{
	margin: 5px;
	width: 230px;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	border: 1px solid #42b942;
}
.shops .shop-block.demo{
	border: 1px solid #ff6a34;
	position: relative;
}
.shops .shop-block.demo::before{
	content: 'Демо';
	color: #fff;
	background-color: #ff6a34;
	position: absolute;
	top: -7px;
	border-radius: 3px;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0 5px;
}
.table-name{
	width: 100%;
	font-size: 14px;
	display: flex;
}
.table-count .count{
	padding-left: 65px;
	line-height: 23px;
	height: 20px;
	font-size: 12px;
	font-weight: 700;
}
.table-count .count.min{
	background: url(/bitrix/templates/food_vx/components/bitrix/catalog.element/detail-card/images/stat-min.png) left center no-repeat;
	background-size: 60px;
	color: red;
}
.table-count .count.mid{
	background: url(/bitrix/templates/food_vx/components/bitrix/catalog.element/detail-card/images/stat-mid.png) left center no-repeat;
	background-size: 60px;
	color: orange
}
.table-count .count.big{
	background: url(/bitrix/templates/food_vx/components/bitrix/catalog.element/detail-card/images/stat-max.png) left center no-repeat;
	background-size: 60px;
	color: #42b942;
}
.table-price{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.add-to-cart-btn{
	background:  url(/bitrix/templates/food_vx/components/bitrix/catalog.element/detail-card/images/buttons/add-to-cart.png) 10px center no-repeat;
	background-size: 20px;
	padding: 10px 30px 10px 40px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 25px;
	border: 1px solid #0077ff;
	border-radius: 30px;
	width: fit-content;
	outline: none;
	font-family: 'Nunito', sans-serif;
	color: #0077ff;
	transition: 0.5s;
	cursor: pointer;
}
.add-to-cart-btn:hover{
	background-color: #0077ff;
	color: #fff;
}
.btdemo{
	cursor: default;
	width: 50%;
	background: #dadada;
	height: 10px;
	margin: auto;
	border: none;
	outline: 0;
}
.added-to-cart-btn{
	/* background:  url(/bitrix/templates/food_vx/components/bitrix/catalog.element/detail-card/images/buttons/add-to-cart.png) 10px center no-repeat; */
	background-size: 20px;
	padding: 10px 30px 10px 40px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 25px;
	border: 1px solid #00bc3f;
	border-radius: 30px;
	width: fit-content;
	outline: none;
	font-family: 'Nunito', sans-serif;
	color: #00bc3f;
	transition: 0.5s;
	cursor: pointer;
}


.table-info{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 10px;
}
.table-info .pickup{
	background: url(/bitrix/templates/food_vx/components/bitrix/catalog.element/detail-card/images/pickup.png) left center no-repeat;
	background-size: 20px;
	padding-left: 30px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 25px;
}
.table-info .deliv{
	background: url(/bitrix/templates/food_vx/components/bitrix/catalog.element/detail-card/images/deliv.png) left center no-repeat;
	background-size: 23px;
	padding-left: 30px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 25px;
}



.table-info .link-to-shop{
	margin-top: auto;
	margin-bottom: 10px;
}
.table-info .link-to-shop a{
	display: block;
	background: #cde4ff url(/bitrix/templates/food_vx/components/bitrix/catalog.element/detail-card/images/buttons/store.png) 5px center no-repeat;
	background-size: 19px;
	padding: 7px;
	padding-left: 30px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 25px;
	border-radius: 5px;
	width: fit-content;
	color: #000;
}
.table-info .link-to-shop a:hover{
	text-decoration: none;
	background-color: #99c9ff;
}
.table-name img{
	width: 50px;
	height: auto;
}
.shops .header{
	font-weight: 700;
	font-size: 14px;
	color: #6787ab;
	background-color: transparent;
}
.shop-title{
	font-weight: 700;
	font-size: 16px;
	/* border-radius: 30px; */
	padding: 5px 10px;
	line-height: 28px;
	min-height: 28px;
	width: fit-content;
	/* min-width: 150px; */
	transition: 0.5s;
}
/* .shop-title:hover{
	background-color: #cce4ff;
} */
.shop-title a{
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	text-align: left;
	color: #0077ff;
	line-height: 16px;
}
.shop-title a:after {
	content: '';
	display: inline-block;
	width: 36px;
	height: 26px;
	background: url(/bitrix/templates/food_vx/components/bitrix/catalog.element/detail-card/images/next.png) center center no-repeat;
	background-size: 15px;
	margin: 0 5px;
}
.shop-title a:hover{
	color: #0077ff;
}
.shop-type,
.shop-address{
	font-size: 14px;
	padding: 0 5px 3px 13px;
 }
 .shop-address{
	padding-left: 30px;
 }
 .delivery-cost{
	margin-top: 5px;
 }
.delivery-cost,
.delivery-min{
	font-size: 14px;
	line-height: 16px;
	/* padding: 0 5px 5px 20px; */
	color: #0077ff;
	/* border-left: 2px dotted #dadada;
	margin-left: 10px; */
 }
 .shop-type{
	margin-top: 3px;
 }

.shop-price{
	font-size: 36px;
	color: #000;
	font-weight: 700;
	margin: 5px 0;
	text-align: center;
}
.price-error-message{
	color: #ff6a34;
	font-size: 14px;
	line-height: 15px;
}
.price-error-message span{
	display: inline-block;
	background-color: #ff6a34;
	color: #fff;
	width: 15px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	border-radius: 50%;
	font-size: 12px;
	margin-right: 5px;

}
.description{
	width: auto;
	max-width: 1280px;
	margin: 0 auto;
	padding: 10px 20px;
}
.characteristics{
	width: auto;
	max-width: 600px;
	margin: 0 auto;
	padding: 10px 20px;
}
.characteristics h3{
	text-align: center;
}
.characteristics ul {
	/* max-width: 600px; */
	margin: 30px auto;
	list-style-type: none;
	padding-bottom: 5px;
	border-bottom: 5px solid #dadada;
	padding-inline-start: 0;
}
.characteristics ul li{
	padding: 7px 5px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.characteristics ul li:nth-child(2n+1){
	background-color: #ededed;
}

.recommend-block h3{
	text-align: center;
	margin: 20px auto;
	padding: 0;
}
.recommend-list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: top;
}
.recommend-item{
	width: 220px;
	margin: 10px;
}
.recommend-item a{
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;	
	border: 1px solid #dadada;
	border-radius: 10px;
	height: 90%;
}
.recommend-item a:hover{
	text-decoration: none;
	border: 1px solid #acacac;
}
.recommend-item a .rec-image{
	height: 150px;
}
.recommend-item a .rec-image img{
	width: auto;
	height: auto;
	max-width: 150px;
	max-height: 150px;
	margin: auto;
}
.recommend-item a .rec-price{
	margin: 20px auto;
	margin-top: auto;
	font-size: 20px;
	font-weight: 700;
	color: #333;
}
.recommend-item a .rec-prop{
	font-size: 14px;
	color: #333;
	margin: 10px auto;
	width: fit-content;
	padding: 5px 10px;
	border-radius: 5px;
	background-color: #d4ff9b;
}
.recommend-item a .rec-name{
	font-size: 16px;
	color: #333;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	min-height: 70px;
	line-height: 18px;
}
.recommend-item  .shop{
	position: absolute;
	/*background-color: #ededed;*/
	width: fit-content;
	padding: 5px;
	border-radius: 5px;
	top: 3px;
	right: 3px;
	z-index: 100;
	color: #fff;
	font-size: 12px;
}
.recommend-item  .shop.manu{
	background: #ff9100;
}
.recommend-item  .shop.shop{
	background: #11b5eb;
}
/* .recommend-item .rec-more{
	width: 100%;
	margin-top: 20px;
}
.recommend-item .rec-more a{
	display: block;
	background: #0077ff;
	background-size: 19px;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 25px;
	border-radius: 5px;
	width: 90%;
	color: #fff;
	text-align: center;
} 
.recommend-item .rec-more a:hover{
	text-decoration: none;
	background-color: #005bb5;
} */

.welcome-block{
	max-width: 900px;
	display: flex;
	flex-direction: column;
	margin:  auto;
	margin-bottom: 20px;
	text-align: center;
	background: url(/bitrix/templates/food_vx/components/bitrix/catalog.element/detail-card/images/emptyshop.jpg) 30px center no-repeat;
	background-size: 200px;
	border: 5px solid #d7eaff;
	border-radius: 20px;
	padding: 70px 20px;
	/* padding-left: 200px; */
	box-sizing: border-box;
}
.welcome-block h3{
	color: #0077ff;
}
.welcome-block a{
	/* background-color: #0077ff; */
	display: block;
	color: #0077ff;
	font-weight: 700;
	border-radius: 10px;
	padding: 10px;
	margin: 10px auto;
	width: fit-content;
	text-decoration: underline;
}
.welcome-block a:hover{
	text-decoration: none;
	/* color: #fff; */
	/* box-shadow: 0 5px 7px #84beff; */
}
@media screen and (max-width:920px) {
	.welcome-block{
		margin: 10px;
		width: auto;
		padding: 50px 20px 200px 20px;
	}
}
@media screen and (max-width:520px) {
	.welcome-block{
		background-position: center bottom;
		background-size: 225px;
	}
}



/* ==========================================================================
   REVIEWS — ОБЩИЕ ПЕРЕМЕННЫЕ (не обязательны; при наличии кастомной палитры переопредели)
   ========================================================================== */
/* ==========================================================================
   REVIEWS — ПЕРЕМЕННЫЕ ТЕМЫ И ГАТТЕРЫ
   ========================================================================== */
:root{
  --rv-text: #111827;          /* основной текст */
  --rv-text-2: #374151;        /* вторичный текст */
  --rv-muted: #6b7280;         /* подписи / второстепенный */
  --rv-border: #e5e7eb;        /* границы */
  --rv-bg: #ffffff;            /* фон карточек */
  --rv-shadow-1: 0 1px 2px rgba(17,24,39,.04);
  --rv-shadow-2: 0 2px 6px rgba(17,24,39,.08);
  --rv-shadow-3: 0 4px 12px rgba(17,24,39,.10);

  /* Компактность как на Ozon/WB */
  --rv-gutter: 16px;     /* поля слева/справа от края контейнера */
  --rv-card-pad: 14px;   /* внутренний паддинг карточки отзыва */

  /* Эффект затухания по краям слайдера */
  --rv-fade-w: 28px;     /* ширина зоны затухания слева/справа */
}
@media (min-width: 768px){
  :root{ --rv-gutter: 20px; --rv-card-pad: 14px; --rv-fade-w: 32px; }
}
@media (min-width: 1200px){
  :root{ --rv-gutter: 24px; --rv-card-pad: 16px; --rv-fade-w: 36px; }
}

/* ==========================================================================
   ШАПКА БЛОКА «Оценки» — крупный общий рейтинг (как в первичном варианте)
   ========================================================================== */
.reviews-slider-wrap{ margin-top:16px; padding-left:var(--rv-gutter); padding-right:var(--rv-gutter); }

.reviews-header{
  display:flex; align-items:flex-end; gap:20px; margin-bottom:14px;
}
.reviews-title{
  display:flex; align-items:baseline; gap:12px;
  font-size:22px; line-height:1.1; margin:0; color:var(--rv-text);
}
.reviews-summary{ display:inline-flex; align-items:baseline; gap:10px; }
.reviews-avg{
  font-size:34px; line-height:1; font-weight:800; color:var(--rv-text); letter-spacing:-0.02em;
}
.reviews-count{ font-size:14px; color:var(--rv-muted); margin-left:2px; }
/* звёзды в шапке крупнее — без изменения JSX */
.reviews-title .star-svg{ width:20px !important; height:20px !important; }

.reviews-actions{ margin-left:auto; display:flex; align-items:center; gap:16px; }
.reviews-all-link{
  font-size:13px; text-decoration:none; color:var(--rv-text);
  border-bottom:1px dashed rgba(17,24,39,.3);
}
.reviews-all-link:hover{ border-bottom-color:rgba(17,24,39,.6); }

/* чекбокс «Отзывы в моем городе» */
.rv-city-filter,
.rv-city-filter.page{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; color:var(--rv-muted); user-select:none; cursor:pointer;
}
.rv-city-filter input{ width:16px; height:16px; }

/* ==========================================================================
   СЛАЙДЕР ОТЗЫВОВ (10 последних) — компактные поля, fade по краям
   ========================================================================== */
.reviews-body{
  position:relative;
  padding-left:var(--rv-gutter); padding-right:var(--rv-gutter);
  padding-bottom:4px; /* чтобы тени карточек не резались */
}

/* Лента слайдера */
.reviews-slider{
  display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory;
  -ms-overflow-style:none; scrollbar-width:none; padding-left:0 !important; padding-right:0 !important;

  /* ЭФФЕКТ МЯГКОГО ЗАТУХАНИЯ КОНТЕНТА ПО КРАЯМ (маска):
     если браузер поддерживает mask-image — будет красивое плавное исчезновение к краям */
  -webkit-mask-image: linear-gradient(to right,
    transparent 0,
    black var(--rv-fade-w),
    black calc(100% - var(--rv-fade-w)),
    transparent 100%);
          mask-image: linear-gradient(to right,
    transparent 0,
    black var(--rv-fade-w),
    black calc(100% - var(--rv-fade-w)),
    transparent 100%);
}
.reviews-slider::-webkit-scrollbar{ display:none; }

/* ФОЛЛБЭК FADE для старых браузеров — оверлеи поверх контента (без кликов) */
.reviews-body::before,
.reviews-body::after{
  content:""; position:absolute; top:0; bottom:0; width:var(--rv-fade-w);
  pointer-events:none; z-index:1; /* стрелки навигации выше (z-index:5) */
  display:block;
  /* плавный переход от фона карточек к прозрачному */
  background: linear-gradient(to right, var(--rv-bg), rgba(255,255,255,0));
}
.reviews-body::before{ left:calc(var(--rv-gutter)); }
.reviews-body::after{
  right:calc(var(--rv-gutter));
  transform:scaleX(-1);
}

/* Карточка отзыва */
.review-card{
  scroll-snap-align:start;
  flex:0 0 300px; max-width:320px;
  border:1px solid var(--rv-border); border-radius:16px;
  background:var(--rv-bg); padding:var(--rv-card-pad);
  box-shadow:var(--rv-shadow-1);
}

/* Навигационные кнопки — внутри полей */
.reviews-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:36px; height:36px; border-radius:9999px; border:1px solid var(--rv-border);
  background:var(--rv-bg); box-shadow:var(--rv-shadow-2);
  display:inline-flex; align-items:center; justify-content:center;
  font-size:20px; line-height:1; cursor:pointer; z-index:5;
  transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.reviews-prev{ left:calc(var(--rv-gutter) - 10px); }
.reviews-next{ right:calc(var(--rv-gutter) - 10px); }
.reviews-nav:hover{ box-shadow:var(--rv-shadow-3); transform:translateY(-50%) scale(1.04); }
.reviews-nav:active{ transform:translateY(-50%) scale(0.96); }
@media (max-width:640px){ .reviews-nav{ display:none; } }

/* ==========================================================================
   САМА КАРТОЧКА ОТЗЫВА — контент
   ========================================================================== */
.review-user{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.review-user-avatar{
  width:36px; height:36px; flex:0 0 36px; border-radius:9999px;
  background:#f3f4f6; color:var(--rv-text); font-weight:700; font-size:14px;
  display:inline-flex; align-items:center; justify-content:center; text-transform:uppercase;
}
.review-user-avatar.lg{ width:44px; height:44px; flex-basis:44px; font-size:16px; }

.review-user-meta{ display:grid; gap:2px; min-width:0; }
.review-user-name{ font-weight:600; color:var(--rv-text); }
.review-date{ font-size:12px; color:#9ca3af; }

/* Торговая точка · город (компактно, как просил) */
.review-shop-loc{ margin-top:2px; color:var(--rv-muted); font-size:12px; }
.review-shop-loc.small{ margin:2px 0 6px; }
.rv-shop-name,.rv-shop-city{
  max-width:180px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.rv-dot{ opacity:.6; }

.review-stars{ margin:6px 0; }
.stars .star-box{ display:inline-flex; }
.star-svg{ display:block; }

.review-product{ margin:4px 0 6px; font-size:13px; color:var(--rv-text-2); font-weight:500; }
.review-comment{ font-size:14px; line-height:1.45; color:var(--rv-text); white-space:pre-wrap; }
/* В слайдере обрезаем длинные тексты (на странице — полный) */
.review-card .review-comment{
  display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;
}

.review-images{ margin-top:8px; display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }
.review-image-thumb{ width:64px; height:64px; object-fit:cover; border-radius:8px; border:1px solid var(--rv-border); }
.review-image-thumb.lg{ width:96px; height:96px; border-radius:10px; }

.reviews-loading,.loader{ font-size:13px; color:var(--rv-muted); padding:12px 0; text-align:center; }

/* ==========================================================================
   СТРАНИЦА /feedbacks — полный список
   ========================================================================== */
.reviews-page{ margin-top:12px; padding-left:var(--rv-gutter); padding-right:var(--rv-gutter); }

.reviews-page-header{
  display:flex; align-items:center; gap:12px;
  border-bottom:1px solid var(--rv-border);
  padding-bottom:10px; margin-bottom:10px;
  /* тянем подложку до краёв, но визуально сохраняем поля */
  margin-left:calc(-1 * var(--rv-gutter)); margin-right:calc(-1 * var(--rv-gutter));
  padding-left:var(--rv-gutter); padding-right:var(--rv-gutter);
}

.reviews-back{
  display:inline-flex; width:32px; height:32px; border-radius:9999px;
  align-items:center; justify-content:center; text-decoration:none;
  border:1px solid var(--rv-border); color:var(--rv-text); background:var(--rv-bg);
}
.reviews-back:hover{ box-shadow:var(--rv-shadow-2); }

.reviews-page-title{ margin:0; font-size:22px; line-height:1.2; color:var(--rv-text); }
.reviews-page-actions{ margin-left:auto; }

.reviews-item-row{
  display:flex; align-items:flex-start; gap:12px;
  padding:12px var(--rv-gutter); /* горизонтальные поля и компактная вертикаль */
  border-bottom:1px dashed var(--rv-border);
}
.reviews-item-col{ flex:1 1 auto; min-width:0; }
.reviews-item-top{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:4px; }
.reviews-item-top .review-date{ margin-left:auto; }

/* ==========================================================================
   A11Y & СЛУЖЕБНОЕ
   ========================================================================== */
.io-sentinel{ height:1px; width:100%; }

/* ==========================================================================
   АДАПТИВ
   ========================================================================== */
@media (max-width:1024px){
  .reviews-title{ font-size:20px; }
  .reviews-avg{ font-size:30px; }
  .rv-shop-name,.rv-shop-city{ max-width:140px; }
}
@media (max-width:640px){
  .reviews-title{ font-size:18px; }
  .reviews-avg{ font-size:26px; }
  .reviews-title .star-svg{ width:18px !important; height:18px !important; }
  .review-card{ flex-basis:240px; }
  .review-user-avatar{ width:32px; height:32px; font-size:13px; }
  .review-image-thumb{ width:56px; height:56px; }
}




/* ===================== RECOMMEND — BADGES RESTORE ===================== */
:root{
  /* можно подстроить под фирменный зелёный */
  --rec-variant-bg: #16a34a;    /* зелёная плашка варианта */
  --rec-badge-text: #ffffff;    /* белые буквы */
  --rec-badge-radius: 12px;
  --rec-badge-shadow: 0 2px 6px rgba(17,24,39,.12);

  /* цвета для типа магазина */
  --rec-badge-manu: #2563eb;    /* производитель (синий по умолчанию) */
  --rec-badge-shop: #11b5eb;    /* магазин (почти чёрный) */
}

/* контейнер карточки рекомендации — для абсолютного позиционирования бейджей */
.rec-rating .no-rating{
	font-size: 14px;
	color: #959595;
	margin: 10px auto;
	border: 1px solid #959595;
	padding: 3px 5px;
	border-radius: 5px;
}
.recommend-item{ position: relative; }

/* изображение товара — источник для левого бейджа */
.rec-image{ position: relative; overflow: hidden; border-radius: 16px; }
.rec-image img{ display:block; width:100%; height:auto; }

/* левая верхняя зелёная плашка с вариантом */
.rec-sticker{
  position: absolute; top: 8px; left: 8px;
  background: var(--rec-variant-bg);
  color: var(--rec-badge-text);
  font-weight: 700; font-size: 12px; line-height: 1;
  padding: 6px 10px;
  border-radius: var(--rec-badge-radius);
  box-shadow: var(--rec-badge-shadow);
  pointer-events: none;  /* не блокируем клик по карточке */
  max-width: calc(100% - 16px);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* правая верхняя плашка типа магазина (вне изображения, но поверх всей карточки) */
.shop-badge{
  position: absolute; top: 8px; right: 8px;
  color: var(--rec-badge-text);
  font-weight: 700; font-size: 12px; line-height: 1;
  padding: 6px 10px;
  border-radius: var(--rec-badge-radius);
  box-shadow: var(--rec-badge-shadow);
  pointer-events: none;         /* не мешает клику по карточке */
 background: #11b5eb;/* дефолт */ 
}
.shop-badge.manu{ background: var(--rec-badge-manu); }       /* производитель */
.recommend-item .shop-badge.shop{ background: var(--rec-badge-shop); } /* магазин */

/* чуть сжимаем заголовок карточки, чтобы бейджи “дышали” */
.rec-name{ margin-top: 10px; }

/* ==========================================================================
   (ОПЦИОНАЛЬНО) СВЕТЛО-САЛАТОВЫЙ АКЦЕНТ ПРОЕКТА
   Раскомментируй блоки ниже, если хочешь лёгкий акцент при hover/фокусах.
   ========================================================================== */
/*
:root{ --rv-accent: #1dbf73; } 
.reviews-all-link:hover{ color:var(--rv-accent); border-bottom-color:var(--rv-accent); }
.reviews-nav{ border-color:rgba(0,0,0,.06); }
.reviews-nav:hover{ box-shadow:0 6px 16px rgba(29,191,115,.22); }
.star-svg path[stroke]{ stroke:#cfd8dc; }
*/

/* End */


/* Start:/bitrix/templates/food_vx/components/bitrix/breadcrumb/universal/style.css?1707113723619*/
.bx-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	color: #959595;
	font-size: 14px;
	margin: 20px auto;
	padding: 0 30px;
	justify-content: center;
}
.bx-breadcrumb a{
	color: #959595;
	text-decoration: none;
}
.bx-breadcrumb a:hover{
	color: #3dc52b;
	text-decoration: underline;
}
.bx-breadcrumb .path{
	background: url(/bitrix/templates/food_vx/components/bitrix/breadcrumb/universal/path.svg) center center no-repeat;
	background-size: contain;
	width: 7px;
	height: 7px;
	display: inline-block;
	margin: auto 5px;
}

.bx-breadcrumb-item {
	white-space: nowrap;
	/*margin: auto;*/
	line-height: 14px;
}

.bx-breadcrumb-item-angle {
	margin: 0 10px;

	vertical-align: top;

}




/* End */
/* /bitrix/templates/food_vx/components/bitrix/catalog.element/detail-card/style.css?175585915226298 */
/* /bitrix/templates/food_vx/components/bitrix/breadcrumb/universal/style.css?1707113723619 */