/* ── 2B Bio Beauty - fiche produit (minimaliste conversion) ── */
/* badges sous le titre */
.bb2-badges{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px;}
.bb2-badge{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;letter-spacing:.02em;
  border-radius:100px;padding:7px 14px;line-height:1;}
.bb2-badge--nat{background:#53720b;color:#fff;}
.bb2-badge--zone{background:transparent;color:#53720b;border:1.5px solid #53720b;}
.bb2-badge--skin{background:#F6F7F1;color:#5d5755;border:1px solid #E4E9D8;}
.bb2-badge--bs{background:#b07b1e;color:#fff;}
/* extrait (accroche) */
.single-product .woocommerce-product-details__short-description{font-size:17px;line-height:1.55;color:#3b3735;}
.single-product .woocommerce-product-details__short-description strong{display:inline-block;margin-top:8px;
  font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#53720b;font-weight:700;}
/* description longue */
.woocommerce-Tabs-panel--description h2, .woocommerce-tabs h2, .wc-tab h2{
  font-size:21px;font-weight:700;color:#211102;margin:34px 0 12px;padding-left:12px;border-left:4px solid #53720b;}
.woocommerce-Tabs-panel--description h3, .wc-tab h3{font-size:16.5px;color:#53720b;margin:20px 0 8px;}
.woocommerce-Tabs-panel--description p, .wc-tab p{font-size:16px;line-height:1.65;color:#3b3735;}
.woocommerce-Tabs-panel--description ul, .wc-tab ul{margin:10px 0;padding-left:2px;list-style:none;}
.woocommerce-Tabs-panel--description ul li, .wc-tab ul li{position:relative;padding-left:26px;margin:7px 0;font-size:16px;line-height:1.55;color:#3b3735;}
.woocommerce-Tabs-panel--description ul li::before, .wc-tab ul li::before{content:"✓";position:absolute;left:0;top:0;color:#53720b;font-weight:700;}
/* FAQ accordéon fin */
.wc-tab details, .woocommerce-Tabs-panel details{border-bottom:1px solid #E4E9D8;padding:14px 4px;}
.wc-tab details summary, .woocommerce-Tabs-panel details summary{cursor:pointer;font-weight:600;font-size:16px;color:#211102;list-style:none;position:relative;padding-right:30px;}
.wc-tab details summary::after{content:"+";position:absolute;right:4px;top:0;color:#53720b;font-size:20px;font-weight:600;transition:transform .2s;}
.wc-tab details[open] summary::after{transform:rotate(45deg);}
.wc-tab details p{margin-top:10px;}
/* bloc méthode 2B - carte conversion */
.wc-tab h2 + p strong:first-child{color:#53720b;}
.bb2-methode{background:#F6F7F1;border-radius:14px;padding:22px 26px;margin:26px 0;}
.bb2-methode p{margin:8px 0;}
/* masquer l'ID technique (doublon de l'UGS) */
.single-product .product_id{display:none;}

/* --- animation d'apparition de la description --- */
.bb2-anim{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
.bb2-anim.bb2-in{opacity:1;transform:none}
.single-product .woocommerce-product-details__short-description.bb2-anim{transform:translateY(12px)}

/* --- trait olive qui se dessine sur la carte méthode --- */
.bb2-methode{position:relative;overflow:hidden}
.bb2-methode::before{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:#53720b;border-radius:0 4px 4px 0;transition:height .9s cubic-bezier(.22,.61,.36,1) .25s}
.bb2-methode.bb2-in::before{height:100%}
@media (prefers-reduced-motion: reduce){.bb2-methode::before{height:100%}}

/* --- blocs image uniformes dans les grilles produits --- */
ul.products li.product .post_featured{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;border-radius:14px}
ul.products li.product .post_featured a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
ul.products li.product .post_featured img{width:100%;height:100%;object-fit:cover}

/* --- bouton Ajouter au panier sur les cartes produits (meme style que la home) --- */
ul.products li.product .add_to_cart_wrap{display:block;margin-top:10px}
ul.products li.product .add_to_cart_wrap .button{display:flex;width:100%;justify-content:center;text-align:center;font-size:14px;padding:8px 14px;line-height:1.3}

/* --- image principale de la fiche : hauteur reduite (1/3 de la hauteur d origine) --- */
.single-product div.product .woocommerce-product-gallery__image img{max-height:560px!important;width:auto!important;height:auto!important;margin:0 auto;object-fit:contain}
.single-product div.product .woocommerce-product-gallery__image{display:flex;justify-content:center;align-items:center;background:#fff;border-radius:14px}
.single-product div.product .woocommerce-product-gallery .flex-viewport{height:auto!important}

/* --- bouton Ajouter au panier des cartes : forcer l affichage (le theme le masque) --- */
ul.products li.product .add_to_cart_wrap{display:block!important;margin-top:10px}

/* --- cartes produits : boutons alignes en bas + style outline comme la home --- */
ul.products li.product{display:flex}
ul.products li.product .post_item{display:flex;flex-direction:column;width:100%}
ul.products li.product .post_data{flex:1;display:flex}
ul.products li.product .post_data_inner{display:flex;flex-direction:column;width:100%}
ul.products li.product .add_to_cart_wrap{margin-top:auto!important;padding-top:12px}
ul.products li.product .add_to_cart_wrap .button{background:transparent!important;color:#210B02!important;border:1px solid #210B02!important;border-radius:12px}
ul.products li.product .add_to_cart_wrap .button:hover{background:#53720b!important;border-color:#53720b!important;color:#fff!important}

/* --- vignettes produits de la home (widgets trx) : bloc photo uniforme --- */
.trx-addons-woo-products-product-thumbnail{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;border-radius:14px;position:relative}
.trx-addons-woo-products-product-thumbnail > a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.trx-addons-woo-products-product-thumbnail img.trx-addons-woo-products-product-prime-image{width:100%;height:100%;object-fit:cover}

/* ═══ boutique : 2 produits par ligne ═══ */
body.post-type-archive-product ul.products, body.tax-product_cat ul.products, body.tax-product_tag ul.products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:34px 26px!important;width:100%!important}
body.post-type-archive-product ul.products li.product, body.tax-product_cat ul.products li.product, body.tax-product_tag ul.products li.product{width:100%!important;margin:0!important;float:none!important}
@media(max-width:480px){body.post-type-archive-product ul.products, body.tax-product_cat ul.products, body.tax-product_tag ul.products{grid-template-columns:1fr!important}}

/* ═══ filtres style Aroma-Zone : accordeons + lignes cochables ═══ */
.sidebar .widget{border-bottom:1px solid #e4e6d8;padding-bottom:16px;margin-bottom:18px}
.sidebar .widget_title{font-size:20px!important;letter-spacing:.08em;text-transform:uppercase;color:#1C2113;font-weight:700;margin:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}
.sidebar .widget_title::after{content:"−";font-size:20px;font-weight:400;line-height:1;flex:none;margin-left:10px}
.sidebar .widget.bb2-closed .widget_title::after{content:"+"}
.sidebar .widget.bb2-closed ul, .sidebar .widget.bb2-closed form{display:none!important}
.sidebar .widget ul{list-style:none!important;margin:12px 0 0!important;padding:0!important;display:block}
.sidebar .widget ul li{display:flex;align-items:center;gap:8px;padding:7px 0!important;margin:0!important;border:none!important;background:none!important;cursor:pointer;font-size:16px;border-radius:0!important}
.sidebar .widget ul li::before{display:none!important}
.sidebar .widget ul li a{flex:1;color:#1C2113;text-decoration:none!important;border:none!important}
.sidebar .widget ul li:hover a{color:#53720b}
.sidebar .widget ul li .count{color:#8a9070;font-size:12.5px}
.sidebar .widget ul li::after{content:"";width:18px;height:18px;border:1.5px solid #c9cdb6;border-radius:5px;background:#fff;flex:none;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;transition:all .15s;box-sizing:border-box}
.sidebar .widget ul li:hover::after{border-color:#53720b}
.sidebar .widget ul li.woocommerce-widget-layered-nav-list__item--chosen::after,
.sidebar .widget ul li.current-cat::after{content:"\2713";background:#53720b;border-color:#53720b}
.sidebar .widget ul li.woocommerce-widget-layered-nav-list__item--chosen a,
.sidebar .widget ul li.current-cat a{font-weight:700;color:#53720b}
.bb2-filter-head{display:none}

/* ═══ mobile / tablette : panneau lateral, jamais sous les produits ═══ */
.bb2-filter-btn{display:none;align-items:center;gap:8px;margin:0 0 18px;padding:11px 20px;border:1.5px solid #53720b;border-radius:999px;background:#fff;color:#53720b;font-size:14.5px;font-weight:600;cursor:pointer}
.bb2-filter-count{background:#53720b;color:#fff;border-radius:999px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
@media(max-width:1023px){
  .bb2-filter-btn{display:inline-flex}
  div.sidebar.widget_area{position:fixed!important;top:0;left:0;bottom:0;width:min(84vw,360px);z-index:100000;background:#fff!important;overflow-y:auto;padding:20px!important;margin:0!important;transform:translateX(-105%);transition:transform .28s ease;box-shadow:none}
  div.sidebar.widget_area.bb2-open{transform:none;box-shadow:0 0 60px rgba(28,33,19,.3)}
  .bb2-filter-backdrop{position:fixed;inset:0;background:rgba(28,33,19,.45);opacity:0;pointer-events:none;transition:opacity .25s;z-index:99999}
  .bb2-filter-backdrop.bb2-open{opacity:1;pointer-events:auto}
  .bb2-filter-head{display:flex;align-items:center;justify-content:space-between;font-size:17px;margin-bottom:6px}
  .bb2-filter-close{background:none;border:none;font-size:30px;line-height:1;cursor:pointer;color:#1C2113;padding:0 4px}
}

/* --- grille 2 colonnes : neutraliser le clearfix du theme (item fantome en cellule 1) --- */
body.post-type-archive-product ul.products::before, body.post-type-archive-product ul.products::after,
body.tax-product_cat ul.products::before, body.tax-product_cat ul.products::after,
body.tax-product_tag ul.products::before, body.tax-product_tag ul.products::after{display:none!important;content:none!important}

/* --- curseur de prix aux couleurs du site --- */
.widget_price_filter .ui-slider .ui-slider-range{background:#53720b!important}
.widget_price_filter .ui-slider .ui-slider-handle{background:#53720b!important;border:2px solid #fff!important;box-shadow:0 1px 4px rgba(28,33,19,.3)}
.widget_price_filter .price_slider_wrapper .ui-widget-content{background:#e4e7d5!important}
.widget_price_filter .price_slider_amount .button{background:#53720b!important;color:#fff!important;border-radius:999px!important;border:none!important}

/* --- pages produits : espace header -> contenu reduit de moitie (144 -> 72px) --- */
body.single-product .page_content_wrap,
body.post-type-archive-product .page_content_wrap,
body.tax-product_cat .page_content_wrap,
body.tax-product_tag .page_content_wrap{padding-top:72px!important}

/* --- prix en gras partout sur les surfaces produits --- */
.single-product .summary .price,
.single-product .summary .price .woocommerce-Price-amount,
ul.products li.product .price,
ul.products li.product .price .woocommerce-Price-amount,
.trx-addons-woo-products-product-wrapper .price,
.trx-addons-woo-products-product-wrapper .price .woocommerce-Price-amount{font-weight:700!important}

/* --- espace header -> contenu reduit de moitie sur tout le site
       (sauf /ma-routine/ : hero pleine largeur avec header flottant, reglage dedie) --- */
body:not(.page-id-10526) .page_content_wrap{padding-top:72px!important}

/* --- mega-menu Nos gammes : 2 boutons 50/50 sur toute la largeur des cartes --- */
.elementor-8836 [data-id="bb2btnrow"]{width:100%!important;display:flex!important;flex-direction:row!important;gap:12px!important}
.elementor-8836 [data-id="bb2allbtn"], .elementor-8836 [data-id="bb2bsbtn"]{flex:1 1 0!important;width:auto!important;max-width:none!important}
.elementor-8836 [data-id="bb2allbtn"] .elementor-button, .elementor-8836 [data-id="bb2bsbtn"] .elementor-button{display:block!important;width:100%!important;text-align:center!important}

/* --- rangee des boutons du mega-menu : forcer la pleine largeur (conteneur Elementor = --width/flex-basis) --- */
.elementor-8836 [data-id="bb2btnrow"]{--width:100%!important;flex:0 0 100%!important;inline-size:100%!important;max-width:100%!important}

/* --- conteneur cartes du mega-menu : autoriser le retour a la ligne des boutons --- */
.elementor-8836 [data-id="1f2f516"]{flex-wrap:wrap!important}

/* --- la rangee de boutons enjambe les 3 colonnes du grid des cartes --- */
.elementor-8836 [data-id="bb2btnrow"]{grid-column:1 / -1!important}

/* --- selecteur de langues : drapeaux alignes avec le texte --- */
.menu-item a img.trp-flag-image, .trp-language-switcher a img.trp-flag-image{vertical-align:middle!important;position:relative;top:-1px;margin-right:7px;display:inline-block}
li[class*="menu-item"] a:has(> img.trp-flag-image){display:inline-flex!important;align-items:center;gap:7px}
li[class*="menu-item"] a:has(> img.trp-flag-image) img.trp-flag-image{margin-right:0;top:0}

/* --- hero accueil reduit (~1/3 de la hauteur d origine) --- */
.elementor-3066 [data-id="e865e66"]{max-height:920px;overflow:hidden}
.elementor-3066 [data-id="e253892"]{max-height:920px}
.elementor-3066 [data-id="e253892"] img, .elementor-3066 [data-id="e253892"] > div{height:100%!important;max-height:920px!important;object-fit:cover;width:100%}
.elementor-3066 [data-id="0385779"]{row-gap:22px!important;padding-top:16px!important;padding-bottom:16px!important;justify-content:center!important}

/* --- home : boutons Acheter maintenant alignes en bas des cartes (widgets trx) --- */
ul.products li.product{display:flex}
li.product .trx-addons-woo-products-product-wrapper{display:flex;flex-direction:column;width:100%;height:100%}
li.product .trx-addons-woo-products-atc-button{margin-top:auto!important;padding-top:12px}

/* --- home : cartes de meme hauteur par rangee (le bouton s aligne en bas) --- */
body.home ul.products{display:flex!important;flex-wrap:wrap;align-items:stretch}

/* --- le bloc details (titre/prix/bouton) remplit la carte, bouton pousse en bas --- */
li.product .trx-addons-woo-products-details-wrap{display:flex;flex-direction:column;flex:1 1 auto}
li.product .trx-addons-woo-products-details-wrap .trx-addons-woo-products-atc-button{margin-top:auto!important;padding-top:12px}

/* --- toutes les images de vignette en cover (y compris image de survol) --- */
.trx-addons-woo-products-product-thumbnail img, ul.products li.product .post_featured img{width:100%!important;height:100%!important;object-fit:cover!important}

/* --- pas de colonne filtres sur compte / panier / commande --- */
body.woocommerce-account div.sidebar.widget_area, body.woocommerce-cart div.sidebar.widget_area, body.woocommerce-checkout div.sidebar.widget_area{display:none!important}
body.woocommerce-account .content, body.woocommerce-cart .content, body.woocommerce-checkout .content{width:100%!important;max-width:100%!important}

/* --- recap commande : ligne produit avec photo --- */
.bb2-order-item{display:inline-flex;align-items:center;gap:12px}
.bb2-order-item img{width:56px;height:70px;object-fit:cover;border-radius:8px;background:#fff;flex:none}

/* --- bande titre de page : espace header->titre reduit de moitie (140 -> 70) --- */
.elementor-8394 [data-id="76275e88"] > .e-con-inner{padding-top:70px!important}

/* --- hero accueil : hauteur imposee 840px (+20%) --- */
.elementor-3066 [data-id="e865e66"]{min-height:920px}
.elementor-3066 [data-id="e865e66"] > .e-con, .elementor-3066 [data-id="0385779"], .elementor-3066 [data-id="e253892"]{min-height:920px}

/* --- typo WooCommerce alignee sur l accueil : Inter (le serif Trirong disparait) --- */
.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4,
.sc_layouts_title_caption,
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .price,
.sidebar .widget_title,
div.product .product_title, div.product p.price, div.product .price,
.woocommerce-tabs ul.tabs li a,
table.shop_table th, table.shop_table td, .cart_totals h2,
.woocommerce-order-details__title, .woocommerce-column__title,
.woocommerce-loop-category__title,
.trx-addons-woo-products-product-title, .trx-addons-woo-products-product-title a{font-family:"Inter",sans-serif!important}

/* --- typo du panier lateral et widget panier : Inter comme l accueil --- */
.elementor-menu-cart__container, .elementor-menu-cart__container *,
.widget_shopping_cart_content, .widget_shopping_cart_content *,
.elementor-menu-cart__toggle_button, .elementor-menu-cart__toggle_button *{font-family:"Inter",sans-serif!important}

/* --- pages boutique : contenu a 90% de la largeur de l ecran --- */
body.post-type-archive-product .content_wrap, body.tax-product_cat .content_wrap, body.tax-product_tag .content_wrap{max-width:90vw!important;width:90vw!important}
@media(max-width:480px){body.post-type-archive-product ul.products, body.tax-product_cat ul.products, body.tax-product_tag ul.products{grid-template-columns:1fr!important}}

/* --- archives boutique : grille sidebar 316px | produits 1fr (pas de goutiere geante) --- */
body.post-type-archive-product .content_wrap, body.tax-product_cat .content_wrap, body.tax-product_tag .content_wrap{display:grid!important;grid-template-columns:316px minmax(0,1fr)!important;gap:0 44px!important;align-items:start!important}
body.post-type-archive-product .content_wrap > .content, body.tax-product_cat .content_wrap > .content, body.tax-product_tag .content_wrap > .content{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:none!important;float:none!important}
body.post-type-archive-product .content_wrap > .sidebar, body.tax-product_cat .content_wrap > .sidebar, body.tax-product_tag .content_wrap > .sidebar{grid-column:1!important;grid-row:1!important;width:auto!important;float:none!important;margin:0!important}
@media(max-width:1023px){
  body.post-type-archive-product .content_wrap, body.tax-product_cat .content_wrap, body.tax-product_tag .content_wrap{display:block!important}
}

/* --- filtre actif : croix discrete, coche centree --- */
.sidebar .widget ul li.woocommerce-widget-layered-nav-list__item--chosen a::before{content:"\00d7"!important;background:none!important;border:none!important;border-radius:0!important;color:#8a9070!important;font-size:16px!important;font-weight:400!important;width:auto!important;height:auto!important;line-height:1!important;margin:0 7px 0 0!important;display:inline-block!important;vertical-align:middle}

/* --- coche du filtre actif : SVG centre --- */
.sidebar .widget ul li.woocommerce-widget-layered-nav-list__item--chosen::after,
.sidebar .widget ul li.current-cat::after{content:""!important;background-color:#53720b!important;border-color:#53720b!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:11px 11px!important}

/* --- mini-panier : titre produit reduit de 3px (17.25 -> 14.25) --- */
.widget_shopping_cart_content .mini_cart_item a:not(.remove):not(.remove_from_cart_button){font-size:10px!important;line-height:1.4!important}

/* --- panneau panier trx : titre produit (selecteur direct) --- */
.trx_addons_sc_layouts_cart_mini_cart_item_content > a{font-size:10px!important;line-height:1.4!important}

/* ═══ lot A retours client : cartes boutique ═══ */
.bb2-lt{display:block}
.bb2-lt-fn{display:block;font-weight:400;font-size:15px;line-height:1.35;color:#1C2113}
.bb2-lt-name{display:block;font-weight:700;font-size:16px;line-height:1.35}
.bb2-vol{font-weight:400;color:#1C2113}
/* en-tete boutique epuree : H1 conserve pour le SEO mais masque, compteur et tri retires */
body.post-type-archive-product .sc_layouts_title_title, body.tax-product_cat .sc_layouts_title_title, body.tax-product_tag .sc_layouts_title_title,
body.post-type-archive-product .content > h1, body.tax-product_cat .content > h1, body.tax-product_tag .content > h1,
body.post-type-archive-product .woocommerce-products-header__title, body.tax-product_cat .woocommerce-products-header__title, body.tax-product_tag .woocommerce-products-header__title{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;margin:0!important;padding:0!important}
body.post-type-archive-product .woocommerce-result-count, body.tax-product_cat .woocommerce-result-count, body.tax-product_tag .woocommerce-result-count,
body.post-type-archive-product .woocommerce-ordering, body.tax-product_cat .woocommerce-ordering, body.tax-product_tag .woocommerce-ordering{display:none!important}

/* --- tags famille cartes + titre fiche --- */
.bb2-cat{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#8a9070;font-weight:700;margin-bottom:4px}
.bb2-single-title{margin-bottom:2px!important}
.bb2-single-fn{font-size:17px;color:#6b7157;margin:0 0 14px;line-height:1.4}

/* --- mega-menu : 7 familles sur 4 colonnes, images carrees --- */
.elementor-8836 [data-id="1f2f516"]{grid-template-columns:repeat(4,1fr)!important;gap:18px 16px!important}
.elementor-8836 [data-id^="bb2fam"] img{aspect-ratio:1/1!important;object-fit:cover!important;width:100%!important;height:auto!important;border-radius:16px;background:#fff}
.elementor-8836 [data-id^="bb2famh"] h6, .elementor-8836 [data-id^="bb2fam"] h6{font-size:14px!important;line-height:1.3!important;margin:0!important}
@media(max-width:1023px){.elementor-8836 [data-id="1f2f516"]{grid-template-columns:repeat(2,1fr)!important}}

/* --- reassurance fiche produit --- */
.bb2-reassurance{background:#F6F7F1;border-radius:12px;padding:14px 18px;margin:18px 0 6px;font-size:14px;line-height:1.6;color:#1C2113}
.bb2-reassurance div+div{margin-top:6px}
.bb2-reassurance a{color:#53720b;text-decoration:underline}

/* --- icones minimalistes du bloc reassurance --- */
.bb2-reassurance .bb2-ico{display:inline-block;width:17px;height:17px;color:#53720b;vertical-align:-3px;margin-right:7px}
.bb2-reassurance .bb2-ico svg{width:100%;height:100%;display:block}

/* --- paliers depositaire sur la fiche --- */
.bb2-paliers{border-collapse:collapse;margin:10px 0 4px;font-size:14.5px}
.bb2-paliers th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#6b7157;font-weight:700;padding:4px 18px 4px 0;text-align:left}
.bb2-paliers td{padding:2px 18px 6px 0;font-weight:700}
.bb2-paliers-note{font-size:12.5px;color:#6b7157;margin:0 0 10px}

/* ═══ retours client 24/08 - lot 1 ═══ */
/* vol | prix plus discrets que le nom */
ul.products .price, ul.products .bb2-vol{font-size:14px!important;font-weight:600!important}
.single-product .summary .price{font-size:18px!important}
.single-product .summary .bb2-vol{font-size:16px!important;font-weight:500}
li.product{cursor:pointer}
/* fiche : Categorie / Etiquette masquees, Ref conservee */
.single-product .product_meta .posted_in, .single-product .product_meta .tagged_as{display:none!important}
/* cadre visuel adapte au format de la photo (plus de bandes blanches) */
.single-product div.product .woocommerce-product-gallery__image{background:transparent!important;display:flex;justify-content:center}
.single-product div.product .woocommerce-product-gallery__image img{width:auto!important;max-width:100%!important;background:#fff;border-radius:14px}
.single-product .flex-control-thumbs img{object-fit:contain!important;background:#fff;border-radius:8px}
/* titres de sections uniformises dans les onglets */
.woocommerce-Tabs-panel h3.bb2-sec{font-size:18px;font-weight:700;color:#1C2113;margin:24px 0 8px;border:none;padding:0;text-transform:none;letter-spacing:0}
/* En resume : meme typo dans les deux colonnes */
.woocommerce-product-attributes th, .woocommerce-product-attributes td{font-family:inherit!important;font-size:15px!important}
.woocommerce-product-attributes th{font-weight:600!important;color:#1C2113!important}
/* paliers depositaire lisibles */
.bb2-paliers th{color:#1C2113!important;font-size:13px!important}

/* --- Trouver un institut : titre standard masque (hero dans la page) --- */
body.page-id-11157 .sc_layouts_title_title, body.page-id-11157 .sc_layouts_title_caption{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;margin:0!important;padding:0!important}
@media(max-width:760px){body.page-id-11157 .sl-hero h1{font-size:30px!important}}

/* --- Trouver un institut : bande titre entierement repliee (h1 visible dans le hero) --- */
body.page-id-11157 .elementor-8394 [data-id="76275e88"]{display:none!important}
body.page-id-11157 .page_content_wrap{padding-top:0!important}

/* --- fiches cabine : note institut --- */
.bb2-cabine-note{background:#F6F7F1;border-left:4px solid #53720b;border-radius:10px;padding:16px 20px;margin:16px 0;font-size:15px;line-height:1.6}
.bb2-cabine-note .bb2-cabine-cta{display:inline-block;margin-top:10px;background:#53720b;color:#fff!important;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none!important}

/* --- paliers depositaire : tableau aux couleurs du theme, lisible --- */
.bb2-paliers{width:100%;max-width:440px;border-collapse:separate!important;border-spacing:0!important;border:1.5px solid #d9ddc8!important;border-radius:12px;overflow:hidden;margin:12px 0 4px!important;font-size:14.5px}
.bb2-paliers tr{background:none!important}
.bb2-paliers th{background:#53720b!important;color:#fff!important;font-size:12px!important;letter-spacing:.07em;text-transform:uppercase;font-weight:700!important;padding:9px 16px!important;text-align:left;border:none!important;width:33.33%}
.bb2-paliers td{background:#F6F7F1!important;color:#1C2113!important;font-weight:700!important;padding:11px 16px!important;border:none!important}
.bb2-paliers td small{color:#6b7157;font-weight:500;font-size:11.5px;margin-left:2px}

/* --- palier actif selon la quantite choisie --- */
.bb2-paliers td.bb2-palier-actif{background:#eef1dc!important;box-shadow:inset 0 0 0 2px #53720b}
.bb2-paliers th.bb2-palier-actif{background:#53720b!important}

/* --- paliers : meme typo que le prix --- */
.bb2-paliers th{font-family:"Inter","Work Sans",sans-serif!important}
.bb2-paliers td{font-family:"Inter","Work Sans",sans-serif!important}

/* --- la-marque : pas de bande vide au-dessus du footer --- */
body.page-id-10871 .page_content_wrap{padding-bottom:0!important}

/* --- bouton commande rapide du mega-menu (depositaire) --- */
.elementor-8836 [data-id="bb2btnrow"] .bb2-menu-qo{flex:1 1 0;display:flex;align-items:center;justify-content:center;background:#53720b;color:#fff!important;border-radius:999px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none!important;text-align:center}
.elementor-8836 [data-id="bb2btnrow"] .bb2-menu-qo:hover{background:#53720b}

/* --- mega-menu : les deux boutons du bas equilibres 50/50, sans retour a la ligne --- */
.elementor-8836 [data-id="bb2btnrow"]{display:flex!important;flex-direction:row!important;gap:12px!important;align-items:stretch!important}
.elementor-8836 [data-id="bb2btnrow"] > *{flex:1 1 0!important;min-width:0!important;max-width:none!important;width:auto!important}
.elementor-8836 [data-id="bb2btnrow"] .bb2-menu-qo{white-space:nowrap;padding:12px 20px;font-size:15px;flex:1 1 0!important}
.elementor-8836 [data-id="bb2btnrow"] .elementor-button{white-space:nowrap}

/* --- bouton Commande rapide : strictement le style de « Tous nos produits », seule la couleur change --- */
.elementor-8836 [data-id="bb2btnrow"] .bb2-menu-qo{
  font-family:"Work Sans",sans-serif!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:19px!important;
  padding:12px 28px!important;
  border-radius:999px!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  background:#53720b;
  display:flex;align-items:center;justify-content:center;
}

/* --- Commande rapide PRO : clone exact du bouton, seule la couleur change --- */
.elementor-8836 .bb2-qo-lien{background-color:#53720b!important}
.elementor-8836 .bb2-qo-lien:hover{background-color:#454f0b!important}

/* --- lien commande rapide sous les paliers --- */
.bb2-qo-fiche{display:inline-block;margin-left:6px;color:#53720b!important;font-weight:600;text-decoration:underline!important}

/* --- section 2B Bio Peeling (home) : les deux CTA cote a cote --- */
.elementor-3066 [data-id="eb8caff"]{display:grid!important;grid-template-columns:max-content max-content 1fr;gap:18px 14px}
.elementor-3066 [data-id="eb8caff"] > *{grid-column:1 / -1;min-width:0}
.elementor-3066 [data-id="eb8caff"] > [data-id="19651b2"]{grid-column:1;width:auto!important}
.elementor-3066 [data-id="eb8caff"] > [data-id="f0742cc"]{grid-column:2;width:auto!important}
@media(max-width:600px){
  .elementor-3066 [data-id="eb8caff"] > [data-id="19651b2"], .elementor-3066 [data-id="eb8caff"] > [data-id="f0742cc"]{grid-column:1 / -1}
}

/* ═══ Pages Soins 2B Bio Peeling / Bio Beauty (11286, 11287) ═══ */
/* bandeau titre du thème masqué : le H1 vit dans le hero Elementor */
.page-id-11286 .sc_layouts_title_caption,
.page-id-11287 .sc_layouts_title_caption { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.page-id-11286 .top_panel_title .sc_layouts_title,
.page-id-11287 .top_panel_title .sc_layouts_title { min-height:0 !important; padding:0 !important; }
/* accordéon : titres lisibles */
.page-id-11286 .elementor-accordion .elementor-tab-title,
.page-id-11287 .elementor-accordion .elementor-tab-title { font-size:17px; }
.page-id-11347 .sc_layouts_title_caption { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.page-id-11347 .top_panel_title .sc_layouts_title { min-height:0 !important; padding:0 !important; }

/* ═══ Réunion 04/09 : lisibilité + fiche produit ═══ */
/* paragraphes 21px sur le contenu (validé en séance), header/footer préservés */
body .elementor-widget-text-editor p{font-size:21px;line-height:1.6}
.footer_wrap .elementor-widget-text-editor p,
.top_panel .elementor-widget-text-editor p,
#rfBar2 p, .sc_layouts_row .elementor-widget-text-editor p{font-size:inherit;line-height:inherit}
/* fiche : accroche plus presente */
.single-product div.product .woocommerce-product-details__short-description p{font-size:19px;line-height:1.55;color:#1C2113}
/* fiche : Réf. discrete */
.single-product div.product .product_meta .sku_wrapper{font-size:11.5px;color:#a3a88c}
/* fiche : galerie proportions 4:5, visuel principal dominant, vignettes reduites */
.single-product div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{width:100%;height:auto}
.single-product div.product .flex-control-thumbs li{width:17%!important;margin-right:3%}
.single-product div.product .flex-control-thumbs img{aspect-ratio:4/5;object-fit:cover}

/* ═══ Survol cartes : 2e image en fondu ═══ */
ul.products li.product .post_featured{position:relative;overflow:hidden}
ul.products li.product .post_featured a{position:relative;display:block}
ul.products li.product .post_featured .bb2-hover2{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;pointer-events:none}
ul.products li.product:hover .post_featured .bb2-hover2{opacity:1}
/* ═══ Fiche : visuel principal plus grand, miniatures plus petites ═══ */
@media(min-width:1025px){
.single-product div.product .woocommerce-product-gallery{width:55%!important}
.single-product div.product .entry-summary,.single-product div.product .summary{width:42%!important}
}
.single-product div.product .flex-control-thumbs li{width:12%!important;margin-right:2.5%!important}
/* visuel principal : pleine largeur de colonne, hauteur naturelle */
.single-product div.product .woocommerce-product-gallery .flex-viewport{height:auto!important;max-height:none!important}
.single-product div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{height:auto!important;object-fit:unset!important}

/* ═══ Bouton « Voir le détail » au survol des cartes (comme l'accueil) ═══ */

/* ═══ « Voir le détail » : clone exact du bouton de l'accueil (widget trx personnalisé) ═══ */
ul.products li.product .post_featured .bb2-qv{position:absolute;left:0;right:auto;bottom:0;width:100%;display:flex;justify-content:center;align-items:center;gap:7px;padding:13px;background:#fff;color:#000;font-size:14px;font-weight:500;line-height:1.3;border-radius:0;box-shadow:none;white-space:nowrap;z-index:3;opacity:1;transform:translateY(100%);transition:transform .3s ease-in-out;cursor:pointer}
ul.products li.product .post_featured:hover .bb2-qv{transform:translateY(0)}
ul.products li.product .post_featured .bb2-qv .bb2-qv-icon{display:inline-flex;position:relative}
ul.products li.product .post_featured .bb2-qv svg{width:18px;height:18px;fill:#000}

/* ═══ /soin-visage/ : bloc avant/après (5 comparateurs) en carrousel ═══ */
.elementor-11381 [data-id="41d0f59"]{display:flex!important;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:18px;padding-bottom:6px;scrollbar-width:none;-ms-overflow-style:none}
.elementor-11381 [data-id="41d0f59"]::-webkit-scrollbar{display:none}
.elementor-11381 [data-id="41d0f59"]>*{flex:0 0 calc(20% - 14.4px);min-width:calc(20% - 14.4px);scroll-snap-align:start}
@media(max-width:1024px){.elementor-11381 [data-id="41d0f59"]>*{flex:0 0 calc(33.33% - 12px);min-width:calc(33.33% - 12px)}}
@media(max-width:767px){.elementor-11381 [data-id="41d0f59"]>*{flex:0 0 84%;min-width:84%}}
.bb2-caro-wrap{position:relative}
.bb2-caro-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px;max-height:42px;padding:0!important;margin:0;aspect-ratio:1/1;border-radius:50%!important;border:none;background:#fff;color:#1C2113;font-size:19px;line-height:1!important;cursor:pointer;box-shadow:0 4px 14px rgba(28,33,19,.18);display:flex;align-items:center;justify-content:center;transition:background .2s;box-sizing:border-box}
.bb2-caro-btn:hover{background:#53720b;color:#fff}
.bb2-caro-btn--prev{left:-8px}
.bb2-caro-btn--next{right:-8px}

/* ═══ Confirmation de commande : image + nom + quantité alignés sur une ligne ═══ */
.woocommerce-table--order-details td.product-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.woocommerce-table--order-details td.product-name .bb2-order-item{display:inline-flex;align-items:center;gap:10px;margin:0}
.woocommerce-table--order-details td.product-name .product-quantity{white-space:nowrap;font-weight:600}

/* ═══ 10/09 : tailles typo — fonction sous H1 fiche 30px, onglets 21px, puces uniformisées ═══ */
.single-product div.product .bb2-single-fn{font-size:30px!important;line-height:1.25}
.single-product div.product .woocommerce-Tabs-panel p,
.single-product div.product .woocommerce-Tabs-panel li{font-size:21px!important;line-height:1.6}
.single-product div.product .woocommerce-Tabs-panel details summary{font-size:21px}
/* puces au meme corps que les paragraphes (CGV et toutes pages de contenu) */
body .elementor-widget-text-editor li,
.page-id-11576 .bb2-cgv li, .page-id-11576 .bb2-cgv p{font-size:21px;line-height:1.6}
.footer_wrap .elementor-widget-text-editor li,
.top_panel .elementor-widget-text-editor li{font-size:inherit;line-height:inherit}

/* etiquette PRO sur les images (refs ^2) */
.post_featured{position:relative}
.bb2-badge-pro{position:absolute;top:10px;left:10px;z-index:6;background:#53720b;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.08em;line-height:1;padding:5px 10px;border-radius:5px;pointer-events:none}
.woocommerce-product-gallery{position:relative}
.woocommerce-product-gallery .bb2-badge-pro{top:14px;left:14px;font-size:12.5px}

/* ═══ 11/09 : FAQ (accordeon trx) — reponses a la meme taille que les paragraphes ═══ */
.trx-addons-accordion .trx-addons-accordion-tab-content,
.trx-addons-accordion .trx-addons-accordion-tab-content p,
.trx-addons-accordion .trx-addons-accordion-tab-content li{font-size:21px;line-height:1.6}

/* importateur : rappel du tarif depositaire conseille, entre EXW et prix public */
.bb2-dep-ref{display:inline-block;color:#5c614d;font-size:13.5px;margin-top:2px}

/* etiquette MARKETING sur les images (refs ^8 : PLV, warmer, depliants) */
.bb2-badge-pro.bb2-badge-mkt{background:#b07b1e}

/* ═══ 14/09 : menu Mon compte — etait une liste a puces brute (puces disc, cibles 18-26px) ═══
   Meme langage visuel que la barre de la commande rapide : colonne de pastilles sur
   grand ecran, pastilles qui s'enroulent sous 1025px. */
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.woocommerce-MyAccount-navigation li{margin:0;padding:0;list-style:none}
.woocommerce-MyAccount-navigation li::marker{content:none}
.woocommerce-MyAccount-navigation a{display:block;padding:11px 18px;border-radius:999px;text-decoration:none;font-size:15px;line-height:1.3;color:#5c614d;background:#F6F7F1;transition:background .15s,color .15s}
.woocommerce-MyAccount-navigation a:hover{background:#eef1dc;color:#1C2113}
.woocommerce-MyAccount-navigation li.is-active > a{background:#53720b;color:#fff;font-weight:600}
@media(max-width:768px){
  .woocommerce-MyAccount-navigation ul{flex-direction:row;flex-wrap:wrap;gap:8px;border-bottom:1px solid #e3e6d8;padding-bottom:14px;margin-bottom:20px}
  .woocommerce-MyAccount-navigation a{font-size:14.5px;padding:9px 16px}
}

/* ═══ 16/09 : resultats de recherche — un produit s'affiche comme un produit ═══
   Les cartes produit se rangent en grille ; les autres resultats (pages, conseils)
   gardent la pleine largeur du theme. */
body.search .posts_container{display:flex;flex-wrap:wrap;gap:26px;align-items:flex-start}
body.search .posts_container > *{flex:1 1 100%}
body.search .posts_container > .bb2-recherche-produit{flex:0 0 calc(25% - 20px);max-width:calc(25% - 20px);margin:0;padding:0;list-style:none}
body.search .bb2-recherche-produit li.product{width:100%;max-width:none;margin:0;padding:0;float:none;list-style:none}
body.search .bb2-recherche-produit .post_featured{margin-bottom:14px}
@media(max-width:1200px){body.search .posts_container > .bb2-recherche-produit{flex-basis:calc(33.333% - 18px);max-width:calc(33.333% - 18px)}}
@media(max-width:860px){body.search .posts_container > .bb2-recherche-produit{flex-basis:calc(50% - 13px);max-width:calc(50% - 13px)}}
@media(max-width:520px){body.search .posts_container > .bb2-recherche-produit{flex-basis:100%;max-width:100%}}
