/*
Template:       ranna
Theme Name:     Ranna Child Theme
Theme URI:      http://radiustheme.com/demo/wordpress/themes/ranna
Author:         RadiusTheme
Author URI:     http://radiustheme.com
Description:    Ranna is a clean and Modern WordPress Theme.  It is best suited for News, Blog, Tech Review, Fashion Magazine, Game Magazine 
Version:        1.0
Text Domain:    ranna
Tags: left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, translation-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/ 
body {
	font-family: Rubik !important;
}

.header-area {
	background: #F5EBDF;
}

.masthead-container {
	display: flex;
	align-items: center;
}

.home .product-info-area a {
	display: none;
}

.site-logo {
	width: 280px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: 1px #BABABA solid;
	border-right: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
}


.top-right-header {
	width: 303px;
	border-right: 1px #BABABA solid;
}

.masthead-top {
	display: flex;
	align-items: center;
	height: 80px;
	border-bottom: 1px solid #bababa;
	justify-content: flex-end;
}

.masthead-bottom {
	display: flex;
	align-items: center;
	height: 80px;
	border-left: 1px #BABABA solid;
}

.search-form {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	padding: 0 40px;
	justify-content: space-between;
}

.search-field {
	color: #2D2D2D;
	text-align: center;
	-webkit-text-stroke-width: 1;
	-webkit-text-stroke-color: #6D6666;
	font-family: Rubik;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	/* 125% */
	letter-spacing: 1.6px;
	text-transform: uppercase;
}

input#search-input {
	border: none;
	background: #fff0;
	width: 300px;
	text-align: left;
}

:focus-visible, :focus {
	outline: none !important;
}

.search-field::placeholder {
	color: #666;
	text-transform: uppercase;
}

.search-left {
	display: flex;
	gap: 15px;
}

.search-submit {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}

#ad-banner-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 25px;
	background-color: rgba(33, 33, 33, 0.1);
	justify-content: center;
	align-items: center;
	font-size: 20px;
	z-index: 2147483010;
}

#full-close-container {
	position: absolute;
	height: 25px;
	width: 25px;
	top: 5px;
	right: 0;
	z-index: 2147483010;
}

#full-close {
	position: fixed;
	top: 3px;
	right: 5px;
	background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.53%205.47l-7.59%207.59-7.59-7.59a1%201%200%2000-1.41%201.41l7.59%207.59-7.59%207.59a1%201%200%20001.41%201.41l7.59-7.59%207.59%207.59a1%201%200%20001.41-1.41l-7.59-7.59%207.59-7.59a1%201%200%2000-1.41-1.41z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
	background-size: 100% 100%;
	width: 25px;
	height: 25px;
	display: block;
	z-index: 2147483010;
}

#banner-wrapper {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	display: none;
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
}

#buffer-zone {
	width: 100%;
	height: 20px;
	background-color: #ffffff;
}

#banner {
	width: 100%;
	height: 90px;
	background-color: #ffffff;
	transition: height 0.3s ease-out;
	overflow: hidden;
	will-change: height;
	text-align: center;
}

#banner.collapsed {
	height: 0 !important;
	background-color: transparent;
	box-shadow: none;
}

#div-gpt-ad-1741022314627-0 {
	height: 90px;
	width: 100%;
	max-width: 1366px;
	margin: 0 auto;
	transition: opacity 0.3s ease-out;
	display: flex;
	justify-content: center;
	align-items: center;
}

#div-gpt-ad-1741022314627-0 iframe {
	margin: 0 auto;
	display: block;
}

#banner.collapsed #div-gpt-ad-1741022314627-0 {
	opacity: 0;
}

#hide-button {
	position: absolute;
	top: -16px;
	right: 10px;
	width: 32px;
	height: 32px;
	background-color: #333;
	border-radius: 50%;
	cursor: pointer;
	transition: transform 0.3s ease;
}

#hide-button::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #fff;
	transform: translate(-50%, -40%);
	transition: transform 0.3s ease;
}



.search-arrow {
	color: #666;
	font-size: 20px;
	padding-right: 10px;
	cursor: pointer;
}

.nav {
	height: 100%;
	align-items: center;
	border-right: 1px #BABABA solid;
	border-left: 1px #BABABA solid;
	flex-basis: 33%;
	display: flex;
	justify-content: center;
	padding: 0;
}

.wpml-ls-legacy-list-horizontal {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	width: 100%;
	flex-basis: 34%;
}


.home .product-info-area h3 a {
	display: block;
}

.w-100, .w-100 p {
	width: 100% !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.c-main {
	color: #C5181D;
}

.post-grid-default .rtin-single-post .rtin-content h3 {
	margin-bottom: 5px;
	line-height: 1.4;
}

.post-grid-default .rtin-single-post .rtin-content h3 a {
	color: #111111;
}

.post-grid-default .rtin-single-post .rtin-content h3 a:hover {
	color: #ff4a52;
}

.post-grid-default .rtin-single-post .post-meta ul {
	margin-bottom: 15px;
	padding-left: 0px;
	position: relative;
}

.post-grid-default .rtin-single-post .post-meta ul li {
	display: inline-block;
	margin-right: 15px;
	color: #909090;
	position: relative;
}

.post-grid-default .rtin-single-post .post-meta ul li:last-child {
	margin-right: 0;
	padding-right: 0;
}

.post-grid-default .rtin-single-post .post-meta ul li a {
	color: #909090;
}

.post-grid-default .rtin-single-post .post-meta ul li a:hover {
	color: #ff4a52;
}

.post-grid-default .item-content .entry-meta li i {
	color: #ff4a52;
}

.post-grid-default .rtin-single-post .post-meta ul li i {
	color: #646464;
	padding-right: 8px;
}

.post-grid-default .post-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}

.post-grid-default .post-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-top-area .widget_text p {
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	margin-bottom: 10px;
}

.post-grid-default .post-footer ul li {
	display: inline-block;
	margin-right: 15px;
	color: #909090;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.post-grid-default .post-footer ul li:last-child {
	margin-right: 0;
}

.post-grid-default .post-footer ul li a {
	font-size: 16px;
	color: #909090;
}

.post-grid-default .post-footer ul li i {
	font-size: 18px;
	color: #646464;
	margin-right: 7px;
}

.post-grid-default .post-footer ul li a:hover {
	color: #646464;
}

.post-grid-default.center .rtin-single-post .rtin-content {
	text-align: center;
}

.post-grid-default.center .post-footer {
	display: inherit;
	text-align: center;
}

.post-grid-default.center .post-footer .item-btn {
	order: 2;
}

.post-grid-default.center .post-footer ul {
	margin-bottom: 8px;
}

.post-grid-default.right .rtin-single-post .rtin-content {
	text-align: right;
}

.post-grid-default.right .post-footer {
	text-align: right;
}

.post-grid-default .rtin-single-post .rtin-img {
	overflow: hidden;
	position: relative;
}

.footer-bor {
	border-left: 1px solid #fff;
	padding: 30px !important;
}

.footer-bor:last-child {
	border-right: 1px solid #fff;
}

.footer-bor .widget:first-child {
	padding: 20px 0 50px;
	margin-bottom: 0;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	line-height: 118.8%;
	text-transform: uppercase;
}

.footer-top-area ul li {
	margin-bottom: 0;
}

.footer-bor:first-child .widget_nav_menu:nth-child(3), .footer-bor:first-child .widget_nav_menu:nth-child(2) {
	width: 50%;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1.6px;
	text-transform: uppercase;
}

.footer-bor:first-child .widget_nav_menu:last-child {
	margin-top: 0px;
}

.footer-bor .widget_nav_menu {
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1.6px;
	text-transform: uppercase;
}

.footer-bor:nth-child(2) .widget:nth-child(3) {
	border-top: 1px solid #fff;
	margin-left: -30px;
	width: calc(100% + 60px);
	padding: 30px;
	overflow: hidden;
	margin-bottom: 0;
	margin-top: 40px;
}

.footer-top-area {
	padding: 0;
}

.projects-title {
	color: #fff;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}

.projects-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	margin: 0 auto;
}

.project-link {
	display: flex;
	justify-content: center;
	align-items: center;
	transition: opacity 0.3s;
}

.project-link:hover {
	opacity: 0.8;
}

.project-link img {
	max-width: 150px;
	height: auto;
}

.comment-form-cookies-consent {
	display: none;
}

/* Адаптив для мобільних */
@media (max-width: 480px) {
	.projects-grid {
		gap: 20px;
		grid-template-columns: repeat(2, 1fr);
		margin-bottom: 30px;
	}

	.project-link img {
		max-width: 120px;
	}

	.footer-area .footer-bor:nth-child(2) {
		border-bottom: 1px solid #fff;
	}
}

.social-title {
	color: #fff;
	text-align: center;
	font-size: 24px;
	margin-bottom: 30px;
}

.social-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin: 0 auto;
}

.social-link {
	display: flex;
	justify-content: center;
	align-items: center;
	transition: opacity 0.3s;
}
.footer-area .menu-item a {
    font-size: 14px;
    font-weight: 600;
}
.social-link:hover {
	opacity: 0.8;
}

.social-link img {
	width: auto;
	height: 28px;
}

/* Адаптив для мобільних */
@media (max-width: 480px) {
	.social-grid {
		gap: 20px;
	}

	.social-link img {
		width: 24px;
		height: 24px;
	}
}

#custom_html-5 .textwidget, #custom_html-20 .textwidget, #custom_html-4 .textwidget, #custom_html-31 .textwidget {
	text-align: center;
}

#custom_html-5 .widgettitle:after, #custom_html-20 .widgettitle:after, #custom_html-4 .widgettitle:after, #custom_html-31 .widgettitle:after {
	content: '';
}

#media_image-8, #media_image-10, #media_image-15, #media_image-16 {
	margin-bottom: 0;
}

.home #custom_html-36 {
	display: none;
}

[id^="custom_html-"] .widgettitle {
	color: #000;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border: 1px solid #000;
	padding: 19px 0;
}

[id^="custom_html-"] .widgettitle:after {
	content: url(/wp-content/themes/ranna-child/icons/sort-down.svg);
	position: absolute;
	display: block;
	left: 50%;
	bottom: -11px;
	background: #00000000 !important;
}

.side_products li {
	margin: 0 !important;
}

.side_products .product-thumb-area {
	width: 125px;
	height: 125px;
	background: #a4bbca;
	display: inline-block;
	margin: 20px 15px 0;
}

.side_products .product-info-area .add_to_cart_button {
	background-color: #00000000 !important;
	padding: 0;
	color: #116B4B;
	font-weight: 600 !important;
	font-size: 10px !important;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 1px solid;
	border-radius: 0;
	margin-left: 25px;
}

.side_products .product-info-area .add_to_cart_button:before {
	content: url(/wp-content/themes/ranna-child/icons/shopping-cart.svg);
	position: absolute;
	margin-left: -25px;
}

.side_products .product-info-area h3 a {
	color: #000;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 17px;
	text-align: left;
}

.side_products .product-info-area .price p {
	color: #C5181D !important;
	text-align: left;
	font-size: 16px !important;
}

.side_products .product-info-area {
	display: inline-block;
	vertical-align: top;
	text-align: left !important;
	max-width: 49%;
}

.ingridients-wrap .checkbox-primary input[type="checkbox"]:checked+label::before {
	background-color: #ffffff;
	border-color: #c5181d;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.ingridients-wrap .checkbox-primary input[type="checkbox"]:checked+label::after {
	color: #c5181d;
}

.ingridients-wrap .checkbox input[type="checkbox"]:checked+label::after {
	font-family: 'FontAwesome';
	content: "\f111";
	font-weight: 400;
	font-size: 6px;
	padding-top: 0;
}

.ingridients-wrap .checkbox input[type="checkbox"]:checked+label {
	text-decoration: none;
}

.ingridients-wrap .checkbox label:before {
	border: 1px solid #7E7E7E;
}

.line_bottom_red h1 {
	color: #F5EBDF;
	font-size: 48px;
	font-weight: 800;
	line-height: 91.838%;
	padding: 15px 20px;
	background-color: #9E0909;
}

.line_bottom_red article h2 {
	color: #FFF;
	text-align: center;
	font-size: 46px;
	font-weight: 900;
	line-height: 108.5%;
	text-transform: uppercase;
	max-width: 90%;
}

.featured-title-40 {
	font-size: 40px !important;
}

.recipe-card-small .card-title {
	color: #1E1E1E;
	font-size: 20px;
	font-weight: 500;
	line-height: 120%;
}

.recipe-card-small .card-body {
	padding: 10px 0;
}

.recipe-card-small .card {
	border: none;
	border-radius: 0;
}

.recipe-card-small .recipe-type a {
	color: #3C916C;
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0.65px;
	text-transform: uppercase;

}

.recipe-card-small .recipe-type {
	padding-bottom: 8px;
}

/* Загальні стилі для картки */
.recipe-card-small .card {
	transition: all 0.3s ease;
	border: none;
}

/* Ефект для зображення при наведенні */
.recipe-card-small .card-img-top {
	transition: transform 0.3s ease;
	border-radius: 0;
}

.recipe-card-small a:hover .card-img-top {
	transform: scale(1.05);

}

.line_bottom_red article.featured-recipe {
	margin-bottom: 50px;
}

/* Стилі для посилання категорії */
.recipe-card-small .recipe-type a {
	text-decoration: none;
	transition: color 0.3s ease;
}

.recipe-card-small .recipe-type a:hover {
	color: #9e0909;
}

/* Стилі для заголовку */
.recipe-card-small .card-title {
	transition: color 0.3s ease;
}

.recipe-card-small a:hover .card-title {
	color: #9e0909;
}

/* Приховуємо overflow для зображення */
.recipe-card-small .card {
	overflow: hidden;
}

.tax-ranna_recipe_category .content-area {
	padding-bottom: 0;
}

.jcenter {
	display: flex;
	justify-content: center;
}

.line_bottom_red .featured-box {
	justify-content: space-evenly;
}

.recipe-card-small {
	margin-bottom: 20px;
}

.recipe-card-small .card {
	height: 100%;
}

.recipe-card-small .card-img-top {
	object-fit: cover;
	aspect-ratio: 10 / 6;
}

.w900 {
	max-width: 900px;
}

.w300 {
	max-width: 300px;
}

.flex-end {
	display: flex;
	justify-content: end;
}

.su-heading {
	border: none !important;
	font-weight: 600;
	font-size: 28px;
	line-height: 34px;
	text-transform: uppercase;
	color: #000000;
	padding-left: 0 !important;
	position: relative;
	display: inline-block;
}

.su-heading:after {
	content: '';
	border-bottom: 6px solid rgba(197, 24, 29, 0.6);
	width: 105%;
	position: absolute;
	left: 0;
	bottom: 4px;
}

.su-heading-inner {
	border: none !important;
	padding: 30px 0 0 !important;
}

.section-paragraph p, .section-paragraph li, .section-paragraph span {
	font-family: Rubik, sans-serif !important;
	font-weight: 400 !important;
}

.single-recipe-layout1 .item-description p, .single-recipe-layout1 .item-description span {
	color: #1E1E1E;
	font-family: Rubik;
	font-size: 18px;
	font-weight: 300;
	line-height: 160%;
}

.single-recipe-layout1 .item-description p a, .single-recipe-layout1 .item-description span a {
	font-weight: 400 !important;
}

.single-recipe-layout1 .item-description h2, .single-recipe-layout1 .item-description h2 span {
	color: #1E1E1E;
	font-size: 36px;
	font-weight: 800;
	line-height: 120%;
	text-transform: uppercase;
	margin: 40px 0;
}

#recipe-meta .recipe-meta {
	display: flex;
	justify-content: space-between;
	margin: 60px 0;
}

#recipe-meta .meta-label {
	color: var(--dark-red, #9E0909);
	text-align: center;
	font-size: 18px;
	font-weight: 900;
	line-height: 108.5%;
	text-transform: uppercase;
}

#recipe-meta strong {
	color: var(--dark-red, #9E0909);
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	line-height: 108.5%;
}

#recipe-meta .meta-item {
	gap: 16px;
}

.youtube-container-child {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
}

.youtube-container-child iframe, .youtube-container-child img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#slider_home .rtin-content {
	padding: 18px;
	position: absolute;
	top: 50%;
	right: 140px;
	transform: translateY(-50%);
	z-index: 1;
	width: 400px;
	background: #fff;
	left: auto;
	text-align: center;
}

#slider_cat .rtin-content {
	padding: 18px;
	position: absolute;
	top: 50%;
	right: 70px;
	transform: translateY(-50%);
	z-index: 1;
	width: 400px;
	background: #fff;
	left: auto;
	text-align: center;
}

#slider_cat .owl-next {
	right: 0;
}

#slider_cat .owl-prev {
	left: 0;
}

.elementor-nav-menu--dropdown.elementor-nav-menu__container {
	margin-top: -57px !important;
	padding: 100px 0 0;
}

.elementor-nav-menu--dropdown .sub-menu li a {
	font-size: 12px !important;
	font-style: normal;
	font-weight: 300 !important;
	line-height: 14px;
	text-transform: initial !important;
}

.elementor-menu-toggle {
	background-color: #0000;
	z-index: 20;
	color: #000 !important;
}

.elementor-menu-toggle.elementor-active {
	color: #fff !important;
}

.elementor-menu-toggle:active, .elementor-menu-toggle:hover, .elementor-menu-toggle:focus {
	outline: none;
}

.item-btn span {
	padding: 10px 24px;
	border: 1px solid #116B4B;
	color: #2D2D2D;
	font-size: 10px;
	line-height: 20px;
}

.item-btn i {
	display: none;
}

a.item-btn {
	line-height: 46px;
}

.owl-item h3:after {
	content: '';
	border-bottom: 3px solid #C5181D;
	width: 80px;
	display: block;
	margin: 25px auto 0;
}

.sub-header {
	justify-content: center;
	width: 303px;
	border-left: 1px #BABABA solid;
	border-right: 1px #BABABA solid;
}
.menu-block {
	width: calc(100% - 303px);
}
.sub-header:hover {
	background: #9E0909;
}

.sub-header:hover span {
	color: #fff;
}

.sub-header span {
	color: #1E1E1E;
	text-align: center;
	font-family: Rubik;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	/* 125% */
	letter-spacing: 1.6px;
	text-transform: uppercase;
}

#site-navigation {
	padding: 0 0 0 20px;
}

.site-header .main-navigation nav ul li {
	padding-right: 17px;
	margin-bottom: 7px;
}

.site-header .main-navigation>nav>ul>li>a {
	color: #1e1e1e !important;
	font-family: Rubik !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 600;
	line-height: normal !important;
	letter-spacing: -0.5px !important;
	text-transform: uppercase !important;
	padding: 0;
}

.wpml-ls-legacy-list-horizontal span:hover {
	color: #9E0909;
}

.wpml-ls-legacy-list-horizontal a span {
	color: #0C0C0C;
	font-family: Rubik;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 1.6px;
	text-transform: uppercase;
}

.wpml-ls-current-language a span {
	color: #0C0C0C;
	font-family: Rubik;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.6px;
	text-transform: uppercase;
}

.wpml-ls-item-ru a span:before {
	content: '/';
	display: inline-block;
	margin-right: 5px;
}

.wpml-ls-item-en a span:before {
	content: '/';
	display: inline-block;
	margin-right: 5px;
}

.wpml-ls-legacy-list-horizontal a {
	padding: 1px 3px;
}

.breadcrumb-area {
	margin: 20px 0;
}

.code-block-12 #container {
	width: 100%;
}

.single-recipe-layout1 h1, .type-post h1, .type-page h1 {
	font-size: 48px;
	font-weight: 800 !important;
	line-height: 120%;
	text-transform: uppercase;
	margin-top: 30px;
}

.single-recipe-layout1 .item-feature ul, .type-post .item-feature ul, .type-page .item-feature ul {
	text-align: center;
	margin: auto;
	justify-content: center;
}

.single-recipe-layout1 .item-feature ul li .feature-wrap, .type-post .item-feature ul li .feature-wrap, .type-page .item-feature ul li .feature-wrap {
	background: #fff;
}

.single-recipe-layout1 .item-feature ul li .media, .type-post .item-feature ul li .media, .type-page .item-feature ul li .media {
	padding: 20px 5px;
}

.single-recipe-layout1 .entry-metas, .type-post .entry-meta, .type-page .entry-meta {
	margin: 40px auto;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
}

.meta-author {
	display: flex;
	align-items: center;
	margin-bottom: 18px;
}

.meta-date {
	list-style: none;
}

.meta-date span {
	color: #BABABA;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 120%;
	text-transform: uppercase;
}

.auth-top {
	list-style: none;
	font-size: 16px;
	font-weight: 700;
	line-height: 120%;
	text-transform: uppercase;
	padding: 2px 10px;
	color: #fff;
	background: #9E0909;
	margin-right: 12px;
}

.interaction-buttons {
	margin: 30px 0;
}

.button-group {
	display: flex;
	gap: 20px;
	margin-bottom: 30px;
	justify-content: space-between;
}

.interaction-button {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 15px;
	background: none;
	border: none;
	color: #1E1E1E;
	cursor: pointer;
	transition: color 0.3s ease;
}

.interaction-box {
	width: 48px;
	height: 48px;
	color: #9E0909;
	background: #9E0909;
	padding: 9px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.interaction-button svg {
	width: 30px;
	height: 30px;
	color: #9E0909;
}

.interaction-button:hover {
	color: #9E0909;
}

.divider {
	border: none;
	border-top: 1px solid #1E1E1E;
	margin: 0;
}

@media (max-width: 768px) {
	.button-group {
		flex-wrap: nowrap;
		justify-content: space-between;
		gap: 15px;
	}
}

.post-author a {
	color: #1E1E1E !important;
}

.post-author a:hover {
	color: #9E0909 !important;
}

.single-recipe-layout1 .entry-meta .single-meta {
	color: #1E1E1E;
	font-family: Rubik;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	text-transform: uppercase;
}

.type-post .excerpt p {
	width: 90%;
}

/*.checkbox-primary span {
	font-weight: 600;
}*/
.excerpt p {
	color: #1E1E1E;
	font-size: 20px;
	font-weight: 500;
	line-height: 160%;
	margin-bottom: 40px;
}

.rt-single-content p {
	font-weight: 300;
}

.rt-single-content h2 span {
	color: #000;
	text-align: center;
	font-size: 30px !important;
	font-style: normal;
	font-weight: 800 !important;
	line-height: 120% !important;
	text-transform: uppercase;
	margin: 40px 0;
}

.rt-single-content h2 {
	color: #000;
	text-align: center;
	font-size: 30px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	text-transform: uppercase;
	margin: 40px 0;
}

.rt-single-content h3 span {
	color: #000;
	text-align: center;
	font-size: 26px !important;
	font-style: normal;
	font-weight: 800 !important;
	line-height: 120% !important;
	text-transform: uppercase;
	margin: 40px 0;
}

.rt-single-content h3 {
	color: #000;
	text-align: center;
	font-size: 26px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	text-transform: uppercase;
	margin: 40px 0;
}

.rt-single-content h4 {
	color: #000;
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	text-transform: uppercase;
	margin: 40px 0;
}

.rt-single-content ol li::marker, .cat-desc ol li::marker, .section-paragraph ol li:marker {
	color: #c5181d;
	font-size: 14px;
	font-weight: 700;
}

.single-post h1 {
	margin-top: 0;
}

.rt-related-post .title-section h2 {
	color: #000;
	font-size: 48px;
	font-style: normal;
	font-weight: 900;
	line-height: 91.838%;
}

.rt-single-content ul li::before, .cat-desc ul li::before, .section-paragraph ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 25px;
	height: 24px;
	background-image: url('/wp-content/themes/ranna-child/assets/img/liststyle.svg');
	background-position: center;
	background-size: contain;
}

.rt-single-content ol li, .rt-single-content ul li, .cat-desc ol li, .cat-desc ul li, .section-paragraph ul li {
	font-weight: 300;
	margin-bottom: 20px;
	padding-left: 30px;
	position: relative;
	font-size: 17px;
	list-style: none;
}

.su-quote {
	margin: 30px 0 0 0 !important;
	border-radius: 0;
	padding: 0 0 30px !important;
	font-size: 22px;
	color: #000000;
	font-family: 'Rubik';
	font-style: italic;
	position: relative;
	background-color: #fff0;
	line-height: 33px;
}

.rt-related-post .rtin-img img {
	aspect-ratio: 10 / 6;
}

