@font-face {
	font-family: 'Noto Sans';
	src: url('src/fonts/NotoSans.woff2');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans';
	src: url('src/fonts/NotoSans-Italic.woff2');
	font-style: italic;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans';
	src: url('src/fonts/NotoSans-Medium.woff2');
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans';
	src: url('src/fonts/NotoSans-MediumItalic.woff2');
	font-style: italic;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans';
	src: url('src/fonts/NotoSans-SemiBold.woff2');
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans';
	src: url('src/fonts/NotoSans-SemiBoldItalic.woff2');
	font-style: italic;
	font-weight: 600;
	font-display: swap;
}

html {
	height: 100%;
	scroll-padding: 62px;
	font-size: 16px;
}

body {
	min-height: 100%;
	line-height: 1;
	background-color: #f5f5f5;
	overflow: auto !important;
	padding: 0 !important;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Noto Sans', sans-serif;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent;
}

:focus {
	outline: 0;
}

a {
	text-decoration: none;
	color: inherit;
}

ul {
	list-style: none;
}

button {
	background-color: inherit;
	border: none;
}

del,
s {
	text-decoration: line-through;
	color: #8d8d8d;
}

u {
	text-decoration: none;
	border-bottom: 1px solid #070507;
	line-height: 1.5;
	color: #070507;
}

strong {
	font-weight: 500;
}

blockquote {
	position: relative;
	padding-left: 17px;
	margin-bottom: 5px;
}

blockquote::before {
	content: '';
	flex-shrink: 0;
	width: 4px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: #d3d3d3;
	border-radius: 4px;
}

mark {
	padding: 0 1px;
	border-radius: 6px;
}

::-moz-selection {
	background-color: #fceed9 !important;
}

::selection {
	background-color: #fceed9 !important;
}

.padding {
	padding-left: 10px;
	padding-right: 10px;
}

::-webkit-scrollbar {
	width: 4px;
	height: 3px;
}

::-webkit-scrollbar-track {
	border-radius: 6px;
	background: rgba(0, 0, 0, 0.015);
}

::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.135);
}

::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:active {
	background: rgba(0, 0, 0, 0.25);
}

.ripple {
	position: absolute;
	border-radius: 50%;
	transform: scale(0);
	background-color: rgba(0, 0, 0, 0.185);
	animation: ripple 0.6s linear;
	z-index: 1;
}

@keyframes ripple {
	to {
		transform: scale(4);
		opacity: 0;
	}
}

.tools-content .textarea,
#lk-content textarea,
#lk-content input,
.input {
	width: 100%;
	padding: 0 15px;
	height: 46px;
	border: none;
	border-radius: 8px;
	background-color: rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.03);
	font-size: 16px;
	transition: background-color 0.3s, border-color 0.3s, box-shadow 0.2s;
}

.tools-content .textarea:hover,
#lk-content textarea:hover,
#lk-content input:hover,
.input:hover {
	background-color: #fff;
	border-color: #fb9d0f;
	box-shadow: 0 0 0 1px rgba(251, 157, 15, 0.5);
}

.tools-content .textarea:focus,
#lk-content textarea:focus,
#lk-content input:focus,
.input:focus {
	background-color: #fff;
	border-color: #fb9d0f;
	box-shadow: 0 0 0 1px rgba(251, 157, 15, 0.3);
}

.tools-content .textarea,
#lk-content textarea {
	line-height: 24px;
	resize: none;
	padding: 10px 15px 20px;
	min-height: 130px;
}

.tools-content .textarea {
	overflow: hidden;
}

.btn-fff {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: #070507;
	font-weight: 500;
	font-size: 15px;
	height: 42px;
	border-radius: 6px;
	cursor: pointer;
	padding: 0 12px;
	box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 9%);
	transition: 0.1s linear;
}

.btn-fff:hover {
	box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 23%), 0 1px 2px 0 rgb(0 0 0 / 13%);
}

.btn-fff:active {
	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.045),
		0 0 2px 0 rgba(0, 0, 0, 0.035);
	transform: translateY(1.65px);
}

.btn-fff svg {
	width: 22px;
	height: 22px;
}

.btn-fff .btn-text {
	margin-left: 5px;
}

.ul {
	background-color: #fff;
	width: 100%;
	position: absolute;
	z-index: 33;
	padding: 6px;
	flex-direction: column;
	border-radius: 6px;
	overflow: hidden;
	display: none;
	box-shadow: 0 3px 7px rgb(0 0 0 / 7%), 0 0 1px rgb(0 0 0 / 21%);
}

.ul.active {
	display: flex;
}

.ul-item {
	border-radius: 6px;
	margin-bottom: 4px;
	transition: 0.2s ease;
	cursor: pointer;
	width: 100%;
	font-weight: 500;
	font-size: 15px;
	user-select: none;
}

.ul-item:last-child {
	margin-bottom: 0;
}

.ul-item:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.ul-item a,
.ul-item > div {
	padding: 6px;
	min-height: 33px;
}

.ul-item a,
.ul-item > div {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}

.ul-item a img,
.ul-item div img {
	width: 30px;
	height: 30px;
	min-width: 30px;
	min-height: 30px;
	object-fit: cover;
	margin-right: 9px;
	border-radius: 4px;
}

.ul-item a svg,
.ul-item span svg,
.ul-item > div span svg {
	width: 21px;
	height: 21px;
	color: #070507;
	fill: #070507;
}

.ul-item span,
.ul-item > div span {
	width: 23px;
	height: 23px;
	margin-right: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.title-dots {
	padding: 6px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 17px;
	font-weight: 500;
}

.search-item a div {
	display: flex;
	align-items: center;
	gap: 3px;
}

.notifications-mini {
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 45;
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(auto-fit, minmax(0, 460px));
}

.notifications-mini .column,
.notifications-mini .toast {
	display: flex;
	align-items: center;
}

.notifications-mini .toast {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	padding: 16px 18px;
	background: #fff;
	justify-content: space-between;
	box-shadow: 0 4px 7px rgb(0 0 0 / 8%), 0 0 1px rgb(0 0 0 / 20%);
	animation: showtoast 0.2s ease forwards;
}

@keyframes showtoast {
	0% {
		transform: translateX(100%);
	}

	80% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(0);
	}
}

.notifications-mini .toast.hide {
	animation: hidetoast 0.2s ease forwards;
}

@keyframes hidetoast {
	0% {
		transform: translateX(0);
	}

	40% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(100% + 20px));
	}
}

.toast::before {
	position: absolute;
	content: '';
	height: 3px;
	width: 100%;
	bottom: 0;
	left: 0;
	animation: progress 5s linear forwards;
}

@keyframes progress {
	100% {
		width: 0%;
	}
}

.toast.success::before {
	background: #0abf30;
}

.toast.error::before {
	background: #e24d4c;
}

.toast.warning::before {
	background: #e9bd0c;
}

.toast.info::before {
	background: #3498db;
}

.toast .column svg {
	min-width: 28px;
	min-height: 28px;
	width: 28px;
	height: 28px;
}

.toast.success .column svg {
	fill: #0abf30;
	color: #0abf30;
}

.toast.error .column svg {
	fill: #e24d4c;
	color: #e24d4c;
}

.toast.warning .column svg {
	fill: #e9bd0c;
	color: #e9bd0c;
}

.toast.info .column svg {
	fill: #3498db;
	color: #3498db;
}

.toast .column span {
	font-size: 16px;
	margin-left: 13px;
	line-height: 19.35px;
}

.btn-close-notice {
	margin-left: 13px;
}

#notifications-list-mobile {
	display: none;
}

#new-posts-notification {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
}

.new-post-indicator {
	background-color: red;
	color: #fff;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;
	line-height: 20px;
}

.header {
	width: 100%;
	height: 56px;
	background-color: #fceed9;
	display: flex;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 35;
}

/* Учитываем админ-бар WordPress (для авторизованных админов): html уже смещён на 32/46px,
   поэтому фиксированный хедер поднимаем на ту же величину. */
.admin-bar .header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .header {
		top: 46px;
	}
}

.header-container {
	display: grid;
	width: 100%;
	max-width: 1290px;
	margin: 0 auto;
	justify-content: space-between;
	grid-template-columns: 240px minmax(0, 686px) 300px;
	gap: 15px;
	align-items: center;
	position: relative;
}

.header-container.padding {
	padding: 0;
}

.header-content {
	display: flex;
	align-items: center;
	height: 100%;
	grid-row: 1;
}

.header-content:nth-child(3) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.header-content-logo-flex {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.header-logo a {
	display: flex;
	align-items: center;
	letter-spacing: 0.165px;
	color: #070507;
	opacity: 0.985;
	font-weight: 600;
	font-size: 23px;
	transition: 0.2s ease;
}

.header-logo a:hover {
	opacity: 0.8;
}

.header-logo span:first-child {
	color: #8f0027;
}

.search {
	width: 100%;
	max-width: 686px;
	margin: 0 auto;
}

.search form {
	width: 100%;
	position: relative;
}

.search-input {
	height: 46px;
	width: 100%;
	padding: 0 15px;
	border-radius: 8px;
	background-color: #f6dfc0;
	font-size: 16px;
	border: 1px solid rgba(255, 255, 255, 0.03);
	transition: 0.2s ease;
}

.search-input:focus,
.search-input:hover {
	background-color: #fff;
	border: 1px solid #f6dfc0;
	box-shadow: 0 0 0 1.65px #f6dfc0;
}

.search-icon {
	display: none;
}

.search-ul {
	top: 55px;
	left: 0;
	right: 0;
	display: none;
}

.search-ul.active {
	display: block;
}

form.active .search-ul {
	display: flex;
}

.search-item-none div {
	justify-content: center;
}

.notification {
	position: relative;
}

.notification .notification-btn {
	cursor: pointer;
	position: relative;
	border-radius: 50%;
	padding: 5px;
	transition: 0.2s ease;
}

.notification .notification-btn svg {
	width: 24px;
	height: 24px;
	color: #070507;
	display: block;
}

.notification-btn span {
	display: inline-block;
	background-color: #e62e3b;
	color: #fff;
	border-radius: 50px;
	font-size: 11px;
	min-width: 10px;
	padding: 2.5px 5px;
	position: absolute;
	left: 55%;
	top: 0;
	opacity: 1;
	cursor: pointer;
}

.notification.active .notification-btn,
.notification.full .notification-btn,
.notification.setting .notification-btn {
	background-color: rgba(0, 0, 0, 0.05);
}

.notification-btn:hover svg {
	opacity: 0.75;
}

.notification.active .notification-btn svg,
.notification.full .notification-btn svg,
.notification.setting .notification-btn svg {
	transform: rotate(28deg);
}

.ssi-modalOuter .ssi-modalTitle,
#setting-container,
.count-notification[data-count='0'] {
	display: none;
}

#notifications-list-mb {
	left: -1000px;
}

.ul-notification {
	width: 100%;
	min-width: 380px;
	top: 50px;
	right: 0;
}

#setting-container {
	z-index: 33;
	background-color: #fff;
	flex-direction: column;
	width: 100%;
}

.setting-container-btn {
	display: flex;
	justify-content: right;
	align-items: center;
}

#setting-container.setting,
.notification.full .ul-notification,
.notification.setting .ul-notification,
.ssi-modalOuter {
	position: fixed;
	display: flex;
	box-shadow: none;
	height: auto;
	border-radius: 0;
	height: calc(100% - 56px);
	max-width: 600px;
	top: 56px;
	right: 0;
	padding: 15px 10px 20px;
	overflow: auto;
	min-width: auto;
	border: 1px solid #eee;
}

.ssi-modalOuter {
	top: 50%;
	left: 50%;
	justify-content: center;
	align-items: center;
	right: auto;
	transform: translate(-50%, -50%);
	width: 500px;
	max-width: 100%;
	height: 100%;
	max-height: 500px;
	background-color: #fefefe;
	border-radius: 12px;
}

.ssi-modalOuter {
	z-index: 36;
	background-color: #fff;
	padding: 20px 15px;
}

.ssi-modalOuter .ssi-buttons .ssi-rightButtons {
	display: flex;
	align-items: center;
	justify-content: right;
	flex-wrap: wrap;
	gap: 5px;
	padding-top: 13px;
}

.ssi-modalOuter .ssi-buttons .ssi-rightButtons button {
	cursor: pointer;
	font-weight: 500;
	padding: 5px 10px;
	background-color: #006aff;
	border-radius: 6px;
	cursor: pointer;
	color: #fff;
	transition: 0.2s ease;
}

.ssi-modalOuter .ssi-buttons .ssi-rightButtons button.btn-cancel {
	background-color: #e90d1b;
}

.ssi-modalOuter img {
	border: 1px solid #eee;
	object-fit: cover;
}

.jcrop-holder {
	overflow: hidden;
}

.ssi-modalOuter img,
.jcrop-holder {
	object-fit: cover;
	background-size: cover;
	max-width: 360px !important;
	max-height: 360px !important;
	border-radius: 6px;
	background-color: #fff !important;
}

.notification.full .ul-notification .notification-item {
	display: block !important;
}

.notification.full .ul-notification .title-dots,
.notification.setting .notification-settings-header-container {
	margin-bottom: 15px;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 18px;
}

.notification.full .ul-notification .notification-all {
	display: none;
}

.notification.active .ul-notification {
	display: flex;
	box-shadow: 0 4px 8px rgb(0 0 0 / 6%), 0 0 1px rgb(0 0 0 / 25%);
	min-height: 195px;
}

.notification.active .ul-notification:not(:has(.notification-item)) {
	justify-content: space-between;
}

.notification
	.ul-notification:has(.notification-item[data-status='1'])
	.mark-all-read,
.notification .ul-notification:not(:has(.notification-item)) .mark-all-read,
.notification
	.ul-notification:not(:has(.notification-item))
	.notification-item-dots-remove-notifi {
	display: none;
}

.notification
	.ul-notification:has(.notification-item)
	.notification-item-dots-remove-notifi,
.notification
	.ul-notification:has(.notification-item[data-status='0'])
	.mark-all-read {
	display: block !important;
}

.notification
	.ul-notification:not(:has(.notification-item))
	#notification-list-dots
	> li:nth-child(2) {
	margin-bottom: 0;
}

.notification-item {
	padding: 0;
	line-height: 19px;
	margin-bottom: 5px;
	order: 2;
	font-weight: 400;
	display: none;
}

.ul-notification > .notification-item:nth-child(-n + 5) {
	display: block;
}

.notification-item a {
	align-items: start;
	font-size: 15px;
	padding: 6px;
	width: 100%;
	height: 100%;
	min-height: 38px;
}

.notification-item a img {
	min-width: 38px;
	min-height: 38px;
}

.notification-item a img[src=''] {
	opacity: 0;
}

.notification-item a svg {
	min-width: 38px;
	min-height: 30px;
	margin: 3.5px 0;
	margin-right: 9px;
}

.notification-item div b {
	font-weight: 500;
}

.notification-item a > div:after {
	content: attr(data-time);
	margin-left: 5px;
	color: #515151;
	font-size: 13px;
}

.notification-item a > div svg {
	min-width: 17px;
	margin: 0;
	min-height: 17px;
	width: 17px;
	height: 17px;
	display: inline-block;
	margin-left: 3px;
	padding-top: 1px;
	color: #ff5e00;
	fill: #ff5e00;
}

.notification-item[data-status='0'] {
	background-color: rgb(252 238 217 / 44%);
}

.notification-item[data-status='0']:hover {
	background-color: rgb(252 238 217 / 85%);
}

.notification-all {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 38px;
	margin-top: 5px;
	border-top: 1px solid #e6e6e6;
	order: 3;
}

.notification-all .notifications-btn-all {
	padding-top: 6px;
	font-size: 15.75px;
	color: #006aff;
	transition: 0.2s ease;
	cursor: pointer;
}

.notification-all .notifications-btn-all:hover {
	color: #0060e5;
}

.title-dots {
	position: relative;
	order: 1;
}

.title-dots .ul {
	display: none;
	top: 33px;
	right: 0;
	width: 100%;
	max-width: 300px;
}

.notification.dots .title-dots .ul {
	display: flex;
}

#notification-overlay,
.ssi-backdrop {
	display: none;
	position: fixed;
	z-index: 32;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: rgba(0, 0, 0, 0.485);
	backdrop-filter: blur(4.5px);
}

.ssi-backdrop,
#notification-overlay.active,
#notification-overlay.setting {
	display: block;
}

.ssi-backdrop {
	z-index: 35;
}

#notification-settings-container {
	display: none;
	order: 2;
}

.notification.setting #notification-settings-container {
	display: block;
}

#notification-settings-container .notifi-settings-block > div {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.notifi-settings-block .rcl-checkbox-box {
	gap: 10px;
	display: flex;
	align-items: start;
	font-size: 16px;
	line-height: 21px;
	padding: 6px 10px;
}

.notification.setting .notification-all,
.notification.setting .title-dots,
.notification.setting .ul-notification .notification-item {
	display: none !important;
}

.notification-settings-header-container {
	display: none;
	flex-direction: column;
	gap: 15px;
}

.notification-settings-title,
.setting-container-content-title {
	font-size: 19px;
	font-weight: 500;
	padding: 0 10px;
}

.setting-container-content-title {
	margin-bottom: 25px;
}

.setting-container-content-subtitle {
	font-size: 17px;
	font-weight: 500;
}

.setting-container-content-subtitle-rating {
	display: flex;
	align-items: center;
	gap: 5px;
}

.setting-container-content-item {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 0 10px;
	margin-bottom: 20px;
}

#your-profile > div:last-child,
.setting-container-content-item .notification-settings-btn {
	font-size: 16px;
	line-height: 21px;
	cursor: pointer;
	transition: 0.2s ease;
}

#your-profile > div:last-child {
	margin: 15px 0 0;
	width: fit-content;
	text-align: left !important;
}

.rating-plus,
.container-rating .tubr-user.plus .tubr-user-rating {
	color: #009420;
}

.rating-minus,
.container-rating .tubr-user.minus .tubr-user-rating {
	color: #c00000;
}

#your-profile > div:last-child:hover,
.setting-container-content-item .notification-settings-btn:hover {
	opacity: 0.8;
}

.setting-container-content-btn a {
	display: block;
	width: fit-content;
}

.setting-container-content-btn button div,
.setting-container-content-btn a > span,
.setting-container-content-btn button > span {
	background: #e90d1b;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 15px;
	height: 36px;
	border-radius: 6px;
	cursor: pointer;
	padding: 0 10px;
	color: #fff;
	gap: 6px;
	transition: 0.2s ease;
}

.ssi-modalOuter .ssi-buttons .ssi-rightButtons button.btn-cancel:hover,
.setting-container-content-btn button div:hover,
.setting-container-content-btn a > span:hover,
.setting-container-content-btn button > span:hover {
	background: #b3010d;
}

.setting-container-content-btn button:disabled div,
.setting-container-content-btn button:disabled > span {
	background: #92000a;
	cursor: not-allowed;
}

.notification.full
	.notification-settings-header-container
	#notification-settings-header-btn-back,
.notification.full .notification-settings-title,
.setting-container-content-btn button:disabled div span,
.setting-container-content-btn button:disabled > span span {
	display: none;
}

.setting-container-content-btn button:disabled div::after {
	content: 'Закладок нет';
}

.setting-container-content-btn a svg,
.setting-container-content-btn button svg {
	width: 22px;
	height: 22px;
	color: #fff;
	fill: #fff;
}

.setting-container-content-logout {
	margin-bottom: 0;
}

.setting-container-content-logout a {
	display: flex;
	align-items: center;
	gap: 5px;
	width: fit-content;
}

.setting-container-content-logout svg {
	width: 24px;
	height: 24px;
}

.notification.full .notification-settings-header-container,
.notification.setting .notification-settings-header-container {
	display: flex;
}

.notification.full .notification-settings-header-btn {
	justify-content: right;
	margin-bottom: 9px;
}

.notification.setting .notification-settings-header-btn {
	justify-content: space-between;
	margin-bottom: 0;
}

.notification.setting
	.notification-settings-header-container
	#notification-settings-header-btn-back,
.notification.setting .notification-settings-title {
	display: flex;
}

.notification-settings-header-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.notifi-settings-block .rcl-checkbox-box input {
	margin-top: 2px;
}

.ul-item-user-mini a div {
	font-size: 17px;
	line-height: 1.35;
}

.ul-item-user-mini a img {
	width: 33px;
	height: 33px;
}

.modal-auth {
	display: none;
	position: fixed;
	z-index: 45;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: rgba(0, 0, 0, 0.485);
	backdrop-filter: blur(4.5px);
}

