body {
background-color: var(--c-cream);
} article.content-card-v2 {
margin-bottom: 0;
border-bottom: none;
padding: 0;
} article.team-card-v2 {
margin-bottom: 0;
border-bottom: none;
}
article.recipe-v2,
article.article-v2 {
margin-bottom: 0;
border-bottom: none;
padding: 0;
background: var(--c-cream);
}
.btn-pill,
a.btn-pill {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 8px 28px;
border-radius: var(--radius-pill);
background: var(--c-olive);
color: var(--c-white);
font-family: var(--font-main);
font-size: 18px;
font-weight: 600;
line-height: 1.3;
border: 1px solid var(--c-olive);
cursor: pointer;
text-decoration: none;
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.btn-pill:hover,
a.btn-pill:hover {
background: var(--c-green);
border-color: var(--c-green);
color: var(--c-white);
}
.btn-pill--lime,
a.btn-pill--lime {
background: var(--c-lime);
border-color: var(--c-lime);
color: var(--c-green);
}
.btn-pill--lime:hover,
a.btn-pill--lime:hover {
background: var(--c-olive);
border-color: var(--c-olive);
color: var(--c-white);
}
.btn-pill--outline,
a.btn-pill--outline {
background: transparent;
border: 1px solid var(--c-olive);
color: var(--c-green);
}
.btn-pill--outline:hover,
a.btn-pill--outline:hover {
background: var(--c-olive);
color: var(--c-white);
}
.card-v2 {
background: var(--c-white);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
overflow: hidden;
} .page-hero {
background: var(--c-cream);
padding: 32px 0 40px;
}
.page-hero h1 {
color: var(--c-green);
font-size: var(--fs-h1);
font-weight: 700;
line-height: 1.2;
margin: 0 0 8px;
}
.page-hero .page-hero-sub {
color: var(--c-text);
font-size: 18px;
max-width: 720px;
} .breadcrumbs-v2 {
font-size: 14px; color: var(--c-olive);
font-weight: 600;
padding: 18px 0 6px;
}
.breadcrumbs-v2 a {
color: var(--c-text-2);
font-weight: 400;
text-decoration: none;
}
.breadcrumbs-v2 a:hover {
color: var(--c-green);
}
.breadcrumbs-v2 .sep {
margin: 0 6px;
color: var(--c-gray);
}
.badge-v2 {
display: inline-block;
padding: 3px 14px;
border-radius: var(--radius-pill);
background: var(--c-accent);
color: var(--c-white);
font-size: 14px;
font-weight: 600;
line-height: 1.5;
}
.badge-v2--tag {
background: var(--c-lime);
color: var(--c-green);
} .filter-pill,
a.filter-pill {
display: inline-flex;
align-items: center;
padding: 6px 20px;
border-radius: var(--radius-pill);
background: var(--c-white);
border: 1px solid #e3e0d8;
color: var(--c-text);
font-size: 16px;
font-weight: 600;
text-decoration: none;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease;
}
.filter-pill:hover {
border-color: var(--c-olive);
color: var(--c-green);
}
.filter-pill.is-active,
a.filter-pill.is-active {
background: var(--c-olive);
border-color: var(--c-olive);
color: var(--c-white);
} a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
outline: 2px solid var(--c-olive);
outline-offset: 2px;
} .search-pill:focus-within,
.shop-v2 .woocommerce-product-search:focus-within {
border-color: var(--c-olive);
box-shadow: 0 0 0 3px rgba(111, 139, 71, 0.15);
} .screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap;
} .container-v2 {
max-width: var(--container-max);
margin: 0 auto;
padding: 0 20px;
width: auto;
} header#masthead.site-header {
background: var(--c-white);
}
.container.center.header-con,
.container.center.header-con.sticky {
background-color: var(--c-white);
box-shadow: var(--shadow-header);
gap: 24px;
box-sizing: border-box;
height: var(--header-h); padding-left: max(20px, calc((100% - var(--container-max)) / 2));
padding-right: max(20px, calc((100% - var(--container-max)) / 2));
}
body {
padding-top: var(--header-h) !important;
}
body.page-id-26096 {
padding-top: 0 !important;
} header#masthead #brand {
width: auto;
max-width: none;
margin: 0;
flex: 0 0 auto;
}
header#masthead #brand img {
max-width: 80px;
height: auto;
display: block;
} .header-actions {
display: flex;
align-items: center;
gap: 14px;
flex: 0 0 auto;
} .header-actions .searchForm,
.searchForm {
width: auto;
max-width: none;
margin: 0;
flex: 0 0 auto;
display: inline-flex;
align-items: center;
} nav.site-navigation.main-navigation {
display: flex;
align-items: center;
gap: 20px;
}
nav.site-navigation.main-navigation > div[class*="menu-"] {
flex: 1 1 auto;
min-width: 0;
}
nav.site-navigation.main-navigation ul {
gap: clamp(8px, 1.6vw, 24px);
flex-wrap: wrap;
} @media (min-width: 992px) {
.container.center.header-con,
.container.center.header-con.sticky {
flex-wrap: nowrap;
}
nav.site-navigation.main-navigation {
max-width: none;
min-width: 0;
}
nav.site-navigation.main-navigation ul {
flex-wrap: nowrap;
}
nav.site-navigation.main-navigation ul li a {
white-space: nowrap;
font-size: clamp(15px, 1.25vw, 18px);
}
.searchForm {
flex: 0 0 auto;
}
} header nav ul li,
nav.site-navigation.main-navigation ul li {
background: none;
}
nav.site-navigation.main-navigation ul li a {
font-family: var(--font-main);
font-size: 18px;
font-weight: 700;
color: var(--c-text-nav);
}
nav.site-navigation.main-navigation ul li a:hover {
color: var(--c-green);
} nav.site-navigation > div > ul > li.current-menu-item:not(.mezaveLink):not(.shopLink):not(#menu-item-19947) > a,
nav.site-navigation > div > ul > li.current_page_item:not(.mezaveLink):not(.shopLink):not(#menu-item-19947) > a {
color: var(--c-green);
box-shadow: inset 0 -2px 0 var(--c-olive);
} nav.site-navigation ul li.mezaveLink > a,
nav.site-navigation ul li.shopLink > a, nav.site-navigation ul li#menu-item-19947 > a {
display: inline-flex;
flex-direction: row-reverse; align-items: center;
gap: 14px; height: 40px;
width: auto;
max-width: none;
white-space: nowrap; padding: 0 16px 0 6px;
border-radius: 20px;
backdrop-filter: blur(5px);
line-height: 40px;
min-width: 0;
box-sizing: border-box; flex-shrink: 0; margin-inline: 0;
}
nav.site-navigation ul li.mezaveLink > a {
background: var(--c-lime);
color: #393939;
font-weight: 600;
}
nav.site-navigation ul li.shopLink > a, nav.site-navigation ul li#menu-item-19947 > a {
background: var(--c-olive);
color: var(--c-white);
font-weight: 600;
}
nav.site-navigation ul li.shopLink > a:hover,
nav.site-navigation ul li#menu-item-19947 > a:hover {
background: var(--c-green);
color: var(--c-white);
}
nav.site-navigation ul li.mezaveLink > a:hover {
background: var(--c-olive);
color: var(--c-white);
} nav.site-navigation ul li.mezaveLink > a::before,
nav.site-navigation ul li.shopLink > a::before,
nav.site-navigation ul li#menu-item-19947 > a::before {
content: "";
flex: 0 0 auto;
width: 34px;
height: 30px;
border-radius: 18px;
background: rgba(255, 255, 255, 0.3) url(//mazon-izun.com/wp-content/themes/naked-wordpress-master/images/flower.svg) center/21px 20px no-repeat;
box-shadow: 2px 1px 4px 0 rgba(0, 0, 0, 0.15);
} nav.site-navigation ul li.mezaveLink > a img,
nav.site-navigation ul li.mezaveLink > a::after {
display: none;
} nav.site-navigation li.cart-menu {
display: none;
} .header-cart {
position: relative;
display: inline-flex;
align-items: center;
margin-right: 8px;
}
.header-cart img {
width: 25px;
height: 25px;
display: block;
}
.header-cart .cartItemsNum {
position: absolute;
top: -9px;
left: -11px; right: auto; z-index: 2;  width: auto;
min-width: 24px;
height: 24px; padding: 0 3px;
border-radius: var(--radius-pill);
background: var(--c-accent);
opacity: 1; border: 2px solid var(--c-cream);
color: var(--c-white);
font-size: 13px;
font-weight: 700;
line-height: 1; display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
} .header-cart-wrap {
position: relative;
display: inline-flex;
} .header-cart-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.45);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 1199;
}
.header-cart-overlay.is-open {
opacity: 1;
visibility: visible;
}
.header-mini-cart {
position: fixed;
top: 0;
bottom: 0; left: 0;
width: 380px;
max-width: 88vw;
background: var(--c-white);
padding: 22px 24px;
z-index: 1200;
display: flex;
flex-direction: column;
transform: translateX(-100%);
transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden; }
.header-mini-cart.is-open {
transform: translateX(0); box-shadow: 6px 0 30px rgba(0, 0, 0, 0.18);
}
.header-mini-cart-head {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
padding-bottom: 14px;
border-bottom: 1px solid #eee9de;
}
.header-mini-cart-title {
font-size: 20px;
font-weight: 700;
color: var(--c-green);
}
.header-mini-cart-close {
border: none;
background: transparent;
font-size: 30px;
line-height: 1;
color: var(--c-text-2);
cursor: pointer;
padding: 0 4px;
}
.header-mini-cart-close:hover {
color: var(--c-green);
}
.header-mini-cart ul.cart_list {
margin: 0;
padding: 0;
max-height: 320px;
overflow-y: auto;
}
.header-mini-cart ul.cart_list li {
list-style: none;
display: flex;
flex-direction: row-reverse;
align-items: center;
gap: 10px;
padding: 10px 0;
border-bottom: 1px solid #eee9de;
font-size: 15px;
line-height: 1.35;
text-align: right;
}
.header-mini-cart ul.cart_list li img {
width: 52px;
height: 52px;
object-fit: cover;
border-radius: var(--radius-sm);
float: none;
margin: 0;
}
.header-mini-cart ul.cart_list li a {
color: var(--c-text);
text-decoration: none;
font-weight: 600;
}
.header-mini-cart .quantity {
display: block;
color: var(--c-text-2);
font-size: 14px;
}
.header-mini-cart .woocommerce-mini-cart__total {
display: flex;
justify-content: space-between;
padding: 12px 0 4px;
font-weight: 700;
color: var(--c-green);
}
.header-mini-cart .woocommerce-mini-cart__buttons {
display: flex;
gap: 10px;
margin: 10px 0 0;
}
.header-mini-cart .woocommerce-mini-cart__buttons a {
flex: 1;
text-align: center;
padding: 8px 10px;
border-radius: var(--radius-pill);
font-size: 15px;
font-weight: 700;
text-decoration: none;
background: var(--c-lime);
color: var(--c-green);
}
.header-mini-cart .woocommerce-mini-cart__buttons a.checkout {
background: var(--c-olive);
color: var(--c-white);
}
.header-mini-cart .woocommerce-mini-cart__empty-message {
margin: 0;
text-align: center;
color: var(--c-text-2);
} .header-mini-cart .widget_shopping_cart_content {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
} .header-mini-cart ul.cart_list {
flex: 0 1 auto;
min-height: 0;
max-height: none;
overflow-y: auto;
margin: 0 0 8px;
}
.header-mini-cart ul.cart_list li {
flex-direction: row-reverse; align-items: flex-start;
gap: 12px;
padding: 14px 0;
}
.header-mini-cart ul.cart_list li > a:not(.remove) {
flex: 1;
display: block;
}
.header-mini-cart ul.cart_list li .quantity {
color: var(--c-green);
font-weight: 700;
margin-top: 4px;
}
.header-mini-cart ul.cart_list li a.remove,
.header-mini-cart ul.cart_list li .remove_from_cart_button {
order: 5;
align-self: center;
color: var(--c-gray);
font-size: 0;
width: 22px;
height: 22px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238a948c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6'/%3E%3C/svg%3E") center/20px no-repeat;
text-decoration: none;
flex: 0 0 auto;
} .header-mini-cart .woocommerce-mini-cart__total {
flex: 0 0 auto;
margin-top: auto;
border-top: 1px solid #eee9de;
padding: 14px 0 6px;
font-size: 17px;
}
.header-mini-cart .woocommerce-mini-cart__buttons {
flex: 0 0 auto;
flex-direction: column;
margin: 6px 0 0;
}
.header-mini-cart .woocommerce-mini-cart__buttons a:not(.checkout) {
display: none; }
.header-mini-cart .woocommerce-mini-cart__buttons a.checkout {
background: var(--c-olive);
color: var(--c-white);
padding: 14px;
font-size: 17px;
} .header-mini-cart ul.cart_list li.mini_cart_item {
display: flex;
flex-direction: row; align-items: center;
gap: 12px;
padding: 14px 2px;
} .header-mini-cart ul.cart_list li.mini_cart_item > img,
.header-mini-cart ul.cart_list li.mini_cart_item > .mini-cart-thumb,
.header-mini-cart ul.cart_list li.mini_cart_item .mini-cart-noimg {
order: 1;
flex: 0 0 auto;
width: 64px;
height: 64px;
object-fit: cover;
border-radius: var(--radius-sm);
background: #eee9de;
overflow: hidden;
}
.header-mini-cart ul.cart_list li.mini_cart_item > .mini-cart-thumb img {
width: 64px;
height: 64px;
object-fit: cover;
display: block;
margin: 0;
} .header-mini-cart ul.cart_list li.mini_cart_item .mini-cart-info {
order: 2;
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
gap: 6px;
text-align: right;
}
.header-mini-cart ul.cart_list li.mini_cart_item .mini-cart-info > a {
color: var(--c-text);
font-weight: 600;
font-size: 15px;
line-height: 1.3;
text-decoration: none;
}
.header-mini-cart ul.cart_list li.mini_cart_item .mini-cart-price {
color: var(--c-green);
font-weight: 700;
font-size: 15px;
} .header-mini-cart .mazon-qty {
display: inline-flex;
align-items: center;
align-self: flex-start;
gap: 2px;
border: 1px solid #e3e0d8;
border-radius: var(--radius-pill);
background: var(--c-white);
padding: 2px;
}
.header-mini-cart .mazon-qty button {
width: 26px;
height: 26px;
border: none;
background: none;
border-radius: 50%;
color: var(--c-green);
font-size: 17px;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.header-mini-cart .mazon-qty button:hover {
background: var(--c-cream);
}
.header-mini-cart .mazon-qty .mazon-qty-n {
min-width: 22px;
text-align: center;
font-weight: 700;
font-size: 14px;
color: var(--c-text);
} .header-mini-cart ul.cart_list li.mini_cart_item .mazon-cart-remove {
order: 3;
flex: 0 0 auto;
align-self: center;
width: 24px;
height: 24px;
border: none;
padding: 0;
cursor: pointer;
font-size: 0;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238a948c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6'/%3E%3C/svg%3E") center/20px no-repeat;
}
.header-mini-cart ul.cart_list li.mini_cart_item .mazon-cart-remove:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239a4521' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6'/%3E%3C/svg%3E");
} header .menu ul.sub-menu {
min-width: 210px;
width: max-content;
max-width: 280px;
background: var(--c-white);
border: 1px solid #eee9de;
border-radius: var(--radius-card);
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.13);
padding: 8px;
margin-top: 6px;
overflow: hidden;
}
header .menu ul.sub-menu li {
border-bottom: none;
background: none;
}
header .menu ul.sub-menu li a {
display: block;
padding: 10px 14px;
border-radius: var(--radius-sm);
color: var(--c-text);
font-size: 16px;
font-weight: 500;
line-height: 1.3;
text-align: right;
white-space: normal;
transition: background 0.18s ease, color 0.18s ease;
} header .menu ul.sub-menu li:hover a,
header .menu ul.sub-menu li a:hover,
header .menu ul.sub-menu li a:focus-visible {
background-color: var(--c-cream);
color: var(--c-green);
}
header .menu ul.sub-menu li.current-menu-item > a {
color: var(--c-green);
font-weight: 700;
} header .menu li.menu-item-has-children > ul.sub-menu::before {
content: "";
position: absolute;
top: -10px;
left: 0;
right: 0;
height: 10px;
} .searchForm .search-toggle .search-icon {
width: 24px;
height: 24px;
} footer.site-footer {
background: var(--c-green);
padding: 40px 0 0;
margin-top: 50px;
font-family: var(--font-main);
}
footer.site-footer .site-info.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 30px;
max-width: var(--container-max);
width: auto;
padding: 0 20px;
}
footer.site-footer .footerSection {
float: none;
width: auto;
flex: 1 1 200px;
margin: 0;
text-align: right;
color: var(--c-white);
}
footer.site-footer .footerSection h3 {
font-size: 28px;
font-weight: 400;
color: var(--c-lime);
margin: 0 0 24px;
}
footer.site-footer .footerSection h3.whiteText {
color: var(--c-white);
}
footer.site-footer .footerSection p {
margin-top: 0;
font-size: 16px;
line-height: 25px;
color: var(--c-white);
}
footer.site-footer .footerSection a {
color: var(--c-white);
}
footer.site-footer .footerSection a:hover {
color: var(--c-lime);
} footer.site-footer .menu-footer-container ul,
footer.site-footer .footerSection ul.menu {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 4px 0;
}
footer.site-footer .menu-footer-container ul li,
footer.site-footer .footerSection ul.menu li {
list-style: none;
font-size: 16px;
line-height: 22px;
}
footer.site-footer .menu-footer-container ul li a,
footer.site-footer .footerSection ul.menu li a {
padding: 0 10px;
border-left: 1px solid var(--c-white);
text-decoration: none;
}
footer.site-footer .menu-footer-container ul li:last-child a,
footer.site-footer .footerSection ul.menu li:last-child a {
border-left: none;
}
footer.site-footer .CHLlogo {
margin: 30px auto 0 0;
border-radius: 50%;
} footer.site-footer ul.followUs {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin: 0;
padding: 0;
max-width: 180px;
}
footer.site-footer ul.followUs li {
list-style: none;
flex: 0 0 auto;
}
footer.site-footer ul.followUs img {
width: 52px;
height: 52px;
display: block;
border-radius: 50%;
transition: transform 0.2s ease;
}
footer.site-footer ul.followUs a:hover img {
transform: scale(1.08);
} footer.site-footer .gform_wrapper input:not([type=submit]):not([type=checkbox]):not([type=radio]),
footer.site-footer .gform_wrapper select,
footer.site-footer .gform_wrapper textarea {
background: var(--c-white);
border: 1px solid #ddd;
color: var(--c-green);
font-family: var(--font-main);
font-weight: 700;
font-size: 16px;
}
footer.site-footer .gform_wrapper ::placeholder {
color: var(--c-green);
font-weight: 700;
opacity: 1;
}
footer.site-footer #gform_submit_button_1,
footer.site-footer .gform_wrapper input[type=submit] {
width: 100%;
background: var(--c-lime);
color: var(--c-green);
font-weight: 700;
font-family: var(--font-main);
border: none;
border-radius: 0;
padding: 7px;
cursor: pointer;
transition: background 0.2s ease;
}
footer.site-footer #gform_submit_button_1:hover,
footer.site-footer .gform_wrapper input[type=submit]:hover {
background: var(--c-olive);
color: var(--c-white);
}
footer.site-footer .gform_wrapper label,
footer.site-footer .gform_wrapper .gfield_label {
color: var(--c-white);
}
footer.site-footer .gform_wrapper .gfield_checkbox label,
footer.site-footer .gform_wrapper .gfield_consent_label {
color: var(--c-white);
font-size: 14px;
font-weight: 700;
} footer.site-footer .footerBottom {
background: var(--c-green);
border-top: 1px solid rgba(255, 255, 255, 0.18);
color: var(--c-white);
text-align: center;
padding: 8px;
margin-top: 32px;
font-size: 16px;
}
footer.site-footer .footerBottom a {
color: var(--c-lime-2);
text-decoration: none;
}
footer.site-footer .footerBottom a:hover {
color: var(--c-lime);
} .shop-v2 {
background: var(--c-cream);
}
.shop-v2 .page-hero { padding-bottom: 22px;
}
.shop-v2-toolbar {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px; flex-wrap: wrap;
row-gap: 16px;
margin-top: 28px;
} .shop-v2-cats {
display: flex;
gap: 12px;
flex-wrap: nowrap; justify-content: flex-start;
flex: 0 1 auto;
min-width: 0;
}
.shop-v2-tools {
display: flex;
align-items: center;
gap: 18px;
flex: 0 0 auto;
} .shop-v2-toolbar .search-pill {
width: 366px;
}
.shop-v2 .woocommerce-product-search {
flex: 0 0 auto;
} .shop-v2 .woocommerce-product-search {
display: flex;
flex-direction: row; align-items: center;
background: var(--c-white);
border: 1px solid #e3e0d8;
border-radius: var(--radius-pill);
padding: 5px 16px 5px 6px;
width: 366px;
max-width: 100%;
box-sizing: border-box;
}
.shop-v2 .woocommerce-product-search .search-field {
flex: 1;
border: none;
background: transparent;
outline: none;
font-family: var(--font-main);
font-size: 16px;
color: var(--c-text);
text-align: right;
padding: 4px 10px;
min-width: 0;
}
.shop-v2 .woocommerce-product-search button[type="submit"] {
flex: 0 0 auto;
width: 36px;
height: 36px;
border: none;
border-radius: 50%;
background: var(--c-olive) url(//mazon-izun.com/wp-content/themes/naked-wordpress-master/images/v2/search-white.svg) center/16px 16px no-repeat;
font-size: 0;
cursor: pointer;
} .shop-v2 .woocommerce-ordering select,
.shop-v2-order select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: none;
background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23364153' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") left center no-repeat;
background-size: 12px 12px;
padding: 0 0 0 20px; font-family: var(--font-main);
font-size: 16px;
font-weight: 600;
color: var(--c-text-2);
cursor: pointer;
}
.shop-v2 .woocommerce-result-count {
color: var(--c-text-2);
font-weight: 600;
font-size: 16px;
margin: 14px 0 4px;
float: none;
} .shop-v2 ul.products,
.product-page-v2 ul.products {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 37px;
margin: 10px 0 0 !important;
padding: 0 !important;
list-style: none;
}
.shop-v2 ul.products::before,
.shop-v2 ul.products::after,
.product-page-v2 ul.products::before,
.product-page-v2 ul.products::after {
display: none !important;
}
.shop-v2 ul.products li.product,
.product-page-v2 ul.products li.product {
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
} li.product-card-v2 {
background: var(--c-white);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
overflow: hidden;
display: flex !important;
flex-direction: column;
position: relative;
list-style: none;
text-align: right;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
li.product-card-v2:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-card-hover);
}
li.product-card-v2 .product-card-v2-media {
display: block;
height: 200px; background: var(--c-white);
position: relative;
overflow: hidden; padding: 12px 12px 0;
box-sizing: border-box;
}
li.product-card-v2 .product-card-v2-media img {
width: 100%;
height: 100%; object-fit: contain;
object-position: center;
display: block;
margin: 0;
transition: transform 0.35s ease;
}
li.product-card-v2:hover .product-card-v2-media img {
transform: scale(1.03);
}
li.product-card-v2 span.onsale,
.product-page-v2 span.onsale {
position: absolute;
top: 12px;
right: 12px;
left: auto;
z-index: 5;
background: var(--c-accent);
color: var(--c-white);
font-family: var(--font-main);
font-size: 14px;
font-weight: 700;
line-height: 20px;
padding: 6px 16px;
border-radius: 22px;
min-height: 0;
min-width: 0;
margin: 0;
box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.1);
}
li.product-card-v2 .product-card-v2-body {
display: flex;
flex-direction: column;
flex: 1;
padding: 24px;
}
li.product-card-v2 .product-card-v2-title {
margin: 0 0 8px;
font-size: 18px;
font-weight: 600;
line-height: 1.25;
color: var(--c-text);
}
li.product-card-v2 .product-card-v2-title a {
color: var(--c-text);
text-decoration: none;
}
li.product-card-v2 .product-card-v2-foot {
margin-top: auto;
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 10px;
padding-top: 16px;
}
li.product-card-v2 .price {
color: var(--c-olive);
font-size: 20px;
font-weight: 700;
letter-spacing: 1px;
margin: 0;
}
li.product-card-v2 .price del {
display: block;
color: #99a1af;
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
opacity: 1;
}
li.product-card-v2 .price ins {
text-decoration: none;
font-weight: 700;
} .woocommerce ul.products li.product-card-v2 .button,
li.product-card-v2 a.button {
background-color: var(--c-white) !important;
border: 1px solid #e3e0d8 !important;
border-radius: var(--radius-pill) !important;
color: var(--c-green) !important;
display: inline-block !important;
width: auto !important;
font-family: var(--font-main);
font-size: 14px;
font-weight: 700;
line-height: 20px;
padding: 10px 24px;
text-decoration: none;
transition: background 0.2s ease, border-color 0.2s ease;
}
.woocommerce ul.products li.product-card-v2 .button:hover,
li.product-card-v2 a.button:hover {
background-color: var(--c-lime) !important;
border-color: var(--c-lime) !important;
}
.woocommerce ul.products li.product-card-v2.sale .button,
li.product-card-v2.sale a.button {
background-color: var(--c-lime) !important;
border-color: var(--c-lime) !important;
color: var(--c-green) !important;
}
.woocommerce ul.products li.product-card-v2.sale .button:hover,
li.product-card-v2.sale a.button:hover {
background-color: var(--c-olive) !important;
border-color: var(--c-olive) !important;
color: var(--c-white) !important;
} .woocommerce ul.products li.product-card-v2 a img,
li.product-card-v2 .product-card-v2-media img {
border-radius: 0 !important;
}
li.product-card-v2 a.added_to_cart {
font-size: 13px;
color: var(--c-olive);
margin-top: 6px;
display: inline-block;
} .shop-v2 .woocommerce-pagination {
margin: 40px 0 0;
text-align: center;
}
.shop-v2 .woocommerce-pagination ul {
display: inline-flex;
gap: 8px;
border: none;
margin: 0;
}
.shop-v2 .woocommerce-pagination ul li {
border: none;
list-style: none;
}
.shop-v2 .woocommerce-pagination ul li a,
.shop-v2 .woocommerce-pagination ul li span {
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
border-radius: 50%;
background: var(--c-white);
border: 1px solid #e3e0d8;
color: var(--c-text);
font-weight: 600;
text-decoration: none;
padding: 0 6px;
}
.shop-v2 .woocommerce-pagination ul li span.current,
.shop-v2 .woocommerce-pagination ul li a:hover {
background: var(--c-olive);
border-color: var(--c-olive);
color: var(--c-white);
} .product-page-v2 {
background: var(--c-cream);
padding: 8px 0 60px;
}
.product-page-v2-card {
background: var(--c-white);
border-radius: 24px;
box-shadow: var(--shadow-card);
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 485px);
grid-template-areas: "summary media";
gap: 48px;
padding: 32px 35px;
margin-top: 10px;
}
.product-page-v2-gallery {
grid-area: media;
position: relative;
min-width: 0;
}
.product-page-v2-summary {
grid-area: summary;
min-width: 0;
}
.product-page-v2 .woocommerce-product-gallery {
width: 100% !important;
float: none !important;
margin: 0 !important;
}
.product-page-v2 .woocommerce-product-gallery__wrapper {
margin: 0;
}
.product-page-v2 .woocommerce-product-gallery img {
border-radius: var(--radius-card);
width: 100%;
height: auto;
}
.product-page-v2 .woocommerce-product-gallery .flex-control-thumbs {
display: flex;
gap: 10px;
margin: 12px 0 0;
padding: 0;
}
.product-page-v2 .woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
width: 72px;
float: none;
}
.product-page-v2 .woocommerce-product-gallery .flex-control-thumbs img {
border-radius: var(--radius-sm);
}
.product-page-v2 .summary .product_title {
font-size: var(--fs-h1);
font-weight: 700;
line-height: 1.25;
color: #1c231f;
margin: 0 0 16px;
padding: 0;
}
.product-page-v2 .summary > .price {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: baseline;
gap: 16px;
border-bottom: 1px solid #f3f4f6;
padding-bottom: 24px;
margin: 0 0 24px;
color: var(--c-olive);
font-size: 36px;
font-weight: 700;
}
.product-page-v2 .summary > .price del {
color: #99a1af;
font-size: 24px;
font-weight: 400;
opacity: 1;
}
.product-page-v2 .summary > .price ins {
text-decoration: none;
}
.product-page-v2 .woocommerce-product-details__short-description {
color: #4a5565;
font-size: 18px;
line-height: 1.4;
margin-bottom: 32px;
} .product-page-v2 form.cart {
display: flex;
align-items: center;
gap: 24px;
margin: 0;
flex-wrap: wrap;
}
.product-page-v2 form.cart .quantity {
display: flex;
align-items: center;
background: #f9fafb;
border: 1px solid #e5e7eb;
border-radius: var(--radius-pill);
height: 56px;
float: none;
margin: 0;
}
.product-page-v2 form.cart .quantity input.qty {
width: 32px;
border: none;
background: transparent;
text-align: center;
font-family: var(--font-main);
font-size: 18px;
font-weight: 700;
color: #0a0a0a;
-moz-appearance: textfield;
appearance: textfield;
}
.product-page-v2 form.cart .quantity input.qty::-webkit-outer-spin-button,
.product-page-v2 form.cart .quantity input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.product-page-v2 form.cart .qty-step {
width: 54px;
height: 54px;
border: none;
background: none;
font-size: 20px;
color: #0a0a0a;
cursor: pointer;
line-height: 1;
}
.product-page-v2 form.cart .single_add_to_cart_button,
.woocommerce .product-page-v2 form.cart button.button.alt {
background-color: var(--c-lime) !important;
color: var(--c-green) !important;
border: none;
border-radius: var(--radius-pill);
height: 56px;
min-width: 260px;
padding: 0 40px;
font-family: var(--font-main);
font-size: 18px;
font-weight: 700;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease;
}
.product-page-v2 form.cart .single_add_to_cart_button:hover,
.woocommerce .product-page-v2 form.cart button.button.alt:hover {
background-color: var(--c-olive) !important;
color: var(--c-white) !important;
} .woocommerce .product-page-v2 div.summary,
.woocommerce-page .product-page-v2 div.summary {
width: auto !important;
float: none !important;
margin: 0 !important;
}
.woocommerce .product-page-v2 div.images,
.woocommerce-page .product-page-v2 div.images {
width: 100% !important;
float: none !important;
margin: 0 !important;
}
.product-page-v2 form.cart .quantity input.qty {
height: auto;
} .product-page-v2-share {
display: flex; justify-content: flex-start;
border-bottom: 1px solid #f3f4f6;
padding: 20px 0;
}
.share-product-btn {
display: inline-flex;
align-items: center;
gap: 8px;
background: none;
border: none;
color: #4a5565;
font-family: var(--font-main);
font-size: 14px;
font-weight: 600;
cursor: pointer;
padding: 0;
} .product-page-v2-tabs {
margin-top: 28px;
border-top: 1px solid #e8e6e1;
}
.product-page-v2-tabs details.product-accordion {
border-bottom: 1px solid #f3f4f6;
}
.product-page-v2-tabs details.product-accordion summary {
display: flex;
justify-content: space-between;
align-items: center; flex-direction: row;
text-align: right;
padding: 16px 0;
font-size: 18px;
font-weight: 700;
color: var(--c-text);
cursor: pointer;
list-style: none;
}
.product-page-v2-tabs details.product-accordion summary::-webkit-details-marker {
display: none;
}
.product-page-v2-tabs details.product-accordion summary::after {
content: "+";
font-size: 22px;
font-weight: 400;
color: var(--c-text-2);
line-height: 1;
}
.product-page-v2-tabs details.product-accordion[open] summary::after {
content: "−";
}
.product-page-v2-tabs .product-accordion-body {
color: #4a5565;
font-size: 16px;
line-height: 24px;
padding: 0 0 16px;
}
.product-page-v2-tabs .product-accordion-body h2:first-child {
display: none; } .product-page-v2-related section.related > h2,
.product-page-v2-related section.up-sells > h2 {
font-size: var(--fs-h3);
font-weight: 700;
color: var(--c-text);
margin: 48px 0 4px;
text-align: right;
} .listing-v2 {
background: var(--c-cream);
}
.listing-v2 .page-hero {
padding-bottom: 28px;
}
.listing-v2-search {
display: flex;
justify-content: flex-start;  margin: 10px 0 28px;
}
.search-pill {
display: flex;
flex-direction: row; align-items: center;
background: var(--c-white);
border: 1px solid #e3e0d8;
border-radius: var(--radius-pill);
padding: 5px 16px 5px 6px;
width: 520px;
max-width: 100%;
box-sizing: border-box;
}
.search-pill input {
flex: 1;
border: none;
background: transparent;
outline: none;
font-family: var(--font-main);
font-size: 16px;
color: var(--c-text);
text-align: right;
padding: 4px 10px;
min-width: 0;
}
.search-pill button {
flex: 0 0 auto;
width: 36px;
height: 36px;
border: none;
border-radius: 50%;
background: var(--c-olive) url(//mazon-izun.com/wp-content/themes/naked-wordpress-master/images/v2/search-white.svg) center/16px 16px no-repeat;
font-size: 0;
cursor: pointer;
}
.listing-v2-layout {
display: flex;
gap: 28px;
align-items: flex-start;
}
.listing-v2-sidebar {
flex: 0 0 240px;
position: sticky;
top: calc(var(--header-h) + 20px);
}
.filter-card {
background: var(--c-white);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
padding: 20px;
}
.filter-card summary {
font-size: 18px;
font-weight: 700;
color: var(--c-text);
cursor: pointer;
list-style: none;
}
.filter-card summary::-webkit-details-marker {
display: none;
} .filter-card-list {
margin: 16px 0 0;
padding: 0;
max-height: calc(100vh - var(--header-h) - 140px);
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
scrollbar-color: #d8d4c8 transparent;
}
.filter-card-list::-webkit-scrollbar {
width: 6px;
}
.filter-card-list::-webkit-scrollbar-thumb {
background: #d8d4c8;
border-radius: 3px;
}
.filter-card-list li {
list-style: none;
}
.filter-card-list label {
display: flex;
justify-content: flex-start; align-items: center;
gap: 10px;
padding: 7px 0;
font-size: 16px;
color: var(--c-text);
cursor: pointer;
transition: color 0.15s ease;
}
.filter-card-list label:hover {
color: var(--c-green);
}
.filter-card-list label:hover input[type="checkbox"] {
border-color: var(--c-olive);
}
.filter-card-list input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 18px;
height: 18px;
border: 1.5px solid #c8c4b8;
border-radius: 4px;
background: var(--c-white);
cursor: pointer;
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
}
.filter-card-list input[type="checkbox"]:checked {
background: var(--c-olive);
border-color: var(--c-olive);
}
.filter-card-list input[type="checkbox"]:checked::after {
content: "✓";
color: var(--c-white);
font-size: 12px;
line-height: 1;
}
.listing-v2-grid-wrap {
flex: 1;
min-width: 0;
} .listing-v2-resultbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin: 0 0 18px;
flex-wrap: wrap;
}
.listing-v2-count {
font-size: 16px;
font-weight: 700;
color: var(--c-text);
}
.listing-v2-clear {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 15px;
font-weight: 600;
color: var(--c-accent);
text-decoration: none;
padding: 6px 14px;
border-radius: var(--radius-pill);
border: 1px solid transparent;
transition: background 0.2s ease, border-color 0.2s ease;
}
.listing-v2-clear:hover {
background: var(--c-white);
border-color: #e3e0d8;
color: var(--c-accent);
}
.content-grid-v2 {
display: grid;
gap: 24px;
}
.content-grid-v2.cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.content-grid-v2.cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
} .content-card-v2 {
background: var(--c-white);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
overflow: hidden;
display: flex;
flex-direction: column;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.content-card-v2:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-card-hover);
}
.content-card-v2-media {
display: block;
height: 213px;
background: #f3f4f6;
overflow: hidden;
}
.content-card-v2-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
margin: 0;
transition: transform 0.35s ease;
}
.content-card-v2:hover .content-card-v2-media img {
transform: scale(1.03);
}
.content-card-v2-body {
padding: 20px 16px;
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1;
}
.content-card-v2-chip {
display: inline-flex;
align-items: center;
gap: 6px;
background: var(--c-cream);
border-radius: 24px;
padding: 4px 10px;
font-size: 14px;
color: #5c665f;
}
.content-card-v2-title {
margin: 8px 0 0;
font-size: 20px;
font-weight: 700;
line-height: 1.3;
color: var(--c-text);
}
.content-card-v2-title a {
color: var(--c-text);
text-decoration: none;
}
.content-card-v2-title a:hover {
color: var(--c-green);
}
.content-card-v2-excerpt {
margin-top: 8px;
color: #4a5565;
font-size: 16px;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.listing-v2-empty {
text-align: center;
color: var(--c-text-2);
font-size: 18px;
padding: 70px 24px;
background: var(--c-white);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.listing-v2-empty-title {
margin: 0;
font-size: 22px;
font-weight: 700;
color: var(--c-green);
}
.listing-v2-empty-sub {
margin: 0 0 8px;
font-size: 16px;
color: var(--c-text-2);
} .pagination-v2 {
margin: 40px 0 0;
text-align: center;
}
.pagination-v2 .page-numbers,
.woocommerce nav.woocommerce-pagination ul li .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center; width: 42px;
min-width: 42px;
height: 42px;
box-sizing: border-box;
border-radius: 50%;
background: var(--c-white);
border: 1px solid #e3e0d8;
color: var(--c-text);
font-weight: 600;
font-size: 15px;
text-decoration: none;
margin: 0 4px;
padding: 0;
float: none;
} .pagination-v2 .page-numbers.next,
.pagination-v2 .page-numbers.prev,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.next,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev {
width: auto;
padding: 0 16px;
border-radius: 999px;
}
.pagination-v2 .page-numbers.current,
.pagination-v2 a.page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li a.page-numbers:hover {
background: var(--c-olive);
border-color: var(--c-olive);
color: var(--c-white);
}
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
border: none;
margin: 0;
}
.pagination-v2 .nav-links {
display: inline-flex;
}  body.single-recipes,
body.single-articles_type {
overflow: visible;
}
.recipe-v2-hero {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 796px);
grid-template-areas: "text media";
background: var(--c-white);
min-height: 519px;
align-items: center;
}  .recipe-v2-hero.recipe-v2-hero--no-media {
grid-template-columns: 1fr;
grid-template-areas: "text";
min-height: 0;
background: var(--c-cream);
}
.recipe-v2-hero--no-media .recipe-v2-hero-text {
max-width: var(--container-max);
margin: 0 auto;
width: 100%;
padding: 24px 20px 28px;
box-sizing: border-box;
}
.recipe-v2-hero--no-media .recipe-v2-intro {
max-width: none;
}
.recipe-v2-hero-text {
grid-area: text;
padding: 30px 104px 40px 40px;
}
.recipe-v2-hero-media {
grid-area: media;
min-width: 0;
height: 100%;
overflow: hidden;
}
.recipe-v2-hero-media img {
width: 100%;
height: 100%;
min-height: 519px;
object-fit: cover;
display: block;
margin: 0;
}
.recipe-v2-hero-media .swiper-container,
.recipe-v2-hero-media .hero-image-recepie {
height: 100%;
max-height: none;
}
.recipe-v2-tags {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin: 10px 0 14px;
}
.recipe-v2-hero-text h1 {
font-size: var(--fs-h1);
font-weight: 700;
line-height: 1.2;
color: var(--c-green);
margin: 0 0 14px;
}
.recipe-v2-intro {
color: var(--c-text);
font-size: 17px;
line-height: 1.45;
max-width: 480px;
}
.recipe-v2-intro p {
margin: 0 0 10px;
}
.recipe-v2-meta {
display: flex;
gap: 28px;
margin-top: 22px;
flex-wrap: wrap;
}
.recipe-v2-meta span {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 17px;
color: var(--c-text);
}
.recipe-v2-meta b {
font-weight: inherit;
} .recipe-v2-meta small {
display: none;
}
.article-v2-meta {
margin-top: 14px;
color: var(--c-text-2);
font-size: 14px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0 8px;
} .article-v2-meta > span:not(:first-child)::before {
content: "•";
margin-inline-end: 8px;
color: var(--c-gray);
}  .recipe-v2-columns {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "side" "main";
gap: 40px;
padding-top: 40px;
align-items: start;
}
.recipe-v2-main {
grid-area: main;
}
.recipe-v2-side {
grid-area: side;
}
.recipe-v2-heading {
font-size: var(--fs-h2);
font-weight: 700;
color: var(--c-green);
margin: 0 0 20px;
}
.recipe-v2-heading--tips {
margin-top: 40px;
} .recipe-v2-steps {
counter-reset: recipe-step;
}
.recipe-v2-steps ol,
.recipe-v2-steps ul {
list-style: none;
margin: 0;
padding: 0;
}
.recipe-v2-steps li,
.recipe-v2-steps > p {
counter-increment: recipe-step;
position: relative;
background: var(--c-white);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
padding: 22px 86px 22px 24px;
margin: 0 0 16px;
min-height: 36px;
font-size: 17px;
line-height: 1.35;
color: var(--c-text);
}
.recipe-v2-steps li::before,
.recipe-v2-steps > p::before {
content: counter(recipe-step);
position: absolute;
top: 50%;
right: 22px;
transform: translateY(-50%);
width: 48px;
height: 48px;
border-radius: 50%;
background: var(--c-cream);
color: var(--c-green);
font-size: 20px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
} .recipe-v2-tips {
background: var(--c-cream);
border-radius: var(--radius-card);
padding: 28px 34px;
display: flex;
flex-direction: row-reverse;
gap: 14px;
color: var(--c-text);
font-size: 16px;
line-height: 1.4;
}
.recipe-v2-tips img {
flex: 0 0 auto;
margin-top: 3px;
} .share-row-v2 {
display: flex;
justify-content: flex-start;
gap: 18px;
margin-top: 36px;
flex-wrap: wrap;
}
.share-tile {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 6px;
background: var(--c-white);
border: 1px solid #e3e0d8;
border-radius: var(--radius-sm);
padding: 14px 26px;
min-width: 110px;
font-family: var(--font-main);
font-size: 15px;
color: var(--c-green);
text-decoration: none;
cursor: pointer;
transition: border-color 0.2s ease, background 0.2s ease;
}
.share-tile:hover {
border-color: var(--c-olive);
background: #fcfbf7;
color: var(--c-green);
}
.share-tile.copied span {
color: var(--c-olive);
} .recipe-v2-ingredients {
background: var(--c-white);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
padding: 30px 36px;
}
.recipe-v2-ingredients h2 {
font-size: var(--fs-h3);
font-weight: 700;
color: var(--c-green);
margin: 0 0 18px;
}
.recipe-v2-ingredients-list ul,
.recipe-v2-ingredients-list ol {
list-style: none;
margin: 0;
padding: 0;
}
.recipe-v2-ingredients-list li,
.recipe-v2-ingredients-list > p {
padding: 6px 0;
margin: 0;
border: none;
font-size: 16px;
color: var(--c-text);
}
.recipe-v2-ingredients-list li::before {
content: none !important;
}
.recipe-v2-ingredients-list .ingredient-row {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
cursor: pointer;
} .recipe-v2-ingredients-list .ingredient-text {
flex: 1;
}
.recipe-v2-ingredients-list .ingredient-row input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 1.5px solid #c8c4b8;
border-radius: 4px;
background: var(--c-white);
cursor: pointer;
flex: 0 0 auto;
margin-top: 2px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.recipe-v2-ingredients-list .ingredient-row input[type="checkbox"]:checked {
background: var(--c-olive);
border-color: var(--c-olive);
}
.recipe-v2-ingredients-list .ingredient-row input[type="checkbox"]:checked::after {
content: "✓";
color: var(--c-white);
font-size: 13px;
line-height: 1;
}
.recipe-v2-ingredients-list li.is-checked .ingredient-row,
.recipe-v2-ingredients-list p.is-checked .ingredient-row {
text-decoration: line-through;
color: var(--c-gray);
} .related-v2 {
margin-top: 64px;
}
.related-v2-head {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 18px;
}
.related-v2-head h2 {
font-size: var(--fs-h3);
font-weight: 700; color: var(--c-green);
margin: 0;
}
.related-v2-all {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--c-olive);
font-size: 12.5px;
font-weight: 700;
text-decoration: none;
} .related-v2-all::after {
content: "";
width: 12px;
height: 12px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236F8B47' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.related-v2-all:hover {
color: var(--c-olive);
}  .related-v2-carousel {
display: flex;
align-items: center;
gap: 10px;
}
.related-v2-track {
flex: 1 1 auto;
min-width: 0;
display: flex;
gap: 24px;
overflow-x: auto;
scroll-snap-type: x proximity;
scrollbar-width: none;
-ms-overflow-style: none;
padding-bottom: 4px;
}
.related-v2-track::-webkit-scrollbar {
display: none;
}
.related-v2-track > * {
flex: 0 0 calc((100% - 72px) / 4);
scroll-snap-align: start;
}
.related-v2-arrow {
flex: 0 0 44px;
width: 44px;
height: 44px;
border-radius: 50%;
background: var(--c-white);
border: 1px solid #e3e0d8;
box-shadow: var(--shadow-card);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: var(--c-green);
transition: background 0.2s ease, border-color 0.2s ease;
}
.related-v2-arrow:hover {
background: var(--c-cream);
border-color: var(--c-olive);
}
.related-v2-arrow[hidden] {
display: none;
}
.related-v2-arrow svg {
width: 20px;
height: 20px;
pointer-events: none;
} .article-v2-body {
max-width: 820px;
margin: 40px auto 0;
font-size: 18px;
line-height: 1.6;
color: var(--c-text);
}
.article-v2-body h2 {
font-size: 28px;
color: var(--c-green);
margin: 32px 0 12px;
}
.article-v2-body h3 {
font-size: 22px;
color: var(--c-green);
margin: 24px 0 10px;
}
.article-v2-body img {
max-width: 100%;
height: auto;
border-radius: var(--radius-card);
} .article-v2-body blockquote,
.article-v2-body .wp-block-quote {
margin: 30px 0;
padding: 26px 28px;
background: #f4e8e0;
border: none;
border-radius: 18px;
color: var(--c-accent);
font-size: 20px;
font-style: italic;
font-weight: 500;
line-height: 1.6;
text-align: center;
}
.article-v2-body blockquote p,
.article-v2-body .wp-block-quote p {
margin: 0;
color: inherit;
}
.article-v2-body blockquote p + p,
.article-v2-body .wp-block-quote p + p {
margin-top: 12px;
}
.article-v2-body blockquote cite,
.article-v2-body .wp-block-quote cite {
display: block;
margin-top: 14px;
font-style: normal;
font-weight: 600;
font-size: 15px;
color: var(--c-olive);
}
@media only screen and (max-width: 767px) {
.article-v2-body blockquote,
.article-v2-body .wp-block-quote {
margin: 24px 0;
padding: 22px 20px;
font-size: 18px;
border-radius: 16px;
}
}
.article-v2-gallery {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin-top: 24px;
} body.single-post .recipesLeft {
color: var(--c-text-2);
font-size: 15px;
line-height: 1.55;
}
body.single-post .recipesLeft h3 {
margin: 0 0 6px;
font-size: 22px;
font-weight: 700;
color: var(--c-green);
line-height: 1.25;
}
body.single-post .emaillist {
margin-top: 14px;
padding: 20px;
background: var(--c-white);
border: 1px solid #ece7db;
border-radius: 16px;
box-shadow: var(--shadow-card);
}
body.single-post .emaillist .es_subscription_form {
margin: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
body.single-post .emaillist .es-field-wrap {
margin: 0;
}
body.single-post .emaillist .es-field-wrap > label {
display: block;
font-size: 13px;
font-weight: 600;
color: var(--c-text-2);
text-align: right;
}
body.single-post .emaillist input[type="text"],
body.single-post .emaillist input[type="email"] {
width: 100%;
box-sizing: border-box;
height: 46px;
margin-top: 6px;
padding: 0 14px;
border: 1px solid #d9d5c8;
border-radius: 10px;
background: var(--c-cream);
font-size: 15px;
color: var(--c-text);
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
body.single-post .emaillist input[type="text"]:focus,
body.single-post .emaillist input[type="email"]:focus {
outline: none;
border-color: var(--c-olive);
box-shadow: 0 0 0 3px rgba(111, 139, 71, 0.18);
background: var(--c-white);
}
body.single-post .emaillist .es_subscription_form_submit {
width: 100%;
height: 48px;
margin-top: 4px;
padding: 0 18px; border: none !important;
border-radius: 999px !important;
background: var(--c-olive) !important;
color: var(--c-white) !important;
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition: background 0.15s ease, transform 0.1s ease;
}
body.single-post .emaillist .es_subscription_form_submit:hover {
background: var(--c-green) !important;
}
body.single-post .emaillist .es_subscription_form_submit:active {
transform: scale(0.99);
} @media only screen and (min-width: 768px) {
body.single-post .recipesLeft {
padding-inline-start: 44px;
}
body.single-post .emaillist {
max-width: 380px;
} .recipe-v2-columns {
max-width: 820px;
margin-inline: auto;
gap: 48px;
}
} @media only screen and (max-width: 767px) {
body.single-post .recipesLeft h3 {
margin-top: 30px;
} body.single-post .recipesRight img {
float: none !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
display: block;
margin: 16px auto !important;
border-radius: 12px;
} body.single-post .recipesRight {
font-size: 16px;
line-height: 1.65;
}
}  .topRecipes {
background: var(--c-cream);
height: auto;
margin-top: 0;
padding: 24px 0 28px;
}
.topRecipes h1 {
color: var(--c-green);
font-size: var(--fs-h1);
line-height: 1.2;
font-weight: 700;
}
.topRecipes h4 {
color: var(--c-text);
}
.topWorkshop h1 {
font-size: 38px;
line-height: 1.25;
} .topImage h1.title {
font-weight: 700;
} .greenButton {
height: auto;
width: auto;
min-width: 170px;
display: inline-block;
border: none;
background: var(--c-olive);
color: var(--c-white);
font-size: 18px;
font-weight: 600;
line-height: 1.3;
padding: 10px 28px;
border-radius: var(--radius-pill);
box-sizing: border-box;
transition: background 0.2s ease;
}
.greenButton:hover {
background: var(--c-green);
}
a .greenButton,
.greenButton a {
color: var(--c-white);
text-decoration: none;
}
.blackTButton {
border: 1px solid var(--c-olive);
height: auto;
font-size: 18px;
font-weight: 600;
line-height: 1.3;
padding: 10px 28px;
border-radius: var(--radius-pill);
color: var(--c-green);
box-sizing: border-box;
}
.blackTButton a {
color: var(--c-green);
}
.whiteButton {
border: 1px solid var(--c-white);
width: auto;
min-width: 170px;
height: auto;
font-size: 18px;
font-weight: 600;
line-height: 1.3;
padding: 10px 28px;
border-radius: var(--radius-pill);
box-sizing: border-box;
}
.callnow {
border: none;
background: var(--c-lime);
border-radius: var(--radius-pill);
font-weight: 700;
transition: background 0.2s ease;
}
.callnow a {
color: var(--c-green);
}
.callnow:hover {
background: var(--c-olive);
}
.callnow:hover a {
color: var(--c-white);
}
#RMbutton,
#commentform .submit,
#gform_submit_button_2 {
background: var(--c-lime);
color: var(--c-green);
border: none;
border-radius: var(--radius-pill);
font-weight: 700;
cursor: pointer;
}
.cta {
background-color: var(--c-cream);
border-radius: var(--radius-card);
}
.cta .add_to_cart_button {
border: none !important;
background-color: var(--c-lime) !important;
color: var(--c-green) !important;
border-radius: var(--radius-pill) !important;
font-weight: 700;
}
.cta .add_to_cart_button:hover {
background-color: var(--c-olive) !important;
color: var(--c-white) !important;
} .recipes li,
.catList li {
background: var(--c-white);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
overflow: hidden;
}
.recipes li figure,
.catList li figure {
border-radius: 0;
}
.recipes li figure::after {
background: none;
}
.recipes li h3,
.catList li h3 {
color: var(--c-text);
font-size: 20px;
padding: 18px 12px 22px;
}
.recipes li .recipesDescription {
border-radius: var(--radius-card);
} #filter-list li {
border: 1px solid #e3e0d8;
background: var(--c-white);
font-weight: 600;
font-size: 16px;
padding: 8px 22px;
}
#filter-list li:hover {
background: var(--c-lime);
border-color: var(--c-lime);
}
#filter-list li.active {
background: var(--c-olive);
border-color: var(--c-olive);
color: var(--c-white);
} .lastPost {
background: var(--c-white);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
overflow: hidden;
padding: 10px 20px;
box-sizing: border-box;
}
.postTitle a,
.postCat,
.postCat a {
color: var(--c-olive);
}
.blogDate,
.date {
color: var(--c-olive);
} .recipesTitle {
background: var(--c-green);
}
.recipesSubTitle {
background: var(--c-olive);
}
.articleTitle,
.blogTitle {
background: var(--c-accent);
} #menu-cat li {
background: var(--c-olive);
border-radius: var(--radius-pill);
}
#menu-cat li a {
color: var(--c-white);
} .go-back-button {
color: var(--c-text-2);
font-size: 15px;
}
.go-back-button:hover {
color: var(--c-green);
} #commentform input,
#commentform textarea {
border: 1px solid #e3e0d8;
border-radius: var(--radius-sm);
font-family: var(--font-main);
} @media only screen and (max-width: 767px) {
.page-hero h1 {
font-size: 30px;
}
.page-hero .page-hero-sub {
font-size: 16px;
}
.btn-pill,
a.btn-pill {
border-radius: var(--radius-sm);
}
nav.site-navigation ul li.mezaveLink > a,
nav.site-navigation ul li.shopLink > a, nav.site-navigation ul li#menu-item-19947 > a {
height: 36px;
line-height: 36px;
padding: 0 12px 0 6px;
}
nav.site-navigation ul li.mezaveLink > a::before,
nav.site-navigation ul li.shopLink > a, nav.site-navigation ul li#menu-item-19947 > a::before {
width: 36px;
height: 26px;
background-size: 19px 18px;
} footer.site-footer .site-info.container {
flex-direction: column;
text-align: center;
}
footer.site-footer .footerSection {
width: 100%;
flex-basis: auto;
text-align: center;
} footer.site-footer .site-info.container > .footerSection:nth-child(1) { order: 1; }
footer.site-footer .site-info.container > .footerSection:nth-child(2) { display: none; }
footer.site-footer .site-info.container > .footerSection:nth-child(4) { order: 2; }
footer.site-footer .site-info.container > .footerSection:nth-child(3) { order: 3; } footer.site-footer .site-info.container > .footerSection:nth-child(4) {
background: rgba(255, 255, 255, 0.07);
border-radius: var(--radius-card);
padding: 22px 18px;
margin-top: 8px;
box-sizing: border-box;
}
footer.site-footer ul.followUs {
max-width: none;
justify-content: center;
}
footer.site-footer .CHLlogo {
margin: 20px auto 0;
} .shop-v2-toolbar {
flex-direction: column;
align-items: stretch;
row-gap: 16px;
} .shop-v2-toolbar .shop-v2-tools {
order: -1;
} .shop-v2-tools {
flex-wrap: wrap;
gap: 12px;
width: 100%;
}
.shop-v2-toolbar .search-pill,
.shop-v2-search {
width: 100%;
}
.shop-v2-order {
width: 100%;
display: flex;
justify-content: center;
} .shop-v2-toolbar:not(.shop-v2-toolbar--tools-only) .shop-v2-tools {
flex-wrap: nowrap;
gap: 20px;
}
.shop-v2-toolbar:not(.shop-v2-toolbar--tools-only) .shop-v2-search {
flex: 1 1 auto;
width: auto;
min-width: 0;
}
.shop-v2-toolbar:not(.shop-v2-toolbar--tools-only) .shop-v2-order {
flex: 0 0 auto;
width: auto;
display: block;
} .shop-v2 .woocommerce-product-search {
width: 100%;
height: 44px;
padding: 8px 16px 8px 8px;
}
.shop-v2 .woocommerce-product-search .search-field {
font-size: 14px;
padding: 0 8px 0 0;
}
.shop-v2 .woocommerce-product-search button[type="submit"] {
width: 28px;
height: 28px;
background-size: 14px 14px;
}
.shop-v2 .woocommerce-ordering select,
.shop-v2-order select {
font-size: 14px;
} .shop-v2-order form.woocommerce-ordering {
margin: 0;
}
.shop-v2-cats {
gap: 8px;
}
.shop-v2-cats .filter-pill {
padding: 6px 16px;
font-size: 14px;
} .shop-v2 .woocommerce-result-count {
display: none;
}
.shop-v2 ul.products,
.product-page-v2 ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
} li.product-card-v2 .product-card-v2-media,
li.product-card-v2 .product-card-v2-body {
align-self: stretch;
} li.product-card-v2 .product-card-v2-media {
height: 150px;
padding: 0;
}
li.product-card-v2 .product-card-v2-media img {
object-fit: cover;
}
li.product-card-v2 .product-card-v2-body {
padding: 10px 12px 12px;
}
li.product-card-v2 .product-card-v2-title {
font-size: 15px;
line-height: 1.3;
}
li.product-card-v2 .product-card-v2-foot {
flex-direction: column;
align-items: stretch;
gap: 10px;
padding-top: 12px;
} li.product-card-v2 .price {
display: flex;
flex-direction: row-reverse;
justify-content: center;
align-items: baseline;
gap: 8px;
font-size: 18px;
}
li.product-card-v2 .price del {
display: inline;
font-size: 13px;
} li.product-card-v2 .price ins {
background: transparent;
} .woocommerce ul.products li.product-card-v2 .button,
li.product-card-v2 a.button {
position: static !important;
top: auto !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
align-self: center;
width: auto !important;
box-sizing: border-box;
height: auto;
padding: 10px 24px !important;
background-color: var(--c-white) !important;
border: 1px solid #e3e0d8 !important;
color: var(--c-green) !important;
font-size: 14px;
text-align: center;
}
.woocommerce ul.products li.product-card-v2 .button::before,
.woocommerce ul.products li.product-card-v2 .button::after {
content: none !important;
display: none !important;
}  .product-page-v2 .product-v2-topbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 5px 16px;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 3;
background: rgba(255, 255, 255, 0.62);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
.product-v2-back {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 600;
color: var(--c-text-2);
text-decoration: none;
}
.product-v2-back svg {
width: 16px;
height: 16px;
transform: scaleX(-1); }
.product-v2-topactions {
display: inline-flex;
align-items: center;
gap: 2px;
}
.product-v2-topsave,
.product-v2-topshare {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
padding: 0;
background: transparent;
border: none;
color: var(--c-text);
cursor: pointer;
}
.product-v2-topsave svg,
.product-v2-topshare svg {
width: 19px;
height: 19px;
}
.product-v2-topsave.is-saved svg path {
fill: currentColor;
}
.product-v2-topsave.is-saved {
color: var(--c-olive);
} .product-page-v2 > .container-v2 > .breadcrumbs-v2 {
display: none;
} .product-page-v2-share {
display: none;
}  .product-page-v2 {
padding-bottom: 0;
}
.product-page-v2-card {
display: block;
gap: 0;
padding: 0;
background: transparent;
box-shadow: none;
border-radius: 0;
margin-top: 0;
overflow: visible; margin-inline: -20px;
} .product-page-v2-gallery {
position: relative;
background: var(--c-white);
border-radius: 0;
overflow: hidden;
} .product-page-v2 span.onsale {
top: 60px;
}
.product-page-v2 .woocommerce-product-gallery img,
.product-page-v2-gallery img {
width: 100%;
height: auto;
max-height: 360px; object-fit: contain !important;
border-radius: 0;
} .woocommerce .product-page-v2 div.summary.product-page-v2-summary,
.product-page-v2-summary {
background: var(--c-cream);
border-radius: 24px 24px 0 0;
margin-top: -24px !important;
position: relative;
z-index: 1;
padding: 26px 20px 20px;
}
.product-page-v2 .summary .product_title {
font-size: 28px;
}
.product-page-v2 .summary > .price {
font-size: 28px;
}
.product-page-v2 form.cart .single_add_to_cart_button {
min-width: 0;
flex: 1;
} .listing-v2-layout {
flex-direction: column;
}
.listing-v2-sidebar {
position: static;
flex-basis: auto;
width: 100%;
} .filter-card {
padding: 0;
}
.filter-card summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 14px 18px;
font-size: 16px;
}
.filter-card summary::after {
content: "";
width: 14px;
height: 14px;
flex: 0 0 14px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236F8B47' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
transition: transform 0.2s ease;
}
.filter-card[open] summary::after {
transform: rotate(180deg);
} .filter-count {
margin-inline-start: auto;
min-width: 22px;
height: 22px;
padding: 0 6px;
border-radius: var(--radius-pill);
background: var(--c-olive);
color: var(--c-white);
font-size: 13px;
font-weight: 700;
line-height: 22px;
text-align: center;
}
.filter-count[hidden] {
display: none;
}
.filter-card-list {
margin: 0;
padding: 0 18px 16px; max-height: none;
overflow: visible;
}
.content-grid-v2.cols-3,
.content-grid-v2.cols-4 {
grid-template-columns: 1fr;
}
.content-card-v2-media {
height: 213px;
} .recipe-v2-hero {
grid-template-columns: 1fr;
grid-template-areas: "media" "text";
min-height: 0;
}
.recipe-v2-hero-media img {
min-height: 0;
height: 240px;
} .recipe-v2-hero-text {
position: relative;
z-index: 1;
margin-top: -26px;
padding: 26px 20px 20px;
background: var(--c-cream);
border-radius: 24px 24px 0 0;
}
.recipe-v2-hero-text h1 {
font-size: 30px;
} .article-v2 .recipe-v2-hero-text {
padding-bottom: 12px;
}
.article-v2 .article-v2-body {
margin-top: 16px;
} .recipe-v2 .breadcrumbs-v2 {
display: none;
} .recipe-v2-heading,
.recipe-v2-ingredients h2,
.related-v2-head h2 {
font-size: 20px;
} .recipe-v2-secnav {
margin: 18px -20px 0;
padding: 22px 20px;
background: var(--c-white);
}
.recipe-v2-columns {
grid-template-columns: 1fr;
grid-template-areas: "side" "main";
gap: 32px;
}
.recipe-v2-side {
position: static;
} .related-v2-track > * {
flex-basis: 78%;
}
.related-v2-arrow {
display: none;
}
.recipe-v2-steps li,
.recipe-v2-steps > p {
padding: 18px 78px 18px 16px;
} .recipe-v2-meta {
gap: 0;
margin-top: 18px;
}
.recipe-v2-meta span {
flex: 1 1 0;
flex-direction: column;
gap: 4px;
text-align: center;
font-size: 15px;
padding: 2px 4px;
} .recipe-v2-meta {
flex-direction: row-reverse;
}
.recipe-v2-meta span + span {
border-inline-end: 1px solid #e3e0d8;
}
.recipe-v2-meta b {
font-weight: 700;
}
.recipe-v2-meta small {
display: block;
font-size: 12px;
color: var(--c-text-2);
} .share-row-v2 {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 8px;
}
.share-row-v2 .share-tile {
flex-direction: column;
gap: 6px;
padding: 12px 4px;
font-size: 12px;
text-align: center; min-width: 0;
}
.recipe-v2-ingredients {
padding: 22px;
}
.article-v2-gallery {
grid-template-columns: 1fr;
}
} html body {
font-family: var(--font-main) !important;
} html body.page-template-page-landing,
html body.page-template-page-newLanding,
html body.page-template-page-mezaveClasses,
html body.page-template-page-default-mezave {
font-family: 'Simpler', var(--font-main) !important;
} .pum-container,
.pum-content,
.pum-content *,
.pum-title {
font-family: var(--font-main) !important;
} .team-intro-v2 {
max-width: 820px; margin: 0 0 36px auto;
text-align: right;
font-size: 18px;
line-height: 1.55;
color: var(--c-text-2);
}
.the-content.team-layout-v2 .recipesRight {
float: none;
width: 100%;
}
.the-content.team-layout-v2 .recipesLeft {
display: none;
}
.team-grid-v2 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 26px;
margin-bottom: 40px;
}
.team-card-v2 {
display: grid;
grid-template-columns: 170px minmax(0, 1fr);
gap: 22px;
align-items: start;
background: var(--c-white);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
padding: 24px;
}
.team-card-v2-media img {
width: 170px;
height: 170px;
object-fit: cover;
border-radius: 50%;
display: block;
margin: 0;
}
.team-card-v2-body {
text-align: right;
min-width: 0;
}
.team-card-v2-name {
font-size: 22px;
font-weight: 700;
color: var(--c-green);
margin: 0 0 10px;
text-align: right;
}
.team-card-v2-body p {
margin: 0 0 10px;
font-size: 16px;
line-height: 1.55;
text-align: right;
color: var(--c-text);
}
.team-card-v2-body p:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
.team-grid-v2 {
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 600px) {
.team-card-v2 {
grid-template-columns: 1fr;
justify-items: center;
text-align: center;
}
.team-card-v2-body,
.team-card-v2-body p,
.team-card-v2-name {
text-align: center;
}
} header .menu li.menu-item-has-children {
position: relative;
}
header .menu ul.sub-menu {
right: 50%;
left: auto;
transform: translateX(50%);
} header .menu ul.sub-menu {
overflow: visible;
}
header .menu li.menu-item-has-children > ul.sub-menu {
display: block;
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: opacity 0.14s ease, visibility 0s linear 0.25s;
}
header .menu li.menu-item-has-children:hover > ul.sub-menu,
header .menu li.menu-item-has-children:focus-within > ul.sub-menu {
visibility: visible;
opacity: 1;
pointer-events: auto;
transition: opacity 0.14s ease, visibility 0s linear 0s;
} header .menu li.menu-item-has-children > ul.sub-menu::before {
top: -12px;
left: -24px;
right: -24px;
height: 12px;
} .recipe-v2-steps > p.is-blank {
display: none;
}
.recipe-v2-steps > p.is-subhead {
counter-increment: none;
background: none;
box-shadow: none;
padding: 0;
margin: 26px 0 12px;
min-height: 0;
font-size: 19px;
font-weight: 700;
color: var(--c-green);
}
.recipe-v2-steps > p.is-subhead::before {
content: none;
} .searchForm {
position: relative;
}
.searchForm .searchform { display: none;
position: absolute;
top: calc(100% + 14px);
left: 0;
right: auto;
z-index: 1200;
width: 360px;
max-width: 78vw;
padding: 6px;
background: var(--c-white);
border: 1px solid #eee9de;
border-radius: var(--radius-pill);
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.13);
animation: search-panel-in 0.18s ease;
}
.searchForm.is-open .searchform {
display: block;
} .searchForm.is-open .search-toggle .search-icon {
display: none;
}
.searchForm.is-open .search-toggle .close-icon {
display: inline-flex !important;
align-items: center;
}
@keyframes search-panel-in {
from { opacity: 0; transform: translateY(-6px); }
to   { opacity: 1; transform: translateY(0); }
}
.searchForm .search-container {
display: flex;
flex-direction: row; align-items: center;
gap: 6px;
}
.searchForm .search-input {
flex: 1;
min-width: 0;
border: none; background: transparent none !important;
outline: none;
font-family: var(--font-main);
font-size: 16px;
color: var(--c-text);
text-align: right;
padding: 9px 14px;
}
.searchForm .search-input::placeholder {
color: var(--c-gray);
opacity: 1;
}
.searchForm .search-submit {
flex: 0 0 auto;
width: 38px;
height: 38px;
margin: 0;
padding: 0;
border: none;
border-radius: 50%; background: var(--c-olive) url(//mazon-izun.com/wp-content/themes/naked-wordpress-master/images/v2/search-white.svg) center/16px 16px no-repeat;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.2s ease;
font-size: 0;
}
.searchForm .search-submit img {
display: none;
}
.searchForm .search-submit:hover {
background: var(--c-green);
}
.searchForm .search-toggle {
display: inline-flex;
align-items: center;
cursor: pointer;
}
.searchForm .close-icon svg {
display: block;
width: 18px;
height: 18px;
}
@media only screen and (max-width: 767px) { .searchForm .searchform {
position: fixed;
top: 64px;
left: 12px;
right: 12px;
width: auto;
max-width: none;
}
} .topImage {
background-image: none !important;
background-color: var(--c-cream);
height: auto;
padding: 34px 0 28px;
}
.topImage .main-fluid {
max-width: var(--container-max);
margin: 0 auto;
}
.topImage h1.title {
margin: 0;
color: var(--c-green);
font-size: var(--fs-h1);
font-weight: 700;
line-height: 1.2;
text-align: right;
text-shadow: none;
}
@media only screen and (max-width: 767px) {
.topImage {
padding: 22px 0 20px;
}
.topImage h1.title {
font-size: 30px;
margin: 0;
}
} .content-card-v2-meta {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 8px;
}
.content-card-v2-date {
color: var(--c-text-2);
font-size: var(--fs-meta);
}
.content-card-v2-more {
display: inline-block;
margin-top: 10px;
color: var(--c-olive);
font-weight: 700;
font-size: 15px;
text-decoration: none;
}
.content-card-v2-more:hover {
color: var(--c-green);
} .blog-featured-v2 {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 46%);
gap: 0;
align-items: stretch;
margin: 30px 0 34px;
background: var(--c-white);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
overflow: hidden;
text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.blog-featured-v2:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-card-hover);
}
.blog-featured-v2-media {
min-height: 300px;
background: #f3f4f6;
order: 2; }
.blog-featured-v2-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
margin: 0;
}
.blog-featured-v2-body {
order: 1;
padding: 34px 38px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: right;
}
.blog-featured-v2-body h2 {
font-size: var(--fs-h2);
font-weight: 700;
color: var(--c-green);
margin: 0 0 12px;
line-height: 1.25;
}
.blog-featured-v2-body p {
margin: 0 0 18px;
font-size: 17px;
line-height: 1.55;
color: var(--c-text);
}
.blog-featured-v2-body .btn-pill {
align-self: flex-start;
}
@media only screen and (max-width: 767px) {
.blog-featured-v2 {
grid-template-columns: 1fr;
}
.blog-featured-v2-media {
min-height: 210px;
order: 1;
}
.blog-featured-v2-body {
order: 2;
padding: 22px;
}
} .recipe-v2-intro p,
.recipe-v2-intro div {
text-align: right !important;
} header .menu ul.sub-menu li.current-menu-item > a,
header .menu ul.sub-menu li.current_page_item > a,
header .menu ul.sub-menu li.current-menu-ancestor > a {
background-color: var(--c-cream);
color: var(--c-green);
font-weight: 700;
} header .menu ul.sub-menu li.current-menu-item > a,
header .menu ul.sub-menu li.current_page_item > a,
header .menu ul.sub-menu li.current-menu-ancestor > a,
header .menu ul.sub-menu li > a {
border-bottom: none;
box-shadow: none;
}
header .menu ul.sub-menu li > a::after,
header .menu ul.sub-menu li::after {
content: none;
display: none;
} .the-content img[src$="facebookIcon.png"] { content: url(//mazon-izun.com/wp-content/themes/naked-wordpress-master/images/v2/social-facebook.svg); }
.the-content img[src$="instaIcon.png"]    { content: url(//mazon-izun.com/wp-content/themes/naked-wordpress-master/images/v2/social-instagram.svg); }
.the-content img[src$="youTubeIcon.png"]  { content: url(//mazon-izun.com/wp-content/themes/naked-wordpress-master/images/v2/social-youtube.svg); }
.the-content img[src$="tweeterIcon.png"]  { content: url(//mazon-izun.com/wp-content/themes/naked-wordpress-master/images/v2/social-x.svg); }
.the-content img[src$="tiktok.png"]       { content: url(//mazon-izun.com/wp-content/themes/naked-wordpress-master/images/v2/social-tiktok.svg); }
.the-content img[src$="facebookIcon.png"],
.the-content img[src$="instaIcon.png"],
.the-content img[src$="youTubeIcon.png"],
.the-content img[src$="tweeterIcon.png"],
.the-content img[src$="tiktok.png"] {
width: 52px;
height: 52px;
border-radius: 50%;
object-fit: cover;
display: inline-block;
vertical-align: middle;
margin: 0 4px;
transition: transform 0.2s ease;
}
.the-content a:hover img[src$="facebookIcon.png"],
.the-content a:hover img[src$="instaIcon.png"],
.the-content a:hover img[src$="youTubeIcon.png"],
.the-content a:hover img[src$="tweeterIcon.png"],
.the-content a:hover img[src$="tiktok.png"] {
transform: scale(1.08);
} .shop-v2-toolbar--tools-only { justify-content: flex-start;
} .post-card-v2 .content-card-v2-date {
display: block;
margin-bottom: 6px;
font-weight: 600;
} .blog-featured-v2 {
grid-template-columns: minmax(0, 1fr) minmax(0, 52%);
}
.blog-featured-v2-media {
min-height: 360px;
}
.blog-featured-v2-body {
padding: 40px 44px;
}
.blog-featured-v2-body .content-card-v2-date {
display: block;
margin-bottom: 10px;
font-weight: 600;
}
.blog-featured-v2-body h2 {
font-size: 34px;
}
.blog-featured-v2-body p {
font-size: 18px;
}
@media only screen and (max-width: 767px) { .blog-featured-v2 {
grid-template-columns: 1fr;
}
.blog-featured-v2-media {
min-height: 220px;
order: 1;
}
.blog-featured-v2-body {
padding: 22px;
order: 2;
}
.blog-featured-v2-body h2 {
font-size: 24px;
}
.blog-featured-v2-body p {
font-size: 16px;
}
} .policy-link { color: inherit !important;
text-decoration: underline !important;
text-underline-offset: 2px;
font-weight: 700;
}
.policy-link:hover {
text-decoration: none;
} .mobile-tabbar,
.mobile-menu-btn {
display: none;
} @media only screen and (max-width: 767px) {  .container.center.header-con,
.container.center.header-con.sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
height: 64px !important;
padding: 0 14px !important;
display: flex;
align-items: center;
justify-content: space-between;
background: var(--c-white);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
} .container.center.header-con::before,
.container.center.header-con::after {
display: none !important;
content: none !important;
}
body {
padding-top: 64px !important; padding-bottom: 64px !important;
overflow-x: hidden;
} header#masthead #brand {
position: absolute;
left: calc(50% + 18px);
top: 50%;
transform: translate(-50%, -50%);
margin: 0;
}
header#masthead #brand img {
width: 48px !important;
max-width: 48px !important;
height: auto !important;
} nav.site-navigation.main-navigation {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: auto;
width: 82%;
max-width: 340px;
margin: 0;
background: var(--c-cream);
box-shadow: -6px 0 30px rgba(0, 0, 0, 0.18);
transform: translateX(100%);
visibility: hidden;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.3s;
overflow-y: auto;
z-index: 1202;
padding: 0;
text-align: right;
}
.header-actions {
gap: 14px; margin-inline-start: auto;
} .header-actions .searchForm {
margin: 0 !important;
}  .rmp-trigger-box,
button[id^="rmp_menu_trigger"] {
position: fixed !important;
top: 8px !important;
right: 8px !important;
left: auto !important;
width: 48px !important;
height: 48px !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
border-radius: 8px !important;
z-index: 1201 !important;
} .rmp-trigger-box {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='15' viewBox='0 0 22 15' fill='none'%3E%3Cpath d='M1 1H21M1 7.5H21M8.5 14H21' stroke='%23212529' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 22px 15px !important;
}
.responsive-menu-pro-inner,
.responsive-menu-pro-inner::before,
.responsive-menu-pro-inner::after {
display: none !important;
} [id^="rmp-container"] {
background: var(--c-cream) !important;
width: 82% !important;
max-width: 340px !important;
} [id^="rmp-container"].rmp-menu-open {
right: 0 !important;
left: auto !important;
}
[id^="rmp-menu-title"] {
background: var(--c-cream) !important;
padding: 20px 16px !important;
border-bottom: 1px solid #e7e4dc;
text-align: center;
}
[id^="rmp-menu-title"] img {
max-width: 84px !important;
height: auto !important;
border-radius: 0 !important; mix-blend-mode: multiply;
} .rmp-close-btn {
position: absolute;
top: 14px;
left: 14px;
width: 34px;
height: 34px;
padding: 0;
background: transparent;
border: none;
cursor: pointer;
z-index: 2;
}
.rmp-close-btn span {
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 2px;
border-radius: 1px;
background: var(--c-text);
}
.rmp-close-btn span:nth-child(1) { transform: translate(-50%, -50%) rotate(45deg); }
.rmp-close-btn span:nth-child(2) { transform: translate(-50%, -50%) rotate(-45deg); } .rmp-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(20, 28, 12, 0.45);
opacity: 0;
visibility: hidden; transition: opacity 0.3s ease, visibility 0s linear 0.3s;
z-index: 99997;
}
body.rmp-is-open .rmp-backdrop {
opacity: 1;
visibility: visible;
transition: opacity 0.3s ease;
}
[id^="rmp-menu-wrap"] {
background: transparent !important;
padding: 8px 0 24px;
}
.rmp-menu,
.rmp-submenu {
background: transparent !important;
}
.rmp-menu-item-link {
display: flex !important;
align-items: center;
justify-content: space-between; flex-direction: row;
padding: 16px 18px !important;
min-height: 56px;
box-sizing: border-box;
font-family: var(--font-main); font-size: 18px !important;
font-weight: 600;
color: var(--c-text) !important;
background: transparent !important;
border-bottom: 1px solid #ece8de !important;
}
.rmp-submenu .rmp-menu-item-link {
font-size: 16px !important;
font-weight: 500;
min-height: 52px;
padding-inline-end: 40px !important;
border-bottom-color: #f1efe7 !important;
color: var(--c-text-2) !important;
}
.rmp-menu-item-link:hover,
.rmp-menu-item-link:focus {
color: var(--c-green) !important;
background: rgba(59, 83, 35, 0.06) !important;
} [id^="rmp-container"] li.mezaveLink > a,
[id^="rmp-container"] li#menu-item-19947 > a {
background: transparent !important;
backdrop-filter: none !important;
width: auto !important;
height: auto !important;
border-radius: 0 !important;
justify-content: space-between !important;
}
[id^="rmp-container"] li.mezaveLink > a::after,
[id^="rmp-container"] li#menu-item-19947 > a::after {
content: none !important;
display: none !important;
} .rmp-menu-subarrow {
position: static !important;
margin: 0 !important;
padding: 0 !important;
border: none !important; width: 14px;
height: 14px;
overflow: hidden;
text-indent: -999px;
background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236F8B47' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / 14px 14px no-repeat !important;
} .rmp-menu-item.cart-menu,
.rmp-menu-item.social-instagram,
.rmp-menu-item.social-youtube {
display: none !important;
} [id^="rmp-search-box"] { padding: 34px 18px 24px !important;
}
.rmp-search-form {
position: relative;
}
.rmp-search-form input.rmp-search-box {
width: 100%;
box-sizing: border-box;
height: 44px; padding: 0 46px 0 16px !important;
border-radius: var(--radius-pill);
border: 1px solid #ddd;
background: var(--c-white);
font-family: var(--font-main);
font-size: 15px;
color: var(--c-text);
} .rmp-search-form::before {
content: "";
position: absolute;
top: 50%;
right: 16px;
width: 18px;
height: 18px;
transform: translateY(-50%);
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.37' height='24.37' viewBox='0 0 24.37 24.37' fill='none'%3E%3Cpath d='M10.9627 20.7404C16.3628 20.7404 20.7404 16.3628 20.7404 10.9627C20.7404 5.56262 16.3628 1.185 10.9627 1.185C5.56262 1.185 1.185 5.56262 1.185 10.9627C1.185 16.3628 5.56262 20.7404 10.9627 20.7404Z' stroke='%23212529' stroke-width='2.37' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.185 23.185L17.9295 17.9295' stroke='%23212529' stroke-width='2.37' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
pointer-events: none;
}
.mobile-menu-btn {
display: inline-flex;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 36px;
height: 36px;
padding: 6px;
background: transparent;
border: none;
cursor: pointer;
}
.mobile-menu-btn span {
display: block;
height: 2px;
border-radius: 2px;
background: var(--c-text);
}
.mobile-menu-btn span:nth-child(1) { width: 24px; }
.mobile-menu-btn span:nth-child(2) { width: 24px; }
.mobile-menu-btn span:nth-child(3) { width: 16px; margin-inline-end: auto; }  body.mobile-nav-open nav.site-navigation.main-navigation {
transform: translateX(0);
visibility: visible;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
} .mobile-nav-close {
position: absolute;
top: 14px;
left: 14px;
width: 38px;
height: 38px;
padding: 0;
background: transparent;
border: none;
cursor: pointer;
z-index: 2;
}
.mobile-nav-close span {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 2px;
border-radius: 1px;
background: var(--c-text);
}
.mobile-nav-close span:nth-child(1) { transform: translate(-50%, -50%) rotate(45deg); }
.mobile-nav-close span:nth-child(2) { transform: translate(-50%, -50%) rotate(-45deg); }
.mobile-nav-backdrop {
position: fixed;
inset: 0;
background: rgba(20, 28, 12, 0.45);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0s linear 0.3s;
z-index: 1201;
}
body.mobile-nav-open .mobile-nav-backdrop {
opacity: 1;
visibility: visible;
transition: opacity 0.3s ease;
} .mobile-nav-logo {
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
border-bottom: 1px solid #e7e4dc;
}
.mobile-nav-logo img {
width: auto;
max-width: 92px;
height: auto; mix-blend-mode: multiply;
}
body.mobile-nav-open nav.site-navigation > div > ul {
display: block;
margin: 0;
padding: 8px 0 24px;
}
body.mobile-nav-open nav.site-navigation > div > ul > li {
display: block;
margin: 0;
border-bottom: none;
}
body.mobile-nav-open nav.site-navigation > div > ul > li > a {
display: block;
padding: 16px 18px;
min-height: 56px;
box-sizing: border-box;
font-family: var(--font-main);
font-size: 18px;
font-weight: 600;
text-align: right;
color: var(--c-text) !important;
background: transparent !important;
border-bottom: 1px solid #ece8de;
box-shadow: none !important;
} body.mobile-nav-open nav.site-navigation ul li.mezaveLink > a,
body.mobile-nav-open nav.site-navigation ul li.shopLink > a,
body.mobile-nav-open nav.site-navigation ul li#menu-item-19947 > a {
display: block !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
border-radius: 0 !important;
background: transparent !important;
backdrop-filter: none !important;
justify-content: flex-start !important;
}
body.mobile-nav-open nav.site-navigation ul li.mezaveLink > a::before,
body.mobile-nav-open nav.site-navigation ul li.mezaveLink > a::after,
body.mobile-nav-open nav.site-navigation ul li.shopLink > a::before,
body.mobile-nav-open nav.site-navigation ul li#menu-item-19947 > a::before,
body.mobile-nav-open nav.site-navigation ul li#menu-item-19947 > a::after {
content: none !important;
display: none !important;
} body.mobile-nav-open nav.site-navigation > div > ul > li.cart-menu,
body.mobile-nav-open nav.site-navigation > div > ul > li.social-instagram,
body.mobile-nav-open nav.site-navigation > div > ul > li.social-youtube {
display: none !important;
} body.mobile-nav-open nav.site-navigation > div > ul > li {
position: relative;
}
.mobile-subtoggle {
position: absolute;
top: 0;
left: 4px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px; padding: 0;
background: transparent;
border: none;
color: var(--c-olive);
cursor: pointer;
z-index: 1;
}
.mobile-subtoggle svg {
width: 20px;
height: 20px;
transition: transform 0.2s ease;
}
body.mobile-nav-open nav.site-navigation > div > ul > li.is-open .mobile-subtoggle svg {
transform: rotate(180deg);
} body.mobile-nav-open nav.site-navigation ul ul { position: static !important; display: none !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
transition: none !important;
box-shadow: none !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
min-width: 0 !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.mobile-nav-open nav.site-navigation > div > ul > li.is-open > ul {
display: block !important;
}
body.mobile-nav-open nav.site-navigation ul ul li {
display: block;
margin: 0;
border: none;
}
body.mobile-nav-open nav.site-navigation ul ul li a {
display: flex;
align-items: center;
padding: 15px 40px 15px 18px;
min-height: 52px;
box-sizing: border-box;
font-size: 16px;
font-weight: 500;
text-align: right;
box-shadow: none !important;
border-bottom: 1px solid #f1efe7; color: var(--c-text-2) !important;
background: transparent !important;
} body.mobile-nav-open nav.site-navigation ul ul li a:active {
background: #efece2 !important;
color: var(--c-green) !important;
} .pum-overlay {
display: none !important;
} .mobile-tabbar {
display: flex;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: var(--c-white);
border-top: 1px solid #e7e4dc;
z-index: 1150; padding-inline: 12px; padding-top: 9px;
padding-bottom: calc(9px + env(safe-area-inset-bottom, 0));
}
.mobile-tabbar a {
flex: 1 1 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2px;
text-decoration: none; color: #8a948c;
font-size: 11px;
font-weight: 600;
}
.mobile-tabbar a svg {
width: 22px;
height: 22px;
stroke: currentColor;
} .mobile-tabbar a.is-active {
color: var(--c-olive);
font-weight: 700;
} .shop-v2-cats {
flex-wrap: nowrap;
overflow-x: auto; max-width: 100%;
-webkit-overflow-scrolling: touch;
justify-content: flex-start;
padding-bottom: 4px;
scrollbar-width: none;
}
.shop-v2-cats::-webkit-scrollbar {
display: none;
}
.shop-v2-cats .filter-pill,
.filter-pill {
flex: 0 0 auto;
white-space: nowrap;
} .shop-v2-toolbar {
row-gap: 16px;
}
} .recipe-v2-topbar,
.recipe-v2-secnav,
.product-v2-topbar {
display: none;
}
@media only screen and (max-width: 767px) {
.recipe-v2-topbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 12px 18px;
background: var(--c-white);
}
.recipe-v2-back {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 600;
color: var(--c-text-2);
text-decoration: none;
}
.recipe-v2-back svg {
width: 16px;
height: 16px; transform: scaleX(-1);
}
.recipe-v2-topactions {
display: inline-flex;
align-items: center;
gap: 2px;
}
.recipe-v2-topsave,
.recipe-v2-topshare {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
padding: 0;
background: transparent;
border: none;
color: var(--c-text);
cursor: pointer;
}
.recipe-v2-topsave svg,
.recipe-v2-topshare svg {
width: 19px;
height: 19px;
} .recipe-v2-topsave.is-saved svg path {
fill: currentColor;
}
.recipe-v2-topsave.is-saved {
color: var(--c-olive);
} .recipe-v2-secnav {
display: flex;
gap: 8px; margin: 0;
padding: 22px 20px; justify-content: center;
justify-content: safe center;
overflow-x: auto;
scrollbar-width: none;
-webkit-overflow-scrolling: touch; position: sticky;
top: 64px;
z-index: 20;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.recipe-v2-secnav::-webkit-scrollbar {
display: none;
}
.recipe-v2-secnav a {
flex: 0 0 auto;
padding: 8px 16px;
border-radius: var(--radius-pill);
font-size: 15px;
font-weight: 600;
color: var(--c-text-2);
text-decoration: none;
white-space: nowrap;
}
.recipe-v2-secnav a.is-active {
background: var(--c-olive);
color: var(--c-white);
} .recipe-v2-ingredients,
.recipe-v2-steps,
.related-v2 {
scroll-margin-top: 80px;
}
}  .footerBottom .container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
row-gap: 4px;
}
.footerBottom .fb-item {
white-space: nowrap;
}
.footerBottom .fb-sep {
margin: 0 8px;
opacity: 0.55;
}
@media only screen and (max-width: 767px) { .footerBottom .fb-policy {
flex-basis: 100%;
margin-top: 4px;
}
.footerBottom .fb-sep--policy {
display: none;
}
} .breadcrumbsSection {
margin: 4px 0 10px;
}
.breadcrumbsSection .go-back-button {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 600;
color: var(--c-text-2);
text-decoration: none;
} .breadcrumbsSection .go-back-button::before {
content: "";
flex: 0 0 auto;
width: 16px;
height: 16px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/16px 16px no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/16px 16px no-repeat;
} .breadcrumbsSection {
align-items: center;
}
.breadcrumbsSection .breadcrumbs-v2 {
padding: 0;
}
@media only screen and (max-width: 767px) { .breadcrumbsSection {
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
.breadcrumbsSection .go-back-button {
order: -1;
}
} @media only screen and (max-width: 767px) { .page-hero {
padding-top: 12px;
}
.page-hero .breadcrumbs-v2 {
padding-top: 0;
} .header-mini-cart {
max-width: 78vw;
padding: 18px 16px 20px;
} body.mini-cart-open .mobile-tabbar {
display: none;
}
} @media only screen and (max-width: 767px) { footer.site-footer {
margin-top: 40px !important;
padding-top: 40px !important;
} footer.site-footer .site-info::after {
display: none;
} main article.post {
margin-bottom: 0 !important;
}
} .product-v2-shipping {
display: none;
}
@media only screen and (max-width: 767px) { .product-page-v2 form.cart {
flex-direction: row-reverse;
flex-wrap: nowrap;
gap: 12px;
align-items: stretch;
}
.product-page-v2 form.cart .quantity {
flex: 0 0 auto;
height: 52px;
}
.product-page-v2 form.cart .qty-step {
width: 40px;
height: 50px;
font-size: 18px;
}
.product-page-v2 form.cart .quantity input.qty {
width: 26px;
font-size: 16px;
}
.product-page-v2 form.cart .single_add_to_cart_button,
.woocommerce .product-page-v2 form.cart button.button.alt {
flex: 1 1 auto;
min-width: 0 !important;
height: 52px;
padding: 0 14px !important;
font-size: 15px;
} .product-v2-shipping {
display: block;
margin: 14px 0 0;
font-size: 13px;
line-height: 1.4;
color: var(--c-text-2);
text-align: center;
} .product-page-v2-related .related-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
}
.product-page-v2-related .related-head h2 {
margin: 0;
}
.product-page-v2-related .related-all {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--c-olive);
font-size: 12.5px;
font-weight: 700;
text-decoration: none;
} .product-page-v2-related .related-all::after {
content: "";
width: 12px;
height: 12px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236F8B47' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E") center / contain no-repeat;
} .product-page-v2-related section.related > ul.products {
display: flex !important;
grid-template-columns: none !important;
flex-wrap: nowrap;
overflow-x: auto;
gap: 12px;
margin: 0 !important;
padding-bottom: 4px;
scroll-snap-type: x proximity;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.product-page-v2-related section.related > ul.products::-webkit-scrollbar {
display: none;
}
.product-page-v2-related section.related > ul.products > li.product {
flex: 0 0 46%;
scroll-snap-align: start;
margin: 0 !important;
}
}  body.page-template-page-course .cat-areas:not(:has(.cat-area + .cat-area)) .cat-area > h2 {
display: none;
}
body.page-template-page-course .cat-area {
padding-top: 10px;
}
@media only screen and (max-width: 767px) { body.page-template-page-course .main-fluid > h1.title {
text-align: center;
padding-block: 4px;
} body.page-template-page-course h1.title .ws-titlebreak {
display: block;
} body.page-template-page-course ul.cat-posts.customWorkshop {
display: flex;
flex-direction: column;
gap: 16px;
}
body.page-template-page-course ul.cat-posts.customWorkshop > li {
margin: 0;
}
body.page-template-page-course ul.cat-posts.customWorkshop > li > a {
flex-direction: column;
align-items: stretch; box-sizing: border-box !important;
width: 100% !important;
margin: 0 0 20px 0 !important;
}
body.page-template-page-course ul.cat-posts.customWorkshop > li > a > img {
width: 100% !important;
height: auto !important;
max-width: none !important;
}
body.page-template-page-course ul.cat-posts.customWorkshop > li .workshopText {
width: 100%;
padding: 12px 6px 4px;
} body.page-template-page-course .moreInfo {
font-size: 15px;
gap: 8px;
}
body.page-template-page-course .moreInfo::before {
width: 24px !important;
height: 24px !important;
}
} body.page-template-page-workshopsNew .breadcrumbsSection {
display: none;
}
body.page-template-page-workshopsNew .workshop-item {
padding: 16px 18px !important;
gap: 14px;
}
body.page-template-page-workshopsNew .workshop-item h6 {
font-size: 18px;
line-height: 1.3;
margin-bottom: 4px !important;
}
body.page-template-page-workshopsNew .workshop-item small {
font-size: 14.5px;
line-height: 1.4;
}
body.page-template-page-workshopsNew .workshop-item .btn {
font-size: 15px;
padding: 8px 18px !important;
}
@media only screen and (max-width: 767px) {
body.page-template-page-workshopsNew .workshop-item h6 {
font-size: 17px;
}
body.page-template-page-workshopsNew .workshop-item small {
font-size: 14px;
}
} .filter-sheet-backdrop {
display: none;
}
@media only screen and (max-width: 767px) {
.filter-sheet-backdrop {
display: block;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.45);
z-index: 1195;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
}
.filter-sheet-backdrop.is-open {
opacity: 1;
pointer-events: auto;
}
body.filter-sheet-open {
overflow: hidden;
} .listing-v2-sidebar .filter-card[open] > form {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1200;
display: flex;
flex-direction: column;
max-height: 80vh;
margin: 0;
padding: 0;
background: var(--c-white);
border-radius: 20px 20px 0 0;
box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.18);
animation: filterSheetUp 0.26s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes filterSheetUp {
from { transform: translateY(100%); }
to { transform: translateY(0); }
}
.filter-sheet-head {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 18px 12px;
border-bottom: 1px solid #eee9de;
font-size: 17px;
font-weight: 700;
color: var(--c-green);
}
.filter-sheet-close {
background: none;
border: none;
padding: 4px;
color: var(--c-text-2);
cursor: pointer;
line-height: 0;
}
.filter-sheet-close svg {
width: 22px;
height: 22px;
} .listing-v2-sidebar .filter-card[open] > form > ul.filter-card-list {
flex: 1 1 auto;
overflow-y: auto;
margin: 0;
padding: 8px 18px;
}
.filter-sheet-foot {
flex: 0 0 auto;
display: flex;
gap: 10px;
padding: 14px 18px calc(14px + env(safe-area-inset-bottom, 0));
border-top: 1px solid #eee9de;
}
.filter-sheet-clear {
flex: 0 0 auto;
padding: 12px 22px;
border-radius: var(--radius-pill);
background: transparent;
border: 1px solid #e3e0d8;
color: var(--c-text-2);
font-family: var(--font-main);
font-weight: 600;
font-size: 15px;
cursor: pointer;
}
.filter-sheet-apply {
flex: 1 1 auto;
padding: 12px;
border-radius: var(--radius-pill);
background: var(--c-olive);
border: none;
color: var(--c-white);
font-family: var(--font-main);
font-weight: 700;
font-size: 15px;
cursor: pointer;
}
} @media only screen and (max-width: 767px) {
.articles-listing-v2 .content-grid-v2 {
gap: 12px;
} .articles-listing-v2 .content-grid-v2 > .content-card-v2:first-child .content-card-v2-media {
height: 220px;
}
.articles-listing-v2 .content-grid-v2 > .content-card-v2:first-child .content-card-v2-title {
font-size: 22px;
} .articles-listing-v2 .content-grid-v2 > .content-card-v2:not(:first-child) {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 12px;
padding: 10px;
}
.articles-listing-v2 .content-grid-v2 > .content-card-v2:not(:first-child) .content-card-v2-media {
flex: 0 0 92px;
width: 92px;
height: 92px;
border-radius: 12px;
overflow: hidden;
}
.articles-listing-v2 .content-grid-v2 > .content-card-v2:not(:first-child) .content-card-v2-media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.articles-listing-v2 .content-grid-v2 > .content-card-v2:not(:first-child) .content-card-v2-body {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
gap: 4px;
padding: 2px 0;
} .articles-listing-v2 .content-grid-v2 > .content-card-v2:not(:first-child) .content-card-v2-chip {
align-self: flex-start;
padding: 0;
background: transparent;
color: var(--c-olive);
font-size: 11.5px;
font-weight: 700;
min-height: 0;
}
.articles-listing-v2 .content-grid-v2 > .content-card-v2:not(:first-child) .content-card-v2-title {
font-size: 15px;
line-height: 1.3;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.articles-listing-v2 .content-grid-v2 > .content-card-v2:not(:first-child) .content-card-v2-excerpt {
font-size: 12.5px;
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
} @media only screen and (max-width: 767px) {
.blog-listing-v2 .content-grid-v2 {
gap: 12px;
} .blog-listing-v2 .blog-featured-v2 {
margin: 18px 0 22px;
} .blog-listing-v2 .content-grid-v2 > .content-card-v2 {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 12px;
padding: 10px;
}
.blog-listing-v2 .content-grid-v2 > .content-card-v2 .content-card-v2-media {
flex: 0 0 92px;
width: 92px;
height: 92px;
border-radius: 12px;
overflow: hidden;
}
.blog-listing-v2 .content-grid-v2 > .content-card-v2 .content-card-v2-media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-listing-v2 .content-grid-v2 > .content-card-v2 .content-card-v2-body {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
gap: 4px;
padding: 2px 0;
}
.blog-listing-v2 .content-grid-v2 > .content-card-v2 .content-card-v2-date {
font-size: 11.5px;
font-weight: 700;
color: var(--c-olive);
}
.blog-listing-v2 .content-grid-v2 > .content-card-v2 .content-card-v2-title {
font-size: 15px;
line-height: 1.3;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-listing-v2 .content-grid-v2 > .content-card-v2 .content-card-v2-excerpt {
font-size: 12.5px;
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} .blog-listing-v2 .content-grid-v2 > .content-card-v2 .content-card-v2-more {
display: none;
}
} body.single-post .blog-breadcrumbs-v2 {
padding: 14px 0 2px;
} body.single-post .blog-breadcrumbs-v2 .blog-bc-current {
display: inline-block;
max-width: 62vw;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: bottom;
}
body.single-post .the-content > .breadcrumbsSection {
display: none;
} .article-v2-topbar,
.blog-v2-topbar {
display: none;
}
@media only screen and (max-width: 767px) {
.inner-topbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 12px 18px 6px;
background: transparent;
}
.inner-topbar-back {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 600;
color: var(--c-text-2);
text-decoration: none;
}
.inner-topbar-back svg {
width: 16px;
height: 16px;
transform: scaleX(-1); }
.inner-topbar-actions {
display: inline-flex;
align-items: center;
gap: 2px;
}
.inner-topbar-save,
.inner-topbar-share {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
padding: 0;
background: transparent;
border: none;
color: var(--c-text);
cursor: pointer;
}
.inner-topbar-save svg,
.inner-topbar-share svg {
width: 19px;
height: 19px;
}
.inner-topbar-save.is-saved svg path {
fill: currentColor;
}
.inner-topbar-save.is-saved {
color: var(--c-olive);
} .article-v2 .recipe-v2-hero-text .breadcrumbs-v2,
body.single-post .blog-breadcrumbs-v2 {
display: none;
}
}  .woocommerce ul.products li.product-card-v2 .product-card-v2-media span.onsale,
.woocommerce div.product-page-v2 span.onsale {
position: absolute !important;
top: 12px !important;
right: 12px !important;
left: auto !important;
bottom: auto !important;
margin: 0 !important;
transform: none !important;
min-width: 0 !important;
min-height: 0 !important;
width: auto !important;
height: auto !important;
padding: 5px 14px !important;
font-size: 13px !important;
line-height: 20px !important;
border-radius: 22px !important;
background: var(--c-accent);
color: var(--c-white);
z-index: 5;
} .content-card-v2-media:not(:has(img)),
.blog-featured-v2-media:not(:has(img)),
.product-card-v2-media:not(:has(img)) {
display: none !important;
} .recipe-card-v2:not(:has(.content-card-v2-media img)) .content-card-v2-body {
justify-content: center;
align-items: center;
text-align: center;
padding: 32px 20px;
}
.recipe-card-v2:not(:has(.content-card-v2-media img)) .content-card-v2-title {
position: relative;
padding-top: 44px;
}
.recipe-card-v2:not(:has(.content-card-v2-media img)) .content-card-v2-title::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 34px;
height: 34px;
background: url(//mazon-izun.com/wp-content/themes/naked-wordpress-master/images/v2/icon-leaf.svg) center / contain no-repeat;
opacity: 0.9;
} .shop-v2 .page-hero-sub #menu-cat,
.shop-v2 .page-hero-sub .menu-cat-container {
display: none !important;
}
@media only screen and (max-width: 767px) {  html, body { overflow-x: clip !important; max-width: 100% !important; } .container.center.header-con #social,
.container.center.header-con .followUs {
display: none !important;
} body:has([id^="rmp-container"]) nav.site-navigation.main-navigation {
display: none !important;
} #enable-toolbar-trigger {
transform: translateY(-130px) !important;
}
} body.page-template-page-course h1.title {
line-height: 1.2 !important;
}