.su-quote .su-quote-inner {
	padding: 0 45px;
	line-height: 33px;
	font-weight: 500 !important;
}

.su-quote .su-quote-cite {
	font-weight: 300;
	font-size: 12px;
	text-align: left !important;
	text-transform: uppercase;
	margin-top: 15px !important;
}

.su-quote-style-default:after {
	content: '';
	background-image: none !important;
}

.su-quote-style-default:before {
	content: url(/wp-content/themes/ranna-child/icons/quote.svg) !important;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1;
	background-image: none !important;
}

.su-quote-style-default .su-quote-cite:before {
	content: '' !important;
}

.su-posts {
	padding: 20px 30px;
	border-bottom: 1px solid #000;
	margin: 20px 0;
}

.su-posts .su-post {
	width: 49%;
	display: inline-block;
	position: relative;
	vertical-align: bottom;
	margin-bottom: 0 !important;
}

.su-posts .su-post a {
	width: 33%;
	height: auto;
	font-weight: 600;
	font-size: 14px;
	color: #000;
	text-transform: none;
}

.su-posts-teaser-loop .su-post-thumbnail img {
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
}

.su-title-posts {
	padding: 15px 0;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
	position: relative;
}

.su-title-posts:before {
	content: '';
	border-bottom: 1px solid #000;
	width: 42%;
	position: absolute;
	left: -30px;
	top: 50%;
}

.su-title-posts:after {
	content: '';
	border-bottom: 1px solid #000;
	width: 42%;
	position: absolute;
	right: -30px;
	top: 50%;
}

.su-note {
	background: url(/wp-content/uploads/2021/02/image-51.png);
	padding: 60px 10%;
	position: relative;
	border: none !important;
	border-radius: 0 !important;
	background-size: cover;
}

.su-note-befor {
	position: absolute;
	margin: auto;
	transform: rotate(270deg);
	left: -50px;
	top: 45%;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 0.06em;
}

.su-note-inner {
	background-color: rgba(255, 255, 255, 0.85) !important;
	border-color: #ffffff00 !important;
	border-radius: 0 !important;
}

.su-note:before {
	content: '';
	width: 40px;
	height: 100%;
	left: 0;
	position: absolute;
	background: #c5181d;
	top: 0;

}

.feature-title {
	font-family: Rubik;
	font-weight: 600;
	font-size: 10px !important;
	margin: 13px 0 10px;
	line-height: 12px;
	text-transform: uppercase;
	color: #000000 !important;
}

.feature-sub-title {
	font-family: Rubik;
	font-weight: 300;
	font-size: 12px;
	line-height: 12px;
	text-transform: lowercase;
}

.single-recipe-layout1 .item-feature ul li, .type-post .item-feature ul li {
	flex: 0 0 15% !important;
	position: relative;
}

.single-recipe-layout1 .item-feature ul li .space-sm, .type-post .item-feature ul li .space-sm {
	margin-left: 0 !important;
}

.single-recipe-layout1 .entry-meta {
	position: relative;
	padding: 0 10px;
	margin-bottom: 15px;
}

.single-recipe-layout1 .ctg-name {
	margin-right: 0;
}

.single-recipe-layout1 .item-feature ul li:nth-child(3):before {
	content: '';
	border-right: 1px solid #000;
	height: 40px;
	position: absolute;
	top: 40%;
	display: block;
	left: 0;
}

.single-recipe-layout1 .item-feature ul li:nth-child(2):before {
	content: '';
	border-left: 1px solid #000;
	height: 40px;
	position: absolute;
	top: 40%;
	display: block;
	left: 0;
}

.type-post .entry-meta .post-light {
	position: relative;
	padding-left: 0px;
	line-height: 1;
	margin-bottom: 0px;
}

.type-post .entry-meta .post-light li {
	display: inline-block;
	padding: 0 10px;
	position: relative;
}

.type-post .entry-meta .post-light li:nth-child(1) {
	font-weight: 300;
	font-size: 10px;
	line-height: 12px;
	color: #2D2D2D;
}

.type-post .entry-meta .post-light li:nth-child(2) {
	font-weight: 600;
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	color: #C5181D;
}

.type-post .entry-meta .post-light li:nth-child(1):after {
	content: '';
	border-left: 1px solid #000;
	height: 100%;
	position: absolute;
	top: 0;
	display: block;
	right: 0;
}

@media only screen and (min-width:479px) {
	.entry-metas .entry-meta:nth-child(3):before {
		content: '';
		border-left: 1px solid #000;
		height: 45%;
		position: absolute;
		top: 7px;
		display: block;
		left: 0;
	}
}

.bef-slash:before {
	content: '';
	border-left: 1px solid #000;
	height: 60%;
	position: absolute;
	top: 5px;
	display: block;
	left: 0;
}

.bef-slash {
	padding-left: 10px;
	position: relative;
}

.post-author img {
	border-radius: 50%;
	margin-right: 10px;
}

.post-author {
	margin-bottom: 0 !important;
}

.ingridients-wrap .item-title:before, .nutrition-value-wrap .item-title:before {
	content: url(/wp-content/themes/ranna-child/assets/img/ing.svg);
	margin-right: 12px;
	display: inline-block;
}

.ingerdient-section:nth-child(odd) {
	padding-right: 45px;
}

.ingerdient-section:nth-child(even) {
	padding-left: 45px;
}

.ingredient-list .checkbox-primary {
	position: relative;
	padding: 25px 0 0;
}

.ingerdient-section:nth-child(odd):after {
	content: '';
	position: absolute;
	right: 0;
	top: 30%;
	height: 50%;
	border-right: 1px solid #000;
}

.ingredient-list div {
	color: #1E1E1E;
	font-size: 18px;
	font-weight: 300;
	line-height: 160%;
}

.ingredients-title {
	color: #000;
	font-size: 18px;
	font-weight: 500 !important;
	line-height: 120% !important;
	padding: 25px 0 0;
}

.ingridients-wrap .item-title, .nutrition-value-wrap .item-title {
	margin-bottom: 0;
	display: flex;
	align-items: center;

}

.direction-wrap-layout1 h2 {
	margin-bottom: 0;
}

.ingridients-wrap {
	padding: 33px;
}

.ingredient-list {
	border-radius: 18px;
	border: 2px solid #F5EBDF;
	background: #F5EBDF;
}

.direction-wrap-layout1 h2, .title-item-align {
	color: #F5EBDF;
	font-size: 48px;
	font-weight: 800;
	line-height: 91.838%;
}

.ingridients-wrap h2 {
	color: #000;
	font-size: 20px;
	font-weight: 800;
	line-height: 120%;
	text-transform: uppercase;
	margin-bottom: 0;
}

.ingredient-list {
	box-shadow: none;
}

.ingridients-wrap .checkbox label:before {
	top: 2px;
	width: 15px;
	height: 15px;
}

.checkbox-primary label {
	font-weight: 400;
}

.single-recipe-layout1 .item-feature {
	margin-bottom: 0;
}

.avg.item-rating li {
	font-size: 10px;
	margin-right: 0;
}

.single-recipe-layout1 .entry-meta .single-meta .item-rating li.star-fill>i {
	color: #111111;
	font-size: 12px;
}

.elementor-nav-menu--dropdown.elementor-nav-menu__container {
	overflow: hidden;
}

.no-banner .single-recipe-layout1 h1, .type-post h1 {
	margin-bottom: 0;
}

.single-recipe-layout1 .direction-wrap-layout1 .serial-number {
	background-color: #C5181D !important;
}

.single-recipe-layout1 .direction-wrap-layout1 .serial-number:after {
	border-left: 15px solid #C5181D !important;
	border-right: 25px solid transparent;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
}

.direction-wrap-layout1 .serial-number {
	font-size: 10px;
	line-height: 20px;
	font-weight: 600;
	text-transform: uppercase;
}

.direction-st .col-lg-2 {
	padding-left: 32px;
	max-width: 130px;
}

.direction-st .col-lg-9 {
	flex: 0 0 696px;
	max-width: 100%;
}

.direction-st .serial-number:before {
	content: url(/wp-content/themes/ranna-child/icons/ellipse.svg);
	padding: 0 10px 0px 0;
	position: relative;
	top: -1px;
}

.section-paragraph {
	margin-bottom: 40px !important;
}

.button-buy {
	color: #fff !important;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	padding: 12px 22px;
	background: #116B4B;
}

.ft-post-img {
	width: 125px;
	display: inline-block;
	margin: 20px 0 0;
}

.ft-post-title {
	display: inline-block;
	max-width: 49%;
	margin: 20px 0 0 10px;
	vertical-align: top;
}

.ft-post-title a {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #000 !important;
}

.border-style-slider {
	border: 0.3px solid #4D4D4D;
	padding: 30px 20px;
}

.text-style-slider {
	font-weight: 300;
	font-size: 12px;
	line-height: 15px;
}

.text-style-slider a {
	margin-top: 15px;
}

.home .border-style-home {
	border-style: hidden !important;
}

.fa-angle-right:before {
	content: ' ' !important;
	background: url(/wp-content/themes/ranna-child/icons/right-arrow.svg);
	display: block;
	width: 20px;
	height: 20px;
}

.fa-angle-left:before {
	content: ' ' !important;
	background: url(/wp-content/themes/ranna-child/icons/left-arrow.svg);
	display: block;
	width: 20px;
	height: 20px;
}

.eicon-menu-bar:before {
	content: ' ' !important;
	background: url(/wp-content/themes/ranna-child/icons/sandwich.svg);
	display: block;
	width: 32px;
	height: 20px;
}

.elementor-menu-toggle.elementor-active .eicon-menu-bar:before {
	content: ' ' !important;
	background: url(/wp-content/themes/ranna-child/icons/cross.svg);
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

#filter-color .elementor-image-box-title {
	position: relative;
}

#filter-color .elementor-image-box-wrapper .elementor-image-box-title a:hover:after {
	content: '';
	border-bottom: 6px solid rgba(197, 24, 29, 0.6);
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 3px;
}

#filter-color .elementor-image-box-wrapper:hover figure img {
	filter: invert(16%) sepia(100%) saturate(3776%) hue-rotate(349deg) brightness(77%) contrast(100%);
}

.product-box-layout1 .item-content .entry-meta {
	background-color: #ffffff00;
}

.rtin-content-block .feature-sub-title {
	display: inline-block;
	vertical-align: 70%;
	margin-left: 5px;
}

.site-header .main-navigation ul>li>ul {
	display: flex !important;
	flex-direction: column;
	background: #fff;
}

.rtin-content-block .entry-meta li:nth-child(2):before {
	content: '';
	border-left: 1px solid #000;
	height: 40px;
	position: absolute;
	top: 3px;
	display: block;
	left: 0;
}

.rtin-content-block .entry-meta li:nth-child(3):before {
	content: '';
	border-left: 1px solid #000;
	height: 40px;
	position: absolute;
	top: 3px;
	display: block;
	left: 0;
}

.rtin-content-block .entry-meta li:nth-child(2) .feature-wrap {
	padding: 10px 0 10px 10px;
}

.rtin-content-block .entry-meta li:nth-child(3) .feature-wrap {
	padding: 10px 0 10px 10px;
}

.rtin-content-block .entry-meta ul li {
	position: relative;
}

.vertical-style .feature-sub-title {
	vertical-align: inherit;
}

.rtin-content-block .post-meta li:nth-child(2):before {
	content: '';
	border-left: 1px solid #000;
	height: 40px;
	position: absolute;
	top: 3px;
	display: block;
	left: 0;
}

.rtin-content-block .post-meta li:nth-child(3):before {
	content: '';
	border-left: 1px solid #000;
	height: 40px;
	position: absolute;
	top: 3px;
	display: block;
	left: 0;
}

.rtin-content-block .post-meta li:nth-child(2) .feature-wrap {
	padding: 10px;
}

.rtin-img {
	border-radius: 0 !important;
}

.direction-wrap {
	margin: 40px 0;
}

.direction-step {
	display: flex;
	gap: 30px;
	margin-bottom: 40px;
}

.step-icon {
	flex-shrink: 0;
	position: relative;
	width: 104px;
	text-align: center;
	height: 100%;
}

.step-number {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #FFF;
	font-size: 18px;
	font-weight: 800;
	line-height: 120%;
	text-transform: uppercase;
}

.step-content .step-text {
	color: #000;
	font-weight: 300;
	line-height: 120%;
	padding-top: 15px;
}

/* Якщо текст надто довгий і вилазить за межі */
.step-number {
	width: 100%;
	padding: 0 5px 0 11px;
}

.step-content {
	flex-grow: 1;
}

.step-image {
	margin-top: 20px;
}

.step-image img {
	max-width: 100%;
	height: auto;
}

.direction-conclusion {
	margin-top: 30px;
	color: #1E1E1E;
	font-size: 18px;
	font-weight: 300;
	line-height: 150%;
}

@media (max-width: 768px) {
	.direction-step {
		flex-direction: row;
		gap: 15px;
	}

	.step-content .step-text {
		padding: 0;
		font-size: 17px;
		min-height: 56px;
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.step-icon {
		align-self: flex-start;
	}

	.um-user-bookmarks-button i {
		font-size: 1em !important;
		margin: 0;
		border: 2px solid;
		padding: 1px 7px !important;
		border-radius: 50%;
	}

	.step-text a {
		display: contents;
	}
}

.um-user-bookmarks-button i {
	font-size: 1.8em;
	margin: 0;
	border: 2px solid;
	padding: 6px 10.6px;
	border-radius: 50%;
}

#recomend_home .post-meta:after {
	content: '';
	border-bottom: 0.5px solid #000000;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -7px;
}

#recomend_home .post-meta {
	position: relative;
}

#recomend_home .rtin-title {
	margin-top: 30px;
}

#form, #formmob {
	padding: 20px;
	background-color: rgba(14, 82, 57, 0.6);
	display: none;
	position: absolute;
	width: 102vw;
	left: 0px;
	transform: translate(-50%, 141%);
	z-index: 100;
}

#open-search, #open-searchmob {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 600;
	color: #2D2D2D;
	padding: 0 20px;
	cursor: pointer;
}

#open-search:before, #open-searchmob:before {
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	content: url(/wp-content/themes/ranna-child/icons/search.svg);
	width: 20px;
	height: 20px;
}

.advanced-search input.form-control {
	border-radius: 0 !important;
	border: 1px solid #000000 !important;
	border-right: 0 !important;
}

.adv-search-wrap.search-layout2 .btn-group .input-group-btn button.btn-adv-serch {
	border-top: 1px solid #000 !important;
	border-bottom: 1px solid #000 !important;
	border-radius: 0;
	border-left: 0 !important;
}

.adv-search-wrap.search-layout2 .btn-group .input-group-btn button.btn-search {
	width: 40px !important;
	border-radius: 0 !important;
	background: #C5181D;
}

.adv-search-wrap.search-layout2 .btn-group .input-group-btn button.btn-adv-serch {
	flex-direction: row-reverse;
}

.adv-search-wrap.search-layout2 .btn-group .input-group-btn button.btn-adv-serch i {
	margin-left: 6px;
}

.advance-search-form {
	position: relative !important;
	padding: 15px 10px 5px 20px !important;
	margin-top: 5px !important;
	background: #F5F5F5 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.advance-search-form .col-lg-3 {
	flex: 0 0 25%;
}

.adv-search-wrap .btn-adv-serch {
	text-transform: uppercase !important;
	font-size: 10px !important;
	font-weight: 600 !important;
}

.adv-search-wrap.search-layout2 .advance-search-form .checkbox-primary input[type="checkbox"]:checked+label::before {
	box-shadow: none !important;
}

.adv-search-wrap.search-layout2 .advance-search-form .checkbox label:after {
	top: 1px !important;
}

.adv-search-wrap h3 {
	padding-bottom: 15px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #000000 !important;
}

.adv-search-wrap.search-layout2 input.form-control {
	font-size: 12px !important;
	color: #2d2d2d !important;
	text-transform: uppercase !important;
}

.adv-search-wrap.search-layout2 .advance-search-form .checkbox label {
	color: #000000 !important;
	font-size: 12px !important;
	text-transform: inherit !important;
	font-weight: 300 !important;
	padding-top: 3px;
}

.adv-search-wrap.search-layout2 .advance-search-form .search-items li {
	width: 100% !important;
	list-style: none;
}

.rt-search-post .adv-search-wrap .advance-search-form {
	left: 0;
	right: 0;
}

.breadcrumb-area a {
	color: #731414 !important;
	font-size: 14px !important;
	font-weight: 500;
	line-height: 140% !important;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
	text-transform: uppercase;
}

.breadcrumb-area span {
	color: #731414 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 140% !important;
	text-transform: uppercase;
}

#main .tag-share {
	border-top: 1px solid #7E7E7E;
	border-radius: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: none;
	padding: 20px 0;
	margin-bottom: 40px;
}

.single-ranna_recipe .content-area, .archive .content-area, .single-post .content-area {
	padding-bottom: 0;
}

.tax-ranna_recipe_cuisine .sec-title-holder {
	text-align: center;
}

#tag-section {
	display: block;
}

#tag-section ul {
	justify-content: left;
}

#tag-section .tag-meta .single-meta a {
	background: none;
	border: 1px solid #7E7E7E;
	padding: 5px 15px;
	text-transform: uppercase;
	font-size: 10px;
}

#tag-section .tag-meta .single-meta a:hover {
	background: none;
	border: 1px solid #C5181D;
	color: #000;
}

#tag-section .tag-social a {
	background: #000;
	border: none;
}

.type-post #tag-section .tag-social a {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	margin: 0 1px;
}

.type-post #tag-section .tag-social .social-text {
	display: none;
}

.type-post #tag-section .tag-social .bottom-share {
	padding-left: 0;
	margin-left: 0;
}

.type-post #tag-section {
	padding-left: 0;
}

.rt-related-post-info h3 {
	font-weight: 500 !important;
}

.single-recipe-layout1 .tag-share ul li .inner-tag li a {
	color: #1E1E1E;
	font-size: 16px;
	font-weight: 600;
	line-height: 120%;
	letter-spacing: 0.64px;
	text-transform: uppercase;
	padding: 0;
	background-color: #fff0;
}

.tags-names {
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	line-height: 120%;
	text-transform: uppercase;
	background-color: #9E0909;
	padding: 2px 10px;
}

.star-rating {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap: 15px;
	position: relative;
	height: 40px;
}

.ret {
	margin: 35px 0 25px;
}

.comment-reply-title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 24px;
	text-transform: uppercase;
}

.comment-templates {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 24px;
}

.comment-template-btn {
	background: #3C916C;
	color: white;
	border: none;
	padding: 8px 16px;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
	white-space: nowrap;
}

#comment {
	width: 100%;
	min-height: 160px;
	border-radius: 18px;
	border: 0.5px solid #000;
	padding: 30px 20px 10px;
	font-size: 18px;
	margin-bottom: 16px;
	resize: vertical;
	font-weight: 300;
}

#author,
#email {
	width: 40%;
	height: 48px;
	border-radius: 18px;
	border: 0.5px solid #000;
	padding: 0 16px;
	font-size: 16px;
	margin-bottom: 16px;
}

.email-row {
	display: flex;
	align-items: center;
	gap: 16px;
}

.save-data {
	flex-grow: 1;
	color: #1E1E1E;
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.18px;
}

.save-data label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	cursor: pointer;
	justify-content: flex-end;
}

#commentform>.comment-form-attachment {
	position: relative;
	padding-left: 100px;
	margin: 50px 0;
}

.comment-form-attachment__file-types-notice {
	display: none !important;
}

/* Стилізуємо label замість псевдоелемента */
.custom-file-upload {
	content: '';
	background: url('/wp-content/themes/ranna/assets/img/camera.svg');
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 18px;
	border: 0.5px dashed #525252;
	padding: 35px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	display: block;
}

.single-recipe-layout1 .comments-area.leave-review {
	margin-bottom: 40px;
}

/* Додаємо hover ефект */
.custom-file-upload:hover {
	border-color: #000;
	background-color: rgba(0, 0, 0, 0.02);
}

.save-data input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: 0;
}

.upload-photo {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
}

.upload-photo-icon {
	width: 48px;
	height: 48px;
	border: 1px dashed #999;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.upload-photo-text {
	font-size: 14px;
	line-height: 20px;
}

.upload-photo-text small {
	color: #666;
}

.submit-comment-btn {
	background: #A61C1C;
	color: white;
	border: none;
	padding: 22px 32px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
	width: 100%;
	max-width: 320px;
}

.submit-comment-btn:hover {
	background-color: #3c916c;
}

/* Reset WordPress styles */
#respond {
	margin: 0;
	padding: 0;
}

.sub-content .content-wrapper {
	max-width: 870px;
}

.comment-form {
	margin: 0;
}

.comment-form p {
	margin: 0;
}




.star-rating input {
	display: none;
}

.star-rating label {
	cursor: pointer;
	width: 32px;
	height: 32px;
	position: relative;
	z-index: 2;
}

.star-rating label svg {
	width: 100%;
	height: 100%;
}

.star-rating label svg path {
	transition: fill 0.3s ease;
	fill: #D9D9D9;
}

/* Заповнені зірки при наведенні */
.star-rating label:hover svg path,
.star-rating label:hover~label svg path {
	fill: #9E0909;
}

/* Контейнер для поточного рейтингу */
.current-rating {
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	display: flex;
	flex-direction: row;
	gap: 15px;
	z-index: 1;
}

/* Стилі для зірок у поточному рейтингу */
.current-rating label {
	cursor: default;
}

.current-rating label svg path {
	fill: #9E0909;
}

@keyframes starPulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}

.rating-animate {
	animation: starPulse 0.5s ease-in-out;
}


.tags-section {
	padding: 40px 0;
	border-bottom: 1px solid #6D6666;
}

.tag-name li {
	display: flex;
}

.single-recipe-layout1 .tag-share ul li .inner-tag {
	gap: 25px;
	margin-left: 25px;
}

.tag-name-s li {
	display: flex;
}

.related-post h3 {
	font-weight: 500 !important;
}

.related-post .post-grid-style1 {
	display: flex;
	position: relative;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: start;
	align-content: flex-start;
}

.elementor-nav-menu--dropdown .sub-arrow {
	padding: 12px;
}

.su-note-bef {
	margin-left: 40px;
	text-align: center;
}

.su-posts .su-post-title {
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
	margin-left: 35% !important;
	line-height: 18px;
}

.rt-related-post h2 {
	font-weight: 600;
	font-size: 28px;
	line-height: 34px;
	text-transform: uppercase;
	text-align: center;
}

#form .search-form, #formmob .search-form {
	width: 40%;
	margin: 0 auto;
	border: 1px solid #116B4B;
}

#form .search-form button, #formmob .search-form button {
	padding: 10px 20px;
	width: 50px;
	height: 50px;
	background: #c5181d !important;
}

.cook_sh {
	background: #fff;
	padding: 30px 0;
}

.cook_sh:hover {
	background: rgba(47, 47, 47, 0.5);
	transition: 0.5s;
}

.cook_10 {
	border: 1px solid #7E7E7E;
	margin: 5px 0 0 0;
	background-size: cover !important;
}

.cook_10 .ft-post-img {
	width: 50px;
	margin: 0 5px 0 20px;
}

.cook_10 .ft-post-title {
	margin: 5px 0 0 10px;
	max-width: 63%;
	vertical-align: middle;
}

.cook_10 .ft-post-title a {
	color: #000 !important;
}

.cook_10:hover .ft-post-title a {
	color: #fff !important;
	transition: 0;
}

.cook_10 svg {
	fill: #116B4B;
}

.cook_10:hover svg {
	fill: #ffffff;
}

.pld-like-dislike-wrap.pld-custom img {
	margin-top: -3px;
}

.list_border {
	margin-left: 5px !important;
}

.list_border li:nth-child(1) {
	margin-top: 20px;
}

.list_border li:nth-child(2) {
	margin: 20px 0;
	padding: 20px 0;
	position: relative;
}

.list_border li:nth-child(2):before {
	content: '';
	border-top: 1px solid #888;
	position: absolute;
	width: 102%;
	left: -25px;
	top: 0;
}

.list_border li:nth-child(2):after {
	content: '';
	border-bottom: 1px solid #888;
	position: absolute;
	width: 102%;
	left: -25px;
	bottom: 0;
}

.cat_h2 h2, .stravy-h1 h1 {
	font-family: Rubik;
	font-weight: 600;
	font-size: 28px;
	line-height: 34px;
	text-transform: uppercase;
	border-bottom: 3px solid #000;
	width: 486px;
	margin: 20px auto 10px;
	max-width: 100%;
	text-align: center;
	padding-bottom: 10px;
}