.show-modal-auth {
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal-content-auth {
	background-color: #fefefe;
	width: 100%;
	height: 100%;
	max-width: 500px;
	max-height: 705px;
	border-radius: 12px;
	padding: 20px 25px;
}

#setting-container-btn-close,
.back-btn-auth,
.btn-close-auth,
.btn-close-container-header,
.btn-close-notice,
.notification-settings-header-btn button,
.single-post-header-settings-btn,
.ul-item-btn-dots,
.comment-form-attachment__label {
	cursor: pointer;
	width: 26px;
	height: 26px;
	min-width: 26px;
	min-height: 26px;
	max-width: 26px;
	max-height: 26px;
	padding: 3px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.15s ease;
}

#setting-container-btn-close:hover,
.back-btn-auth:hover,
.btn-close-auth:hover,
.btn-close-container-header:hover,
.btn-close-notice:hover,
.notification-settings-header-btn button:hover,
.single-post-header-settings-btn:hover,
.ul-item-btn-dots:hover,
.comment-form-attachment__label:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

#setting-container-btn-close svg,
.back-btn-auth svg,
.btn-close-auth svg,
.btn-close-container-header svg,
.btn-close-notice svg,
.notification-settings-header-btn button svg,
.single-post-header-settings-btn svg,
.ul-item-btn-dots svg,
.comment-form-attachment__label svg {
	color: #888;
	fill: #888;
	transition: 0.15s ease;
	min-width: 13px;
	min-height: 13px;
	width: 13px;
	height: 13px;
}

.single-post-header-settings-btn svg,
.ul-item-btn-dots svg {
	width: 18px;
	height: 18px;
	min-width: 18px;
	min-height: 18px;
}

.single-post-header-settings-btn svg {
	color: #353535;
	fill: #353535;
}

.back-btn-auth svg {
	min-width: 14px;
	min-height: 14px;
	width: 14px;
	height: 14px;
}

.btn-close-notice svg {
	min-width: 16px;
	min-height: 16px;
	width: 16px;
	height: 16px;
}

.ul-item-btn-dots svg {
	color: #353535;
}

.back-btn-auth:focus svg,
.back-btn-auth:hover svg,
.btn-close-auth:focus svg,
.btn-close-auth:hover svg,
.btn-close-notice:focus svg,
.btn-close-notice:hover svg {
	cursor: pointer;
}

.modal-content-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.logo-auth {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}

.logo-auth img {
	width: 56px;
	height: 56px;
	object-fit: cover;
	border-radius: 6px;
	transition: 0.2s ease-in;
}

.logo-auth img:hover {
	transform: scale(1.0385);
}

.title-auth {
	text-align: center;
	font-weight: 500;
	font-size: 21px;
	line-height: 28px;
	color: #070507;
	margin-bottom: 18px;
}

.auth-list {
	max-height: none;
	height: auto;
	overflow: visible;
	max-width: 365px;
	margin: 0 auto;
}

.auth-list ul {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.auth-list ul li,
.complaint-reason {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 500;
	line-height: 21px;
	height: 46px;
	background-color: rgba(0, 0, 0, 0.05);
	color: #070507;
	text-align: center;
	width: 100%;
	cursor: pointer;
	position: relative;
	transition: 0.2s ease;
}

.complaint-reason {
	padding: 10px 8px;
}

.complaint-reason.active {
	background-color: rgba(0, 0, 0, 0.135);
}

.auth-list ul li:hover,
.complaint-reason:hover {
	background-color: rgba(0, 0, 0, 0.105);
}

.auth-list ul li a,
.auth-list ul li span {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.auth-list ul li svg {
	width: 21px;
	height: 21px;
	position: absolute;
	left: 26px;
	top: 50%;
	transform: translateY(-50%);
	color: #070507;
	fill: #070507;
}

.auth-list ul li:nth-child(1) svg path {
	color: #f33d1c;
	fill: #f33d1c;
}

.auth-list ul li:nth-child(2) svg path {
	fill: #07f;
	color: #07f;
}

.auth-list ul li:nth-child(3) svg {
	color: #f70;
	fill: #f70;
}

.footer-auth {
	text-align: center;
	font-size: 15px;
}

.footer-auth button {
	cursor: pointer;
	color: #0173f7;
	font-size: 15px;
	margin-left: 6.5px;
	transition: 0.15s linear;
}

.footer-auth button:hover {
	color: #0061cf;
}

.footer-register-login,
.footer-remember-login,
.footer-new-password-login {
	text-align: center;
	font-size: 15px;
	max-height: 0 !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transform: translateY(20px) !important;
	transition: opacity 0.2s ease-out, transform 0.2s ease-out !important;
}

.footer-register-login button,
.footer-remember-login button,
.footer-new-password-login button {
	cursor: pointer;
	color: #0173f7;
	font-size: 15px;
	margin-left: 6.5px;
	transition: 0.15s linear;
}

.footer-register-login button:hover,
.footer-remember-login button:hover,
.footer-new-password-login button:hover {
	color: #0061cf;
}

.modal-auth.register .footer-register-login,
.modal-auth.remember-password .footer-remember-login,
.modal-auth.new-password .footer-new-password-login {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	max-height: 100% !important;
}

.modal-auth .auth-list,
.modal-auth .footer-auth {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.2s ease-out;
}

.modal-auth.active .auth-list,
.modal-auth.active .footer-auth,
.modal-auth.register .auth-list,
.modal-auth.register .footer-auth,
.modal-auth.remember-password .auth-list,
.modal-auth.remember-password .footer-auth,
.modal-auth.new-password .auth-list,
.modal-auth.new-password .footer-auth {
	opacity: 0 !important;
	visibility: hidden !important;
	max-height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
}

.footer-remember-auth,
.modal-auth .mail-auth,
.register-auth,
.remember-password-auth,
.new-password-auth {
	max-height: 0 !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transform: translateY(20px) !important;
	transition: transform 0.2s ease-out !important;
}

.title-auth-new-password,
.title-auth-reg,
.title-auth-remember {
	display: none;
}

.modal-auth.register .title-auth,
.modal-auth.remember-password .title-auth,
.modal-auth.new-password .title-auth {
	display: none;
}

.modal-auth.new-password .title-auth-new-password,
.modal-auth.register .title-auth-reg,
.modal-auth.remember-password .title-auth-remember {
	display: block !important;
}

.modal-auth.new-password .title-auth-remember {
	display: none !important;
}

.back-btn-auth {
	opacity: 0;
	visibility: hidden;
	max-height: 0;
}

.back-btn-register,
.back-btn-remember {
	display: none;
}

.modal-auth.active .back-btn-auth,
.modal-auth.register .back-btn-register,
.modal-auth.remember-password .back-btn-remember {
	max-height: 100%;
	opacity: 1;
	visibility: visible;
}

.modal-auth.register .back-btn-auth,
.modal-auth.remember-password .back-btn-auth {
	display: none;
}

.modal-auth.register .back-btn-register,
.modal-auth.remember-password .back-btn-remember {
	display: flex !important;
}

.modal-auth.active .mail-auth,
.modal-auth.register .register-auth,
.modal-auth.remember-password .remember-password-auth,
.modal-auth.new-password .new-password-auth {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	max-height: none !important;
	height: auto !important;
	overflow: visible !important;
	max-width: 355px !important;
	margin: 0 auto 18px !important;
}

.modal-auth.active .footer-remember-auth {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	max-height: 100% !important;
}

.modal-auth.register .footer-register-btn {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	max-height: 100% !important;
}

.modal-auth.register .footer-register-btn {
	max-height: 0 !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transform: translateY(20px) !important;
	transition: opacity 0.2s ease-out, transform 0.2s ease-out !important;
}

#remember-form-rcl > div form,
.modal-auth.active .mail-auth-content form,
.register-auth form,
.remember-password-auth form,
.new-password-auth form {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.input-password-auth {
	position: relative;
	width: 100%;
	height: 100%;
}

.input-password-auth input {
	padding-right: 40px;
}

.input-password-auth span {
	width: 19px;
	height: 19px;
	cursor: pointer;
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
}

.input-password-auth span svg {
	width: 19px;
	height: 19px;
	color: #070507;
	fill: #070507;
	transition: 0.2s ease;
}

.input-password-auth span svg:nth-child(2) {
	display: none;
}

.input-password-auth span svg:hover {
	color: #383838;
}

.input-password-auth span.active svg:nth-child(2) {
	display: block;
}

.input-password-auth span.active svg:first-child {
	display: none;
}

.checkbox-auth {
	display: flex;
	align-items: center;
	gap: 7.65px;
	width: 100%;
	padding-right: 5px;
	font-size: 16px;
	justify-content: right;
	margin: 5px auto;
}

.checkbox-auth input,
.checkbox-auth label {
	cursor: pointer;
}

.btn-auth,
.complaint-send {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	width: 100%;
	padding: 0 15px;
	height: 46px;
	border: none;
	border-radius: 8px;
	background-color: #1f65cd;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	transition: 0.2s ease;
}

.btn-auth:hover,
.complaint-send:hover {
	background-color: #1759bd;
}

.btn-auth:active,
.complaint-send:active {
	background-color: #0d4caa;
}

.footer {
	width: 100%;
	position: fixed;
	left: 50%;
	bottom: 0;
	display: none;
	transform: translateX(-50%);
	max-width: 686px;
	z-index: 37;
}

.footer-container {
	min-height: 53px;
	height: 53px;
	width: 100%;
	padding: 0 12px;
	background-color: #fff;
	border-top: 1px solid #eee;
}

.footer-container .footer-list {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-container .footer-list li {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
}

.footer-container .footer-list li a,
.footer-container .footer-list li button {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 2;
}

.footer-container .footer-list li a > div,
.footer-container .footer-list li button > span {
	height: 26px;
	width: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-container .footer-list svg {
	display: inline-block;
	width: 24px;
	height: 24px;
	color: #070507;
}

.footer-notification div {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-notification div span {
	display: inline-block;
	background-color: #e62e3b;
	color: #fff;
	border-radius: 50px;
	font-size: 10px;
	min-width: 10px;
	padding: 2px 4px;
	position: absolute;
	left: 50%;
	top: -4px;
	opacity: 1;
	cursor: pointer;
}

.user-footer img {
	border-radius: 4px;
	width: 24px;
	height: 24px;
}

.user-rating-block {
	display: flex;
	align-items: center;
	gap: 2px;
	font-weight: 500;
}

#post-data,
.notice,
.notification-container {
	display: none;
}

.footer-dot a {
	position: relative;
}

.main {
	display: grid;
	width: 100%;
	max-width: 1290px;
	margin: 0 auto;
	padding-top: 56px;
	justify-content: space-between;
	grid-template-columns: 240px minmax(0, 686px) 300px;
	gap: 15px;
}

.main-editor {
	grid-template-columns: 240px 1fr;
}

.sidebar {
	position: sticky;
	left: 0;
	top: 56px;
	width: 100%;
	height: calc(100vh - 56px);
	padding: 15px 0 10px;
}

.sidebar-container {
	overflow: hidden auto;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	gap: 25px;
}

.menu-item.hidden,
.sidebar .menu-list-sub li a div span,
.sidebar .menu-list-sub::-webkit-scrollbar,
.sidebar .menu-list-sub:empty,
#left-sidebar.active,
.sidebar-container-header,
#pagination .page-numbers::-webkit-scrollbar,
.auth-list::-webkit-scrollbar,
.sidebar-container::-webkit-scrollbar-thumb,
.sidebar-container::-webkit-scrollbar-track,
.sidebar-int {
	display: none;
}

.sidebar-container:hover::-webkit-scrollbar-thumb {
	display: block;
	width: 5px;
	height: 5px;
}

.menu-list {
	margin: 0 5px;
}

.menu-list ul {
	display: flex;
	flex-direction: column;
	gap: 5px;
	user-select: none;
}

.menu-list ul li {
	position: relative;
	border-radius: 8px;
}

.menu-list ul li a,
.menu-list ul li .item-link,
.sidebar .show-more {
	border-radius: 8px;
	transition: 0.2s ease;
}

.menu-list ul li a:hover,
.menu-list ul li .item-link:hover,
.sidebar .show-more:hover {
	background-color: rgb(0 0 0 / 5%);
}

.menu-list ul li a,
.menu-list ul li .item-link,
.menu-list ul li button,
.sidebar .show-more {
	padding: 0 10px;
	width: 100%;
	height: 41px;
	display: flex;
	align-items: center;
	position: relative;
	font-size: 16px;
	cursor: pointer;
}

.sidebar .show-more {
	font-size: 15px;
}

.menu-list ul li .item-link img,
.menu-list ul li .item-link svg,
.menu-list ul li a img,
.menu-list ul li a svg {
	color: #252525;
	fill: #252525;
	margin-right: 8px;
	display: inline-block;
	min-width: 23px;
	min-height: 23px;
	width: 23px;
	height: 23px;
}

.sidebar .show-more span:first-child {
	margin-right: 8px;
	width: 23px;
	height: 23px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sidebar .show-more svg {
	color: #252525;
	fill: #252525;
	width: 13px;
	height: 13px;
}

.sidebar .show-more.active svg {
	transform: rotate(180deg);
}

.menu-list ul li img {
	border-radius: 4px;
}

.menu-item.active .item-link:hover,
.menu-item.active {
	background-color: #fff;
	cursor: default;
}

.menu-item.active svg,
.menu-item.active .item-link svg,
.rating-wrapper .user-vote svg {
	color: #fb9d0f;
	fill: #fb9d0f;
}

.menu-item.active:hover a {
	background-color: #fff;
}

.menu-list ul li .item-link > span,
.menu-list ul li a > span {
	width: 100%;
}

.menu-list-sub li a > span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.menu-list ul li .button-menu-item {
	position: absolute;
	top: 9px;
	right: 10px;
	max-width: 24px;
	max-height: 24px;
	border-radius: 50%;
	padding: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.2s ease;
}

.menu-list ul li .button-menu-item:hover {
	background-color: rgb(0 0 0 / 5%);
}

.menu-item-category {
	max-height: 0;
	height: 100%;
	overflow: hidden;
	padding-right: 3px;
	transition: max-height 0.2s;
}

.menu-list ul li .menu-item-category .item-link:first-child,
.menu-item-category a:first-child {
	margin-top: 3px;
}

.menu-list ul li .button-menu-item svg {
	color: #252525;
	fill: #252525;
	width: 12px;
	height: 12px;
	transform: rotate(-90deg);
	transition: 0.2s;
}

.menu-item.list .button-menu-item svg {
	transform: rotate(0);
}

.menu-item.list .menu-item-category {
	max-height: 173px;
	overflow: hidden auto;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.menu-item.list .menu-item-category-reviews {
	overflow: hidden;
}

.menu-list ul li .menu-item-category a,
.menu-list ul li .menu-item-category .item-link {
	padding-left: 13.5px;
	height: 41px;
	min-height: 41px;
}

.menu-list ul li .item-link.active,
.menu-list ul li .item-link.active:hover,
.menu-item-link-subcategory.active,
.menu-item-link.active {
	background-color: #fff;
	cursor: default;
}

.sidebar .menu-list-sub {
	margin-top: 18px;
	padding-top: 13px;
	border-top: 1px dotted #c3c3c3;
}

.sidebar .menu-list-sub li a div {
	max-width: 152px;
}

.sidebar .menu-list-sub li a div span:first-child {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	height: 18px;
}

.menu-list ul li .item-link .menu-item-count,
.menu-list ul li a .menu-item-count {
	position: absolute;
	top: 14px;
	right: 21px;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
}

.menu-list-sub-name {
	max-width: 130px;
}

.show-more-button {
	margin-left: 15px;
}

.sidebar-footer {
	padding: 0 5px;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.sidebar-footer-links {
	display: flex;
	flex-wrap: wrap;
	font-size: 14.35px;
	color: rgb(0 0 0 / 81.5%);
}

.sidebar-footer-links a,
.sidebar-footer-links div {
	margin-right: 12px;
	margin-bottom: 15px;
	transition: 0.15s ease;
	cursor: pointer;
}

.sidebar-footer-links a:hover,
.sidebar-footer-links div:hover {
	color: rgb(0 0 0 / 100%);
}

#theme-color {
	margin-left: 6px;
	color: #006aff;
	cursor: pointer;
	transition: 0.15s ease;
}

#theme-color:hover {
	color: #0060e5;
}

.sidebar-footer-theme {
	padding-bottom: 10px;
	display: none !important;
}

.sidebar-footer-theme-flex {
	display: flex;
	align-items: center;
	position: relative;
	font-size: 15.5px;
}

.sidebar-footer-cabinet {
	position: relative;
}

.sidebar-footer-cabinet .ul-item a img,
.sidebar-footer-cabinet .ul-item a svg {
	width: 26px;
	height: 26px;
	min-width: 26px;
	min-height: 26px;
}

.sidebar-footer-cabinet.active .ul {
	display: flex;
	bottom: 45px;
	left: 0;
}

.header .sidebar-footer-cabinet.active .ul {
	bottom: auto;
	top: 53px;
	left: auto;
	right: 0;
	width: 260px;
}

.sidebar-footer-user {
	padding: 8px 10px;
	font-size: 15px;
	font-weight: 500;
	width: 100%;
	border-radius: 12px;
	background-color: rgb(0 0 0 / 3.5%);
	transition: 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	cursor: pointer;
}

.header .sidebar-footer-user {
	background-color: rgb(0 0 0 / 5%);
}

.sidebar-footer-user:hover {
	background-color: rgb(0 0 0 / 10%);
}

.sidebar-footer-user > div:first-child {
	display: flex;
	align-items: center;
	gap: 5px;
}

.sidebar-footer-user img,
.sidebar-footer-user svg {
	width: 24px;
	height: 24px;
}

.sidebar-footer-user-name {
	display: flex;
	align-items: center;
	gap: 2px;
}

.sidebar-footer-user-name > div {
	width: 100%;
	height: 16.3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 103px;
}

.sidebar-footer-user-btn svg {
	width: 16px;
	height: 16px;
}

#theme-ul {
	width: 100%;
	min-width: 190px;
	bottom: 25px;
	right: -86px;
}

.right-sidebar {
	position: sticky;
	right: 0;
	top: 56px;
	height: calc(100vh - 56px);
	padding: 15px 0 0;
}

.container {
	position: relative;
	width: 100%;
	padding-bottom: 70px;
}

.container-main {
	width: 100%;
	max-width: 686px;
}

.container-header {
	width: 100%;
	max-width: 686px;
	margin: 20px auto;
	margin-top: 15px;
	text-align: center;
	position: relative;
}

.container-header.active {
	margin: 15px auto;
}

.container-header.active .container-header-main {
	display: none;
}

.container-header.active .btn-close-container-header svg {
	transform: rotate(0);
}

.container-header-flex {
	display: flex;
	align-items: center;
	gap: 10px;
}

.container-header-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	position: relative;
	width: 66px;
	height: 66px;
}

.container-header-logo:has(.header-logo-svg) {
	width: 56px;
	height: 56px;
}

.container-header-logo img,
.container-header-logo svg {
	width: 62px;
	height: 62px;
	max-width: 62px;
	max-height: 62px;
	border-radius: 6px;
	color: #fb9d0f;
	fill: #fb9d0f;
	transition: 0.2s;
}

.container-header-logo img:hover,
.container-header-logo svg:hover {
	transform: scale(1.2) translateX(5px);
}

.container-header-logo .avatar-icons input {
	z-index: 5;
	cursor: pointer;
}

.container-header-logo .avatar-icons input,
.container-header-logo-lk > svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	width: 74px;
	height: 74px;
	opacity: 0;
}

.container-header-logo-lk > svg {
	display: none;
	opacity: 1;
	width: 34px;
	height: 34px;
	top: 50%;
	left: 50%;
	color: rgba(0, 0, 0, 0.75);
	transform: translate(-50%, -50%) !important;
}

.avatar-cabinet img.active,
img.avatar-cabinet.active,
.container-header-logo img.active {
	filter: blur(3px);
}

.container-header-logo-lk:hover > svg {
	opacity: 1;
	display: block;
}

.container-header-title {
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2px;
}

.container-header-text {
	font-size: 15.4px;
	line-height: 24px;
	margin: 17px auto;
}

.header-group {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	row-gap: 16px;
	margin-top: 17px;
	font-size: 15px;
	font-weight: 500;
}

.header-group a {
	transition: 0.2s linear;
}

.header-group a:hover {
	opacity: 0.85;
}

.header-group .callback-link,
.btn-sub {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 4px;
	padding: 4px 8px;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	transition: 0.3s ease;
	cursor: pointer;
}

.header-group .callback-link:hover,
.btn-sub:hover {
	background-color: rgba(0, 0, 0, 0.09);
}

.container-link {
	position: relative;
	margin-bottom: 15px;
}

.container-link .slider-container {
	position: relative;
}

.container-link-list {
	display: flex;
	align-items: center;
	gap: 8px;
}

.container-link-list li {
	background-color: #fff;
	border-radius: 8px;
	border: 1px solid #eee;
	transition: 0.2s ease;
}

.container-link-list li.active {
	background-color: rgba(0, 0, 0, 0.05);
}

.container-link-list li.active a {
	cursor: default;
}

.container-link-list li a,
.container-link-list li > div {
	display: flex;
	align-items: center;
	gap: 6px;
	width: 100%;
	padding: 8px;
	height: 36px;
	font-size: 15px;
	white-space: nowrap;
	cursor: pointer;
}

.container-link-list .tab.active > div {
	cursor: default;
}

#tax_groups {
	display: none !important;
}

.container-link-list li:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.container-link-list li a img,
.container-link-list li a svg,
.container-link-list li > div img,
.container-link-list li > div svg {
	width: 28px;
	height: 28px;
	border-radius: 50%;
}

.container-link-list .tab {
	order: 2;
}

.container-link-list .tab.active {
	order: 1;
}

.container-link-list .tab svg {
	width: 23px;
	height: 23px;
	color: #fb9d0f;
}

.container-link-icon {
	position: absolute;
	z-index: 3;
	top: 50%;
	left: -17px;
	transform: translate(0, -50%);
}

.container-link-icon-right {
	right: -17px;
	left: auto;
}

.container-link-icon-left {
	display: none;
}

.relevant {
	background-color: #fff;
	border-radius: 12px;
	padding-bottom: 0;
	position: relative;
	border: 1px solid #eee;
	margin-bottom: 15px;
}

.relevant-list {
	display: grid;
	grid-template-columns: repeat(8, minmax(343px, 343px));
	gap: 3px;
	padding: 35px 15px 10px;
}

.tabs-box {
	overflow: auto hidden;
	user-select: none;
}

.tabs-box::-webkit-scrollbar {
	display: none;
}

.relevant-item {
	display: flex;
	flex-direction: column;
}

.relevant-item-info {
	display: flex;
	align-items: center;
	font-size: 13.75px;
}

.relevant-item-info > a {
	transition: 0.2s ease;
	padding: 3px 6px;
	border-radius: 6px;
}

.relevant-item-info img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin-right: 12px;
	margin-left: 2px;
}

.relevant-publish-time::before {
	font-size: 12.5px;
	content: attr(data-times);
	margin-left: 5px;
}

.relevant-item-title {
	display: flex;
	padding: 6px;
	transition: 0.2s ease;
	border-radius: 6px;
}

.relevant-item-info > a:hover,
.relevant-item-title:hover,
.container-rating .tubr-user:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.relevant-item-title img,
.relevant-item-title-img {
	width: 28px;
	height: 28px;
	min-width: 28px;
	min-height: 28px;
	border-radius: 4px;
	margin-right: 10px;
	object-fit: cover;
}

.flex-text-relevant {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.flex-text-relevant > div:first-child {
	font-size: 15px;
	line-height: 19px;
}

.flex-text-relevant > div:nth-child(2) {
	font-size: 14px;
	line-height: 21px;
}

.relevant-item-comment-flex {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 500;
	color: #3b3b3b;
}

.relevant-item-comment {
	display: flex;
	align-items: center;
	gap: 4.5px;
}

.relevant-item-comment span {
	color: #34a430;
	font-size: 12px;
	margin-bottom: 3px;
}

.icon-slider-container {
	position: absolute;
	top: 50%;
	left: -17px;
	z-index: 1;
	transform: translate(0, -50%);
}

.icon-slider-container-right {
	right: -17px;
	left: auto;
}

.icon-slider {
	position: relative;
	overflow: hidden;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2), 0 0 2px rgba(2, 0, 20, 0.18);
	height: 28px;
	width: 28px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	display: none;
	z-index: 2;
	transition: 0.2s;
}

.icon-slider:hover {
	transform: scale(1.2);
}

.icon-slider svg {
	width: 12px;
	height: 12px;
}

.icon-slider-right svg {
	transform: rotate(180deg);
}

.tabs-box.dragging {
	cursor: grabbing;
}

.container-filters {
	margin-bottom: 15px;
}

.container-filters-flex {
	display: flex;
	align-items: center;
	gap: 8px;
}

.container-filters-flex-scroll {
	padding: 0 !important;
}

.container-filters-flex-scroll .container-filters-flex {
	overflow: auto;
}

.filters-item {
	position: relative;
}

.filters-item > a,
.filters-item > div {
	display: flex;
	align-items: center;
	gap: 5px;
	width: 100%;
	padding: 0 8px;
	height: 36px;
	font-size: 15px;
	white-space: nowrap;
	background-color: #fff;
	border-radius: 8px;
	border: 1px solid #eee;
	cursor: pointer;
	user-select: none;
	transition: 0.2s ease;
}

.filters-item > a svg,
.filters-item > div svg {
	width: 21px;
	height: 21px;
	color: #fb9d0f;
}

#filters-popular.active .filters-popular,
#filters-rubric.active .filters-popular,
.filters-item > a.active,
.filters-item > div.active {
	background-color: rgba(0, 0, 0, 0.05);
}

.filters-item > a:hover,
.filters-item > div:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.filters-item > a.active:hover,
.filters-item > div.active:hover {
	background-color: rgba(0, 0, 0, 0.085);
}

.ul-filters-popular {
	width: 100%;
	top: 40px;
	left: 0;
	min-width: 175px;
}

.ul-filters-popular {
	width: 100%;
	top: 40px;
	left: 0;
	min-width: 175px;
}

.ul-filters-rubric {
	width: 100%;
	top: 40px;
	right: 0;
	min-width: 200px;
	max-height: 240px;
	overflow: auto;
}

.ul-filters-popular.active {
	box-shadow: 0 4px 8px rgb(0 0 0 / 6%), 0 0 1px rgb(0 0 0 / 25%);
	display: flex;
}

.filters-new {
	position: relative;
}

.ul-item-filters svg {
	opacity: 0;
}

.filters-new.ul-item-filters svg,
.ul-item-filters.active svg {
	opacity: 1;
}

.search-item a div svg {
	width: 14.5px;
	height: 14.5px;
	color: #1070ff;
	fill: #1070ff;
	margin-top: -5px;
	display: none;
}

.search-item a div span {
	font-size: 11px;
	color: rgb(0 0 0 / 90%);
	margin-top: -7px;
	width: auto;
	height: auto;
	margin-right: 0;
}

.verified-item-sidebar {
	display: flex;
	align-items: center;
	gap: 2.5px;
}

.sidebar .menu-list-sub li a .verified-item-sidebar span:last-child,
.user-name-item div:nth-child(2) {
	display: block;
	font-size: 11px;
	color: rgb(0 0 0 / 90%);
	margin-top: -5px;
}

.single-post-header-author-name,
.comment-author-info > a,
.comment-author-info > div,
.author-display-name {
	display: flex;
	align-items: center;
	gap: 2px;
}

.comment-author-info > div {
	gap: 3px;
}

.container-rating .tubr-user-title svg,
.single-post-header-author-name span svg,
.comment-author-info > a div svg,
.author-display-name svg {
	width: 14px;
	height: 14px;
	color: #1070ff;
	fill: #1070ff;
	margin-top: -4px;
	display: none;
}

.author-display-name svg {
	width: 13px;
	height: 13px;
}

.container-rating .tubr-user-title span,
.single-post-header-author-name span:last-child,
.comment-author-info > a div:nth-child(2),
.author-display-name span:last-child {
	font-size: 11px;
	color: rgb(0 0 0 / 90%);
	margin-top: -5px;
}

.verified-notification {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 3px;
}

.sidebar-footer-user-name span,
.container-header-title span,
.notification-item a .verified-notification span:last-child {
	font-size: 12px;
	color: rgb(0 0 0 / 90%);
	width: auto;
	height: auto;
	margin: 0;
	margin-top: -6px;
}

.sidebar-footer-user-name svg,
.container-header-title svg {
	width: 15px !important;
	height: 15px !important;
	min-width: 15px !important;
	min-height: 15px !important;
}

.container-header-title span {
	font-size: 13px;
}

.container-header-editor {
	max-width: 986px;
}

.editor {
	width: 100%;
	margin: 0 auto;
	max-width: 986px;
	background-color: #fff;
	padding: 33px 0 37px;
	border-radius: 12px;
	border: 1px solid #eee;
}

.editor .container-main {
	width: 100%;
	max-width: 686px;
	margin: 0 auto;
}

.editor form {
	display: flex;
	flex-direction: column;
	gap: 23.5px;
	width: 100%;
	max-width: 686px;
}

.editor .fus-form-block-header {
	order: 2;
}

.editor .container-main > h2 {
	text-align: center;
	color: #070507;
	font-size: 17px;
	line-height: 25px;
	margin: 15px auto;
	font-weight: 500;
	padding: 0 20px;
}

.editor .fus-form-block-header .sub-header {
	display: flex;
	align-items: center;
	justify-content: right;
	gap: 8.5px;
	padding: 0 10px;
}

.editor .form-submit,
#loadMoreButton,
#submit-feedback {
	font-size: 14.3px;
	font-weight: 500;
	padding: 0 10px;
	height: 36px;
	border: none;
	background-color: #006aff;
	border-radius: 6px;
	cursor: pointer;
	color: #fff;
	transition: 0.2s ease;
}

#submit-feedback {
	height: 40px;
}

.random-post-container {
	display: flex;
	flex-direction: column;
	gap: 10px;
	height: 100%;
}

.loadMoreButton {
	position: sticky;
	top: 66px;
	margin: 0 10px 0 auto;
}

#loadMoreButton {
	height: 34px;
	width: 92px;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#submit-feedback:disabled,
#loadMoreButton:disabled {
	cursor: not-allowed;
	background-color: #0044a3;
}

#loadMoreButton:disabled {
	font-size: 0;
}

#loadMoreButton:disabled::before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, 0.5);
	border-top-color: #fff;
	animation: spin 1s infinite linear;
	z-index: 3;
}

.editor .form-save-draft {
	font-size: 13.5px;
	cursor: pointer;
	color: #006aff;
	transition: 0.2s ease;
}

.editor .form-save-draft:hover {
	color: #0060e5;
}

.ssi-modalOuter .ssi-buttons .ssi-rightButtons button:hover,
.editor .form-submit:hover,
#loadMoreButton:hover,
#submit-feedback:hover {
	background-color: #0060e5;
}

.ssi-modalOuter .ssi-buttons .ssi-rightButtons button:active,
.editor .form-submit:active,
#loadMoreButton:active,
#submit-feedback:active {
	background-color: #0059d4;
	transform: scale(0.98);
}

.editor .view-page a {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	height: 36px;
	width: 36px;
	background-color: #fff;
	box-shadow: 0 3px 7px rgb(0 0 0 / 7%), 0 0 1px rgb(0 0 0 / 21%);
	border-radius: 6px;
	transition: 0.2s ease;
}

.editor .view-page a:hover {
	background-color: #f2f2f2;
}

.editor .view-page a svg {
	width: 16.35px;
	height: 16.36px;
}

.editor .wrapper {
	order: 1;
}

.select-div-container {
	position: relative;
	margin-bottom: 25px;
	display: flex;
	flex-direction: column;
}

