/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {min-width: 320px; position: relative;}
.wrapper-container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.wrapper-main {padding: 0 var(--indent);}
.header {margin-bottom: 60px; padding-top: 20px; position: relative; z-index: 100;}
.cols {display: grid; grid-template-columns: 280px minmax(0,1fr); gap: var(--indent); 
	grid-template-areas: "side main"; min-height: 90vh;}
.cols__main {grid-area: main;}
.cols__side {grid-area: side; margin-top: -5px; position: relative; z-index: 99;}
.main-grid {display: grid; gap: 12px; grid-template-columns: repeat(auto-fill,minmax(260px,1fr));}
.main-grid > *:not(.grid-item) {grid-column: 1 / -1;}
.footer {border-top: 1px solid var(--bdc); padding-top: 40px; padding-bottom: 40px; 
	gap: 20px; margin-top: 80px; color: var(--tt-lighter-2);}
.sticky-block {position: sticky; left: 0; top: 20px;}
	
#scrolltop {position: fixed; width: 60px; height: 60px; line-height: 60px; right: 10px; bottom: 80px;
	z-index: 990; display: none; background: var(--bg); color: var(--tt-lightest); transition: box-shadow .2s; 
	cursor: pointer; font-size: 24px; border-radius: 50%; text-align: center; box-shadow: var(--bsh);}


/* HEADER
----------------------------------------------- */
.header__logo {display: block; height: 40px; line-height: 40px; font-weight: 700; font-size: 24px; letter-spacing: 1px; 
	padding-left: 40px; margin-right: 40px; color: var(--tt) !important; min-width: 280px;
	background: url(../images/logo.svg) 0 center / 30px no-repeat;}
.header__btn-login, .header__btn-notifications, .header__btn-add {margin-left: 20px;}
.header__btn-notifications {display: block; font-size: 30px;}
.header__btn-add {background-color: var(--yellow); color: rgba(0,0,0,0.8); 
	font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-size: 12px;}
.theme-toggle {display: inline-flex; justify-content: space-between; align-items: center; cursor: pointer;
	background-color: var(--bg-darker); height: 40px; border-radius: 20px; padding: 5px 0; width: 80px;}
.theme-toggle li {cursor: pointer; width: 30px; height: 30px; line-height: 30px; 
	border-radius: 50%; text-align: center; margin: 0 5px;} 