.contact_style .su-u-trim {
	padding: 40px 20px 10px;
	border: 40px solid #F8F8F8;
	height: 266px;
}

.contact_style strong {
	font-size: 16px;
	font-weight: 400;
}

.cat-desc h2 {
	font-size: 22px;
	font-weight: 400;
}

.cat-desc h3 {
	font-size: 18px;
	font-weight: 400;
}

.cat-desc h4 {
	font-size: 16px;
	font-weight: 400;
}

.cat-desc h2 span, .cat-desc h3 span, .cat-desc h4 span, .cat-desc h5 span, .cat-desc h6 span, .cat-desc p span, .cat-desc p, .cat-desc li span, .cat-desc ol li, .cat-desc ul li {
	font-family: Rubik, sans-serif !important;
	font-weight: 400;
}

.single-recipe-layout1 .wp-post-image {
	width: 100%;
}

#breadcrumbs {
	margin-left: -10px;
}

#breadcrumbs span {
	font-size: 10px;
	text-transform: uppercase;
}

#breadcrumbs span a:first-child {
	padding: 0 10px;
}

#breadcrumbs span a {
	padding-left: 10px;
}

#breadcrumbs span span span a {
	padding: 0 10px;
}

#breadcrumbs .breadcrumb_last {
	padding-left: 10px;
}

#more_posts {
	padding: 10px 20px;
	background: #116b4b;
	color: #fff;
	margin: 0 auto;
	cursor: pointer;
	margin-bottom: 50px;
	text-transform: uppercase;
	width: 200px;
	text-align: center;
}

#more_posts:hover {
	background: #0d4632;
}

.misha_loadmore, .load-more-btn {
	padding: 10px 20px;
	background: #116b4b;
	color: #fff;
	margin: 0 auto;
	cursor: pointer;
	margin-bottom: 50px;
	text-transform: uppercase;
	text-align: center;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.misha_loadmore:hover, .load-more-btn:hover {
	background: #0d4632;
	color: #fff;
}

.load-more-btn {
	display: flex;
	justify-content: center;
}

.load-more-btn:focus {
	outline: none !important;
}

.cat-desc {
	font-size: 14px;
	line-height: 18px;
}

.entry-content .blog-post-button {
	color: #ffffff;
	background: #116b4b;
}

.entry-content .blog-post-button i:before {
	color: #ffffff !important;
}

.search .post-grid-default .rtin-single-post .rtin-content h3 {
	text-align: center;
}

.search .cat_h2 h2, .tax-ranna_recipe_ingredient .cat_h2 h2, .tax-ranna_recipe_cuisine .cat_h2 h2 {
	border-bottom: none;
	width: 100%;
	text-align: left;
}

.search .product-box-layout1 {
	height: auto !important;
}

.rtin-single-post .entry-meta ul {
	padding-left: 0;
}

.adv_style .su-u-trim {
	width: 86%;
	margin: 20px auto;
	padding: 40px 20px 20px 115px;
	position: relative;
	height: auto;
}

.adv_style p {
	font-weight: 400;
}

.adv_style .global-gr .su-u-trim:before {
	content: url(/wp-content/themes/ranna-child/icons/global.svg);
	position: absolute;
	left: 45px;
	top: 25px;
}

.adv_style .social-gr .su-u-trim:before {
	content: url(/wp-content/themes/ranna-child/icons/social-gr.svg);
	position: absolute;
	left: 45px;
	top: 25px;
}

.adv_style .youtube-gr .su-u-trim:before {
	content: url(/wp-content/themes/ranna-child/icons/youtube-gr.svg);
	position: absolute;
	left: 45px;
	top: 25px;
}

.adv_style .mc-gr .su-u-trim:before {
	content: url(/wp-content/themes/ranna-child/icons/mc-gr.svg);
	position: absolute;
	left: 45px;
	top: 25px;
}

.adv_style .content-gr .su-u-trim:before {
	content: url(/wp-content/themes/ranna-child/icons/content-gr.svg);
	position: absolute;
	left: 45px;
	top: 25px;
}

.adv_style .media-kit-gr .su-u-trim:before {
	content: url(/wp-content/themes/ranna-child/icons/media-kit.svg);
	position: absolute;
	left: 45px;
	top: 25px;
}

.form-86 h2 {
	font-size: 22px;
	color: #c5181d;
}

.form-86 a {
	color: #116B4B !important;
	text-decoration: underline;
}

.form-86 p {
	font-weight: 400;
}

.form-86 span {
	font-size: 12px;
	line-height: 15px;
	color: #B8B8B8;
}

.form-86 input {
	border: none !important;
	border-bottom: 1px solid #B8B8B8 !important;
	padding: 10px 0 !important;
}

.form-86 textarea {
	border: none !important;
	border-bottom: 1px solid #B8B8B8 !important;
	padding: 10px 0 !important;
	max-height: 400px !important;
	height: 100px;
}

.form-86 .check_label span {
	font-size: 14px;
	line-height: 22px;
	color: #1c1c1c;
	font-weight: 300;
}

.form-86 .check_label input {
	width: 24px;
	height: 24px;
	vertical-align: bottom;
}

.form-86 .check_label .wpcf7-list-item {
	margin: 30px 0;
}

.form_button input {
	background: #116b4b !important;
	width: auto !important;
	padding: 12px 46px !important;
	font-size: 10px !important;
}

.form_button input:hover {
	background: #C5181D !important;
}

.post-grid-style4 .rtin-content {
	margin: 0;
}

.play {
	background: no-repeat scroll 0 0 transparent;
	width: 88px;
	height: 63px;
	position: absolute;
	left: 43%;
	left: calc(50% - 44px);
	left: -webkit-calc(50% - 44px);
	top: 38%;
	top: calc(50% - 31px);
	top: -webkit-calc(50% - 31px);
	background-image: url(/wp-content/uploads/2021/03/lytesprite.png);
}

.youtube-container-parent {
	cursor: pointer;
}

#loadMore {
	display: flex;
	width: 180px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

#loadMore span {
	margin: 0 auto;
}

#loadMore:focus {
	box-shadow: none;
}

.post-list-style3 .feature-sub-title {
	vertical-align: middle;
}

.home .rtin-content-block .feature-sub-title {
	vertical-align: middle;
}

.woocommerce ul.products li.product h3 a {
	font-size: 18px;
}

.leave-review h2 {
	color: #000;
	font-size: 32px;
	font-weight: 800;
	line-height: 120%;
	text-transform: uppercase;
}

.leave-review .comment-notes {
	font-size: 10px;
}

.leave-review form .form-group textarea::placeholder {
	font-size: 12px;
	color: #888;
}

.leave-review form input::placeholder {
	font-size: 12px;
	color: #888;
}

.leave-review .form-submit input {
	font-size: 12px !important;
	color: #fff !important;
	padding: 15px 25px !important;
	line-height: 14px !important;
	height: auto !important;
}

.leave-review .logged-in-as {
	font-size: 12px;
}

.comment-form-cookies-consent label {
	font-size: 12px;
	color: #888;
}

.single-page .single-recipe-layout1 .entry-meta, .single-page .single-recipe-layout1 .entry-metas {
	margin: 0 auto 15px;
}

@media (min-width: 1199px) and (max-width: 1601px) {
	#form, #formmob {
		width: 105vw;
		transform: translate(-62%, 141%);
	}
}

@media only screen and (min-width: 769px) {
	#div-gpt-ad-1617382132114-0 {
		display: none;
	}

	#div-gpt-ad-1617384123466-0 {
		display: none;
	}
}

@media only screen and (min-width: 1199px) {
	#div-gpt-ad-1638538248948-0 {
		display: none;
	}

	.oc_mob_menu {
		display: none !important;
	}

	.mob_nav {
		display: none;
	}

	#footer-2 .col-lg-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.elementor-nav-menu--dropdown.elementor-nav-menu__container {
		transition: 0.3s;
		padding-bottom: 30px;
	}

	.direction-wrap-layout1 .item-title:before {
		position: absolute;
	}

	.direction-wrap-layout1 .section-heading {
		padding: 40px 0 70px;
		position: relative;
	}

	.direction-wrap-layout1 .item-heading {
		margin-left: 90px;
	}

	#tag-section div:nth-child(2) {
		margin: 0 0 30px 0;
	}

	.form-86 {
		width: 86%;
		margin: auto;
	}

	.form-86 form:before {
		content: url(/wp-content/uploads/2021/03/dsc_5516-1.png);
		position: absolute;
	}

	.form-86 form {
		position: relative;
	}

	.mb-40 {
		margin-bottom: 40px !important;
	}

	.mt-40 {
		margin-top: 40px !important;
	}

	.mobile_show {
		display: none;
	}

	#slider_home .post-slider-style2 .rtin-single-post {
		height: 600px;
	}

	#slider_home .rtin-img {
		height: 100%;
	}

	#slider_cat .rtin-img {
		height: 580px;
	}

	#slider_cat .rtin-img img {
		height: 580px;
	}

	#slider_home .owl-carousel .owl-item img {
		height: 100%;
		object-fit: cover;
	}

	.rtin-single-post .rtin-img img {
		object-fit: cover;
	}

	.whats_cook_icon_box .elementor-image-box-content {
		border-bottom: 0.5px solid #7E7E7E;
		padding: 15px 0;
	}
}

@media only screen and (min-width: 767px) {
	.deskhide {
		display: none !important;
	}
}

@media only screen and (max-width: 767px) {
	.mobhide {
		display: none !important;
	}

	#div-gpt-ad-1617384123466-0 {
		margin: 15px auto;
	}

	.text-style-slider {
		display: none;
	}

	.ocourse {
		display: none;
	}

	#footer-2 .copyright {
		padding: 0 15px;
	}

	#footer-2 .widget_nav_menu {
		margin: 0 auto 10px !important;
	}

	.footer-top-area .widget {
		margin-bottom: 15px;
	}

	.elementor-search-form--skin-full_screen .elementor-search-form__container {
		top: 105px;
		height: 80px;
	}

	.single-recipe-layout1 .item-feature ul li:nth-child(3):before {
		top: 25%;
	}

	.single-recipe-layout1 .item-feature ul li:nth-child(2):before {
		top: 25%;
	}

	.single-recipe-layout1 .item-feature ul li, .type-post .item-feature ul li {
		flex: 0 0 25% !important;
	}

	.single-recipe-layout1 .item-feature ul li .feature-title {
		display: none;
	}

	.single-recipe-layout1 .item-feature ul li .feature-sub-title {
		padding-top: 10px;
	}

	.ingridients-wrap .item-title:before {
		margin: 0 15px 0 0;
	}

	#recomend_home .post-list-default .post-meta ul {
		text-align: center;
	}

	#recomend_home .post-list-style3 .rtin-single-post .rtin-img {
		margin-right: 0;
	}

	.elementor-nav-menu--dropdown ul.elementor-nav-menu {
		padding-bottom: 40px;
	}

	.post-slider-style2 .post-meta {
		display: block;
	}

	.post-grid-default .rtin-single-post .post-meta ul {
		padding-right: 0px;
	}

	.post-meta .entry-meta li:nth-child(2) {
		margin: 0 10px !important;
	}

	.border-style-slider .post-meta .entry-meta li:nth-child(2) {
		margin: 0 25px !important;
	}

	.post-meta .rt-cook-time {
		margin-right: 0 !important;
	}

	.post-meta .feature-title {
		display: none;
	}

	.post-meta .feature-sub-title {
		padding-top: 10px;
	}

	.elementor-nav-menu--dropdown {
		overflow: auto;
	}

	.elementor-nav-menu--burger {
		max-width: 102vw !important;
		width: 102vw !important;
	}

	.owl-item h3:after {
		margin: 10px auto 0;
	}

	.post-slider-style2 .owl-nav div {
		background-color: #c5181d !important;
		line-height: 40px !important;
	}

	.border-style-slider {
		padding: 10px;
	}

	.post-grid-style1 .rtin-single-post .rtin-content {
		padding: 15px;
	}

	#custom_html-5, #custom_html-31, #custom_html-4 {
		width: 300px;
		margin: 0 auto;
	}

	#media_image-8, #media_image-10 {
		text-align: center;
	}

	#form .search-form, #formmob .search-form {
		width: 80%;
	}

	.post-list-style3 .rtin-single-post .post-footer {
		display: none;
	}

	h3.item-title a, h3.rtin-title a {
		font-size: 20px;
	}

	#recomend_home .rtin-title {
		text-align: center;
	}

	.post-grid-default .rtin-single-post .post-meta ul li {
		margin-right: 5px;
	}

	.whats_cook_icon_box .elementor-image-box-content {
		padding: 7px 0 0 0;
		margin-top: 10px;
		border-top: 0.5px solid #7E7E7E;
	}

	.whats_cook_icon_box .elementor-image-box-content a {
		font-size: 16px;
	}

	.content-area {
		padding-top: 0;
		padding-bottom: 30px;
	}

	.single-recipe-layout1 h1:after, .type-post h1:after, .type-page h1:after {
		width: 237px;
	}

	.single-recipe-layout1 h1, .type-post h1, .type-page h1 {
		margin-top: 40px;
		font-size: 24px;
		line-height: 26px;
	}

	.contact_style .su-u-trim {
		border: 20px solid #F8F8F8;
	}

	.mobile_hide {
		display: none !important;
	}

	#logo img {
		width: 202px;
		height: 20px;
	}

	#open-search span, #open-searchmob span {
		display: none;
	}

	#open-search, #open-searchmob {
		padding: 0 5px 0 0;
	}

	.log-header {
		margin-left: 10px;
	}

	.search_header {
		margin-right: 20px;
	}

	#nav-header nav {
		width: 102vw;
		transform: translate(-72%, 0);
		padding: 0;
	}

	#nav-header .elementor-nav-menu {
		padding: 100px 0 0 0;
	}

	#slider_home .rtin-content {
		padding: 10px;
		position: absolute;
		top: 0;
		right: 0;
		transform: translateY(15%);
		z-index: 1;
		width: auto;
		background: #ffffffe6;
		text-align: center;
		max-width: 80%;
		margin: 0 auto;
		left: 0;
	}

	#slider_home img {
		object-fit: cover;
		height: 500px;
	}

	#slider_cat .rtin-content {
		padding: 18px;
		position: absolute;
		top: 0;
		right: 0;
		transform: translateY(15%);
		z-index: 1;
		width: auto;
		background: #fff;
		text-align: center;
		max-width: 80%;
		margin: 0 auto;
		left: 0;
	}

	#slider_cat img {
		object-fit: cover;
		height: 500px;
	}

	#form {
		transform: translate(-2%, 48%);
	}

	#formmob {
		transform: translate(-2%, 48%);
	}

	.showMenu {
		transform: translateY(-4%) !important;
	}

	#page {
		overflow: hidden;
	}

	.breadcrumb-area {
		margin: 10px 0 20px;
	}

	.cat_h2 h2, .sec-title-holder h1 {
		font-size: 24px;
		margin-bottom: 10px;
		font-weight: 800;
		line-height: 120%;
	}

	.right-sidebar .sidebar-widget-area {
		margin-top: 0;
		padding: 0 15px;
	}

	.su-title-posts:before {
		width: 35%;
	}

	.su-title-posts:after {
		width: 35%;
	}

	.su-posts .su-post:nth-child(2) {
		display: none;
	}

	.su-posts .su-post {
		width: 100%;
	}

	.su-posts {
		padding: 20px 5px;
	}

	.su-posts .su-post a {
		width: 37%;
	}

	.su-posts .su-post-title {
		margin-left: 39% !important;
		line-height: 20px;
	}

	#custom_html-5, #custom_html-13, #custom_html-4 {
		margin-top: 0;
	}

	.direction-st .serial-number:before {
		content: '';
		position: absolute;
		border-left: 15px solid #C5181D !important;
		border-right: 0 solid transparent;
		border-top: 14px solid transparent;
		border-bottom: 14px solid transparent;
		right: -25px;
		top: 0;
	}

	.direction-st .col-lg-9 {
		flex: 0 0 70%;
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.mobile_show img {
		padding: 0 15px 20px;
	}

	#tag-section .tag-social {
		margin: 0 0 20px;
	}

	#custom_html-7 .woocommerce li, #custom_html-14 .woocommerce li {
		width: 100%;
	}

	#custom_html-7 .woocommerce li h3, #custom_html-14 .woocommerce li h3 {
		line-height: 1;
	}

	.single-recipe-layout1 h1:after, .type-post h1:after {
		width: 70%;
	}

	.elementor-2655 .elementor-element.elementor-element-15ab723 .elementor-nav-menu--dropdown {
		width: 102vw;
		padding: 0;
		transition: 0.5s;
		transform: translate(4%, 0);
		overflow-y: auto;
		overflow-x: hidden;
	}

	.elementor-nav-menu--dropdown .elementor-nav-menu {
		padding-top: 100px;
	}

	.direction-wrap-layout1 .item-title:before {
		margin: 0 12px 0 0px;
	}

	.direction-wrap-layout1 .item-title {
		display: flex;
		align-items: center;
	}

	#tag-section .tag-meta .single-meta {
		width: 85%;
	}

	#tag-section .tag-meta li:nth-child(1) {
		vertical-align: top;
	}

	.single-recipe-layout1 .tag-share ul li .inner-share li a {
		height: 25px;
		width: 25px;
		margin-right: 15px !important;
	}

	.contact_style strong {
		vertical-align: 75%;
	}

	.adv_style .su-u-trim {
		width: 100%;
		padding: 40px 20px 20px 20px;
	}

	.adv_style .su-u-trim:before {
		position: initial !important;
	}

	.as-center .wpml-ls {
		padding: 5px !important;
		margin-bottom: 5px;
	}

	.d-flex {
		position: static !important;
	}

	#sticker .nav {
		position: absolute;
		right: 0;
		top: 13px;
	}

	#site-navigation {
		display: none !important;
	}

	.bb_ce {
		border-bottom: none !important;
	}

	.justify-content-end {
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
		padding: 0 0 10px 0;
	}

	.ing-desc>h2:last-child {
		color: #F5EBDF;
		font-size: 22px !important;
		margin: 30px 0 !important;
	}

	.featured-image-wrapper {
		margin-bottom: 30px;
	}

	.tax-ranna_recipe_ingredient .sidebar-widget-area {
		margin: 0 -30px;
	}
}

.as-center {
	align-self: center;
	align-items: center;
}

.as-center .wpml-ls {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 8px 20px;
}

.log-header img {
	margin-right: 7px;
}

.ocourse {
	padding: 10px 24px;
	border: 1px solid #116B4B;
	text-transform: uppercase;
	font-size: 10px;
	color: #000 !important;
	margin-left: 25px;
}

.ocourse:hover {
	background: #116B4B;
	color: #fff !important;
}

/* CatFish styles */
#div-gpt-ad-1735295929142-0 {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	z-index: 214748;
	max-width: 100%;
	display: flex;
	justify-content: center;
}

#div-gpt-ad-1735295929142-0>* {
	flex: 0 0 auto;
	width: 100%;
}

#catfish-close-container {
	position: absolute;
	height: 32px;
	width: 32px;
	top: -30px;
	right: 0;
}

#catfish-close {
	position: absolute;
	top: 0;
	right: 0;
	background-image: url("https://s0.2mdn.net/ads/richmedia/studio/21515482/23079102_1358876393903_closebutton.png");
	background-size: 100% 100%;
	width: 32px;
	height: 32px;
	display: block;
}

@media (min-width: 320px) and (min-height: 50px) {
	#div-gpt-ad-1735295929142-0 {
		width: 320px;
		height: 50px;
		margin-bottom: 10px;
	}
}

@media (min-width: 468px) and (min-height: 60px) {
	#div-gpt-ad-1735295929142-0 {
		width: 468px;
		height: 60px;
		margin-bottom: 10px;
	}
}

@media (min-width: 728px) and (min-height: 90px) {
	#div-gpt-ad-1735295929142-0 {
		width: 728px;
		height: 90px;
	}
}

@media (min-width: 1230px) and (min-height: 180px) {
	#div-gpt-ad-1735295929142-0 {
		width: 1366px;
		height: 180px;
	}
}

#div-gpt-ad-1586869082360-0 {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: 0 auto;
	z-index: 214748301;
	max-width: 100%;
	background-color: rgba(33, 33, 33, 0.9);
}

#div-gpt-ad-1586869082360-0>* {
	flex: 0 0 auto;
	justify-content: center;
	display: flex;
}

#div-gpt-ad-1632758559050-0, #div-gpt-ad-1632759039108-0 {
	margin: 0 auto 20px;
}

#div-gpt-ad-1617381673136-0 {
	text-align: center;
}

.single-post article .entry-content p, .single-post article .entry-content span {
	font-family: Rubik, sans-serif !important;
}

.single-post .type-post .entry-metas {
	margin: 0;
}

.ingredient-list h4 {
	margin-top: 20px;
}

#div-gpt-ad-1735292548468-0 {
	text-align: center;
}

#div-gpt-ad-1735292121322-0 {
	text-align: center;
	margin-bottom: 30px;
}

/* keep the hamburger button above everything */
.single-post article .entry-content p, .single-post article .entry-content span {
	font-family: Rubik, sans-serif !important;
	color: #1E1E1E;
	font-size: 18px;
	font-weight: 300;
	line-height: 160%;
}

.single-post .excerpt p {
	color: #1E1E1E;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
	/* 32px */
}

.ingredient-list h4 {
	margin-top: 20px;
}

/* keep the hamburger button above everything */
.bb_ce {
	border-bottom: 1px solid #cecece;
}

.ham {
	background: white;
}

.ham:hover {
	background: white;
}

.ham:focus {
	outline: none;
}

.xIcon {
	display: none;
}

.menu_ham {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 300px;
	height: fit-content;
	background: #213431;
	color: white;
	transform: translateY(-200%);
	transition: transform 0.2s;
	list-style: none;
	padding-top: 4rem;
}

.showMenu {
	transform: translateY(0);
}

.menuLink {
	display: inline;
	font-size: 2rem;
	color: white;
	text-decoration: none;
}

.menuLink:hover {
	text-decoration: underline;
}

#menu-main_menu-1 .sub-menu, #menu-main_menu-ua-1 .sub-menu, #menu-main_menu-en-1 .sub-menu {
	display: none;
}

.menu_ham li a {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
}

.menu_ham .sub-menu li a {
	font-size: 14px !important;
	font-style: normal;
	font-weight: 300 !important;
	line-height: 14px;
	text-transform: initial !important;
}

.menu_ham .sub-menu li {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.elementor-nav-menu--burger {
	width: 300px;
}

.site-header .menu_ham li.menu-item-has-children:after {
	color: #909090;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 16px;
	position: absolute;
	right: 25px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	top: 10px;
}

.button-course {
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 20px;
	fill: #fff;
	color: #fff !important;
	background-color: #116b4b;
	border-radius: 0 0 0 0;
	padding: 14px 45px;
}

.button-course:hover {
	background-color: #dc281e;
}

/* Menu Style */
.ham ul {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 32px;
	height: 26px;
	cursor: pointer;
	z-index: 9999999;
}

.ham ul li {
	list-style: none;
	position: absolute;
	left: 0;
	background: #000;
	width: 100%;
	height: 2px;
	transform: translateY(-50%);
	transition: .5s;
}

.ham ul.active li {
	background: #fff;
}

.ham ul li:nth-of-type(1) {
	top: 20%;
}

.ham ul li:nth-of-type(2) {
	top: 50%;
}

.ham ul li:nth-of-type(3) {
	top: 80%;
}

.ham ul.active li:nth-of-type(1) {
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}

.ham ul.active li:nth-of-type(2) {
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
}

.ham ul.active li:nth-of-type(3) {
	left: -100%;
	opacity: 0;
}

.d-flex {
	position: relative;
}

#menu-main-menu-1, #menu-main-menu-ua-1, #menu-main-menu-en-1 {
	padding-top: 70px;
}

.searchwp-revised-search-notice {
	padding: 0 15px;
	display: flex;
	width: 100%;
}

.su-service-title {
	padding-left: 0 !important;
	display: flex !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	text-transform: uppercase;
	line-height: inherit !important;
	align-items: center;
}

.su-service {
	padding: 25px;
	border: 1px solid #C5181D;
}

.su-service-content {
	padding-left: 0 !important;
}

.su-service-title img {
	position: relative !important;
	margin: 0 15px 5px 0 !important;
}

.br-50 img {
	border-radius: 50% !important;
}