.select-div-container > div {
	padding: 0 10px;
}

.ct,
.editor .hidden,
.editor .hidden-fields,
.select-div-reviews .container-link-icon,
.container-filters-flex::-webkit-scrollbar {
	display: none !important;
}

.select-div-beauty-blog,
.select-div-recipes,
.select-div-reviews {
	height: 0;
	overflow: hidden;
}

.select-div-beauty-blog.active,
.select-div-recipes.active,
.select-div-reviews.active {
	height: 100%;
	overflow: visible;
	margin-top: 15px;
}

.select-div-main {
	display: flex;
}

.select-div li {
	border: none;
	border-radius: 8px;
}

.select-div li .select-div-item {
	border-radius: 8px;
	gap: 8px;
	transition: 0.2s ease;
	height: 100%;
	align-items: start;
	border: 1px solid #fff;
}

.select-div li .select-div-item.active {
	background-color: rgba(0, 0, 0, 0.05);
	border: 1px solid #eee;
}

.select-div li .select-div-item > div {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.select-div li .select-div-item > div > div:last-child {
	font-size: 12px;
	opacity: 0.85;
	width: 100%;
	max-width: 103px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.select-div li .select-div-item > div > div:first-child {
	font-weight: 500;
}

.cdx-button svg,
.cdx-settings-button svg {
	width: 17px;
	height: 17px;
	fill: inherit;
}

.cdx-settings-button[data-level='2'] svg,
.cdx-settings-button[data-level='3'] svg,
.cdx-settings-button[data-level='4'] svg {
	fill: none;
}

.editor textarea {
	border: none;
	resize: none;
	width: 100%;
	overflow: hidden;
	height: auto;
}

.editor .editor-main-image {
	margin-bottom: 10px;
	width: 100%;
}

.editor #img_inp {
	display: none;
}

.editor .image_loader {
	position: relative;
}

.editor .image_loader.chosen {
	background-color: #f2f2f2;
}

.editor .image_loader label.thumbnail {
	cursor: pointer;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	border: 1px solid #eee;
	border-left: none;
	border-right: none;
	transition: 0.2s ease;
}

.editor .image_loader label.thumbnail:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.editor .image_loader label.thumbnail svg {
	width: 39px;
	height: 39px;
	transition: 0.2s ease;
}

.editor .image_loader label.thumbnail:hover svg {
	transform: translateY(-3px);
}

.editor .image_loader.chosen label.thumbnail {
	display: none;
}

.editor .image_loader #post_thumbnail_image {
	display: none;
	transition: all 0.2s ease;
}

.editor .image_loader.chosen #post_thumbnail_image {
	display: block;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position: center center !important;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 640px;
}

.editor .image_loader .close-svg {
	position: absolute;
	top: 0;
	right: 8px;
	transform: translate(0, -50%);
	cursor: pointer;
	display: none;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	padding: 5px;
	background-color: #fff;
	border-radius: 50%;
	transition: all 0.15s ease;
	border: 1px solid #eee;
}

.editor .image_loader .close-svg:hover {
	background-color: #e90d1b;
}

.editor .image_loader.chosen .bfe-remove-image {
	display: flex;
}

.editor .image_loader .close-svg svg {
	width: 16px;
	height: 16px;
	fill: #e90d1b;
	color: #e90d1b;
}

.editor .image_loader .close-svg:hover,
.editor .image_loader .close-svg:hover svg {
	fill: #fff;
	color: #fff;
}

.editor .image_loader.chosen .button-icon {
	display: block;
}

.editor .EditorJS-editor {
	width: 100%;
	max-width: 100%;
}

.editor .codex-editor {
	position: relative;
}

.editor .ce-toolbar {
	position: absolute;
	left: -10px;
	right: 0;
	top: 0;
	display: none;
	transition: 0.2s ease;
}

.editor .ce-settings {
	position: absolute;
	left: 28px;
	right: 0;
	top: 30px;
	transition: 0.2s ease;
}

.editor .cdx-quote-settings,
.editor .ce-settings .cdx-search-field,
.editor .ce-settings .ce-popover__no-found {
	display: none !important;
}

.editor .ce-toolbar--opened {
	display: block;
}

.editor .ce-toolbar__content {
	position: relative;
	width: 100%;
	max-width: 686px;
}

.editor .ce-toolbar__actions {
	position: absolute;
	right: 100%;
	opacity: 0;
	display: flex;
	align-items: center;
}

.editor .ce-toolbar__actions--opened {
	opacity: 1;
}

.editor .ce-toolbar__plus,
.editor .ce-toolbar__settings-btn {
	cursor: pointer;
	width: 28px;
	height: 28px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	user-select: none;
	border-radius: 4px;
	transition: 0.2s ease;
}

.editor .ce-toolbar__plus:hover,
.editor .ce-toolbar__settings-btn:hover {
	background-color: #f2f2f2;
}

.editor .ce-toolbar__settings-btn {
	margin-left: 1.5px;
}

.editor .ce-toolbar__plus svg,
.editor .ce-toolbar__settings-btn svg {
	width: 16.5px;
	height: 16.5px;
	fill: #070507;
	color: #070507;
	transition: 0.2s ease;
}

.editor .codex-editor--toolbox-opened .ce-toolbar__plus svg {
	transform: rotate(45deg);
}

.editor .ce-toolbar__settings-btn--hidden {
	display: none;
}

.editor .ce-toolbox {
	position: absolute;
	top: 30px;
	left: 0;
}

.editor .wobble {
	animation-name: wobble;
	animation-duration: 0.3s;
}

.editor .ce-popover,
.editor .tc-popover {
	display: none;
	flex-direction: column;
	width: 248px;
	position: absolute;
	background-color: #fff;
	padding: 10px;
	border-radius: 6px;
	box-shadow: 0 2px 15px rgb(0 0 0 / 8.65%), 0 0 1px rgb(0 0 0 / 23%);
	z-index: 2;
	transition: 0.25s ease;
}

.editor .tc-popover {
	width: 270px;
	top: 0;
	left: 30px;
	gap: 3px;
}

.editor .ce-popover--opened,
.editor .tc-popover--opened {
	display: flex;
	max-height: 248px;
	pointer-events: auto;
	transform: translateY(2.035%);
}

.editor .cdx-search-field__input {
	height: 35px;
	width: 100%;
	padding: 0 10.35px;
	border-radius: 6px;
	background-color: rgba(0, 0, 0, 0.05);
	font-size: 16px;
	border: 1px solid #eee;
	transition: 0.2s ease;
	margin-bottom: 5px;
}

.editor .cdx-search-field__input:hover {
	background-color: rgba(0, 0, 0, 0.08);
}

.editor .ce-popover__no-found {
	text-align: center;
	height: 35px;
	width: 100%;
	font-size: 16px;
	display: none;
	align-items: center;
	justify-content: center;
	margin-top: 5px;
}

.editor .ce-popover__no-found--shown {
	display: flex;
}

.editor .ce-popover__items {
	display: flex;
	flex-direction: column;
	gap: 3px;
	font-size: 16px;
	padding-right: 2px;
	overflow-y: auto;
}

.editor .ce-popover__item,
.editor .tc-popover__item {
	height: 35px;
	min-height: 35px;
	padding: 0 10px;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 5px;
	border-radius: 6px;
	cursor: pointer;
	transition: 0.2s ease;
}

.editor .ce-popover__item--disabled {
	background-color: rgba(0, 0, 0, 0.05);
	pointer-events: none;
}

.editor .ce-popover__item--focused:not(.ce-popover__item--no-visible-focus) {
	background-color: rgba(0, 0, 0, 0.035) !important;
}

.editor .ce-popover__item--hidden {
	display: none;
}

.editor .ce-popover__item--active {
	background-color: rgba(0, 0, 0, 0.05);
}

.editor .ce-popover__item--confirmation,
.editor .tc-popover__item--confirm {
	background: #e90d1b !important;
}

.editor .tc-popover__item--confirm .tc-popover__item-label {
	display: none;
}

.editor .tc-popover__item--confirm:after {
	content: 'Точно удалить?';
}

.editor .ce-popover__item--confirmation:hover,
.editor .tc-popover__item--confirm:hover {
	background: #c00511 !important;
}

.editor .ce-popover__item--confirmation .ce-popover__item-icon svg,
.editor .tc-popover__item--confirm svg {
	fill: #fff;
	color: #fff;
}

.editor .ce-popover__item--confirmation .ce-popover__item-label,
.editor .tc-popover__item--confirm {
	color: #fff;
}

.editor
	.ce-popover__item--confirmation:not(
		.ce-popover__item--no-visible-hover
	):hover {
	background: #e90d1b;
}

.editor
	.ce-popover__item--confirmation:not(
		.ce-popover__item--no-visible-focus
	).ce-popover__item--focused {
	background: #e90d1b !important;
}

.editor .ce-popover__item[data-item-name='delete'] {
	order: 3;
}

.editor .ce-popover__item-icon,
.editor .tc-popover__item-icon {
	display: flex;
	width: 19px;
	height: 19px;
	align-items: center;
	justify-content: center;
	margin-right: 8px;
}

.editor .ce-conversion-tool svg,
.editor .ce-inline-tool svg,
.editor .ce-popover__item-icon svg,
.editor .tc-popover__item-icon svg {
	width: 19px;
	height: 19px;
}

.editor .ce-popover__item[data-item-name='paragraph'] {
	order: 1;
}

.editor .ce-popover__item[data-item-name='header'] {
	order: 2;
}

.editor .ce-popover__item[data-item-name='image'] {
	order: 3;
}

.editor .ce-popover__item[data-item-name='list'] {
	order: 4;
}

.editor .ce-popover__item[data-item-name='carousel'] {
	order: 5;
}

.editor .ce-popover__item[data-item-name='table'] {
	order: 6;
}

.editor .ce-popover__item[data-item-name='quote'] {
	order: 7;
}

.editor .ce-popover__item[data-item-name='delimiter'] {
	order: 8;
}

.editor .ce-popover__item[data-item-name='code'] {
	order: 9;
}

.editor .ce-popover__item[data-item-name='code']::after {
	content: 'Скрытое содержимое';
}

.editor .ce-popover__item[data-item-name='code'] .ce-popover__item-label {
	display: none;
}

.editor .ce-popover__item[data-item-name='warning'] {
	order: 10;
}

.editor .ce-popover__item[data-item-name='warning']::after {
	content: 'Блок внимания';
}

.editor .ce-popover__item[data-item-name='warning'] .ce-popover__item-label {
	display: none;
}

.editor .ce-popover__item[data-item-name='checklist'] {
	order: 11;
}

.editor .ce-popover__item-secondary-label {
	font-size: 13px;
	margin-left: auto;
	white-space: nowrap;
	opacity: 0.75;
}

.editor .ce-popover__custom-content--hidden {
	display: none;
}

.editor .cdx-list-settings,
.editor .ce-popover__custom-content > div {
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin-bottom: 3px;
}

.editor .cdx-list-settings:empty {
	margin-bottom: 0;
}

.editor .cdx-settings-button {
	height: 35px;
	min-height: 35px;
	padding: 0 10px;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 5px;
	border-radius: 6px;
	cursor: pointer;
	transition: 0.2s ease;
}

.editor .cdx-list-settings .cdx-settings-button:first-child:after {
	content: 'Обычный';
}

.editor .cdx-list-settings .cdx-settings-button:last-child:after {
	content: 'Нумерованный';
}

.editor .cdx-settings-button[data-level='2']::after {
	content: 'Заголовок';
}

.editor .cdx-settings-button[data-level='3']::after {
	content: 'Подзаголовок';
}

.editor .cdx-settings-button[data-level='4']::after {
	content: 'Подзаголовок';
}

.editor .cdx-settings-button[data-tune='withBorder']::after {
	content: 'Скрыть изображение';
}

.editor .cdx-settings-button[data-tune='stretched']::after {
	content: 'Растянутое';
}

.editor .cdx-settings-button[data-tune='withBackground']::after {
	content: 'С фоном';
}

.editor .cdx-settings-button[data-tune='withBorder'] {
	order: 3;
}

.editor .cdx-settings-button[data-tune='stretched'] {
	order: 1;
}

.editor .cdx-settings-button[data-tune='withBackground'] {
	order: 2;
}

.editor .cdx-settings-button svg {
	width: 19px;
	height: 19px;
	margin-right: 8px;
}

.editor .cdx-settings-button--focused {
	background-color: rgba(0, 0, 0, 0.035);
}

.editor .cdx-settings-button--active {
	background-color: rgba(0, 0, 0, 0.05);
}

.editor .ce-inline-toolbar {
	display: none;
	align-items: center;
	position: absolute;
	background-color: #fff;
	padding: 7px 4.65px;
	border-radius: 6px;
	box-shadow: 0 2px 15px rgb(0 0 0 / 8.65%), 0 0 1px rgb(0 0 0 / 23%);
	z-index: 2;
	transition: opacity 0.25s ease;
	top: 0;
	left: 0;
	gap: 2px;
}

.editor .ce-inline-toolbar--showed {
	display: flex;
	pointer-events: auto;
	transform: translateX(-85%);
}

.editor .ce-inline-toolbar--left-oriented.ce-inline-toolbar--showed {
	transform: translateX(-18.5%);
}

.editor .ce-inline-toolbar--right-oriented.ce-inline-toolbar--showed {
	transform: translateX(-85%);
}

.editor .ce-conversion-tool--hidden,
.editor .ce-conversion-toolbar[hidden],
.editor .ce-conversion-toolbar__label,
.editor .ce-inline-toolbar[hidden],
.editor .ce-inline-toolbar__dropdown,
.editor .tc-popover__item--hidden,
.swal2-container {
	display: none !important;
}

.editor .ce-inline-toolbar__toggler-and-button-wrapper {
	display: flex;
	gap: 5px;
	width: 100%;
}

.editor .ce-inline-toolbar__buttons {
	display: flex;
	align-items: center;
	gap: 2px;
}

.editor .ce-inline-toolbar__buttons::after {
	content: '';
	height: 100%;
	margin-left: 2px;
	width: 1.65px;
	background-color: #e0e0e0;
	border-radius: 2px;
}

.editor .ce-conversion-tool,
.editor .ce-inline-toolbar__buttons .ce-inline-tool {
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	transition: 0.25s ease;
	cursor: pointer;
}

.editor .ce-inline-tool--active {
	background-color: rgba(0, 0, 0, 0.05);
}

.editor .ce-conversion-tool,
.editor .ce-conversion-toolbar,
.editor .ce-conversion-toolbar__buttons,
.editor .ce-conversion-toolbar__tools {
	display: flex;
	align-items: center;
}

.editor .ce-conversion-toolbar__tools {
	gap: 2px;
}

.editor .ce-conversion-tool--focused {
	background-color: rgba(0, 0, 0, 0.035);
}

.editor .ce-conversion-tool {
	font-size: 0;
}

.header-content-1 {
    display: none;
}

.editor .ce-inline-tool-input {
	display: none;
	align-items: center;
	position: absolute;
	background-color: #fff;
	padding: 8px 6px;
	border-radius: 6px;
	border: 1.5px solid #eee;
	z-index: 2;
	transition: opacity 0.25s ease;
	top: 50px;
	left: 0;
	font-size: 16px;
	width: 100%;
	color: #006aff;
}

.editor .ce-inline-tool-input--showed {
	display: flex;
}

.editor .ce-block {
	transition: 0.2s ease;
	border-radius: 6px;
	width: 100%;
	max-width: 686px;
}

.editor .ce-block--selected .ce-block__content {
	background: rgb(252 238 217 / 45%);
	border-radius: 6px;
}

.editor .ce-block--selected .ce-block__content [contenteditable] {
	user-select: none;
}

.editor .ce-block--stretched .ce-block__content {
	max-width: none;
}

.editor .ce-block__content {
	position: relative;
	transition: 0.2s ease;
}

.editor .ce-paragraph[data-placeholder]:empty::before {
	content: attr(data-placeholder);
	color: #757575;
	display: none;
}

.editor
	.codex-editor--empty
	.ce-block:first-child
	.ce-paragraph[data-placeholder]:empty::before {
	display: block;
}

.editor
	.codex-editor--empty
	.ce-block:first-child
	.ce-paragraph[data-placeholder]:empty:focus::before,
.editor
	.codex-editor--toolbox-opened
	.ce-block:first-child
	.ce-paragraph[data-placeholder]:empty::before {
	display: none;
}

.editor .tc-toolbox {
	position: absolute;
	cursor: pointer;
	z-index: 39;
	opacity: 0;
	transition: 0.2s ease;
}

.editor .tc-toolbox--showed {
	opacity: 1;
}

.editor .tc-toolbox--column {
	top: -13px;
	transform: translateX(calc(20px * -1 / 2));
}

.editor .tc-toolbox--row {
	left: -15px;
	transform: translateY(calc(20px * -1 / 2));
}

.editor .tc-popover__item[data-index='0'] svg {
	transform: scaleY(-1);
}

.editor .tc-toolbox--column .tc-popover__item[data-index='0'] svg {
	transform: scaleX(-1);
}

.editor .tc-toolbox__toggler {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	color: #070507;
	border-radius: 4px;
	opacity: 0;
	transition: 0.2s ease;
}

.editor .tc-toolbox__toggler:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.editor .tc-wrap:hover .tc-toolbox__toggler {
	opacity: 1;
}

.editor .tc-wrap {
	position: relative;
	height: 100%;
	width: 100%;
	margin-bottom: 8.5px;
	display: grid;
	grid-template-columns: calc(100% - 30px) 30px;
	padding: 10px 10px;
}

.editor .tc-wrap--readonly {
	grid-template-columns: 100% 30px;
}

.editor .tc-table {
	position: relative;
	width: 100%;
	height: 100%;
	display: grid;
	border-top: 1px solid #eee;
	line-height: 24px;
	font-size: 16px;
}

.editor .tc-table:after {
	width: 23px;
	height: 100%;
	left: calc(23px * -1);
	top: 0;
}

.editor .tc-table:after,
.editor .tc-table:before {
	position: absolute;
	content: '';
}

.editor .tc-table:before {
	width: 100%;
	height: calc(16px + 5px * 2);
	top: calc(calc(16px + 5px * 2) * -1);
	left: 0;
}

.editor .tc-table--heading .tc-row:first-child {
	font-weight: 600;
	border-bottom: 2px solid #eee;
}

.editor .tc-table--heading .tc-row:first-child [contenteditable]:empty:before {
	content: attr(heading);
	color: #757575;
}

.editor .tc-table--heading .tc-row:first-child:after {
	bottom: -2px;
	border-bottom: 2px solid #eee;
}

.editor .tc-table tbody tr:first-child td {
	border-top: none;
}

.editor .tc-table tbody tr:last-child td {
	border-bottom: none;
}

.editor .tc-table tbody tr td:last-child {
	border-right: none;
}

.editor .tc-table tbody tr td:first-child {
	border-left: none;
}

.editor .tc-add-column,
.editor .tc-add-row {
	display: flex;
}

.editor .tc-add-column {
	padding: 4px 0;
	justify-content: center;
	border-top: 1px solid #eee;
}

.editor .tc-add-row {
	height: 34px;
	align-items: center;
	padding-left: 4px;
	position: relative;
}

.editor .tc-add-row:before {
	content: '';
	position: absolute;
	right: calc(34px * -1);
	width: 34px;
	height: 100%;
}

.editor .tc-add-column,
.editor .tc-add-row {
	cursor: pointer;
	transition: 135ms ease;
}

.editor .tc-add-column:hover,
.editor .tc-add-row:hover {
	background-color: rgba(0, 0, 0, 0.035);
}

.editor .tc-add-row:hover:before {
	transition: 135ms ease;
	background-color: rgba(0, 0, 0, 0.035);
}

.editor .tc-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(13px, 1fr));
	position: relative;
	border-bottom: 1px solid #eee;
}

.editor .tc-row:after {
	content: '';
	pointer-events: none;
	position: absolute;
	width: 30px;
	height: 100%;
	right: calc(30px * -1);
	border-bottom: 1px solid #eee;
}

.editor .tc-row--selected {
	background-color: rgba(0, 0, 0, 0.035);
}

.editor .tc-row--selected:after {
	background-color: rgba(0, 0, 0, 0.035);
}

.editor .tc-cell {
	border-right: 1px solid #eee;
	padding: 6px 12px;
	overflow: hidden;
	outline: 0;
	line-break: normal;
}

.editor .tc-cell--selected {
	background-color: rgba(0, 0, 0, 0.035);
}

.editor .tc-wrap--readonly .tc-row:after {
	display: none;
}

.editor .tc-wrap svg {
	width: 19px;
	height: 19px;
}

.editor .tc-add-column svg,
.editor .tc-add-row svg {
	width: 17px;
	height: 17px;
}

.editor .ce-paragraph,
.single-post .single-post-content > p,
.comment-text p,
.text-field-input,
.single-post .quizle-image-screen__description,
.single-post .result-tools {
	font-size: 17px;
	padding: 11px 10px 10px;
	line-height: 25px;
	margin: 4px auto;
}

.single-post .ya-ad-container.ya-ad-incontent {
    border-radius: 0px;
}

.single-post-content > p > strong {
	font-size: 18px;
}

.text-field-input-comment span {
	font-size: 15px;
	font-weight: normal;
}

.text-field-input-comment {
	font-size: 16px;
	font-weight: 500;
}

.single-post .has-small-font-size {
	font-size: 14px;
	line-height: 23px;
}

.single-post .quizle-image-screen__description {
	padding: 0;
}

.single-post p.has-background {
	background-color: #f2f2f2;
	padding: 22px 10px 22px;
}

.text-field-input {
	padding: 5px 10px 15px;
	width: 100%;
	overflow: hidden scroll;
	border: none;
	outline: 0;
	position: relative;
}

.text-field-input-single {
	overflow: hidden;
}

.text-field-input p {
	margin-bottom: 0;
	padding: 6px 0;
}

.text-field-input::placeholder {
	color: #757575;
}

.single-post cite:empty,
.single-post figcaption:empty,
.single-post h1:empty,
.single-post h2:empty,
.single-post h3:empty,
.single-post h4:empty,
.single-post h5:empty,
.single-post h6:empty,
.single-post li:empty,
.single-post ol:empty,
.single-post p:empty,
.single-post ul:empty {
	display: none;
}

.single-post mark {
	background-color: #fceed9;
}

.single-post .wp-block-table {
	width: 100%;
	padding: 10px 0;
	overflow: auto hidden;
}

.single-post table {
	line-height: 24px;
	font-size: 16px;
	width: 100%;
	padding-bottom: 5px;
	border-collapse: collapse;
	border-top: 1px solid #eee;
}

.single-post table tr {
	border-bottom: 1px solid #eee;
}

.single-post table tr td,
.single-post table thead th {
	border-right: 1px solid #eee;
	padding: 6px 12px;
	outline: 0;
	line-break: normal;
}

.daily-table table th,
.daily-table table td {
	min-width: 93px;
}

.single-post table thead th {
	font-weight: 500;
}

.single-post .wp-block-table table.has-background td {
	border-right: 1px solid #989898;
}

.single-post .wp-block-table table.has-background {
	border-left: 1px solid #989898;
}

.single-post .wp-block-table table.has-background tr {
	border-bottom: 1px solid #989898;
}

.single-post .wp-block-table table.has-background tr:first-child {
	border-top: 1px solid #989898;
}

.editor .ce-header[contentEditable='true'][data-placeholder]::before {
	content: attr(data-placeholder);
	color: #757575;
	font-weight: 400;
	display: none;
	cursor: text;
}

.editor .ce-header[contentEditable='true'][data-placeholder]:empty::before {
	display: block;
}

.editor
	.ce-header[contentEditable='true'][data-placeholder]:empty:focus::before {
	display: none;
}

.editor .single-title,
.single-post h1,
.post-title {
	font-size: 25px;
	font-weight: 500;
	padding: 0 10px;
	margin-bottom: 10px;
	line-height: 33px;
}

.page-title {
	font-size: 28px;
	font-weight: 600;
	padding: 10px 20px;
	margin: 0;
	line-height: 36px;
}

.editor h2.ce-header,
.single-post h2 {
	padding: 10px;
	margin-bottom: 3px;
	font-weight: 500;
	font-size: 23px;
	line-height: 29px;
}

.editor h3.ce-header,
.single-post .expert-review-faq__header,
.single-post .expert-review-pluses-minuses-header,
.single-post h3,
.single-post .quizle-image-screen__title {
	padding: 10px;
	margin-bottom: 3px;
	font-weight: 500;
	font-size: 21px;
	line-height: 25px;
}

.editor h4.ce-header,
.single-post .expert-review-minuses .expert-review-pluses-minuses-header,
.single-post .expert-review-pluses .expert-review-pluses-minuses-header,
.single-post .expert-review-poll__header,
.single-post .has-medium-font-size,
.single-post .quizle-question__title,
.single-post h4,
.comments-title {
	padding: 10px;
	margin-bottom: 3px;
	font-weight: 500;
	font-size: 19.35px;
	line-height: 24px;
}

.single-post .quizle-question__title,
.single-post .quizle-image-screen__title,
.single-post .expert-review-pluses-minuses-header {
	margin-bottom: 0;
	padding: 0;
}

.single-post .expert-review-minuses .expert-review-pluses-minuses-header,
.single-post .expert-review-pluses .expert-review-pluses-minuses-header,
.single-post .expert-review-poll__header {
	padding: 10px 0;
}

.single-post .expert-review-minuses .expert-review-pluses-minuses-header,
.single-post .expert-review-pluses .expert-review-pluses-minuses-header {
	padding: 10px 0 !important;
}

.editor .carousel-wrapper,
.editor .image-tool {
	padding: 15px 0;
	margin-bottom: 10px;
}

.editor .image-tool--empty {
	padding-left: 10px;
	padding-right: 10px;
}

.editor .carousel-addImage,
.editor .image-tool .cdx-button {
	width: 100%;
	height: 130px;
	padding: 13px;
	border-radius: 6px;
	border: 1px solid #eee;
	background: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.2s ease;
}

.editor .carousel-addImage:hover,
.editor .image-tool .cdx-button:hover {
	background-color: rgba(0, 0, 0, 0.035);
}

