/* Full photo in avatar + service thumbs.
   Cause of "half photo": object-fit:cover + object-position:50% 0% inside a
   non-square .img (e.g. additional_102024 width:100% / height:306). The
   400x400crop file is already the whole frame; CSS was clipping left/right.
   Circle stays; image is contain + center; box is forced 1:1. */

/* Avatar size = original site (~306) plus a bit; 1:1 so cover does not clip sides. */
html body[class*="product-product"] .pro_page_top .img_wrap,
html body[class*="product-product"] .pro_page_top .bottom_flex .img_wrap {
	width: 360px !important;
	max-width: 100%;
}
html body[class*="product-product"] .pro_page .img_wrap .img,
html body[class*="product-product"] .pro_page_top .img_wrap .img,
html body[class*="product-product"] .pro_page_top .bottom_flex .img_wrap .img {
	width: 360px !important;
	height: 360px !important;
	aspect-ratio: 1 / 1 !important;
	max-width: 100%;
	box-sizing: border-box !important;
	border-radius: 50% !important;
	overflow: hidden !important;
	padding: 6px !important;
}

html body[class*="product-product"] .pro_page .img_wrap .img img,
html body[class*="product-product"] .pro_page_top .img_wrap .img img,
html body[class*="product-product"] .pro_page_top .bottom_flex .img_wrap .img img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover !important;
	object-position: center center !important;
	transform: none !important;
	border-radius: 50% !important;
	box-sizing: border-box !important;
}

@media (max-width: 1024px) {
	html body[class*="product-product"] .pro_page_top .img_wrap,
	html body[class*="product-product"] .pro_page_top .bottom_flex .img_wrap {
		width: 240px !important;
		max-width: 240px;
	}
	html body[class*="product-product"] .pro_page .img_wrap .img,
	html body[class*="product-product"] .pro_page_top .img_wrap .img {
		width: 240px !important;
		height: 240px !important;
		max-width: 240px;
	}
}
@media (max-width: 480px) {
	html body[class*="product-product"] .pro_page_top .img_wrap,
	html body[class*="product-product"] .pro_page_top .bottom_flex .img_wrap {
		width: 180px !important;
		max-width: 180px;
	}
	html body[class*="product-product"] .pro_page .img_wrap .img,
	html body[class*="product-product"] .pro_page_top .img_wrap .img {
		width: 180px !important;
		height: 180px !important;
		max-width: 180px;
	}
}

html body[class*="product-product"] #services .pro_page_gallery .items .item > a.magnificPopup,
html body[class*="product-product"] #tab-services .pro_page_gallery .items .item > a.magnificPopup,
html body[class*="product-product"] #photo_gallery .items .item > a.magnificPopup {
	aspect-ratio: 1 / 1 !important;
	overflow: hidden !important;
	border-radius: 12px !important;
	box-sizing: border-box !important;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
}

html body[class*="product-product"] #services .pro_page_gallery .items .item > a.magnificPopup img,
html body[class*="product-product"] #tab-services .pro_page_gallery .items .item > a.magnificPopup img,
html body[class*="product-product"] #photo_gallery .items .item > a.magnificPopup img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
	border-radius: 12px !important;
	border: 0 !important;
	background: transparent !important;
	transform: none !important;
}

/* «Обо мне»: синий только у h2. h3/h4 были бирюзовые (#49c7a8 в additional_102024),
   strong и ссылки — синие. Остальной текст обычный чёрный. */
