.container {
    /* padding: 0 25px; */
}

body.content-type-expert {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    body.content-type-expert {
        scroll-behavior: auto;
    }
}

.content {
    max-width: 1240px;
    margin: 0 auto;
    width: 100%;
    padding: 20px;
}

#sidebar {
	display: none !important;
}

/* Стили для блока to-back */
.to-back {
    margin-bottom: 20px;
}

.object_side {
    display: none;
}

.to-back a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--txt-black-light, #1F2D26);
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.to-back a:hover {
    opacity: 0.7;
}

.to-back a::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23DB0075' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0;
}

/* Стили для изображения карточки специалиста */
.attachment-large.size-large.wp-post-image {
    max-width: 350px;
    max-height: 380px;
    border-radius: 20px;
    width: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    min-width: 120px;
    min-height: 130px;
}

.image-ver-3 {
    width: clamp(120px, 30vw, 350px);
    height: clamp(130px, 32vw, 380px);
  
    display: flex;
    align-items: center;
    justify-content: center;
  
    overflow: hidden;
  }

.content-type-shop .image-ver-3 {
	width: 350px;
	height: 380px;
	border-radius: 20px;
	flex: none;
	order: 0;
	flex-grow: 0;
}
  
  .image-ver-3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;        /* или contain */
    object-position: center;
  }

.description-bg-ver-3.description-bg-ver-3-duplicate, .to-back {
    display: none;
}

.breadcrumbs, .sections.objects, .widgets-content, .sections {
    max-width: 1200px;
    width: 100%;
}

.sections.the_content {
	font-weight: 400;
	font-size: 20px;
	line-height: 100%;
}

.breadcrumbs {
    font-size: 17px;
    color: #1F2D26;
}

.title-ver-3 {
    display: flex;
    justify-content: space-between; /* Разводит элементы по краям */
    align-items: center;   
    width: 100%;         
}

.title-ver-3-text {
    max-width: 793px;
}

.favorite-bookmark-text {
    font-family: Montserrat;
    font-size: 17px;
    font-weight: 500;
    line-height: normal;
    color: #14281E;
}

.favorite-bookmark-icon {
    width: 20px;
    height: 20px;
}

.favorite.bookmark {
    display: flex;
    align-items: center;
    gap: 10px;
}

.description-ver-3 {
    max-width: 400px;
    min-width: 153px;
}

.common-rating-favorite {
	display: flex;
	justify-content: space-between;
}

.favorite.bookmark.additional-bookmark {
	display: none;
}

/* Верстка в две колонки: слева картинка, справа описание */
.content-type-expert .top-ver-3 {
    max-width: 793px;
    width: 100%;
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
}

.card-top-primary {
	display: flex;
	gap: 20px;
}



/* Стили для title-ver-3 (перенесен в sections) */
.content-type-expert .sections .title-ver-3 {
    font-family: "DrukWideCyr", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    color: #14281E;
}

/* Стили для элемента опыта в блоке rating */
.rating .rating-experience-item {
    width: fit-content;
    flex-basis: auto;
    order: 10;
    margin-top: 8px;
    margin-bottom: 0;
}

.rating_before, .ratingCount {
    display: inline-block;
}

