/* Realleaf group 11 (staging). Prefix html body:not(#rlfx) beats bundle + inline blocks. */
:root{--rlfx-g:#0B6B3A;--rlfx-gd:#06301F;--rlfx-line:#CFE0D4;--rlfx-mute:#5E7466}

/* ---- Tap: no double-tap delay, no sticky hover on touch ---- */
html{touch-action:manipulation;-webkit-tap-highlight-color:rgb(11 107 58/.12)}
a,button,summary,label,[role=button],input,select,textarea{touch-action:manipulation}
@media (hover:none){html body:not(#rlfx) .rl-product-card:hover,html body:not(#rlfx) .rl-product-card:hover .rl-product-card__media img{transform:none!important}}

/* ---- 1. Breadcrumbs: home › category, one muted line ---- */
html body:not(#rlfx) nav.woocommerce-breadcrumb.rlfx-bc{display:flex!important;align-items:center;gap:6px;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;font-size:.78rem!important;line-height:1.4;color:var(--rlfx-mute)!important;margin:6px 0 10px!important;padding:0!important;background:none!important;border:0!important;min-height:0!important}
html body:not(#rlfx) .rlfx-bc a{color:var(--rlfx-mute)!important;text-decoration:none;font-weight:500!important;display:inline-flex;align-items:center;min-height:28px}
html body:not(#rlfx) .rlfx-bc a:hover{color:var(--rlfx-g)!important}
html body:not(#rlfx) .rlfx-bc .rlfx-bc__sep{opacity:.55;font-size:.9em}
html body:not(#rlfx) .rlfx-bc .rlfx-bc__cur{overflow:hidden;text-overflow:ellipsis;min-width:0;color:#8A9C90}
html body:not(#rlfx) .rlfx-bc svg{width:16px;height:16px}

/* ---- 2/5. One delicate stepper everywhere ---- */
html body:not(#rlfx) .rl-product-card__media::after{content:none!important;display:none!important}
html body:not(#rlfx) .rl-qty__value::after{content:none!important}
/* state: not in cart -> only the add button; in cart -> only the pill */
html body:not(#rlfx) .rl-qty[data-rl-quantity]:not([data-quantity="0"]) .rl-qty__add{display:none!important}
html body:not(#rlfx) .rl-qty[data-rl-quantity][data-quantity="0"] .rl-qty__pill{display:none!important}
html body:not(#rlfx) .rl-qty--card[data-quantity="0"] .rl-qty__add{display:inline-grid!important;place-items:center}
/* the pill */
html body:not(#rlfx) .rl-qty .rl-qty__pill{display:inline-flex!important;align-items:center;justify-content:space-between;direction:rtl;gap:0;height:40px!important;min-height:40px!important;width:auto;min-width:118px;padding:0 3px!important;border:1px solid var(--rlfx-line)!important;border-radius:999px!important;background:#fff!important;box-shadow:0 1px 3px rgb(6 48 31/.06)!important}
html body:not(#rlfx) .rl-qty .rl-qty__pill .rl-qty__btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:50%!important;border:0!important;background:#EEF6F0!important;color:var(--rlfx-g)!important;display:inline-grid!important;place-items:center!important;box-shadow:none!important;position:relative}
html body:not(#rlfx) .rl-qty .rl-qty__pill .rl-qty__btn::before{content:"";position:absolute;inset:-4px}
html body:not(#rlfx) .rl-qty .rl-qty__pill .rl-qty__btn svg{width:15px!important;height:15px!important}
html body:not(#rlfx) .rl-qty .rl-qty__pill .rl-qty__btn:disabled{opacity:.45}
html body:not(#rlfx) .rl-qty .rl-qty__value{min-width:34px!important;width:auto!important;height:32px!important;padding:0 4px!important;border:0!important;background:none!important;font-weight:700!important;font-size:.95rem!important;color:var(--rlfx-gd)!important;box-shadow:none!important}
/* card: compact pill, round add */
html body:not(#rlfx) .rl-qty--card .rl-qty__pill{height:36px!important;min-height:36px!important;min-width:104px}
html body:not(#rlfx) .rl-qty--card .rl-qty__pill .rl-qty__btn{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}
html body:not(#rlfx) .rl-qty--card .rl-qty__add{width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important;background:var(--rlfx-g)!important;color:#fff!important;border:0!important;box-shadow:0 2px 6px rgb(6 48 31/.18)!important}
/* product page: delicate add button + 130px pill */
html body:not(#rlfx) .rl-qty--lg .rl-qty__pill{min-width:132px;max-width:140px}
html body:not(#rlfx) .rl-qty--lg .rl-qty__add{height:44px!important;min-height:44px!important;padding:0 22px!important;border-radius:999px!important;background:var(--rlfx-g)!important;color:#fff!important;border:0!important;font-weight:700!important;font-size:.95rem!important;box-shadow:0 2px 8px rgb(6 48 31/.14)!important;display:inline-flex;align-items:center;gap:8px;width:auto!important}
html body:not(#rlfx) .rl-qty--lg .rl-qty__add svg{width:16px!important;height:16px!important}
/* search results: reserve width so the title never gets squeezed; + morphs in place */
html body:not(#rlfx) li.rl-search-item{display:grid!important;grid-template-columns:minmax(0,1fr) 108px!important;align-items:center;gap:8px}
html body:not(#rlfx) li.rl-search-item .rl-qty{justify-self:end;width:108px;display:flex;justify-content:flex-end}
html body:not(#rlfx) li.rl-search-item .rl-qty__pill{min-width:104px;height:36px!important;min-height:36px!important}
html body:not(#rlfx) li.rl-search-item .rl-qty__pill .rl-qty__btn{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}
html body:not(#rlfx) li.rl-search-item .rl-qty__add{width:36px!important;height:36px!important;min-width:36px!important}
html body:not(#rlfx) li.rl-search-item .rl-search-item__link{min-width:0}

/* ---- 7. Sticky product bar: slim, symmetric stepper ---- */
html body:not(#rlfx) .rl8-buybar{min-height:60px!important;padding:8px 12px!important;gap:10px!important;box-shadow:0 -4px 14px rgb(6 48 31/.08)!important;border-top:1px solid #E3EFE6!important;background:#fff!important;align-items:center}
html body:not(#rlfx) .rl8-buybar__img img{width:40px!important;height:40px!important;border-radius:10px!important;object-fit:cover}
html body:not(#rlfx) .rl8-buybar__info{min-width:0;display:flex;flex-direction:column;gap:1px}
html body:not(#rlfx) .rl8-buybar__info b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85rem!important;font-weight:700!important;display:block}
html body:not(#rlfx) .rl8-buybar__price{font-size:.95rem!important;font-weight:800!important;color:var(--rlfx-gd)!important}
html body:not(#rlfx) .rl10-step{display:inline-flex!important;align-items:center;direction:rtl;flex:none}
html body:not(#rlfx) .rl10-step__add{height:40px!important;padding:0 18px!important;border-radius:999px!important;font-size:.9rem!important;font-weight:700!important;background:var(--rlfx-g)!important;color:#fff!important;border:0!important;box-shadow:none!important}
html body:not(#rlfx) .rl10-step:not(.is-open) :is(.rl10-step__b,.rl10-step__v){display:none!important}
html body:not(#rlfx) .rl10-step.is-open .rl10-step__add{display:none!important}
html body:not(#rlfx) .rl10-step.is-open{height:40px;min-width:126px;justify-content:space-between;padding:0 4px;border:1px solid var(--rlfx-line);border-radius:999px;background:#fff}
html body:not(#rlfx) .rl10-step.is-open .rl10-step__b{display:inline-grid!important;place-items:center;width:32px!important;height:32px!important;min-width:32px!important;border-radius:50%!important;border:0!important;background:#EEF6F0!important;color:var(--rlfx-g)!important;font-size:1.15rem!important;font-weight:600!important;line-height:1!important;box-shadow:none!important;position:relative}
html body:not(#rlfx) .rl10-step__b::before{content:"";position:absolute;inset:-4px}
html body:not(#rlfx) .rl10-step__minus svg{display:none!important}
html body:not(#rlfx) .rl10-step__minus i{display:inline!important;font-style:normal}
html body:not(#rlfx) .rl10-step__v{min-width:30px;text-align:center;font-weight:700;color:var(--rlfx-gd)}
html.rl8-has-buybar body:not(#rlfx) .rl-site-footer{padding-bottom:calc(140px + env(safe-area-inset-bottom))!important}

/* ---- 4/6. Product page: single rating, compact trust, no meta noise ---- */
html body:not(#rlfx).single-product .woocommerce-product-rating{display:none!important}
html body:not(#rlfx).single-product .product_meta{display:none!important}
html body:not(#rlfx).single-product .rl-trust{display:none!important}
html body:not(#rlfx) .rl6-benefits{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:12px 0!important;padding:0!important;list-style:none}
html body:not(#rlfx) .rl6-benefits li{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:4px!important;padding:8px 4px!important;background:#F4F9F5!important;border:0!important;border-radius:12px!important;box-shadow:none!important;min-height:0!important}
html body:not(#rlfx) .rl6-benefits .rl6-ic-badge{width:30px!important;height:30px!important;min-width:30px!important;background:#fff!important;border-radius:50%;display:grid;place-items:center;color:var(--rlfx-g)}
html body:not(#rlfx) .rl6-benefits b{font-size:.72rem!important;font-weight:600!important;line-height:1.25;color:var(--rlfx-gd)}
html body:not(#rlfx) .rl6-benefits small{display:none!important}
/* accordion */
html body:not(#rlfx) .rlfx-acc .rl-product__tabs-bar,html body:not(#rlfx) .rlfx-acc [role=tablist]{display:none!important}
html body:not(#rlfx) .rlfx-acc>details{display:block!important;border:0!important;border-bottom:1px solid #E3EFE6!important;border-radius:0!important;background:none!important;margin:0!important;box-shadow:none!important}
html body:not(#rlfx) .rlfx-acc>details>summary{display:flex!important;align-items:center;gap:12px;min-height:56px;padding:6px 2px!important;cursor:pointer;list-style:none;font-weight:700!important;font-size:1rem!important;color:var(--rlfx-gd)!important;background:none!important}
html body:not(#rlfx) .rlfx-acc>details>summary::-webkit-details-marker{display:none}
html body:not(#rlfx) .rlfx-acc>details>summary::after{content:none!important}
html body:not(#rlfx) .rlfx-acc__ic{width:36px;height:36px;border-radius:50%;background:#EEF6F0;color:var(--rlfx-g);display:grid;place-items:center;flex:none}
html body:not(#rlfx) .rlfx-acc__chev{margin-inline-start:auto;width:10px;height:10px;border-right:2px solid #7F988A;border-bottom:2px solid #7F988A;transform:rotate(45deg) translateY(-2px);transition:transform .2s;flex:none}
html body:not(#rlfx) .rlfx-acc>details[open]>summary .rlfx-acc__chev{transform:rotate(-135deg) translateY(-2px)}
html body:not(#rlfx) .rlfx-acc>details>summary:focus-visible{outline:2px solid var(--rlfx-g);outline-offset:2px;border-radius:8px}
html body:not(#rlfx) .rlfx-acc .rl-product__content{overflow:hidden;transition:height .22s ease;padding:0 2px 14px!important;display:block!important}
html body:not(#rlfx) .rlfx-rm.is-clamped:not(.is-open){max-height:var(--rlfx-rm,6em);overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent)}
html body:not(#rlfx) .rlfx-rm__btn{margin-top:6px;border:0;background:none;color:var(--rlfx-g);font-weight:700;padding:8px 0;min-height:40px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
html body:not(#rlfx) .rlfx-pack{width:100%;border-collapse:collapse;font-size:.92rem}
html body:not(#rlfx) .rlfx-pack th,html body:not(#rlfx) .rlfx-pack td{padding:8px 4px;border-bottom:1px solid #EEF3EF;text-align:start;vertical-align:top}
html body:not(#rlfx) .rlfx-pack th{color:var(--rlfx-mute);font-weight:600;width:38%}
html body:not(#rlfx) .rlfx-ship{margin:0;padding-inline-start:18px;line-height:1.8}
@media (prefers-reduced-motion:reduce){html body:not(#rlfx) .rlfx-acc .rl-product__content{transition:none}}

/* ---- 3. Gallery: no zoom, fullscreen lightbox on tap ---- */
html body:not(#rlfx) .woocommerce-product-gallery__trigger{opacity:0!important;pointer-events:none!important}
html body:not(#rlfx) .woocommerce-product-gallery .zoomImg{display:none!important}
html body:not(#rlfx) .woocommerce-product-gallery__image a{cursor:zoom-in;display:block}
html body:not(#rlfx) .flex-control-thumbs{display:flex!important;gap:8px;overflow-x:auto;margin-top:10px!important;padding:0!important}
html body:not(#rlfx) .flex-control-thumbs li{width:64px!important;flex:none;list-style:none;margin:0!important}
html body:not(#rlfx) .flex-control-thumbs img{border-radius:10px;opacity:.55;border:1px solid #E3EFE6}
html body:not(#rlfx) .flex-control-thumbs img.flex-active{opacity:1;border-color:var(--rlfx-g)}
.pswp{z-index:100000!important}
.pswp__counter{font-weight:700}

/* ---- 11. Bottom-nav cart badge ---- */
html body:not(#rlfx) .rl-tabbar__count{min-width:19px!important;height:19px!important;padding:0 5px!important;border-radius:999px!important;background:#C62828!important;color:#fff!important;font-size:11.5px!important;font-weight:800!important;line-height:19px!important;box-shadow:0 0 0 2px #fff!important;overflow:visible!important;text-align:center;z-index:2}
html body:not(#rlfx) .rl-tabbar__item,html body:not(#rlfx) .rl-tabbar__icon{overflow:visible!important}

/* ---- 14. Hamburger ---- */
html body:not(#rlfx) .rl-menu-toggle{width:44px!important;height:44px!important;min-width:44px!important;display:inline-grid!important;place-items:center!important;padding:0!important}
html body:not(#rlfx) .rl-menu-toggle svg{width:26px!important;height:26px!important}

/* ---- 12. Drawer icons ---- */
html body:not(#rlfx) .rlfx-ci-wrap{width:40px!important;height:40px!important;border-radius:12px!important;background:#EEF6F0!important;display:grid!important;place-items:center;color:var(--rlfx-g);overflow:visible!important}
html body:not(#rlfx) .rlfx-ci{color:var(--rlfx-g);flex:none}
html body:not(#rlfx) .rl-drawer-cat li a{display:flex;align-items:center;gap:10px}

/* ---- 13. Hero: tinted backgrounds + icons variant ---- */
html body:not(#rlfx) .rl6-cat__img{background:radial-gradient(circle at 50% 40%,#F1F8EC,#E4F0E6)!important;border-radius:18px}
html body:not(#rlfx) .rl6-cat__img img{mix-blend-mode:multiply}
html body:not(#rlfx) .rl6-cat__img .rlfx-ci{width:44px;height:44px;margin:auto;display:block;padding-top:0}
html body:not(#rlfx) .rl6-cat__img:has(.rlfx-ci){display:grid!important;place-items:center;aspect-ratio:1}
html body:not(#rlfx) .rlfx-icotile{display:grid;place-items:center;width:100%;height:100%;color:#fff;opacity:.95}

/* ---- 15. WhatsApp ---- */
html body:not(#rlfx) .rl10-chip--wa{background:#fff!important;color:var(--rlfx-gd)!important;border:1.5px solid #CFE0D4!important;box-shadow:none!important}
html body:not(#rlfx) .rl10-chip--wa svg{color:#1C8C4E}
.rlfx-wa{position:fixed;right:14px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:900;width:48px;height:48px;border-radius:50%;background:#1E7F4F;color:#fff;display:grid;place-items:center;box-shadow:0 4px 14px rgb(6 48 31/.25);transition:bottom .2s,opacity .2s,transform .2s}
.rlfx-wa svg{width:26px;height:26px}
@media (min-width:64rem){.rlfx-wa{bottom:24px;right:24px;width:52px;height:52px}}
html.rlfx-bar-on .rlfx-wa{bottom:calc(150px + env(safe-area-inset-bottom))}
html.rlfx-sc-open .rlfx-wa,html.rlfx-lb-open .rlfx-wa,html.rl9-lock .rlfx-wa,html.rl11-sopen .rlfx-wa,html.rlfx-sopen .rlfx-wa,html.rl-nav-open .rlfx-wa{opacity:0;pointer-events:none;transform:scale(.8)}

/* ---- 10. Search: always-visible X ---- */
html body:not(#rlfx) .rl-search__form{position:relative}
.rlfx-sx{display:none;position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:#EEF3EF;color:var(--rlfx-gd);place-items:center;z-index:97;cursor:pointer}
html.rlfx-sopen .rlfx-sx{display:grid}
html.rlfx-sopen body:not(#rlfx) .rl-search__input{padding-inline-end:48px!important}

/* ---- 16. Infinite listing ---- */
.rlfx-pag-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.rlfx-sentinel{height:1px}
li.rlfx-skel{list-style:none;border-radius:18px;background:#fff;padding:10px;min-height:260px}
li.rlfx-skel span,li.rlfx-skel i{display:block;border-radius:12px;background:linear-gradient(90deg,#EEF3EF 25%,#F7FAF8 50%,#EEF3EF 75%);background-size:200% 100%;animation:rlfxsk 1.2s infinite}
li.rlfx-skel span{aspect-ratio:1;margin-bottom:10px}li.rlfx-skel i{height:12px;margin:8px 0}li.rlfx-skel i+i{width:60%}
@keyframes rlfxsk{to{background-position:-200% 0}}

/* Cart page co-purchase rail: contain absolutely-positioned steppers (they escaped the rail and widened the
   mobile layout viewport to ~1015px, pushing the cart + / − off-screen). */
.rlfx-cart-co,.rlfx-cart-co .rl8-up,.rlfx-cart-co .rl8-up__rail,.rlfx-cart-co .rl8-up__c{position:relative}
.rlfx-cart-co{max-width:100%;overflow:hidden}
/* Focus/scrollIntoView never parks a control under the fixed bottom nav or sticky bar */
@media (max-width:63.99rem){html{scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom));scroll-padding-top:var(--rl11-top,130px)}html.rlfx-bar-on{scroll-padding-bottom:calc(150px + env(safe-area-inset-bottom))}}

html body:not(#rlfx) .rl-tabbar__count.rlfx-zero{display:none!important}
html body:not(#rlfx) .rlfx-icotile .rlfx-ci{color:#D9F99D}