.gsc-adBlock, .gsc-above-wrapper-area {
	display: none !important;
}

.post-slider-style2 .rtin-single-post:after {
	background: rgb(0 0 0 / 0%);
}

#home_woo_prod .woocommerce ul.products li.product h3 a {
	margin-right: 15px !important;
	margin-left: 15px !important;
}

.new-um-user-bookmarks-folder-tbl .um_bookmarks_td:nth-child(2) {
	width: auto !important;
	max-width: auto !important;
}

.item-figure {
	position: relative;
}

.item-figure>.um-clear {
	display: block;
	position: absolute;
	right: 15px;
	top: 15px;
}

.rtin-single-post>.um-clear {
	display: block;
	position: absolute;
	right: 30px;
	top: 15px;
	z-index: 1;
}

label[for=um_user_bookmarks_access_type_checkbox] {
	display: none;
}

.access-icon {
	display: none;
}

.page-id-5039315 .single-meta, .page-id-3 .single-meta {
	display: none !important;
}

.cc-window {
	left: 0;
	right: 0;
	bottom: 0;
	padding: 1em 1.8em;
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	position: fixed;
	z-index: 100000000000000 !important;
	overflow: hidden;
}

.cc-link {
	opacity: .8;
	display: inline-block;
	padding: .2em;
	text-decoration: underline;
}

.log-header:hover {
	background: #3C916C;
}

.log-header:hover span {
	color: #fff;
}

.log-header {
	padding: 0 20px;
}

.log-header span {
	color: #0C0C0C;
	font-family: Rubik;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

.log-header {
	display: flex;
	align-items: center;
	height: 100%;
	border-right: 1px #BABABA solid;
	flex-basis: 33%;
	justify-content: center;
}


#div-gpt-ad-1724409772156-0 {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	z-index: 214748301;
	max-width: 100%;
	background-color: rgba(33, 33, 33, 0.9);
	display: flex;
	justify-content: center;
	align-items: flex-start;
	/* Додано для вертикального вирівнювання */
	padding-top: 35px;
	/* Відступ від верху */
}

#div-gpt-ad-1724409772156-0>* {
	flex: 0 0 auto;
	justify-content: center;
	display: flex;
}

#ad-banner-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 25px;
	background-color: rgba(33, 33, 33, 0.1);
	justify-content: center;
	/* Центрує вміст по горизонталі */
	align-items: center;
	/* Центрує вміст по вертикалі */
	font-size: 20px;
	z-index: 21474830109999;
	;
	/* Зменшено значення, достатньо для верхнього шару */
}

#full-close-container {
	position: absolute;
	display: none;
	height: 25px;
	width: 25px;
	top: 5px;
	right: 0;
	z-index: 21474830109999;
}

#full-close {
	position: fixed;
	top: 3px;
	right: 5px;
	background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.53%205.47l-7.59%207.59-7.59-7.59a1%201%200%2000-1.41%201.41l7.59%207.59-7.59%207.59a1%201%200%20001.41%201.41l7.59-7.59%207.59%207.59a1%201%200%20001.41-1.41l-7.59-7.59%207.59-7.59a1%201%200%2000-1.41-1.41z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
	background-size: 100% 100%;
	width: 25px;
	height: 25px;
	display: block;
	z-index: 21474830109999;
}

@media only screen and (max-width: 1199px) {

	.um-account-side {
		display: block !important;
	}

	.um-account-meta.radius-1.uimob340-show.uimob500-show {
		display: none !important;
	}

	.um-account-nav.uimob340-show.uimob500-show {
		display: none !important;
	}

	.um-account-icon {
		color: #c5181d;
	}

	div.uimob500 .um-account-tab {
		padding-bottom: 60px !important;
	}

	.green-button {
		display: none;
	}

	.modalPr-content {
		width: 90% !important;
	}

	#div-gpt-ad-1620296730738-0, #div-gpt-ad-1617381673136-0 {
		margin: 0 auto;
	}

	button.ham {
		padding: 0 12px 4px 0;
	}

	.um-avatar {
		border-radius: 50px;
		margin: 0 7px !important;
	}

	.um-profile-photo {
		display: block;
		width: auto !important;
	}

	div.uimob500 .um-header .um-name {
		line-height: 5em;
		float: left !important;
		margin-right: auto !important;
		margin-left: 50px !important;
	}

	.um-profile-body .um-user-bookmarked-list .um-user-bookmarked-item.has-image .um-user-bookmarkss-list {
		margin-bottom: 40px;
	}

	.um .settings-row {
		margin-top: 0 !important;
	}

	.um .um-profile-body {
		padding-left: 0;
		padding-right: 0;
		margin-top: 50px;
	}

	.um-user-bookmarks-folder {
		margin: 10px 0 !important;
	}

	.desktop-show {
		margin-top: 30px;
	}

	.um-account-side {
		float: none !important;
		width: 100% !important;
		margin-bottom: 30px;
	}

	.um-account-meta {
		padding: 0 0 25px 0 !important;
		min-height: 85px !important;
	}

	.um-sso-icon-google::before {
		width: 24px !important;
		height: 24px !important;
	}

	.um-account-heading {
		padding-bottom: 30px;
	}

	div.uimob500 .um-profile-nav-item a {
		padding: 5px 16px !important;
		display: flex;
	}

	.um-profile-nav-item a {
		display: flex;
	}

	div.uimob500 .um-profile-nav-item i {
		width: 22px;
	}

	div.uimob500 .um-profile-photo {
		position: absolute !important;
	}

	.cc-message {
		text-align: center;
	}

	#media_image-8, #media_image-10 {
		margin: 0 auto;
		max-width: 300px;
	}

	.um-profile-photo {
		left: 0;
		text-align: left !important;
	}

	div.uimob500 .um-header.no-cover .um-profile-photo a.um-profile-photo-img {
		width: 100px !important;
		height: 100px !important;
	}
}

html:lang(en-US) #custom_html-8, html:lang(en-US) #custom_html-9 {
	display: none;
}

.lds-dual-ring {
	display: inline-block;
	width: 32px;
	height: 32px;
}

.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 6px solid #C5181D;
	border-color: #C5181D transparent #C5181D transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}

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

.telegram_plash {
	padding: 10px 30px;
	background: #2a625c;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
}

.telegram_plash span {
	padding: 10px;
	color: #fff;
}

.telegram_plash button {
	background: #c5181d;
	border-radius: 10px;
	margin-top: 5px;
}

[data-tooltip] {
	position: relative;
	/* Относительное позиционирование */
}

[data-tooltip]::after {
	content: attr(data-tooltip);
	position: absolute;
	width: 130px;
	right: 0;
	top: 0;
	background: #c5181d;
	color: #fff;
	padding: 5px;
	box-shadow: 2px 2px 5px rgb(0 0 0 / 30%);
	pointer-events: none;
	opacity: 0;
	transition: 0.5s;
	font-size: 12px;
	margin-top: 20px;
}

[data-tooltip]:hover::after {
	opacity: 1;
	/* Показываем подсказку */
	top: 2em;
	/* Положение подсказки */
}

.footer-course a {
	padding: 10px;
	background: #186762;
	color: #fff !important;
}

.footer-course a:hover {
	background: #1e837c;
}

.rt_footer_social_widget {
	margin-top: 32px;
}

.footer-adv {
	padding-left: 0;
	padding-right: 0;
}

.footer-adv .col-sm-6 {
	padding-left: 10px;
	padding-right: 10px;
}

.footer-adv .col-sm-6 span:first-child, .footer-adv .col-sm-12 span:first-child {
	font-size: 29px;
	color: #186762;
	font-weight: 600;
}

.footer-adv .col-sm-6 span:last-child, .footer-adv .col-sm-12 span:last-child {
	font-size: 11px;
	line-height: 16px;
	display: block;
}

.su-posts-teaser-loop-new .wp-post-image {
	width: 50% !important;
}

.su-posts-teaser-loop-new .su-post-title {
	background: #fff;
	padding: 10px;
}

.su-posts-teaser-loop-new .su-post-title a:hover {
	color: #116b4b !important;
}

.su-posts-teaser-loop-new .su-post {
	margin-top: 15px !important;
}

.su-posts-teaser-loop-new .su-title-posts:before {
	width: 39%;
}

.su-posts-teaser-loop-new .su-title-posts:after {
	width: 39%;
}

#main .item-figure .um-clear span {
	display: none;
}

.rtin-single-post .um-clear span {
	display: none;
}

.um-col-alt a {
	margin-bottom: 15px;
}

.um-user-bookmarks-button .text {
	vertical-align: super;
}

.tag-share .um-clear {
	margin-bottom: 40px;
}

@media only screen and (max-width: 370px) {
	.telegram_plash span {
		font-size: 15px;
	}
}

@media only screen and (max-width: 330px) {
	.telegram_plash span {
		font-size: 13px;
	}
}

@media only screen and (min-width: 767px) {
	.telegram_plash {
		display: none;
	}

	.um-link-alt {
		margin-top: 40px !important;
	}

	.mobmenuoff {
		display: none !important;
	}
}

.instagram-media {
	margin: 0px auto !important;
}

.Embed .EmbedFrame {
	padding-bottom: 175.0% !important;
}

.subSection {
	margin: 30px 0;
	background: #fff;
	box-shadow: 0px 0px 4px 2px #e9e9e9;
	border-radius: 15px;
}

.subSection h2 {
	font-size: 26px;
	text-align: center;
	color: #c5181d;
}

.subSection h3 {
	font-size: 28px;
	text-align: center;
	color: #29322f;
	border-top: 2px solid;
	border-bottom: 2px solid;
	padding: 20px 0;
	margin: 30px auto;
	text-transform: none;
}

.subDesc img {
	width: 75%;
	margin: 30px auto;
	display: block;
}

.subSection button {
	text-align: center;
	margin: 30px auto 20px;
	display: block;
	padding: 15px;
}

.subLogin {
	max-width: 650px;
	margin: auto;
}

.subLogin .um-field {
	padding: 0 0 10px 0;
}

.pay-prm {
	border: 2px solid #bdc0d1;
	padding: 20px;
	margin: 10px 0 30px;
	border-radius: 15px;
}

.pay-prm span {
	display: flex;
	justify-content: space-between;
	font-size: 24px;
}

.check-block input+div:after, .check-block input+div:before, .check-block input+span:after, .check-block input+span:before {
	bottom: 100%;
	content: "";
	display: block;
	left: 100%;
	opacity: 0;
	position: absolute;
	-webkit-transition: all .23s linear;
	-o-transition: all .23s linear;
	transition: all .23s linear;
}

.check-block input+div:before {
	display: block;
	background-color: #C00500;
	border-radius: 50%;
	height: 16px;
	-webkit-transform: translate3d(-50%, 50%, 0);
	transform: translate3d(-50%, 50%, 0);
	width: 16px;
	z-index: 1;
}

.check-block input:checked+div:after, .check-block input:checked+div:before, .check-block input:checked+span:after, .check-block input:checked+span:before {
	opacity: 1;
}

.check-block input+div:after, .check-block input+span:after {
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	content: "";
	height: 5px;
	-webkit-transform: translate3d(-50%, 50%, 0) translate3d(0, -1px, 0) rotate(-45deg);
	transform: translate3d(-50%, 50%, 0) translate3d(0, -1px, 0) rotate(-45deg);
	width: 9px;
	z-index: 2;
}

.check-block {
	width: 100%;
	margin-bottom: 0;
}

.check-block h4 {
	font-size: 24px;
	font-weight: 400;
}

.check-block-body .sums b {
	font-size: 22px;
}

.check-block-body .price-item {
	text-align: center;
}

.check-block-body .info {
	color: #0000007a;
	margin-top: 15px;
}

.check-block-year .title b {
	text-decoration-line: line-through;
	font-size: 20px;
	text-decoration-color: red;
	font-weight: 300;
}

.check-block-year .title {
	font-size: 24px;
	margin-top: 20px;
	font-weight: 600;
}

.check-block input:checked+div {
	border-color: #C00500 !important;
}

.check-block input[type="radio"] {
	display: none;
}

.check-block input+div {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	align-items: center;
	background-color: #fff;
	border: 2px solid #bdc0d1;
	border-radius: 35px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 14px;
	padding: 20px;
	position: relative;
	-webkit-transition: all .23s linear;
	-o-transition: all .23s linear;
	transition: all .23s linear;
	width: 100%;
}

/* Modal window styles */
.modalPr {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
}

.modalPr-content {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 50%;
	text-align: center;
}

.modalPr-buttons {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.modalPr-buttons button {
	margin: 0 10px;
	padding: 10px 20px;
	border-radius: 5px;
	border: none;
	font-size: 16px;
	cursor: pointer;
}

#confirmPr-btn {
	background-color: #c5181d;
	color: #fff;
}

#cancelPr-btn {
	background-color: #ddd;
	color: #000;
}

#cancelPr-subscription-btn {
	padding: 10px 20px;
	border-radius: 30px;
}

.cab-subsribe {
	text-align: center;
	padding: 25px;
	border: 1px solid #e5e5e5;
	border-radius: 7px;
}

.ads-off {
	display: block;
	position: absolute;
	left: 0;
	top: 15px;
	background: #c5181d;
	font-size: 14px;
	padding: 10px 15px;
	border-right: inset;
}

.ads-off a {
	color: #fff !important;
}

.green-button span {
	padding: 12px 24px;
	border: 2px solid #116B4B;
	text-transform: uppercase;
	font-size: 10px;
	color: #fff !important;
	margin-left: 25px;
	background: #116b4b;
}

.green-button span:hover {
	border: 2px solid #c5181d;
	background: #c5181d;
}

.toggle-icon {
	font-size: 30px;
	background-color: #fff;
	padding: 10px;
	border-radius: 3px;
	cursor: pointer;
}

.toggle-items {
	list-style: none;
	background-color: #213431;
	width: 400px;
	line-height: 47px;
	position: absolute;
	display: none;
	right: 0;
	top: 59px;
	margin-left: 0;
	padding: 15px 30px !important;
	z-index: 2;
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
	-webkit-animation-duration: 1s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

li[class^="toggle-item-"] a {
	color: #fff;
	text-decoration: none;
	font-weight: lighter;
}

li[class^="toggle-item-"] a:hover {
	color: #dc18ff !important;
}

.toggle-item-1 a {
	color: rgb(97 159 255) !important;
}

#toggle-btn {
	display: none;
}

#toggle-btn:checked+ul {
	display: block;
}

.toggle-items li a {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
}

.toggle-items .sub-menu li a {
	color: #fff;
	font-size: 12px;
	text-transform: none;
	font-weight: 300;
}

.toggle-items .sub-menu {
	display: none;
}

.toggle-items .sub-menu li {
	line-height: 28px;
}

.submenu-icon {
	margin-left: 5px;
}

.top-menu-mobile {
	justify-content: flex-end;
}

#div-gpt-ad-1735296090452-0 {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	z-index: 214748301;
	max-width: 100%;
	background-color: rgba(33, 33, 33, 0.9);
	display: flex;
	justify-content: center;
	align-items: flex-start;
	/* Додано для вертикального вирівнювання */
	padding-top: 35px;
	/* Відступ від верху */
}

#div-gpt-ad-1735296090452-0>* {
	flex: 0 0 auto;
	justify-content: center;
	display: flex;
}

#ad-banner-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 25px;
	background-color: rgba(33, 33, 33, 0.1);
	justify-content: center;
	/* Центрує вміст по горизонталі */
	align-items: center;
	/* Центрує вміст по вертикалі */
	font-size: 20px;
	z-index: 21474830109999;
	;
	/* Зменшено значення, достатньо для верхнього шару */
}

#full-close-container {
	position: absolute;
	display: none;
	height: 25px;
	width: 25px;
	top: 5px;
	right: 0;
	z-index: 21474830109999;
}

#full-close {
	position: fixed;
	top: 3px;
	right: 5px;
	background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.53%205.47l-7.59%207.59-7.59-7.59a1%201%200%2000-1.41%201.41l7.59%207.59-7.59%207.59a1%201%200%20001.41%201.41l7.59-7.59%207.59%207.59a1%201%200%20001.41-1.41l-7.59-7.59%207.59-7.59a1%201%200%2000-1.41-1.41z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
	background-size: 100% 100%;
	width: 25px;
	height: 25px;
	display: block;
	z-index: 21474830109999;
}


@media screen and (max-width:953px) {
	.green-button {
		display: none !important;
	}

	.toggle-items {
		display: none;
	}

	.toggle-menu {
		display: block;
	}

	.back-menu-center {
		display: none;
	}

	.top-menu-mobile {
		align-items: center;
		justify-content: space-evenly;
	}
}

.toggle-menu .wrap {
	display: flex;
	width: 100%;
	justify-content: center;
	flex-wrap: wrap;
}

.burger {
	background: #fff0;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .5s ease;
}

.burger.active:hover {
	background: #fff0;
}

.strip div {
	height: 3px;
	border-radius: 2px;
	background: #005077;
	margin: 5px;
	transition: all .55s cubic-bezier(0.075, 0.82, 0.165, 1);
	width: 30px;
}

.burger.active:hover .strip div {
	background: #FA1055;
}

/* BURGER 2 */
.burger.active .burger-strip-2 div:first-child {
	transform: translateY(8px) rotate(45deg);
}

.burger.active .burger-strip-2 div:nth-child(2) {
	opacity: 0;
}

.burger.active .burger-strip-2 div:last-child {
	transform: translateY(-9px) rotate(-45deg);
}

.footer_partners {
	font-size: 12px;
}

.footer_partners a {
	text-decoration: underline;
}

#burger-menu-toggle {
	display: none;
	cursor: pointer;
}

#burger-menu-toggle span {
	display: block;
	width: 40px;
	height: 2px;
	background-color: #c5181d;
	margin-bottom: 9.5px;
	transition: transform 0.3s ease-in-out;
}

#burger-menu-toggle span:last-child {
	margin-bottom: 0px;
}

#burger-menu-toggle.active span:nth-child(1) {
	transform: rotate(45deg) translate(8px, 8px);
}

#burger-menu-toggle.active span:nth-child(2) {
	opacity: 0;
}

#burger-menu-toggle.active span:nth-child(3) {
	transform: rotate(-45deg) translate(8px, -8px) !important;
}

#burger-menu {
	display: none;
	position: absolute;
	top: 161px !important;
    left: 0;
    width: 100%;
    background-color: #f5ebdf;
}

#burger-menu ul {
	list-style-type: none;
	padding: 30px 20px 60px;
    margin: 0 0 -30px 0;
	text-align: left;

}

.nav {
	transition: height 0.3s ease-out;
}

.nav.active {
	background-color: #9e0909;
	transition: height 0.3s ease-out;
}

.nav.active #burger-menu-toggle span {
	background-color: #fff;
}

#burger-menu ul li {
	padding: 5px;
	position: relative;
}

#burger-menu ul li a {
	color: #000;
	text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 0;
}

#burger-menu ul li a:hover {
	color: #9E0909;
}

#burger-menu .sub-menu li a {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
}
#burger-menu .burger-time a {
	color: #9E0909;
	padding: 30px 45px 0;
	cursor: default;
}
#burger-menu .burger-time a:before {
	content: url(/wp-content/themes/ranna-child/assets/img/burger-time.svg);
    width: 32px;
    height: 32px;
    position: absolute;
    left: 5px;
    top: 30px;
}
@media (max-width: 768px) {
	.mobile-hide {
		display: none;
	}

	#burger-menu-toggle {
		display: block;
	}

	#burger-menu-toggle.active span:nth-child(1) {
		transform: rotate(45deg) translate(5px, 5px);
	}

	#burger-menu-toggle.active span:nth-child(2) {
		opacity: 0;
	}

	#burger-menu-toggle.active span:nth-child(3) {
		transform: rotate(-45deg) translate(8px, -9px);
	}

	#burger-menu.active {
		display: block;
	}

	.archive main {
		padding-left: 15px;
		padding-right: 15px;
	}
}

#burger-menu .sub-menu {
	display: none;
}

#burger-menu .menu-item-has-children.active .sub-menu {
	display: block;
	padding: 0;
}

.submenu-toggle {
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.submenu-toggle::before,
.submenu-toggle::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 2px;
	background-color: #9E0909;
}

.submenu-toggle::before {
	transform: translate(-50%, -50%) rotate(180deg);
}

.submenu-toggle::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

#burger-menu .menu-item-has-children.active>.submenu-toggle::before,
#burger-menu .menu-item-has-children.active>.submenu-toggle::after {
	background-color: #9E0909;
}

#burger-menu .menu-item-has-children.active>.submenu-toggle::before {
	transform: translate(-50%, -50%) rotate(-45deg);
}

#burger-menu .menu-item-has-children.active>.submenu-toggle::after {
	transform: translate(-50%, -50%) rotate(45deg);
}

@media (min-width: 769px) {
	.desktop-hide {
		display: none !important;
	}

	#burger-menu-toggle {
		display: block;
		z-index: 999;
	}

	#burger-menu.active {
		display: block;
	}

	#burger-menu-toggle span {
		height: 2px;
		background-color: #404040;
	}
}

.ing-img, .ing-desc {
	margin: 30px 0;
	font-weight: 300;
}

.ing-desc img {
	margin-top: 30px;
	margin-bottom: 30px;
}

.ing-block h1 {
	margin: 0;
}

.ing-block h2 {
	color: #000;
	text-align: center;
	font-size: 30px;
	font-weight: 800;
	line-height: 120%;
	text-transform: uppercase;
}

.ing-block h3 {
	color: #1E1E1E;
	font-size: 26px;
	font-weight: 600;
	line-height: 120%;
}

.wpml-ls-item-ru {
	display: none !important;
}

.post-collection .excerpt {
	padding: 20px;
	margin: 30px 0;
	border: 0.2px solid #d1d1d1;
	background: rgba(245, 245, 245, 0.00);
}

/* Shine */
.hover14 figure {
	position: relative;
}

.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}

@keyframes shine {
	100% {
		left: 125%;
	}
}

.post-collection .type-post .excerpt p {
	width: 100%;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	margin: 0;
}

.post-counter {
	font-size: 72px;
	font-style: normal;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 30px;
	margin-top: 25px;
}

.posts-e h2 a {
	font-size: 24px;
	font-weight: 600;
	color: #000;
}

.posts-e h2 a:hover {
	color: #c5181d;
}

.posts-e p {
	font-size: 16px;
	font-weight: 300;
}

.post-border:before {
	content: '';
	border-left: 1px solid #000;
	height: 75%;
	display: block;
	position: absolute;
	margin-left: 0;
}

.post-border {
	padding-left: 50px !important;
	margin-bottom: 50px;
	padding-right: 50px;
}