.ratingCount a {
    color: var(--txt-black-light, #1F2D26);
    font-family: Montserrat;
    font-size: 17px;
    font-weight: 500;
    line-height: normal;
}

/* Стили для блока специализаций */
.rating .expert-specializations {
    margin-top: 8px;
    width: 100%;
    color: var(--pink-accent, #DB0075);
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.prop-list-item {
    display: block;
    clear: both; /* принудительный перенос на новую строку */
}

.list-item-v3--term-opyt-vedeniya-i-konsultirovaniya {
	max-width: 255px;
	width: fit-content;
	gap: 10px;
	height: 34px;
	background-color: #FFCEFF;
	display: flex;
	border-radius: 25px;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 7px;
	padding-left: 12px;
	flex-direction: row;
	align-items: center;
	margin-top: 10px;
}

.term-prefix {
	font-weight: 500;
	font-size: 17px;
	line-height: 100%;
	color: #1F2D26;
}

.list-item-v3.prop-list-item.list-item-v3--term.list-item-v3--term-sfera-deyatelnosti {
	margin-top: 12px;
}

/* Стили для элементов консультаций в text-ver-3 */
.text-ver-3 .consultation-item, .text-ver-3 .list-item-v3--term-s-kem-rabotayu {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 8px;
}

.text-ver-3 .consultation-icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    flex-shrink: 0;
    margin-right: 8px;
}


.list-item-v3.prop-list-item.rating-experience-item {
    display: flex;
    padding: 4px 12px 6px 12px;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: #FFCEFF;
    margin-bottom: 12px;
    margin-top: 12px;
}

small.text-list-item-v3 span {
	font-weight: 400;
	font-size: 20px;
	line-height: 100%;
	color: #000000;
}

.points {
    display: flex;
    padding: 4px 10px 6px 10px;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-small, 20px);
    background: var(--pink, #FFCEFF);
    color: black !important;
}

.list-item-v3.prop-list-item.zaprosy-item small.text-list-item-v3 span {
    display: flex;
    padding: 4px 12px 6px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: #F9F3F1;
 }

 .list-item-v3.prop-list-item.zaprosy-item small.text-list-item-v3 {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 8px 10px;
    flex-wrap: wrap;
    max-width: 793px;
    width: 100%;
    /* margin-bottom: 20px; */
 }

 .content-read-more {
    display: block;
    margin-top: 8px; 
    color: var(--pink-accent, #DB0075);
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
}

.content-type-shop .description-ver-3 .description-bg-ver-3 {
	display: block;
}

/* Блок бренда с логотипом в правой панели товара */
.goods-brand-block {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
}

.goods-brand-logo {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid #E0DFDE;
	flex-shrink: 0;
}

.goods-brand-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.goods-brand-name {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #14281E;
	line-height: 1.3;
}

.goods-brand-label {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #B7B7B7;
	line-height: 1.3;
}

/* Бейдж партнёра на странице специалиста */
.expert-partner-badge {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
}

.expert-partner-logo-link {
	flex-shrink: 0;
	cursor: pointer;
}

.expert-partner-logo {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid #E0DFDE;
	flex-shrink: 0;
}

.expert-partner-link {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #14281E;
	text-decoration: none;
	line-height: 1.3;
	transition: color 0.2s ease;
}

.expert-partner-link:hover {
	color: #f91e93;
}

/* Краткое описание товара */
.goods-short-desc {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #14281E;
	line-height: 1.5;
	margin-top: 12px;
	margin-bottom: 0;
}

.sections.the_content.content-initialized p, .text-list-item-v3, .title-list-item-v3 {
    color: var(--txt-black-light, #1F2D26);
    font-size: 20px;
    font-weight: 400;
}

small.text-list-item-v3--term-sfera-deyatelnosti {
  color: #DB0075;
}

small.text-list-item-v3--term-sfera-deyatelnosti > span {
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	color: #DB0075;
}


.buttons-new {
    display: flex;
    max-width: 387px;
    width: 100%;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 20px;
    background: #F9F3F1;
}

.object-promo-label, .object-promo-discount-label {
	font-weight: 500;
	font-size: 17px;
	line-height: 100%;
	letter-spacing: 0%;
}

.object-promo-code, .object-promo-discount-value {
	font-weight: 700;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #DB0075;
}

.object-price-new {
	font-family: 'DrukWideCyr';
	font-weight: 700;
	font-size: 24px;
	line-height: 100%;
	color: #DB0075;
}

.object-price-old {
	font-weight: 500;
	font-size: 17px;
	line-height: 100%;
	text-decoration: line-through;
	color: #14281E;
	margin-left: 12px;
}

.object-price-discount-text {
	font-weight: 500;
	font-size: 15px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #1F2D26;
	margin-top: 4px;
}

.buttons-new .listing_popup_button.form_button.btn_blue, #submit-main, .btn_blue.make_statistics, #submit {
    display: flex;
    padding: 14px 40px 16px 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: var(--radius-medium, 40px);
    background: #DB0075;
    color: var(--txt-white, #FFF);
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    border: none;
	cursor: pointer;
}

.object-sale-period-note .text-list-item-v3 {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #1F2D26;
}

.buttons-new .listing_popup_button.form_button.btn_blue:hover {
	background: #F91E93;
}

#submit-main:hover {
	background: #F91E93;	
}

.btn_blue.make_statistics:hover {
	background: #F91E93;
}

.benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
  
.sections .content-row {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    margin-top: 60px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.content-row .card-item-ver-3 {
	max-width: 793px;
}

/* =============================
   Magnific Popup (галерея фото)
   Стили оверлея для страниц экспертов
   ============================= */

/* Затемнённый фон за модальным окном */
.mfp-bg {
    background: rgba(3, 16, 10, 0.75);
}

/* Обёртка попапа */
.mfp-wrap.mfp-gallery {
	position: fixed !important;      /* поверх всей страницы, перебиваем inline position */
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: auto !important;          /* игнорируем inline height */
	z-index: 9999;
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.mfp-container.mfp-image-holder {
	position: relative;       /* опорный контейнер для абсолютных элементов (close, arrows) */
	display: flex;
	align-items: center;      /* вертикальное центрирование попапа */
	justify-content: center;  /* горизонтальное центрирование попапа */
	padding: 30px 24px;
	box-sizing: border-box;
	flex-direction: column;
	min-height: 100vh;
}

/* Контентное окно */
.mfp-content {
	position: relative; /* опорный контекст для mfp-close и mfp-arrow */
	max-width: min(1000px, 100vw - 48px);
	margin: 0 auto;
	/* max-height: 100px; */
}

.mfp-figure {
    margin: 0;
    background: #FFF;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
}

.mfp-figure figure {
    margin: 0;
    max-height: 800px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mfp-figure figure img {
    max-height: 750px;
    flex-shrink: 1;
}

/* Картинка внутри модалки */
.mfp-figure .mfp-img {
    max-height: 600px !important;
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: contain;
    background: #000;
}

/* Нижняя панель с заголовком и счётчиком */
.mfp-bottom-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px 16px 14px 16px;
    background: #F5F3F1;
}

.mfp-title {
    flex: 1 1 auto;
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    margin-right: 8px;
}

.mfp-bottom-bar .mfp-counter {
    flex-shrink: 0;
    color: #DB0075;
    font-size: 16px;
    font-weight: 600;
}

/* Кнопка закрытия */
.mfp-close {
    position: absolute;
    top: 14px;
    right: 18px;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: rgba(20, 40, 30, 0.72);
    color: #FFF !important;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    border: none;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.1s ease;
}

.mfp-close:hover {
    background: rgba(219, 0, 117, 0.95);
    transform: scale(1.04);
}

/* Стрелки навигации */
.mfp-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: none;
    background: rgba(20, 40, 30, 0.75);
    cursor: pointer;
    transition: background 0.15s ease, transform 0.1s ease;
}

.mfp-arrow:before,
.mfp-arrow:after {
    border: none;
}

.mfp-arrow-left {
    left: 24px;
}

.mfp-arrow-right {
    right: 24px;
}

.mfp-arrow.mfp-arrow-left:after,
.mfp-arrow.mfp-arrow-left:before,
.mfp-arrow.mfp-arrow-right:after,
.mfp-arrow.mfp-arrow-right:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transform-origin: center;
}

.mfp-arrow.mfp-arrow-left:after,
.mfp-arrow.mfp-arrow-left:before {
    transform: translate(-50%, -50%) rotate(-135deg);
}

.mfp-arrow.mfp-arrow-right:after,
.mfp-arrow.mfp-arrow-right:before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.mfp-arrow:hover {
    background: rgba(219, 0, 117, 0.95);
    transform: translateY(-50%) scale(1.04);
}

/* Прелоадер */
.mfp-preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
	display: none; /* по умолчанию скрыт, управляем через состояния */
}

/* Показываем прелоадер только в состоянии загрузки */
.mfp-loading .mfp-preloader {
	display: block;
}

/* В готовом или ошибочном состоянии прелоадер прячем */
.mfp-s-ready .mfp-preloader,
.mfp-s-error .mfp-preloader {
	display: none;
}



/* Стили для работы вкладок в widgets-content */
.tabs_object .tab-pane {
    display: none;
}

.tabs_object .tab-pane.active.show {
    display: block;
}

.append_respond {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 1200px;
    margin: 0 auto;
    gap: 20px;
}

#panel-1 {
	padding: 20px;
	background: #F9F3F1;
	border-radius: 20px;
}

/* Articles tab — match service-table card look */
#panel-articles {
    padding: 20px;
    background: #F9F3F1;
    border-radius: 20px;
}