html body[class*="product-product"] #about .all_title,
html body[class*="product-product"] #tab-about .all_title {
	color: #0066B2 !important;
}
html body[class*="product-product"] .description_text h2,
html body[class*="product-product"] #about .description_text h2,
html body[class*="product-product"] #tab-about .description_text h2 {
	font-size: 26px !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	color: #0066B2 !important;
	margin: 20px 0 8px !important;
}
html body[class*="product-product"] .description_text h3,
html body[class*="product-product"] #about .description_text h3,
html body[class*="product-product"] #tab-about .description_text h3,
html body[class*="product-product"] .description_text h4,
html body[class*="product-product"] #about .description_text h4,
html body[class*="product-product"] #tab-about .description_text h4 {
	color: #000 !important;
}
html body[class*="product-product"] .description_text h3,
html body[class*="product-product"] #about .description_text h3,
html body[class*="product-product"] #tab-about .description_text h3 {
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	margin: 16px 0 6px !important;
}
html body[class*="product-product"] .description_text h4,
html body[class*="product-product"] #about .description_text h4,
html body[class*="product-product"] #tab-about .description_text h4 {
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	margin: 12px 0 4px !important;
}
html body[class*="product-product"] #about .description_text,
html body[class*="product-product"] #tab-about .description_text,
html body[class*="product-product"] #about .description_text p,
html body[class*="product-product"] #tab-about .description_text p,
html body[class*="product-product"] #about .description_text div,
html body[class*="product-product"] #tab-about .description_text div,
html body[class*="product-product"] #about .description_text li,
html body[class*="product-product"] #tab-about .description_text li,
html body[class*="product-product"] #about .description_text strong,
html body[class*="product-product"] #tab-about .description_text strong,
html body[class*="product-product"] #about .description_text b,
html body[class*="product-product"] #tab-about .description_text b,
html body[class*="product-product"] #about .description_text a:not(.btn),
html body[class*="product-product"] #tab-about .description_text a:not(.btn) {
	color: #000 !important;
}

/* Галерея остаётся прямоугольниками: фото 4:3 в ряд, видео — карточки 16:9. */
html body[class*="product-product"] #gallery .fg-pro-gallery__photos-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 16px !important;
}
html body[class*="product-product"] #gallery .fg-pro-gallery__photo {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 4 / 3 !important;
	border-radius: 6px !important;
	overflow: hidden !important;
	box-shadow: 0 5px 20px rgba(193, 200, 218, 0.35) !important;
	background: #0a1628 !important;
}
html body[class*="product-product"] #gallery .fg-pro-gallery__photo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 6px !important;
}
html body[class*="product-product"] #gallery .pro_video_gallery__grid,
html body[class*="product-product"] #gallery .fg-pro-gallery__videos-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 20px !important;
}
html body[class*="product-product"] #gallery .fg-pro-gallery__video.pro_video_card {
	height: auto !important;
	max-width: none !important;
	aspect-ratio: auto !important;
	border-radius: 0 !important;
	overflow: visible !important;
	background: transparent !important;
	box-shadow: none !important;
}
html body[class*="product-product"] #gallery .fg-pro-gallery__video .pro_video_card__media {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 16 / 9 !important;
	border-radius: 6px !important;
	overflow: hidden !important;
}
@media (max-width: 767px) {
	html body[class*="product-product"] #gallery .fg-pro-gallery__photos-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	html body[class*="product-product"] #gallery .pro_video_gallery__grid,
	html body[class*="product-product"] #gallery .fg-pro-gallery__videos-grid {
		grid-template-columns: 1fr !important;
	}
}

/* «Развернуть» только если тизер реально обрезан. Короткий текст показывается целиком. */
html body[class*="product-product"] .pro_page_top.is-short .description_link {
	display: none !important;
}
html body[class*="product-product"] .pro_page_top.is-short .preview_text {
	max-height: none !important;
	-webkit-mask-image: none !important;
	mask-image: none !important;
}

/* Услуги на карточке: то же орео, что у карточек на главной
   (/_html/images/figma2/pro-ring.png). ::before только держит квадрат,
   само кольцо на ::after поверх фото, как у .sp-card--pro .img::after. */