.post-section {
	padding-left: 32px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.post-section img:hover {
	-webkit-transform: scale(1.1) rotate(2deg);
	-ms-transform: scale(1.1) rotate(2deg);
	transform: scale(1.1) rotate(2deg);
}

.post-section img {
	-webkit-transform: scale(1) rotate(0);
	-ms-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.post-section a {
	overflow: hidden;
}

.post-cards .excerpt {
	border-bottom: none;
}

.post-cards h1.item-title {
	margin-bottom: 50px;
}

.post-question-section {
	display: flex;
	flex-direction: column;
	padding: 30px 100px;
	border: 1px solid #C5181D;
	margin-bottom: 50px;
}

.post-question-section .row {
	display: flex;
	flex-direction: column;
}

.post-questions p {
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	border-bottom: 1px solid;
	padding: 25px 30px;
	margin-bottom: 0;
}

.post-questions:last-child p {
	border-bottom: none;
}

.post-section-card img {
	margin-top: 25px;
}

.post-section-card {
	border-bottom: 1px solid;
	margin-bottom: 40px;
	padding-bottom: 30px;
}

.post-section-card:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.tiktok svg {
	margin-bottom: 8px;
	fill: #c5181d;
	transition: all 0.3s ease-out 0s;
}

.post-cards .excerpt p {
	margin: 40px auto;
}

.smooth-scroll {
	color: #000 !important;
}

.smooth-scroll:hover, a.smooth-scroll:active {
	color: #c5181d !important;
}

.dco-attachment-gallery p.dco-attachment {
	width: auto !important;
}

#daextlwcnf-cookie-notice-container {
	z-index: 999999999999 !important;
}

.stravy-cards {
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}

.stravy-cards h2 {
	text-align: center;
}

.author-p {
	display: flex;
	gap: 20px;
	margin-top: 80px;
	align-items: center;
}

.author-p img {
	width: 250px;
	border-radius: 100%;
}

.author-data a {
	border: none;
	height: 48px;
	width: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
}

.author-data h1 {
	font-size: 34px;
	font-weight: 900;
	line-height: 91.838%;
}

.author-data p {
	color: #9E0909;
	font-size: 13px;
	font-weight: 600;
	line-height: 91.838%;
	text-transform: uppercase;
}

.author-content {
	color: #1E1E1E;
	font-size: 18px;
	font-weight: 300;
	line-height: 160%;
}

.author-content p:last-child {
	padding-bottom: 20px;
	border-bottom: 1px solid #6D6666;
	margin-bottom: 40px;
}

.posts-list .post-category a {
	color: #3C916C;
	margin-bottom: 15px;
}

.posts-list .post-category a:hover {
	color: #9E0909;
}

.page-template .content-area {
	padding: 0;
}

@media (min-width: 469px) {
	.mobile-banner {
		display: none;
	}
}

@media (max-width: 767px) {
	.author-p h1 {
		font-size: 22px;
	}

	.author-p img {
		width: 180px;
	}

	.author-p {
		margin-top: 15px;
	}

	.post-border {
		padding-left: 20px !important;
		margin-bottom: 50px;
		padding-right: 20px;
	}

	.post-question-section {
		display: flex;
		flex-direction: column;
		padding: 10px 35px;
		border: 1px solid #C5181D;
		margin-bottom: 50px;
	}

	.post-questions p {
		padding: 14px 0;
		font-size: 16px;
	}

	.tag-share .um-clear {
		margin-bottom: 20px;
	}

	.pld-like-dislike-wrap {
		margin-bottom: 0;
	}

	#main .tag-share {
		padding: 20px 0;
	}

	.comment-form-attachment {
		font-size: 13px;
	}

	.single-recipe-layout1 .leave-review {
		overflow: hidden !important;
	}

	#respond form .form-control {
		padding: 5px 20px !important;
	}

	#respond form .comment-form-author input, #respond form .comment-form-email input {
		height: 35px !important;
	}

	#respond .comment-notes {
		margin-bottom: 10px;
	}

	#respond form .comment-form-cookies-consent {
		align-items: center;
	}

	.tag-share .um-clear a {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.tag-name-s.tag-meta {
		display: flex;
	}

	#media_image-13, #media_image-11, #media_image-12 {
		display: none;
	}

	.code-block {
		display: flex !important;
		justify-content: center !important;
		flex-direction: column;
		width: 100%;
		align-items: center;
	}

	.code-block-15 {
		margin: 8px 0 40px !important;
	}

	.code-block-premium_1m, .code-block-mobile-posts-1 {
		flex-direction: column;
		align-items: center;
		margin-bottom: 20px !important;
	}

	.premium-w .col-4 {
		max-width: 100%;
		width: 100%;
		flex: auto !important;
		height: 250px !important;
	}
}

.avg.item-rating {
	margin-bottom: 4px !important;
}

.code-block-18, .code-block-17 {
	margin-bottom: 30px !important;
}

.code-block-top-new {
	text-align: center;
}

.row.premium-w {
	align-items: center;
	gap: 10px;
	margin-bottom: 30px;
}

.premium-h {
	font-size: 26px !important;
	margin: 30px 0;
	line-height: 24px !important;
}

.premium-w .col-4 {
	background: #f5f5f5;
	flex: 1;
	display: flex;
	flex-direction: column;
	color: #000;
	font-size: 16px;
	padding: 35px 15px;
	height: 350px;
	justify-content: center;
	border-radius: 15px;
	position: relative;
}

.premium-w .col-4 strong {
	font-size: 20px;
}

.pre-img {
	border-radius: 15px;
}

.premium-w .col-4:nth-child(1):before {
	content: '01';
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 32px;
	color: #af0e00;
}

.premium-w .col-4:nth-child(1) {
	background: #af0e0014;
	color: #000;
}

.premium-w .col-4:nth-child(2):before {
	content: '02';
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 32px;
}

.premium-w .col-4:nth-child(3):before {
	content: '03';
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 32px;
}

.premium-main-section .subSection .check-block input+div {
	border-radius: 15px;
}

.subLogin .um-button-social, .subLogin .um-form-field, .subLogin .um-field-password, .subLogin .um-button {
	border-radius: 15px !important;
}

.banner-slide__rot-offer-1, .banner-slide__rot-offer-2, .banner-slide__rot-offer-3 {
	position: relative;

}

.banner-slide__rot-offer-1 input:focus-visible, .banner-slide__rot-offer-2 input:focus-visible, .banner-slide__rot-offer-3 input:focus-visible {
	outline: 0;
}

.banner-slide__rot-offer-1 form {
	position: absolute;
	bottom: 73px;
	display: flex;
	flex-direction: column;
	gap: 36px;
	right: 111px;
	align-items: flex-end;
}

.banner-slide__rot-offer-1 button {
	background: #000000;
	padding: 13px 0;
	width: 255px
}

.banner-slide__rot-offer-1 input {
	padding: 13px;
	border: 0;
	width: 297px;
	background: #f1eee5;
}

.banner-slide__rot-offer-2 form {
	position: absolute;
	bottom: 79px;
	display: flex;
	flex-direction: column;
	gap: 66px;
	left: 52px;
	align-items: center;
}

.banner-slide__rot-offer-2 button {
	background: #ff9626;
	padding: 13px 0;
	width: 255px;
}

.banner-slide__rot-offer-2 input {
	padding: 13px;
	border: 0;
	width: 305px;
}

.banner-slide__rot-offer-3 form {
	position: absolute;
	bottom: 66px;
	display: flex;
	gap: 55px;
	right: 102px;
	flex-direction: column;
	align-items: flex-end;
}

.banner-slide__rot-offer-3 button {
	background: #d02128;
	padding: 13px 0;
	width: 257px;
}

.banner-slide__rot-offer-3 input {
	padding: 13px;
	border: 0;
	width: 305px;
}

.desktop-banner {
	width: 100%;
	height: auto;
	display: block;
}

.mobile-banner {
	display: none;
}

.send-error {
	padding: 7px;
	background: #c00;
	color: #fff;
	text-align: center;
}

.stats-container {
	text-align: center;
	padding: 0;
	max-width: 500px;
	margin: 0 auto;
}

.title-ff {
	color: #ff0000;
	font-size: 36px;
	margin-bottom: 20px;
}

.stats-row {
	display: flex;
	justify-content: space-around;
	margin-bottom: 20px;
	gap: 10px;
}

.stat-ff {
	flex: 1;
}

.sub-content {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.sub-text {
	position: relative;
	padding: 40px 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	background-image: url('/wp-content/themes/ranna/assets/img/bg-white.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.subscription-banner .sub-title {
	color: #9E0909;
	text-align: center;
	font-size: 19px;
	font-weight: 700;
	line-height: 150%;
	text-transform: uppercase;
}

.sub-button {
	color: #3C916C !important;
	text-align: center;
	font-size: 16px;
	font-weight: 900;
	line-height: 150%;
	text-transform: uppercase;
}

.sub-content {
	padding: 0;
}

.number-ff {
	color: #006400;
	font-size: 28px;
	font-weight: bold;
}

.description-ff {
	color: #006400;
	font-size: 12px;
	margin: 0 auto;
	line-height: 1.3;
}

.footer-ff {
	color: #006400;
	font-size: 12px;
	display: flex;
	flex-direction: column;
}

.highlight-ff {
	font-weight: bold;
	font-size: 24px;
}

.rt_footer_social_widget {
	margin-bottom: 20px !important;
}

.ind-day {
	background: url('/wp-content/themes/ranna/assets/img/bg-ind-day1.png');
	background-size: cover;
	background-repeat: no-repeat;
}

.ind-day .container {
	max-width: 974px;
}

.ind-day h1 {
	color: #C5181D;
	font-size: 30px;
	text-align: center;
	line-height: 36px;
	font-weight: 800;
}

.ind-day .sec-title-holder {
	max-width: 732px;
}

.ind-day .ing-block {
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 25px;
	background: #fff;
}

.ind-day .ing-img {
	margin-bottom: 0;
}

.ind-section {
	padding: 35px;
	margin-top: 40px;
	background: #fff;
}

.ind-section p, .bb-text, .qq-3-text, .bb-text P {
	font-size: 16px;
	font-weight: 500;
	line-height: 22.5px;
	text-align: justify;
	letter-spacing: -1px;
}

.qq-3 {
	background: #fff;
	margin-top: 40px;
	align-items: center;
}

.qq-1, .qq-3 {
	display: flex;
	gap: 20px;
}

.qq-2 {
	display: flex;
	gap: 40px;
}

.qq-img {
	flex-basis: 48%;
}

.qq-2-img {
	flex-basis: 50%;
}

.qq-3-img {
	flex-basis: 40%;
}

.qq-3-text {
	flex-basis: 60%;
	padding: 25px 40px 25px 25px;
	text-align: left;
	position: relative;
}

.qq-2-text h2 {
	font-size: 36px;
	font-weight: 800;
	line-height: 44px;
	color: #C5181D;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.bb-text p:last-child {
	margin-bottom: 0;
}

.bb-text {
	flex-basis: 52%;
	position: relative;
	padding: 28px;
}

.qq-2-text {
	flex-basis: 50%;
	position: relative;
}

.bb-text:before, .qq-3-text:before {
	position: absolute;
	content: url('/wp-content/themes/ranna/assets/img/bb.svg');
	left: 0;
	top: 0;
}

.bb-text:after {
	position: absolute;
	content: url('/wp-content/themes/ranna/assets/img/gg.svg');
	right: 0;
	bottom: 0;
}

.qq-3-text:after {
	position: absolute;
	content: url('/wp-content/themes/ranna/assets/img/gg.svg');
	right: 25px;
	bottom: 0;
}

.qq-5 {
	display: flex;
	background: url('/wp-content/themes/ranna/assets/img/ind-rec.webp');
	background-size: cover;
	padding: 50px 35px !important;
}

.qq-4 {
	color: #fff;
	background: #C5181D !important;
	margin-top: 40px;
	padding: 20px 30px 1px;
}

.qq-6 {
	padding-bottom: 65px !important;
}

.qq-6 .rtin-single-post .entry-meta {
	display: none !important;
}

.qq-6 .rtin-single-post .rtin-content {
	padding: 10px 0 30px !important;
}

.qq-6 .row {
	justify-content: center;
}

.qq-6 .more-recipes a {
	font-size: 12px;
	font-weight: 600;
	padding: 15px 40px;
	border: 1px solid #c5181d;
	border-bottom: 7px solid #c5161d;
}

.qq-6 .more-recipes a:hover {
	transition: 0.5s;
	background: #c5181d;
	color: #fff;
}

.qq-6 h2 {
	text-align: center;
	font-size: 36px;
	padding: 10px 0 25px;
	font-weight: 800;
	color: #C5181D;
	text-transform: uppercase;
}

.qq-4 p {
	font-size: 18px !important;
	font-weight: 700 !important;
}

.qq-5-text {
	flex-basis: 47%;
	background: #fff;
	padding: 45px 30px;
}

.qq-5-text h2 {
	font-size: 32px;
	color: #C5181D;
	font-weight: 800;
	line-height: 39px;
	text-transform: uppercase;
}

.spec {
	background: #F5EBDF;
}

#spec-top {
	display: flex;
	gap: 20px;
}

.spec .content {
	flex: 1;
	padding: 40px;
	background: #fff;
	border-radius: 20px;
}

.spec .tag {
	display: inline-flex;
	padding: 13px;
	justify-content: center;
	align-items: center;
	gap: 1px;
	border: 1px solid var(--dark-red, #9E0909);
	border-radius: 143.159px;
	font-family: Rubik;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 20px */
	text-transform: uppercase;
	color: var(--dark-red, #9E0909);
	margin: 10px 0 40px 0;
}

.spec h1 {
	font-family: Rubik;
	color: #9E0909;
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 60px */
	text-transform: uppercase;
	max-width: 700px;
	margin-bottom: 40px;
}

#spec-top p {
	font-family: Rubik;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	max-width: 303px;
}

#spec-top .button {
	transform: rotate(3.247deg);
	font-family: 'Rubik';
	color: #000;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	text-transform: uppercase;
	margin-top: 15px;
	max-width: 140px;
	text-align: center;
	position: relative;
}
.mt-15 {
	margin-top: 15px;
}
.recipe-category:hover {
	text-decoration: underline;
	transform: translateX(5px);
	transition: 0.5s;
}
.recipe-category {
	transition: 0.5s;
}
#spec-top .button:before {
	content: url('/wp-content/themes/ranna-child/assets/img/vector.webp');
	position: absolute;
	top: -70px;
	left: -35px;
}

.tag-sec {
	display: flex;
	gap: 90px;
}

.bread-section {
	background-image: url('/wp-content/themes/ranna-child/assets/img/bread-bg.webp');
	background-size: cover;
	background-position: center;
	color: white;
	padding: 40px 40px 80px;
	position: relative;
	margin-top: 50px;
	border-radius: 20px;
}

.bread-info {
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
}

.bread-info h2 {
	font-family: Rubik;
	font-size: 35px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	/* 42px */
	text-transform: uppercase;
	margin-bottom: 65px;
	max-width: 840px;
	color: #fff;
}

.side-note {
	font-family: Rubik;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	max-width: 309px;
}

.quote-box {
	background-color: #3C916C;
	border-radius: 152.5px 20px 20px 152.5px;
	padding: 50px 40px 10px 367px;
	margin-top: 20px;
	position: relative;
}

.quote-image {
	position: absolute;
	left: -80px;
	top: 50%;
	transform: translateY(-50%);
}

.quote-text {
	font-family: Rubik;
	font-size: 20px;
	font-style: italic;
	font-weight: 600;
	line-height: 120%;
	position: relative;
}

.quote-text:before {
	content: url('/wp-content/themes/ranna-child/assets/img/quote.webp');
	position: absolute;
	top: -90px;
}

.quote-author {
	font-family: Rubik;
	font-size: 20px;
	font-style: italic;
	font-weight: 600;
	line-height: 100%;
	max-width: 305px;
	position: relative;
}

.quote-author:before {
	content: '';
	position: absolute;
	border-bottom: 1px solid #F5EBDF;
	width: 30px;
	left: -40px;
	top: 10px;
}

.quote-position {
	font-family: Rubik;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	max-width: 305px;
}

.q-bottom {
	display: flex;
	align-content: flex-end;
	flex-wrap: wrap;
	flex-direction: column;
	margin: 20px 0 30px;
}

#spec3 .spec3-info-block {
	background-color: #ffffff;
	border-radius: 20px;
	padding: 40px;
	margin: 40px auto;
}

#spec3 .spec3-content {
	display: flex;
	align-items: flex-start;
}

#spec3 .spec3-bread-image {
	flex: 0 0 322px;
	margin-right: 30px;
}

#spec3 .spec3-text-content {
	flex: 1;
}

#spec3 .spec3-title {
	color: #3C916C;
	font-family: Rubik;
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 60px */
	text-transform: uppercase;
}

#spec3 .spec3-subtitle {
	color: #3C916C;
	font-family: Rubik;
	font-size: 35px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	/* 42px */
	text-transform: uppercase;
}

#spec3 .spec3-paragraph {
	color: #000;
	font-family: Rubik;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	margin: 0;
}

#spec4 .spec4-quote-block {
	background-color: #9E0909;
	border-radius: 20px;
	padding: 0 40px;
	color: white;
}

.spec4-quote-content:before {
	content: url('/wp-content/themes/ranna-child/assets/img/quote.webp');
	position: absolute;
	top: 40px;
}

#spec4 .spec4-content {
	display: flex;
	align-items: center;
	gap: 32px;
}

#spec4 .spec4-image-container {
	flex: 0 0 327px;
	margin-right: 30px;
}

#spec4 .spec4-author-image {
	width: 100%;
	border-radius: 10px;
}

#spec4 .spec4-quote-content {
	flex: 1;
	position: relative;
	padding-top: 120px;
	font-family: Rubik;
	font-size: 20px;
	font-style: italic;
	font-weight: 600;
	line-height: 120%;
}

#spec4 .spec4-author-name {
	font-weight: bold;
	margin-bottom: 5px;
	position: relative;
}

#spec4 .spec4-author-title {
	font-family: Rubik;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

.spec4-author-name:before {
	content: '';
	position: absolute;
	border-bottom: 1px solid #F5EBDF;
	width: 30px;
	left: -40px;
	top: 13px;
}

#spec5 .spec5-recipe-block {
	background-color: #fff;
	border-radius: 20px;
	padding: 40px;
	margin: 20px auto;
}

#spec5 .spec5-title {
	color: #9E0909;
	font-family: Rubik;
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 60px */
	text-transform: uppercase;
}

#spec5 .spec5-content {
	display: flex;
	flex-wrap: wrap;
}

#spec5 .spec5-text-content {
	flex: 1 1 60%;
	color: #000;
	padding-right: 20px;
	font-family: Rubik;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

#spec5 .spec5-image {
	max-width: 100%;
	border-radius: 10px;
	margin-bottom: 20px;
}

#spec5 .spec5-quote {
	font-family: Rubik;
	font-size: 20px;
	font-style: italic;
	font-weight: 600;
	line-height: 120%;
	padding-left: 90px;
	position: relative;
	padding-top: 15px;
	padding-bottom: 20px;
	color: #3C916C;
}

#spec5 .spec5-quote:before {
	content: url('/wp-content/themes/ranna-child/assets/img/quote.webp');
	position: absolute;
	filter: brightness(0) saturate(100%) invert(46%) sepia(11%) saturate(1831%) hue-rotate(102deg) brightness(104%) contrast(87%);
	left: 0;
	top: -7px;
}

#spec5 .spec5-ingredients,
#spec5 .spec5-process {
	margin-top: 20px;
	padding-top: 190px;
	flex: 1;
}

#spec5 .spec5-subtitle {
	color: #9E0909;
	font-family: Rubik;
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 60px */
	text-transform: uppercase;
	position: relative;
}

.spec5-subtitle:after {
	content: url('/wp-content/themes/ranna-child/assets/img/bread-svg.png');
	position: absolute;
	top: -45px;
}

#spec5 .spec5-ingredient-list,
#spec5 .spec5-process-list {
	list-style-type: none;
	padding-left: 0;
}

.spec5-top-t {
	display: flex;
	gap: 32px;
	position: relative;
	padding-bottom: 120px;
}

#spec5 {
	background-color: #fff;
	border-radius: 20px;
	margin-top: 40px;
}

#spec5 .spec5-ingredient-list li,
#spec5 .spec5-process-list li {
	margin-bottom: 10px;
}

#spec5 .spec5-process-list li {
	padding: 0 20px 0 30px;
	margin-bottom: 25px;
	position: relative;
	font-family: Rubik;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

#spec5 .spec5-process-list li::before {
	content: url('/wp-content/themes/ranna-child/assets/img/fill1.svg');
	position: absolute;
	left: 0;
	top: 8px;
}

.spec5-top-t:after {
	content: url("/wp-content/themes/ranna-child/assets/img/recipe.png");
	position: absolute;
	left: 0;
	bottom: -300px;
}

#spec6 .spec6-quote-block {
	background-color: #9E0909;
	border-radius: 20px;
	padding: 30px 30px 30px 350px;
	margin: 90px auto;
	color: white;
	position: relative;
}

.spec6-quote-block:before {
	content: url(/wp-content/themes/ranna-child/assets/img/quote.webp);
	position: absolute;
	filter: brightness(0) saturate(100%) invert(46%) sepia(11%) saturate(1831%) hue-rotate(102deg) brightness(104%) contrast(87%);
	top: -30px;
}

#spec6 .spec6-image {
	position: absolute;
	left: -50px;
	top: 42%;
	transform: translateY(-50%);
	border-radius: 50%;
	object-fit: cover;
}

#spec6 .spec6-quote-text {
	font-family: Rubik;
	font-size: 20px;
	font-style: italic;
	font-weight: 600;
	line-height: 120%;
	margin-bottom: 20px;
	padding-top: 40px;
	padding-right: 30px;
}

#spec6 .spec6-author {
	font-family: Rubik;
	font-size: 20px;
	font-style: italic;
	font-weight: 600;
	line-height: 88.401%;
	text-align: right;
	padding-right: 80px;
	position: relative;
}

.spec6-author:before {
	content: '';
	position: absolute;
	border-bottom: 1px solid #F5EBDF;
	width: 30px;
	top: 8px;
	right: 390px;
}

#spec7 .spec7-container {
	background-color: #fff;
	border-radius: 20px;
	padding: 30px;
	margin: 20px auto;
}

#spec7 .spec7-title {
	color: #9E0909;
	font-family: Rubik;
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 60px */
	text-transform: uppercase;
}

#spec7 .spec7-content {
	display: flex;
	gap: 20px;
}

#spec7 .spec7-image {
	flex: 0 0 328px;
	border-radius: 10px;
	overflow: hidden;
}

#spec7 .spec7-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

#spec7 .spec7-info {
	flex: 1;
}

#spec7 .spec7-location-title {
	color: #3C916C;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	border-top: 2px solid var(--green, #3C916C);
	border-bottom: 2px solid var(--green, #3C916C);
	font-family: Rubik;
	font-size: 35px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	/* 42px */
	text-transform: uppercase;
	margin-bottom: 20px;
}

#spec7 .spec7-location-content {
	padding: 15px 20px;
	font-family: Rubik;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

#spec7 .spec7-bakery {
	background-color: #ECF7F2;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
	max-width: 350px;
}

#spec7 .spec7-bakery-image {
	width: 100%;
	height: 150px;
	object-fit: cover;
	border-radius: 5px;
	margin-bottom: 10px;
}

#spec7 .spec7-bakery-address {
	font-family: Rubik;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	margin: 10px auto 20px;
}

#spec7 .spec7-button {
	display: flex;
	padding: inherit;
	width: 300px;
	border-radius: 62.997px;
	text-decoration: none;
	font-weight: bold;
	margin-right: 10px;
	text-align: center;
	justify-content: center;
}

#spec7 .spec7-button-primary {
	background-color: #3C916C;
	color: white;
	font-family: Rubik;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 16px */
	text-transform: uppercase;
	margin: 0 auto 10px;
}

#spec7 .spec7-button-primary:hover {
	background-color: #9E0909;
}

#spec7 .spec7-button-secondary {
	color: #3C916C;
	border: 1px solid #3C916C;
	font-family: Rubik;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 16px */
	text-transform: uppercase;
	margin: auto;
}

#spec7 .spec7-button-secondary:hover {
	color: #9E0909;
	border: 1px solid #9E0909;
}

.bakes {
	display: flex;
	gap: 20px;
}

#spec-top .button:hover {
	color: #3C916C;
}

.spec7-location-title span {
	border-radius: 100px;
	background: #3C916C;
	padding: 13px 12px;
}

.spec7-location-title {
	cursor: pointer;
	/* Ваші існуючі стилі */
}

.spec7-location-title span {
	transition: transform 0.3s ease;
}

.spec7-location-title.active span {
	transform: rotate(180deg);
}

.spec7-location-content {
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: height 0.5s ease, opacity 0.3s ease 0.2s;
}

.spec7-location-content.active {
	height: auto;
	opacity: 1;
}

@media (min-width: 1200px) {
	.spec .container {
		max-width: 1340px;
	}
}

