.elementor-kit-5{--e-global-color-primary:#104F2A;--e-global-color-secondary:#66A11F;--e-global-color-text:#1D2B22;--e-global-color-accent:#F28C28;--e-global-color-yydeep:#0B3A1F;--e-global-color-yycream:#F6F2E7;--e-global-color-yymint:#E9F2DD;--e-global-color-yylime:#C9E36B;--e-global-color-yymuted:#5B6B60;--e-global-color-yywhite:#FFFFFF;--e-global-typography-primary-font-family:"Rubik";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Rubik";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Rubik";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Rubik";--e-global-typography-accent-font-weight:600;background-color:#FFFFFF;color:#1D2B22;font-family:"Rubik", Sans-serif;font-size:17px;line-height:1.6em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#104F2A;font-family:"Rubik", Sans-serif;font-weight:600;color:#FFFFFF;border-radius:999px 999px 999px 999px;padding:16px 30px 16px 30px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:#66A11F;color:#FFFFFF;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:#104F2A;}.elementor-kit-5 a:hover{color:#66A11F;}.elementor-kit-5 h1{color:#104F2A;font-family:"Rubik", Sans-serif;font-size:64px;font-weight:800;line-height:1.08em;}.elementor-kit-5 h2{color:#104F2A;font-family:"Rubik", Sans-serif;font-size:44px;font-weight:800;line-height:1.08em;}.elementor-kit-5 h3{color:#104F2A;font-family:"Rubik", Sans-serif;font-size:26px;font-weight:800;line-height:1.08em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===================== ירוק ירוק — design layer (Site Settings → Custom CSS) ===================== */
:root{
  --yy-dark:#104F2A; --yy-green:#66A11F; --yy-deep:#0B3A1F; --yy-cream:#F6F2E7; --yy-mint:#E9F2DD;
  --yy-lime:#C9E36B; --yy-orange:#F28C28; --yy-muted:#5B6B60; --yy-line:#E6E0CF;
  --yy-leaf:120px 16px 120px 16px;           /* the logo leaf: two round corners, two pointed */
  --yy-leaf-sm:56px 10px 56px 10px;
}
/* no CSS scroll-behavior: the wheel plugin (SmoothScroll) steps scrollTop per frame and CSS smoothing would animate each step; anchors are smoothed in ck-yarok-units/assets/smooth.js */
html{scroll-behavior:auto!important} /* Elementor frontend.css turns it on for no-preference */
html,body{overflow-x:clip}
::selection{background:var(--yy-lime);color:var(--yy-deep)}

/* ---------- Hello theme reset (it paints buttons pink on hover) ---------- */
button:hover,button:focus,[type=button]:hover,[type=button]:focus,[type=submit]:hover,[type=submit]:focus{background-color:var(--yy-green);color:#fff}
a{color:var(--yy-dark)}

/* ---------- shared atoms ---------- */
.yy-pill .elementor-heading-title{display:inline-flex;align-items:center;gap:.4em;padding:7px 16px;border-radius:999px;background:var(--yy-mint);color:var(--yy-dark);font:600 14px/1.2 Rubik,sans-serif;letter-spacing:.01em}
.yy-pill--glass .elementor-heading-title{background:rgba(201,227,107,.14);color:var(--yy-lime);box-shadow:inset 0 0 0 1px rgba(201,227,107,.35)}
.yy-hl{color:var(--yy-lime)}
.yy-hl-green{color:var(--yy-green)}
.yy-hl-dark{color:var(--yy-deep)}
.yy-btn .elementor-button{border-radius:999px;transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}
.yy-btn .elementor-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px rgba(11,58,31,.55)}
.yy-btn .elementor-button-icon svg{width:.85em;height:.85em}
.yy-leaf-shape img,.yy-leaf-shape.e-con{border-radius:var(--yy-leaf)!important;overflow:hidden}

/* ---------- header ---------- */
.elementor-location-header{position:sticky;top:0;z-index:100}
.yy-header.e-con{box-shadow:0 1px 0 var(--yy-line)}
.yy-logo img{display:block}
.yy-nav .elementor-nav-menu--main .elementor-item{border-radius:999px;transition:background-color .2s,color .2s}
.yy-nav .elementor-nav-menu--main .elementor-item:hover,.yy-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{background:var(--yy-mint);color:var(--yy-dark)}
.yy-search form{display:flex;align-items:center;background:var(--yy-mint);border-radius:999px;padding:4px 4px 4px 6px;width:200px}
.yy-search .search-field{border:0!important;background:transparent!important;font:400 15px Rubik,sans-serif;padding:8px 14px!important;outline:none;box-shadow:none!important;flex:1;min-width:0}
.yy-search button{border:0;border-radius:999px;background:var(--yy-dark);color:#fff;font:600 14px Rubik,sans-serif;padding:9px 16px;cursor:pointer}
.yy-search .widget-title{display:none}
.yy-icon-btn .elementor-icon{transition:background-color .2s,color .2s}
.yy-icon-btn .elementor-icon:hover{background:var(--yy-dark)!important;fill:#fff!important;color:#fff!important}
.yy-icon-btn .elementor-icon:hover svg,.yy-icon-btn .elementor-icon:hover svg path{fill:#fff!important}
.yy-cart .elementor-menu-cart__toggle .elementor-button{background:var(--yy-dark);color:#fff;border-radius:999px;padding:11px 18px;font:600 15px Rubik,sans-serif;gap:8px}
.yy-cart .elementor-menu-cart__toggle .elementor-button:hover{background:var(--yy-green)}
.yy-cart .elementor-menu-cart__toggle .elementor-button-icon svg{fill:#fff}
.yy-cart .elementor-button-icon[data-counter]:before{background:var(--yy-lime);color:var(--yy-deep);font-weight:700}
@media (max-width:1300px){.yy-search{display:none}}
@media (max-width:767px){.yy-topbar .elementor-icon-list-item:not(:first-child){display:none!important}.yy-cart .elementor-menu-cart__toggle .elementor-button-text{display:none}}

/* ---------- hero ---------- */
.yy-hero.e-con{position:relative;overflow:clip}
.yy-hero.e-con::after{content:"";position:absolute;inset:auto auto -180px -140px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(102,161,31,.35),rgba(102,161,31,0) 70%);pointer-events:none}
.yy-hero-title .elementor-heading-title{letter-spacing:-.02em}
.yy-hero-media.e-con{position:relative}
.yy-hero-img img{width:100%;aspect-ratio:4/5;object-fit:cover;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.yy-sticker{position:absolute!important;top:34px;right:-26px;width:auto!important;z-index:2}
.yy-sticker .elementor-heading-title{width:132px;height:132px;border-radius:50%;background:var(--yy-lime);color:var(--yy-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:600 17px/1.05 Rubik,sans-serif;transform:rotate(-12deg);box-shadow:0 18px 40px -18px rgba(0,0,0,.55)}
.yy-sticker b{font-size:46px;font-weight:800;line-height:.95}
.yy-hero-facts .elementor-icon-list-items{row-gap:10px}
@media (max-width:767px){.yy-sticker{top:14px;right:8px}.yy-sticker .elementor-heading-title{width:96px;height:96px;font-size:13px}.yy-sticker b{font-size:32px}.yy-hero-img img{aspect-ratio:1/1}}

/* ---------- marquee ---------- */
.yy-marquee.e-con{overflow:hidden}
.yy-marquee__text .elementor-heading-title{white-space:nowrap;font:700 22px/1 Rubik,sans-serif;color:var(--yy-deep)}
.yy-marquee__track{display:inline-flex;animation:yy-marquee 45s linear infinite;will-change:transform}
.yy-marquee__track span{display:inline-flex;align-items:center;padding-inline:22px}
.yy-marquee__track span::after{content:"";width:9px;height:9px;border-radius:9px 2px;background:var(--yy-dark);margin-inline-start:44px;transform:rotate(-20deg)}
@keyframes yy-marquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media (prefers-reduced-motion:reduce){.yy-marquee__track{animation:none}}

/* ---------- category tiles (WooCommerce "Product Categories" widget) ---------- */
.yy-cat-tiles ul.products{display:grid!important;grid-template-columns:repeat(6,1fr);gap:18px;margin:0!important}
.yy-cat-tiles ul.products::before,.yy-cat-tiles ul.products::after{display:none!important}
.yy-cat-tiles ul.products li.product{width:auto!important;margin:0!important;float:none!important}
.yy-cat-tiles li.product-category a{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 14px 20px;border-radius:var(--yy-leaf-sm);background:var(--yy-mint);transition:transform .25s ease,box-shadow .25s ease;text-decoration:none}
.yy-cat-tiles li.product-category:nth-child(6n+2) a{background:#FBEFD9}
.yy-cat-tiles li.product-category:nth-child(6n+3) a{background:#FDE5DD}
.yy-cat-tiles li.product-category:nth-child(6n+4) a{background:#EFEBDD}
.yy-cat-tiles li.product-category:nth-child(6n+5) a{background:#E3F0E6}
.yy-cat-tiles li.product-category:nth-child(6n+6) a{background:#EEF0D6}
.yy-cat-tiles li.product-category a:hover{transform:translateY(-6px);box-shadow:0 22px 40px -24px rgba(16,79,42,.55)}
.yy-cat-tiles li.product-category img{width:78%!important;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;margin:0!important;transition:transform .35s ease}
.yy-cat-tiles li.product-category a:hover img{transform:scale(1.06) rotate(-3deg)}
.yy-cat-tiles .woocommerce-loop-category__title{font:700 19px/1.2 Rubik,sans-serif!important;color:var(--yy-dark)!important;text-align:center;padding:0!important;margin:0!important;display:flex;flex-direction:column;align-items:center;gap:6px}
.yy-cat-tiles .woocommerce-loop-category__title .count{background:rgba(255,255,255,.75);color:var(--yy-muted);font:500 13px Rubik,sans-serif;padding:3px 10px;border-radius:999px}
@media (max-width:1024px){.yy-cat-tiles ul.products{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){.yy-cat-tiles ul.products{grid-template-columns:repeat(2,1fr);gap:12px}}

/* ---------- half kilo ---------- */
.yy-weigh-photo img{max-height:520px;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 62%,transparent 100%)}
.yy-seg .elementor-icon-list-items{display:inline-flex!important;flex-wrap:wrap;gap:6px;background:#fff;padding:6px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--yy-line)}
.yy-seg .elementor-icon-list-item{margin:0!important;padding:12px 22px!important;border-radius:999px;transition:background-color .2s}
.yy-seg .elementor-icon-list-item.is-on,.yy-seg:not(.yy-seg--live) .elementor-icon-list-item:first-child{background:var(--yy-dark)}
.yy-seg .elementor-icon-list-item.is-on .elementor-icon-list-text,.yy-seg:not(.yy-seg--live) .elementor-icon-list-item:first-child .elementor-icon-list-text{color:#fff!important}
.yy-seg .elementor-icon-list-item.is-on .elementor-icon-list-icon svg,.yy-seg:not(.yy-seg--live) .elementor-icon-list-item:first-child .elementor-icon-list-icon svg{fill:var(--yy-lime)!important}
.yy-seg--live .elementor-icon-list-item{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.yy-seg--live .elementor-icon-list-item:not(.is-on):hover{background:#EEF4E6}
.yy-seg--live .elementor-icon-list-item:focus-visible{outline:2px solid var(--yy-green,#66A11F);outline-offset:2px}
.yy-seg .elementor-icon-list-item::after{display:none!important}
/* mobile: 2×2 grid instead of a 3+1 wrap — a wrapped 999px pill let the active chip poke out of the corner (Shaked 28.9) */
@media (max-width:767px){
  .yy-seg .elementor-icon-list-items{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;width:100%;border-radius:24px;padding:6px}
  .yy-seg .elementor-icon-list-item{justify-content:center;padding:12px 10px!important}
}

/* ---------- bento tiles ---------- */
.yy-tile.e-con{position:relative;isolation:isolate;overflow:hidden;transition:transform .35s ease}
.yy-tile.e-con::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(8,44,23,.88) 0%,rgba(8,44,23,.35) 45%,rgba(8,44,23,0) 75%)}
.yy-tile.e-con:hover{transform:translateY(-4px)}
.yy-tile--r.e-con{border-radius:16px 90px 16px 16px}
.yy-tile--l.e-con{border-radius:16px 16px 90px 16px}
/* mobile: the desktop bento (tall leaf + two short tiles, mixed corners) becomes three identical cards (Shaked 28.9) */
@media (max-width:767px){
  .yy-bento .yy-tile.e-con{--min-height:300px;min-height:300px!important;padding:24px!important;border-radius:22px 72px 22px 22px!important}
  .yy-bento .yy-tile h3.elementor-heading-title{font-size:26px!important;line-height:1.1!important}}

/* ---------- how it works ---------- */
.yy-steps.e-con{position:relative}
.yy-steps.e-con::before{content:"";position:absolute;top:42px;right:16.5%;left:16.5%;width:auto;height:0;border-top:2px dashed rgba(16,79,42,.25);background:none}
.yy-step__num .elementor-heading-title{width:84px;height:84px;display:flex;align-items:center;justify-content:center;border-radius:42px 10px 42px 10px;background:var(--yy-dark);color:var(--yy-lime);font:800 36px Rubik,sans-serif;position:relative;z-index:1;box-shadow:0 0 0 8px var(--yy-cream)}
.yy-step:nth-child(2) .yy-step__num .elementor-heading-title{background:var(--yy-green);color:#fff}
.yy-step:nth-child(3) .yy-step__num .elementor-heading-title{background:var(--yy-lime);color:var(--yy-deep)}
@media (max-width:767px){.yy-steps.e-con::before{display:none}}

/* ---------- CTA ---------- */
.yy-cta.e-con{position:relative;overflow:visible;background-image:radial-gradient(circle at 12% 120%,rgba(201,227,107,.55),transparent 45%),radial-gradient(circle at 90% -20%,rgba(16,79,42,.5),transparent 50%)}

/* ---------- footer ---------- */
.yy-footer .elementor-icon-list-item a{transition:color .2s}
.yy-footer .elementor-icon-list-item a:hover .elementor-icon-list-text{color:#fff!important}

.yy-cart .elementor-menu-cart__toggle .elementor-button.is-pop{animation:yyb-pop .45s cubic-bezier(.34,1.56,.64,1)}
.yy-nav .elementor-nav-menu{flex-wrap:nowrap!important}.yy-nav .elementor-nav-menu--main .elementor-item{white-space:nowrap}
.yy-nav{min-width:0;flex:1 1 auto}.yy-actions.e-con{--width:auto;width:auto!important;flex:0 0 auto!important}.yy-logo{flex:0 0 auto!important}
.yy-cta .elementor-button,.yy-btn .elementor-button{white-space:nowrap}
.yy-cart .elementor-button-icon-qty{background:var(--yy-lime)!important;color:var(--yy-deep)!important;font-weight:700!important}

/* ---------- product cards — everywhere (home widget, shop, categories): soft image tile, no card chrome ---------- */
.yy-products ul.products,body.woocommerce ul.products:not(:has(.product-category)){display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:20px;row-gap:34px;margin:0 0 30px!important}
.yy-products ul.products::before,.yy-products ul.products::after,body.woocommerce ul.products::before,body.woocommerce ul.products::after{display:none!important}
ul.products li.product:not(.product-category){position:relative;width:auto!important;margin:0!important;padding:0!important;float:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;background:transparent;border:0;text-align:start}
ul.products li.product a.woocommerce-LoopProduct-link{display:flex!important;flex-direction:column!important;text-decoration:none;width:100%}
.yy-thumb{position:relative;aspect-ratio:1;border-radius:22px;background:#F3F2EE;display:grid;place-items:center;overflow:hidden;margin-bottom:12px;transition:background-color .3s ease}
.yy-thumb img{width:82%!important;height:82%!important;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.05) saturate(1.06);margin:0!important;border-radius:0!important;position:relative;z-index:1;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
ul.products li.product:hover .yy-thumb{background:#ECEBE5}
ul.products li.product:hover .yy-thumb img{transform:scale(1.06) translateY(-4px)}
.yy-card-cat{display:block;font:400 13.5px/1.3 Rubik,sans-serif;color:#7C857F;margin:0 2px 3px}
ul.products li.product .woocommerce-loop-product__title{font:500 17px/1.3 Rubik,sans-serif!important;color:#18231C!important;padding:0 2px!important;margin:0 0 4px!important}
ul.products li.product .price{font:700 17px Rubik,sans-serif!important;color:#18231C!important;padding:0 2px;margin:0 0 10px!important;display:block}
ul.products li.product .price .cky-per{color:#7C857F;font-weight:400;font-size:13.5px}
ul.products li.product .price del{color:#9AA39C;font-weight:400}
ul.products li.product .onsale{position:absolute;top:12px;right:12px;left:auto;z-index:2;margin:0;min-height:0;min-width:0;line-height:1;padding:7px 12px;border-radius:999px;background:var(--yy-dark);color:#fff;font:600 13px Rubik,sans-serif}
@media (max-width:1280px){.yy-products ul.products,body.woocommerce ul.products:not(:has(.product-category)){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1024px){.yy-products ul.products,body.woocommerce ul.products:not(:has(.product-category)){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.yy-products ul.products,body.woocommerce ul.products:not(:has(.product-category)){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:26px}.yy-thumb{border-radius:18px}ul.products li.product .woocommerce-loop-product__title{font-size:15px!important}}
.yy-thumb::after{content:"";position:absolute;z-index:0;bottom:10%;left:20%;right:20%;height:9%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(40,40,30,.18),rgba(40,40,30,0) 70%);transition:transform .45s ease,opacity .45s}ul.products li.product:hover .yy-thumb::after{transform:scale(.88);opacity:.7}
.yy-thumb--photo img{width:100%!important;height:100%!important;object-fit:cover;mix-blend-mode:normal;filter:none}.yy-thumb--photo::after{display:none}ul.products li.product:hover .yy-thumb--photo img{transform:scale(1.05)}

/* ---------- hero stage: floating produce on a giant lime leaf (the logo leaf, tip up-right) ---------- */
.yy-hero-stage.e-con{position:relative;display:flex;align-items:center;justify-content:center;min-height:560px}
.yy-hero-stage.e-con::before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:min(96%,560px);aspect-ratio:1;border-radius:100% 0 100% 0;
  background:radial-gradient(circle at 30% 70%,#DCEF8C 0%,#C9E36B 45%,#9FC33F 100%);transform:translate(-50%,-50%) rotate(-6deg);
  box-shadow:0 0 0 22px rgba(201,227,107,.10),0 0 0 50px rgba(201,227,107,.05)}
.yy-hero-stage.e-con::after{content:"";position:absolute;z-index:0;left:50%;top:50%;width:min(70%,410px);height:4px;border-radius:4px;background:rgba(16,79,42,.16);transform:translate(-50%,-50%) rotate(-51deg)}
.yy-hero-produce{position:relative;z-index:1;width:78%!important;max-width:440px}
.yy-hero-produce img{width:100%;filter:drop-shadow(0 34px 38px rgba(0,0,0,.38));animation:yy-bob 7s ease-in-out infinite}
@keyframes yy-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1.5deg)}}
.yy-hero-stage .yy-sticker{top:6%;right:2%;z-index:2}

/* ---------- floating ingredients on the section seams (like MZG): cropped by the screen edge ---------- */
.yy-fl{position:absolute!important;z-index:4;pointer-events:none;width:clamp(110px,11vw,190px)!important;max-width:none!important;margin:0!important;animation:yy-float 9s ease-in-out infinite}
.yy-fl img{width:100%!important;height:auto;filter:drop-shadow(0 16px 22px rgba(0,0,0,.2))}
@keyframes yy-float{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-12px) rotate(calc(var(--r,0deg) + 4deg))}}
@supports (animation-timeline:view()){
  .yy-fl img{animation:yy-par linear both;animation-timeline:view();animation-range:cover}
  @keyframes yy-par{from{translate:0 36px}to{translate:0 -36px}}
}
.yy-fl--basil{top:4%;left:-70px;width:clamp(170px,17vw,290px)!important;--r:-18deg;filter:blur(2.5px);opacity:.95;animation-duration:11s}
.yy-fl--lemon{top:48px;right:-46px;--r:14deg}
.yy-fl--tomato{top:-86px;left:-40px;--r:-10deg;animation-duration:10s}
.yy-fl--lettuce{top:-104px;right:-28px;--r:22deg;animation-duration:12s}
.yy-fl--mint{top:-84px;left:-46px;--r:-16deg}
.yy-fl--parsley{top:-112px;left:-40px;--r:-10deg;animation-duration:10.5s}
@media (max-width:1024px){.yy-hero-stage.e-con{min-height:440px}}
@media (max-width:767px){
  .yy-fl{width:92px!important}
  .yy-fl--basil{width:130px!important;left:-54px;top:auto;bottom:34%}
  .yy-fl--tomato,.yy-fl--mint,.yy-fl--lettuce{display:none}
  .yy-hero-stage.e-con{min-height:360px}
}
@media (prefers-reduced-motion:reduce){.yy-fl,.yy-fl img,.yy-hero-produce img{animation:none}}

/* ---------- rotating badge (Text Path widget around the logo leaf) ---------- */
.yy-badge.e-con{position:absolute!important;z-index:3;top:3%;right:1%;width:152px!important;height:152px;border-radius:50%;background:#0B3A1F;display:grid!important;place-items:center;padding:0!important;
  box-shadow:0 22px 44px -18px rgba(0,0,0,.65),0 0 0 7px rgba(201,227,107,.16)}
.yy-badge.e-con > .elementor-widget{position:absolute!important;left:50%;top:50%;margin:0!important;width:auto!important;translate:-50% -50%}
.yy-badge__ring svg{width:136px!important;height:136px!important;display:block}
.yy-badge__ring{animation:yy-spin 24s linear infinite}
.yy-badge__ring .e-text-path,.yy-badge__ring svg{overflow:visible}
.yy-badge__leaf img{width:58px!important;height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35));transform:rotate(-8deg)}
@keyframes yy-spin{to{transform:rotate(360deg)}}
@media (max-width:767px){.yy-badge.e-con{width:112px!important;height:112px;top:0;right:0}.yy-badge__ring{transform:scale(.74)}.yy-badge__ring{animation:none}.yy-badge__leaf img{width:44px!important}}
@media (prefers-reduced-motion:reduce){.yy-badge__ring{animation:none}}

/* ---------- hero v3: full-bleed field photo, text on the dark side ---------- */
.yy-hero--photo.e-con::after{display:none}
.yy-hero--photo .yy-hero-title .elementor-heading-title{text-shadow:0 2px 24px rgba(0,0,0,.25)}
.yy-hero--photo .yy-hero-copy{position:relative;z-index:1}
@media (min-width:1025px){.yy-hero--photo.e-con{background-attachment:scroll}}
@media (max-width:767px){
  .yy-hero--photo.e-con::before{background-image:linear-gradient(0deg,rgba(11,58,31,.97) 38%,rgba(11,58,31,.55) 70%,rgba(11,58,31,.15) 100%)!important;opacity:1!important}
}

/* ---------- about: the boy's herb notebook ---------- */
.yy-fl--basil2{top:-96px;right:-52px;width:clamp(130px,13vw,210px)!important;--r:-14deg;animation-duration:11s}
.yy-herb.e-con{background:#F3F2EE;border-radius:22px;text-decoration:none;transform:rotate(-1.6deg);transition:transform .35s cubic-bezier(.34,1.56,.64,1),background-color .25s,box-shadow .3s}
.yy-herb.e-con:nth-child(even){transform:rotate(1.4deg)}
.yy-herb.e-con:nth-child(3n){transform:rotate(-.6deg)}
.yy-herb.e-con:hover{transform:rotate(0) translateY(-6px);background:#E9F2DD;box-shadow:0 18px 34px -22px rgba(16,79,42,.55)}
.yy-herb__img img{width:100%!important;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.05);transition:transform .4s ease}
.yy-herb.e-con:hover .yy-herb__img img{transform:scale(1.07) rotate(-3deg)}
.yy-herb__label .elementor-heading-title{letter-spacing:.5px}
.yy-quote{position:relative;background:#F1F7E8;border-radius:18px 4px 4px 18px;border-right:4px solid #66A11F;padding:18px 22px 18px 24px}
.yy-quote p{margin:0}
.yy-quote strong{color:#0B3A1F;font-weight:800}
.yy-motto .elementor-heading-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font:800 46px/1.05 Rubik,sans-serif;color:#104F2A;margin-top:10px}
.yy-motto span:nth-child(even){color:#66A11F}
.yy-motto span:not(:last-child)::after{content:"";display:inline-block;width:12px;height:12px;margin-inline-start:18px;border-radius:12px 2px;background:#C9E36B;transform:rotate(-20deg) translateY(-6px)}
.yy-service b{color:#104F2A;font-weight:800}
@media (max-width:767px){.yy-motto .elementor-heading-title{font-size:32px;gap:4px 12px}.yy-motto span:not(:last-child)::after{margin-inline-start:12px}.yy-fl--basil2{display:none}}
@media (max-width:767px){.yy-herbs.e-con{order:2;gap:10px!important}.yy-herb.e-con{width:calc(33.333% - 7px)!important;padding:10px 6px 12px!important;border-radius:16px}.yy-herb__label .elementor-heading-title{font-size:20px!important}}
/* hero v3 — desktop: solid backing behind the whole text column, soft fade toward the crate, bottom vignette */
@media (min-width:768px){
  .yy-hero--photo.e-con::before{opacity:1!important;background-image:
    linear-gradient(0deg,rgba(11,58,31,.4) 0%,rgba(11,58,31,0) 26%),
    linear-gradient(270deg,rgba(11,58,31,.84) 0%,rgba(11,58,31,.76) 36%,rgba(11,58,31,.52) 50%,rgba(11,58,31,.18) 64%,rgba(11,58,31,0) 76%)!important}
}
/* about v2: photo beside the story, herb notebook row below */
.yy-about-img img{width:100%!important;aspect-ratio:4/5;object-fit:cover;border-radius:28px 120px 28px 28px;box-shadow:0 30px 60px -34px rgba(11,58,31,.55)}
.yy-herbs-title .elementor-heading-title{margin-bottom:-26px}
@media (max-width:1024px){.yy-herb.e-con{width:calc(33.333% - 11px)!important}}
@media (max-width:767px){.yy-about-img img{aspect-ratio:4/3;border-radius:22px 80px 22px 22px}.yy-herbs-title .elementor-heading-title{margin-bottom:-30px}}

/* ---------- marquee as a tilted ribbon crossing a dark ribbon (X) between the hero and the categories ---------- */
.yy-marquee.e-con{position:relative;z-index:6;overflow:visible!important;--width:calc(100% + 120px);width:calc(100% + 120px)!important;max-width:none!important;margin:-34px -60px -18px!important;transform:rotate(-2.4deg);box-shadow:0 14px 30px -14px rgba(11,58,31,.45);padding-block:16px!important}
.yy-marquee.e-con::before{content:"";position:absolute;z-index:-1;inset:0;background:#104F2A;transform:rotate(4.2deg);box-shadow:0 10px 24px -12px rgba(0,0,0,.4)}
.yy-marquee.e-con::after{content:"";position:absolute;z-index:-1;inset:0;background:#C9E36B}
.yy-marquee__text{overflow:hidden}
.yy-marquee__text .elementor-heading-title{font-size:24px}
.yy-cats.e-con{padding-top:120px!important}
@media (max-width:767px){.yy-marquee.e-con{margin:-24px -60px -10px!important;transform:rotate(-3deg);padding-block:12px!important}.yy-marquee__text .elementor-heading-title{font-size:19px}.yy-cats.e-con{padding-top:84px!important}}
.yy-cat-tiles li.product-category img{border-radius:20px!important;box-shadow:none!important;object-fit:cover!important}
.yy-hero--photo.e-con{--min-height:min(86vh,820px);min-height:min(86vh,820px)!important}@media (max-width:767px){.yy-hero--photo.e-con{--min-height:640px;min-height:640px!important}}

/* ===================== single product page ===================== */
.yy-crumbs .woocommerce-breadcrumb{font:400 14px Rubik,sans-serif;color:#7C857F;margin:0}
.yy-crumbs .woocommerce-breadcrumb a{color:#5B6B60;text-decoration:none}
.yy-crumbs .woocommerce-breadcrumb a:hover{color:#104F2A}
/* image in the same soft tile as the grid */
.yy-pimg .woocommerce-product-gallery{position:relative;width:100%!important;margin:0!important;opacity:1!important}
.yy-pimg .woocommerce-product-gallery__wrapper{margin:0!important}
.yy-pimg .woocommerce-product-gallery__image{position:relative;aspect-ratio:1;border-radius:30px;background:#F3F2EE;display:grid!important;place-items:center;overflow:hidden}
.yy-pimg .woocommerce-product-gallery__image > a{display:grid;place-items:center;width:100%;height:100%}
.yy-pimg .woocommerce-product-gallery__image img{width:78%!important;height:78%!important;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.05);position:relative;z-index:1}
.yy-pimg .woocommerce-product-gallery__image::after{content:"";position:absolute;bottom:9%;left:22%;right:22%;height:8%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(40,40,30,.2),rgba(40,40,30,0) 70%)}
.yy-product-photo .yy-pimg .woocommerce-product-gallery__image img{width:100%!important;height:100%!important;object-fit:cover;mix-blend-mode:normal;filter:none}
.yy-product-photo .yy-pimg .woocommerce-product-gallery__image::after{display:none}
.yy-pimg .woocommerce-product-gallery__trigger,.yy-pimg .flex-control-nav{display:none!important}
.yy-pimg .onsale{top:18px!important;right:18px!important;left:auto!important;z-index:3;border-radius:999px!important;background:#104F2A!important;color:#fff!important;padding:7px 14px!important;font:600 14px Rubik,sans-serif!important;min-height:0!important;line-height:1!important}
@media (min-width:1025px){.yy-pp-media.e-con{position:sticky;top:110px}}
/* info column */
.yy-pp-info.e-con{padding-top:12px!important}
.yy-prod-cat{display:inline-flex;padding:6px 14px;border-radius:999px;background:#E9F2DD;color:#104F2A;font:600 14px Rubik,sans-serif;text-decoration:none}
.yy-prod-cat:hover{background:#104F2A;color:#fff}
.yy-pp-title .elementor-heading-title,.yy-pp-title .product_title{margin:0}
.yy-pp-buy .yyb--page{margin:6px 0 4px;max-width:480px}
.yy-perks .elementor-icon-list-items{gap:8px}
.yy-perks .elementor-icon-list-item{background:#F6F2E7;border-radius:999px;padding:7px 14px!important;margin:0!important}
.yy-perks .elementor-icon-list-item::after{display:none!important}
/* related */
.yy-pp-related section.related{margin:0!important;padding:0!important}
.yy-pp-related section.related > h2{display:none}
.yy-pp-related ul.products li.product:not(.product-category){background:transparent}
/* mobile: Wolt-style sticky buy bar */
@media (max-width:767px){
  .yy-pp-title .elementor-heading-title{font-size:30px!important}
  .single-product .yyb--page .yyb__row{position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;padding:10px 14px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px -12px rgba(11,58,31,.3);gap:10px}
  .single-product .yyb--page .yyb__step{flex:0 0 138px}
  .single-product .elementor-location-footer{padding-bottom:78px}
  body.single-product .ckc-fab{bottom:calc(86px + env(safe-area-inset-bottom))!important}
}
.yy-pp-related .related > h2,.yy-pp-related .products-heading,.yy-pp-related .elementor-widget-woocommerce-product-related h2:not(.woocommerce-loop-product__title){display:none!important}
/* ribbon v2: gentler angle + longer, so its ends never reveal what is underneath */
.yy-marquee.e-con{--width:calc(100% + 260px);width:calc(100% + 260px)!important;margin:-26px -130px -14px!important;transform:rotate(-1.3deg)}
.yy-marquee.e-con::before{transform:rotate(2.2deg)}
@media (max-width:767px){.yy-marquee.e-con{margin:-20px -130px -8px!important;transform:rotate(-1.8deg)}.yy-marquee.e-con::before{transform:rotate(2.6deg)}}
/* category tile count pill */
.yy-cat-tiles .yy-cat-count{display:inline-flex;align-items:center;gap:6px;margin-top:2px;padding:4px 11px 4px 12px;border-radius:999px;background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(16,79,42,.08);color:#4A5A4F;font:500 13px/1.2 Rubik,sans-serif;transition:background-color .25s,color .25s}
.yy-cat-tiles .yy-cat-count::before{content:"";width:7px;height:7px;border-radius:7px 1px;background:#66A11F;transform:rotate(-20deg)}
.yy-cat-tiles li.product-category a:hover .yy-cat-count{background:#104F2A;color:#fff}
.yy-cat-tiles li.product-category a:hover .yy-cat-count::before{background:#C9E36B}
/* scale photo: fade all four edges into the section (its cream darkens toward the right edge) */
.yy-weigh-photo img{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%);mask-composite:intersect}
/* weigh stage — 4 stacked photos, the pills crossfade between them (assets/weigh.js) */
.yy-weigh-stage{position:relative}
.yy-weigh-stage .yy-weigh-photo{transition:opacity .45s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.yy-weigh-stage .yy-weigh-photo:not(.is-active){opacity:0;transform:scale(.96);pointer-events:none}
.yy-weigh-stage .yy-weigh-alt{position:absolute!important;inset:0;margin:0!important;width:100%!important}
.yy-weigh-stage .yy-weigh-alt .elementor-widget-container,.yy-weigh-stage .yy-weigh-alt img{height:100%;width:100%}
@media (prefers-reduced-motion:reduce){.yy-weigh-stage .yy-weigh-photo{transition:opacity .2s linear;transform:none!important}}
/* how-it-works timeline (assets/timeline.js adds .yy-tl — without it the section stays static) */
.yy-steps.yy-tl::after{content:"";position:absolute;z-index:0;top:40px;right:16.5%;width:67%;height:4px;border-radius:4px;background:linear-gradient(to left,var(--yy-dark),var(--yy-green) 50%,var(--yy-lime));transform-origin:100% 50%;transform:scaleX(var(--p,0));box-shadow:0 0 12px rgba(102,161,31,.35)}
.yy-tl-truck{position:absolute;z-index:0;top:10px;right:calc(16.5% + var(--p,0) * 67%);width:36px;height:29px;transform:translateX(50%) scaleX(-1);background:var(--yy-dark);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h16c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h16c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
.yy-steps.is-moving .yy-tl-truck{animation:yy-bump .16s ease-in-out infinite alternate}
@keyframes yy-bump{to{margin-top:-2px}}
.yy-tl .yy-step__num .elementor-heading-title{transform:scale(.6) rotate(-14deg);opacity:.45;filter:grayscale(1);transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .35s ease,filter .45s ease}
.yy-tl .yy-step.is-on .yy-step__num .elementor-heading-title{transform:none;opacity:1;filter:none}
.yy-tl .yy-step.is-on .yy-step__num .elementor-heading-title::after{content:"";position:absolute;inset:0;border-radius:inherit;animation:yy-ping .9s ease-out 1}
@keyframes yy-ping{from{box-shadow:0 0 0 0 rgba(102,161,31,.55)}to{box-shadow:0 0 0 22px rgba(102,161,31,0)}}
.yy-tl .yy-step .elementor-widget-heading:not(.yy-step__num),.yy-tl .yy-step .elementor-widget-text-editor{opacity:0;transform:translateY(16px);transition:opacity .5s ease .12s,transform .6s cubic-bezier(.2,.8,.2,1) .12s}
.yy-tl .yy-step .elementor-widget-text-editor{transition-delay:.22s}
.yy-tl .yy-step.is-on .elementor-widget-heading:not(.yy-step__num),.yy-tl .yy-step.is-on .elementor-widget-text-editor{opacity:1;transform:none}
@media (max-width:767px){
  .yy-tl-truck,.yy-steps.yy-tl::after{display:none}
  .yy-tl .yy-step:not(:last-child)::after{content:"";display:block;width:3px;height:34px;margin-top:4px;border-radius:3px;background:linear-gradient(var(--yy-green),var(--yy-lime));transform:scaleY(0);transform-origin:50% 0;transition:transform .5s ease .35s}
  .yy-tl .yy-step.is-on:not(:last-child)::after{transform:scaleY(1)}
}
/* header row: the icon widget's wrapper inherits line-height (50px box, 42px circle on top) — collapse it so all controls share one centre line */
.yy-icon-btn .elementor-icon-wrapper{display:flex;line-height:0}
/* header cart: Pro's default hover text is grey — on the green hover it vanished */
.yy-cart .elementor-menu-cart__toggle .elementor-button:hover,.yy-cart .elementor-menu-cart__toggle .elementor-button:hover .elementor-button-text,.yy-cart .elementor-menu-cart__toggle .elementor-button:hover .woocommerce-Price-amount{color:#fff!important}
.yy-cart .elementor-menu-cart__toggle .elementor-button:hover svg{fill:#fff!important}
/* optical centring: the leaf adds height on top only, so the lettering reads low next to the menu */
.elementor-location-header .elementor-widget-theme-site-logo img{transform:translateY(-3px)}
/* header search icon: only where the search field itself is hidden (see .yy-search at 1300px) — opens #yys */
.yy-search-btn{display:none}
@media (max-width:1300px){.yy-search-btn{display:block}}
/* ≤1024 (Shaked, 28.9): burger at the top right · logo dead centre · search/account/cart on the left.
   3-column grid (1fr auto 1fr) keeps the logo centred on the screen whatever the side widths; every control is one
   size --hb that scales with the viewport. The burger opens the #yym drawer (ck-yarok-units/mobile-menu.php);
   Elementor's own dropdown is never shown. Don't set display on the toggle itself. */
@media (max-width:1024px){
  .yy-header.e-con{--hb:clamp(30px,9.4vw,44px);--hg:clamp(3px,1.2vw,8px);padding-inline:clamp(10px,3.2vw,18px)!important}
  /* v2 (Shaked: "not balanced"): search moved next to the burger ⇒ 2 controls on each side of the logo.
     The actions container dissolves (display:contents) so its widgets become cells of this grid. */
  .yy-header .e-con-inner{display:grid!important;grid-template-columns:auto auto 1fr auto 1fr auto auto;align-items:center;gap:var(--hg)!important}
  .yy-header .yy-actions.e-con{display:contents!important}
  .yy-header .yy-nav{grid-area:1/1;min-width:0;width:auto!important}
  .yy-header .yy-search-btn{grid-area:1/2}
  .yy-header .yy-logo{grid-area:1/4;justify-self:center;width:auto!important}
  .yy-header .yy-logo img{width:clamp(84px,27vw,130px)!important;height:auto}
  .yy-header .yy-icon-btn:not(.yy-search-btn){grid-area:1/6}
  .yy-header .yy-cart{grid-area:1/7}
  .yy-header .yy-search,.yy-header .yy-actions .elementor-widget{margin:0!important;width:auto!important}
  .yy-nav .elementor-nav-menu--dropdown{display:none!important}
  .yy-nav .elementor-menu-toggle{width:var(--hb);height:var(--hb);padding:0!important;border-radius:30%!important;background:var(--yy-dark)!important;color:#fff!important;box-shadow:0 8px 18px -10px rgba(11,58,31,.7);transition:transform .2s}
  .yy-nav .elementor-menu-toggle svg{fill:#fff!important;width:52%;height:52%}
  .yy-nav .elementor-menu-toggle:active{transform:scale(.94)}
  .yy-header .yy-icon-btn .elementor-icon{width:var(--hb);height:var(--hb);padding:0!important;display:inline-flex;align-items:center;justify-content:center}
  .yy-header .yy-icon-btn .elementor-icon svg{width:42%;height:42%}
  .yy-cart .elementor-menu-cart__toggle .elementor-button{width:var(--hb);height:var(--hb);min-height:0;padding:0!important;justify-content:center;border-radius:50%!important;position:relative}
  .yy-cart .elementor-menu-cart__toggle .elementor-button-icon{font-size:calc(var(--hb) * .44);margin:0}
  .yy-cart .elementor-menu-cart__toggle .elementor-button-icon svg{width:1em;height:1em}
  .yy-cart .elementor-menu-cart__toggle .elementor-button-text{display:none}
}/* End custom CSS */