html body[class*="product-product"] #services #photo_gallery .items,
html body[class*="product-product"] #services .pro_page_gallery .items {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 36px 28px !important;
	margin-top: 56px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	justify-items: center !important;
	align-items: start !important;
}
html body[class*="product-product"] #services #photo_gallery .items .item,
html body[class*="product-product"] #services .pro_page_gallery .items .item {
	position: relative !important;
	width: 100% !important;
	max-width: 250px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
}
html body[class*="product-product"] #services #photo_gallery .items .item::before,
html body[class*="product-product"] #services .pro_page_gallery .items .item::before {
	content: "";
	display: block;
	width: 100%;
	aspect-ratio: 1;
	background: none;
	-webkit-mask: none;
	mask: none;
	pointer-events: none;
}
html body[class*="product-product"] #services #photo_gallery .items .item::after,
html body[class*="product-product"] #services .pro_page_gallery .items .item::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	aspect-ratio: 1;
	background: url("/_html/images/figma2/pro-ring.png") center / contain no-repeat;
	pointer-events: none;
	z-index: 2;
}
html body[class*="product-product"] #services #photo_gallery .items .item > a.magnificPopup,
html body[class*="product-product"] #services .pro_page_gallery .items .item > a.magnificPopup,
html body[class*="product-product-preview"] #services #photo_gallery .items .item > a.magnificPopup,
html body[class*="product-product-preview"] #services .pro_page_gallery .items .item > a.magnificPopup {
	position: absolute !important;
	top: 0 !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	display: block !important;
	width: 92% !important;
	height: auto !important;
	max-width: none !important;
	max-height: none !important;
	aspect-ratio: 1 / 1 !important;
	margin: 4% 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	overflow: hidden !important;
	background: #fff !important;
	box-shadow: none !important;
	z-index: 1;
}
html body[class*="product-product"] #services #photo_gallery .items .item > a.magnificPopup img,
html body[class*="product-product"] #services .pro_page_gallery .items .item > a.magnificPopup img,
html body[class*="product-product-preview"] #services #photo_gallery .items .item > a.magnificPopup img,
html body[class*="product-product-preview"] #services .pro_page_gallery .items .item > a.magnificPopup img {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover !important;
	object-position: center center !important;
	border-radius: 50% !important;
	border: 0 !important;
	background: #fff !important;
	transform: none !important;
}
html body[class*="product-product"] #services .items .item:nth-child(4n+1) > a.magnificPopup,
html body[class*="product-product"] #services .items .item:nth-child(4n+2) > a.magnificPopup,
html body[class*="product-product"] #services .items .item:nth-child(4n+3) > a.magnificPopup,
html body[class*="product-product"] #services .items .item:nth-child(4n+4) > a.magnificPopup {
	box-shadow: none !important;
}
html body[class*="product-product"] #services #photo_gallery .items .item .service-title,
html body[class*="product-product"] #services .pro_page_gallery .items .item .service-title {
	margin-top: 14px !important;
}
@media (max-width: 767px) {
	html body[class*="product-product"] #services #photo_gallery .items,
	html body[class*="product-product"] #services .pro_page_gallery .items {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 28px 16px !important;
		margin-top: 32px !important;
	}
	html body[class*="product-product"] #services #photo_gallery .items .item,
	html body[class*="product-product"] #services .pro_page_gallery .items .item {
		max-width: 168px !important;
	}
}