@media (max-width: 769px) {
	.bakes {
		flex-direction: column;
		gap: 0;
	}

	#spec7 .spec7-location-content {
		padding: 0;
	}

	#spec7 .spec7-button {
		max-width: 300px;
		width: auto;
	}

	#spec7 .spec7-content {
		flex-direction: column;
	}

	#spec7 .spec7-title {
		font-size: 36px;
	}

	.spec7-location-title {
		font-size: 17px !important;
	}

	.spec7-location-content, #spec7 .spec7-bakery-address {
		font-size: 14px !important;
	}

	.spec7-button {
		font-size: 12px !important;
	}

	.spec7-image {
		display: none;
	}

	#spec7 .spec7-location-title {
		padding: 10px;
	}

	#spec7 .spec7-container {
		padding: 15px;
	}

	.spec .tag {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.spec h1 {
		font-size: 32px !important;
		margin-bottom: 20px;
	}

	.spec p {
		font-size: 14px !important;
		line-height: 120%;
	}

	#spec-top {
		flex-direction: column;
		width: 100vw;
	}

	.spec .content {
		padding: 15px;
		margin: 20px 20px 0;
	}

	.tag-sec {
		flex-direction: column;
		align-items: center;
		gap: 40px;
	}

	#spec-top .button {
		transform: none;
		margin-bottom: 40px;
	}

	#spec-top .button:before {
		content: url(/wp-content/themes/ranna-child/assets/img/vector-m.png);
		position: absolute;
		top: -50px;
		left: -50px;
	}

	.spec .image {
		margin: 0 20px;
	}

	.bread-section {
		margin: 20px;
		padding: 15px;
		display: flex;
		width: calc(100vw - 40px);
		flex-direction: column;
	}

	.bread-info {
		flex-direction: column;
	}

	.bread-info h2 {
		font-size: 17px !important;
		margin-bottom: 20px;
	}

	.side-note {
		font-size: 14px !important;
	}

	.quote-box {
		border-radius: 152.5px 152.5px 20px 20px;
		margin-top: 125px;
		padding: 225px 15px 15px;
	}

	.quote-image {
		position: absolute;
		left: 0;
		top: 0;
		transform: translateY(-50%);
	}

	.quote-author {
		font-size: 14px;
	}

	.quote-position {
		font-size: 12px;
	}

	.q-bottom {
		padding-left: 40px;
	}

	.bread-section {
		background-image: url(/wp-content/themes/ranna-child/assets/img/bread-bg-m.webp);
	}

	#spec3 .spec3-info-block {
		padding: 15px;
		margin: 0;
	}

	#spec3 {
		margin: 20px;
		display: flex;
		width: calc(100vw - 40px);
		flex-direction: column;
	}

	.spec3-title {
		font-size: 25px !important;
	}

	.spec3-subtitle {
		font-size: 17px !important;
	}

	#spec3 .spec3-content {
		display: flex;
		align-items: flex-start;
		flex-direction: column-reverse;
	}

	#spec3 .spec3-paragraph {
		margin-bottom: 15px;
	}

	#spec3 .spec3-bread-image {
		flex: 1;
		margin-right: 0;
		display: flex;
		justify-content: center;
	}

	#spec4 {
		margin: 20px;
		display: flex;
		width: calc(100vw - 40px);
		flex-direction: column;
	}

	#spec4 .spec4-quote-block {
		padding: 0 15px 15px;
	}

	#spec4 .spec4-content {
		flex-direction: column-reverse;
		gap: 0;
	}

	.spec4-quote-content:before {
		top: 20px;
	}

	#spec4 .spec4-quote-content {
		padding-top: 100px;
	}

	.spec4-author-name:before {
		top: 8px;
	}

	#spec4 .spec4-author-name {
		margin-bottom: 0;
	}

	#spec4 .spec4-image-container {
		flex: 1;
		margin-right: 0;
	}

	#spec4 .q-bottom {
		margin: 20px 0 0;
	}

	#spec5 {
		margin: 20px;
		display: flex;
		width: calc(100vw - 40px);
		flex-direction: column;
	}

	#spec5 .spec5-recipe-block {
		padding: 0 15px;
		flex-direction: column;
	}

	.spec5-title {
		font-size: 25px !important;
		margin: 0;
	}

	.m-hide {
		display: none;
	}

	.spec5-top-t {
		gap: 32px;
		padding-bottom: 60px;
		flex-direction: column;
	}

	.spec5-text-content p {
		margin-top: 20px;
	}

	#spec5 .spec5-quote {
		font-size: 14px;
		padding-left: 0;
		padding-top: 70px;
		padding-bottom: 0;
	}

	.spec5-text-content {
		font-size: 14px;
	}

	.spec5-text-content {
		padding-right: 0 !important;
	}

	#spec5 .spec5-image {
		width: 100vw;
	}

	.spec5-top-t:after {
		content: url(/wp-content/themes/ranna-child/assets/img/igred1.png);
		position: absolute;
		left: 50%;
		bottom: -350px;
		transform: translateX(-50%);
		height: auto;
		min-width: 100vw;
		object-fit: cover;
		object-position: center;
	}

	.spec5-subtitle {
		font-size: 32px !important;
	}

	#spec5 .spec5-process-list li {
		font-size: 14px;
	}

	#spec6 {
		margin: 0 5px 20px;
		display: flex;
		width: calc(100vw - 40px);
		flex-direction: column;
	}

	#spec6 .spec6-quote-block {
		padding: 15px;
		border-radius: 152.5px 152.5px 20px 20px;
		margin-bottom: 0;
	}

	#spec6 .spec6-quote-text {
		padding-top: 180px;
		padding-right: 0;
	}

	#spec6 .spec6-image {
		max-width: 200px;
		position: absolute;
		left: 50%;
		top: -100px;
		transform: translateX(-50%);
	}

	.spec6-quote-block:before {
		top: 130px;
	}

	.spec6-quote-block:before {
		content: url(/wp-content/themes/ranna-child/assets/img/quote-m.png);
	}

	#spec6 .spec6-author {
		padding-right: 0;
	}

	.spec6-author:before {
		top: 6px;
		right: 215px;
	}

	.spec7-location-title {
		cursor: pointer;
		/* Ваші існуючі стилі */
	}

	.spec7-location-title.active span {
		transform: rotate(180deg);
		transition: transform 0.3s ease;
	}

	.spec7-location-content {
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		transition: max-height 0.5s ease, opacity 0.5s ease;
	}

	.spec7-location-content.active {
		max-height: 1000px;
		/* Adjust this value based on your content */
		opacity: 1;
	}

	#lviv-lutsk {
		max-height: 1000px;
		/* Initially open */
		opacity: 1;
	}

	#spec7 .spec7-bakery {
		max-width: 100% !important;
	}
}

@media (max-width: 1199px) {
	#spec-top h1 {
		font-size: 48px;
	}

	.spec7-image {
		display: none;
	}

	#spec-top {
		flex-direction: column;
	}

	#spec3 h2, #spec4 h2, #spec5 h2, #spec6 h2, #spec7 h2 {
		font-size: 42px;
	}

	#spec3 .spec3-subtitle {
		font-size: 28px;
	}

	#spec3 .spec3-bread-image {
		flex: 0 0 250px;
	}

	.spec5-image {
		display: none;
	}

	#spec7 .spec7-content {
		flex-direction: column;
	}

	#spec7 .spec7-bakery {
		max-width: 50%;
	}

	#spec7 .spec7-button {
		width: 100%;
	}
}

@media (min-width: 560px) {
	.d-hide {
		display: none;
	}
}

@media (max-width: 1249px) {
	.desktop-banner {
		display: none;
	}

	.mobile-banner {
		display: block !important;
		width: 100%;
		height: auto;
	}

	.banner-slide__rot-offer-1 form {
		position: absolute;
		bottom: 5%;
		right: 12%;
		display: flex;
		flex-direction: column;
		gap: 10px;
		align-items: center;
		justify-content: space-between;
		padding: 10px;
		border-radius: 5px;
		font-size: 10px;
	}

	.banner-slide__rot-offer-1 input {
		min-width: 230px;
		padding: 13px;
		border: 0;
		background: #f1eee5;
		border-radius: 10px;
		width: auto;
	}

	.banner-slide__rot-offer-1 button {
		background: #000000;
		padding: 10px 30px;
		flex-shrink: 0;
		text-transform: uppercase;
		width: auto;
	}

	.banner-slide__rot-offer-2 form {
		position: absolute;
		bottom: 5%;
		left: 6%;
		display: flex;
		flex-direction: row;
		gap: 10px;
		align-items: center;
		justify-content: space-between;
		padding: 10px;
		border-radius: 5px;
		font-size: 14px;
		width: calc(100% - 60px);
	}

	.banner-slide__rot-offer-2 input {
		padding: 13px;
		border: 0;
		width: auto;
		border-radius: 10px;
		min-width: 40%;
	}

	.banner-slide__rot-offer-2 button {
		background: #ff9626;
		padding: 10px 30px;
		width: auto;
		color: #000;
		text-transform: uppercase;
		min-width: 40%;
	}

	.banner-slide__rot-offer-3 form {
		position: absolute;
		bottom: 3%;
		right: 0%;
		display: flex;
		gap: 25px;
		align-items: center;
		padding: 10px;
		border-radius: 5px;
		font-size: 14px;
		width: 50%;
	}

	.banner-slide__rot-offer-3 input {
		min-width: 100%;
		padding: 13px;
		border: 1px solid;
		background: #ffffff;
		border-radius: 10px;
		width: auto;
	}

	.banner-slide__rot-offer-3 button {
		background: #d02128;
		padding: 10px 50px;
		flex-shrink: 0;
		text-transform: uppercase;
		width: auto;
		border-radius: 25px;
	}
}

@media (max-width: 767px) {
	.aries_controlIcon {
		right: 35px !important;
		left: auto !important;
	}

	.qq-2-text h2 {
		font-size: 32px;
		margin-bottom: 10px;
	}

	.qq-3 {
		flex-direction: column;
	}

	.qq-3-text {
		padding: 40px;
	}

	.qq-3-text:after {
		bottom: 15px;
	}

	.qq-3-text:before {
		left: 15px;
		top: 20px;
	}

	.qq-5-text {
		flex-basis: 100%;
	}

	.qq-5-text h2 {
		font-size: 26px;
	}

	.qq-6 h2 {
		font-size: 26px;
	}

	.ind-day h1 {
		font-size: 21px;
	}

	.ind-day .ing-block {
		margin-top: 20px;
	}

	.qq-1 {
		flex-direction: column;
	}

	.qq-2 {
		flex-direction: column-reverse;
	}

	.banner-slide__rot-offer-1 input {
		min-width: 170px;
		padding: 8px;
	}

	.banner-slide__rot-offer-1 button {
		padding: 2px 30px;
	}

	.banner-slide__rot-offer-2 form {
		font-size: 12px;
	}

	.banner-slide__rot-offer-2 input {
		padding: 10px;
	}

	.banner-slide__rot-offer-2 button {
		padding: 7px 30px;
	}

	.banner-slide__rot-offer-3 form {
		gap: 10px;
		font-size: 10px;
	}

	.banner-slide__rot-offer-3 input {
		padding: 11px;
	}

	.banner-slide__rot-offer-3 button {
		padding: 7px 30px;
	}
}

@media (max-width: 449px) {
	.banner-slide__rot-offer-1 form {
		bottom: 1%;
		right: 5%;
	}

	.banner-slide__rot-offer-2 form {
		left: 3%;
		width: calc(100% - 30px);
		font-size: 11px;
	}

	.banner-slide__rot-offer-3 input {
		padding: 7px;
	}

	.banner-slide__rot-offer-3 button {
		padding: 1px 30px;
	}

	.banner-slide__rot-offer-3 form {
		gap: 10px;
		font-size: 10px;
	}
}

@media (max-width: 369px) {
	.banner-slide__rot-offer-1 form {
		bottom: 0;
		right: 0;
	}

	.banner-slide__rot-offer-1 input {
		padding: 6px;
	}

	.banner-slide__rot-offer-1 button {
		padding: 0 30px;
	}

	.banner-slide__rot-offer-2 form {
		bottom: 2%;
		padding: 10px;
		font-size: 10px;
		width: calc(100% - 15px);
	}

	.banner-slide__rot-offer-2 input {
		padding: 8px;
		min-width: 40%;
	}

	.banner-slide__rot-offer-2 button {
		padding: 3px 30px;
	}

	.banner-slide__rot-offer-3 input {
		padding: 5px;
	}

	.banner-slide__rot-offer-3 button {
		padding: 1px 30px;
	}
}

/* New Site */
.statistics-section {
	padding: 40px 20px;
	max-width: 1200px;
	margin: 0 auto;
}

.statistics-container {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	gap: 30px;
}

.stat-item {
	flex: 1;
	min-width: 320px;
	padding: 20px;
}

.stat-icon svg {
	width: 100%;
	height: 100%;
	fill: #9E0909;
}

.stat-number {
	font-size: 52px;
	font-weight: 500;
	color: #000;
	line-height: 120%;
}

.stat-number span {
	color: #9E0909;
}

.stat-text {
	font-size: 1rem;
	color: #333;
	line-height: 1.4;
	max-width: 320px;
	margin: 0 auto;
	padding-top: 10px;
}

.stat-box {
	display: flex;
	gap: 28px;
	align-items: center;
	justify-content: flex-start;
}

@media (max-width: 768px) {
	.statistics-container {
		flex-wrap: nowrap;
		flex-direction: row;
		align-items: center;
		gap: 10px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.stat-item {
		width: 100%;
		max-width: 33%;
		min-width: 30%;
		padding: 0;
		min-height: 135px;
	}

	.stat-box {
		flex-direction: column;
		gap: 7px;
	}

	.stat-number {
		font-size: 18px;
	}

	.stat-text {
		font-size: 10px;
		font-weight: 300;
		line-height: 120%;
		text-align: center;
	}
}

.actual-title {
	color: #F5EBDF;
	text-align: center;
	font-family: Rubik;
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
	line-height: 91.838%;
	background: var(--dark-red, #9E0909);
	padding: 15px;
	text-transform: uppercase;
	display: inline-flex;
	margin: 10px 0 40px;
	border-radius: 14px;
	padding: 18px 32px;
}

.featured-recipe {
	position: relative;
}

.mb-50 {
	margin-bottom: 50px;
}

.mt50 {
	margin-top: 50px;
}

.mt80 {
	margin-top: 80px;
}

.featured-image-wrapper {
	position: relative;
	aspect-ratio: 1/1;
	overflow: hidden;
}

.featured-image-wrapper img {
	object-fit: cover;
}

.featured-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 20px;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
	height: 100%;
}

.featured-box {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 40px;
}

.featured-box .recipe-type {
	font-size: 16px;
	font-weight: 900;
	color: #FFF;
	text-transform: uppercase;
}

.featured-box .recipe-meta {
	display: flex;
	gap: 35px;
}

.featured-box .recipe-meta .meta-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	color: #fff;
}

.featured-box .recipe-meta .meta-item span {
	font-size: 14px;
	font-weight: 900;
	line-height: 108.5%;
	text-transform: uppercase;
}

.featured-box .recipe-meta .meta-item strong {
	font-size: 12px;
	font-weight: 500;
	line-height: 108.5%;
}

.featured-title {
	color: #FFF;
	font-size: 46px;
	font-weight: 900;
	line-height: 108.5%;
	text-transform: uppercase;
}

.recipe-category a {
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	/* 142.857% */
	letter-spacing: 0.7px;
	text-transform: uppercase;
}

.recipe-card {
	height: 100%;
}

.recipe-image-wrapper {
	aspect-ratio: 10/7;
	overflow: hidden;
}

.recipe-title {
	color: #1E1E1E;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
}

@media (max-width: 768px) {
	.actual-title {
		font-size: 18px;
		padding: 10px 28px 10px;
		border: none;
		margin: 30px 0;
		line-height: 120%;
	}
}

.subscription-banner {
	max-width: 1160px !important;
	margin: 50px auto;
	position: relative;
	padding: 0;
}

.sub-content {
	position: relative;
	padding: 20px;
	display: flex;
	justify-content: center;
}

.comment-list {
	align-items: stretch !important;
	justify-content: flex-start;
	flex-direction: column;
}

.border-svg {
	position: absolute;
	top: 0;
	left: 180px;
	width: 980px;
	height: 100%;
	z-index: 1;
}

.border-svg svg {
	width: 100%;
	height: 100%;
}

.content-wrapper {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 30px;
}

.author-image {
	flex-shrink: 0;
}

.author-image img {
	width: 100%;
	height: 100%;
}

.sub-text {
	flex-grow: 1;
	text-align: center;
}

.content-wrapper-red .sub-title {
	color: #FFF;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	line-height: 150%;
	text-transform: uppercase;
}

.sub-title {
	color: var(--dark-red, #9E0909);
	text-align: center;
	font-family: Rubik;
	font-size: 24px;
	font-weight: 700;
	line-height: 150%;
	text-transform: uppercase;
	padding: 0 40px;
}

.sub-button svg {
	margin-left: 10px;
}

.sub-button {
	display: inline-block;
	color: var(--green, #3C916C) !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 900;
	line-height: 150%;
	text-transform: uppercase;
}

.sub-button:hover {
	color: #9e0909 !important;
}

.content-wrapper-red .sub-button {
	color: #FFF !important;
	font-size: 16px;
	font-weight: 900;
	line-height: 150%;
	text-transform: uppercase;
}

@media (max-width: 768px) {
	.content-wrapper {
		flex-direction: column;
		text-align: center;
		padding: 40px 20px 20px;
	}

	.author-image {
		margin-left: 0;
		margin-top: -80px;
	}

	.sub-title {
		font-size: 20px;
	}

	.footer-bor .widget:first-child {
		padding: 30px 0 50px;
	}

	.footer-area .footer-bor:first-child {
		border-bottom: 1px solid #fff;
	}

	.footer-bor:first-child .widget_nav_menu:nth-child(3), .footer-bor:first-child .widget_nav_menu:nth-child(2) {
		font-size: 12px;
		font-weight: 600;
		letter-spacing: 1.6px;
		text-transform: uppercase;
	}

	.footer-bor .widget_nav_menu {
		font-size: 12px;
		font-weight: 600;
	}
}

.project-card {
	position: relative;
	background: #fff;
}

.badge-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	background: #9E0909;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.project-content {
	display: flex;
	gap: 0;
	position: relative;
}

.project-image-wrapper {
	width: 50%;
}

.project-image {
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 14px;
}

.project-text {
	width: 50%;
	padding: 20px;
	position: relative;
	display: flex;
	flex-direction: column;
}

.project-title {
	position: absolute;
	top: 50px;
	left: -50px;
	background: #F5EBDF;
	padding: 20px;
	color: #1E1E1E;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	margin: 0;
}

.special-projects {
	margin-bottom: 30px;
}

.read-more {
	position: absolute;
	bottom: 50px;
	right: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;
	text-transform: uppercase;
	text-decoration: none;
	justify-content: flex-end;
}

.image-link {
	display: block;
	width: 100%;
	height: 100%;
}

.title-link {
	text-decoration: none;
	display: block;
}

.ing-img {
	text-align: center;
	margin: 50px 0;
}

.tax-ranna_recipe_cuisine .actual-recipes {
	margin-top: 50px;
}

.title-link:hover .project-title {
	color: #3C916C;
}

.image-link:hover .project-image {
	transform: scale(1.05);
}

.project-image {
	transition: transform 0.3s ease;
}

.read-more:hover {
	text-decoration: underline;
	color: #2a704f;
}

.read-more:hover svg path {
	fill: #2a704f;
}

@media (max-width: 768px) {
	.project-content {
		flex-direction: column;
		margin-bottom: 30px;
	}

	.project-text {
		background: #F5EBDF;
        position: absolute;
        left: 40%;
        top: 50%;
        transform: translateY(-50%);
        width: 60%;
        padding: 20px 15px 10px 15px;
	}

	.project-title {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		color: #1E1E1E;
		font-size: 12px;
		line-height: 120%;
		padding: 0;
	}

	.read-more {
		position: relative;
		bottom: auto;
		left: auto;
		font-size: 12px;
		margin-top: 12px;
	}

	.read-more svg {
		width: 23px;
	}
}

.recipe-categories .category-card {
	position: relative;
}

.recipe-categories .category-link {
	text-decoration: none;
	color: inherit;
	display: block;
}

.recipe-categories .category-image-wrapper {
	position: relative;
	margin-bottom: 15px;
}

.recipe-categories .category-image {
	width: 100%;
	aspect-ratio: 10/7;
	object-fit: cover;
	transition: transform 0.3s ease;
	position: relative;
}

.badge-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	background: #9E0909;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.recipe-categories {
	margin-bottom: 80px;
}

.recipe-categories .category-title {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	color: #1E1E1E;
	margin: 0;
	text-transform: none;
}

.category .recipe-meta {
	display: none;
}

.recipe-categories .category-link:hover .category-image {
	transform: scale(1.05);
}

.recipe-categories .category-link:hover .category-title {
	color: #3C916C;
}

@media (max-width: 768px) {
	.category-title {
		font-size: 16px;
	}
}

.small-recipe-card {
	margin-bottom: 24px;
}

.small-image-wrapper {
	aspect-ratio: 3/2;
	overflow: hidden;
	margin-bottom: 10px;
}

.recipe-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.recipe-category {
	color: #3C916C;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.recipe-title {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	color: #1E1E1E;
	margin: 0;
}

.featured-recipe {
	position: relative;
}

.featured-image-wrapper {
	aspect-ratio: 1.175 / 1;
	position: relative;
	overflow: hidden;
	transition: 0.5s;
}

.featured-image-wrapper:hover {
	transform: scale(1.05);
	transition: 0.5s;
}

.featured-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sub-con span a, .sub-text a {
	color: #3C916C !important;
}

.featured-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
	color: white;
}

.featured-box .featured-title a {
	color: #fff;
}

.featured-box .featured-title a:hover {
	color: #3C916C;
}

.featured-title {
	font-size: 28px;
	font-weight: 700;
	margin: 12px 0 20px;
}

.recipe-meta {
	display: flex;
	gap: 30px;
}

.meta-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.ad-placeholder {
	background: #F5EBDF;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #C4C4C4;
}

.mb30 {
	margin-bottom: 30px;
}

.mt30 {
	margin-top: 30px;
}

.ad-placeholder:first-child {
	aspect-ratio: 300/250;
}

.ad-placeholder:last-child {
	aspect-ratio: 300/600;
}

.benefits-section {
	background-color: #F5EBDF;
	padding: 60px 20px;
}