.expert-articles__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.expert-articles__item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #E0DFDE;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
    color: #14281E;
}

.expert-articles__item:last-child {
    border-bottom: 0;
}

.expert-articles__link {
    flex: 1 1 auto;
    color: #14281E;
    text-decoration: none;
}

.expert-articles__link:hover {
    color: #DB0075;
}

.expert-articles__date {
    white-space: nowrap;
    font-size: 17px;
    font-weight: 500;
    color: #14281E;
}

.page_comment #panel-1 {
	background: #FFFFFF;
	padding: 0;
}

#panel-2 {
	font-family: Montserrat;
	font-weight: 400;
	font-size: 20px;
	line-height: 100%;
	color: #1F2D26;
	max-width: 793px;
}

#panel-2 > div > div {
	display: flex;
	gap: 10px;
	flex-direction: column;
}

.buttons_rev {
	max-width: 783px;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 16px;
	overflow: auto;
}

#panel-1 > div.rev_items.append_respond > div.buttons_rev > button.active {
	color: #DB0075;
}

#panel-1 > div.rev_items.append_respond > div.buttons_rev > button {
	display: flex;
	font-family: Montserrat;
	font-weight: 500;
	font-size: 18px;
	line-height: 100%;
	border-radius: 25px;
	padding: 10px;
	border: 1px;
	cursor: pointer;
	background: #F9F3F1;
}