/* Иконки сетей рядом с WhatsApp: цветной кружок на всю кнопку, не серая точка. */
html body[class*="product-product"] .pro_page_top .pro_social_icons,
html body[class*="product-product"] .sp-preview-foot .pro_social_icons {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	flex: 0 0 auto !important;
	margin: 0 !important;
}
html body[class*="product-product"] .pro_page_top .pro_social_icon,
html body[class*="product-product"] .sp-preview-foot .pro_social_icon {
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	border-radius: 50% !important;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
}
html body[class*="product-product"] .pro_page_top .pro_social_icon svg,
html body[class*="product-product"] .sp-preview-foot .pro_social_icon svg {
	width: 40px !important;
	height: 40px !important;
	display: block !important;
}
html body[class*="product-product"] .pro_page_top .pro_social_icon--site,
html body[class*="product-product"] .sp-preview-foot .pro_social_icon--site {
	background: #F1F3F5 !important;
}
html body[class*="product-product"] .pro_page_top .pro_social_icon--site svg,
html body[class*="product-product"] .sp-preview-foot .pro_social_icon--site svg {
	width: 20px !important;
	height: 20px !important;
}
/* Ряд контактов на всю ширину вкладок: «Поделиться» у правого края той же строки, что и WhatsApp. */
@media (min-width: 1025px) {
	html body[class*="product-product"] .pro_page_top .address_wrap,
	html body[class*="product-product"] .pro_page_top .bottom_flex .address_wrap {
		grid-column: 1 / -1 !important;
		max-width: none !important;
		width: 100% !important;
	}
	html body[class*="product-product"] .pro_page_top .pro_contacts_row .pro_share_link {
		margin-left: auto !important;
	}
}
@media (max-width: 860px) {
	html body[class*="product-product"] .pro_page_top .pro_share_link {
		flex: 1 0 100% !important;
		margin-left: 0 !important;
	}
}
html body[class*="product-product"] .sp-preview-foot {
	clear: both;
	border-top: 1px solid #e6ebf3;
	margin-top: 12px;
}
html body[class*="product-product"] .sp-preview-foot__phone a {
	color: #0066B2;
	text-decoration: underline;
}
html body[class*="product-product"] .sp-preview-foot__row {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px 16px;
	margin-top: 4px;
}
html body[class*="product-product"] .sp-preview-foot .pro_whatsapp_cta {
	margin: 0 !important;
}

/* Контакты: старый padding 0 20px оставлял только правые 20px, карта не доходила до края вкладок. */
html body[class*="product-product"] #contacts .right_column_contacts,
html body[class*="product-product"] #tab-contacts .right_column_contacts {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Форма отзыва на вкладке: одна строка звёзд, подпись полей внутри, короткая галочка. */
html body[class*="product-product"] #reviews #form-review .review-form-note,
html body[class*="product-product"] #tab-reviews #form-review .review-form-note {
	margin: 0 auto 18px;
	max-width: 520px;
	color: #0066B2;
	font-size: 13px;
	line-height: 1.35;
	text-align: center;
}
html body[class*="product-product"] #reviews #form-review .form-group.mb20 > label.star-cb-group-label,
html body[class*="product-product"] #tab-reviews #form-review .form-group.mb20 > label.star-cb-group-label {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
html body[class*="product-product"] #reviews #form-review textarea,
html body[class*="product-product"] #tab-reviews #form-review textarea {
	min-height: 96px;
	resize: vertical;
}
html body[class*="product-product"] #reviews #form-review .review-avatar-pick,
html body[class*="product-product"] #tab-reviews #form-review .review-avatar-pick {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 2px 0 0;
	color: #0066B2;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
}
html body[class*="product-product"] #reviews #form-review .review-avatar-pick input,
html body[class*="product-product"] #tab-reviews #form-review .review-avatar-pick input {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}
html body[class*="product-product"] #reviews #form-review .review-avatar-name,
html body[class*="product-product"] #tab-reviews #form-review .review-avatar-name {
	color: #5B6D9C;
	font-style: normal;
	font-size: 12px;
}
html body[class*="product-product"] #reviews #form-review .sp-privacy,
html body[class*="product-product"] #tab-reviews #form-review .sp-privacy {
	margin: 14px 0 0;
	padding: 0;
	background: transparent;
	border: 0;
	font-size: 13px;
	line-height: 1.4;
	color: #5B6D9C;
}
html body[class*="product-product"] #reviews #form-review .sp-privacy a,
html body[class*="product-product"] #tab-reviews #form-review .sp-privacy a {
	color: #0066B2;
}

/* Карточка специалиста — «Поделиться страницей» по макету Figma (кадр «Сайт мастера / Контакты»):
   стрелка 20×15, текст Rubik 16/400 #0066B2, без фона и рамки. */