.benefits-container {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

.benefits-section h2 {
	text-align: center;
	font-size: 48px;
	font-weight: 900;
	line-height: 91.838%;
	text-transform: uppercase;
	margin-bottom: 50px;
}

.benefit-item {
	flex: 1;
	text-align: center;
}

.benefit-icon {
	margin-bottom: 20px;
}

.benefit-icon img {
	height: 120px;
	margin: 0 auto;
	width: auto;
	max-width: 100%;
}

.benefit-text {
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 117.5%;
	text-transform: uppercase;
}

.subscribers-block {
	max-width: 1200px;
	margin: 60px auto;
	padding: 0 20px;
	display: flex;
	align-items: center;
	gap: 40px;
}

.number-side {
	flex: 0 0 auto;
}

.big-number {
	color: #9E0909;
	font-size: 214px;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: -2.568px;
	text-transform: uppercase;
}

.image-side {
	flex: 1;
	display: flex;
	justify-content: flex-end;
}

@media (max-width: 768px) {
	.subscribers-block {
		flex-direction: column;
		text-align: center;
		gap: 20px;
	}

	.big-number {
		font-size: 80px;
	}
}

@media (max-width: 768px) {
	.benefits-container {
		flex-direction: column;
		align-items: center;
	}

	.benefit-item {
		max-width: 50%;
		flex: auto;
	}

	h2 {
		font-size: 28px;
		margin-bottom: 30px;
	}

	.subscribers-block {
		margin: 30px 0;
		gap: 0;
	}

	.telegram-text {
		font-size: 16px !important;
	}
}

/* Hover ефекти */
.recipe-link:hover .recipe-image {
	transform: scale(1.05);
}

.recipe-link:hover .recipe-title {
	color: #3C916C;
}

@media (max-width: 768px) {
	.featured-title {
		font-size: 20px;
	}

	.recipe-meta {
		gap: 15px;
	}
}

.news-section {
	padding: 40px 0;
	margin: 40px 0;
}

.news-card {
	height: 100%;
}

.news-link {
	text-decoration: none;
	color: inherit;
	display: block;
}

.new-title {
	color: #000;
	text-align: center;
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	margin-bottom: 40px;
	text-transform: uppercase;
	padding-bottom: 25px;
	position: relative;

}

.new-title:after {
	content: '';
	display: block;
	width: 96px;
	height: 2px;
	background: #9E0909;
	margin: 0 auto;
	top: 40px;
	position: absolute;
	left: 50%;
	translate: -50%;
}

.news-image-wrapper {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 14px;
}

.news-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.news-title {
	color: #1E1E1E;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	margin-top: 16px;
}

.news-wrapper {
	background: #F5EBDF;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
}

/* Якщо потрібно прибрати горизонтальний скролл на мобільних */
@media (max-width: 768px) {
	.news-wrapper {
		width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
	}
}

.more-button-w {
	display: inline-flex;
	padding: 20px 64px;
	justify-content: center;
	align-items: center;
	gap: 27px;
	flex-shrink: 0;
	border-radius: 14px;
	border: 1px solid #BABABA;
	background: #FFF;
	color: #9E0909;
	text-align: center;
	font-family: Rubik;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

.more-button-g {
	border-radius: 14px;
	border: 1px solid #BABABA;
	background: #FFF;
	display: inline-flex;
	padding: 20px 64px;
	justify-content: center;
	align-items: center;
	gap: 27px;
	flex-shrink: 0;
	color: #9E0909;
	text-align: center;
	font-family: Rubik;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 142.857% */
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

.more-button-r {
	color: #fff !important;
	background: #9E0909;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	padding: 25px 75px;
}

/* Hover ефекти */
.news-link:hover .news-image {
	transform: scale(1.05);
}

.news-link:hover .news-title {
	color: #3C916C;
}

.more-button-w:hover, .more-button-g:hover, .more-button-r:hover {
	background: #3C916C;
	color: #fff !important;
}

@media (max-width: 768px) {
	.news-section {
		padding: 10px 0 30px 0;
        margin: 0;
	}

	.news-title {
		font-size: 14px;
		margin: 10px;
	}
}

.dishes-of-month {
	margin: 40px auto;
}

.small-dishes-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px 80px;
}

.small-dish,
.large-dish {
	position: relative;
}

.large-dish .dish-image-wrapper {
	aspect-ratio: 1.388/1;
	padding-left: 50px;
}

.dish-image-wrapper {
	aspect-ratio: 3/2;
	overflow: hidden;
}

.dish-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.dish-title {
	margin: 0;
	color: #000;
	text-align: center;
	font-family: Rubik;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	text-transform: uppercase;
	font-size: 18px;
	padding: 15px;
}

.small-dish .dish-title {
	font-size: 18px;
	padding: 15px;
}

.dish-link {
	text-decoration: none;
	color: inherit;
	display: block;
}

.dish-link:hover .dish-image {
	transform: scale(1.05);
}

.more-button {
	display: inline-block;
	background: #fff;
	color: #1E1E1E;
	padding: 12px 40px;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 0.3s ease;
	border: 1px solid #1E1E1E;
}

.more-button:hover {
	background: #3C916C;
	color: #fff;
	border-color: #3C916C;
}

@media (max-width: 768px) {
	.small-dishes-grid {
		gap: 15px;
	}

	.dish-title {
		font-size: 16px;
		padding: 15px;
	}

	.small-dish .dish-title {
		font-size: 12px;
		padding: 10px;
	}
}

.ingredients-month {
	margin: 40px auto;
}

.ingredient-card {
	text-align: center;
}

.ingredient-image-wrapper {
	width: 240px;
	height: 240px;
	border-radius: 14px;
	overflow: hidden;
	margin: 0 auto -30px;
}

.ingredient-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ingredient-title {
	font-size: 18px;
	font-weight: 700;
	color: #1E1E1E;
	text-transform: uppercase;
	margin: 0;
	padding: 50px 10px 30px;
	background: #F5EBDF;
}

.ingredient-link {
	text-decoration: none;
	display: block;
}

.ingredient-link:hover .ingredient-title {
	color: #3C916C;
}

.more-button {
	display: inline-block;
	background: #9E0909;
	color: white;
	padding: 12px 40px;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 0.3s ease;
}

.more-button:hover {
	background: #7a0707;
	color: white;
}

@media (max-width: 768px) {
	.ingredient-image-wrapper {
		width: 136px;
        height: 136px;
		margin: 0 auto -20px;
	}

	.ingredient-title {
		font-size: 12px;
        padding: 20px 0 10px;
        margin-bottom: 30px;
        font-weight: 600;
	}
	.mb-50 {
		margin-bottom: 0;
	}
	.ingredients-month {
		margin: 20px auto;
	}
}

.time-filters {
	display: flex;
	gap: 70px;
	margin-bottom: 40px;
	flex-wrap: wrap;
}

.time-filter {
	background: none;
	border: none;
	color: #BABABA;
	font-size: 28px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 91.838%;
	cursor: pointer;
	transition: all 0.3s ease;
	padding: 0;
}

.time-filter.active {
	color: #9E0909;
	font-size: 40px;
	font-weight: 600;
	line-height: 91.838%;
}

.time-recipes-grid {
	min-height: 300px;
	/* Щоб не стрибала висота при завантаженні */
}

.recipe-card {
	margin-bottom: 30px;
}

.time-recipes {
	margin-bottom: 40px;
}

.recipe-image-wrapper {
	aspect-ratio: 10/7;
	overflow: hidden;
	margin-bottom: 15px;
}

.recipe-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.recipe-category {
	color: #9e0909;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.recipe-title {
	font-size: 18px;
	font-weight: 500;
	margin: 0;
	color: #1E1E1E;
}

.recipe-link:hover .recipe-image {
	transform: scale(1.05);
}

.recipe-link:hover .recipe-title {
	color: #3C916C;
}

.loading-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
}

.spinner {
	width: 50px;
	height: 50px;
	border: 5px solid #f3f3f3;
	border-top: 5px solid #9E0909;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

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

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

#recipesContainer {
	position: relative;
}

.recipes-loading {
	opacity: 0.5;
	pointer-events: none;
}

.cuisine-card {
	padding: 35px;
	border-radius: 14px;
	border: 1px solid rgba(0, 0, 0, 0.44);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
	height: 100%;
	text-align: center;
}

.world-cuisines {
	margin: 40px auto 25px;
}

.world-cuisines .col-md-4 {
	padding-bottom: 30px;
}
.g-4 .col-6 {
	padding-left: 20px;
	padding-right: 20px;
}
.g-4 {
	row-gap: 40px;
}
.cuisine-image-wrapper {
	width: auto;
	height: 188px;
}

.cuisine-image {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.cuisine-title {
	font-size: 22px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 0;
}

.recipes-link {
	color: #9E0909 !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 150%;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: auto;
	text-transform: uppercase;
}

.recipes-link:hover {
	color: #2a704f !important;
}

.recipes-link:hover svg path {
	fill: #2a704f;
}

.more-button {
	display: inline-block;
	background: #9E0909;
	color: white;
	padding: 12px 40px;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 0.3s ease;
}

.more-button:hover {
	background: #7a0707;
	color: white;
}

@media (max-width: 768px) {
	.cuisine-image-wrapper {
		width: 150px;
		height: 150px;
	}

	.cuisine-title {
		color: #1E1E1E;
		text-align: center;
		font-size: 12px;
		font-weight: 600;
		line-height: 130%;
		text-transform: uppercase;
	}

	.cuisine-card a {
		color: #3C916C;
		text-align: center;
		font-size: 12px;
		font-weight: 600;
		line-height: 120%;
		text-transform: uppercase;
		padding-top: 10px;
	}

	.cuisine-card svg {
		width: 20px
	}

	.cuisine-card {
		padding: 10px;
		gap: 5px;
	}

	.cuisine-image {
		max-width: 90%;
	}

	.product-content {
		margin-bottom: 30px;
	}

	.product-content .product-title {
		color: #1E1E1E;
		font-size: 18px;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 0;
	}

	.monthly-purchases .mt80 {
		margin-top: 0;
	}

	.product-content .product-price {
		color: #C00500;
		font-size: 16px;
		font-weight: 700;
		text-transform: uppercase;
	}

	.product-content svg {
		width: 27px;
	}

	.more-button-r {
		padding: 25px 20px;
	}
}

.product-card {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
	height: 100%;
}

.product-image-wrapper {
	aspect-ratio: 1/1;
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 14px;
}

.product-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.product-content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	/* Займає весь вільний простір */
}
.product-price-wrap svg, .product-price {
	transition: 0.3s;
}
.product-content:hover .product-price-wrap svg {
	transform: translateX(-10px);
    transition: 0.3s;
}
.product-content:hover .product-price-wrap .product-price {
	transform: translateX(10px);
    transition: 0.3s;
}
.product-title {
	color: #1E1E1E;
	font-size: 22px;
	font-weight: 500;
	line-height: 140%;
	text-transform: uppercase;
}

.product-price-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
}

.product-price {
	color: #C00500;
	font-size: 22px;
	font-weight: 700;
	line-height: 140%;
	text-transform: uppercase;
}

/* Hover ефекти */
.product-card:hover .product-image {
	transform: scale(1.05);
}

.product-card:hover .product-title {
	color: #3C916C;
}

.monthly-purchases {
	margin: 40px 0;
}
.mt-80 {
	margin-top: 80px;
}
.course-wrapper {
	background: #F5EBDF;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	padding: 40px 0 0;
	margin-top: 40px;
	margin-bottom: 40px;
}

.course-content {
	padding-right: 40px;
}

.course-label {
	display: block;
	color: #1E1E1E;
	font-size: 22px;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: -0.748px;
	text-transform: uppercase;
}

.course-name {
	color: #C00500;
	font-size: 40px;
	font-weight: 600;
	line-height: 150%;
	text-transform: uppercase;
}

.p80 {
	padding: 40px 0 100px;
}

.modules-info {
	display: flex;
	align-items: flex-end;
	gap: 20px;
}

.modules-count {
	color: #000;
	font-size: 200px;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: -6.292px;
	text-transform: uppercase;
}

.modules-description {
	color: #1E1E1E;
	font-size: 24px;
	font-weight: 500;
	line-height: 150%;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.course-section {
	position: relative;
	padding: 0 0 40px;
}

.course-images {
	display: flex;
	gap:50px;
}

.course-image {

}

.course-image img {
    object-fit: cover;
    aspect-ratio: 1 / 1;
	border-radius: 14px;
}

.image-1 {

}

.image-2 {

}

.course-button {
	display: inline-block;
	background: #fff;
	color: #1E1E1E;
	padding: 15px 40px;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 4px;
	transition: all 0.3s ease;
}

.course-button:hover {
	background: #3C916C;
	color: #fff;
}
@media (max-width: 992px) {
	.course-section {
		padding: 15px 15px 30px;
	}

	.course-images {
		position: relative;
        width: 100%;
        height: auto;
        margin: 20px auto 30px;
        gap: 15px;
	}

	.course-label {
		font-size: 18px;
		font-weight: 6600;
		line-height: 150%;
		letter-spacing: -0.396px;
		text-transform: uppercase;
	}

	.modules-count {
		font-size: 100px;
	}

	.modules-description {
		font-size: 18px;
		font-weight: 600;
		line-height: 140%;
		text-transform: uppercase;
		margin-bottom: 0;
	}

	.course-name {
		color: #C00500;
		font-size: 32px;
		font-weight: 600;
		line-height: 150%;
		text-transform: uppercase;
		margin-bottom: 0;
	}

	.image-1 {
		right: 0;
	}

	.image-2 {
		right: auto;
		left: 0;
	}

	.advices {
		padding: 0 15px 30px;
	}
}

.single-ranna_recipe .statistics-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px;
	width: 100%;
}

.single-ranna_recipe .statistics-section {
	padding: 30px 0;
	max-width: 100%;
	margin: 0 auto;
	width: 100%;
}

.single-ranna_recipe .stat-text {
	margin: 0;
}

.single-ranna_recipe .stat-item {
	flex: none;
}

.single-ranna_recipe #main, .page-template-recipestemp #main {
	max-width: 900px;
}

.sub-recipe {
	position: relative;
	height: 60px;
	width: 100%;
}

.sub-con {
	position: absolute;
	color: #fff;
	transform: translateY(-50%);
	top: 50%;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
	max-width: 860px;
}

.sub-recipe svg {
	position: absolute;
}

.sub-con svg {
	position: relative;
}

.sub-con-w {
	position: absolute;
	color: #000;
	transform: translateY(-50%);
	top: 50%;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
}

.sub-con-w svg {
	position: relative;
}

.categories-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	row-gap: 50px;
	column-gap: 25px;
	max-width: 1200px;
	margin: 0 auto 80px;

}

.category-item {
	text-decoration: none;
	display: block;
	position: relative;
	width: 100%;
	transition: transform 0.3s ease;
}

.category-item:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.category-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.category-image:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
}

.category-title {
	color: #FFF;
	font-size: 28px;
	font-weight: 900;
	line-height: 108.5%;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	padding: 15px;
	margin: 0;
}

.categories-grid .category-item {
	overflow: hidden;
}

.category-item:hover {
	transform: scale(1.03);
}

@media (max-width: 1024px) {
	.category-title {
		font-size: 28px;
	}
}

@media (max-width: 768px) {
	.categories-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.category-title {
		font-size: 24px;
	}
}