.widgets-content {
    margin: 20px 0 120px 0;
}

/* Tabs (nav nav-tabs) — дизайн как в Figma для виджета вкладок объекта */
.tabs_object .nav.nav-tabs {
    display: flex;
    gap: 12px;
    border: 0;
    width: 100%;
}

.tabs_object .nav.nav-tabs > li {
    flex: 1 1 0;
    min-width: 0;
}

.tabs_object .nav.nav-tabs > li > h2 {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F9F3F1;
    border-radius: 20px;
    padding: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    cursor: pointer;
    border: 0 !important;
    color: #14281E;
    max-height: 64px;
}

.tabs_object .nav.nav-tabs > li > h2.active,
.tabs_object .nav.nav-tabs > li > h2.active.show {
    color: #DB0075;
}

.tabs_object .nav.nav-tabs > li > h2.active:after,
.tabs_object .nav.nav-tabs > li > h2.active.show:after {
    content: none !important;
}

/* Режим горизонтального скролла — включается из object.js, когда на странице
   специалиста инжектятся вкладки #panel-sp-*. Сохраняет полосу в одну строку. */
.tabs_object .nav.nav-tabs.nav-tabs--scrollable {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.tabs_object .nav.nav-tabs.nav-tabs--scrollable > li {
    flex: 0 0 auto;
    min-width: 0;
}

.tabs_object .nav.nav-tabs.nav-tabs--scrollable > li > h2 {
    white-space: nowrap;
}

/* Service table (pricing) — строки как в Figma */
.tabs_object .service-table {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tabs_object .service-table > li {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #E0DFDE;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
    color: #14281E;
}

.tabs_object .service-table > li:last-child {
    border-bottom: 0;
}

.tabs_object .service-table > li .title {
    flex: 1 1 auto;
    font-weight: 400;
    color: #14281E;
    display: block;
}

/* Не переносим строку из-за <br> внутри title */
.tabs_object .service-table > li .title br {
    display: none;
}

.tabs_object .service-table > li .prices-span {
    display: flex;
    gap: 10px;
    white-space: nowrap;
}

/* старая цена */
.tabs_object .service-table > li .price.has_discount {
    font-size: 17px;
    font-weight: 500;
    color: #14281E;
    text-decoration: line-through;
}

/* актуальная цена */
.tabs_object .service-table > li .discount_price {
    font-size: 20px;
    font-weight: 700;
    color: #DB0075;
}

.comments_wrapper {
    display: flex;
    gap: 30px;
    max-width: 1200px;
    width: 100%;
}

#commentform-main > div.messia-review-object-header > img {
    border-radius: 999px;
    width: 48px;
    height: 48px;
    object-fit: cover;
}

.comments_wrapper .desk.comment > .text > p {
    overflow-wrap: break-word;
    word-break: break-word;
}

.items_comments {
	max-width: 783px;
	width: 100%;
	display:  flex;
	flex-direction: column;
	gap: 20px;
}

.expert-rating-summary {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.expert-rating-notes {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.expert-rating-button, .page_comment_bottom, .ber-btn-edit-own-review {
	display: flex;
	border-radius: 45px;
	border-width: 1px;
	padding-top: 14px;
	padding-right: 40px;
	padding-bottom: 16px;
	padding-left: 40px;
	border: 1px solid black;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.ber-btn-edit-own-review {
	background: transparent;
}



.expert-rating-button .btn_red.submit, .ber-btn-edit-own-review {
	font-family: Montserrat;
	font-weight: 400;
	font-size: 20px;
	line-height: 100%;
	color: #14281E;
}

.ber-expert-rating-button {
	margin-top: 20px;
}

.ber_page_comment_bottom {
	margin-top: 20px;
}


#respond-main {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 40px;
	align-items: flex-start;
}

.page_comment_bottom {
	margin-top: 20px;
}

.expert-rating-button:hover, .page_comment_bottom:hover {
	border: 1px solid #F91E93;
}

.expert-rating-button:hover .submitform.btn_red {
  color: #F91E93;
}

.page_comment_bottom:hover .submitform.btn_red {
  color: #F91E93;
}

.page_comment_bottom:hover .btn_red.all_rev_btn {
  color: #F91E93;
}

.expert-rating-button:hover .btn_red.submit {
  color: #F91E93;
}

.ber-btn-edit-own-review:hover {
  color: #F91E93;
  border-color: #F91E93;
}

.expert-rating-notes > li {
	display: flex;
	align-items: flex-start;
	font-family: 'Montserrat';
	font-weight: 500;
	font-size: 17px;
	line-height: 100%;
	color: #1F2D26;
}

.expert-rating-notes > li > svg {
	margin-right: 8px;
	min-width: 24px;
	margin-top: -3px;
}

.expert-rating-title {
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 20px;
	line-height: 100%;
	color: #1F2D26;
}

.expert-rating-value {
	font-family: 'DrukWideCyr';
	font-weight: 700;
	font-size: 24px;
	line-height: 100%;
	color: #DB0075;
}



.review_form .messia-comment-form.add_rev {
    max-width: 793px;
    width: 100%;
}

/* Заголовок формы "Оставить отзыв о специалисте/товаре" */
.review_form .title_new_rev {
	display: flex;
    align-items: center;
    justify-content: center;
	font-family: 'DrukWideCyr';
	font-weight: 700;
	font-size: 32px;
	line-height: 130%;
}

.review_form .title_new_rev small {
    font-size: 14px;
    font-weight: 400;
}

/* Шапка: аватар + имя специалиста */
.review_form .messia-comment-form.add_rev .messia-review-object-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

#commentform > div.messia-review-object-header > img {
    border-radius: 999px;
    width: 48px;
    height: 48px;
    object-fit: cover;
}

.review_form .messia-comment-form.add_rev .messia-review-object-title {
    font-family: 'Montserrat';
	font-weight: 400;
	font-size: 20px;
	line-height: 100%;
	color: #14281E;
}

/* Блок "Оценка" */
.review_form .messia-comment-form.add_rev .ocen {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#commentform-main > div.ocen.rating-block-new-review > div.rating > span {
	order: 2;
}

.review_form .messia-comment-form.add_rev .ocen .title {
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 20px;
	line-height: 100%;

}

.ocen.rating-block-new-review .rating {
	display: flex;
	justify-content: flex-start;
}

/* Большое поле текста с мягким серым фоном и скруглением */
.review_form .messia-comment-form.add_rev .textarea textarea#comment {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 24px;
    border-radius: 24px;
    border: none;
    background: #f7f7f7;
    resize: vertical;
    min-height: 140px;
    font-size: 15px;
}

.review_form .messia-comment-form.add_rev .textarea textarea#comment::placeholder {
    color: #b3b3b3;
}