html body[class*="product-product"] .pro_page_top .pro_share_link,
html body[class*="product-product"] .pro_page_top .pro_contacts_row .pro_share_link {
	gap: 8px !important;
	color: #0066B2 !important;
	font-size: 16px !important;
	line-height: 22px !important;
	font-weight: 400 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
html body[class*="product-product"] .pro_page_top .pro_share_link svg {
	width: 20px !important;
	height: 16px !important;
	flex: 0 0 20px !important;
	fill: none !important;
	stroke: #0066B2 !important;
	stroke-width: 1 !important;
}

/* ============================================================
   Вкладка «Отзывы» карточки специалиста по макету Figma (745:55714, 745:55742):
   - Заголовок: Rubik 25px / 29.6px, regular 400, #0066B2, max-width ~642px, text-align center, non-caps.
   - Статбар: ~558px по центру, сверху линия 1px #0066B2 (gap 20px от заголовка),
     под ней строка gap 16px, 3 группы gap 10px, вертикальные разделители 1×24px #0066B2:
     а) контурное облачко 20×20 (#0066B2) + «N отзывов» Rubik 16px #0066B2
     б) контурное сердце 24×24 (#0066B2) + число лайков Rubik 16px #5B6D9C
     в) 5 звёзд 16×16 gap 1px (#0066B2) + «N/5» Rubik 16px #0066B2
   - Карточки отзывов: аватар 120px в круге с обводкой 1px #0066B2 и линиями 50px по бокам,
     автор Rubik 18px / 21.3px #0066B2, текст Rubik 18px / 25.2px #6C737D, дата Rubik 16px / 21.6px #5B6D9C.
   ============================================================ */
html body[class*="product-product"] #reviews h2.module-title,
html body[class*="product-product"] #tab-reviews h2.module-title,
html body[class*="product-product"] .pro_tabpanel#reviews .module-title.text-center,
html body[class*="product-product"] .pro_tabpanel#tab-reviews .module-title.text-center {
	font-family: 'Rubik', sans-serif !important;
	font-size: 25px !important;
	line-height: 29.6px !important;
	font-weight: 400 !important;
	color: #0066B2 !important;
	text-transform: none !important;
	text-align: center !important;
	max-width: 642px !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

html body[class*="product-product"] #reviews .reviews_statbar,
html body[class*="product-product"] #tab-reviews .reviews_statbar {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	max-width: 558px !important;
	width: 100% !important;
	margin: 20px auto 30px !important;
	padding: 0 !important;
	border: 0 !important;
	gap: 16px !important;
	box-sizing: border-box !important;
}

html body[class*="product-product"] #reviews .reviews_statbar .sp-reviews-statbar__line,
html body[class*="product-product"] #tab-reviews .reviews_statbar .sp-reviews-statbar__line {
	display: block !important;
	width: 100% !important;
	height: 1px !important;
	background: #0066B2 !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body[class*="product-product"] #reviews .reviews_statbar .sp-reviews-statbar__row,
html body[class*="product-product"] #tab-reviews .reviews_statbar .sp-reviews-statbar__row {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: 100% !important;
	flex-wrap: wrap !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body[class*="product-product"] #reviews .reviews_statbar .sp-reviews-statbar__sep,
html body[class*="product-product"] #tab-reviews .reviews_statbar .sp-reviews-statbar__sep {
	display: inline-block !important;
	width: 1px !important;
	height: 24px !important;
	background: #0066B2 !important;
	flex: 0 0 1px !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

html body[class*="product-product"] #reviews .reviews_statbar .sp-reviews-statbar__group,
html body[class*="product-product"] #tab-reviews .reviews_statbar .sp-reviews-statbar__group {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	text-decoration: none !important;
	font-family: 'Rubik', sans-serif !important;
	font-size: 16px !important;
	line-height: 21.6px !important;
	font-weight: 400 !important;
	color: #0066B2 !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

html body[class*="product-product"] #reviews .reviews_statbar .sp-reviews-icon-bubble,
html body[class*="product-product"] #tab-reviews .reviews_statbar .sp-reviews-icon-bubble {
	width: 20px !important;
	height: 20px !important;
	flex: 0 0 20px !important;
	stroke: #0066B2 !important;
	fill: none !important;
}