@media (max-width: 480px) {
	.categories-grid {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.category-title {
		font-size: 28px;
	}
}

.interesting-recipes {
	padding: 40px 0;
}

.section-title {
	color: #000;
	font-size: 48px;
	font-weight: 900;
	line-height: 91.838%;
	text-align: center;
	margin-bottom: 50px;
}

.recipe-card {
	height: 100%;
	transition: transform 0.3s ease;
}

.recipe-card .recipe-image-wrapper:hover {
	transition: 0.3s;
	transform: scale(1.005);
}

.recipe-image-wrapper {
	position: relative;
	margin-bottom: 3px;
	overflow: hidden;
}

.recipe-image {
	width: 100%;
	height: auto;
	transition: transform 0.3s ease;
}

.recipe-card:hover .recipe-image {
	transform: scale(1.05);
}

.recipe-category {
	margin-bottom: 10px;
}

.category-link {
	color: #4CAF50;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.category-link:hover {
	color: #388E3C;
}

.recipe-title {
	color: #1E1E1E;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	/* 24px */
	letter-spacing: 0.6px;
}

.recipe-link {
	text-decoration: none;
	color: inherit;
}

.recipe-category .category-link:hover {
	color: #9E0909 !important;
}

.page-template-recipestemp h1 {
	margin: 30px 0px 40px;
}

.page-template-recipestemp .col-lg-3.col-md-12.col-12 {
	padding: 0;
	padding-right: 34px;
	margin-top: 30px;
}

.recipe-title:hover {
	color: #388E3C !important;
}

.nutrition-value-wrap h2 {
	color: #000;
	font-size: 20px;
	font-weight: 800;
	line-height: 120%;
	text-transform: uppercase;
	margin: 0;
}

.nutrition-intro {
	margin: 30px 0;
}

.nutrition-item {
	background: #fff0;
	padding: 0;
	margin: 0;
	line-height: 30px;
}

.nutrition-footer {
	margin: 40px 0 20px;
	text-align: center;
}

.nutrition-list .col-md-6:first-child {
	border-right: 1px solid #1E1E1E;
	padding-right: 40px;
}

.nutrition-list .col-md-6:last-child {
	padding-left: 40px;
}

.ing-desc>h2:last-child {
	margin: 80px 0 35px;
	color: #F5EBDF;
	font-size: 48px;
	font-weight: 800;
	line-height: 91.838%;
	background: #9E0909;
	padding: 15px 20px;
	display: inline-flex;
}

.ing-desc>p:last-child {
	border-bottom: 1px solid #6D6666;
	padding-bottom: 30px;
}

.tax-ranna_recipe_ingredient .new-recipes {
	margin-bottom: 50px;
}

.product-box-layout1 .col-md-12, .product-box-layout1 .actual-recipes {
	padding-left: 0;
	padding-right: 0;
}

.pricing-section {
	max-width: 1200px;
	margin: 60px auto;
	padding: 0 20px;
	text-align: center;
}

.premium-main-section h2 {
	font-size: 36px;
	font-weight: 900;
	margin-bottom: 50px;
}

.pricing-container {
	display: flex;
	gap: 60px;
	justify-content: center;
	margin-bottom: 60px;
}

.price-card {
	flex: 1;
	max-width: 350px;
	padding: 30px;
	border-radius: 15px;
	border: 1px solid #E0E0E0;
	background: white;
}

.premium-main-section h3 {
	color: #0C0C0C;
	font-size: 32px;
	font-weight: 800;
	line-height: 120%;
	text-transform: uppercase;
	padding: 30px;
}

.premium-main-section .features-list {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

.premium-main-section .features-list li {
	color: #000;
	font-size: 18px;
	font-weight: 400;
	line-height: 120%;
	position: relative;
	padding-left: 25px;
	margin-bottom: 15px;
}

.premium-main-section .features-list li:before {
	content: "•";
	color: #8B0000;
	position: absolute;
	left: 0;
	font-size: 32px;
}

.premium-main-section .price {
	color: #C00500;
	font-size: 36px;
	font-weight: 700;
	line-height: 120%;
	/* 43.2px */
	margin: 40px 0;
}

.price-card .try-button:hover {
	background: #3C916C !important;
}

.price-card .try-button {
	margin-bottom: 30px;
}

.pricing-container .check-block:nth-child(1) .price-card .try-button, .pricing-container .check-block:nth-child(3) .price-card .try-button {
	background: #EFE1D2;
}

.premium-main-section .note {
	font-size: 14px;
	color: #666;
	margin-bottom: 32px;
}

.try-button {
	background-color: #F5EBDF;
	color: #000;
	border: none;
	cursor: pointer;
	font-weight: 500;
	transition: background-color 0.3s;
}

.try-button.featured {
	background-color: #8B0000;
	color: white;
}

.try-button:hover {
	opacity: 0.9;
}

.telegram-section {
	margin: 80px 0;
	text-align: center;
}

.telegram-icon {
	margin-bottom: 20px;
}

.telegram-text {
	color: #000;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	line-height: 150%;
	text-transform: uppercase;
}

@media (max-width: 968px) {
	.pricing-container {
		flex-direction: column;
		align-items: center;
	}

	.price-card {
		width: 100%;
		max-width: 400px;
	}
}

@media (max-width: 1199px) {
	.header-style-2 .masthead-container {
		padding: 0;
	}

	.site-logo {
		height: auto;
		border: none !important;
	}

	.site-logo svg {
		width: 130px;
		height: auto;
	}

	.masthead-container {
		height: auto;
	}

	.site-header .site-branding {
		padding: 21px 5px 27px;
	}

	.mobile-menu {
		padding: 0 0 10px 0;
	}

	.wpml-ls-item-en {
		display: none !important;
	}

	.wpml-ls-legacy-list-horizontal a span {
		font-size: 12px;
		font-weight: 400;
	}

	.mobile-menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.mobile-menu .menu-item {
		position: relative;
		border-bottom: 1px solid rgba(186, 186, 186, 0.3);
	}

	.mobile-menu .menu-item a {
		display: block;
		padding: 15px 20px;
		color: #0C0C0C;
		text-decoration: none;
		font-size: 16px;
	}

	/* Стилі для підменю */
	.mobile-menu .sub-menu {
		display: none;
		background: rgba(186, 186, 186, 0.1);
	}

	.mobile-menu .sub-menu.active {
		display: block;
	}

	.mobile-menu .menu-item-has-children {
		position: relative;
	}

	/* Стилі для підпунктів */
	.mobile-menu .sub-menu .menu-item {
		border-bottom: none;
	}

	.mobile-menu .sub-menu .menu-item a {
		padding-left: 40px;
		font-size: 14px;
	}

	.statistics-section {
		padding: 20px 0;
	}

	.line_bottom_red h1 {
		font-size: 22px;
		padding: 10px 20px 6px;
		margin: 30px 0;
	}

	.row.gutters-60>[class^="col-"] {
		padding-left: 0;
		padding-right: 0;
	}

	.um-form {
		flex-direction: column;
		align-items: baseline;
	}

	.um-profile-nav {
		width: 100% !important;
		min-height: auto !important;
	}

	.um-page #main {
		padding-left: 15px;
		padding-right: 15px;
	}

	.um-profile-nav i {
		display: none !important;
	}

	.um-profile-nav-item {
		padding: 9px 10px 13px !important;
	}

	.um-user-bookmarked-list {
		grid-template-columns: repeat(1, 1fr) !important;
	}

	.um-profile-body.bookmarks-default {
		width: 100%;
	}

	.stat-icon {
		text-align: center;
	}

	.stat-icon svg {
		max-width: 70%;
	}

	.home .actual-title {
		margin-top: 0;
	}
}

.um-account-side ul {
	margin-left: 0;
	padding-left: 0;
	display: flex;
	gap: 20px;
}

.um-account-side li a.current span.um-account-icon {
	color: #3c916c;
}

.um-account-side ul li {
	padding: 10px 20px;
	margin-bottom: 0;
	background: #f5ebdf;
	list-style: none;
}

.um-account-side ul li:before {
	background-image: none;
}

.um-profile {
	display: flex;
	width: 100%;
	margin: 0 auto;
	gap: 30px;
}

.um-form input[type=text], .um-form input[type=search], .um-form input[type=tel], .um-form input[type=number], .um-form input[type=password] {
	padding: 0 25px !important;
	width: 100%;
	display: block !important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	outline: none !important;
	cursor: text !important;
	font-size: 12px !important;
	height: 50px !important;
	box-sizing: border-box !important;
	box-shadow: none !important;
	margin: 0 !important;
	position: static;
	outline: none !important;
}

input[type=submit].um-button, input[type=submit].um-button:focus {
	padding: 15px 25px;
	background-color: #9E0909 !important;
}

.um-account-tab {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.um-profile-nav-nalashtuvannya {
	margin-top: 70px;
}

/* Left navigation column */
.um-profile-nav {
	width: 25%;
	min-height: 500px;
	margin-left: -20px;
	min-width: 25%;
}

.um-profile-nav-item {
	padding: 23px 24px;
	position: relative;
	transition: all 0.3s ease;
	background-color: #F5EBDF;
	margin-bottom: 8px;
}

.um-user-bookmarkss-list {
	position: relative;
}

.um-user-bookmarkss-list .um-user-bookmarks-profile-remove-link {
	position: absolute;
	top: 5px;
	right: 10px;
	border: 1px solid #fff;
	padding: 3px 10px;
	border-radius: 50%;
	color: #fff;
}

.um-user-bookmarkss-list .um-user-bookmarks-profile-remove-link:hover {
	color: #C00500;
	border: 1px solid #C00500;
}

.um-user-bookmarks-profile-remove-link[disabled],
.um-user-bookmarks-profile-remove-link:disabled {
	border: none !important;
	background: none !important;
	cursor: default !important;
	pointer-events: none;
}

.um-profile-nav-item:hover {
	transition: all 1s ease;
	background: #C00500;
	color: #fff !important;
}

.um-profile-nav-item:hover a {
	color: #fff !important;
}

.um-profile-nav-item.active {
	border-left: 5px solid #C00500;
	background-color: #F5EBDF;
}

.um-profile-nav-item.active a {
	color: #000 !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 160%;
	text-transform: uppercase;
}

.um-profile-nav-item a {
	color: #9E9E9E !important;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	line-height: 160%;
	/* 22.4px */
	display: block;
	background-color: #ffffff00 !important;
}

/* Right content area */
.um-profile-content {
	width: 75%;
	padding: 20px;
}

/* Recipe grid layout */
.um-profile-saved-recipes {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 20px;
}

.um-profile-subnav {
	display: none;
}

.um-recipe-card {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.um-recipe-card img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.um-recipe-card-content {
	padding: 15px;
}

.um-recipe-card h3 {
	margin: 0 0 10px 0;
	font-size: 16px;
}

.um-form .um-header {
	display: none;
}

.um-form {
	width: 100%;
	display: flex;
	gap: 20px;
}

.um-profile-nav i {
	display: none;
}

.um-user-bookmarked-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 30px;
}

/* Стилі для кожного рецепту */
.um-user-bookmarked-item {
	position: relative;
}

/* Стилі для зображень */
.um-user-bookmarked-item.has-image img {
	width: 100% !important;
	object-fit: cover;
	aspect-ratio: 10 / 7;
}

/* Стилі для заголовків */
.um-user-bookmarked-item .item-title {
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.4;
}

/* Стилі для кнопки Remove */
.um-user-bookmarked-item .remove {
	color: #dc3545;
	font-size: 14px;
	margin-top: 5px;
	display: inline-block;
}

/* Очищаємо float, якщо він використовується */
.um-clear {
	display: none;
}

.um-user-bookmarks-post-content h3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: 0.6px;
	text-transform: none;
	text-align: left;
}

.um-user-bookmarked-item hr, .bookmarks-default hr {
	display: none;
}

.um-user-bookmarks-post-content h3 a {
	color: #1E1E1E !important;
}

.um-user-bookmarks-post-content h3 a:hover {
	color: #C00500 !important;
}

.um-modal-btn {
	background: #C00500 !important;
}

.um-modal-btn:hover {
	background: #3C916C !important;
}

.um-profile-body .um-user-bookmarked-list .um-user-bookmarked-item.has-image .um-user-bookmarkss-list .um-user-bookmarks-post-content {
	float: none;
	width: 100%;
}

.contacts-page {
	margin: 0 auto;
	padding: 40px 20px;
}

/* Соціальні мережі */
.contacts-page .social-links {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #000;
	padding: 0 50px 50px;
}

.contacts-page .social-link {
	color: #000 !important;
	font-size: 16px;
	font-weight: 400;
	line-height: 120%;
	border-bottom: 1px solid;
}

/* Контактні особи */
.contact-persons {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.contact-person {
	display: grid;
	grid-template-columns: 200px auto auto auto;
	align-items: center;
	padding-bottom: 30px;
	border-bottom: 1px solid #000;
}

.contacts {
	max-width: 1130px;
	margin: 0 auto;
}

.person-department {
	color: #9E0909;
	font-size: 24px;
	font-weight: 600;
}

.person-photo img {
	width: 140px;
	height: 140px;
	object-fit: cover;
}

.person-info {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-end;
}

.person-name {
	font-size: 24px;
	font-weight: 600;
}

.person-email,
.person-phone {
	color: #000;
	font-size: 20px;
	font-weight: 400;
	line-height: 120%;
	/* 24px */
}

.featured-recipe .featured-title:hover {
	color: #3C916C;
}

/* Адаптивність */
@media (max-width: 1199px) {
	.product-box-layout1 .author-p:first-child {
		flex-direction: column;
	}

	.author-p .author-data {
		text-align: center;
	}

	.author-p .author-data a {
		justify-content: center;
	}

	.contact-person {
		grid-template-columns: 1fr;
		gap: 20px;
		text-align: center;
	}

	.person-department {
		margin-bottom: 10px;
	}

	.footer-bor, .footer-bor:last-child {
		border-left: 0;
		border-right: 0;
	}

	.person-photo {
		margin: 0 auto;
	}

	.contacts-page .social-links {
		justify-content: center;
		gap: 40px;
		margin-bottom: 30px;
		border-bottom: 1px solid #000;
		padding: 25px 15px;
		flex-wrap: wrap;
	}

	.contacts-page {
		padding: 20px;
	}

	.person-info {
		align-items: center;
	}

	.recipe-meta {
		gap: 15px !important;
	}

	.featured-box .recipe-meta .meta-item span {
		font-size: 12px !important;
	}

	.home .featured-recipe {
		margin-bottom: 25px;
	}

	.sub-content .content-wrapper {
		background-image: url(/wp-content/themes/ranna/assets/img/bg-mob.svg);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.sub-text {
		background-image: none !important;
		padding: 15px !important;
		margin-bottom: 20px;
	}

	.sub-title {
		color: #9E0909 !important;
		text-align: center;
		font-size: 14px !important;
		font-weight: 700 !important;
		line-height: 160%;
		/* 20.8px */
		letter-spacing: -0.13px;
		text-transform: uppercase;
		padding: 5px;
		margin-bottom: 10px;
	}

	.sub-button {
		color: #3C916C !important;
		font-size: 12px !important;
		font-weight: 900;
		line-height: 150%;
		text-transform: uppercase;
		text-align: center;
	}

	.sub-content .author-image {
		margin-top: 0;
	}

	.author-image img {
		max-height: 140px;
		max-width: 110px;
	}

	section.new-recipes {
		margin: 0 !important;
	}

	.new-title {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.ingredients-month {}
}

.contacts .item-title {
	text-align: center;
}

.um-social-login-btns .um-button {
	padding: 10px !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 4px solid #C00500;
	position: relative;
}

.um-social-login-btns .um-button:after {
	content: url('/wp-content/themes/ranna/assets/img/right-arrow.svg');
	top: 50%;
	right: 0;
}

.um-social-login-btns .um-col-alt {
	padding: 10px;
	margin-bottom: 20px;
	width: 400px;
}

.um-social-login-btns .um-button span {
	color: #C00500;
	font-size: 18px;
	font-weight: 900;
	line-height: 150%;
	text-transform: uppercase;
}

.um-login .um-button-google:hover {
	background-color: #006400 !important;
}

.um-login form {
	display: flex;
	flex-direction: column;
}

.um-login .um-form {
	justify-content: center;
}

.um-social-login-btns {
	order: 1;
	display: flex;
	justify-content: center;
}

.um-login ._um_row_1 {
	order: 2;
	margin-bottom: 0 !important;
}

.um-login .um-col-alt {
	order: 4;
}

.um-login .um-col-alt-b {
	order: 3;
	text-align: center;
}

.um-login .um-col-alt-b a {
	color: #9E9E9E;
	font-size: 16px;
	font-weight: 300;
}

.bi-google:before {
	background: conic-gradient(from -45deg, #C00500 110deg, #C00500 90deg 180deg, #C00500 180deg 270deg, #C00500 270deg) 73% 55%/150% 150% no-repeat !important;
	background-clip: text !important;
	font-size: 36px;
}

.um-login .um-field-text .um-field-area, .um-login .um-field-password .um-field-area, .um-register .um-field-text .um-field-area, .um-register .um-field-password .um-field-area {
	width: 700px;
	margin-bottom: 15px;
	border-radius: 18px;
	border: 1px solid;
}

.um-login .um-field-area input, .um-register .um-field-area input {
	border-radius: 18px;
	border: 0.5px solid #000 !important;
	color: #000 !important;
	font-size: 18px !important;
	font-weight: 300;
	height: 64px !important;
}

.um-login .um-field-checkbox {
	font-size: 16px;
	font-weight: 300;
	display: flex;
	align-items: center;
	gap: 5px;
}

.um-login .um-field-c {
	width: 100%;
}

.um-col-alt-b {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 20px;
}

.um-field-error {
	border: 1px solid #9e0909;
	padding: 10px;
	color: #9e0909;
	font-size: 16px;
	font-weight: 300;
	margin: 10px;
}

/* Контейнер для кнопок */
.um-col-alt {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* Ліва та права половини */
.um-col-alt .um-left.um-half,
.um-col-alt .um-right.um-half {
	width: 45%;
	float: none;

}

.um-login .um-field-checkbox input {
	display: none;
}

.um-col-alt .um-left.um-half input:hover, .um-col-alt .um-right.um-half a:hover {
	background: #3C916C !important;
}

.um-col-alt .um-left.um-half input {
	padding: 33px 45px;
	text-transform: uppercase;
}

.um-col-alt .um-right.um-half a {
	padding: 33px 45px;
	background: #F5EBDF !important;
	color: #000 !important;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
}

/* Кнопки всередині половин */
.um-col-alt .um-left.um-half input,
.um-col-alt .um-right.um-half .um-button {
	width: 100%;
}

.um-social-login-btns .um-col-alt .um-left.um-half {
	width: 100%;
}

.um-login .um-col-alt-b a:hover {
	color: #000000;
}

.um-register .um-field-area input {
	border-radius: 18px;
}

.um-register .um-form {
	justify-content: center;
}

.um-register .um-field-text .um-field-area {
	width: 700px;
}

.um-register .um-field-checkbox {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 40px;
}

.um-register .um-field-checkbox span {
	font-size: 16px;
	font-weight: 300;
}

.um-register .um-field-checkbox input {
	border-radius: 0;
	width: 18px;
}

.um-register .um-field-checkbox input[type="checkbox"] {
	display: none;
}

.um-field-checkbox-state {
	display: inline-block;
	width: 22px;
	height: 22px;
	border: 2px solid #ccc;
	margin-right: 10px;
	position: relative;
}

/* Стиль для активного стану */
.um-field-checkbox.active .um-field-checkbox-state {
	background-color: #ffffff;
	/* Червоний колір */
	border-color: #6D6666;
}

/* Приховуємо стандартну іконку */
.um-field-checkbox-state i {
	display: none;
}

.um-register .um-col-1 {
	margin-bottom: 50px;
}

/* Додаємо галочку для активного стану */
.um-field-checkbox.active .um-field-checkbox-state:after {
	content: '';
	position: absolute;
	left: 2px;
	top: 2px;
	width: 10px;
	height: 10px;
	border: solid #9e0909;
	border-width: 7px;
}

/* Стилі для тексту */
.um-field-checkbox-option {
	font-size: 14px;
	color: #333;
}

/* Контейнер для чекбоксу */
.um-field-checkbox {
	display: flex;
	align-items: flex-start;
	margin-bottom: 10px;
	cursor: pointer;
}

/* Основний контейнер меню */
.burger-menu-desktop {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: calc(110vh - 100px);
	background: #B01E23;
	display: none;
	z-index: 998;
}

/* Контейнер для контенту меню */
.burger-menu-content {
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;
	height: 100%;
}

/* Колонки меню */
.menu-column {
	width: 33.333%;
	padding: 0 20px;
}

/* Батьківські елементи в першій колонці */
.menu-column:first-child .menu-item {
	position: relative;
	cursor: pointer;
}

/* Стилі для пунктів меню */
.menu-item {
	margin-bottom: 15px;
}

.menu-item a {
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	display: block;
	padding: 8px 0;
}

/* Дочірні елементи (підменю) */
.sub-menu {
	display: none;
	position: absolute;
	left: 115%;
	top: 0;
	width: 200%;
	/* Ширина для другої і третьої колонки */
	padding: 0 20px;
	column-count: 2;
	/* Розділяємо на дві колонки */
	column-gap: 40px;
}

.burger-container>ul {
	width: 33.333%;
	border-right: 1px solid #BABABA;
	border-left: 1px solid #BABABA;
	margin: 0;
	padding: 20px;
	list-style: none;
}

/* Показуємо підменю при ховері */
.menu-item:hover>.sub-menu {
	display: block;
}

/* Активний стан для батьківського елемента */
.menu-item:hover>a {
	color: rgba(255, 255, 255, 0.8);
}

/* Стилі для елементів в підменю */
.sub-menu .menu-item {
	break-inside: avoid;
	/* Запобігаємо розриву елемента між колонками */
	margin-bottom: 10px;
}

.sub-menu a {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
}

/* Активний стан для підменю */
.burger-menu-desktop.active {
	display: block;
}

.burger-container {
	max-width: 1350px;
	margin: auto;
	position: relative;
}

.interaction-button .um-clear {
	display: flex;
}

.interaction-button .um-faicon-bookmark-o {
	color: #ffffff;
	background: #9E0909;
	padding: 3px 8.6px;
	border-radius: 50%;
}

@media (max-width: 1199px) {
	.page-template-account #main {
		padding-left: 15px;
		padding-right: 15px;
	}

	.um-social-login-btns .um-col-alt {
		width: 100%;
	}

	.um-col-alt {
		justify-content: center;
		flex-direction: column;
	}

	.um-login .um-field-text .um-field-area, .um-login .um-field-password .um-field-area, .um-register .um-field-text .um-field-area, .um-register .um-field-password .um-field-area {
		width: 100%;
	}

	.um-social-login-btns .um-button span {
		font-size: 12px;
	}

	.um-login form, .um-register form {
		width: 100%;
	}

	.um-col-alt .um-left.um-half, .um-col-alt .um-right.um-half {
		width: 100%;
	}

	.news-card {
		margin-bottom: 30px;
	}

	.news-card .news-link h3 {
		color: #1E1E1E;
		font-size: 18px;
		font-weight: 400;
	}

	.time-filter.active {
		color: #9E0909;
		font-size: 16px;
		font-weight: 700;
	}

	.time-filter {
		color: #BABABA;
		font-size: 12px;
		font-weight: 600;
	}

	.course-wrapper {
		padding-top: 0;
		margin: 0;
		background-color: #fff;
	}

	.line_bottom_red article h2 {
		font-size: 22px !important;
		font-weight: 600;
	}

	.featured-box {
		gap: 20px;
	}

	.subscription-banner {
		margin: 0;
	}

	.flex-end {
		justify-content: flex-start;
		padding-left: 15px !important;
	}

	.single-ranna_recipe .statistics-container {
		gap: 0;
	}

	.ranna_recipe-template-default .sub-recipe {
		display: none;
	}

	.ranna_recipe-template-default main, .post-template-default main {
		padding-left: 15px;
		padding-right: 15px;
	}

	.ranna_recipe-template-default .item-title, .post-template-default .item-title {
		margin-top: 0;
	}

	.meta-author {
		margin-bottom: 10px;
	}

	.auth-top, .meta-date span {
		font-size: 12px;
	}

	.single-recipe-layout1 .entry-meta .single-meta {
		font-size: 12px;
	}

	.single-recipe-layout1 .entry-meta {
		flex-wrap: wrap;
		justify-content: center;
	}

	.single-recipe-layout1 .entry-metas, .type-post .entry-meta, .type-page .entry-meta {
		margin: 15px 0 10px;
	}

	.interaction-box {
		width: 30px;
		height: 30px;
		padding: 6px;
	}

	.interaction-button {
		padding: 0;
		flex-direction: column;
	}

	.single-post article .entry-content p, .single-post article .entry-content span {
		font-size: 16px;
	}

	.single-post .sidebar-widget-area {
		margin-bottom: 30px;
	}

	.rt-single-content h2 {
		font-size: 22px;
		margin: 22px 0;
	}

	.interaction-button span {
		font-size: 12px;
		font-weight: 500;
		line-height: 120%;
		text-transform: uppercase;
		color: #000;
	}

	.single-recipe-layout1 .item-description h2, .single-recipe-layout1 .item-description h2 span {
		font-size: 22px;
	}

	.single-recipe-layout1 .item-description h3, .single-recipe-layout1 .item-description h3 span {
		font-size: 16px;
	}

	#recipe-meta .recipe-meta {
		margin: 20px 0;
	}

	#recipe-meta svg {
		width: auto;
		height: 36px;
	}

	#recipe-meta .meta-label {
		font-size: 12px;
	}

	#recipe-meta strong {
		font-size: 12px;
	}

	#recipe-meta .meta-item {
		gap: 8px;
	}

	.ingredient-list div {
		font-size: 17px;
	}

	.direction-wrap {
		margin: 0 0 40px;
	}

	.step-icon svg {
		height: 56px;
		width: auto;
	}

	.step-number {
		font-size: 14px;
	}

	.step-icon {
		width: auto;
	}

	.step-image {
		position: relative;
		width: calc(100vw - 30px);
		left: calc(50% - 32px);
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
	}

	.step-image img {
		width: 100%;
		height: auto;
		display: block;
	}

	.direction-conclusion {
		font-size: 16px;
	}

	.single-recipe-layout1 .tags-section {
		display: flex !important;
		flex-wrap: wrap;
		gap: 5px !important;
		flex-wrap: nowrap;
		align-items: flex-start !important;
	}

	.single-recipe-layout1 .single-meta .inner-tag {
		margin-left: 10px !important;
		display: flex;
		flex-wrap: wrap;
		gap: 10px !important;
	}

	.single-recipe-layout1 .tag-share ul li .inner-tag li a {
		font-size: 12px;
	}

	.breadcrumb-area a, .breadcrumb-area span {
		font-size: 12px !important;
	}

	.comment-template-btn, #comment, .more-button-r, .more-button-w {
		font-size: 14px;
	}

	#commentform>.comment-form-attachment {
		margin: 25px 0;
		font-weight: 400;
	}

	.comment-form-attachment .comment-form-attachment__label {
		margin-bottom: 0;
	}

	.submit-comment-btn {
		color: #FFF;
		text-align: center;
		font-size: 14px;
		font-weight: 600;
		line-height: 20px;
		text-transform: uppercase;
		padding: 24px;
		border-radius: 0;
	}

	p.form-submit {
		text-align: center;
	}

	#primary .col-lg-3.col-md-12 {
		order: 1;
	}

	#primary .statistics-section:last-child {
		order: 2;
	}

	.rt-related-post .title-section h2 {
		font-size: 24px;
	}

	.interaction-button a {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 8px;
	}

	.ranna_recipe-template-default .gutters-60>.subscription-banner {
		order: 1;
	}

	.comment-reply-title {
		font-size: 24px !important;
	}

	.site-header nav ul {
		text-align: left;
		padding: 0 15px;
	}

	.menu-item-has-children.active>.submenu-toggle::before {
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	.menu-item-has-children.active>.submenu-toggle::after {
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.promo-block {
		padding: 0 15px 80px !important;
	}

	.ingerdient-section:nth-child(even) {
		padding-left: 15px;
	}

	.ingerdient-section:nth-child(odd):after {
		border-right: 0;
	}

	.adv-grid, .page-template-account main, .page-template-recipestemp main {
		padding-left: 15px;
		padding-right: 15px;
	}

	#author, #email {
		width: 100%;
	}

	.email-row {
		flex-direction: column;
	}

	.sub-con-w {
		font-size: 12px;
		font-weight: 500;
		gap: 10px;
	}

	.sub-con-w svg {
		padding-left: 10px;
		width: 100px;
	}

	.sub-recipe>svg {
		display: none;
	}

	.sub-recipe:before {
		content: '';
		top: -12px;
		left: 0;
		background: url(/wp-content/uploads/2024/12/bg-mobile-img.svg);
		position: absolute;
		height: 85px;
		width: 330px;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.sub-recipe {
		width: 320px;
		margin: 0 auto;
	}
}

@media screen and (min-width: 769px) {

	/* Тільки необхідні стилі для hover ефекту */
	.burger-menu-desktop .menu-item-has-children {
		position: relative;
	}

	.burger-menu-desktop .sub-menu {
		display: none;
	}

	/* Показуємо підменю при наведенні */
	.burger-menu-desktop .menu-item-has-children:hover>.sub-menu {
		display: block;
	}

	.interaction-button a {
		display: flex;
		align-items: center;
		gap: 10px;
	}
}

@media screen and (max-width: 768px) {
	.mobile-menu-container .sub-menu {
		position: static !important;
		width: 100% !important;
		left: auto !important;
		columns: 1 !important;
		padding: 0 0 0 7px !important;
		background: none;
		margin-top: 10px;
	}
	.author-content {
		padding: 0 10px;
	}
	/* Відключаємо всі стилі, які могли б впливати на позиціонування */
	.mobile-menu-container .menu-item-has-children {
		position: relative;
	}

	.mobile-menu-container .menu-item {
		width: 100%;
	}

	/* Анімація для плавного відкриття */
	.mobile-menu-container .sub-menu {
		display: none;
	}
}

@media (min-width: 769px) {
	.mobile-header-elements, .mobile-menu-container, .mobile-search-form {
		display: none;
	}
}

@media (min-width: 992px) {
	.site-logo {
		max-width: 20%;
	}

	.top-header {
		max-width: 55%;
	}

	.top-right-header {
		max-width: 25%;
	}

	.um-faicon-bookmark-o:before {
		font-size: 28px;
	}

	.interaction-button .um-faicon-bookmark-o {
		padding: 9.5px 14px;
	}
	#primary > .container {
		padding-right: 0;
		padding-left: 0;
	}
}

@media (min-width: 1350px) {
	.top-header {
		display: flex;
		flex-direction: column;
		width: 767px;
		border-right: 1px #BABABA solid;
	}
}

.adv-grid {
	margin: 50px 0;
}

.main-comments ul.children {
	margin-left: 10px;
}

.single-recipe-layout1 .tag-share ul, .single-recipe-layout2 .tag-share ul {
	display: flex;
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	align-items: stretch;
	flex-direction: column;
}

.contact-person .person-photo {
	text-align: center;
}

.single-recipe-layout1 .tag-name-s ul {
	align-items: center;
	flex-direction: row;
}

ol {
	counter-reset: custom-counter;
	list-style: none;
	padding-left: 0;
}

ol li {
	counter-increment: custom-counter;
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
}

.um_request_name {
	display: none !important;
}

ol li::before {
	content: counter(custom-counter);
	color: #9e0909;
	position: absolute;
	left: 0;
	font-weight: bold;
}

.banner-step {
	justify-content: center;
}

#main {
	margin-top: 30px;
}

@media (min-width: 1024px) {

}
.site-header .main-navigation>nav>ul>.primary-color>a, #menu-item-5152412 a {
	color: #9E0909 !important;
}
@media (min-width: 530px) and (max-width: 991px) {
	div.uimob340 .uimob340-hide, div.uimob500 .uimob500-hide, div.uimob800 .uimob800-hide, div.uimob960 .uimob960-hide {
		display: block !important;
	}

	div.uimob340 .uimob340-show, div.uimob500 .uimob500-show, div.uimob800 .uimob800-show, div.uimob960 .uimob960-show {
		display: none !important;
	}
}

@media (max-width: 370px) {
	div.uimob340 .uimob340-hide, div.uimob500 .uimob500-hide, div.uimob800 .uimob800-hide, div.uimob960 .uimob960-hide {
		display: block !important;
	}

	div.uimob340 .uimob340-show, div.uimob500 .uimob500-show, div.uimob800 .uimob800-show, div.uimob960 .uimob960-show {
		display: none !important;
	}

	.mobile-search-icon {
		padding: 24px 8px !important;
	}
}
.code-block-11 {
    margin: 0 auto 10px !important;
}

/* Стилі для табів "Нові рецепти" та "Список страв" */
.recipe-tabs {
	margin-bottom: 40px;
}

.recipe-tabs-nav {
	display: flex;
	justify-content: center;
	gap: 0;
	margin-bottom: 30px;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.recipe-tab-btn {
	background: #F5EBDF;
	border: none;
	padding: 15px 30px;
	font-size: 26px;
    line-height: 91.838%;
    text-transform: uppercase;
	font-weight: 600;
	color: #9e0909;
	cursor: pointer;
	transition: all 0.3s ease;
	flex: 1;
	text-align: center;
	position: relative;
}

.recipe-tab-btn:hover {
	background: #EFE1D2;
	color: #9E0909;
}

.recipe-tab-btn:focus {
	outline: 2px solid #9e0909;
	outline-offset: 2px;
}

.recipe-tab-btn.active {
	background: #9e0909;
    color: #F5EBDF;
    text-align: center;
    font-size: 26px;
    line-height: 91.838%;
    text-transform: uppercase;
    padding: 18px 32px;
}

.recipe-tab-btn.active:hover {
	background: #9E0909;
}

.recipe-tab-content {
	display: none;
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.3s ease;
}

.recipe-tab-content.active {
	display: block;
	opacity: 1;
	transform: translateY(0);
}

/* Стилі для списку страв */
.dishes-list {
	background: #fff;
	padding: 30px;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.dishes-list-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
}

.dishes-list-item {
	border-bottom: 1px solid #f0f0f0;
	padding: 12px 0;
	transition: all 0.3s ease;
}

.dishes-list-item:last-child {
	border-bottom: none;
}

.dishes-list-item:hover {
	background: #f9f9f9;
	padding-left: 10px;
}

.dishes-list-item a {
	color: #333;
	text-decoration: none;
	font-size: 16px;
	font-weight: 400;
	display: block;
	line-height: 1.5;
	transition: color 0.3s ease;
}

.dishes-list-item a:hover {
	color: #C5181D;
	text-decoration: none;
}

/* Стилі для лічильника рецептів */
.recipes-counter {
	margin-bottom: 20px;
	text-align: center;
	color: #666;
	font-size: 14px;
	font-weight: 400;
}

.recipes-counter strong {
	color: #C5181D;
	font-weight: 600;
}

/* Стилі для поля пошуку */
.dishes-search-wrapper {
	margin-bottom: 20px;
	text-align: center;
}

#dishes-search {
	padding: 10px 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	width: 100%;
	max-width: 300px;
	font-size: 14px;
	transition: border-color 0.3s ease;
}

#dishes-search:focus {
	outline: none;
	border-color: #C5181D;
	box-shadow: 0 0 5px rgba(197, 24, 29, 0.3);
}

/* Мобільні стилі */
@media (max-width: 767px) {
	.recipe-tabs-nav {
		margin-bottom: 20px;
	}
	.recipe-tab-btn.active {
        font-size: 14px !important;
    }
	.recipe-tab-btn {
		padding: 12px 20px;
		font-size: 14px;
	}
	
	.dishes-list {
		padding: 20px;
	}
	
	.dishes-list-item a {
		font-size: 15px;
	}
	
	.recipes-counter {
		font-size: 13px;
		margin-bottom: 15px;
	}
	
	.dishes-search-wrapper {
		margin-bottom: 15px;
	}
	
	#dishes-search {
		font-size: 16px; /* Запобігає зуму на iOS */
		max-width: 100%;
	}
}

/* Десктопні стилі - дві колонки для списку */
@media (min-width: 768px) {
	.dishes-list-grid {
		grid-template-columns: 1fr 1fr;
		gap: 0 40px;
	}
}

.rt-related-post .col-lg-3.col-md-3.col-sm-6.col-12 {
	min-height: auto !important;
} 
table th, table td {
    font-weight: 300;
}