.dt-is-active .theme-toggle li:first-child, body:not(.dt-is-active) .theme-toggle li:last-child 
{background-color:var(--orange); color: #fff;}

.search-block {position: relative; margin-right: 100px;}
.search-block__input[type="text"], .search-block__input[type="text"]:focus {border-radius: 20px; box-shadow: none; 
	background-color: var(--bg-darker); color: var(--tt) !important; padding: 0 50px 0 20px;}
.search-block__input[type="text"]:not(:focus)::placeholder {color: var(--tt-lightest); opacity: 1; font-size: 14px;}
.search-block__btn {position: absolute; right: 0; top: 0; width: 50px;
	background: none; color: var(--tt); border-radius: 20px; padding: 0; font-size: 16px;}


/* SECTION
----------------------------------------------- */
.sect:not(:last-child) {margin-bottom: 40px;}
.sect__header {margin-bottom: 20px;}
.sect__title {font-weight: 700; font-size: 24px;}
.sect__title .fal {margin-left: 10px; position: relative; top: 3px;}
.sect__btn-bottom {margin-top: 20px;}
.sect__btn-bottom .btn {height: 50px; border-radius: 30px; font-size: 16px; padding: 0 60px;}
.sect__sort {height: 36px;}
.sect__sort ul {height: 36px; background-color: var(--bg-darker);
	border-radius: 6px; position: relative; z-index: 50; cursor: pointer; text-align: center;}
.sect__sort ul li {visibility: hidden; font-size: 13px;}
.sect__sort ul li a {display: block; padding: 0 10px; height: 36px; line-height: 36px;}
.sect__sort ul li[class], .sect__sort ul:hover li {visibility: visible;}
.sect__sort ul:hover {height: auto; box-shadow: var(--bsh); padding-bottom: 15px;}
.sect__sort ul li[class] a::before {content: 'Сортировать по:'; margin-right: 6px;}
.sect__sort li.asc a::after, .sect__sort li.desc a::after {content: "\f063"; font-family: "Font Awesome 5 Pro"; 
	display: inline-block; margin-left: 6px; font-weight: 300; font-size: 10px;}
.sect__sort li.desc a::after {content: "\f062"}
.speedbar {margin-bottom: 20px; color: var(--tt-lighter);}
.speedbar a {text-decoration: underline; color: var(--tt-lighter);}
.speedbar .fal {margin-right: 5px;}

.main-descr {display: grid; gap: 20px; color: var(--tt-lighter-2); line-height: 1.6;}
.main-descr__caption {font-size: 12px; text-transform: uppercase; margin-bottom: 10px; 
	color: var(--blue); font-weight: 600; margin-bottom: -5px;}
.main-descr h1, .main-descr h2, .main-descr h3 {font-weight: 700; font-size: 24px; color: var(--tt); line-height: 1.4;}
.main-descr h2, .main-descr h3 {font-size: 18px;}
.main-descr p {font-size: 14px;}
.main-descr__list {gap: 6px; margin-bottom: 10px;}
.main-descr__list a {background-color: var(--bg-darker); border-radius: 4px; padding: 6px 10px; display: block;}
.show-text button {border-radius: 4px; margin-top: -17px; height: 30px; font-weight: 400; padding: 0 15px;}


/* SHORT STORY
----------------------------------------------- */
.short-post {position: relative; overflow: hidden; border-radius: 10px; box-shadow: var(--bsh);}
.short-post__descr {padding: 20px; padding-bottom: 60px;}
.short-post--related .short-post__descr {padding-bottom: 20px;}
.short-post__category {font-size: 12px; text-transform: uppercase; 
	color: var(--blue); position: relative; z-index: 3; padding: 10px 0; margin-top: -10px;}
.short-post__category a {color: var(--blue);}
/*.short-post__category a + a::before {content: ''; background-color: var(--blue); margin: 0 6px; position: relative;
	display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 50%; top: -1px;}*/
.short-post__title {font-weight: 700; font-size: 17px;}
.short-post__meta {position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; 
	font-size: 12px; color: var(--tt-lighter); gap: 10px;}
.short-post__meta .fal {margin-right: 6px;}
.short-post__time-cooking {position: absolute; right: 10px; bottom: 10px; height: 30px; border-radius: 15px; 
	font-size: 12px; display: flex; align-items: center; gap: 8px; 
	color: #fff; background-color: rgba(0,0,0,0.8); padding: 0 10px;}


/* SIDEBAR
----------------------------------------------- */
.main-menu > li {position: relative;}
.main-menu__has-submenu::after {content:"\f054"; font-family:'Font Awesome 5 Pro'; font-weight: 300; 
	position: absolute; right: 16px; top: 50%; transform: translateY(-50%); 
	pointer-events: none; font-size: 16px; color: var(--tt-lightest);}
.main-menu > li > a {display: block; padding: 11px 16px; border-radius: 6px; padding-left: 50px;}
.main-menu > li > a.is-active {background-color: var(--bg-darker);}
.main-menu > li > a.is-active + .fal {color: var(--orange);}
.main-menu > li > .fal, .main-menu > li > svg, .main-menu > li > img {font-size: 22px; position: absolute; left: 16px; top: 50%; 
	transform: translateY(-50%); pointer-events: none;}
.main-menu > li > img {width: 22px; height: 22px;}
.main-menu > li > svg path {fill: var(--tt);} /*цвет svg иконки */
.main-menu > li > a.is-active + svg path {fill: var(--orange);}

.main-menu__hidden {position: absolute; left: 80%; top: 0px; z-index: 999; border-radius: 10px;
	background-color: var(--bg); box-shadow: var(--bsh); padding: 22px 20px; padding-bottom: 15px; width: 400px; 
	/*column-gap: 15px; column-width: 150px;*/ visibility: hidden; opacity: 0; transform: translateX(30px);}
.main-menu__hidden a {display: block; padding: 8px 10px; border-radius: 6px;}
.main-menu__hidden ul {column-gap: 15px; column-width: 150px;}
.subnav-header {font-weight: 700;}


/* FOOTER, PAGINATION
----------------------------------------------- */
.footer__menu {gap: 10px 20px; font-weight: 600;}
.footer__soc-menu {gap: 10px;}
.footer__soc-menu a {display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; 
	background-color: var(--bg-darker); color: var(--tt); font-size: 18px;}

.pagination {text-align: center;}
.pagination__btn-loader a, .pagination__btn-loader span {display: flex; justify-content: center; align-items: center; 
	height: 60px; padding: 0 60px; border-radius: 30px; font-weight: 700;
	background: var(--orange); color: #fff; font-size: 16px;}
.pagination__pages {gap: 10px 10px; padding-top: 20px;}
.pagination__pages a, .pagination__pages span {display: inline-block; line-height: 38px; 
	padding: 0 10px; min-width: 40px; font-size: 16px; border: 1px solid var(--bdc); border-radius: 6px;}
.pagination__pages span:not(.nav_ext) {border-color: var(--blue);}


/* INNER PAGE
----------------------------------------------- */
.page__cols {display: grid; gap: var(--indent); grid-template-columns: minmax(0,1fr) 300px;}
.page__date {margin-top: -5px; margin-bottom: 10px; display: block;}
.page__header h1 {font-size: 24px; line-height: 1.3; margin-bottom: 20px;}
.page__img {box-shadow: var(--bsh); border-radius: 10px; margin-bottom: 15px; overflow: hidden;}
.page__gallery-img a, .page__gallery-img img {display: block; width: 100%; position: relative;}
.page__gallery-img a::before {content:"\f00e"; font-family:'Font Awesome 5 Pro'; font-weight: 300; font-size: 20px;
	width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; pointer-events: none;
	position: absolute; right: 15px; top: 15px; z-index: 10; background-color: rgba(0,0,0,0.6); color: #fff;}

.page__meta {margin: 0 0 30px 0; gap: 10px 30px;}
.page__meta-item, .page__meta-item a, .js-show-share {gap: 0 10px; display: flex; align-items: center; 
	height: 30px; border-radius: 4px; color: var(--tt-lighter-2); position: relative; font-size: 14px;}
.page__meta-item a, .js-scroll-to-comments, .js-show-share, .page__meta-item.js-show-login {padding: 0 10px; margin: 0 -10px; cursor: pointer;}
.page__rating {gap: 0 16px; margin-right: 15px;}
.page__rating a {width: 30px; padding: 0; justify-content: center; border-radius: 15px;}
.page__rating a:first-child {margin-left: 0;}
.page__rating a .fal {color: #eb4d4b; font-size: 24px;}
.page__rating a:first-child .fal {color: #6ab04c;}
/*.ratingtypeplusminus.ratingplus {color: #6ab04c;}
.ratingtypeplusminus.ratingminus {color: #eb4d4b;}*/
.page__share-box {border-radius: 10px; box-shadow: var(--bsh); background-color: var(--bg); 
	position: absolute; top: 100%; left: -10px; padding: 15px 0; width: 220px; display: none;}
.page__share-box li {display: flex; align-items: center; height: 34px; cursor: pointer; 
	color: var(--tt); padding: 0 10px; gap: 0 10px; font-size: 15px;}
.page__share-box .fa-facebook-f {color: #1877f2;}
.page__share-box .fa-twitter {color: #03a9f4;}
.page__share-box .fa-viber {color: #8F5DB7;}
.page__share-box .fa-telegram {color:#0088cc;}
.page__share-box .fal, .page__share-box .fab {font-size: 18px;}
.js-show-share.is-active {background-color: var(--bg-darker);}

.page__text {margin-bottom: 20px;}
.page__short-info {margin-bottom: 20px; border-radius: 10px; box-shadow: var(--bsh); padding: 20px; 
	display: grid; gap: 15px; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); border: 1px solid var(--bdc);}
.page__short-info-item-caption {font-weight: 700; margin-bottom: 5px;}
.page__short-info-item .fal {background-color: var(--yellow); width: 26px; height: 26px; border-radius: 50%; 
	display: inline-grid; place-items: center; margin-right: 8px; color: rgba(0,0,0,0.8);}
.page__short-info-item--wide {grid-column: 1 / -1;}

.page__ingredients {background-color: var(--bg-ingr); color: var(--tt-ingr); border-radius: 10px; 
	box-shadow: var(--bsh); margin-bottom: 40px; padding: 20px; display: grid; gap: 20px; font-size: 14px;}
.page__ingredients-title {font-weight: 700; font-size: 22px; color: var(--tt-ingr-title);}
.page__ingredients-quantity-caption {font-weight: 600; margin-right: 10px;}
.page__ingredients-caption {font-weight: 700; font-size: 18px; color: var(--tt-ingr-title); margin-bottom: 15px;}
.page__ingredients-item + .page__ingredients-item {padding-top: 8px; margin-top: 8px; border-top: 1px solid var(--bd-ingr);}
.page__ingredients-item > b {font-weight: 600; flex-grow: 1; cursor: pointer; display: inline-block; color: var(--tt-ingr) !important;}
.page__ingredients-item > b > span {opacity: 0.8; margin-left: 10px;}
.page__ingredients-item a {color: var(--tt-ingr) !important;}
.page__ingredients-quantity {height: 40px; border-radius: 20px; background-color: #fff; color: #000;}
.page__ingredients-quantity-number {width: 30px; font-weight: 600; text-align: center; font-size: 16px;}
.page__ingredients-quantity-btn {padding: 0; width: 40px; background: none; color: #000;}
.ingr-preview {position: absolute; left: 0%; bottom: 200%; width: 200px; 
	background-color: var(--bg); border-radius: 10px; padding: 10px; box-shadow: var(--bsh);}
.bottom .ingr-preview {top: 200%; bottom: auto;}
[data-ingrimg].is-active {position: relative; z-index: 10;}

.page__recipe-caption {margin-bottom: 30px; font-weight: 700; font-size: 20px; text-transform: uppercase;}
.page__recipe-step {margin-bottom: 30px;}
.page__recipe-step-caption {display: inline-block; padding: 8px 15px; border-radius: 4px; margin-bottom: 20px; 
	background-color: var(--yellow); color: rgba(0,0,0,0.8); font-size: 12px; 
	letter-spacing: 1px; font-weight: 600; text-transform: uppercase;}
.page__recipe-step-img {box-shadow: var(--bsh); border-radius: 10px; margin-bottom: 20px; overflow: hidden;}

.page__author {position: relative; margin-bottom: 40px; padding-left: 50px; color: var(--tt-lighter);}
.page__author-img {width: 40px; height: 40px; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -20px;}
.page__author-name {font-weight: 600; color: var(--tt);}
.page__footer-meta {margin-bottom: 40px; gap: 20px;}
.page__footer-meta .page__meta {margin: 0;}
.page__footer-meta-caption {width: 100%; font-weight: 700; font-size: 18px;}
.page__share-big {width: 100%;}
.page__share-big-caption {text-transform: uppercase; font-weight: 600; color: var(--tt-lighter-2); margin-bottom: 10px;}
.page__tags {gap: 10px;}
.page__tags a {border: 1px solid var(--bdc); border-radius: 4px; padding: 6px 10px; font-size: 12px; 
	text-transform: uppercase; display: block;}

.page__share-big-btns {gap: 10px;}
.page__share-big-btns li {cursor: pointer; border-radius: 50%;}
.page__share-big-btns .fab, .page__share-big-btns .fal {width: 40px; height: 40px; border-radius: 50%; 
	display: grid; place-items: center; font-size: 22px; color: #000; background-color: var(--yellow);}
.page__share-big-btns .fa-twitter {background-color: #419fd9; color: #fff;}
.page__share-big-btns .fa-facebook-f {background-color: #1877f2; color: #fff;}
.page__share-big-btns .fa-whatsapp {background-color: #00e676; color: #fff;}
.page__share-big-btns .fa-viber {background-color: #8074d6; color: #fff;}
.page__share-big-btns .fa-telegram-plane {background-color: #0088cc; color: #fff;}


/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.full-text {line-height: 1.6; font-size: 15px; word-wrap: break-word;}
.full-text a {text-decoration: underline; color: #5278b1;}
.full-text img:not(.emoji), .full-text p, .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5, 
.full-text > ul, .full-text > ol, .full-text table, .page__title {margin-bottom: 25px;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text > ul li, .full-text > ol li {padding-left: 60px; position: relative;}
.full-text > ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; 
	border: 3px solid var(--blue); position: absolute; top: 7px; left: 34px;}
.full-text > ol {counter-reset: num;}
.full-text > ol li:before {content: counter(num); counter-increment: num; background-color: var(--blue); color: #fff; 
	position: absolute; top: -1px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 600;
	display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; box-sizing: border-box;}
.full-text > ol li:after {content: ''; border: 10px solid transparent; border-left-color: var(--blue); 
	position: absolute; left: 41px; top: -2px; transform: scale(0.66,1.5); transform-origin: 0 0;}
.full-text > ul li + li, .full-text > ol li + li {margin-top: 10px;}
.full-text table, .video-inside > * {width:100%;}
.full-text table tr td {padding:10px; border:2px solid #fff;}
.full-text table tr:nth-child(2n+1) {background-color:#f2f6f9;} 
.full-text table tr:nth-child(1) {background-color:#cee0ed;}
.full-text table img:not(.emoji) {margin:0; max-width:350px}
.full-text > *:last-child {margin-bottom: 0;}
.video-responsive {padding-top: 60%; position: relative;}
.video-responsive > iframe, .video-responsive > video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 21px; margin-bottom: 20px;}
.full-text iframe {width: 100%; height: 400px; margin-bottom: 20px;}
.fdl-btn {display: block; position: relative; box-shadow: 0 3px 10px rgba(0,0,0,0.1); 
	text-decoration: none !important; padding: 15px 15px 15px 130px;
	background: linear-gradient(to top, #27ae60, #2ecc71); color: #fff !important; overflow: hidden;}
.fdl-btn-title {font-weight: 500; text-transform: uppercase; word-wrap: break-word;}
.fdl-btn-size {font-size: 14px; margin-top: -2px; margin-bottom: 6px; opacity: 0.9;}
.fdl-btn-caption {opacity: 0.7; font-size: 14px;}
.fdl-btn-dl {font-size: 12px; text-transform: uppercase; margin-left: 15px;}
.fdl-btn > * {position: relative; z-index: 3;}
.fdl-btn-icon {width: 50px; height: 50px; border-radius: 50%; margin-top: -25px; font-size: 24px;
	position: absolute; left: 40px; top: 50%; display: flex; align-items: center; justify-content: center;
	box-shadow: 0 0 0 15px rgba(0,0,0,0.13), 0 0 0 30px rgba(0,0,0,0.08), 0 0 0 45px rgba(0,0,0,0.04);}


/* COMMENTS
----------------------------------------------- */
.page__comments-btn {margin-left: 20px;}
.page__comments-title {margin-bottom: 20px;}
.page__comments-info {font-size: 14px; color: var(--tt-lighter); line-height: 1.5; max-width: 400px;}
.page__comments-info .fal {color: #eb4d4b; margin-right: 6px;}
.ac-form-box {margin-bottom: 40px; /*display: none;*/}
.ac-form__header {gap: 10px; margin-bottom: -10px;}
.ac-form__header input {flex: 1 0 280px;}
.ac-form__bottom {gap: 10px 12px;}
.ac-form .message-info {margin-bottom: 0; display: none;}
.ac-form.is-active .message-info {display: flex;}
.ac-form__editor .bb-editor textarea, .ac-form__editor .fr-wrapper {height: 100px !important;}
.ac-form__editor .fr-view {min-height: 80px !important;}
.ac-form .tox-tinymce {height: 160px !important;}
.comments_subscribe + br {display: none;}
.ac-form__social-caption {font-size: 12px; margin-right: 5px;}
.ac-form__social .login__social div {margin: 0 0 0 6px;}
.comments-image-uploader {display: none;}

.mass_comments_action {display: flex; align-items: center; max-width: 800px; white-space: nowrap; margin-bottom: 20px;}
.mass_comments_action select {flex: 1 1 0; margin: 0 -8px 0 20px;}
.mass_comments_action .bbcodes {border-radius: 0; padding: 0 10px;}
.has-comms {margin-bottom: -20px;}

.comment-item__title {font-size: 18px; margin-bottom: 20px;}
.comment-item {margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid var(--bdc);}
.comment-item__img {width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;}
.comment-item__letter {width: 100%; height: 100%; text-transform: uppercase; font-weight: 700;
	position: absolute; left: 0; top: 0; z-index: 5; color: #fff; font-size: 18px;}
.comment-item__author, .comment-item__author a {font-size: 14px; color: var(--tt-colored);}
.comment-item__date {color: var(--tt-lightest); margin-top: 4px; font-size: 13px;}
.comment-item__main {margin: 8px 0 6px 0;}
.comment-item__rating {white-space: nowrap; font-size: 13px;}
.comment-item__rating a {margin-left: 6px;}
.comment-item__rating a > span:first-child {color: #6ab04c; font-weight: 400; margin-right: 2px;}
.comment-item__rating a:last-child > span:first-child {color: #eb4d4b;}
.comment-item__reply a {font-size: 13px; margin-right: 20px; color: var(--tt-lightest);}
.comment-item__reply a .fal {margin-left: 5px;}
.comment-item__reply + .comment-item__reply a .fal {margin-left: 0; margin-right: 5px;}
.comment-item__controls {text-align: right; font-size: 13px; margin-right: -15px;}
.comment-item__controls li {display: inline-block; vertical-align: middle; margin: 0 0 0 10px; height: 16px; line-height: 16px;}
.comment-item__controls a:not(:hover) {color: var(--tt-lightest);}
.comment-item__footer a:hover {text-decoration: underline;}
.comment-item__rating a:hover > span:first-child {text-decoration: none;}
.comment-item__controls .checkbox {transform: scale(0.8,0.8); margin-left: 5px;}


/* LOGIN
----------------------------------------------- */
.login {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden;
	background-color: var(--ui-bg); border-radius: 4px; width: 400px; 
	box-shadow: 0 0 0 10px rgba(255,255,255,0.2), 0 15px 45px rgba(0,0,0,1);}
.login__header {padding: 20px 40px; background-color: var(--ui-bg-darker);}
.login__title {font-size: 18px; padding: 1px 0; text-transform: capitalize;}
.login__close {cursor: pointer; font-size: 24px; opacity: 0.6; margin-left: 20px;}
.login__title a {border-bottom: 1px dotted var(--tt-lighter); margin-left: 10px; font-weight: 400; color: var(--tt-lightest);}
.login__content {padding: 20px 40px;}
.login__row {margin-bottom: 20px; position: relative; display: block; font-size: 14px; color: var(--tt-lightest);}
.login__caption {font-size: 14px; color: var(--tt); margin-bottom: 10px;}
.login__caption a {text-decoration: underline; margin-left: 6px; color: var(--blue);}
.login__input input {padding-left: 40px;}
.login__row .fal {opacity: 0.5; position: absolute; left: 0; bottom: 0; line-height: 40px; width: 40px; text-align: center;}
.login__row button {width: 100%;}
.login__social {background-color: var(--ui-bg-darker); padding: 20px 40px; text-align: center;}
.login__social-caption {font-size: 11px; text-transform: uppercase; margin-bottom: 10px;}
.login__social-btns a {display:inline-block; margin: 0 3px; vertical-align:top;}
.login__social-btns img {display:block; width:34px; height: 34px;}
.login-logged {position: relative; margin-left: 20px;}
.login-logged__avatar {width: 40px; height: 40px; border-radius: 50%; cursor: pointer;}
.login-logged__panel {position: absolute; right: 0; top: 100%; z-index: 999; width: 260px; display: none;
	background-color: var(--bg); box-shadow: var(--bsh); border-radius: 10px; padding-bottom: 10px;}
.login-logged__header {padding: 10px 20px; border-bottom: 1px solid var(--bdc); font-weight: 600;}
.login-logged__img {width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;}
.login-logged__menu a {display: flex; align-items: center; gap: 10px; padding: 6px 20px;}
.login-logged__menu-border-top {border-top: 1px solid var(--bdc); padding-top: 12px; margin-top: 10px;}
.login-logged__menu-border-bottom a {border-bottom: 1px solid var(--bdc); padding: 10px 20px; margin-bottom: 10px;}

.category_img_wrap {display: flex;justify-content: flex-start;flex-wrap: wrap;margin: 0 -8px 10px;}
.category-item_wrap {width: calc(100%/8);padding: 6px;}
.category-item_wrap>div {padding-top: 100%;position: relative;background-color: var(--bg-darker);border-radius: 14px;}
/*.category-item_wrap:nth-child(1)>div, .category-item_wrap:nth-child(2)>div, .category-item_wrap:nth-child(3)>div {background-color: #ffd700;}*/
.category-item {overflow: hidden;position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;cursor: pointer;display: flex;flex-direction: column;justify-content: space-between;}
.category-item img {flex: 0 0 auto;padding: 0px;flex-grow: 1;height: 0;width: 100%;object-fit: contain;margin-top: -25px;}
.category-item__title {flex-grow: 0;display: flex;align-items: flex-end;justify-content: center;padding: 0 10px 10px;font-size: 14px;font-weight: 700;}

/*каллорії*/
.recipe-nutrition,
    .recipe-nutrition * {
      box-sizing: border-box;
    }

    .recipe-nutrition {
      --rn-text: #27382d;
      --rn-muted: #667268;
      width: 100%;
      min-width: 0;
      padding: 14px;
      color: var(--rn-text);
      background: #fff;
      border: 1px solid #e6eae3;
      border-radius: 16px;
      box-shadow: 0 4px 16px rgb(39 56 45 / 3%);
      font-family: inherit;
      font-size: 14px;
      line-height: 1.4;
      container-type: inline-size;
      container-name: recipe-nutrition;
      margin-bottom: 20px;  
    }

    .recipe-nutrition .recipe-nutrition__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 8px 12px;
      margin: 0 0 12px;
      padding: 0;
    }

    .recipe-nutrition .recipe-nutrition__title {
      margin: 0;
      padding: 0;
      color: var(--rn-text);
      font-family: inherit;
      font-size: 16px;
      font-weight: 650;
      line-height: 1.3;
      letter-spacing: -0.3px;
      text-transform: none;
    }

    .recipe-nutrition .recipe-nutrition__portion {
      display: inline-flex;
      align-items: baseline;
      flex-shrink: 0;
      padding: 3px 8px;
      color: #53634f;
      background: #f0f4ec;
      border-radius: 100px;
      font-size: 11px;
      font-weight: 500;
      white-space: nowrap;
    }

    .recipe-nutrition .recipe-nutrition__grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
      margin: 0;
      padding: 0;
    }

    .recipe-nutrition .recipe-nutrition__item {
      min-width: 0;
      padding: 10px 12px;
      background: var(--rn-tile);
      border-radius: 10px;
    }

    .recipe-nutrition .recipe-nutrition__item--calories {
      --rn-tile: #fff3e8;
      --rn-icon-bg: #ffe3c9;
      --rn-icon: #b55320;
    }

    .recipe-nutrition .recipe-nutrition__item--protein {
      --rn-tile: #f1f6ec;
      --rn-icon-bg: #e0ecd4;
      --rn-icon: #52743c;
    }

    .recipe-nutrition .recipe-nutrition__item--fat {
      --rn-tile: #fbf7e9;
      --rn-icon-bg: #f3eac5;
      --rn-icon: #967320;
    }

    .recipe-nutrition .recipe-nutrition__item--carbs {
      --rn-tile: #eef5f5;
      --rn-icon-bg: #dcebec;
      --rn-icon: #3f777b;
    }

    .recipe-nutrition .recipe-nutrition__label {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 5px;
      margin: 0 0 5px;
      padding: 0;
      color: var(--rn-muted);
      font-size: 12px;
      font-weight: 500;
      line-height: 1.3;
    }

    .recipe-nutrition .recipe-nutrition__icon {
      display: grid;
      place-items: center;
      flex-shrink: 0;
      width: 22px;
      height: 22px;
      color: var(--rn-icon);
      background: var(--rn-icon-bg);
      border-radius: 7px;
    }

    .recipe-nutrition .recipe-nutrition__icon svg {
      display: block;
      width: 15px;
      height: 15px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .recipe-nutrition .recipe-nutrition__value {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 2px 4px;
      margin: 0;
      padding: 0;
      color: var(--rn-text);
      font-size: 22px;
      font-weight: 650;
      font-variant-numeric: tabular-nums;
      line-height: 1.2;
      letter-spacing: -0.4px;
    }

    .recipe-nutrition .recipe-nutrition__unit {
      color: var(--rn-muted);
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 0;
    }

    /* Дві колонки, якщо блок розміщено у вузькій частині шаблону. */
    @container recipe-nutrition (max-width: 460px) {
      .recipe-nutrition .recipe-nutrition__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    /* Адаптація для телефона, включно з браузерами без container queries. */
    @media (max-width: 520px) {
      .recipe-nutrition {
        padding: 12px;
      }

      .recipe-nutrition .recipe-nutrition__header {
        margin-bottom: 10px;
      }

      .recipe-nutrition .recipe-nutrition__title {
        font-size: 15px;
      }

      .recipe-nutrition .recipe-nutrition__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .recipe-nutrition .recipe-nutrition__item {
        padding: 9px 10px;
      }

      .recipe-nutrition .recipe-nutrition__icon {
        width: 20px;
        height: 20px;
      }
    }

/*Добірки*/
.recipe-collections,
    .recipe-collections * {
      box-sizing: border-box;
    }

    .recipe-collections {
      width: 100%;
      min-width: 0;
      padding: 14px;
      border: 1px solid #e5e9e1;
      border-radius: 14px;
      background: #fff;
      color: #293a2e;
      font: inherit;
      text-align: left;
      scroll-margin-top: 24px;
      margin-bottom: 20px;  
    }

    .recipe-collections[hidden],
    .recipe-collections [hidden] {
      display: none !important;
    }

    .recipe-collections .recipe-collections__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin: 0 0 12px;
      padding: 0;
    }

    .recipe-collections .recipe-collections__title {
      display: flex;
      align-items: center;
      gap: 7px;
      margin: 0;
      padding: 0;
      color: #293a2e;
      font-family: inherit;
      font-size: 17px;
      font-weight: 600;
      line-height: 1.4;
      letter-spacing: -0.2px;
      text-transform: none;
    }

    .recipe-collections .recipe-collections__icon {
      display: block;
      flex: 0 0 16px;
      width: 16px;
      height: 16px;
      fill: none;
      stroke: #6b8555;
      stroke-width: 1.6;
    }

    .recipe-collections .recipe-collections__count {
      flex-shrink: 0;
      padding: 2px 7px;
      border-radius: 6px;
      color: #66725f;
      background: #f1f4ee;
      font-size: 11px;
      font-weight: 500;
      line-height: 1.5;
    }

    .recipe-collections .recipe-collections__list {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      gap: 6px;
      margin: 0;
      padding: 0;
      /* Роздільники також не видно до запуску JS. */
      font-size: 0;
      line-height: 0;
    }

    .recipe-collections .recipe-collections__list > a {
      display: inline-flex;
      align-items: center;
      max-width: 100%;
      min-width: 0;
      min-height: 30px;
      margin: 0;
      padding: 6px 10px;
      border: 1px solid #e3e9dc;
      border-radius: 8px;
      background: #f5f7f1;
      box-shadow: none;
      color: #47583b;
      font-family: inherit;
      font-size: 15px;
      font-weight: 400;
      font-style: normal;
      line-height: 1.35;
      letter-spacing: normal;
      text-decoration: none;
      text-transform: none;
      white-space: normal;
      overflow-wrap: anywhere;
      transition: background-color 150ms, border-color 150ms, color 150ms;
    }

    .recipe-collections .recipe-collections__toggle {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      min-height: 34px;
      margin: 10px 0 0;
      padding: 5px 9px;
      border: 1px solid transparent;
      border-radius: 8px;
      background: transparent;
      box-shadow: none;
      color: #466434;
      font-family: inherit;
      font-size: 13px;
      font-weight: 600;
      line-height: 1.4;
      letter-spacing: normal;
      text-transform: none;
      text-decoration: none;
      cursor: pointer;
      appearance: none;
    }

    .recipe-collections .recipe-collections__more {
      color: #68785d;
      font-size: 12px;
      font-weight: 400;
    }

    .recipe-collections .recipe-collections__chevron {
      display: block;
      width: 14px;
      height: 14px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: transform 150ms;
    }

    .recipe-collections .recipe-collections__toggle[aria-expanded="true"] .recipe-collections__chevron {
      transform: rotate(180deg);
    }

    .recipe-collections .recipe-collections__list > a:focus-visible,
    .recipe-collections .recipe-collections__toggle:focus-visible {
      outline: 2px solid #6d8d50;
      outline-offset: 2px;
    }

    @media (hover: hover) {
      .recipe-collections .recipe-collections__list > a:hover {
        border-color: #c6d4b7;
        background: #eaf0e2;
        color: #314623;
      }

      .recipe-collections .recipe-collections__toggle:hover {
        background: #f1f5eb;
      }
    }

    @media (max-width: 480px) {
      .recipe-collections {
        padding: 12px;
      }

      .recipe-collections .recipe-collections__list > a {
        padding: 6px 9px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .recipe-collections .recipe-collections__list > a,
      .recipe-collections .recipe-collections__chevron {
        transition: none;
      }
    }


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
 .owl-carousel {position: relative; z-index: 1; user-select: none;}
 .owl-stage-outer {position: relative; overflow: hidden;}
 .owl-stage {display:flex; justify-content:flex-start; will-change: transform;}
 .owl-nav.disabled, .owl-dots.disabled {display: none;}
 .owl-carousel .animated {animation-duration: 0.6s; animation-fill-mode: both; position: relative;}
 .owl-animated-in {z-index: 0;}
 .owl-animated-out {z-index: 1;}
 .owl-carousel .fadeOut {animation-name: fadeOut;}
 @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }
 .owl-carousel .fadeIn {animation-name: fadeIn;}
 @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
 
 .owl-nav {position: absolute; left: 0; right: 0; top: 50%;}
 .owl-prev, .owl-next {display: flex; cursor: pointer; width: 50px; height: 50px; margin-top: -25px; 
	position: absolute; top: 0; font-size: 24px; border-radius: 50%; padding: 0;}
 .owl-prev {left: -25px; padding-right: 5px;}
 .owl-next {right: -25px; padding-left: 5px;}
 .owl-dots {text-align: center; position: absolute; left: 0; right: 0; bottom: -37px;}
 .owl-dot {display: inline-block; width: 16px; height: 16px; border-radius: 50%; 
	cursor: pointer; background: var(--bg-darker); margin: 0 5px;}
.owl-dot.active, .owl-dot:hover {background: var(--orange);}
	
.owl-item .carousel-owl__slide {height: 100%;}
.sect--carousel .owl-stage-outer {overflow: visible;}
.sect--carousel .owl-item:not(.active) {opacity: 0; pointer-events: none;}
.is-loaded .owl-item {transition: opacity .1s linear;}
.carousel-owl:not(.owl-carousel) {display: flex; overflow: hidden; padding: 10px 0; margin: -10px 0;}
.carousel-owl:not(.owl-carousel) > .carousel-owl__slide {flex: 0 0 auto; width: calc((100% - 40px)/3); margin-right: 20px;}
@media screen and (max-width: 950px) {
    .carousel-owl:not(.owl-carousel) > .carousel-owl__slide {width: calc((100% - 20px)/2);}
	.owl-prev {left: auto; right: 50px; width: 40px; height: 40px;}
	.owl-next {right: 0px; width: 40px; height: 40px;}
	.owl-nav {top: -30px; left: auto;}
}
@media screen and (max-width: 590px) {
	.sect--carousel {margin-right: var(--indent-negative);}
    .carousel-owl:not(.owl-carousel) > .carousel-owl__slide, .carousel-owl__slide {width: calc(100vw - 100px);}
	.owl-nav {right: var(--indent); top: -25px;}
	.sect--carousel .sect__title {font-size: 18px; padding-right: 130px; 
		overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
}


/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	opacity: 0.6; background-color: #000; cursor: pointer; display: none;}
.mobile-menu {width: 300px; height: 100%; overflow-x: hidden; overflow-y: auto;
	padding: 20px 10px; z-index: 999; position: fixed; left: -320px; top: 0; transition: left .4s; 
	background-color: var(--bg); color: var(--tt);}
.mobile-menu.is-active {left: 0;}
.mobile-menu-close {cursor: pointer; display: block; left: 300px; top: -40px; position: fixed; z-index: 999;
	width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; opacity: 0;
	background-color: #e84e36; color: #fff; transition: top .4s, opacity .4s;}
.mobile-menu-close.is-active {top: 0px; opacity: 1;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu .main-menu__hidden {position: static; box-shadow: none; border-radius: 0; opacity: 1; 
	visibility: visible; transform: none; background-color: var(--bg-darker); display: none;
	width: calc(100% + 20px); margin: 10px -10px; padding: 15px 20px; /*column-gap: 20px; column-width: 110px;*/}
.mobile-menu .main-menu__has-submenu::after {top: 10px; transform: none; transition: transform .2s linear;}
.mobile-menu .main-menu > li > .fal, .mobile-menu .main-menu > li > svg, 
.mobile-menu .main-menu > li > img {top: 10px; transform: none;}
.mobile-menu .main-menu__hidden a {padding: 0; height: 30px; line-height: 30px; font-size: 14px;}
.mobile-menu .main-menu__has-submenu.is-active::after {transform: rotate(90deg);}
.mobile-menu .main-menu__has-submenu.is-active > a {background-color: var(--bg-darker);}
.mobile-menu .main-menu__hidden ul {column-gap: 20px; column-width: 110px;}

@media screen and (max-width: 1220px) {
	.wrapper-container {max-width:1000px;}
	#scrolltop {width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
	.cols {display: block;}
	.cols__side {display: none;}
	.header__logo {min-width: auto; margin: 0;}
	.header__search {margin: 0 20px;}
	.header__btn-mobile-menu {display: inline-flex; width: 30px; padding: 0; font-size: 28px; 
		background: none !important; color: var(--tt) !important; margin-left: 20px;}
}

@media screen and (max-width: 950px) {
	.wrapper {padding: 0; overflow: hidden;}
	.wrapper-container {max-width:768px;}
	.header {margin-bottom: 40px;}
	.header__search {margin: 20px 0 0 0; min-width: 100%; order: 10;}
	.header__logo {flex: 1 1 0; min-width: 100px; max-width: 100%; margin-right: 10px;
		overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.footer, .footer__menu {justify-content: center;}
	.sticky-block {position: static;}

	.page__cols {display: block;}
	.page__col-right {display: none;}
	.page__comments-info {max-width: 100%;}
}

@media screen and (max-width: 760px) {
	.wrapper-container {max-width:640px;}
	.header__btn-add, .header__btn-notifications, .login-logged, .header__btn-login {margin-left: 10px;}
	.header__btn-add span:last-child, .header__btn-login span {display: none;}
	.header__btn-add, .header__btn-login {width: 40px; padding: 0; font-size: 22px;}
	.header__btn-notifications {font-size: 22px;}
	.header__btn-login::before {content:"\f090"; font-family:'Font Awesome 5 Pro'; font-weight: 300;}
	.header__btn-add span::before {content:"\f067";}

	.page__intro, .page__text .quote, .page__subscribe {margin-left: -20px; margin-right: -20px; padding-right: 20px;}
	.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 20px;}
	.add-comments-form.form {margin-left: 0; margin-right: 0;}
	.page__comments-list22:not(.page__comments-list--not-comments) {margin-left: -20px; margin-right: -20px; 
		border-left: 0; border-right: 0;}

	.page__text .quote {margin-left: var(--indent-negative); margin-right: var(--indent-negative); padding-right: var(--indent);}
	.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 18px;}
	
	.ac-form__bottom > * {min-width: 100%;}
	.ac-form__bottom button {width: 100%; order: 10;}
	.mass_comments_action, .comment-item__controls, .comment-item__rating-caption {display: none;}
    
    .category-item_wrap {width: calc(100%/4);}
}

@media screen and (max-width: 590px) {
	.wrapper-container {max-width:480px;}
	.login {max-width: 90%; max-height: 90%; overflow-x: hidden; overflow-y: auto;}
	.login__header, .login__content, .login__social, .pages-bg {padding-left: 20px; padding-right: 20px;}
	.theme-toggle {order: 11; margin-left: 10px; margin-top: 20px;}
	.header__search {min-width: calc(100% - 90px);}
	.header__btn-add {margin-left: 0;}
	.sect__sort {width: 100%; margin-top: 20px;}
}

@media screen and (max-width: 470px) {
	/*.wrapper-container {max-width:360px;}*/
	.header__logo {font-size: 20px; padding-left: 30px; background-size: 20px;}
	.header__btn-notifications {display: none;}
	.login-logged {position: static;}
	.login-logged__panel {top: 80px; right: 0; left: 0; width: auto;}
	.footer {margin-top: 40px; padding-top: 20px; padding-bottom: 20px;}
	
	.hm {display: none;}
	.page__ingredients-header {position: relative;}
	.page__ingredients-quantity-caption {width: 110px; text-align: center; margin: 0; 
		position: absolute; right: 0px; top: 45px;}
	.page__meta {gap: 10px 20px;}
	.page__rating {flex-grow: 1; margin-right: 0;}
	.page__share-big-btns .fal, .page__share-big-btns .fab {width: 36px; height: 36px;}
	.page__comments-btn {width: 100%; margin: 0; margin-top: 10px;}
	.full-text iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;}
    
    .category-item_wrap {width: calc(100%/3);}
}

.mce-accordion summary {
	cursor: pointer;
}

.self_delete_link {
	border: 0 none;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 12px 27px;
	border-radius: 10px;
	outline: none;
	background-color: #f44336;
	color: #fff;
	text-shadow: 0 1px #333;
	text-decoration: none !important;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	box-sizing: border-box;
	transition: all ease .1s; transition: all ease .1s;
}