.editor .carousel-addImage svg,
.editor .image-tool .cdx-button svg {
	height: 35px;
	width: 35px;
	transition: 0.2s ease;
}

.editor .carousel-addImage:hover svg,
.editor .image-tool .cdx-button:hover svg {
	transform: translateY(-3px);
}

.editor .image-tool--loading .image-tool__image {
	min-height: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background-color: #fff;
}

.cdx-notifies,
.cdx-notify,
.codex-editor .hide,
.codex-editor__redactor--hidden,
.editor .carousel-caption,
.editor .carousel-inputUrl,
.editor .carousel-item--empty .image-tool__image-preloader,
.editor .image-tool--empty .image-tool__caption,
.editor .image-tool--empty .image-tool__image,
.editor .image-tool--filled .cdx-button,
.editor .image-tool--filled .image-tool__image-preloader,
.editor .image-tool--loading .cdx-button,
.editor .image-tool--loading .image-tool__caption,
.editor .image-tool--loading .image-tool__image-picture,
.editor
	.image-tool__caption[contentEditable='true'][data-placeholder]:empty:focus::before,
.fus-form .editor-button.hide,
.fus-form .fus-view-page .button-icon,
.fus-form .fus-view-page.hide,
.ss-main {
	display: none;
}

.editor .image-tool .image-tool__image-preloader,
.editor .image-tool__image-preloader {
	width: 100%;
	height: 130px;
	background-size: cover;
	background-color: #fff;
	background-position: center center;
	position: relative;
	border-radius: 6px;
	margin-left: 10px;
	margin-right: 10px;
}

.editor .image-tool__image-preloader {
	margin: 0;
}

.editor .image-tool .image-tool__image-preloader::after,
.editor .image-tool__image-preloader::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(3px);
	border-radius: 6px;
	z-index: 2;
}

.editor .image-tool .image-tool__image-preloader::before,
.editor .image-tool__image-preloader::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, 0.5);
	border-top-color: #fff;
	animation: spin 1s infinite linear;
	z-index: 3;
}

@keyframes spin {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

.editor .image-tool .image-tool__image-picture,
.single-post-content img {
	max-width: 100%;
	max-height: 630px;
	height: auto;
	display: block;
	margin: 10px auto;
	object-fit: contain;
}

.wp-block-image {
	background-color: #f2f2f2;
}

.wp-block-gallery .wp-block-image {
	background-color: transparent;
}

.is-style-rounded img {
	border-radius: 50%;
}

.bfe-image--bordered,
.editor .image-tool--withBorder .image-tool__image {
	position: relative;
}

.bfe-image--bordered::after,
.editor .image-tool--withBorder .image-tool__image::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(35px);
	z-index: 2;
	transition: backdrop-filter 0.2s linear, z-index 0.25s linear;
}

.bfe-image--backgrounded,
.editor .image-tool--withBackground .image-tool__image {
	background: #f2f2f2;
}

.bfe-image--backgrounded img,
.editor .image-tool--withBackground .image-tool__image-picture {
	max-width: 75%;
	margin: 0 auto;
}

.bfe-image--stretched img,
.editor .image-tool--stretched .image-tool__image-picture {
	width: 100%;
	max-width: 100%;
}

.editor .image-tool .cdx-input {
	text-align: center;
	padding: 7px 8px 0 8px;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	max-width: 300px;
	margin: 0 auto 5px;
}

.editor
	.image-tool
	.image-tool__caption[contentEditable='true'][data-placeholder]::before {
	content: attr(data-placeholder);
	color: #757575;
	display: none;
}

.editor
	.image-tool
	.image-tool__caption[contentEditable='true'][data-placeholder]:empty::before {
	display: block;
}

.editor .carousel-list,
.single-post .blocks-gallery-grid,
.wp-block-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
	grid-gap: 10px;
	padding: 0 10px;
}

.single-post .figure-image a,
.single-post .wp-block-gallery a,
.single-post .wp-block-image a {
	text-decoration: none;
	color: transparent;
}

.single-post .blocks-gallery-grid,
.wp-block-gallery {
	margin: 15px 0 25px;
	align-items: normal;
}

.blocks-gallery-grid img,
.wp-block-gallery img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
	max-height: 375px;
	border-radius: 6px;
	margin: 0;
	transition: 0.2s ease;
}

.single-post-content img {
    margin: 12px auto 10px;
	transition: 0.25s ease !important;
}

@media (hover: hover) {
  .single-post-content img:hover {
    	scale: 1.015;
    }
}


.wp-block-gallery figcaption {
	display: none;
}

.figure-image figcaption,
.wp-block-image figcaption,
.wp-block-table figcaption {
	text-align: center;
	padding: 0 10px 0 10px;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	max-width: 300px;
	margin: 4px auto 5px;
}

.single-post .expert-review-poll__count {
	font-size: 14px;
	line-height: 20px;
	margin: 6px auto 0;
}

.editor .carousel-addImage,
.editor .image-tool__image-preloader {
	height: 100%;
	min-height: 130px;
}

.editor
	.carousel-block:has(.carousel-item.carousel-item--empty)
	+ .editor
	.editor
	.carousel-block.active:last-child {
	display: block;
}

.carousel-item {
	position: relative;
	width: 100%;
	height: 100%;
}

.editor .carousel-item img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
	max-height: 375px;
	border-radius: 6px;
}

.editor .carousel-removeBtn {
	position: absolute;
	top: 0;
	right: 5px;
	transform: translate(0, -50%);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 5px;
	background-color: #fff;
	border-radius: 50%;
	transition: all 0.15s ease;
	border: 1px solid #eee;
}

.editor .carousel-removeBtn:hover {
	background-color: #e90d1b;
}

.editor .carousel-removeBtn svg {
	width: 16px;
	height: 16px;
	fill: #e90d1b;
	color: #e90d1b;
}

.editor .carousel-removeBtn:hover,
.editor .carousel-removeBtn:hover svg {
	fill: #fff;
	color: #fff;
}

.wp-block-separator {
	border: none;
}

.bfe-delimiter,
.editor .ce-delimiter,
.wp-block-separator {
	text-align: center;
	padding: 17px 0;
}

.bfe-delimiter::before,
.editor .ce-delimiter:before,
.wp-block-separator::before {
	content: '---';
	color: #070507;
	display: block;
	height: 0.6em;
	font-size: 33px;
	line-height: 17px;
	letter-spacing: 0.2em;
	text-align: center;
}

.wp-block-details,
.editor .cdx-warning,
.single-post .warning {
	margin: 15px 0 20px;
	padding: 35px 24px;
	background: #f2f2f2;
	font-size: 16px;
	line-height: 24px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	color: #070507;
}

details > summary {
	list-style: none;
}

details > summary::-webkit-details-marker {
	display: none;
}

.wp-block-details summary {
	margin-bottom: 15px;
	opacity: 0.935;
	font-size: 14px;
	line-height: 21px;
}

.single-post .warning p {
	font-size: 16px;
	line-height: 24px;
}

.editor .cdx-warning__title,
.single-post .warning figcaption {
	order: 1;
	opacity: 0.935;
	font-size: 14px;
	line-height: 21px;
}

.editor .cdx-warning__message,
.single-post .warning p {
	order: 2;
}

.editor .cdx-warning__message:before,
.editor .cdx-warning__title:before {
	content: 'Текст';
	color: #757575;
	display: none;
	cursor: text;
}

.editor .cdx-warning [contentEditable='true'][data-placeholder]:empty::before {
	display: block;
}

.editor
	.cdx-warning
	[contentEditable='true'][data-placeholder]:empty:focus::before {
	display: block;
}

.editor .cdx-list,
.single-post-content ol,
.single-post-content ul {
	font-size: 17px;
	padding: 10px 10px;
	padding-left: 40px;
	margin-bottom: 8.5px;
	line-height: 24px;
}

.editor .cdx-list__item,
.single-post-content li {
	padding: 5px 0 5px 3px;
}

.editor .cdx-list--unordered,
.single-post-content ul {
	list-style: disc;
}

.editor .cdx-list--ordered li::marker,
.editor .cdx-list--unordered li::marker,
.single-post-content li::marker {
	font-size: 14.5px;
}

.editor .cdx-list--ordered,
.single-post-content ol {
	list-style: decimal;
}

.bfe-quote,
.editor .cdx-quote,
.wp-block-quote {
	font-size: 17px;
	margin: 15px 10px 20px;
	line-height: 25px;
	display: flex;
	flex-direction: column;
	gap: 13.5px;
}

.bfe-quote p,
.editor .cdx-quote__text,
.wp-block-quote p {
	font-size: 17px;
	line-height: 24px;
	padding: 0;
}

.bfe-quote cite,
.editor .cdx-quote__caption,
.wp-block-quote cite {
	font-size: 14px;
	line-height: 21px;
	font-style: normal;
}

.editor .cdx-quote [contentEditable='true'][data-placeholder]::before {
	color: #757575;
	display: none;
	cursor: text;
}

.editor .cdx-quote__text::before {
	content: 'Текст цитаты';
}

.editor .cdx-quote__caption::before {
	content: 'Подпись';
}

.editor .cdx-quote [contentEditable='true'][data-placeholder]:empty::before {
	display: block;
}

.editor
	.cdx-quote
	[contentEditable='true'][data-placeholder]:empty:focus::before {
	display: block;
}

.bfe-code,
.editor .ce-code,
.wp-block-code {
	font-size: 17px;
	padding: 7px 10px;
	line-height: 25px;
	margin: 8px auto;
}

.wp-block-code.has-background {
	background-color: #f2f2f2;
}

.editor .ce-code {
	position: relative;
}

.bfe-code code,
.editor .ce-code .ce-code__textarea,
.wp-block-code code {
	font-size: 17px;
	line-height: 25px;
	background-color: inherit;
	white-space: break-spaces;
}

.editor .ce-code .ce-code__textarea {
	filter: blur(1px);
}

.single-post .bfe-code,
.single-post .wp-block-code {
	position: relative;
	user-select: none;
}

.single-post .bfe-code code,
.single-post .wp-block-code code {
	position: relative;
	display: block;
}

.single-post .bfe-code code::before,
.single-post .wp-block-code code::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(18px);
	z-index: 2;
	border-radius: 6px;
	transition: backdrop-filter 0.2s linear, z-index 0.25s linear;
}

.single-post .bfe-code.active,
.single-post .wp-block-code.active {
	user-select: auto;
	cursor: auto;
}

.single-post .bfe-code.active code::after,
.single-post .bfe-code.active code::before,
.single-post .wp-block-code.active code::after,
.single-post .wp-block-code.active code::before {
	display: none;
}

.single-post .inline-code {
	user-select: none;
	cursor: pointer;
	filter: blur(5px);
	transition: filter 0.2s linear;
}

.single-post .inline-code.active {
	user-select: auto;
	cursor: auto;
	filter: none;
}

.bfe-image--bordered::before,
.single-post .bfe-code code:after,
.single-post .wp-block-code code::after {
	z-index: 3;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 30px;
	padding: 0 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	content: 'Показать';
	font-size: 14px;
	font-weight: 500;
	border-radius: 6px;
	color: #070507;
	background-color: #fff;
	transition: 0.2s ease;
	cursor: pointer;
}

.bfe-image--bordered.active::before {
	display: none;
}

.bfe-image--bordered.active::after {
	backdrop-filter: none;
	z-index: -1;
}

.bfe-checklist,
.editor .cdx-checklist {
	font-size: 17px;
	padding: 10px 10px;
	margin-bottom: 8.5px;
	line-height: 24px;
	display: flex;
	gap: 10px;
	flex-direction: column;
}

.cdx-checklist__item-text {
	width: 100%;
}

.bfe-checklist-item,
.editor .cdx-checklist__item {
	display: flex;
	gap: 15px;
	align-items: start;
}

.bfe-checklist-item label,
.notifi-settings-block .rcl-checkbox-box label {
	user-select: none;
}

.bfe-checklist-item input[type='checkbox'],
.editor .cdx-checklist__item-checkbox {
	margin-top: 4px;
}

.tools-label-content input[type='radio'] {
	margin-top: 2px;
}

.editor .cdx-checklist__item-checkbox,
input[type='checkbox'],
input[type='radio'] {
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 19px;
	width: 19px;
	min-height: 19px;
	min-width: 19px;
	max-height: 19px;
	max-width: 19px;
	outline: 0;
	display: inline-block;
	vertical-align: top;
	position: relative;
	cursor: pointer;
	background-color: #f0f0f0;
	border: 1px solid rgba(0, 0, 0, 0.03);
	transition: background-color 0.3s, border-color 0.3s, box-shadow 0.2s;
	border-radius: 4px;
}

input[type='radio'] {
	border-radius: 50%;
}

.editor .cdx-checklist__item--checked .cdx-checklist__item-checkbox,
input[type='checkbox']:checked,
input[type='radio']:checked {
	border-color: #fb9d0f;
	background-color: #fb9d0f;
}

input[type='checkbox']:disabled,
input[type='radio']:disabled {
	background-color: #f6f8ff;
	cursor: not-allowed;
	opacity: 0.9;
}

input[type='checkbox']:disabled:checked input[type='checkbox']:disabled + label,
input[type='radio']:disabled:checked input[type='radio']:disabled + label {
	cursor: not-allowed;
}

.editor .cdx-checklist__item-checkbox:hover,
input[type='radio']:hover:not(:checked):not(:disabled),
input[type='checkbox']:hover:not(:checked):not(:disabled) {
	border-color: #fb9d0f;
	box-shadow: 0 0 0 2px rgb(251 157 15 / 30%);
}

.editor .cdx-checklist__item--checked .cdx-checklist__item-checkbox:active,
input[type='radio']:focus,
input[type='checkbox']:focus {
	box-shadow: 0 0 0 2px rgb(251 157 15 / 50%);
}

.editor .cdx-checklist__item-checkbox::after,
input[type='radio']:after,
input[type='checkbox']:after {
	opacity: 1;
	content: '';
	display: block;
	width: 5px;
	height: 9px;
	border: 2px solid #fff;
	border-top: 0;
	border-left: 0;
	position: absolute;
	left: 48%;
	top: 45%;
	transform: translate(-50%, -50%) rotate(43deg);
}

.bfe-embed,
.editor .embed-tool {
	margin-top: 15px;
	padding: 0 10px;
	margin-bottom: 20px;
}

.bfe-embed iframe,
.editor iframe {
	border-radius: 6px;
	max-height: 330px;
}

.editor .embed-tool--loading .embed-tool__caption,
.editor .embed-tool--loading .embed-tool__content,
.editor .embed-tool__caption,
.editor .embed-tool__url {
	display: none;
}

.editor .embed-tool--loading .embed-tool__preloader {
	display: block;
}

.editor .embed-tool__preloader {
	display: none;
	width: 100%;
	height: 130px;
	background-size: cover;
	background-color: #fff;
	background-position: center center;
	position: relative;
	border-radius: 6px;
	border: 1px solid #eee;
}

.editor .embed-tool__preloader::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 3px solid rgb(0 0 0 / 50%);
	border-top-color: #fff;
	animation: spin 1s infinite linear;
	z-index: 3;
}

.editor .embed-tool__content {
	width: 100%;
}

.comment-text .dco-attachment a {
	display: flex;
	width: fit-content;
}

.editor .codex-editor__redactor a,
.single-post-content a,
.comment-text a {
	color: #006aff;
	transition: 0.2s ease;
	text-decoration: underline;
}

.editor .codex-editor__redactor a:hover,
.single-post-content a:hover,
.comment-text a:hover {
	color: #0060e5;
}

.difood-reply-to {
	display: inline-block;
	font-size: 12.5px;
	line-height: 16px;
	color: #8a97a6;
	text-decoration: none;
	margin: 0 0 6px;
	padding: 2px 8px;
	background: rgba(0, 0, 0, 0.04);
	border-radius: 6px;
	transition: 0.2s ease;
}

.difood-reply-to:hover {
	background: rgba(0, 0, 0, 0.08);
	color: #52606d;
	text-decoration: none;
}

.editor i {
	font-style: italic;
}

.editor .cdx-marker,
.editor mark {
	background-color: #fceed9;
}

.editor .inline-code {
	filter: blur(1px);
}

.codex-editor__loader {
	position: relative;
	height: 30vh;
}

.codex-editor__loader:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 2px solid rgba(0, 0, 0, 0.5);
	border-top-color: #fff;
	animation: spin 1s infinite linear;
	z-index: 3;
}

.codex-editor-copyable {
	position: absolute;
	height: 1px;
	width: 1px;
	top: -400%;
	opacity: 0.001;
}

.codex-editor-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	pointer-events: none;
	overflow: hidden;
}

.codex-editor-overlay__container {
	position: relative;
	pointer-events: auto;
	z-index: 0;
}

.codex-editor-overlay__rectangle {
	position: absolute;
	pointer-events: none;
	background-color: rgba(217, 220, 46, 0.2);
	border: 1px solid #eee;
}

.codex-editor--toolbox-opened
	[contentEditable='true'][data-placeholder]:focus:before {
	opacity: 0 !important;
}

.container-editor {
	display: flex;
	flex-direction: column;
}

.container-tabs {
	width: 100%;
	max-width: 686px;
	margin: 0 auto;
}

.drafts-editor {
	margin: 10px auto 0;
	order: 3;
	max-width: 986px;
	width: 100%;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 12px;
	padding: 20px 10px 25px;
}

.drafts-editor-container {
	max-width: 686px;
	width: 100%;
	margin: 0 auto;
}

.drafts-editor-header {
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 20px;
}

.drafts-div-container {
	margin-bottom: 0;
}

.drafts-div {
	display: flex;
	gap: 3px;
	align-items: start;
}

.drafts-div li {
	border: none;
	height: 100%;
	flex: 0 0 auto;
	min-width: 180px;
	max-width: 280px;
}

.drafts-div li .drafts-div-item {
	border-radius: 8px;
	gap: 8px;
	transition: 0.2s ease;
	height: auto;
	align-items: start;
	white-space: wrap;
}

.drafts-div-container .drafts-div img {
	border-radius: 4px;
	object-fit: cover;
}

.drafts-div li .drafts-div-item > div {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.drafts-div li .drafts-div-item > div > div:first-child {
	font-weight: 500;
	font-size: 15px;
	line-height: 19px;
	width: 100%;
	max-width: 227px;
	overflow: hidden;
}

.drafts-div li .drafts-div-item > div > div:last-child {
	font-size: 13.65px;
	opacity: 0.9;
	line-height: 17px;
	width: 100%;
	max-width: 227px;
	overflow: hidden;
}

.container-posts {
	display: grid;
	grid-template-columns: minmax(0, 100%);
	gap: 20px;
	grid-gap: 20px;
}

.content-post {
	max-width: 100%;
	background-color: #fff;
	border-radius: 8px;
}

.content-post-header {
	max-width: 100%;
	padding: 16px 10px 17px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.container-rating .tubr-content,
.single-post {
	background-color: #fff;
	padding: 33px 0 37px;
	border-radius: 12px;
	margin: 0 auto;
	margin-top: 15px;
	border: 1px solid #eee;
	width: 100%;
	max-width: 686px;
}

.single-post-header {
	display: flex;
	justify-content: space-between;
	align-items: start;
	gap: 10px;
	padding: 0 10px 15px;
}

.single-post-header.active {
	align-items: center;
}

.single-post-header-info {
	display: flex;
	flex-direction: column;
	gap: 5px;
	justify-content: center;
}

.single-post-header-author {
	display: flex;
	gap: 7px;
	align-items: center;
}

.single-post-header-author-img,
.single-post-header-author-img img,
.comment-author-single img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	transition: 0.2s ease;
}

.comment-author-single img {
	width: 33px;
	height: 33px;
}

.single-post-header-author-img img:hover,
.comment-author-single img:hover {
	transform: translateY(-5px);
}

.single-post-header-author-info,
.comment-author-info {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.single-post-header-author-name {
	transition: 0.2s ease;
	color: #070507;
	font-size: 14.5px;
	font-weight: 500;
}

.single-post-header-author-name > div,
.comment-author-info > a div:first-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 130px;
	height: 17px;
}

.comment-author-info > a div:first-child {
	font-size: 15px;
}

.single-post-header-author-name:hover,
.comment-author-info > a:hover div:first-child {
	color: rgba(0, 0, 0, 0.75);
}

.single-post .terms-scroll {
	display: flex;
	align-items: center;
	gap: 2px;
	flex-wrap: nowrap;
	max-width: 160px;
	overflow: auto hidden;
	border-radius: 6px;
	user-select: none;
}

@keyframes primary {
	from {
		left: 0%;
	}

	to {
		left: -100%;
	}
}

.single-post .terms-scroll::-webkit-scrollbar {
	display: none;
}

.single-post .terms-scroll li a {
	display: flex;
	gap: 5px;
	align-items: center;
	white-space: nowrap;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.85);
	padding: 3px 6px;
	transition: 0.2s;
	border-radius: 6px;
}

.single-post .terms-scroll li a:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.single-post .terms-scroll li a img {
	width: 19px;
	height: 19px;
	object-fit: cover;
	border-radius: 4px;
}

.single-post-time.active {
	height: 26px;
	display: flex;
	align-items: center;
}

.single-post-time.user,
.comment-time {
	margin-top: -3px;
}

.single-post-time::after,
.comment-time::after {
	content: attr(data-times);
	font-size: 12px;
	color: #353535;
}

.single-post-header-settings {
	display: flex;
	align-items: end;
	flex-direction: column;
}

.single-post-header.active .single-post-header-settings {
	flex-direction: row;
	align-items: center;
	gap: 3px;
	flex-wrap: wrap;
	justify-content: right;
}

.single-post-header-settings > div:last-child {
	position: relative;
}

.single-post-header-lists.list {
	display: flex;
	right: 5px;
	top: 33px;
	width: 100%;
	max-width: 100%;
	min-width: 220px;
}

.single-post-header-comments {
	padding: 0px 10px 0px;
}

.single-post-header-comments .terms-scroll {
	max-width: 100%;
	align-items: start;
}

.comment-post {
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: start;
	gap: 8px;
	height: 100%;
	flex: 0 0 auto;
	max-width: 280px;
	border-radius: 8px;
	padding: 6px;
	transition: 0.2s ease;
}

.comment-avatar-post {
	width: 24px;
	height: 24px;
	object-fit: cover;
}

.comment-content-post {
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	width: 100%;
	overflow: hidden;
}

.comment-post:hover {
	background-color: rgba(0, 0, 0, 0.025);
}

.comment-post a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.complaint-pending {
	padding-left: 31px;
}

.pin svg {
	transition: 0.2s ease;
}

.ul-item-bookmark .simplefavorite-button.active,
.pin.active {
	background-color: rgba(0, 0, 0, 0.045);
	border-radius: 6px;
}

.ul-item-bookmark .simplefavorite-button.active svg,
.pin.active svg {
	color: #fb9d0f;
	fill: #fb9d0f;
}

.pin.active svg {
	transform: rotate(45deg);
}

.single-post-sub a,
.single-post-sub > span {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	min-width: 106px;
	max-width: 108px;
	width: 100%;
	height: 22px;
	font-size: 13px;
	font-weight: 500;
	background-color: rgba(0, 0, 0, 0.05);
	transition: 0.3s ease;
	cursor: pointer;
}

.header-group .rcl-bttn__loading,
.single-post-sub .rcl-bttn__loading {
	filter: blur(1px);
}

.header-group-rating {
	display: flex;
	align-items: center;
	gap: 3px;
}

.header-rating:not(#your-position) {
	display: none !important;
}

.header-rating:has(#your-position) {
	display: flex !important;
}

.single-post-sub a:hover,
.single-post-sub > span:hover {
	background-color: rgba(0, 0, 0, 0.09);
}

.single-post .main-post-image {
	background-color: #f2f2f2;
	margin-bottom: 10px;
}

.single-post .main-post-image img {
	display: block;
	margin: 0 auto;
	width: auto;
	height: 100%;
	max-width: 100%;
	max-height: 640px;
}

.lwptoc {
	background-color: #f2f2f2;
	color: #070507;
	padding: 20px 10px;
	width: 100%;
	margin: 15px auto;
}

.lwptoc_header {
	padding: 0 0 13px;
	font-size: 18px;
	line-height: 21px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.lwptoc_items a,
.lwptoc_toggle a {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 9px;
	display: inline-block;
	transition: 0.2s ease;
	text-decoration: none;
	color: #070507;
}

.lwptoc_items a:hover,
.lwptoc_toggle a:hover {
	color: #070507;
	opacity: 0.7;
}

.lwptoc_itemWrap .lwptoc_item > .lwptoc_itemWrap {
	padding-left: 13px;
}

.single-post .expert-review-faq,
.single-post .expert-review-minus,
.single-post .expert-review-plus,
.single-post .expert-review-poll,
.single-post .wpremark {
	margin: 11px 10px;
	font-size: 17px;
	line-height: 24px;
}

.single-post .expert-review-poll--style-light-1 {
	margin: 15px 0 20px;
}

.single-post .expert-review-faq-item__question {
	font-size: 17px;
	line-height: 24px;
	transition: 0.2s ease;
}

.single-post .expert-review-faq-item__answer {
	font-size: 17px;
	line-height: 23px;
	color: #070507 !important;
}

.single-post .expert-review-poll-item:after {
	top: 50% !important;
	left: 12px !important;
	transform: translate(0, -50%) !important;
}

.single-post .expert-review-poll-item:before {
	top: 50% !important;
	transform: translateY(-50%) !important;
	left: 10px !important;
	width: 17px !important;
	height: 17px !important;
}

.single-post .expert-review-pluses,
.single-post .expert-review-pluses + .expert-review-minuses {
	padding: 0;
}

.single-post .expert-review-pluses-minuses {
	gap: 10px;
	padding: 20px 10px !important;
}

.single-post .expert-review-poll {
	padding: 20px 10px !important;
}

.single-post .expert-review-poll--style-solid-1 {
	margin-left: 0 !important;
	margin-right: 0 !important;
	border-radius: 0;
}

.single-post .expert-review-poll--style-light-2 {
	padding: 0 !important;
}

.single-post .expert-review-poll--style-light-2 .expert-review-poll-item {
	padding-left: 40px !important;
}

.single-post .expert-review-minus:last-child,
.single-post .expert-review-plus:last-child {
	margin-bottom: 0 !important;
}

.wpremark {
	gap: 10px;
}

.wpremark .wpremark-icon,
.wpremark .quizle-footer {
	margin: 0 !important;
}

.single-post .quizle-container {
	padding: 0 10px;
}

.single-post .quizle-answers::-webkit-scrollbar,
.single-post .quizle-footer__step-description {
	display: none;
}

.single-post .quizle-image-screen--img-position-background + .quizle-body {
	padding: 0 10px;
}

.single-post
	.quizle-image-screen--img-position-background
	+ .quizle-body
	.quizle-footer {
	padding: 0 10px;
}

.single-post .quizle-image-screen--img-position-background {
	border-radius: 0;
	padding: 30px 25px;
}

.single-post
	.quizle-container:has(.quizle-image-screen--img-position-background) {
	padding: 0;
}

.single-post .quizle-container .quizle {
	margin: 15px 0 20px;
}

#rcl-overlay {
	position: fixed;
	z-index: 42;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: rgba(0, 0, 0, 0.485);
	backdrop-filter: blur(4.5px);
	display: none;
}

