/* Product details: Benefits / How to use / Warnings as animated cards (scoped to .bf-product-details). */
.bf-product-details{width:100%;max-width:1200px;margin:0 auto;padding:12px 0 28px}
.bf-product-details *{box-sizing:border-box}
.bf-pd-head{text-align:center;margin:0 0 30px}
.bf-pd-head h2{margin:0 0 8px;font-size:clamp(26px,3.4vw,38px);font-weight:600;line-height:1.2;color:#1f2a14}
.bf-pd-head p{margin:0 auto;max-width:620px;font-size:16px;line-height:1.6;color:#6b7280}

.bf-pd-grid{display:grid;gap:22px;align-items:stretch}
.bf-pd-grid.has-b.sides-1,.bf-pd-grid.has-b.sides-2{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.bf-pd-grid.has-b.sides-2 .bf-detail-benefits{grid-row:span 2}
.bf-pd-grid.no-b{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.bf-pd-grid.has-b.sides-0{grid-template-columns:1fr}
@media (max-width:900px){
  .bf-pd-grid.has-b.sides-1,.bf-pd-grid.has-b.sides-2{grid-template-columns:1fr}
  .bf-pd-grid.has-b.sides-2 .bf-detail-benefits{grid-row:auto}
}

.bf-detail{position:relative;overflow:hidden;border-radius:22px;padding:30px 30px 28px;background:#f6f8f1;border:1px solid #e3ecd0}
.bf-detail::before{content:"";position:absolute;inset-block-start:-70px;inset-inline-end:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(125,191,28,.18),rgba(125,191,28,0) 70%);pointer-events:none}
.bf-detail-warning{background:#fff8ec;border-color:#f3dfb4}
.bf-detail-warning::before{background:radial-gradient(circle,rgba(245,165,36,.2),rgba(245,165,36,0) 70%)}
.bf-detail-usage{background:#f2f8f6;border-color:#d8ebe4}
.bf-detail-usage::before{background:radial-gradient(circle,rgba(40,170,140,.16),rgba(40,170,140,0) 70%)}

.bf-detail-hd{position:relative;display:flex;align-items:center;gap:14px;margin:0 0 20px}
.bf-detail-hd h3{margin:0;font-size:22px;font-weight:600;line-height:1.25;color:#1f2a14}
.bf-detail-ic{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#86c722,#4d8f0a);box-shadow:0 10px 22px rgba(77,143,10,.28);animation:bf-pd-float 4.5s ease-in-out infinite}
.bf-detail-usage .bf-detail-ic{background:linear-gradient(135deg,#34c0a0,#1d8f77);box-shadow:0 10px 22px rgba(29,143,119,.26)}
.bf-detail-warning .bf-detail-ic{background:linear-gradient(135deg,#f7b84a,#e08a00);box-shadow:0 10px 22px rgba(224,138,0,.28)}
.bf-detail-ic svg{width:27px;height:27px}
@keyframes bf-pd-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

.bf-list{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.bf-list li{display:flex;align-items:flex-start;gap:12px;padding:11px 14px;border-radius:13px;background:rgba(255,255,255,.78);font-size:15.5px;line-height:1.55;color:#3d4733;margin:0}
.bf-list .bf-tx{flex:1;min-width:0}
.bf-ck{flex:none;display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:50%;background:#6bad0d;color:#fff;font-size:12.5px;font-weight:700;line-height:1}
.bf-ck svg{width:14px;height:14px}
.bf-detail-usage .bf-ck{background:#22a285}
.bf-detail-warning .bf-ck{background:#ee9a14}
.bf-list.bf-plain li{padding:16px 18px;font-size:16px;line-height:1.7;border-inline-start:4px solid #22a285}

.bf-detail{transition:transform .35s ease,box-shadow .35s ease}
.bf-detail:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(60,90,20,.13)}
.bf-list li{transition:background .25s ease,transform .25s ease}
.bf-detail:hover .bf-list li:hover{background:#fff;transform:translateX(3px)}
[dir="rtl"] .bf-detail:hover .bf-list li:hover{transform:translateX(-3px)}

/* Scroll reveal: cards rise in, rows slide in one after another, check marks pop */
.bf-product-details.bf-js .bf-pd-head{opacity:0;transform:translateY(18px)}
.bf-product-details.bf-js .bf-pd-head.is-in{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.bf-product-details.bf-js .bf-detail{opacity:0;transform:translateY(34px)}
.bf-product-details.bf-js .bf-detail.is-in{opacity:1;transform:none;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--c,0) * 140ms)}
.bf-product-details.bf-js .bf-detail.is-in.done{transition:transform .35s ease,box-shadow .35s ease;transition-delay:0s}
.bf-product-details.bf-js .bf-detail.is-in.done:hover{transform:translateY(-4px)}
.bf-product-details.bf-js .bf-list li{opacity:0;transform:translateX(-22px)}
[dir="rtl"] .bf-product-details.bf-js .bf-list li{transform:translateX(22px)}
.bf-product-details.bf-js .bf-detail.is-in .bf-list li{opacity:1;transform:none;transition:opacity .55s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(.35s + var(--c,0) * 140ms + var(--i,0) * 120ms)}
.bf-product-details.bf-js .bf-detail.is-in.done .bf-list li{transition:background .25s ease,transform .25s ease;transition-delay:0s}
.bf-product-details.bf-js .bf-ck{transform:scale(0)}
.bf-product-details.bf-js .bf-detail.is-in .bf-ck{animation:bf-pd-pop .5s cubic-bezier(.3,1.7,.5,1) forwards;animation-delay:calc(.5s + var(--c,0) * 140ms + var(--i,0) * 120ms)}
@keyframes bf-pd-pop{from{transform:scale(0)}to{transform:scale(1)}}

@media (prefers-reduced-motion:reduce){
  .bf-detail-ic{animation:none}
  .bf-product-details.bf-js .bf-pd-head,.bf-product-details.bf-js .bf-detail,.bf-product-details.bf-js .bf-list li,.bf-product-details.bf-js .bf-ck{opacity:1;transform:none;animation:none;transition:none}
}
@media (max-width:600px){.bf-detail{padding:24px 18px 22px;border-radius:18px}.bf-detail-hd h3{font-size:20px}.bf-detail-ic{width:48px;height:48px;border-radius:15px}}

/* Standalone lists (Bricks cards print {bf_lines:field}): rows slide in one by one when the list enters the viewport */
.bf-list.bf-js li{opacity:0;transform:translateX(-22px)}
[dir="rtl"] .bf-list.bf-js li,.bf-list.bf-js[dir="rtl"] li{transform:translateX(22px)}
.bf-list.bf-js.is-in li{opacity:1;transform:none;transition:opacity .55s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(.15s + var(--i,0) * 120ms)}
.bf-list.bf-js.is-in.done li{transition:background .25s ease,transform .25s ease;transition-delay:0s}
.bf-list.bf-js .bf-ck{transform:scale(0)}
.bf-list.bf-js.is-in .bf-ck{animation:bf-pd-pop .5s cubic-bezier(.3,1.7,.5,1) forwards;animation-delay:calc(.3s + var(--i,0) * 120ms)}
.bf-list li:hover{background:#fff}
@media (prefers-reduced-motion:reduce){.bf-list.bf-js li,.bf-list.bf-js .bf-ck{opacity:1;transform:none;animation:none;transition:none}}

/* Bricks cards (.bf-pd-card): accent colours per card + hover lift */
.bf-pd-card{transition:transform .35s ease,box-shadow .35s ease}
.bf-pd-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(60,90,20,.13)}
.bf-pd-usage .bf-ck{background:#22a285}
.bf-pd-warning .bf-ck{background:#ee9a14}
.bf-pd-usage .bf-list.bf-plain li{border-inline-start:4px solid #22a285}
.bf-pd-card .bf-list{margin:0}

/* Product cards (.bf-card, shop grids): fade in one after another. Only hidden when the head script set .bf-r. */
.bf-r .bf-card:not(.bf-in){opacity:0;transform:translateY(26px) scale(.97)}
.bf-r .bf-card.bf-in{opacity:1;transform:none;transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,border-color .25s ease}
@media (prefers-reduced-motion:reduce){.bf-r .bf-card{opacity:1!important;transform:none!important;transition:none!important}}

/* Health icon on product cards: hover bubble with the top benefits (the click opens the Bricks popup) */
.bf-hl .bf-tip{opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease,visibility .25s}
.bf-hl:hover .bf-tip,.bf-hl:focus-visible .bf-tip{opacity:1;visibility:visible;transform:none}
.bf-tipl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.bf-tipl li{position:relative;padding-inline-start:16px;font-size:12.5px;line-height:1.45;color:#3d4733;text-align:start}
.bf-tipl li::before{content:"";position:absolute;inset-inline-start:0;top:.45em;width:7px;height:7px;border-radius:50%;background:#6bad0d}
.bf-tipl li{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bf-tipl li::before{top:.5em}

/* ===== Shop category tiles: every production line has its own colour world ===== */
.brxe-filter-radio .brx-filter-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.brxe-filter-radio .brx-filter-options>li{--c:#6bad0d;--t:#eef5e6;margin:0;padding:0}
.brxe-filter-radio li:has(input[value="natural-vinegars"]){--c:#d9482b;--t:#fdebe4}
.brxe-filter-radio li:has(input[value="herbal-distillates"]){--c:#3f9a52;--t:#e4f3e8}
.brxe-filter-radio li:has(input[value="natural-oils"]){--c:#d99a00;--t:#fff2cf}
.brxe-filter-radio li:has(input[value="natural-molasses"]){--c:#a3243b;--t:#fbe5ea}
.brxe-filter-radio li:has(input[value="care-sets"]){--c:#7a5ab8;--t:#efe9f8}
.brxe-filter-radio label{display:block;height:100%;cursor:pointer}
.brxe-filter-radio .brx-option-text{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;height:100%;padding:14px 8px 12px!important;text-align:center;font-size:13.5px!important;font-weight:600!important;line-height:1.25;color:#2b3320!important;background:#fff!important;border:2px solid #e8ecdf!important;border-radius:20px!important;transition:transform .3s cubic-bezier(.2,.7,.2,1),background-color .3s ease,border-color .3s ease,box-shadow .3s ease}
.brxe-filter-radio .brx-option-text::before{content:"";display:block;width:46px;height:46px;background:center/contain no-repeat;transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
.brxe-filter-radio li.brx-option-all .brx-option-text::before{background-image:url(art/bf-leaf.svg)}
.brxe-filter-radio li:has(input[value="natural-vinegars"]) .brx-option-text::before{background-image:url(art/bf-apple.svg)}
.brxe-filter-radio li:has(input[value="herbal-distillates"]) .brx-option-text::before{background-image:url(art/bf-sprig.svg)}
.brxe-filter-radio li:has(input[value="natural-oils"]) .brx-option-text::before{background-image:url(art/bf-drop.svg)}
.brxe-filter-radio li:has(input[value="natural-molasses"]) .brx-option-text::before{background-image:url(art/bf-pomegranate.svg)}
.brxe-filter-radio li:has(input[value="care-sets"]) .brx-option-text::before{background-image:url(art/bf-box.svg)}
.brxe-filter-radio label:hover .brx-option-text{transform:translateY(-3px);background:var(--t)!important;border-color:var(--c)!important}
.brxe-filter-radio label:hover .brx-option-text::before{transform:scale(1.12) rotate(-4deg)}
.brxe-filter-radio .brx-option-text.brx-option-active{background:var(--t)!important;border-color:var(--c)!important;color:var(--c)!important;box-shadow:0 12px 26px -10px var(--c)}
.brxe-filter-radio .brx-option-text.brx-option-active::before{transform:scale(1.15)}
@media (max-width:900px){.brxe-filter-radio .brx-filter-options{display:flex;overflow-x:auto;gap:10px;padding:4px 2px 10px;scroll-snap-type:x proximity}.brxe-filter-radio .brx-filter-options>li{flex:0 0 112px;scroll-snap-align:start}}

/* Banner takes the colour of the selected line */
body:has(.brxe-filter-radio input[value="natural-vinegars"]:checked) .bf-shop-banner{background-color:#fdebe4!important}
body:has(.brxe-filter-radio input[value="herbal-distillates"]:checked) .bf-shop-banner{background-color:#e4f3e8!important}
body:has(.brxe-filter-radio input[value="natural-oils"]:checked) .bf-shop-banner{background-color:#fff2cf!important}
body:has(.brxe-filter-radio input[value="natural-molasses"]:checked) .bf-shop-banner{background-color:#fbe5ea!important}
body:has(.brxe-filter-radio input[value="care-sets"]:checked) .bf-shop-banner{background-color:#efe9f8!important}
.brxe-filter-radio .brx-filter-options .brx-option-text.bricks-button.circle,.brxe-filter-radio .brx-filter-options .brx-option-text.bricks-button{border-radius:20px!important}
@layer bricks{.brxe-filter-radio .brx-filter-options .brx-option-text.bricks-button.circle{border-radius:20px!important}}
/* Banner illustration follows the selected line */
.bf-shop-banner img[src*="bf-apple"]{transition:opacity .4s ease}
body:has(.brxe-filter-radio input[value="herbal-distillates"]:checked) .bf-shop-banner img[src*="bf-apple"]{content:url(art/bf-sprig.svg)}
body:has(.brxe-filter-radio input[value="natural-oils"]:checked) .bf-shop-banner img[src*="bf-apple"]{content:url(art/bf-drop.svg)}
body:has(.brxe-filter-radio input[value="natural-molasses"]:checked) .bf-shop-banner img[src*="bf-apple"]{content:url(art/bf-pomegranate.svg)}
body:has(.brxe-filter-radio input[value="care-sets"]:checked) .bf-shop-banner img[src*="bf-apple"]{content:url(art/bf-box.svg)}

/* Mega menu: the call-to-action band spans the whole panel */
li.menu-item:has(> .bf-mm-band){grid-column:1 / -1}

/* Map: the brand pin + name tag replaces Leaflet's default blue marker */
.bf-map .leaflet-marker-icon,.bf-map .leaflet-marker-shadow{opacity:0!important;pointer-events:none}
.bf-pin{filter:drop-shadow(0 2px 0 rgba(255,255,255,.0))}
.bf-pin-dot{transform:translate(0,0) scale(1);animation:bf-pin-pulse 2.2s ease-out infinite}
@keyframes bf-pin-pulse{0%{transform:scale(.6);opacity:.9}70%{transform:scale(2.6);opacity:0}100%{transform:scale(2.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.bf-pin-dot{animation:none}}

/* Count badges on the cart and wishlist icons: one size, cart = soft red-pink, wishlist = green */
.bf-wish-count,.fct-mini-cart-badge,.fct-cart-badge-count{box-sizing:border-box!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border:2px solid #fff!important;border-radius:999px!important;font-size:11px!important;font-weight:700!important;line-height:16px!important;text-align:center!important;color:#fff!important;box-shadow:0 2px 6px rgba(0,0,0,.18)!important;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.fct-mini-cart-badge,.fct-cart-badge-count{background:#ee6c88!important}
.bf-wish-count{background:#6bad0d!important}
.fct-mini-cart-wrap .fct-mini-cart-badge{top:-12px!important;bottom:auto!important;left:auto!important;right:-13px!important;transform:none!important}

/* Shop layout: filter sidebar (left; right in RTL) + main column */
.brxe-filter-radio .brx-filter-options{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important}
@media (max-width:991px){
  .bf-shop>.bf-side{position:static!important}
}
/* the sidebar grows to its full height (no inner scrollbar), so it is not sticky either */
@media (min-width:992px){.bf-side{position:static!important;max-height:none;overflow:visible}}
@media (max-width:991px){
  .bf-shop>.bf-filter-btn{order:-1;grid-column:1}
  .bf-shop>.bf-side{display:none}
  .bf-shop>.bf-side[data-open]{display:flex;max-height:none;overflow:visible}
}
@media (max-width:991px){
  .bf-shop>.bf-side:not([data-open]){display:none!important}
  .bf-shop>.bf-side[data-open]{display:flex!important}
  .bf-shop>.bf-filter-btn{display:inline-flex!important}
}
@media (min-width:992px){.bf-shop>.bf-filter-btn{display:none!important}}
@media (max-width:991px){
  .brxe-filter-radio .brx-filter-options{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:10px;scrollbar-width:none}
  .brxe-filter-radio .brx-filter-options::-webkit-scrollbar{display:none}
  .brxe-filter-radio .brx-filter-options>li{flex:0 0 108px}
}

/* ---- Home: "Shop" section = category tiles (same look as the shop page) + featured products tabs ---- */
.bf-tiles>.tab-title{--c:#6bad0d;--t:#eef5e6}
.bf-tiles>.tab-title:nth-child(2){--c:#d9482b;--t:#fdebe4}
.bf-tiles>.tab-title:nth-child(3){--c:#3f9a52;--t:#e4f3e8}
.bf-tiles>.tab-title:nth-child(4){--c:#d99a00;--t:#fff2cf}
.bf-tiles>.tab-title:nth-child(5){--c:#a3243b;--t:#fbe5ea}
.bf-tiles>.tab-title>span{line-height:1.25}
.bf-tiles>.tab-title::before{content:"";display:block;width:46px;height:46px;background:center/contain no-repeat;transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
.bf-tiles>.tab-title:nth-child(1)::before{background-image:url(art/bf-leaf.svg)}
.bf-tiles>.tab-title:nth-child(2)::before{background-image:url(art/bf-apple.svg)}
.bf-tiles>.tab-title:nth-child(3)::before{background-image:url(art/bf-sprig.svg)}
.bf-tiles>.tab-title:nth-child(4)::before{background-image:url(art/bf-drop.svg)}
.bf-tiles>.tab-title:nth-child(5)::before{background-image:url(art/bf-pomegranate.svg)}
.bf-tiles>.tab-title:hover{transform:translateY(-3px);background:var(--t);border-color:var(--c)}
.bf-tiles>.tab-title:hover::before{transform:scale(1.12) rotate(-4deg)}
.bf-tiles>.tab-title.brx-open{background:var(--t);border-color:var(--c);box-shadow:0 12px 26px -10px var(--c)}
.bf-tiles>.tab-title.brx-open::before{transform:scale(1.15)}
@media (max-width:767px){.bf-tiles{scrollbar-width:none}.bf-tiles::-webkit-scrollbar{display:none}}
.brxe-section:has(>.brxe-container>.bf-tiles) .brxe-container>h2,.brxe-section:has(>.brxe-container>.bf-tiles) .brxe-container>p{text-align:center!important}

/* ---- Home responsiveness ---- */
@media (max-width:767px){
  .bf-news .bricks-layout-wrapper{display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:82%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:none}
  .bf-news.brxe-block{scrollbar-width:none}
  .bf-news.brxe-block::-webkit-scrollbar,.bf-news .bricks-layout-wrapper::-webkit-scrollbar{display:none}
  .bf-news .bricks-layout-wrapper>*{scroll-snap-align:start;min-width:0}
}
@media (max-width:575px){.bf-why{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 12px!important}.bf-why .brxe-div:has(>img){width:84px!important;height:84px!important}.bf-why img{width:48px!important;height:48px!important}}
/* equal-height tiles everywhere */
.brxe-filter-radio .brx-filter-options{align-items:stretch!important;grid-auto-rows:1fr}
.brxe-filter-radio .brx-filter-options>li{height:100%}

/* ---- Wishlist empty state (wireframe cta-005 pattern: icon in circle, heading, text, button) ---- */
.bf-wl-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;max-width:560px;margin:30px auto;padding:48px 28px;background:#fff;border:2px dashed #dfe8d2;border-radius:26px}
.bf-wl-ico{width:84px;height:84px;border-radius:50%;background:#fde8ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e0245e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 5.6a5.2 5.2 0 0 0-7.4 0L12 7l-1.4-1.4a5.2 5.2 0 0 0-7.4 7.4L12 21.8l8.8-8.8a5.2 5.2 0 0 0 0-7.4z'/%3E%3C/svg%3E") center/42px no-repeat;animation:bfwlpulse 2.4s ease-in-out infinite}
.bf-wl-empty h2{margin:0;font-size:26px;font-weight:700;color:#1f2a14}
.bf-wl-empty p{margin:0;font-size:16px;line-height:1.6;color:#5a6650}
.bf-wl-btn{display:inline-block;margin-top:6px;padding:13px 30px;border-radius:999px;background:#6bad0d;color:#fff!important;font-weight:600;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
.bf-wl-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px -8px #6bad0d}
@keyframes bfwlpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@media (prefers-reduced-motion:reduce){.bf-wl-ico{animation:none}}

/* ---- Wishlist rows: same layout as the cart (image, name, price, actions) + Benefits button ---- */
.bf-wishlist{display:flex;flex-direction:column;gap:12px;max-width:820px;margin:0 auto}
.bf-wl-row{display:grid;grid-template-columns:84px minmax(0,1fr) auto;grid-template-areas:"img main rm" "panel panel panel";align-items:start;gap:0 14px;background:#fff;border:1px solid #e6ece0;border-radius:14px;padding:14px}
.bf-wl-img{grid-area:img;display:block;width:84px;height:84px;border-radius:10px;background:#f6f8f3;overflow:hidden}
.bf-wl-img img{display:block;width:100%;height:100%;object-fit:contain}
.bf-wl-noimg{display:block;width:100%;height:100%}
.bf-wl-main{grid-area:main;display:flex;flex-direction:column;gap:6px;min-width:0}
.bf-wl-name{color:#1f2a14!important;font-weight:600;font-size:15px;line-height:1.4;text-decoration:none}
.bf-wl-price{color:#6bad0d;font-weight:700;font-size:16px}
.bf-wl-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.bf-wl-acts>*{margin:0!important}
.bf-wl-acts .fluent-cart-add-to-cart-button{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;padding:9px 18px!important;font-size:13px!important;border-radius:999px!important;min-height:38px;box-sizing:border-box}
.bf-wl-ben{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:9px 16px;border:1.5px solid #6bad0d;border-radius:999px;background:#fff;color:#4c8208;font-size:13px;font-weight:600;cursor:pointer;box-sizing:border-box}
.bf-wl-ben::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.bf-wl-ben[aria-expanded=true]{background:#f2f8e8}
.bf-wl-ben[aria-expanded=true]::after{transform:rotate(-135deg) translateY(-2px)}
.bf-wl-rm{grid-area:rm;width:38px;height:38px;border:1px solid #e1e7da;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23596350' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M10 11v6M14 11v6M6 7l1 12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-12M9 7V4h6v3'/%3E%3C/svg%3E") center/18px no-repeat;cursor:pointer;padding:0}
.bf-wl-rm:hover{border-color:#e0245e}
.bf-wl-panel{grid-area:panel;margin-top:12px;padding:12px 14px;background:#f7faf2;border-radius:10px}
.bf-wl-panel[hidden]{display:none}
.bf-wl-panel .bf-tipl li{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:13.5px}
.bf-wl-sk .bf-wl-main i{display:block;height:14px;border-radius:7px;background:#eef2e8;width:70%;animation:bfwlpulse 1.4s ease-in-out infinite}
.bf-wl-sk .bf-wl-main i+i{width:35%}
.bf-wl-sk .bf-wl-img{background:#eef2e8}
@media (max-width:480px){.bf-wl-row{grid-template-columns:64px minmax(0,1fr) auto;padding:12px;gap:0 10px}.bf-wl-img{width:64px;height:64px}.bf-wl-acts{gap:6px}.bf-wl-acts .fluent-cart-add-to-cart-button,.bf-wl-ben{padding:8px 12px!important;font-size:12.5px!important}}

/* search results: friendly empty message only when the product grid is empty */
.bf-sr-none{display:none}
.bf-sr-grid:not(:has(*))+.bf-sr-none{display:block}

/* ---- Header language switcher on phones/tablets: current language pill that opens a small card ---- */
@media (max-width:991px){
  .bf-lang-m .lang-item:not(.current-lang){display:none!important}
  .bf-lang-m .current-lang a::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);margin-inline-start:4px;transition:transform .25s ease}
  .bf-lang-open .bf-lang-m .current-lang a::after{transform:rotate(-135deg) translateY(-1px)}
  .bf-lang-pop{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:156px;background:#fff;border:1px solid #e3e8dc;border-radius:16px;padding:6px;box-shadow:0 18px 40px -12px rgba(30,50,15,.28);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.97);transform-origin:top;transition:opacity .22s ease,transform .25s cubic-bezier(.2,.8,.3,1),visibility .22s;z-index:200}
  .bf-lang-open .bf-lang-pop{opacity:1;visibility:visible;transform:none}
  .bf-lang-pop a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:600;color:#2d3b2b;text-decoration:none;transition:background .2s ease}
  .bf-lang-pop a:hover,.bf-lang-pop a:focus-visible{background:rgba(107,173,13,.14)}
  .bf-lang-pop img{width:22px!important;height:auto!important;border-radius:3px;display:block}
}
@media (min-width:992px){.bf-lang-pop{display:none}}
@media (prefers-reduced-motion:reduce){.bf-lang-pop{transition:none}}

/* ---- The one Bahar preloader ---- */
.bf-loader{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .2s ease;pointer-events:all}
.bf-loader.on{opacity:1}
#bf-preloader{z-index:2147483600;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
.bf-loader-ring{position:relative;display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;border:4px solid #e4efd3;border-top-color:#6bad0d;animation:bflspin .85s linear infinite}
.bf-loader-ring img{width:58px;height:auto;animation:bflspinback .85s linear infinite}
.bf-loader-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6bad0d,#a5d65a);transform-origin:left;animation:bflbar 6s cubic-bezier(.1,.6,.2,1) forwards}
[dir=rtl] .bf-loader-bar{transform-origin:right}
@keyframes bflspin{to{transform:rotate(360deg)}}
@keyframes bflspinback{to{transform:rotate(-360deg)}}
@keyframes bflbar{from{transform:scaleX(0)}to{transform:scaleX(.92)}}
@media (prefers-reduced-motion:reduce){.bf-loader-ring,.bf-loader-ring img{animation-duration:3s}.bf-loader-bar{animation:none;transform:scaleX(.6)}}

/* ---- Shop sidebar: visible "Clear all" button and removable chips ---- */
.bf-side .brxe-filter-submit{background:#fff!important;color:#3d6a05!important;border:2px solid #6bad0d!important;border-radius:999px!important;font-weight:700;padding:8px 16px;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;transition:background .2s ease,color .2s ease}
.bf-side .brxe-filter-submit::before{content:"\00d7";font-size:20px;line-height:1;font-weight:400}
.bf-side .brxe-filter-submit:hover{background:#6bad0d!important;color:#fff!important}
.bf-side .brxe-filter-active-filters{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.bf-side .brxe-filter-active-filters button{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.bf-side .brxe-filter-active-filters button::after{content:"\00d7";font-size:17px;line-height:1;opacity:.7;transition:opacity .2s ease,transform .2s ease}
.bf-side .brxe-filter-active-filters button:hover::after{opacity:1;transform:scale(1.2)}
.bf-side>div:first-child{flex-wrap:wrap}
.bf-side .brxe-filter-submit{font-size:13px!important;padding:6px 12px!important;min-height:0}

/* phone numbers: left-to-right inside right-to-left pages */
.bf-ltr,a[href^="tel:"]{direction:ltr;unicode-bidi:isolate}
.bf-ltr{display:inline-block}

/* ---- Mobile / tablet menu: full-screen branded panel, staggered items, animated hamburger ---- */
li.menu-item:has(>.bf-mm-foot){display:none}
@media (min-width:992px){.bf-mm-foot{display:none!important}}
@media (max-width:991px){
  li.menu-item:has(>.bf-mm-foot){display:block}
  #brxe-2tq2bw .brx-nav-nested-items{background:radial-gradient(120% 70% at 100% 0%,#1f5130 0%,#123420 48%,#0a1f11 100%)!important;width:100%!important;max-width:none!important;padding:104px 28px 36px!important;gap:0!important;overflow-y:auto}
  #brxe-2tq2bw.brx-open .brxe-toggle .brxa-wrap{color:#fff!important}
  #brxe-2tq2bw .brxe-toggle{transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
  #brxe-2tq2bw.brx-open .brxe-toggle{transform:scale(1.08)}
  /* top level rows */
  #brxe-2tq2bw .brx-nav-nested-items>li{border-bottom:1px solid rgba(255,255,255,.12);list-style:none;opacity:0;transform:translateY(22px)}
  #brxe-2tq2bw.brx-open .brx-nav-nested-items>li{animation:bfmIn .55s cubic-bezier(.2,.8,.25,1) both}
  #brxe-2tq2bw.brx-open .brx-nav-nested-items>li:nth-child(1){animation-delay:.08s}
  #brxe-2tq2bw.brx-open .brx-nav-nested-items>li:nth-child(2){animation-delay:.14s}
  #brxe-2tq2bw.brx-open .brx-nav-nested-items>li:nth-child(3){animation-delay:.2s}
  #brxe-2tq2bw.brx-open .brx-nav-nested-items>li:nth-child(4){animation-delay:.26s}
  #brxe-2tq2bw.brx-open .brx-nav-nested-items>li:nth-child(5){animation-delay:.32s}
  #brxe-2tq2bw.brx-open .brx-nav-nested-items>li:nth-child(6){animation-delay:.38s}
  #brxe-2tq2bw.brx-open .brx-nav-nested-items>li:nth-child(n+7){animation-delay:.44s}
  @keyframes bfmIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
  #brxe-2tq2bw .brx-nav-nested-items>li>a,
  #brxe-2tq2bw .brx-nav-nested-items>li .brx-submenu-toggle>a,
  #brxe-2tq2bw .brx-nav-nested-items>li .brx-submenu-toggle>button,
  #brxe-2tq2bw .brx-nav-nested-items>li>.brx-submenu-toggle{color:#fff!important}
  #brxe-2tq2bw .brx-nav-nested-items>li>a,
  #brxe-2tq2bw .brx-nav-nested-items>li .brx-submenu-toggle>a{font-size:25px!important;font-weight:700!important;line-height:1.25;padding:16px 0!important;letter-spacing:-.2px}
  #brxe-2tq2bw .brx-nav-nested-items>li .brx-submenu-toggle{display:flex;justify-content:space-between;align-items:center;width:100%}
  #brxe-2tq2bw .brx-nav-nested-items>li .brx-submenu-toggle button{color:#ffd24a!important;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
  #brxe-2tq2bw .brx-nav-nested-items>li.open .brx-submenu-toggle button{transform:rotate(180deg)}
  /* sub menus: calm list under the row */
  #brxe-2tq2bw .brx-dropdown-content{background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 14px!important;min-height:0}
  #brxe-2tq2bw .brx-dropdown-content>*{padding:0!important;border:0!important}
  #brxe-2tq2bw .brx-dropdown-content a{color:rgba(255,255,255,.82)!important;font-size:18px!important;font-weight:500!important;padding:9px 0!important;display:block;transition:color .2s ease,padding .25s ease}
  #brxe-2tq2bw .brx-dropdown-content a:hover{color:#ffd24a!important;padding-inline-start:8px!important}
  /* footer call-to-action */
  #brxe-2tq2bw .bf-mm-foot{border:0}
  #brxe-2tq2bw .bf-mm-wa{box-shadow:0 14px 30px -10px rgba(37,211,102,.7);transition:transform .25s ease}
  #brxe-2tq2bw .bf-mm-wa:active{transform:scale(.97)}
  #brxe-2tq2bw .brx-nav-nested-items>li:has(>.bf-mm-foot){border-bottom:0}
}
@media (prefers-reduced-motion:reduce){#brxe-2tq2bw.brx-open .brx-nav-nested-items>li{animation:none;opacity:1;transform:none}}
@media (max-width:991px){
  #brxe-2tq2bw .brx-nav-nested-items>li .brx-submenu-toggle>span{color:#fff!important;font-size:25px!important;font-weight:700!important;line-height:1.25;padding:16px 0!important;letter-spacing:-.2px}
  #brxe-2tq2bw .brx-nav-nested-items>li .brx-submenu-toggle>button{padding:16px 0 16px 14px!important;font-size:20px}
  [dir=rtl] #brxe-2tq2bw .brx-nav-nested-items>li .brx-submenu-toggle>button{padding:16px 14px 16px 0!important}
  #brxe-2tq2bw .brx-nav-nested-items>li>a{padding-inline:0!important}
}
@media (max-width:991px){
  #brxe-2tq2bw .brx-dropdown-content.brx-grid{display:flex!important;flex-direction:column!important;grid-template-columns:none!important}
  #brxe-2tq2bw .brx-dropdown-content a:last-child:not(:first-child){display:none!important}
  #brxe-2tq2bw .brx-dropdown-content .brxe-block,#brxe-2tq2bw .brx-dropdown-content .brxe-div{padding:0!important;margin:0!important}
}
@media (max-width:991px){
  #brxe-2tq2bw .brx-dropdown-content{position:static!important;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;inset:auto!important;overflow:visible!important}
}
@media (max-width:991px){
  #brxe-2tq2bw .brx-dropdown-content,#brxe-2tq2bw .brx-dropdown-content *{gap:0!important;row-gap:0!important}
  #brxe-2tq2bw .brx-dropdown-content a,#brxe-2tq2bw .brx-dropdown-content a *{font-size:19px!important;line-height:1.3!important;color:rgba(255,255,255,.84)!important;font-weight:500!important}
  #brxe-2tq2bw .brx-dropdown-content a{padding:11px 0 11px 6px!important}
  [dir=rtl] #brxe-2tq2bw .brx-dropdown-content a{padding:11px 6px 11px 0!important}
}
@media (max-width:991px){
  #brxe-2tq2bw .brxe-dropdown:not(.open)>.brx-dropdown-content{display:none!important}
  #brxe-2tq2bw .brxe-dropdown.open>.brx-dropdown-content{display:flex!important;flex-direction:column!important}
}

/* News sidebar "Categories": a wrapping grid of chips instead of one long column */

/* Home "latest activities" carousel on phones: real cards instead of bare image + 22px title */
@media (max-width:767px){
  .bf-news .bricks-layout-wrapper{grid-auto-columns:78%;gap:12px;padding:2px 2px 12px;scroll-padding-inline:2px;align-items:stretch}
  .bf-news .bricks-layout-item{display:flex}
  .bf-news .bricks-layout-inner{display:flex;flex-direction:column;width:100%;background:#fff;border:1px solid #ececec;border-radius:16px;overflow:hidden;height:auto!important}
  .bf-news .image-wrapper{margin:0;aspect-ratio:16/10;height:auto!important;overflow:hidden}
  .bf-news .image-wrapper img{width:100%;height:100%!important;aspect-ratio:auto!important;object-fit:cover}
  .bf-news .content-wrapper{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1;height:auto!important}
  .bf-news .content-wrapper h3{font-size:16px!important;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .bf-news .content-wrapper h3 a{font-size:inherit}
  .bf-news .content-wrapper .dynamic:not(h3){font-size:13px;color:#8a8f87;margin-top:auto}
}

/* Latest activities: gentle motion — image drifts slowly, card lifts on hover */
.bf-news .image-wrapper{overflow:hidden}
.bf-news .bricks-layout-inner{transition:transform .35s ease,box-shadow .35s ease}
@media (hover:hover){.bf-news .bricks-layout-item:hover .bricks-layout-inner{transform:translateY(-4px);box-shadow:0 14px 28px -14px rgba(107,173,13,.45)}}

.bf-news-nav{position:absolute;top:34%;z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid #e3e8dc;background:rgba(255,255,255,.96);color:#4a7d09;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px -6px rgba(0,0,0,.3);padding:0;transition:opacity .2s,transform .2s}
.bf-news-nav[hidden]{display:none}
.bf-news-nav:disabled{opacity:.35;cursor:default}
.bf-news-nav:not(:disabled):hover{transform:scale(1.08);background:#6bad0d;color:#fff}
.bf-news-next{inset-inline-end:6px}
.bf-news-prev{inset-inline-start:6px}
.bf-news-prev svg{transform:scaleX(-1)}
[dir="rtl"] .bf-news-next svg{transform:scaleX(-1)}
[dir="rtl"] .bf-news-prev svg{transform:none}
.bf-news .bricks-layout-wrapper{cursor:grab}

/* ===== Home hero slider: per-slide colour, entrance motion, progress dots and a phone / tablet layout ===== */
.bf-hs-slide{position:relative;overflow:hidden;--hs-c:#a5d65a}
.bf-hs-vis::before{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--hs-c) 42%,transparent),color-mix(in srgb,var(--hs-c) 11%,transparent) 55%,transparent 72%)!important}
.bf-hs-vis::after{border:1px dashed color-mix(in srgb,var(--hs-c) 50%,transparent)!important}
/* arrows off everywhere; slides hand over one after the other (old one fades out, new one fades in) over the fixed section background */
.bf-hs-slide{transition:opacity .45s ease!important}
.bf-hs-slide.is-active{transition:opacity .6s ease .3s!important}
.bf-hs-vis::before,.bf-hs-vis::after{transform:none!important;translate:-50% -50%}
.bf-hs-bottle{transform:translate3d(calc(var(--px,0)*16px),calc(var(--py,0)*10px),0);transition:transform .3s ease-out}
.bf-hs-art{transform:translate3d(calc(var(--px,0)*-26px),calc(var(--py,0)*-18px),0);transition:transform .4s ease-out}
.splide__pagination__page.is-active{position:relative;overflow:hidden;background:rgba(255,255,255,.35)!important}
.splide__pagination__page.is-active::after{content:"";position:absolute;inset:0;background:#ffd24a;transform-origin:left center}
html[dir=rtl] .splide__pagination__page.is-active::after{transform-origin:right center}
@keyframes bfhs-up{from{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}
@keyframes bfhs-pop{from{opacity:0;scale:.8;rotate:-6deg}to{opacity:1;scale:1;rotate:0deg}}
@keyframes bfhs-pulse{0%,100%{scale:1;opacity:.9}50%{scale:1.07;opacity:1}}
@keyframes bfhs-spin{to{rotate:360deg}}
@keyframes bfhs-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:no-preference){
  .bf-hs-slide.is-active .bf-hs-text>*{animation:bfhs-up .75s cubic-bezier(.2,.7,.2,1) both}
  .bf-hs-slide.is-active .bf-hs-text>*:nth-child(1){animation-delay:.05s}
  .bf-hs-slide.is-active .bf-hs-text>*:nth-child(2){animation-delay:.15s}
  .bf-hs-slide.is-active .bf-hs-text>*:nth-child(3){animation-delay:.27s}
  .bf-hs-slide.is-active .bf-hs-text>*:nth-child(4){animation-delay:.38s}
  .bf-hs-slide.is-active .bf-hs-text>*:nth-child(5){animation-delay:.5s}
  .bf-hs-slide.is-active .bf-hs-bottle{animation:bfhs-pop .95s cubic-bezier(.2,.9,.3,1.15) .12s both,bfhsfloat 7s ease-in-out 1.1s infinite}
  .bf-hs-slide.is-active .bf-hs-badge{animation:bfhs-pop 1s cubic-bezier(.2,.9,.3,1.15) .1s both}
  .bf-hs-slide.is-active .bf-hs-art{animation:bfhs-pop .8s ease-out .45s both,bfhsfloat 8s ease-in-out 1.3s infinite}
  .bf-hs-slide.is-active .bf-hs-vis::before{animation:bfhs-pulse 5s ease-in-out infinite}
  .bf-hs-slide.is-active .bf-hs-vis::after{animation:bfhs-spin 45s linear infinite}
  .splide__pagination__page.is-active::after{animation:bfhs-fill 7s linear forwards}
  .splide:hover .splide__pagination__page.is-active::after{animation-play-state:paused}
}
/* Tablet: keep two columns */
@media(min-width:768px) and (max-width:991px){
  
  
  
  
  
  
  .bf-hs-slide:first-child .bf-hs-text{gap:14px!important}
  
}
/* Phone: picture first and compact, text clamped, one full-width button plus a round WhatsApp button */
@media(max-width:767px){
  
  
  
  .bf-hs-vis::before{width:184px!important}
  .bf-hs-vis::after{width:156px!important}
  
  
  .bf-hs-p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .bf-hs-slide:first-child .bf-hs-p{-webkit-line-clamp:5}
  
  
  
  
  
  
}

/* Heart on product cards: same line weight as the other icons (the uploaded outline heart is a thin filled shape, so thicken its outline). */
[data-bf-wish] path{stroke:currentColor;stroke-width:26px;stroke-linejoin:round}

/* Desktop cart drawer sits flush against the screen edge (FluentCart leaves a 60px gap for its open button) */
@media (min-width: 768px){.fct-cart-drawer.open{right:0!important;left:auto!important}html[dir=rtl] .fct-cart-drawer.open{right:auto!important;left:0!important}}

/* Benefits: no hover bubble on touch screens; the tap opens a pop-up sheet instead (bf-details.js) */
@media (hover:none),(max-width:767px){.bf-hl .bf-tip{display:none!important}}
.bf-bsheet{position:fixed;inset:0;z-index:2147483000;background:rgba(20,30,10,.5);display:flex;align-items:flex-end;justify-content:center;animation:bfbsfade .2s ease}
.bf-bsheet-box{width:100%;max-width:520px;max-height:80vh;overflow:auto;background:#fff;border-radius:20px 20px 0 0;padding:18px 20px calc(24px + env(safe-area-inset-bottom));box-sizing:border-box;animation:bfbsup .28s cubic-bezier(.2,.8,.2,1)}
.bf-bsheet-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 6px}
.bf-bsheet-top strong{font-size:17px;color:#1f2a14}
.bf-bsheet-x{width:36px;height:36px;border:0;border-radius:50%;background:#f2f5ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23424a39' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/16px no-repeat;cursor:pointer;padding:0}
.bf-bsheet-name{font-size:13.5px;color:#5a6650;margin:0 0 12px;line-height:1.4}
.bf-bsheet-list{gap:10px}
.bf-bsheet-list li{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;font-size:14.5px;line-height:1.55}
@keyframes bfbsfade{from{opacity:0}to{opacity:1}}
@keyframes bfbsup{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.bf-bsheet,.bf-bsheet-box{animation:none}}

/* Hover bubble on product cards: full benefit lines (no 2-line cut), wider, and not clipped by the card */
@media (hover:hover) and (min-width:768px){
.bf-hl .bf-tip{width:250px!important;left:-220px!important;right:auto!important;max-width:none}
html[dir=rtl] .bf-hl .bf-tip{left:auto!important;right:-220px!important}
.bf-hl .bf-tip .bf-tipl li{display:block;-webkit-line-clamp:unset;overflow:visible}
.bf-card:has(.bf-hl:hover),.bf-card:has(.bf-hl:focus-visible){overflow:visible!important;position:relative;z-index:30}
.bf-hl .bf-tip{box-shadow:0 14px 34px -10px rgba(31,42,20,.35)}
}

.bf-bsheet-go{display:flex;align-items:center;justify-content:center;margin-top:16px;min-height:48px;border-radius:99px;background:#6bad0d;color:#fff!important;font-weight:600;text-decoration:none}
.bf-bsheet-go:hover{background:#4c8208}
@media (min-width:768px){.bf-bsheet{align-items:center}.bf-bsheet-box{border-radius:22px;max-width:480px}}

/* images carry width/height attributes for layout stability; this keeps their height proportional unless a rule sets one */
:where(img[width][height]){height:auto}

/* product-line tabs on narrow screens: same height for every tab, centred when they fit (auto margins collapse to scrolling when they do not) */
@media (max-width:767px){.bf-tiles>.tab-title:first-child{margin-inline-start:auto}.bf-tiles>.tab-title:last-child{margin-inline-end:auto}}

/* "Welcome to Bahar Factory" intro section: roomier header (eyebrow, heading, bar) */
/* letter-spacing would break the joined Arabic / Kurdish letters */
html[dir=rtl] .brxe-section:has(>.brxe-container>.bf-why)>.brxe-container>h5{letter-spacing:0;text-transform:none;font-size:17px!important}
.fct-mini-cart-button .fct-mini-cart-wrap svg{width:24px!important;height:24px!important}
/* Home hero line slides: one big product per slide */
.bf-hs-slide:nth-child(n+2) .bf-hs-vis .bf-hs-bottle{width:auto!important;height:100%!important;max-width:100%;aspect-ratio:1/1;object-fit:contain}
@media(min-width:992px){.bf-hs-slide:nth-child(n+2) .bf-hs-vis{height:540px!important}}
@media(min-width:768px) and (max-width:991px){.bf-hs-slide:nth-child(n+2) .bf-hs-vis{height:390px!important}}
@media(max-width:767px){
  .bf-hs-slide:nth-child(n+2) .bf-hs-vis{height:200px!important}
  .bf-hs-slide:nth-child(n+2) .bf-hs-vis .bf-hs-bottle{scale:1.1}
  .bf-hs-slide:nth-child(n+2) .bf-hs-vis .bf-hs-art{width:34px!important;height:auto!important}
}
@media(min-width:768px) and (max-width:991px){.bf-hs-slide:nth-child(n+2) .bf-hs-vis .bf-hs-art{width:46px!important;height:auto!important}}
/* Hero pagination: round dots, the active one is a ring that fills over the slide time */
@property --bf-a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes bfhs-ring{from{--bf-a:0deg}to{--bf-a:360deg}}
.brxe-slider-nested:has(.bf-hs-slide) .splide__pagination{gap:10px!important;align-items:center!important}
.brxe-slider-nested:has(.bf-hs-slide) .splide__pagination__page{position:relative!important;opacity:1!important;overflow:visible!important;transition:transform .3s,background .3s!important}
.brxe-slider-nested:has(.bf-hs-slide) .splide__pagination__page:hover{background:rgba(255,255,255,.75)!important}
.brxe-slider-nested:has(.bf-hs-slide) .splide__pagination__page.is-active{background:transparent!important;transform:none!important}
.brxe-slider-nested:has(.bf-hs-slide) .splide__pagination__page.is-active::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(#ffd24a var(--bf-a),rgba(255,255,255,.28) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));--bf-a:360deg}
.brxe-slider-nested:has(.bf-hs-slide) .splide__pagination__page.is-active::after{content:"";position:absolute;inset:50% auto auto 50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#ffd24a;transform:none;animation:none}
@media(prefers-reduced-motion:no-preference){
  .brxe-slider-nested:has(.bf-hs-slide) .splide__pagination__page.is-active::before{--bf-a:0deg;animation:bfhs-ring 7s linear forwards}
  .brxe-slider-nested:has(.bf-hs-slide):hover .splide__pagination__page.is-active::before{animation-play-state:paused}
}


/* ---- Wishlist feedback: pop on the heart, badge bump, and a message pill ---- */
@keyframes bfwishpop{0%{transform:scale(1)}35%{transform:scale(1.5)}65%{transform:scale(.88)}100%{transform:scale(1)}}
@keyframes bfwishbump{0%{transform:scale(1)}40%{transform:scale(1.5)}100%{transform:scale(1)}}
.bf-wish-pop{animation:bfwishpop .5s cubic-bezier(.3,1.4,.5,1)}
.bf-wish-bump{animation:bfwishbump .45s ease}
[data-bf-wish]{transition:color .2s ease}
[data-bf-wish][aria-pressed="true"]{filter:drop-shadow(0 2px 4px rgba(224,36,94,.35))}
.bf-wish-toast{position:fixed;left:50%;width:max-content;bottom:28px;z-index:2147483000;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:12px 20px;border-radius:999px;background:#1f2a14;color:#fff;font-size:14px;font-weight:600;box-shadow:0 14px 34px -10px rgba(0,0,0,.45);opacity:0;transform:translate(-50%,16px);pointer-events:none;transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.3,1)}
.bf-wish-toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.bf-wish-toast .bf-wt::before{content:"\2665";margin-inline-end:8px;color:#ff5c8a}
.bf-wish-toast.is-removed .bf-wt::before{color:#9aa58d}
.bf-wish-toast .bf-wt{white-space:normal}\n.bf-wish-toast .bf-wv{color:#b9e36a!important;text-decoration:underline;white-space:nowrap}
@media (max-width:991px){.bf-wish-toast{bottom:calc(88px + env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:reduce){.bf-wish-pop,.bf-wish-bump{animation:none}.bf-wish-toast{transition:none}}


/* ---- Header language switcher on narrow desktops (992-1279px): same pill-with-card as phones, so the menu row does not wrap ---- */
@media (min-width:992px){
  #brxe-dt221e{position:relative}
  .bf-lang-d .lang-item:not(.current-lang){display:none!important}
  .bf-lang-d .current-lang a::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);margin-inline-start:4px;transition:transform .25s ease}
  .bf-lang-open .bf-lang-d .current-lang a::after{transform:rotate(-135deg) translateY(-1px)}
  #brxe-dt221e .bf-lang-pop{display:block;position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:156px;background:#fff;border:1px solid #e3e8dc;border-radius:16px;padding:6px;box-shadow:0 18px 40px -12px rgba(30,50,15,.28);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.97);transform-origin:top;transition:opacity .22s ease,transform .25s cubic-bezier(.2,.8,.3,1),visibility .22s;z-index:200}
  #brxe-dt221e.bf-lang-open .bf-lang-pop{opacity:1;visibility:visible;transform:none}
  #brxe-dt221e .bf-lang-pop a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:600;color:#2d3b2b;text-decoration:none}
  #brxe-dt221e .bf-lang-pop a:hover{background:rgba(107,173,13,.14)}
  #brxe-dt221e .bf-lang-pop img{width:22px!important;height:auto!important;border-radius:3px;display:block}
}

/* Hero dial: the dial chips replace the pagination dots */
.brxe-slider-nested:has(.bf-hs-slide) .splide__pagination{display:none!important}

/* Language dropdown on desktop: opens on hover (click and keyboard still work) */
@media (min-width:992px) and (hover:hover){
  #brxe-dt221e .bf-lang-pop::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
  #brxe-dt221e:hover .bf-lang-pop,#brxe-dt221e:focus-within .bf-lang-pop{opacity:1;visibility:visible;transform:none}
  #brxe-dt221e:hover .bf-lang-d .current-lang a::after{transform:rotate(-135deg) translateY(-1px)}
}

/* Language flags are 16x11 files: show them at their own size so they stay sharp */
html body .brxe-polylang-language-switcher img,html body .bf-lang-pop img,html body #brxe-dt221e img,html body #brxe-dt221e .bf-lang-pop img,html body #brxe-xyovr6 img{width:16px!important;height:11px!important;object-fit:contain}

/* Performance: floating hero art only animates on the visible slide, and not at all on phones/for reduced motion */
.bf-hs-slide:not(.is-active) .bf-hs-art,.bf-hs-slide:not(.is-active) .bf-hs-bottle,.bf-hs-slide:not(.is-active) .bf-hs-vis,.bf-hs-slide:not(.is-active) .bf-hs-vis *{animation-play-state:paused!important}
.bf-hs-slide.is-active .bf-hs-art,.bf-hs-slide.is-active .bf-hs-bottle{will-change:translate}
@media (max-width:767px){.bf-hs-art{animation:none!important}}
@media (prefers-reduced-motion:reduce){.bf-hs-art,.bf-hs-bottle{animation:none!important}}

/* Performance: the last home sections (FAQ, news, map) are not laid out until they are near the screen */
body:has(.bf-dial) #brx-content>section:nth-child(n+6){content-visibility:auto;contain-intrinsic-size:auto 600px}

/* Header cart: the count badge is anchored to the cart icon */
#brxe-y6pork .fct-mini-cart-wrap{position:relative;display:inline-flex}