/* Отступы внизу формы перед капчей и кнопкой */
.review_form .messia-comment-form.add_rev .textarea {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.formalert {
	display: flex;
	flex-direction: column;
	margin-bottom: 6px;
}

.ber-new-form-btn-capcha {
	margin-top: 3px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 20px;
}

.ber-title-review {
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 20px;
	line-height: 100%;
	color: #1F2D26;
}

.review-char-counter {
	margin-top: -17px;
	align-self: flex-end;
	display: flex;
}

/*
 * Лэйаут вкладки "Отзывы": две колонки — слева отзывы, справа рейтинг + форма
 */

.tab-pane#panel-5 .rev_items.append_respond {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    max-width: 1200px;
    width: 100%;
}

.tab-pane#panel-5 .rev_items.append_respond .items_comments {
    /* flex: 1 1 783px; */
}

.all_comment_stat {
	max-width: 387px;
}

/* Карточки отзывов слева */
.tab-pane#panel-5 .items_comments .comment {
    list-style: none;
    /* margin: 0 0 20px 0; */
}

.tab-pane#panel-5 .items_comments .comment .comment-body {
    background: #fff;
    border-radius: 24px;
    padding: 20px 24px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
}

.tab-pane#panel-5 .items_comments .comment .comment-author {
    font-weight: 600;
    margin-bottom: 8px;
}

.tab-pane#panel-5 .items_comments .comment .comment-meta {
    font-size: 13px;
    color: #999;
    margin-bottom: 12px;
}

.tab-pane#panel-5 .items_comments .comment .comment-content {
    font-size: 15px;
    line-height: 1.5;
}

.tab-pane#panel-5 .all_comment_stat .rating {
    margin-bottom: 16px;
}

.tab-pane#panel-5 .all_comment_stat .rating .no-rating,
.tab-pane#panel-5 .all_comment_stat .rating .av_point {
    font-weight: 700;
    font-size: 22px;
}

.messia-review-object-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}