#rcl-popup {
	background-color: #fefefe;
	border-radius: 12px;
	z-index: 42;
	left: calc(50% - 30px);
	transform: translate(-50%, -50%);
	top: 50%;
	max-width: 500px;
	width: 100%;
}

.complaint-form-wrapper {
	padding: 20px 25px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.complaint-form-close {
	display: flex;
	align-items: center;
	justify-content: right;
	margin-bottom: 25px;
}

.complaint-form-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
}

.complaint-form-logo svg {
	width: 50px;
	height: 50px;
	border-radius: 6px;
	transition: 0s ease;
	color: #ff5a5a;
	fill: #ff5a5a;
}

.complaint-title {
	text-align: center;
	font-weight: 500;
	font-size: 21px;
	line-height: 28px;
	color: #070507;
	margin-bottom: 25px;
}

.complaint-form-reasons-container {
	margin: 0 auto;
}

.complaint-form-reasons {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(0, 365px));
	max-height: 250px;
	overflow: auto;
	gap: 12px;
	margin-bottom: 25px;
}

.complaint-form-reasons::-webkit-scrollbar,
.complaint-form-text {
	display: none;
}

.complaint-form-text textarea {
	font-size: 16px;
	outline: 0;
	width: 100%;
	height: 60px;
	line-height: 26px;
	resize: none;
	border: 2px dotted #dcdcdc;
	padding: 10px 10px;
	border-radius: 8px;
	margin-bottom: 25px;
}

#comments {
	padding: 28px 10px;
	margin-top: 25px;
}

.comments-title {
	padding: 0 0 15px;
}

#respond {
	padding-bottom: 0;
}

.comment-form {
	position: relative;
}

.comment-form .comment-form-attachment,
.comment-form .form-submit {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.comment-form .comment-form-attachment {
	right: 100px;
}

.comment-form-attachment__input {
	display: none;
}

.comment-form-attachment__label {
	cursor: pointer;
	display: flex;
	transition: 0.2s ease;
}

.comment-form-attachment__label svg {
	color: #070507;
	width: 20px;
	height: 20px;
}

#comments .sce-status {
	box-shadow: none;
	border-radius: 6px;
	border: 1px solid #eee;
	border-left: 4px solid #46b450;
}

#comments .sce-edit-comment {
	margin: 0 0 8px;
}

#comments .sce-comment-edit-buttons {
	margin: 8px 0 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

#comments .sce-edit-comment .sce-comment-edit-buttons button,
#comments .sce-edit-comment.default .sce-comment-edit-buttons .sce-timer,
#comments .sce-edit-comment.default .sce-timer-cancel-wrapper .sce-timer {
	font-size: 13.5px;
}

#comments .sce-comment-edit-buttons-group .sce-timer {
	margin: 0 !important;
}

#comments .sce-comment-edit-buttons-group {
	display: flex;
	align-items: center;
	justify-content: right;
	gap: 10px;
}

#comments .sce-edit-comment .sce-comment-edit-buttons button {
	text-align: left !important;
	margin: 0 !important;
	width: auto !important;
	cursor: pointer;
}

#comments .sce-edit-comment .sce-comment-edit-buttons .sce-comment-delete {
	margin-left: 13px !important;
}

.comment-form textarea,
.sce-comment-text {
	width: 100%;
	border: none;
	resize: none;
	font-size: 17px;
	line-height: 22px;
	background-color: #f2f2f2;
	border: 1px solid #ddd;
	padding: 15px 10px 45px;
	border-radius: 6px;
	overflow: hidden;
	transition: background-color 0.3s, border-color 0.3s, box-shadow 0.2s;
}

.sce-comment-text {
	padding: 15px 10px;
}

#comments .sce-edit-button {
	font-size: 14.5px;
	line-height: normal;
	display: flex;
	align-items: center;
}
#comments .sce-edit-button .sce-timer {
	margin-top: 1px;
}

.comment-form textarea:hover,
.sce-comment-text:hover {
	border-color: #fb9d0f;
	box-shadow: 0 0 0 2px rgb(251 157 15 / 30%);
	background-color: #fff;
}

.comment-form textarea:focus,
.sce-comment-text:focus {
	background-color: #fff;
	border-color: #fb9d0f;
	box-shadow: 0 0 0 2px rgb(251 157 15 / 20%);
}

.comment-form textarea::placeholder,
.sce-comment-text::placeholder {
	color: #757575;
}

.comment-reply-title {
	font-size: 13px;
	text-align: right;
	margin-bottom: 5px;
	padding-right: 3px;
}

.comment-form .submit {
	border: none;
	font-size: 13px;
	font-weight: 500;
	padding: 0 8px;
	height: 32px;
	background-color: #006aff;
	border-radius: 6px;
	cursor: pointer;
	color: #fff;
	transition: 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
}

.comment-form .submit:hover {
	background-color: #0060e5;
}

#imagePreview {
	position: absolute;
	bottom: 10px;
	left: 10px;
	display: flex;
	align-items: center;
}

#imagePreview img {
	width: 30px;
	height: 30px;
	border-radius: 4px;
	object-fit: cover;
	transition: 0.2s;
}

#imagePreview img:hover {
	transform: scale(3) translateX(8px);
}

#mention-suggestions {
	position: relative;
}

#mention-suggestions ul {
	display: flex;
	top: 3px;
	left: 0;
	width: 100%;
	max-height: 200px;
	overflow: auto;
}

#mention-suggestions ul img,
.votes-window a img {
	width: 26px;
	height: 26px;
	min-width: 26px;
	min-height: 26px;
	margin-right: 7px;
}

.user-name-item {
	display: flex;
	align-items: center;
	gap: 2px;
}

.comment-author-single {
	display: flex;
	gap: 7px;
}

.comment.parent {
	position: relative;
}

.comment-author-info-author {
	font-size: 11px;
	font-weight: 500;
	padding: 2px 4px;
	background-color: rgb(0 106 255 / 8%);
	color: #006aff;
	border-radius: 6px;
	transition: 0.2s ease;
	user-select: none;
}

.comment-author-info-author:hover {
	background-color: rgb(0 106 255 / 25%);
}

.comment-author-info-edit {
	background-color: rgb(252 238 217 / 78%);
	color: #fb9d0f;
}

.comment-author-info-admin {
	background-color: rgb(0 106 255 / 14%);
	color: #0b4f9e;
}

.comment-author-info-mod {
	background-color: rgb(26 127 55 / 12%);
	color: #1a7f37;
}

.comment-author-info-edit:hover {
	background-color: rgb(252 238 217 / 100%);
}

.container-header-subtitle {
	font-size: 15px;
	font-weight: 500;
	margin: 17px 0;
}

.page-login {
	display: inline;
	padding: 1px 2px;
	background-color: rgb(0 106 255 / 8%);
	color: #006aff;
	transition: 0.2s ease;
	border-radius: 6px;
	text-decoration: none;
	font-size: 15px;
	line-height: 24px;
	cursor: pointer;
}

#comments .rcl_hashtags {
	padding: 1.4px 2px;
	background-color: rgb(0 106 255 / 8%);
	color: #006aff;
	transition: 0.2s ease;
	border-radius: 6px;
	text-decoration: none;
	font-size: 15px;
	cursor: pointer;
}

#comments .rcl_hashtags::before {
	content: '@';
	margin-right: 2px;
}

.page-login h2 {
	font-weight: 500;
	font-size: 15px;
	display: inline;
}

#comments .rcl_hashtags:hover,
.page-login:hover {
	background-color: rgb(0 106 255 / 25%);
}

.comment-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.comment-list .children {
	margin: 14px 0 10px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding-left: 11.5px;
}

#comments .single-post-header-settings {
	align-items: start;
}

.comment-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
}

.comment-footer > div:first-child {
	display: flex;
	align-items: center;
	gap: 7px;
}

.comment .comment-respond {
	padding-left: 20px;
	margin: 14px auto 10px;
}

.rating-wrapper {
	display: flex;
	align-items: center;
	gap: 5px;
	position: relative;
}

.rating-vote,
.single-post-footer-tools > div .simplefavorite-button {
	position: relative;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	min-width: 28px;
	min-height: 28px;
	overflow: hidden;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.2s ease;
}

.rating-wrapper .ripple,
.rating-wrapper .user-vote,
.single-post-footer-tools > div .simplefavorite-button.active {
	background-color: #fceed9;
}

.rating-vote div,
.rating-vote svg,
.single-post-footer-tools > div .simplefavorite-button span,
.single-post-footer-tools > div .simplefavorite-button svg {
	width: 20px;
	height: 20px;
	transition: 0.2s ease;
	z-index: 2;
}

.rating-wrapper .user-vote svg:first-child,
.rating-vote svg:last-child {
	display: none;
}

.rating-vote.log svg:last-child,
.rating-wrapper .user-vote svg:last-child {
	display: block;
}

.single-post-footer-tools > div .simplefavorite-button:hover svg,
.rating-vote:hover svg,
.single-post-footer-tools > div .simplefavorite-button.active svg {
	color: #fb9d0f;
	fill: #fb9d0f;
}

.vote-plus {
	order: 1;
}

.rating-value,
.rating-value-view {
	font-size: 15px;
	font-weight: 500;
	order: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.2s ease;
}

.rating-value-view {
	cursor: pointer;
}

.vote-minus {
	order: 3;
}

.comment-reply {
	font-size: 14px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.95);
	transition: 0.2s ease;
	cursor: pointer;
}

.comment-reply:hover,
.rating-value:hover,
.rating-value-view:hover,
.single-post-footer-tools a:first-child:hover {
	opacity: 0.73;
}

.votes-window {
	bottom: 30px;
	left: 0;
	min-width: 210px;
	font-size: 14px;
	max-height: 150px;
	overflow: auto;
}

.votes-window.new {
	display: flex;
}

.votes-window li {
	margin-bottom: 2px;
}

.votes-window a {
	padding: 4px;
}

.votes-window div {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 3px 0 1px;
}

.single-post-views {
	font-size: 15px;
	padding: 15px 10px 0;
	color: rgba(0, 0, 0, 0.88);
	display: flex;
	align-items: center;
	justify-content: right;
}

.single-post-views span[data-view='0'] {
	display: none;
}

.single-post-views span {
	font-size: 12px;
	margin: -5px 5px 0 2px;
}

.single-post-footer,
#pagination {
	margin: 15px 0 10px;
	padding: 0 10px;
	width: 100%;
	max-width: 686px;
	z-index: 32;
	display: flex;
	justify-content: space-between;
}

#pagination {
    position: sticky;
    bottom: 10px;
}

.single-post-footer > div {
	border-radius: 16px;
	background-color: #fff;
	border: 1px solid #eee;
	padding: 4px;
	min-height: 38px;
	min-width: 38px;
	display: flex;
	align-items: center;
	gap: 4px;
	justify-content: center;
}

.single-post-footer > div .votes-window {
	bottom: 37px;
	left: -6px;
}

.single-post-footer-tools {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 15px;
	font-weight: 500;
}

.single-post-footer-tools a:first-child {
	display: flex;
	align-items: center;
	gap: 3px;
	transition: 0.2s ease;
	cursor: pointer;
}

.single-post-footer-tools svg {
	width: 20px;
	height: 20px;
}

.single-post-footer-tools > div .simplefavorite-button div {
	display: none;
}

.single-post-footer .box-default {
	padding: 0px 6px 0 8px;
}

.tools-container {
	padding: 0 10px 8px;
}

.tools-content,
.tools-flex {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.tools-content {
	margin-top: 5px;
}

.tools-flex {
	gap: 14px;
}

.tools-content label {
	font-size: 15px;
	line-height: 19px;
}

.tools-content .header-label {
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 10px;
}

.tools-label-content {
	display: flex;
	gap: 10px;
	align-items: start;
}

.tools-label-content label {
	font-size: 16px;
	line-height: 23px;
}

.post {
	margin-bottom: 120px;
}

/* */
.table-vitaminov {
	margin: 5px 0 18px;
}

.container-filters-flex-scroll .container-filters-flex::-webkit-scrollbar,
.container-cabinet #pagination,
.container-search #pagination,
.table-vitaminov figcaption,
.rcl-notice__type-info,
.votes-window:has(.rcl-notice__type-info) {
	display: none;
}

.table-vitaminov .table-scroll {
	width: 100%;
	max-height: 580px;
	overflow: scroll;
}

.table-vitaminov .table-scroll table {
	position: relative;
	table-layout: fixed;
	text-align: center;
	user-select: none;
	border: none;
}

.table-vitaminov .table-scroll .thead-row,
.table-vitaminov .table-scroll .thead-col {
	position: absolute;
	z-index: 5;
	transition: 0.1s linear;
}

.table-vitaminov .table-scroll .thead-col {
	margin-top: 40px;
}

.table-vitaminov .table-scroll tbody {
	display: block;
	margin-left: 78px;
	margin-top: 40px;
}

.table-scroll td,
.table-vitaminov .table-scroll th {
	min-width: 78px;
	max-width: 78px;
	height: 40px;
	font-size: 14px;
}

.table-vitaminov th {
	font-weight: 500;
	font-size: 15px;
	color: #070507;
}

.table-vitaminov tbody tr td div svg {
	width: 20px;
	height: 20px;
}

.single-post .table-vitaminov .thead-row-opacity {
	max-width: 78px;
	overflow: hidden;
	opacity: 0;
}

.table-vitaminov .thead-col tr,
.table-vitaminov .thead-row th {
	background-color: #fceed9;
}

.single-post .table-vitaminov th,
.single-post .table-vitaminov td {
	padding: 0;
}

.table-vitaminov tbody tr:nth-child(2n-1) td {
	background-color: #f8f8f8;
}

.table-vitaminov tbody tr td div {
	display: flex;
	width: 100%;
	height: 100%;
	cursor: pointer;
	align-items: center;
	position: relative;
	justify-content: center;
	transition: all 0.3s ease;
}

.table-vitaminov tbody tr td div:after {
	z-index: 4;
	content: attr(data-description);
	background: #fff;
	box-shadow: 0 4px 15px rgb(0 0 0 / 15%);
	position: absolute;
	transition: 0.2s;
	height: auto;
	width: 125px;
	display: none;
	font-size: 11px;
	line-height: 15px;
	padding: 6px;
	border-radius: 6px;
	text-align: center;
	cursor: default;
}

.table-vitaminov tbody tr td div:hover {
	transform: scale(1.1);
	border-radius: 6px;
	background-color: #fff;
	z-index: 3;
}

.table-vitaminov tbody tr td div:hover:after {
	top: 40px;
	display: block;
}

.table-vitaminov tbody tr td[data-name='A'] div:after {
	margin-left: 80px;
}

.table-vitaminov tbody tr td[data-name='Цинк'] div:after {
	margin-right: 80px;
}

.table-vitaminov tbody tr[data-info='Фосфор'] td div:after,
.table-vitaminov tbody tr[data-info='Хром'] td div:after,
.table-vitaminov tbody tr[data-info='Цинк'] td div:after {
	bottom: 40px;
	top: auto;
}

.table-vitaminov tbody tr[data-info='Фосфор'] td div:hover:after,
.table-vitaminov tbody tr[data-info='Хром'] td div:hover:after,
.table-vitaminov tbody tr[data-info='Цинк'] td div:hover:after {
	top: auto;
	bottom: 40px;
}

.table-vitaminov tbody tr td div.table-ok::before,
.table-vitaminov tbody tr td div.table-close::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
}

.table-vitaminov tbody tr td div.table-ok::before {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3E%3Cpath%20fill='%2334bc58'%20d='M%2043.470703%208.9863281%20A%201.50015%201.50015%200%200%200%2042.439453%209.4394531%20L%2016.5%2035.378906%20L%205.5605469%2024.439453%20A%201.50015%201.50015%200%201%200%203.4394531%2026.560547%20L%2015.439453%2038.560547%20A%201.50015%201.50015%200%200%200%2017.560547%2038.560547%20L%2044.560547%2011.560547%20A%201.50015%201.50015%200%200%200%2043.470703%208.9863281%20z'/%3E%3C/svg%3E");
}

.table-vitaminov tbody tr td div.table-close::before {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3E%3Cpath%20fill='%23ff2828'%20d='M%2039.486328%206.9785156%20A%201.50015%201.50015%200%200%200%2038.439453%207.4394531%20L%2024%2021.878906%20L%209.5605469%207.4394531%20A%201.50015%201.50015%200%200%200%208.484375%206.984375%20A%201.50015%201.50015%200%200%200%207.4394531%209.5605469%20L%2021.878906%2024%20L%207.4394531%2038.439453%20A%201.50015%201.50015%200%201%200%209.5605469%2040.560547%20L%2024%2026.121094%20L%2038.439453%2040.560547%20A%201.50015%201.50015%200%201%200%2040.560547%2038.439453%20L%2026.121094%2024%20L%2040.560547%209.5605469%20A%201.50015%201.50015%200%200%200%2039.486328%206.9785156%20z'/%3E%3C/svg%3E");
}

.single-post .table-vitaminov .table-qqq {
	background-color: #f5f5f5;
}

.container-random-post {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 0 10px;
	margin: 10px 0;
}

.random-post {
	display: flex;
	align-items: start;
	gap: 13px;
	flex-wrap: nowrap;
}

.random-post-img {
	border-radius: 6px;
}

.random-post-img img {
	width: 90px;
	height: 105px;
	object-fit: cover;
	transition: 0.2s;
	border-radius: 6px;
}

.random-post-img img:hover {
	transform: scale(1.1);
}

.random-post-title {
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	transition: 0.2s ease;
	width: fit-content;
}

.random-post-title:hover {
	opacity: 0.8;
}

.random-post-content {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.single-post .random-post-excerpt {
	font-size: 15px;
	line-height: 21px;
	color: rgba(0, 0, 0, 0.9);
	padding: 0;
	margin: 0;
}

.random-post-footer li a {
	display: flex;
	gap: 5px;
	align-items: center;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 500;
	padding: 3px 6px;
	color: rgba(0, 0, 0, 0.9);
	transition: 0.2s;
	border-radius: 6px;
	width: fit-content;
	margin-left: -6px;
}

.random-post-footer li a:hover {
	background-color: rgba(0, 0, 0, 0.03);
}

.random-post-footer img {
	width: 23px;
	height: 23px;
	border-radius: 4px;
}

.single-post-container {
	padding: 20px 0 0px;
}

.single-post-container .single-post-footer {
	position: static;
	margin: -4px 0 8px;
}

.single-post-container .single-post-footer > div {
	border: none;
	padding: 0;
}

.single-post-container .main-post-image img {
	max-height: 530px;
}

.single-post-container .article {
	position: relative;
}

.single-post-container .article-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.posts {
	position: relative;
}

#posts.custom #pagination {
	display: none !important;
}

#pagination {
	justify-content: center;
}

#pagination > .page-numbers {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	gap: 5px;
	padding: 8px 4px;
	width: 100%;
	overflow-x: auto;
	background: #fff;
	border-radius: 12px;
	border: 1px solid #eee;
}

#pagination .page-numbers li a,
#pagination .page-numbers li span {
	width: 26px;
	height: 26px;
	font-weight: 500;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.2s;
}

#pagination .page-numbers li a:hover {
	color: #fb9d0f;
	fill: #fb9d0f;
}

#pagination .page-numbers li span.current {
	background-color: #fb9d0f;
	color: #fff;
	border-radius: 4px;
}

#pagination .page-numbers li svg {
	width: 14px;
	height: 14px;
}

#pagination .page-numbers li a.next svg {
	transform: rotate(180deg);
}

#posts-preloader {
	background-color: #fff;
	padding: 30px 0;
	display: none;
	border-radius: 12px;
	margin-top: 15px;
	position: relative;
}

#posts-preloader::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid rgb(206, 206, 206);
	border-top-color: #979797;
	animation: spin 1s infinite linear;
	z-index: 3;
}

.avatar,
.avatar img {
	object-fit: cover;
	border-radius: 50% !important;
}

#rcl-office .rcl-table__row,
#rcl-office .rcl-table {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

#rcl-office .rcl-field-title {
	font-size: 15px;
	line-height: 19px;
}

#rcl-office .rcl-table__row {
	gap: 8px;
}

#rcl-office i,
#rcl-office .required,
#rcl-office .rcl-field-notice,
#rcl-office .rcl-notice,
#profile-field-your_social,
#profile-field-show_admin_bar_front,
#subtab-profile h3 {
	display: none !important;
}

#profile-field-user_email .rcl-field-title {
	font-size: 0;
}

#profile-field-user_email .rcl-field-title::after {
	content: 'Email';
	font-size: 15px;
	line-height: 19px;
}

#profile-field-o_sebe_64f3115a114b3 .rcl-field-core,
#profile-field-display_name .rcl-field-core {
	position: relative;
}

#profile-field-display_name .maxlength {
	position: absolute;
	right: 13px;
	top: 50%;
	transform: translateY(-50%);
}

#profile-field-o_sebe_64f3115a114b3 .maxlength {
	position: absolute;
	right: 13px;
	bottom: 8px;
}

.no-favorites,
.container-post-not-found {
	padding: 20px 10px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 12px;
	font-size: 17px;
	line-height: 21px;
	font-weight: 500;
}

.container-rating .no-rating {
	font-size: 17px;
	line-height: 21px;
	font-weight: 500;
	text-align: center;
	padding: 0px 10px 5px;
}

.container-rating .tubr-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 20px 0 15px;
	transition: 0.2s filter ease;
}

.tubr.load .tubr-content {
	filter: blur(3px);
}

#tubr-select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	border: 1px solid #eee;
	border-radius: 6px;
	height: 42px;
	padding: 0 10px;
	width: 100%;
	background: #fff;
	font-size: 17px;
	cursor: pointer;
	transition: 0.2s ease;
}

#tubr-select:hover {
	background-color: rgb(0 0 0 / 5%);
}

#tubr-select:hover * {
	background-color: #fff;
}

.container-rating .tubr-user {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	order: 2;
	margin: 0 8px;
	border-radius: 6px;
	padding: 6px 2px;
	position: relative;
	transition: 0.2s;
}

.container-rating #your-position {
	order: 1;
	padding: 0 10px;
	margin: 10px 0;
}

#your-position a {
	transition: 0.2s;
	font-weight: 500;
	color: #070507;
	position: relative;
}

#your-position a::after {
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	border-radius: 4px;
	background-color: #070507;
	bottom: 0;
	left: 0;
}

#your-position a:hover {
	color: rgba(0, 0, 0, 0.75);
}

.container-rating .tubr-user a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.container-rating .tubr-user-info {
	display: flex;
	align-items: center;
}

.container-rating .tubr-user-position {
	font-size: 17px;
	font-weight: 500;
	margin-right: 5px;
	width: 34px;
	text-align: center;
}

.container-rating .tubr-user-avatar,
.container-rating .tubr-user-avatar img {
	width: 36px;
	height: 36px;
	margin-right: 10px;
}

.container-rating .tubr-user-title {
	display: flex;
	align-items: center;
	gap: 3px;
	flex-wrap: wrap;
	font-size: 15px;
	line-height: 20px;
}

.container-rating .tubr-user.plus .tubr-user-rating::before {
	content: '+';
	margin-right: 5px;
}

.container-header .tubr-header,
.container-rating .tubr-option.active svg:first-child,
.container-rating .tubr-option svg:nth-child(2) {
	display: none;
}

.container-rating .tubr-option.active svg:nth-child(2) {
	display: block;
}

.slider-container-subs {
	position: relative;
	background-color: #fff;
	border-radius: 12px;
	border: 1px solid #eee;
	margin-bottom: 15px;
}

.slider-container-subs:last-child {
	margin-bottom: 0;
}

ul.subs-box {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex-wrap: wrap;
	padding: 10px 10px 18px;
	max-height: 240px;
}

ul.subs-box li {
	flex: 1;
}

.subs-item {
	display: flex;
	align-items: start;
	max-width: 220px;
	padding: 12px 50px 12px 4px;
	border-radius: 8px;
	transition: 0.2s ease;
	cursor: pointer;
	position: relative;
	user-select: none;
}

.subs-item:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.subs-item-info {
	gap: 8px;
	height: 100%;
	align-items: start;
	display: flex;
	font-size: 16px;
	white-space: nowrap;
	cursor: pointer;
}

.subs-box-title {
	display: flex;
	align-items: start;
	gap: 8px;
}

.subs-box-title img {
	width: 36px;
	height: 36px;
	border-radius: 6px;
	transition: 0.2s ease;
}

.subs-box-title a {
	transition: 0.2s ease;
}

.subs-box-title a:hover {
	opacity: 0.8;
}

.subs-box-title img:hover {
	transform: scale(1.2);
}

.subs-item-info img {
	width: 34px;
	height: 34px;
	border-radius: 6px;
}