html body[class*="product-product"] #reviews .reviews_statbar .sp-reviews-statbar__bubble-text,
html body[class*="product-product"] #tab-reviews .reviews_statbar .sp-reviews-statbar__bubble-text {
	color: #0066B2 !important;
	font-family: 'Rubik', sans-serif !important;
	font-size: 16px !important;
	line-height: 21.6px !important;
	font-weight: 400 !important;
}

html body[class*="product-product"] #reviews .reviews_statbar .sp-reviews-icon-heart,
html body[class*="product-product"] #tab-reviews .reviews_statbar .sp-reviews-icon-heart {
	width: 24px !important;
	height: 24px !important;
	flex: 0 0 24px !important;
	stroke: #0066B2 !important;
	fill: none !important;
}

html body[class*="product-product"] #reviews .reviews_statbar .count_favourites,
html body[class*="product-product"] #tab-reviews .reviews_statbar .count_favourites {
	font-family: 'Rubik', sans-serif !important;
	font-size: 16px !important;
	line-height: 21.6px !important;
	font-weight: 400 !important;
	color: #5B6D9C !important;
}

html body[class*="product-product"] #reviews .reviews_statbar .listing-stars,
html body[class*="product-product"] #tab-reviews .reviews_statbar .listing-stars {
	display: inline-flex !important;
	align-items: center !important;
	gap: 1px !important;
}

html body[class*="product-product"] #reviews .reviews_statbar .listing-star,
html body[class*="product-product"] #tab-reviews .reviews_statbar .listing-star {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 16px !important;
	height: 16px !important;
	font-size: 16px !important;
	line-height: 1 !important;
	color: #0066B2 !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body[class*="product-product"] #reviews .reviews_statbar .listing-star::before,
html body[class*="product-product"] #tab-reviews .reviews_statbar .listing-star::before {
	font-size: 16px !important;
	line-height: 1 !important;
}

html body[class*="product-product"] #reviews .reviews_statbar .listing-star--empty,
html body[class*="product-product"] #tab-reviews .reviews_statbar .listing-star--empty {
	opacity: 0.35 !important;
	color: #0066B2 !important;
}

html body[class*="product-product"] #reviews .reviews_statbar .sp-reviews-statbar__num,
html body[class*="product-product"] #tab-reviews .reviews_statbar .sp-reviews-statbar__num {
	font-family: 'Rubik', sans-serif !important;
	font-size: 16px !important;
	line-height: 21.6px !important;
	font-weight: 400 !important;
	color: #0066B2 !important;
}

/* Карточки отзывов в карточке специалиста (Figma 745:55714 feedback web) */
html body[class*="product-product"] #reviews #review .items,
html body[class*="product-product"] #tab-reviews #review .items {
	display: block !important;
	width: 100% !important;
	max-width: 900px !important;
	margin: 0 auto !important;
}

html body[class*="product-product"] #reviews #review .items .item,
html body[class*="product-product"] #tab-reviews #review .items .item {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 0 20px !important;
	background: #FFFFFF !important;
	border-radius: 10px !important;
	box-shadow: 0 6px 20px rgba(16, 42, 95, 0.06) !important;
	border: 0 !important;
	padding: 0 !important;
}

html body[class*="product-product"] #reviews #review .items .item .container,
html body[class*="product-product"] #tab-reviews #review .items .item .container {
	display: grid !important;
	grid-template-columns: 220px 1fr !important;
	column-gap: 26px !important;
	row-gap: 8px !important;
	padding: 26px 28px !important;
	align-items: start !important;
	position: relative !important;
	overflow: hidden !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