#commentform > div.textarea {
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}

.article-addComment textarea, #comment {
    resize: none;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    height: 151px;
    padding: 22px 28px;
    min-height: 100px;
}

/*commnets validation*/
.invalid-error {
    display: block;
    width: 100%;
    margin-top: -8px;
    margin-bottom: 16px;
    font-size: 80%;
    color: #DD4B39;
}

#comment::placeholder {
    color: #B7B7B7 !important;
}

.comment-submit-wrapper {
	display: flex;
	justify-content: space-between;
}

#respond > div {
	display: flex;
	justify-content: space-between;
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	color: #14281E;
}

#cancel-comment-reply-link {
	color: #14281E;
	font-size: 18px;
}

#commentform > div.messia-review-object-header > div {
	font-weight: 500;
	font-size: 20px;
	line-height: 100%;
	color: #14281E;
}


#commentform > div.ocen > div.rating > span {
    display: none;
}

.item.comment .desk .name {
	/* padding-left: 32px; */
	margin-bottom: 15px;
	min-height: 45px;
	display: flex;
}

#panel-5 > div.rev_items.append_respond > div > div.all_comment_stat > div > div.expert-rating-button {
	display: flex;
}

.expert-rating-button.ber-expert-rating-button {
	display: none;
}

.description-bg-ver-3 {
	margin-top: 12px;
}

.item-brand {
	font-weight: 600;
	font-size: 20px;
	line-height: 100%;
	color: #14281E;
}

.item-of-product > .title-list-item-v3 {
	font-weight: 500;
	font-size: 15px;
	line-height: 100%;
	color:#B7B7B7;
	margin-right: 4px;
}

.list-item-v3.item-of-product {
	margin-top: 12px;
}

.short-descr-title {
	display: none;
}

.page_comment .navs_over {
	display: none;
}

@media (max-width: 1024px) {
	
}

@media (max-width: 900px) {
    .rating .expert-specializations, .to-back {
        display: block;
    }
    
    .favorite-bookmark-text, .breadcrumbs {
        display: none;
    }
    .title-ver-3-text {
        font-size: 26px;
    }

    .sections.the_content.content-initialized p, .text-list-item-v3, .title-list-item-v3, small.text-list-item-v3 span {
        font-size: 16px;
    }

    .ratingCount a, .points {
        font-size: 14px;
    }

    .rating .expert-specialization-item {
        font-size: 14px;
    }

    .breadcrumbs span {
        font-size: 18px;
    }
    
    .description-ver-3 {
        flex: 1 1 0;
    }

    .description-ver-3 .description-bg-ver-3 {
        display: none;
    }

    .description-bg-ver-3.description-bg-ver-3-duplicate {
        display: block;
    }

    .content-read-more {
        font-size: 16px;
    }



    .table_over {
        overflow: auto;
    }

    .tabs_object .nav li h2 {
        white-space: nowrap;
    }

    .tabs_object .nav.nav-tabs {
        flex-wrap: nowrap;
        width: max-content;
    }

    .tabs_object .nav.nav-tabs > li {
        flex: 0 0 auto;
    }

    .tabs_object .navs_over {
        overflow: auto;
        padding-bottom: 7px;
    }

}

@media (max-width: 768px) {
    .title-ver-3-text {
      font-size: 22px;
      font-weight: 700;
      line-height: normal;
      align-self: stretch;
    }

	/* На мобильных попап ведём как bottom-sheet:
	   контейнер занимает всю высоту, контент прижат к низу */
	.mfp-container.mfp-image-holder {
		height: 100%;
		align-items: center;
		justify-content: flex-end;   /* прижимаем контент к нижнему краю */
		padding: 0 12px 16px 12px;   /* основной отступ снизу */
	}

        .mfp-container.mfp-image-holder {
        padding: 20px 14px;
    }

    .mfp-content {
        max-width: 100vw;
    }

    .mfp-figure {
        border-radius: 14px;
    }

    .mfp-close {
        top: 10px;
        right: 12px;
        width: 28px;
        height: 28px;
        font-size: 22px;
        line-height: 26px;
    }

    .mfp-arrow {
        width: 34px;
        height: 34px;
    }

    .mfp-arrow-left {
        left: 12px;
    }

    .mfp-arrow-right {
        right: 12px;
    }

    .mfp-bottom-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .mfp-title {
        font-size: 14px;
    }

    .mfp-bottom-bar .mfp-counter {
        font-size: 12px;
    }

	.comments_wrapper {
		flex-wrap: wrap;
		gap: 20px;
	}

	.all_comment_stat {
		order: -1;
		width: 100%;
	}

	.item.comment .desk .name {
	    padding-left: 38px;
	    margin-bottom: 8px;
	    min-height: 45px;
	    display: flex;
	    font-size: 12px;
	}
}