.subs-item-info > div {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.subs-item-info > div > div:first-child {
	font-weight: 500;
	width: 124px;
	max-width: 124px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.subs-box-subtitle > div,
.subs-item-info > div > div:last-child {
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	opacity: 0.85;
	width: 100%;
	max-width: 124px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.subs-box-subtitle > div {
	margin-top: 4px;
}

.subscribe-btn-sub {
	position: absolute;
	z-index: 2;
	right: 8px;
	top: 10px;
	cursor: pointer;
	width: 28px;
	height: 28px;
	border-radius: 4px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	box-shadow: 0 2px 6px rgb(0 0 0 / 6%), 0 0 1px rgb(0 0 0 / 19%);
	transition: 0.2s ease;
}

.subscribe-btn-sub:hover {
	background-color: #f2f2f2;
}

.subscribe-btn-sub svg {
	transition: 0.2s ease;
	color: #1ca500;
}

.subscribe-btn-sub svg:hover {
	color: #188d00;
}

.subscribe-btn-sub.active svg {
	transform: rotate(45deg);
	color: #e90d1b;
}

.subscribe-btn-sub.active:hover {
	background-color: #e90d1b;
}

.subscribe-btn-sub.active:hover svg {
	color: #fff;
	fill: #fff;
}

.subs-item a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.subs-box-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
	padding: 20px 10px 10px;
	font-size: 17px;
	line-height: 21px;
	font-weight: 500;
}

.subs-box-flex button {
	position: static;
}

.header-logo-svg {
	width: 56px !important;
	height: 56px !important;
}

.container-main-post {
	padding: 15px 0 70px;
}

.wp-block-embed iframe {
	width: 100%;
}

.postIn-categories {
	margin: 25px auto 15px;
}

.container-post.load {
	filter: blur(3px);
}

.container-header-main-cabinet {
	text-align: left;
}

.time-registered {
	display: flex;
	align-items: center;
	gap: 5px;
}

.time-action,
.time-action .relevant-publish-time::before,
.time-registered .relevant-publish-time::before {
	font-size: 15px;
	font-weight: 500;
	margin: 0;
}

.time-action .relevant-publish-time::after {
	content: attr(data-times);
}

.time-action .relevant-publish-time::before {
	content: 'Был(а) в сети: ';
}

.pin-container {
	margin: 23px auto 20px;
	position: relative;
}

.svg-pin {
	position: absolute;
	top: -10px;
	right: 18px;
	transform: rotate(45deg);
	transition: 0.2s ease;
}

.svg-pin svg {
	color: #fb9d0f;
	transition: 0.2s ease;
}

.pin-container:hover .svg-pin {
	transform: rotate(0deg);
}

.pin-container:hover .svg-pin svg {
	transform: scale(1.03);
}

.pin-container .relevant-list {
	display: flex;
	padding: 23px 10px 15px;
	position: relative;
}

.pin-container .relevant-item {
	flex: 0 0 auto;
	min-width: 350px;
	max-width: 350px;
}

.expert-review-faq--color-orange-1.expert-review-faq--style-style-4
	.expert-review-faq-item__question {
	background-color: #fb9d0f;
}

.star-rate {
	margin: 25px auto 15px;
}

.star-rate .star-icon.log-btn {
	cursor: pointer !important;
}

.star-rate .star-icon i {
	transition: 0.1s color ease-in;
}

.star-rate .star-icon.log-btn i:hover {
	color: #ffcc36;
}

.star-rate .star-icon.log-btn .rmp-icon--half-highlight:hover {
	background: linear-gradient(to right, #ffcc36 50%, #ccc 50%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.star-rate p,
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container
	.rmp-rating-widget__icons,
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container {
	margin: 0 !important;
	text-align: right !important;
	cursor: default !important;
	font-size: 15px !important;
	line-height: 18px !important;
}

.star-rate .js-rmp-msg {
	margin-top: 10px !important;
}

.rmp-widgets-container.rmp-wp-plugin.rmp-main-container
	.rmp-rating-widget__icons {
	margin-bottom: 10px !important;
}

.rmp-rating-widget .rmp-icon--ratings {
	font-size: 21px !important;
}

/* ==========================================================================
   Рейтинг (rate-my-post): цифровые плашки вместо звёзд
   Звёздная иконка <i> скрыта визуально, но остаётся в DOM — на ней плагин
   держит классы hover/выбора, поэтому JS и отправка оценки работают как прежде.
   Цифра берётся из data-value пункта списка.
   ========================================================================== */
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container
	.rmp-rating-widget__icons-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* плагин вешал служебный clearfix (пустой ::before) под старую inline-block-раскладку —
   в flex он не нужен, сбрасываем */
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container
	.rmp-rating-widget__icons-list::before {
	content: none;
}

.rmp-widgets-container.rmp-wp-plugin.rmp-main-container
	.rmp-rating-widget__icons {
	margin-bottom: 15px !important;
}

.rmp-widgets-container.rmp-wp-plugin.rmp-main-container
	.rmp-rating-widget__icons-list__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 0;
	min-width: 0;
	margin: 0 !important;
	padding: 8px 4px;
	border-radius: 6px;
	background: rgba(0, 0, 0, 0.06);
	color: rgba(0, 0, 0, 0.6);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	transition: background 0.18s ease, color 0.18s ease;
}

/* цифра внутри плашки */
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container
	.rmp-rating-widget__icons-list__icon::after {
	content: attr(data-value);
}

/* прячем звёздную иконку (в DOM остаётся для JS) */
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container
	.rmp-rating-widget__icons-list__icon .js-rmp-rating-icon {
	display: none !important;
}

/* подсветка текущей оценки — фон тот же, темнее только цифра */
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container
	.rmp-rating-widget__icons-list__icon:has(.rmp-icon--half-highlight),
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container
	.rmp-rating-widget__icons-list__icon:has(.rmp-icon--full-highlight),
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container
	.rmp-rating-widget__icons-list__icon:has(.rmp-icon--hovered),
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container
	.rmp-rating-widget__icons-list__icon:has(.rmp-icon--processing-rating) {
	background: rgba(0, 0, 0, 0.06);
	color: rgba(0, 0, 0, 0.95);
}

/* hover — только на устройствах с наведением (@media hover), на тачфонах не срабатывает.
   Стоит ПОСЛЕ :has() и с бóльшей специфичностью, поэтому точно темнит плашку. */
@media (hover: hover) {
	.rmp-widgets-container.rmp-wp-plugin.rmp-main-container
		.rmp-rating-widget__icons-list
		.rmp-rating-widget__icons-list__icon:hover {
		background: rgba(0, 0, 0, 0.12);
		color: rgba(0, 0, 0, 0.95);
	}
}

@media (max-width: 480px) {
	.rmp-widgets-container.rmp-wp-plugin.rmp-main-container
		.rmp-rating-widget__icons-list {
		gap: 8px;
	}

	.rmp-widgets-container.rmp-wp-plugin.rmp-main-container
		.rmp-rating-widget__icons-list__icon {
		padding: 9px 2px;
		font-size: 14px;
	}
}

.single-post-views.article-views {
	padding: 8px 10px 15px;
}

body .clearfy-cookie {
	position: fixed;
	width: 100%;
	max-width: 686px;
	top: 62px;
	left: calc(50% - 30px);
	padding: 0 10px;
	font-size: 13.5px;
	font-weight: 500;
	line-height: 18px;
	color: #070507;
	transform: translateX(-50%);
	user-select: none;
	z-index: 10;
}

body .clearfy-cookie-container {
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 16px;
	padding: 8px 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

body .clearfy-cookie-accept {
	font-size: 13.5px;
	font-weight: 500;
	background: #fceed9;
	color: #070507;
	border-radius: 8px;
	margin: 0;
	padding: 5px 10px;
	cursor: pointer;
	transition: 0.2s;
}

body .clearfy-cookie-accept:hover {
	background: #efdec6;
}

body .clearfy-cookie-accept:active {
	transform: scale(0.96);
}

img[data-lazy-src] {
	filter: blur(2px);
}

img.lazyloaded {
	-webkit-transition: filter 0.2s linear 0.1s;
	-moz-transition: filter 0.2s linear 0.1s;
	transition: filter 0.2s linear 0.1s;
	filter: blur(0px);
}

.ya-ad-container {
	margin: 20px 0;
	padding: 15px 10px 10px;
	background: #f5f5f5;
	border: 1px solid #e9ecef;
	border-radius: 8px;
	position: relative;
	text-align: center;
	min-height: 90px;
}

.ya-ad-container.ya-ad-incontent {
	background: #f8f9fa;
}

/* Резерв высоты для рекламы в контенте/ленте — убирает скачки скролла (CLS) */
.ya-ad-container.ya-ad-incontent,
.ya-ad-container.ya-ad-feed {
	min-height: 250px;
}

#yandex_rtb_R-A-14995729-2 {
	margin: 20px 0 0;
}

#yandex_rtb_R-A-14995729-3 {
	margin: 0 auto;
}

@media screen and (min-width: 945px) {
	.editor .cdx-settings-button:hover,
	.editor .ce-conversion-tool:hover,
	.editor .ce-inline-toolbar__buttons .ce-inline-tool:hover,
	.editor .ce-popover__item:hover,
	.editor .tc-popover__item:hover {
		background-color: rgba(0, 0, 0, 0.05);
	}
}

@media screen and (max-width: 1280px) {
	.right-sidebar {
		display: none;
	}

	.header-container,
	.main {
		grid-template-columns: 240px minmax(0, 686px);
		max-width: 941px;
		gap: 15px;
	}

	body .clearfy-cookie,
	.ssi-modalOuter,
	#rcl-popup {
		left: 50%;
	}

	.main-editor {
		grid-template-columns: 220px 1fr;
		max-width: 1060px;
	}

	.header .header-editor {
		max-width: 1060px;
		padding: 0 10px;
	}

	.editor .cont ainer-main {
		margin-right: 15px;
		max-width: 610px;
	}

	.header-content:nth-child(3) {
		gap: 15px;
	}

	.search {
		max-width: 450px;
		margin: 0;
	}

	.create-post-btn .btn-text {
		display: none;
	}
}

@media screen and (max-width: 945px) {
	.header-container.padding {
		padding: 0 10px;
	}

	.main {
		display: block;
		max-width: 686px;
	}

	.main-editor {
		max-width: 100%;
	}

	.editor .container-main {
		margin: 0 auto;
		max-width: 686px;
	}

	.container-header-editor,
	.container-header-editor.active,
	.drafts-editor,
	.editor {
		margin-right: auto;
		max-width: 100%;
		border-radius: 0;
	}

	.container-header-editor {
		padding: 0 10px;
	}

	.search form {
		max-width: 340px;
	}

	.drafts-div-main .container-link-list,
	.select-div-container > div {
		padding: 0;
	}

	.relevant-list {
		padding: 20px 10px 10px;
	}

	.tabs-box {
		scroll-behavior: smooth;
	}

	.relevant-list {
		grid-template-columns: repeat(8, minmax(330px, 330px));
	}

	.header-container {
		gap: 0;
		grid-template-columns: 1fr auto auto;
	}

	.header-content:nth-child(1) {
		order: 1;
	}

	.header-content:nth-child(2) {
		order: 3;
		margin-left: 5px;
	}

	.header-content:nth-child(3) {
		order: 2;
		gap: 0;
	}

	.search form {
		position: static;
	}

	.container-link-list li:hover {
		background-color: #fff;
	}

	.container-link-list li.tab:hover {
		background-color: rgba(0, 0, 0, 0.05);
	}

	.drafts-div li .drafts-div-item:hover {
		background-color: rgba(0, 0, 0, 0.05);
	}

	.search-input {
		display: none;
		width: auto;
		position: absolute;
		z-index: 34;
		left: 0;
		right: 0;
		top: 63px;
		margin: 0 10px;
	}

	.search-input.active {
		display: block;
		background-color: #fff;
		border: 1px solid #fceed9;
		box-shadow: 0 0 0 1.65px #fceed9;
	}

	@-moz-document url-prefix() {
		.search-input.active {
			width: 95.535%;
		}
	}

	.search-ul {
		top: 115px !important;
		width: auto !important;
		margin: 0 10px;
	}

	.search-icon {
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		border-radius: 50%;
		width: 28px;
		height: 28px;
		transition: 0.1s linear;
	}

	.search-icon:active {
		transform: translateY(1.65px);
	}

	.search-icon svg {
		width: 30px;
		height: 30px;
		color: #070507;
		opacity: 0.885;
	}

	.footer {
		display: flex;
	}

	#left-sidebar {
		position: fixed;
		width: 80%;
		max-width: 318px;
		height: 100%;
		top: 0;
		z-index: 56;
		display: none;
		padding: 0;
	}

	#left-sidebar.active .sidebar-container-header {
		display: flex;
		height: 56px;
		align-items: center;
		position: sticky;
		top: 0;
		left: 0;
		z-index: 56;
		background-color: #f5f5f5;
	}

	#left-sidebar.active {
		display: block;
	}

	#left-sidebar.active .sidebar-container {
		background-color: #f5f5f5;
		padding: 0 10px;
		padding-bottom: 10px;
		z-index: 56;
		position: relative;
	}

	.sidebar-container::-webkit-scrollbar-thumb {
		display: block;
	}

	#left-sidebar.active .sidebar-int {
		display: block;
		opacity: 1;
		position: absolute;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100%;
		background: rgba(0, 0, 0, 0.485);
		backdrop-filter: blur(4.5px);
		z-index: 1;
	}

	.menu-list-sub-name,
	.sidebar .menu-list-sub li a div {
		max-width: 100%;
	}

	.menu-list {
		margin: 0;
	}

	#theme-ul {
		min-width: 212px;
		right: -150px;
	}

	.sidebar-footer-links a:first-child {
		width: 100%;
	}

	.container-header,
	.container-header.active {
		margin: 15px auto;
	}

	.notification-btn,
	.user-mini,
	header .auth-content {
		display: none;
	}

	.editor .fus-form-block-header {
		order: 1;
	}

	.editor .fus-form-block-header .sub-header.active {
		justify-content: right;
	}

	.editor .fus-form-block-header .sub-header {
		flex-wrap: wrap;
	}

	.editor .wrapper {
		order: 2;
	}

	.editor .ce-inline-toolbar,
	.editor .ce-popover,
	.editor .tc-popover {
		position: fixed;
		min-width: 100%;
		width: 100%;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		top: auto !important;
		border-radius: 0;
		border-top-left-radius: 8px;
		border-top-left-radius: 8px;
		z-index: 38;
		display: none;
	}

	.editor .ce-inline-tool-input {
		position: fixed;
		top: auto;
		left: 0;
		right: 0;
		bottom: 260px;
		min-width: 98%;
		width: 98%;
		margin: 0 auto;
		min-height: 43px;
		height: 43px;
		padding: 0 10px;
		border-radius: 6px;
	}

	.editor .ce-inline-toolbar {
		overflow: auto;
		overflow-x: hidden;
	}

	.editor .ce-popover {
		z-index: 39;
	}

	.editor .ce-inline-toolbar--showed,
	.editor .ce-popover--opened,
	.editor .tc-popover--opened {
		display: flex;
		transform: none !important;
		max-height: 293px;
	}

	.editor .ce-toolbox .ce-popover--opened {
		max-height: 250px;
	}

	.editor .ce-inline-toolbar--showed {
		max-height: 250px;
	}

	.editor .ce-conversion-toolbar__tools,
	.editor .ce-inline-toolbar--showed,
	.editor .ce-inline-toolbar__buttons {
		flex-direction: column;
		gap: 3px;
		width: 100%;
	}

	.editor .ce-inline-toolbar__buttons::after {
		display: none;
	}

	.editor .ce-conversion-tool,
	.editor .ce-conversion-toolbar,
	.editor .ce-inline-toolbar__buttons .ce-inline-tool {
		width: 100%;
		font-size: 16px;
	}

	.editor .ce-conversion-tool__icon svg,
	.editor .ce-inline-tool svg {
		margin-right: 5px;
	}

	.editor .ce-inline-tool--bold::after {
		content: 'Полужирный';
	}

	.editor .ce-inline-tool--italic::after {
		content: 'Курсив';
	}

	.editor .ce-inline-tool--link::after {
		content: 'Ссылка';
	}

	.editor .ce-inline-tool--link::after {
		content: 'Ссылка';
	}

	.editor .ce-inline-tool[data-tool='marker']::after {
		content: 'Выделение';
	}

	.editor .ce-inline-tool[data-tool='inlineCode']::after {
		content: 'Скрытое содержимое';
	}

	.editor .cdx-search-field {
		display: none;
	}

	.editor .cdx-settings-button,
	.editor .ce-popover__item,
	.editor .ce-popover__no-found,
	.editor .tc-popover__item {
		min-height: 43px;
		height: 43px;
	}

	.editor .ce-toolbar__plus,
	.editor .ce-toolbar__settings-btn {
		width: 36px;
		height: 36px;
		background-color: #fff;
		box-shadow: 0 3px 7px rgb(0 0 0 / 7%), 0 0 1px rgb(0 0 0 / 21%);
	}

	.editor .ce-toolbar {
		left: 0;
		right: 0;
	}

	.editor .ce-toolbar__actions {
		position: absolute;
		right: auto;
		left: 10px;
		top: 0;
		z-index: auto;
	}

	.editor .ce-toolbar__settings-btn {
		margin-left: 4px;
	}

	.editor .ce-conversion-tool,
	.editor .ce-inline-toolbar__buttons .ce-inline-tool {
		min-height: 43px;
		height: 43px;
		padding: 0 10px;
		width: 100%;
		justify-content: start;
		gap: 5px;
		border-radius: 6px;
		cursor: pointer;
		transition: 0.2s ease;
	}

	.editor
		.codex-editor--empty
		.ce-block:first-child
		.ce-paragraph[data-placeholder]:empty::before {
		content: 'Начните писать или нажмите "+"';
	}

	.editor .tc-toolbox--column {
		transform: none;
	}

	.editor .tc-toolbox--row {
		left: 0;
		transform: none;
	}

	.drafts-editor-header {
		font-size: 17.3px;
	}

	.tubr-select {
		padding: 0 9px;
	}

	#setting-container.setting,
	.notification.full .ul-notification,
	.notification.setting .ul-notification,
	.ssi-modalOuter {
		max-width: 100%;
		transform: translate(-50%, 0);
		top: 56px;
		left: 50%;
	}

	.ssi-modalOuter {
		transform: translate(-50%, -50%);
		top: 50%;
		left: 50%;
	}

	.create-post {
	    display: none;
	}


	.header-container {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
    }

    .header-container .header-content:nth-of-type(1) {
        grid-column: 2;
        justify-self: center;
    }

    .header-container .header-content:nth-of-type(3) {
        grid-column: 3;
    }

    .header-content-1 {
        display: flex;
    }

	.header-content-1 button {
		cursor: pointer;
		width: 28px;
        height: 28px;
	}

    .header-content-1 svg {
        width: 28px;
        height: 28px;
        color: #070507;
        opacity: 0.885;
    }

}

@media screen and (max-width: 865px) {
	.editor .single-title,
	.single-post h1,
	.post-title {
		font-size: 24px;
		line-height: 31px;
	}

	.editor h2.ce-header,
	.single-post h2 {
		font-size: 22px;
		line-height: 28px;
	}

	.editor h3.ce-header,
	.single-post .expert-review-faq__header,
	.single-post .expert-review-pluses-minuses-header,
	.single-post h3,
	.single-post .quizle-image-screen__title {
		font-size: 20px;
		line-height: 23px;
	}

	.editor h4.ce-header,
	.single-post .expert-review-minuses .expert-review-pluses-minuses-header,
	.single-post .expert-review-pluses .expert-review-pluses-minuses-header,
	.single-post .expert-review-poll__header,
	.single-post .has-medium-font-size,
	.single-post h4,
	.single-post .quizle-question__title,
	.comments-title {
		font-size: 19px;
		line-height: 22px;
	}

	.editor .cdx-warning,
	.single-post .warning {
		padding: 35px 30px;
	}
}

@media screen and (max-width: 720px) {
	.icon-slider-container {
		display: none;
	}

	.container-link-icon,
	.icon-slider {
		display: none !important;
	}

	.editor .single-title,
	.single-post h1,
	.post-title {
		font-size: 23px;
		line-height: 30px;
	}

	.editor h2.ce-header,
	.single-post h2 {
		font-size: 21.3px;
		line-height: 27px;
	}

	.editor .cdx-warning,
	.single-post .warning {
		padding: 35px 28.5px;
	}

	.table-vitaminov .table-scroll {
		max-height: 500px;
	}
}

@media screen and (max-width: 690px) {
	.container-filters-flex-scroll .container-filters-flex,
	.container-filters,
	.container-header,
	.container-link-list {
		padding: 0 10px;
	}

	#setting-container.setting,
	.notification.full .ul-notification,
	.notification.setting .ul-notification {
		border-radius: 0;
		height: calc(100% - 109px);
		min-height: auto;
		max-height: calc(100% - 109px);
		top: 56px;
		border-left: none;
		border-right: none;
		border-bottom: none;
		padding-top: 10px;
	}

	#notification-overlay {
		background-color: #fff;
	}

	.notifi-settings-block .rcl-checkbox-box,
	.notification.full .ul-notification .title-dots,
	.notification.setting .notification-settings-title,
	.setting-container-content-item,
	.setting-container-content-title {
		padding: 0;
	}

	.notifi-settings-block .rcl-checkbox-box {
		padding: 6px 0;
	}

	.ssi-modalOuter,
	.slider-container-subs,
	.no-favorites,
	.container-post-not-found,
	.drafts-editor,
	.editor,
	.relevant,
	.single-post,
	#posts-preloader,
	.container-rating .tubr-content {
		border-left: none;
		border-right: none;
		border-radius: 0;
	}

	.show-modal-auth {
		align-items: end;
	}

	.modal-content-auth {
		max-width: 100%;
	}

	#rcl-popup {
		bottom: 0;
		top: auto;
		transform: translate(-50%, 0);
		max-width: 100%;
	}

	#rcl-popup,
	.modal-content-auth {
		border-radius: 12px 12px 0 0;
	}

	.complaint-form-wrapper,
	.modal-content-auth {
		padding: 15px 10px;
	}

	.auth-list,
	.modal-auth.active .mail-auth,
	.modal-auth.register .register-auth,
	.modal-auth.remember-password .remember-password-auth {
		max-width: 100% !important;
	}

	.complaint-form-reasons {
		grid-template-columns: repeat(auto-fit, minmax(0, 530px));
	}
}

@media screen and (max-width: 530px) {
	.codex-editor__redactor {
		padding-bottom: 230px !important;
	}

	.editor .single-title,
	.single-post h1,
	.post-title {
		font-size: 22.5px;
		line-height: 28px;
	}

	.editor h2.ce-header,
	.single-post h2 {
		line-height: 25px;
	}

	.editor .cdx-warning,
	.single-post .warning {
		padding: 35px 25px;
	}

	.notifications-mini {
		left: 10px;
		right: 10px;
	}

	.table-vitaminov .table-scroll {
		max-height: 480px;
	}
}

@media screen and (max-width: 360px) {
	.blocks-gallery-grid,
	.editor .carousel-list,
	.wp-block-gallery {
		grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
		grid-gap: 8px;
	}

	.table-vitaminov .table-scroll {
		max-height: 450px;
	}
}
/* kama-postviews: keep the total number at 15px when updated live via .fresh_views_js */
.single-post-views .fresh_views_js,
.single-post-views .fresh-views__all { font-size: 15px; margin: 0; }


/* ==========================================================================
   Рейтинг: подсветка выбранной оценки + заливка плашек при наведении.
   Атрибуты data-difood-rating / data-difood-hover ставит src/js/rating.min.js
   на контейнер виджета — это устойчиво к перерисовке <li> плагином.
   ========================================================================== */

/* 1) заливка плашек 1..N при наведении */
@media (hover: hover) {
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container[data-difood-hover="1"] .rmp-rating-widget__icons-list__icon:nth-child(-n+1),
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container[data-difood-hover="2"] .rmp-rating-widget__icons-list__icon:nth-child(-n+2),
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container[data-difood-hover="3"] .rmp-rating-widget__icons-list__icon:nth-child(-n+3),
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container[data-difood-hover="4"] .rmp-rating-widget__icons-list__icon:nth-child(-n+4),
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container[data-difood-hover="5"] .rmp-rating-widget__icons-list__icon:nth-child(-n+5) {
	background: rgba(0, 0, 0, 0.10);
}

.rmp-widgets-container.rmp-wp-plugin.rmp-main-container[data-difood-hover] .rmp-rating-widget__icons-list__icon:hover {
	background: rgba(0, 0, 0, 0.14);
}
}

/* 2) выбранная пользователем оценка — заливка 1..N */
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container[data-difood-rating="1"] .rmp-rating-widget__icons-list__icon:nth-child(-n+1),
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container[data-difood-rating="2"] .rmp-rating-widget__icons-list__icon:nth-child(-n+2),
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container[data-difood-rating="3"] .rmp-rating-widget__icons-list__icon:nth-child(-n+3),
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container[data-difood-rating="4"] .rmp-rating-widget__icons-list__icon:nth-child(-n+4),
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container[data-difood-rating="5"] .rmp-rating-widget__icons-list__icon:nth-child(-n+5) {
	background: rgba(0, 0, 0, 0.18);
	color: rgba(0, 0, 0, 0.95);
}

/* 3) точно выбранная плашка — просто темнее остальных */
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container[data-difood-rating="1"] .rmp-rating-widget__icons-list__icon:nth-child(1),
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container[data-difood-rating="2"] .rmp-rating-widget__icons-list__icon:nth-child(2),
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container[data-difood-rating="3"] .rmp-rating-widget__icons-list__icon:nth-child(3),
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container[data-difood-rating="4"] .rmp-rating-widget__icons-list__icon:nth-child(4),
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container[data-difood-rating="5"] .rmp-rating-widget__icons-list__icon:nth-child(5) {
	background: rgba(0, 0, 0, 0.32);
	color: #000;
}

/* 4) последовательная анимация заливки при клике (класс difood-just-rated на ~0.9 с) */
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container.difood-just-rated
	.rmp-rating-widget__icons-list__icon:nth-child(2) { transition-delay: 0.06s; }
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container.difood-just-rated
	.rmp-rating-widget__icons-list__icon:nth-child(3) { transition-delay: 0.12s; }
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container.difood-just-rated
	.rmp-rating-widget__icons-list__icon:nth-child(4) { transition-delay: 0.18s; }
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container.difood-just-rated
	.rmp-rating-widget__icons-list__icon:nth-child(5) { transition-delay: 0.24s; }