html body[class*="product-product"] #reviews #review .items .item .img,
html body[class*="product-product"] #tab-reviews #review .items .item .img {
	grid-column: 1 !important;
	grid-row: 1 !important;
	justify-self: center !important;
	width: 120px !important;
	height: 120px !important;
	margin: 0 !important;
	border-radius: 50% !important;
	border: 1px solid #0066B2 !important;
	padding: 6px !important;
	box-sizing: border-box !important;
	position: relative !important;
	overflow: visible !important;
	background: #FFFFFF !important;
}

html body[class*="product-product"] #reviews #review .items .item .img::before,
html body[class*="product-product"] #tab-reviews #review .items .item .img::before,
html body[class*="product-product"] #reviews #review .items .item .img::after,
html body[class*="product-product"] #tab-reviews #review .items .item .img::after {
	content: '' !important;
	position: absolute !important;
	top: 50% !important;
	width: 50px !important;
	height: 1px !important;
	background: #0066B2 !important;
	pointer-events: none !important;
}

html body[class*="product-product"] #reviews #review .items .item .img::before,
html body[class*="product-product"] #tab-reviews #review .items .item .img::before {
	right: 100% !important;
}

html body[class*="product-product"] #reviews #review .items .item .img::after,
html body[class*="product-product"] #tab-reviews #review .items .item .img::after {
	left: 100% !important;
}

html body[class*="product-product"] #reviews #review .items .item .img img,
html body[class*="product-product"] #tab-reviews #review .items .item .img img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 50% !important;
	position: static !important;
	display: block !important;
	border: 0 !important;
}

html body[class*="product-product"] #reviews #review .items .item .date,
html body[class*="product-product"] #tab-reviews #review .items .item .date {
	grid-column: 1 !important;
	grid-row: 2 !important;
	font-family: 'Rubik', sans-serif !important;
	font-size: 16px !important;
	line-height: 21.6px !important;
	color: #5B6D9C !important;
	text-align: center !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body[class*="product-product"] #reviews #review .items .item .overall-stars,
html body[class*="product-product"] #tab-reviews #review .items .item .overall-stars {
	grid-column: 1 !important;
	grid-row: 3 !important;
	text-align: center !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body[class*="product-product"] #reviews #review .items .item .overall-stars .dashicons,
html body[class*="product-product"] #tab-reviews #review .items .item .overall-stars .dashicons {
	font-size: 16px !important;
	color: #0066B2 !important;
	margin: 0 0.5px !important;
}

html body[class*="product-product"] #reviews #review .items .item .texts,
html body[class*="product-product"] #tab-reviews #review .items .item .texts {
	grid-column: 2 !important;
	grid-row: 1 / 4 !important;
	padding: 0 !important;
	margin: 0 !important;
}

html body[class*="product-product"] #reviews #review .items .item .texts .author,
html body[class*="product-product"] #tab-reviews #review .items .item .texts .author {
	font-family: 'Rubik', sans-serif !important;
	font-size: 18px !important;
	line-height: 21.3px !important;
	font-weight: 400 !important;
	color: #0066B2 !important;
	margin: 0 0 16px !important;
}

html body[class*="product-product"] #reviews #review .items .item .texts .text,
html body[class*="product-product"] #tab-reviews #review .items .item .texts .text {
	font-family: 'Rubik', sans-serif !important;
	font-size: 18px !important;
	line-height: 25.2px !important;
	font-weight: 400 !important;
	color: #6C737D !important;
	margin: 0 !important;
}

@media (max-width: 767px) {
	html body[class*="product-product"] #reviews #review .items .item .container,
	html body[class*="product-product"] #tab-reviews #review .items .item .container {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		gap: 12px !important;
		padding: 20px 14px !important;
	}
	html body[class*="product-product"] #reviews #review .items .item .img::before,
	html body[class*="product-product"] #tab-reviews #review .items .item .img::before,
	html body[class*="product-product"] #reviews #review .items .item .img::after,
	html body[class*="product-product"] #tab-reviews #review .items .item .img::after {
		display: none !important;
	}
	html body[class*="product-product"] #reviews #review .items .item .texts,
	html body[class*="product-product"] #tab-reviews #review .items .item .texts {
		width: 100% !important;
	}
}