@media (max-width: 580px) {

	.text-list-item-v3.item-brand {
		font-size: 16px;
	}
    
    .text-list-item-v3, .title-list-item-v3, .expert-specializations, .ratingCount a, .points, small.text-list-item-v3 span {
        font-size: 12px;
    }

    .sections.the_content.content-initialized p {
        font-size: 16px;
    }

    .benefit-item {
        font-size: 14px;
    }

    .listing_popup_button form_button btn_blue {
        font-size: 16px;
    }

    .buttons-new {
        margin: 0 auto;
    }

    .mfp-arrow {
        display: none;
    }

	body > main > div > div.content > div.sections.objects > div > div > div.card-item-ver-3 > div.top-ver-3 > div.zaprosy-wrapper > div > div {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.text-ver-3 .consultation-item, .text-ver-3 .list-item-v3--term-s-kem-rabotayu {
		margin-bottom: 0;
	}

	.text-ver-3 .consultation-icon {
		min-height: 16px;
		height: 16px;
		margin-right: 0;
	}

	.description-bg-ver-3.description-bg-ver-3-duplicate {
		margin-bottom: 6px;
	}

	.zaprosy-wrapper {
		margin-top: -14px;
	}

	.list-item-v3.prop-list-item.zaprosy-item small.text-list-item-v3 span {
		font-weight: 600;
		font-size: 12px;
		line-height: 100%;
	}

	.list-item-v3.prop-list-item.zaprosy-item small.text-list-item-v3 {
		gap: 4px;
	}

	.list-item-v3.prop-list-item.zaprosy-item small.text-list-item-v3 {
		margin-bottom: 0;
	}

	div.card-item-ver-3 > div.sections.the_content.content-initialized {
		margin-top: 6px;
	}

	.content-read-more {
		margin-top: 6px;
		font-weight: 600;
		font-size: 12px;
	}

	.buttons-new .listing_popup_button.form_button.btn_blue, #submit-main, .btn_blue.make_statistics, #submit {
		height: 50px;
		font-size: 16px;
		width: 100%;
	}

	.widgets-content {
		margin-top: 30px;
		margin-bottom: 60px;
	}

	.tabs_object .nav.nav-tabs > li > h2 {
		font-weight: 400;
		font-size: 12px;
		padding: 5px 8px;
	}

	.tabs_object .navs_over::-webkit-scrollbar, .table_over::-webkit-scrollbar, .double-scroll::-webkit-scrollbar {
		height: 2px;
	}

	.buttons-new {
		padding: 12px;
	}

	.page-template-newlisting .buttons-new {
		margin-top: -4px;
		gap: 12px;
	}

	.tabs_object {
		gap: 20px;
	}

	.tabs_object .service-table > li .title {
		font-weight: 400;
		font-size: 12px;
		color: #1F2D26;
		line-height: 100%;
	}

	.tabs_object .service-table > li .price.has_discount {
		font-weight: 500;
		font-size: 15px;
	}

	.tabs_object .service-table > li .discount_price, .page-template-newlisting .price {
		font-weight: 700;
		font-size: 16px;
	}

	#panel-1 {
		background: #FFFFFF;
		padding: 0;
	}

	#panel-2 > div > div, .media-grid .eshe, .media-grid .video .eshe, .media-grid .eshe small, .media-grid .video .eshe small {
		font-weight: 600;
		font-size: 12px;
		line-height: 100%;
	}

	.media-grid .eshe small, .media-grid .video .eshe small {
		margin-left: 4px;
	}

	.item.comment .desk .name {
	    padding-left: 38px;
	    margin-bottom: 8px;
	    min-height: 45px;
	    display: flex;
	    font-size: 12px;
	}

	.item.comment .desk .name b {
		font-size: 12px;
	}

	.expert-rating-title {
		font-weight: 600;
		font-size: 12px;
	}

	.expert-rating-value {
		font-size: 17px;
		margin-left: 10px;
	}

	.expert-rating-notes > li {
		font-size: 12px;
	}

	.expert-rating-summary {
		gap: 12px;
	}

	.expert-rating-notes > li > svg {
		height: 16px;
	}



	.item.comment .ava {
		height: 20px;
		width: 20px;
		position: absolute;
		top: 32px;
		left: 20px;
	}

	.rev_items .item .desk .name .date_rev {
		font-size: 12px;
	}

	.desk.comment .text {
		font-weight: 400;
		font-size: 12px;
		line-height: 100%;
	}

	.likes_and_otvet a {
		font-weight: 500;
		font-size: 14px;
		line-height: 100%;
	}

	.likes_and_otvet > div {
		font-size: 12px;
	}

	#panel-5 > div.rev_items.append_respond > div > div.all_comment_stat > div > div.expert-rating-button {
		display: none;
	}

	.expert-rating-button.ber-expert-rating-button {
		display: flex;
		height: 50px;
    }

	.items_comments {
		gap: 12px;
	}

	.ber_page_comment_bottom {
		margin-top: 10px;
	}

	.btn_red.all_rev_btn {
		font-weight: 700;
		font-size: 12px;
	}

	.ber-expert-rating-button {
		margin-top: 10px;
	}

	.expert-rating-button .btn_red.submit, .ber-btn-edit-own-review {
		font-size: 16px;
	}

	#commentform > div.messia-review-object-header > div {
		font-weight: 400;
		font-size: 16px;
		line-height: 100%;
	}

	#respond > div, #cancel-comment-reply-link {
		font-size: 15px;	
	}

	.rev_items .item .comment-reply-link {
		font-size: 14px;
	}

	.comment-submit-wrapper {
		flex-direction: column;
		gap: 20px;
		align-items: flex-start;
	}

	#commentform > div.comment-submit-wrapper > p {
		width: 100%;
	}

	.review-char-counter {
		font-size: 12px;
		margin-top: -9px;
	}

	.review_form .title_new_rev {
		font-weight: 700;
		font-size: 20px;
		line-height: 130%;
	}

	.review_form .messia-comment-form.add_rev .messia-review-object-title {
		font-weight: 400;
		font-size: 16px;
		line-height: 100%;
	}

	.review_form .messia-comment-form.add_rev .ocen .title, .ber-title-review {
		font-weight: 700;
		font-size: 16px;
		line-height: 100%;
	}

	.review_form .messia-comment-form.add_rev .textarea {
		gap: 12px;
	}

	.ber-new-form-submit {
		width: 100%;
	}

	#panel-2 > div > div {
		font-weight: 400;
	}

	.tab-content .item.comment #respond {
		padding-left: 0;
	}

	.reply-to-comment a {
		font-size: 12px;
	}

	.item.comment .desk .reply-to-comment {
		margin-bottom: 0;
		padding-left: 0;
	}

	.sections.the_content {
		font-weight: 400;
		font-size: 16px;
		line-height: 100%;
		margin-top: 6px;
	}

	small.text-list-item-v3--term-sfera-deyatelnosti > span {
		font-size: 12px;
	}

	.favorite.bookmark.additional-bookmark {
		display: flex;
	}

	.favorite.bookmark {
		display: none;
	}

	.list-item-v3.prop-list-item.list-item-v3--term.list-item-v3--term-sfera-deyatelnosti {
		margin-top: 4px;		
	}

	.term-prefix {
		font-size: 12px;
	}

	.list-item-v3--term-opyt-vedeniya-i-konsultirovaniya {
		gap: 4px;
	}

	.sections .content-row {
		margin-top: 30px;
	}

	.content-type-expert .top-ver-3 {
		gap: 6px;
	}

	.content-type-shop .card-top-primary {
		flex-direction: column;
	}

	.item-of-product > .title-list-item-v3 {
		font-size: 12px;
	}

	.content-type-shop .text-list-item-v3 {
		font-size: 12px;
	}

	.object-price-new {
		font-size: 17px;
	}

	.object-price-old {
		font-size: 15px;
	}

	.object-price-discount-text {
		font-size: 14px;
	}

	.object-promo-label, .object-promo-discount-label {
		font-size: 15px;
	}

	.content-type-shop .card-top-primary {
		position: relative;
	}

	.content-type-shop .image-ver-3 {
		width: 335px;
		height: 350px;
		border-radius: 20px;
		flex: none;
		order: 0;
		align-self: stretch;
		flex-grow: 0;
		z-index: 0;
	}

	.content-type-shop .favorite.bookmark.additional-bookmark {
		display: flex;
		position: absolute;
		top: 12px;
		right: 12px;
		z-index: 2;
		background: white;
		border-radius: 8px;
		width: 36px;
		height: 36px;
		align-items: center;
		justify-content: center;
		border: 1px solid #E0DFDE;
		cursor: pointer;
	}

	.buttons_rev {
		gap: 12px;
	}

	#panel-1 > div.rev_items.append_respond > div.buttons_rev > button {
		font-size: 12px;
	}
}

#popup-bookmarks a {
	color: #1F2D26;
}

.goods-full-description {
	font-size: 20px;
}