/* 5) подпись «Ваша оценка: N» */
.difood-your-rating {
	margin: 6px 0 0;
	font-size: 13px;
	line-height: 16px;
	color: rgba(0, 0, 0, 0.55);
}

/* 6) режим «сменить оценку»: плашки снова кликабельны (плагин ставит cursor:default инлайном) */
.rmp-widgets-container.difood-can-change .rmp-rating-widget__icons-list__icon {
	cursor: pointer !important;
}

/* 7) визуально скрытая подпись для скринридеров */
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* 8) форма авторизации: сообщения, honeypot, нижние ссылки */
.auth-msg {
	margin-top: 4px;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}
.auth-msg:empty {
	display: none;
}
.auth-msg--err {
	color: #d93636;
}
.auth-msg--ok {
	color: #1a8f3c;
}
.auth-honeypot {
	position: absolute !important;
	left: -9999px !important;
	top: -9999px !important;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}
.footer-remember-auth {
	text-align: center;
	font-size: 15px;
}
.footer-remember-auth button {
	cursor: pointer;
	color: #0173f7;
	font-size: 15px;
	transition: 0.15s linear;
}
.footer-remember-auth button:hover {
	color: #0061cf;
}
.register-auth .checkbox-auth {
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
	line-height: 19px;
}
.register-auth .checkbox-auth a {
	color: #0173f7;
}
.btn-auth[disabled] {
	opacity: 0.6;
	cursor: default;
}

/* индикатор надёжности пароля и предупреждение Caps Lock */
.pw-strength {
	width: 100%;
	font-size: 13px;
	line-height: 17px;
	text-align: left;
	color: #6b6b6b;
	margin-top: -4px;
}
.pw-strength:empty {
	display: none;
}
.pw-strength b {
	font-weight: 600;
}
.pw-strength--weak b {
	color: #d93636;
}
.pw-strength--mid b {
	color: #d58b00;
}
.pw-strength--good b {
	color: #1a8f3c;
}

/* кнопка в состоянии загрузки */
.btn-auth.is-loading {
	position: relative;
	color: transparent !important;
}
.btn-auth.is-loading::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 18px;
	height: 18px;
	margin: -9px 0 0 -9px;
	border: 2px solid rgba(255, 255, 255, 0.45);
	border-top-color: #fff;
	border-radius: 50%;
	animation: difood-spin 0.7s linear infinite;
}
@keyframes difood-spin {
	to {
		transform: rotate(360deg);
	}
}

/* 9) авторизация: правки вёрстки */
.modal-content-auth {
	overflow: hidden;
	height: auto;
}
.modal-auth .auth-list ul li button {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	font: inherit;
	color: inherit;
	cursor: pointer;
}
.modal-auth .footer-auth {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 14px;
}
.modal-auth .footer-auth button {
	margin-left: 0;
	background: none;
	border: none;
}
.modal-auth .footer-remember-auth {
	margin-bottom: 0;
}
.modal-auth .footer-remember-auth button {
	background: none;
	border: none;
}


/* ===== Настройки уведомлений: подписка на новые рецепты ===== */
.difood-news-block {
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid #eef1f6;
}

.difood-news-head {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 10px;
	color: #070507;
}

/* тумблер */
.difood-news-toggle {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	margin-bottom: 12px;
	user-select: none;
	position: relative;
}

.difood-news-toggle input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.difood-sw {
	width: 42px;
	height: 24px;
	min-width: 42px;
	background: #cbd5e1;
	border-radius: 50px;
	position: relative;
	transition: background 0.18s ease;
}

.difood-sw::after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
	transition: transform 0.18s ease;
}

.difood-news-toggle input:checked + .difood-sw {
	background: #f59e0b;
}

.difood-news-toggle input:checked + .difood-sw::after {
	transform: translateX(18px);
}

.difood-news-toggle .difood-tx {
	font-size: 15px;
	line-height: 20px;
	color: #070507;
}

/* выбор частоты */
.difood-freq-opts {
	display: flex;
	flex-direction: column;
	gap: 2px;
	transition: opacity 0.18s ease;
}

.difood-news-off .difood-freq-opts {
	opacity: 0.45;
	pointer-events: none;
}

.difood-freq-opt {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	padding: 7px 10px;
	border-radius: 8px;
	position: relative;
	transition: background 0.15s ease;
}

.difood-freq-opt:hover {
	background: rgba(0, 0, 0, 0.04);
}

.difood-freq-opt input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.difood-radio {
	width: 20px;
	height: 20px;
	min-width: 20px;
	border: 2px solid #cbd5e1;
	border-radius: 50%;
	position: relative;
	transition: border-color 0.15s ease;
}

.difood-freq-opt input:checked + .difood-radio {
	border-color: #f59e0b;
}

.difood-freq-opt input:checked + .difood-radio::after {
	content: '';
	position: absolute;
	inset: 3px;
	background: #f59e0b;
	border-radius: 50%;
}

.difood-freq-opt input:checked ~ .difood-txt {
	font-weight: 600;
}

.difood-freq-opt .difood-txt {
	font-size: 15px;
	line-height: 20px;
	color: #070507;
}

.difood-news-note {
	margin-top: 10px;
	color: #94a3b8;
	font-size: 13px;
	line-height: 18px;
}

/* блок «Письма на почту» */
.difood-email-block {
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid #eef1f6;
}

.difood-email-head {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #070507;
}

.difood-email-note {
	color: #94a3b8;
	font-size: 13px;
	line-height: 18px;
}

/* ===== Подписка: чипы рубрик и подписка на комментарии рецепта ===== */
.difood-groups-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.difood-group-chip {
	position: relative;
	cursor: pointer;
	margin: 0;
}

.difood-group-chip input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.difood-group-chip span {
	display: inline-block;
	padding: 5px 11px;
	border-radius: 50px;
	background: #f1f5f9;
	color: #334155;
	font-size: 13px;
	line-height: 18px;
	border: 1px solid transparent;
	transition: 0.15s ease;
}

.difood-group-chip:hover span {
	background: #e2e8f0;
}

.difood-group-chip.is-on span,
.difood-group-chip input:checked + span {
	background: #f59e0b;
	color: #ffffff;
	border-color: #f59e0b;
}

.difood-post-sub {
	margin: 12px 0 4px;
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 20px;
}

.difood-post-sub label {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

.difood-post-sub input {
	width: 18px;
	height: 18px;
	min-width: 18px;
	cursor: pointer;
}

/* Шапка списка закладок: счётчик + кнопка «Очистить» */
.difood-bookmarks-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 14px;
	padding: 0 10px;
}

.difood-bookmarks-count {
	font-size: 14px;
	color: #50575e;
}

.difood-bookmarks-count b {
	color: #1f2933;
	font-size: 16px;
}

/* Атрибут hidden должен побеждать авторский display */
.difood-bookmarks-head[hidden],
.simplefavorites-clear[hidden] {
	display: none !important;
}

/* Кнопка «Очистить закладки» — в стиле чипов сайта (.container-link-list .tab) */
.simplefavorites-clear {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 36px;
	padding: 8px 12px;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 8px;
	font-family: inherit;
	font-size: 15px;
	line-height: 1;
	color: #e90d1b;
	cursor: pointer;
	transition: 0.2s ease;
}

.simplefavorites-clear:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.simplefavorites-clear:active {
	transform: scale(0.98);
}

.simplefavorites-clear[disabled],
.simplefavorites-clear[aria-busy="true"] {
	opacity: 0.6;
	cursor: default;
	pointer-events: none;
}

/* Кнопка закладки в процессе запроса */
.simplefavorite-button.is-loading {
	opacity: 0.55;
	pointer-events: none;
}

.simplefavorites-clear-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 23px;
	height: 23px;
	min-width: 23px;
}

.simplefavorites-clear svg {
	width: 23px;
	height: 23px;
	color: #e90d1b;
	fill: #e90d1b;
}

.simplefavorites-clear-label {
	white-space: nowrap;
}

/* Кнопки действий в настройках профиля — единый вид (компактные пилюли) */
.setting-container-content-btn .simplefavorites-clear {
	background: #e90d1b;
	border: 0;
	border-radius: 6px;
	color: #fff;
	height: 36px;
	padding: 0 10px;
}

.setting-container-content-btn .simplefavorites-clear:hover {
	background: #b3010d;
}

.setting-container-content-btn .simplefavorites-clear > span {
	background: transparent;
	height: auto;
	padding: 0;
	color: #fff;
}

.setting-container-content-btn .simplefavorites-clear svg {
	color: #fff;
	fill: #fff;
}

/* Нейтральная пилюля (напр. «Настройка уведомлений») — та же геометрия, серый */
.setting-container-content-btn button > span.difood-pill-neutral,
.setting-container-content-btn a > span.difood-pill-neutral {
	background: #eef1f4;
	color: #1f2933;
	border: 1px solid #d7dce2;
	box-sizing: border-box;
}

.setting-container-content-btn button > span.difood-pill-neutral:hover,
.setting-container-content-btn a > span.difood-pill-neutral:hover {
	background: #e2e6ea;
	color: #1f2933;
}

.setting-container-content-btn button > span.difood-pill-neutral svg,
.setting-container-content-btn a > span.difood-pill-neutral svg {
	color: #1f2933;
	fill: #1f2933;
}

/* нейтральная кнопка не должна тускнеть всем блоком при ховере */
.setting-container-content-btn .notification-settings-btn:hover {
	opacity: 1;
}

/* =========================================================================
 * Плагин модалок (difood-modals): оформление поверх .modal-auth
 * ====================================================================== */
.difood-modal .difood-modal-content {
	position: relative;
	box-sizing: border-box;
	height: auto;
	width: 100%;
	max-height: min(86vh, 760px);
	overflow: auto;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

/* Внутри модалки отступы задаёт gap — убираем двойные margin. */
.difood-modal .modal-content-btn,
.difood-modal .logo-auth,
.difood-modal .title-auth,
.difood-modal .difood-modal-body,
.difood-modal .difood-modal-buttons,
.difood-modal .checkbox-auth,
.difood-modal .difood-poll,
.difood-modal .difood-contest,
.difood-modal .difood-cookie-cats,
.difood-modal .difood-cookie-policy {
	margin-top: 0;
	margin-bottom: 0;
}

.difood-modal .difood-modal-body p:last-child {
	margin-bottom: 0;
}

/* Галочки в модалке — по левому краю (в стиле сайта они прижаты вправо и «съезжают») */
.difood-modal .checkbox-auth {
	justify-content: flex-start;
}

.difood-modal .difood-modal-close {
	margin-left: auto;
}

.difood-modal .difood-modal-img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 10px;
	margin: 0 0 14px;
}

.difood-modal .difood-modal-body {
	font-size: 15px;
	line-height: 23px;
	color: #334155;
	margin: 0 0 16px;
	text-align: center;
}

.difood-modal .difood-modal-body p {
	margin: 0 0 10px;
}

.difood-modal .difood-modal-body a,
.difood-modal .checkbox-auth label a,
.difood-modal .difood-poll-label a,
.difood-modal .difood-contest-field a {
	color: #006aff;
	text-decoration: underline;
	transition: 0.2s ease;
}

.difood-modal .difood-modal-body a:hover,
.difood-modal .checkbox-auth label a:hover,
.difood-modal .difood-poll-label a:hover {
	color: #0060e5;
}

.difood-modal.difood-theme-dark .difood-modal-body a,
.difood-modal.difood-theme-dark .checkbox-auth label a,
.difood-modal.difood-theme-dark .difood-modal-btn-link {
	color: #7fb0ff;
}

.difood-modal.difood-theme-dark .difood-modal-body a:hover,
.difood-modal.difood-theme-dark .difood-modal-btn-link:hover {
	color: #a9c8ff;
}

/* Кнопки: две и больше — в ряд (в стиле сайта), одна — на всю ширину */
.difood-modal .difood-modal-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin-top: 4px;
}

.difood-modal .difood-modal-btn {
	flex: 1 1 0;
	width: auto;
	min-width: 148px;
}

@media (max-width: 480px) {
	.difood-modal .difood-modal-btn {
		min-width: 0;
	}
}

.difood-modal.difood-modal-bottom {
	align-items: flex-end;
}

.difood-modal.difood-modal-bottom .difood-modal-content {
	margin: 0 auto 16px;
	/* Учитываем «домашнюю полосу» iPhone, чтобы кнопки не перекрывались. */
	margin-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
	max-width: 720px;
	max-height: none;
	border-radius: 14px;
}

/* Углы: слева/справа снизу */
.difood-modal.difood-pos-left {
	justify-content: flex-start;
}

.difood-modal.difood-pos-right {
	justify-content: flex-end;
}

.difood-modal.difood-pos-left .difood-modal-content {
	margin-left: 18px;
	margin-right: auto;
}

.difood-modal.difood-pos-right .difood-modal-content {
	margin-right: 18px;
	margin-left: auto;
}

/* Сверху */
.difood-modal.difood-modal-top {
	align-items: flex-start;
}

.difood-modal.difood-modal-top .difood-modal-content {
	margin-top: 18px;
	margin-bottom: auto;
}

/* Компактный cookie-баннер (светлая плашка без затемнения) */
.difood-modal.difood-compact {
	align-items: flex-end;
	background: transparent;
	backdrop-filter: none;
}

.difood-modal.difood-compact .difood-modal-content {
	margin: 0 auto 18px;
	margin-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
	padding: 0;
	width: auto;
	max-width: none;
	max-height: none;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
}

.difood-modal.difood-compact.difood-pos-left .difood-modal-content {
	margin-left: 18px;
	margin-right: auto;
}

.difood-modal.difood-compact.difood-pos-right .difood-modal-content {
	margin-right: 18px;
	margin-left: auto;
}

.difood-modal .difood-cookie-compact {
	display: flex;
	align-items: center;
	gap: 14px;
	background: #fff;
	border: 1px solid #e6e9ef;
	border-radius: 14px;
	padding: 12px 16px;
	box-shadow: 0 10px 34px rgba(7, 5, 7, .14);
}

.difood-modal .difood-cookie-compact-text {
	font-size: 14px;
	line-height: 20px;
	color: #334155;
	white-space: nowrap;
}

.difood-modal .difood-cookie-compact-text a {
	color: #1f65cd;
}

.difood-modal .difood-cookie-compact-btn {
	border: 0;
	background: #1f65cd;
	color: #fff;
	border-radius: 10px;
	padding: 9px 20px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: .2s ease;
}

.difood-modal .difood-cookie-compact-btn:hover {
	background: #1759bd;
}

@media (max-width: 520px) {
	.difood-modal .difood-cookie-compact-text {
		white-space: normal;
	}
}

.difood-modal .difood-modal-danger {
	color: #b32d2e;
}

.difood-modal .difood-modal-danger p {
	margin: 0 0 8px;
}

/* Тёмная тема — в тон фирменного тёмного (#252525), не «чёрный квадрат» */
.difood-modal.difood-theme-dark .difood-modal-content {
	background: #252525;
}

.difood-modal.difood-theme-dark .title-auth {
	color: #f5f5f5;
}

.difood-modal.difood-theme-dark .difood-modal-body {
	color: #d3d7de;
}

.difood-modal.difood-theme-dark .btn-close-auth svg {
	color: #cfcfcf;
	fill: #cfcfcf;
}

.difood-modal.difood-theme-dark .difood-poll-meta,
.difood-modal.difood-theme-dark .difood-contest-field {
	color: #d3d7de;
}

.difood-modal.difood-theme-dark .difood-poll-bar {
	background: #3a3a3a;
}

.difood-modal.difood-theme-dark .difood-contest-field input,
.difood-modal.difood-theme-dark .difood-contest-field textarea {
	background: #1e1e1e;
	border-color: #3a3a3a;
	color: #f1f1f1;
}

.difood-modal.difood-theme-dark .difood-poll-total {
	color: #9aa2ad;
}

.difood-modal.difood-theme-accent .difood-modal-content {
	border: 2px solid #e90d1b;
}

.difood-modal.difood-modal-lg .difood-modal-content {
	max-width: 640px;
}

.difood-modal.difood-no-overlay {
	background: transparent;
	backdrop-filter: none;
}

.difood-modal .difood-modal-btn-link {
	flex: 1 0 100%;
	background: none;
	border: 0;
	color: #006aff;
	font-size: 14px;
	line-height: 18px;
	text-decoration: underline;
	cursor: pointer;
	padding: 8px 0 0;
	transition: 0.2s ease;
}

.difood-modal .difood-modal-btn-link:hover {
	color: #0060e5;
}

.difood-modal .difood-consent-msg {
	margin-top: 8px;
}

.difood-modal .difood-cookie-cats {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0 0 14px;
	text-align: left;
}

.difood-modal .difood-cookie-cat {
	align-items: flex-start;
	gap: 9px;
}

.difood-modal .difood-cookie-cat input {
	margin-top: 3px;
}

.difood-modal .difood-cookie-cat span {
	line-height: 18px;
}

.difood-modal .difood-cookie-policy {
	text-align: center;
	font-size: 12px;
	line-height: 17px;
	margin: 0 0 14px;
}

.difood-modal .difood-cookie-policy a {
	color: #1f65cd;
}

/* Опросы */
.difood-modal .difood-poll {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0 0 14px;
	text-align: left;
}

.difood-modal .difood-poll-opt {
	align-items: flex-start;
	gap: 9px;
}

.difood-modal .difood-poll-label {
	line-height: 18px;
}

.difood-modal .difood-poll-results {
	margin: 8px 0 0;
}

.difood-modal .difood-poll-row {
	margin: 0 0 10px;
}

.difood-modal .difood-poll-row.is-mine .difood-poll-meta span:first-child {
	font-weight: 600;
}

.difood-modal .difood-poll-bar {
	height: 8px;
	background: #eef1f6;
	border-radius: 6px;
	overflow: hidden;
	margin: 0 0 4px;
}

.difood-modal .difood-poll-bar span {
	display: block;
	height: 100%;
	background: #1f65cd;
	border-radius: 6px;
	transition: width .3s ease;
}

.difood-modal .difood-poll-row.is-mine .difood-poll-bar span {
	background: #fb9d0f;
}

.difood-modal .difood-poll-meta {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	font-size: 12px;
	color: #334155;
}

.difood-modal .difood-poll-total {
	font-size: 12px;
	color: #8a97a6;
	margin-top: 6px;
}

/* Конкурсы (форма заявки) */
.difood-modal .difood-contest {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0 0 6px;
	text-align: left;
}

.difood-modal .difood-contest-field {
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-size: 13px;
	color: #334155;
}

.difood-modal .difood-contest-field input,
.difood-modal .difood-contest-field textarea {
	width: 100%;
	border: 1px solid #d7dee8;
	border-radius: 8px;
	padding: 9px 11px;
	font-size: 14px;
	font-family: inherit;
	box-sizing: border-box;
}

.difood-modal .difood-contest-field input:focus,
.difood-modal .difood-contest-field textarea:focus {
	outline: none;
	border-color: #fb9d0f;
	box-shadow: 0 0 0 1px rgba(251, 157, 15, .3);
}

.difood-modal .difood-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.difood-modal .difood-contest-done {
	text-align: center;
	font-size: 15px;
	color: #1a7f37;
	background: #f2faf4;
	border: 1px solid #c6e3ce;
	border-radius: 10px;
	padding: 14px;
}

/* Подсказки профиля (тип `profile`): имя / пароль */
.difood-modal .difood-prompt-field {
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-size: 13px;
	color: #334155;
	margin: 0 0 10px;
}
.difood-modal .difood-prompt-field input {
	width: 100%;
	border: 1px solid #d7dee8;
	border-radius: 8px;
	padding: 9px 11px;
	font-size: 14px;
	font-family: inherit;
	box-sizing: border-box;
}
.difood-modal .difood-prompt-field input:focus {
	outline: none;
	border-color: #fb9d0f;
	box-shadow: 0 0 0 1px rgba(251, 157, 15, .3);
}
.difood-modal .difood-prompt-later {
	background: transparent;
	border: 0;
	color: #7b8794;
	font-size: 14px;
	cursor: pointer;
	padding: 8px;
	margin-left: 8px;
}
.difood-modal .difood-prompt-later:hover {
	color: #52606d;
}
.difood-modal.difood-theme-dark .difood-prompt-field {
	color: #e2e8f0;
}
.difood-modal.difood-theme-dark .difood-prompt-field input {
	background: #1f2937;
	border-color: #374151;
	color: #f1f5f9;
}

/* ==========================================================================
 * КОММЕНТАРИИ — ЕДИНЫЙ РАЗДЕЛ (все стили комментариев здесь)
 * --------------------------------------------------------------------------
 * Разметка: themes/difoodblog/comments.php + mu-plugins/difood-comments-render.php
 * Скрипты:  themes/difoodblog/src/js/app/comments.js
 * Токены:   синий #006aff (действие), оранжевый #fb9d0f (нативный фокус),
 *           текст #111, приглушённый #8a8f98, граница #ececef.
 *
 * Содержание раздела:
 *   1. Шапка блока (заголовок + сортировка «… ⌄»)
 *   2. Колокольчик подписки
 *   3. Композер (поле ввода, кнопки, черновик)
 *   4. Список и элементы (аватар, имя, время, бейджи)
 *   5. Действия (свернуть / N ответов / Ответить / Поделиться / «…»)
 *   6. Ветки: «рельс», «Ещё N ответов», слот ответа
 *   7. Модерация (метка, пояснение) и tombstone (удалённый)
 *   8. Подгрузка («Показать ещё», прелоадер, пагинация)
 *   9. @упоминания, согласие, закреп, лайтбокс, правка, вложения
 *  10. Адаптив (мобильные)
 * ======================================================================== */

.dc-comments {
	--dc-blue: #006aff;
	--dc-focus: #fb9d0f;
	--dc-text: #111;
	--dc-muted: #8a8f98;
	--dc-line: #ececef;
	--dc-soft: #f2f4f7;
}

/* Компактные отступы блока (перекрываем старый #comments) */
#comments.dc-comments {
	padding: 20px 10px;
	margin-top: 18px;
}

/* ── Шапка: заголовок + сортировка + подписка ─────────────────────────── */

.dc-head {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.dc-comments .comments-title {
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
}

.dc-toolbar {
	display: flex;
	align-items: center;
	gap: 8px;
}

.dc-sort {
	position: relative;
}

.dc-sort-btn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: none;
	border: 0;
	padding: 3px 2px;
	font: inherit;
	font-size: 14.5px;
	font-weight: 500;
	color: var(--dc-text);
	cursor: pointer;
	transition: color .15s;
}

.dc-sort-btn:hover {
	color: var(--dc-blue);
}

.dc-chevron {
	transition: transform .18s;
}

.dc-sort-btn[aria-expanded="true"] .dc-chevron {
	transform: rotate(180deg);
}

.dc-sort-menu {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	z-index: 40;
	min-width: 170px;
	background: #fff;
	border: 1px solid var(--dc-line);
	border-radius: 12px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
	padding: 6px;
	display: flex;
	flex-direction: column;
}

.dc-sort-menu[hidden] {
	display: none;
}

.dc-sort-item {
	text-align: left;
	background: none;
	border: 0;
	padding: 9px 12px;
	border-radius: 8px;
	font: inherit;
	font-size: 14.5px;
	color: var(--dc-text);
	cursor: pointer;
}

.dc-sort-item:hover {
	background: var(--dc-soft);
}

.dc-sort-item.is-active {
	color: var(--dc-blue);
	font-weight: 600;
	background: rgba(0, 106, 255, .07);
}

/* Колокольчик подписки на комментарии */
.dc-bell {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	color: var(--dc-muted);
	cursor: pointer;
	transition: background .15s, color .15s;
}

/* Прячем настоящий чекбокс (тема стилизует чекбоксы, атрибут hidden не помогает) */
.dc-bell > input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.dc-bell:hover {
	background: var(--dc-soft);
	color: var(--dc-text);
}

.dc-bell.is-on {
	color: var(--dc-blue);
	background: rgba(0, 106, 255, .08);
}

.dc-bell svg {
	width: 18px;
	height: 18px;
}

/* ── Композер ─────────────────────────────────────────────────────────── */

.dc-composer {
	margin: 0 0 12px;
}

/* Никакого общего «блока» — выделяем только само поле ввода. */
.dc-composer-box {
	background: transparent;
	border: 0;
	padding: 0;
}

.dc-composer .comment-form {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
}

.dc-composer .comment-form-comment {
	flex: 1 1 100%;
	margin: 0;
	position: relative;
	background: #f2f2f2;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	transition: background .18s, border-color .18s, box-shadow .18s;
}

.dc-composer .comment-form-comment:focus-within {
	background: #fff;
	border-color: #fb9d0f;
	box-shadow: 0 0 0 1px rgba(251, 157, 15, .3);
}

.dc-comments .comment-form textarea {
	display: block;
	width: 100%;
	height: auto;
	min-height: 38px;
	max-height: 300px;
	box-sizing: border-box;
	border: 0;
	background: transparent;
	border-radius: 12px;
	font: inherit;
	font-size: 15.5px;
	line-height: 21px;
	padding: 10px 12px;
	resize: none;
	overflow: hidden;
	transition: min-height .18s ease;
}

.dc-comments .comment-form textarea::placeholder {
	color: var(--dc-muted);
}

/* Фокус показывает сам блок-обёртка (нативный оранжевый) — у поля контур убираем */
.dc-comments .comment-form textarea:focus,
.dc-comments .comment-form textarea:focus-visible {
	outline: none;
}

.dc-composer .comment-form-comment:focus-within textarea {
	min-height: 76px;
}

/* Кнопки внутри композера: вложение слева, отправка справа (нижний ряд). */
.dc-comments .comment-form .comment-form-attachment,
.dc-comments .comment-form .form-submit {
	position: static;
	bottom: auto;
	right: auto;
}

.dc-composer .comment-form-attachment {
	order: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 9px;
	transition: background .15s;
}

.dc-composer .comment-form-attachment:hover {
	background: rgba(0, 0, 0, .05);
}

.dc-composer .form-submit {
	order: 2;
	margin-left: auto;
}

.dc-composer .comment-form .submit {
	height: 34px;
	padding: 0 16px;
	font-size: 13.5px;
	font-weight: 600;
	border-radius: 9px;
	background: var(--dc-blue);
	color: #fff;
}

.dc-composer .comment-form .submit:hover {
	background: #0059d6;
}

.dc-composer .comment-form .submit[disabled] {
	opacity: .6;
	cursor: default;
}

/* Цитата комментария, на который отвечают (появляется под полем ввода) */
.dc-reply-quote {
	position: relative;
	margin: 8px 0 0;
	padding: 8px 30px 8px 12px;
	background: #fff;
	border: 1px solid #e3e7ec;
	border-radius: 10px;
}

.dc-quote-head {
	font-size: 12.5px;
	color: var(--dc-muted);
	margin-bottom: 2px;
	cursor: pointer;
}

.dc-quote-head b {
	color: var(--dc-blue);
	font-weight: 600;
}

.dc-quote-body {
	font-size: 13.5px;
	line-height: 1.4;
	color: #3a3f47;
	max-height: 84px;
	overflow: hidden;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

.dc-quote-cancel {
	position: absolute;
	top: 6px;
	right: 6px;
	border: 0;
	background: none;
	color: var(--dc-muted);
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	padding: 2px 6px;
	border-radius: 6px;
}

.dc-quote-cancel:hover {
	background: var(--dc-soft);
	color: var(--dc-text);
}

.dc-empty {
	margin: 8px 2px 0;
	color: var(--dc-muted);
	font-size: 14.5px;
}

/* Согласие */
.dc-comments .difood-cx-consent {
	margin: 10px 2px 0;
	font-size: 14px;
	line-height: 19px;
	color: #4a4f57;
}

.dc-comments .difood-cx-consent label {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	cursor: pointer;
}

.dc-comments .difood-cx-consent input {
	margin: 2px 0 0;
	flex: 0 0 auto;
}

.dc-comments .difood-cx-consent a {
	color: var(--dc-blue);
}

/* Гостевой композер */
/* Гостевой композер — тоже без общего блока */
.dc-composer--guest {
	background: transparent;
	border: 0;
	padding: 0;
}

.dc-guest-btn {
	width: 100%;
	text-align: left;
	background: #f2f2f2;
	border: 1px solid #dcdcdc;
	padding: 10px 12px;
	border-radius: 10px;
	font: inherit;
	font-size: 15px;
	color: var(--dc-muted);
	cursor: pointer;
	transition: background .18s, border-color .18s, color .18s;
}

.dc-guest-btn:hover {
	background: #fff;
	border-color: #fb9d0f;
	color: var(--dc-text);
}

/* ── Список и элементы ────────────────────────────────────────────────── */

.dc-list {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
	transition: opacity .2s;
}

.dc-comments[aria-busy="true"] .dc-list,
.dc-comments[aria-busy="true"] .dc-loadmore {
	opacity: .55;
}

.dc-comment {
	list-style: none;
	position: relative;
	display: flex;
	gap: 9px;
	padding: 7px 0 2px;
}

.dc-comment--child {
	padding-top: 5px;
}

.dc-avatar {
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	overflow: hidden;
	display: block;
	line-height: 0;
}

.dc-avatar-img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
}

.dc-main {
	flex: 1 1 auto;
	min-width: 0;
}

.dc-meta {
	display: flex;
	align-items: center;
	gap: 7px;
	flex-wrap: wrap;
	margin-bottom: 1px;
}

.dc-name {
	font-weight: 600;
	font-size: 14.5px;
	color: var(--dc-text);
	text-decoration: none;
}

.dc-name:hover {
	color: var(--dc-blue);
}

.dc-time {
	color: var(--dc-muted);
	font-size: 12.5px;
}

.dc-time--pending {
	color: #b7791f;
}

.dc-badge {
	font-size: 10.5px;
	font-weight: 600;
	line-height: 1;
	padding: 3px 6px;
	border-radius: 5px;
	white-space: nowrap;
}

.dc-badge--author {
	background: rgba(0, 106, 255, .1);
	color: #0057d6;
}

/* «Вы» — свои комментарии (слабо-розовая плашка) */
.dc-badge--me {
	background: #ffe3ee;
	color: #c2255c;
}

.dc-badge--admin {
	background: rgba(0, 106, 255, .16);
	color: #0b4f9e;
}

.dc-badge--mod {
	background: rgba(26, 127, 55, .12);
	color: #1a7f37;
}

.dc-badge--pending {
	background: #fff4d6;
	color: #8a6d1f;
}

.dc-body--pending {
	background: #fff8e6;
	border: 1px solid #f2e2b8;
	border-radius: 8px;
	padding: 8px 10px;
	color: inherit;
}

/* Удалённый (tombstone) */
.dc-avatar--deleted {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eef0f3;
	color: #b3b9c2;
	border-radius: 50%;
}

.dc-avatar--deleted svg {
	width: 18px;
	height: 18px;
}

.dc-name--deleted {
	color: var(--dc-muted);
	font-weight: 600;
}

.dc-body--deleted {
	color: var(--dc-muted);
	font-style: italic;
}

.dc-menu-item.dc-delete-thread {
	color: #c0392b;
}

/* Подсказка о восстановленном черновике (вместо тоста) */
.dc-draft-hint {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: var(--dc-muted);
	margin: 2px 2px 6px;
}

.dc-draft-hint .dc-draft-clear {
	background: none;
	border: 0;
	color: var(--dc-blue);
	cursor: pointer;
	font: inherit;
	padding: 0;
	text-decoration: underline;
}

/* Профиль (/account): метка модерации и удалённый аватар */
.difood-moderation-label {
	display: inline-block;
	margin-left: 6px;
	background: #fff4d6;
	color: #8a6d1f;
	border-radius: 5px;
	padding: 2px 6px;
	font-size: 11px;
	font-weight: 600;
}

.difood-profile-avatar-deleted {
	display: inline-flex;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #eef0f3;
}

.dc-reply-to {
	display: inline-block;
	font-size: 12.5px;
	color: var(--dc-blue);
	text-decoration: none;
	margin: 1px 0;
}

.dc-reply-to:hover {
	text-decoration: underline;
}

.dc-body {
	margin: 2px 0 0;
}

/* Базовый текст комментария (совместимо с темой) */
.dc-body.comment-text {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-size: 15px;
	line-height: 1.5;
	word-wrap: break-word;
	overflow-wrap: anywhere;
}

/* Перебиваем общий селектор темы (.comment-text p = 17px), чтобы текст был 15px. */
.dc-body.comment-text p,
.dc-body.comment-text li,
.dc-body.comment-text blockquote,
.dc-body.comment-text dd,
.dc-body.comment-text figcaption {
	font-size: 15px;
	line-height: 1.5;
	padding: 0;
	margin: 0;
}

.dc-body.comment-text img,
.dc-body.comment-text iframe,
.dc-body.comment-text video,
.dc-body.comment-text table {
	max-width: 100%;
	height: auto;
}

/* --- Текст комментария (базовые правила, совместимость с .comment-text) --- */
.comment-text {
	width: 100%;
	max-width: 100%;
	position: relative;
}

.comment-text p {
	margin: 0;
	padding: 0;
}

.comment-text blockquote {
	margin: 0;
	padding: 0;
}

.comment-text blockquote::before {
	display: none;
}

.comment-text iframe {
	border-radius: 6px;
	width: 100%;
}

.comment-text p:has(.wp-embedded-content[sandbox='allow-scripts']) {
	display: none;
}

/* --- Одиночные вложения (одно фото / видео) --- */
.single-post #comments .dco-image-attachment {
	padding-top: 7px;
	margin: 0;
	display: flex;
}

#comments .dco-image-attachment img {
	border-radius: 6px;
	object-fit: cover;
	display: block;
	max-width: 100%;
	max-height: 290px;
	width: auto;
	height: auto;
	transition: 0.2s ease;
}

#comments .dco-image-attachment img:hover {
	opacity: 0.8;
}

#comments .dco-attachment {
	margin: 7px 0 9.5px;
}

#comments .mejs-container .mejs-controls {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

#comments .dco-video-attachment,
#comments .dco-video-attachment .wp-video,
#comments .dco-video-attachment .wp-video .mejs-container {
	border-radius: 6px;
	display: block;
	max-width: 100%;
	max-height: 290px;
}

#comments .dco-video-attachment br {
	display: none !important;
}

#comments .dco-video-attachment video {
	max-width: 100%;
	max-height: 290px;
	transition: 0.2s ease;
}

#comments .dco-video-attachment .mejs-container-fullscreen video {
	max-width: 100%;
	max-height: 100%;
}

.dc-body.comment-text p {
	margin: 0;
}

.dc-body.comment-text a {
	color: var(--dc-blue);
}

/* ── Действия ─────────────────────────────────────────────────────────── */

.dc-actions {
	display: flex;
	align-items: center;
	gap: 2px;
	flex-wrap: wrap;
	margin: 4px 0 0;
}

.dc-act {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: none;
	border: 0;
	padding: 4px 8px;
	border-radius: 8px;
	font: inherit;
	font-size: 13px;
	color: var(--dc-muted);
	cursor: pointer;
	transition: background .15s, color .15s;
}

.dc-act:hover {
	background: var(--dc-soft);
	color: var(--dc-blue);
}

.dc-replies {
	color: var(--dc-blue);
	font-weight: 500;
}

.dc-toggle {
	width: 24px;
	height: 24px;
	padding: 0;
	justify-content: center;
	border: 1px solid #e2e6ea;
	border-radius: 50%;
}

.dc-toggle::before {
	content: '−';
	font-size: 15px;
	line-height: 1;
	color: var(--dc-muted);
}

.dc-is-collapsed > .dc-main > .dc-actions .dc-toggle::before {
	content: '+';
}

.dc-menu {
	position: relative;
}

.dc-menu-pop {
	position: absolute;
	right: 0;
	top: calc(100% + 4px);
	z-index: 30;
	min-width: 190px;
	background: #fff;
	border: 1px solid var(--dc-line);
	border-radius: 10px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
	padding: 5px;
	display: flex;
	flex-direction: column;
}

.dc-menu-pop[hidden] {
	display: none;
}

.dc-menu-item,
.dc-menu-edit .difood-ce-actions button {
	display: block;
	width: 100%;
	text-align: left;
	background: none;
	border: 0;
	padding: 9px 12px;
	border-radius: 8px;
	font: inherit;
	font-size: 14px;
	color: var(--dc-text);
	cursor: pointer;
}

.dc-menu-item:hover,
.dc-menu-edit .difood-ce-actions button:hover {
	background: var(--dc-soft);
	text-decoration: none;
}

.dc-menu-edit .difood-ce-actions {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0;
}

.dc-menu-edit .difood-ce-actions button.difood-ce-del {
	color: #c0392b;
}

.dc-menu-edit .difood-ce-actions .difood-ce-timer {
	padding: 4px 12px;
	color: var(--dc-muted);
	font-size: 12px;
}

.dc-menu-complain {
	padding: 2px 0;
}

.dc-menu-complain a,
.dc-menu-complain button {
	font-size: 14px;
	color: var(--dc-text);
	text-decoration: none;
}

/* ── Ветки и «Ещё N ответов» ──────────────────────────────────────────── */

.dc-children-wrap {
	position: relative;
	margin-top: 2px;
}

.dc-children {
	list-style: none;
	margin: 0;
	padding: 0 0 0 22px;
	position: relative;
}

/* Вертикальный «рельс» ветки: тонкая ровная линия, выровнена под кнопкой сворачивания «−». */
.dc-children::before {
	content: '';
	position: absolute;
	left: 11px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: #e8ebef;
	border-radius: 2px;
}

.dc-comment--child > .dc-avatar {
	width: 28px;
	height: 28px;
}

.dc-comment--child > .dc-avatar > .dc-avatar-img {
	width: 100% !important;
	height: 100% !important;
}

.dc-hidden {
	display: none !important;
}

.dc-more {
	background: none;
	border: 0;
	padding: 4px 8px;
	margin: 2px 0 0 16px;
	border-radius: 8px;
	font: inherit;
	font-size: 13px;
	font-weight: 500;
	color: var(--dc-blue);
	cursor: pointer;
}

.dc-more[hidden] {
	display: none;
}

.dc-more:hover {
	background: var(--dc-soft);
}

/* Слот ответа */
.dc-slot:empty {
	display: none;
}

.dc-reply-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: var(--dc-blue);
	background: rgba(0, 106, 255, .08);
	border-radius: 8px;
	padding: 4px 6px 4px 10px;
	margin: 8px 0 0;
}

.dc-reply-cancel {
	border: 0;
	background: none;
	color: var(--dc-blue);
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	padding: 0 4px;
}

/* Подсветка перехода к комментарию */
.dc-comment.dc-arrived > .dc-main > .dc-body {
	animation: dc-arrive 2.6s ease;
}

@keyframes dc-arrive {
	0% { background: rgba(0, 106, 255, .12); }
	100% { background: transparent; }
}

/* Плавное появление догруженных/пересортированных комментариев */
.dc-comment.dc-enter {
	animation: dc-in .35s ease;
}

@keyframes dc-in {
	from { opacity: 0; transform: translateY(6px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Подсветка комментария, на который отвечаем */
.dc-comment.dc-replying-target > .dc-main > .dc-body {
	animation: dc-target 1.6s ease;
}

@keyframes dc-target {
	0% { background: rgba(0, 106, 255, .1); }
	100% { background: transparent; }
}

/* Доступность: видимый фокус — в цвете сайта (нативный оранжевый), не синий */
.dc-comments :focus-visible {
	outline: 2px solid var(--dc-focus);
	outline-offset: 2px;
	border-radius: 6px;
}

/* ── Подгрузка ────────────────────────────────────────────────────────── */

.dc-loadmore {
	display: block;
	width: 100%;
	margin: 14px 0 0;
	padding: 12px;
	border: 1px solid var(--dc-line);
	background: #fff;
	border-radius: 12px;
	font: inherit;
	font-size: 14.5px;
	font-weight: 500;
	color: var(--dc-text);
	cursor: pointer;
	transition: background .15s, border-color .15s;
}

.dc-loadmore:hover {
	background: var(--dc-soft);
	border-color: #dfe3e8;
}

.dc-loadmore[hidden] {
	display: none;
}

/* Спиннер подгрузки — та же анимация, что у постов (#posts-preloader::after) */
.dc-preloader {
	display: flex;
	justify-content: center;
	padding: 18px 0;
}

.dc-preloader[hidden] {
	display: none;
}

.dc-preloader::after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid rgb(206, 206, 206);
	border-top-color: #979797;
	animation: spin 1s infinite linear;
}

.dc-pagination {
	margin-top: 14px;
}

/* ─────────────────────────────────────────────────────────────────────────
 * Сопутствующие стили комментариев (перенесено из inline):
 * согласие, закреп, упоминания, вложения, галерея, лайтбокс, правка.
 * ─────────────────────────────────────────────────────────────────────── */

/* Закреплённый комментарий */
.difood-cx-pin {
	display: inline-block;
	background: #fff4d6;
	color: #8a6d1f;
	border-radius: 6px;
	padding: 2px 8px;
	font-size: 12px;
	margin: 0 6px 0 0;
}

/* @упоминания */
.comment-text a.difood-mention {
	color: #1f65cd;
	background: rgba(0, 106, 255, .09);
	border-radius: 6px;
	padding: 1px 6px;
	font-weight: 500;
	white-space: nowrap;
	text-decoration: none;
}

.comment-text a.difood-mention:hover {
	background: rgba(0, 106, 255, .16);
	color: #0b4f9e;
	text-decoration: none;
}

#mention-suggestions .user-name-item {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
	min-width: 0;
}

#mention-suggestions .difood-mb {
	width: auto;
	height: auto;
	min-width: 0;
	margin: 0;
	display: inline-block;
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
	padding: 3px 6px;
	border-radius: 5px;
	white-space: nowrap;
}

#mention-suggestions .difood-mb-author {
	background: rgba(0, 106, 255, .1);
	color: #006aff;
}

#mention-suggestions .difood-mb-admin {
	background: rgba(0, 106, 255, .16);
	color: #0b4f9e;
}

#mention-suggestions .difood-mb-mod {
	background: rgba(26, 127, 55, .12);
	color: #1a7f37;
}

#mention-suggestions .user-item-mention.is-active {
	background-color: rgba(0, 0, 0, .05);
}

#mention-suggestions ul {
	position: absolute;
	top: 4px;
	left: 0;
	right: 0;
	width: auto;
	z-index: 50;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .14);
	max-height: 220px;
	overflow: auto;
}

/* Предпросмотр вложений в форме (скрываем старый #imagePreview) */
#imagePreview {
	display: none !important;
}

.difood-cmt-panel {
	margin: 0 0 10px;
	font-size: 12.5px;
	color: #6b7280;
}

.difood-cmt-thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 8px;
}

.difood-cmt-thumbs:empty {
	margin: 0;
}

.difood-cmt-item {
	position: relative;
	width: 66px;
	height: 66px;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #e2e6ea;
	background: #f6f7f9;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	text-align: center;
	color: #666;
}

.difood-cmt-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.difood-cmt-item .difood-cmt-name {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .55);
	color: #fff;
	font-size: 10px;
	padding: 2px 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.difood-cmt-item .difood-cmt-rm {
	position: absolute;
	top: 3px;
	right: 3px;
	background: rgba(0, 0, 0, .65);
	color: #fff;
	border: 0;
	border-radius: 50%;
	width: 19px;
	height: 19px;
	line-height: 1;
	cursor: pointer;
	font-size: 12px;
	padding: 0;
}

.difood-cmt-progress {
	height: 5px;
	border-radius: 3px;
	background: #eceef1;
	overflow: hidden;
	margin: 0 0 6px;
}

.difood-cmt-progress > i {
	display: block;
	height: 100%;
	width: 0;
	background: #1f65cd;
	transition: width .2s;
}

.difood-cmt-progress.over > i {
	background: #e74c3c;
}

.difood-cmt-row {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	align-items: center;
}

.difood-cmt-hint.over {
	color: #c0392b;
	font-weight: 600;
}

.difood-cmt-clear {
	background: none;
	border: 0;
	color: #1f65cd;
	cursor: pointer;
	font: inherit;
	padding: 0;
}

.difood-cmt-clear:hover {
	text-decoration: underline;
}

.difood-cmt-clear[hidden] {
	display: none;
}

.difood-cmt-fname {
	font-size: 11px;
	color: #666;
	padding: 0 6px;
	text-align: center;
	word-break: break-word;
}

/* Галерея нескольких фото в комментарии */
#comments .dco-attachment-gallery {
	display: grid;
	gap: 6px;
	margin: 10px 0;
	max-width: 560px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

#comments .dco-attachment-gallery[data-count="3"],
#comments .dco-attachment-gallery[data-count="5"],
#comments .dco-attachment-gallery[data-count="6"],
#comments .dco-attachment-gallery[data-count="7"],
#comments .dco-attachment-gallery[data-count="8"],
#comments .dco-attachment-gallery[data-count="9"],
#comments .dco-attachment-gallery[data-count="10"] {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

#comments .dco-attachment-gallery > .dco-image-attachment {
	margin: 0;
	padding: 0;
	display: block;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
	border-radius: 8px;
}

#comments .dco-attachment-gallery .dco-image-attachment-link {
	display: block;
	width: 100%;
	height: 100%;
}

#comments .dco-attachment-gallery .dco-image-attachment img {
	width: 100%;
	height: auto;
	max-width: none;
	max-height: none;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 8px;
	display: block;
	transition: transform .2s ease, opacity .2s ease;
}

/* 3 фото — крупная слева + две справа */
#comments .dco-attachment-gallery[data-count="3"] {
	grid-template-columns: 2fr 1fr;
	grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
	aspect-ratio: 3 / 2;
	overflow: hidden;
}

#comments .dco-attachment-gallery[data-count="3"] > .dco-image-attachment:first-child {
	grid-row: 1 / span 2;
}

#comments .dco-attachment-gallery[data-count="3"] .dco-image-attachment img {
	aspect-ratio: auto;
	height: 100%;
}

/* 5 фото — две сверху + три снизу */
#comments .dco-attachment-gallery[data-count="5"] {
	grid-template-columns: repeat(6, minmax(0, 1fr));
	grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
	aspect-ratio: 3 / 2;
	overflow: hidden;
}

#comments .dco-attachment-gallery[data-count="5"] > .dco-image-attachment:nth-child(1),
#comments .dco-attachment-gallery[data-count="5"] > .dco-image-attachment:nth-child(2) {
	grid-column: span 3;
}

#comments .dco-attachment-gallery[data-count="5"] > .dco-image-attachment:nth-child(n+3) {
	grid-column: span 2;
}

#comments .dco-attachment-gallery[data-count="5"] .dco-image-attachment img {
	aspect-ratio: auto;
	height: 100%;
}

#comments .dco-attachment-gallery .dco-image-attachment img:hover {
	opacity: .9;
	transform: scale(1.02);
}

/* Лайтбокс */
.difood-lb {
	position: fixed;
	inset: 0;
	z-index: 99999;
	background: rgba(0, 0, 0, .82);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
}

.difood-lb img {
	max-width: 92vw;
	max-height: 92vh;
	border-radius: 8px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .5);
}

.difood-lb button {
	position: absolute;
	top: 14px;
	right: 18px;
	background: none;
	border: 0;
	color: #fff;
	font-size: 34px;
	line-height: 1;
	cursor: pointer;
}

/* Правка/удаление комментария (формы .difood-ce) */
.difood-ce {
	margin-top: 10px;
}

.difood-ce-form {
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 660px;
}

.difood-ce-text {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #d0d7de;
	border-radius: 8px;
	padding: 10px;
	font: inherit;
	font-size: 15.5px;
	resize: vertical;
}

.difood-ce-attach {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 14px;
}

.difood-ce-thumbs,
.difood-ce-newthumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.difood-ce-newthumbs:empty {
	display: none;
}

.difood-ce-item {
	position: relative;
}

.difood-ce-filewrap {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}

.difood-ce-filebtn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #eef1f5;
	color: #1f2937;
	border: 0;
	border-radius: 8px;
	padding: 8px 14px;
	cursor: pointer;
	font: inherit;
}

.difood-ce-filebtn:hover {
	background: #e3e8ef;
}

.difood-ce-input {
	display: none;
}

.difood-ce-clear {
	background: none;
	border: 0;
	color: #1f65cd;
	cursor: pointer;
	font: inherit;
	padding: 0;
}

.difood-ce-clear:hover {
	text-decoration: underline;
}

.difood-ce-clear[hidden] {
	display: none;
}

.difood-ce-curhint {
	color: #8a8f98;
	font-size: 12px;
	margin-top: 4px;
}

.difood-ce-note {
	color: #8a8f98;
	font-size: 12px;
}

.difood-ce .difood-cmt-item {
	position: relative;
	width: 66px;
	height: 66px;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #e2e6ea;
	background: #f6f7f9;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	text-align: center;
	color: #666;
}

.difood-ce .difood-cmt-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.difood-ce .difood-cmt-item .difood-cmt-name {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .55);
	color: #fff;
	font-size: 10px;
	padding: 2px 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.difood-ce .difood-cmt-rm {
	position: absolute;
	top: 3px;
	right: 3px;
	background: rgba(0, 0, 0, .65);
	color: #fff;
	border: 0;
	border-radius: 50%;
	width: 19px;
	height: 19px;
	line-height: 1;
	cursor: pointer;
	font-size: 12px;
	padding: 0;
}

.difood-ce .difood-cmt-item > a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: zoom-in;
}

.difood-ce .difood-cmt-item > a img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.difood-ce .difood-cmt-item.is-over {
	border-color: #e74c3c;
	box-shadow: 0 0 0 2px rgba(231, 76, 60, .3);
}

.difood-ce .difood-cmt-item .difood-ce-badge {
	position: absolute;
	left: 0;
	top: 0;
	background: #e74c3c;
	color: #fff;
	font-size: 9px;
	line-height: 1.4;
	padding: 1px 4px;
	border-bottom-right-radius: 6px;
	z-index: 3;
}

.difood-ce-item.is-removed {
	opacity: .45;
}

.difood-ce-item.is-removed::after {
	content: 'удалить';
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	font-size: 10px;
	color: #c0392b;
	font-weight: 600;
}

.difood-ce-progress {
	height: 5px;
	border-radius: 3px;
	background: #eceef1;
	overflow: hidden;
}

.difood-ce-progress > i {
	display: block;
	height: 100%;
	width: 0;
	background: #1f65cd;
	transition: width .2s;
}

.difood-ce-progress.over > i {
	background: #e74c3c;
}

.difood-ce-buttons {
	display: flex;
	gap: 10px;
}

.difood-ce-buttons button {
	border: 0;
	border-radius: 8px;
	padding: 9px 18px;
	cursor: pointer;
	font: inherit;
}

.difood-ce-save {
	background: #1f65cd;
	color: #fff;
}

.difood-ce-cancel {
	background: #eef1f5;
	color: #333;
}

.difood-ce-form.is-loading {
	opacity: .6;
	pointer-events: none;
}

/* ── Адаптив ──────────────────────────────────────────────────────────── */

@media (max-width: 720px) {
	#comments.dc-comments {
		padding: 16px 6px;
	}

	.dc-comments .comments-title {
		font-size: 17px;
	}

	.dc-comment {
		gap: 8px;
	}

	.dc-avatar {
		width: 34px;
		height: 34px;
	}

	.dc-act {
		padding: 8px 6px;
	}

	.dc-actions {
		gap: 2px;
	}

	/* Тач-цели ключевых действий */
	.dc-reply,
	.dc-replies,
	.dc-more,
	.dc-sort-btn,
	.dc-bell,
	.dc-comments .form-submit .submit,
	.dc-comments .comment-form-attachment,
	.difood-ce-buttons button,
	.difood-ce-filebtn,
	.difood-cmt-rm {
		min-height: 44px;
	}

	.dc-toggle {
		min-height: 30px;
	}

	#comments .dco-attachment-gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#comments .dco-attachment-gallery[data-count="3"],
	#comments .dco-attachment-gallery[data-count="5"] {
		aspect-ratio: auto;
		grid-template-rows: auto !important;
		overflow: visible;
	}

	#comments .dco-attachment-gallery[data-count="3"] > .dco-image-attachment:first-child {
		grid-row: auto;
	}

	#comments .dco-attachment-gallery .dco-image-attachment img {
		aspect-ratio: 1 / 1 !important;
		height: auto !important;
	}
}