/* BatiMax site CSS (moved from Website > Custom code <head>, 2026-10-30). Edit this attachment, then bump ?unique in the <head> link. */
/* ---- block 1 ---- */
/* BatiMax: clamp product card titles to 2 lines (homepage carousels) */
.s_dynamic_snippet_products .o_wsale_products_item_title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;}
/* BatiMax: old (strikethrough) price in grey */
.s_dynamic_snippet_products .product_price del, .oe_website_sale .product_price del{color:#9e9e9e !important;text-decoration-color:#9e9e9e;}

/* ---- block 2 ---- */
/* BatiMax: carousel "Voir tout" button */
.bx-see-all{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #DF3923;color:#DF3923 !important;font-weight:600;font-size:14px;padding:7px 18px;border-radius:999px;text-decoration:none !important;white-space:nowrap;transition:all .2s;}
.bx-see-all:hover{background:#DF3923;color:#fff !important;}
.s_dynamic_snippet_title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;}

/* ---- block 3 ---- */
/* BatiMax mobile refinements */
@media (max-width: 767.98px){
  .s_dynamic_snippet_title{flex-direction:column;align-items:flex-start;gap:8px;}
  .bx-see-all{font-size:13px;padding:6px 14px;}
  .s_dynamic_snippet_products .o_wsale_products_item_title{font-size:13px;}
  .section-counters .counter-value{font-size:1.6rem;}
}

/* ---- block 4 ---- */
/* BatiMax: avoid duplicate discount badges (ribbon + computed promo) on product cards */
.product-badges-wrap:has(.badge-promo) .product-badge:not(.badge-promo){display:none;}

/* ---- block 5 ---- */
/* BatiMax: sidebar rework — price filter above categories, compact category tree */
.o_wsale_products_grid_before_rail{display:flex;flex-direction:column;}
.o_wsale_products_grid_before_rail > .mtx-cat-sidebar{order:5;}
.o_wsale_products_grid_before_rail > .oe_structure{order:6;}
/* price quick inputs */
.bx-price-inputs{display:flex;gap:8px;align-items:center;margin:8px 0 4px;}
.bx-price-inputs input{width:0;flex:1 1 auto;min-width:0;border:1px solid #ddd;border-radius:8px;padding:6px 8px;font-size:13px;}
.bx-price-inputs button{border:none;background:#DF3923;color:#fff;border-radius:8px;padding:6px 12px;font-weight:600;font-size:13px;cursor:pointer;}

/* ---- block 6 ---- */
/* BatiMax: one clean sidebar scroller */
.o_wsale_products_grid_before_rail{scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent;padding-right:6px;}
.o_wsale_products_grid_before_rail::-webkit-scrollbar{width:6px;}
.o_wsale_products_grid_before_rail::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:99px;}
.o_wsale_products_grid_before_rail::-webkit-scrollbar-track{background:transparent;}

/* ---- block 7 ---- */
/* BatiMax: sidebar scrolls with the page (no separate inner scrollbar) */
#products_grid_before{position:static !important;}
#products_grid_before .o_wsale_products_grid_before_rail{height:auto !important;max-height:none !important;overflow:visible !important;}

/* ---- block 8 ---- */
/* BatiMax: devis personnalisé card on product pages */
.bx-devis-card{background:#FBF6F5;border:1px solid #F0DEDA;border-left:4px solid #DF3923;border-radius:12px;padding:14px 16px;margin:14px 0 6px;}
.bx-devis-head{font-weight:700;color:#3A3733;font-size:15px;}
.bx-devis-sub{color:#8D8983;font-size:13px;margin:2px 0 10px;}
.bx-devis-btns{display:flex;gap:10px;flex-wrap:wrap;}
.bx-devis-wa,.bx-devis-tel{display:inline-flex;align-items:center;border-radius:999px;padding:8px 16px;font-weight:600;font-size:14px;text-decoration:none !important;}
.bx-devis-wa{background:#25D366;color:#fff !important;}
.bx-devis-wa:hover{background:#1EB958;}
.bx-devis-tel{border:1.5px solid #3A3733;color:#3A3733 !important;background:#fff;}
.bx-devis-tel:hover{background:#3A3733;color:#fff !important;}

/* ---- block 9 ---- */
/* BatiMax: Variant B — merged product buy card (price band + devis + conditions) */
.o_wsale_product_details_content_section:has(> .bx-devis-card){border:1px solid #ECE8E4;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(58,55,51,.05);padding:0 !important;}
.o_wsale_product_details_content_section:has(> .bx-devis-card) > #o_wsale_cta_wrapper{background:#FBF6F5;padding:16px !important;margin:0 !important;border:0 !important;border-radius:0 !important;}
.bx-devis-card.bx-devis-inline{border:0 !important;border-top:1px solid #ECE8E4 !important;border-radius:0 !important;margin:0 !important;padding:12px 16px !important;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:#fff !important;}
.bx-devis-inline .bx-devis-head{font-size:14px;}
.bx-devis-inline .bx-devis-sub{margin:0;font-size:12px;}
.bx-devis-inline .bx-devis-wa,.bx-devis-inline .bx-devis-tel{padding:7px 14px;font-size:13px;}
.o_wsale_product_details_content_section:has(> .bx-devis-card) > :last-child:not(.bx-devis-card){border:0 !important;border-top:1px solid #ECE8E4 !important;border-radius:0 !important;margin:0 !important;background:#fff !important;padding:12px 16px !important;}
@media (max-width:520px){
  .bx-devis-card.bx-devis-inline{flex-direction:column;align-items:stretch;}
  .bx-devis-inline .bx-devis-btns{display:flex;gap:8px;}
  .bx-devis-inline .bx-devis-wa,.bx-devis-inline .bx-devis-tel{flex:1;justify-content:center;}
}

/* ---- block 10 ---- */
/* BatiMax: merged card polish — right-align price, trim conditions whitespace */
.o_wsale_product_details_content_section:has(> .bx-devis-card) #o_wsale_cta_wrapper .product_price{text-align:right !important;width:100%;}
.o_wsale_product_details_content_section:has(> .bx-devis-card) > :last-child:not(.bx-devis-card){padding:10px 16px !important;}
.o_wsale_product_details_content_section:has(> .bx-devis-card) > :last-child .s_alert{margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;min-height:0 !important;}
.o_wsale_product_details_content_section:has(> .bx-devis-card) > :last-child .s_alert p:last-child,
.o_wsale_product_details_content_section:has(> .bx-devis-card) > :last-child .s_alert ul{margin-bottom:0 !important;}
.o_wsale_product_details_content_section:has(> .bx-devis-card) > :last-child p:empty{display:none;}

/* ---- block 11 ---- */
/* BatiMax: price band fills full card width */
.o_wsale_product_details_content_section:has(> .bx-devis-card) > #o_wsale_cta_wrapper{width:100% !important;max-width:100% !important;flex:none !important;}

/* ---- block 12 ---- */
/* BatiMax: conditions wrapper must be block (inline <small> caused stray border ticks) */
.o_wsale_product_details_content_section:has(> .bx-devis-card) > :last-child:not(.bx-devis-card){display:block !important;}

/* ---- block 13 ---- */
/* BatiMax: crossed-out (old) prices always grey, sitewide */
.bx-card-price del, .oe_website_sale del, .product_price del, .s_dynamic_snippet_products del{color:#9E9E9E !important;text-decoration-color:#9E9E9E !important;}
.bx-card-price del *, .oe_website_sale del *, .product_price del *{color:#9E9E9E !important;}

/* ---- block 14 ---- */
/* BatiMax: PDF band (variant B, white) - compact */
.bx-pdf-band{background:#fff;border:1px solid #ECE8E4;border-left:4px solid #DF3923;border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;box-shadow:0 2px 8px rgba(58,55,51,.05);margin-top:12px;}
.bx-pdf-band-ico{font-size:22px;color:#DF3923;flex:0 0 auto;}
.bx-pdf-band-txt{flex:1;min-width:200px;}
.bx-pdf-band-t{font-weight:700;font-size:14px;line-height:1.25;color:#3A3733;}
.bx-pdf-band-s{color:#8D8983;font-size:12px;line-height:1.25;}
.bx-pdf-band-form{margin:0;}
.bx-pdf-band-btn{background:#DF3923;color:#fff;border:none;border-radius:999px;padding:8px 16px;font-weight:700;font-size:13px;cursor:pointer;}
.bx-pdf-band-btn:hover{background:#C33420;}
@media (max-width:520px){ .bx-pdf-band{flex-direction:column;align-items:stretch;text-align:center;gap:8px;} .bx-pdf-band-btn{width:100%;} .bx-pdf-band-s{display:none;} }

/* ---- block 15 ---- */
/* BatiMax: devis download band on cart */
.bx-devis-band{background:#FBF6F5;border:1px dashed #E8C9C2;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px;margin-top:12px;}
.bx-devis-band-ico{font-size:20px;color:#DF3923;flex:0 0 auto;}
.bx-devis-band-txt{flex:1;font-size:12.5px;color:#8D8983;line-height:1.35;}
.bx-devis-band-txt b{display:block;font-size:13.5px;color:#3A3733;}
.bx-devis-band-btn{background:#DF3923;color:#fff !important;border-radius:999px;padding:8px 16px;font-weight:700;font-size:13px;text-decoration:none !important;white-space:nowrap;}
.bx-devis-band-btn:hover{background:#C33420;}
@media (max-width:520px){ .bx-devis-band{flex-wrap:wrap;} .bx-devis-band-btn{width:100%;text-align:center;} }

/* ---- block 16 ---- */
/* BatiMax: free delivery progress bar */
.bx-fdp{margin:10px 0 4px;}
.bx-fdp-t{font-size:12.5px;color:#3A3733;margin-bottom:6px;}
.bx-fdp-t b{color:#DF3923;}
.bx-fdp-bar{height:8px;background:#EFEBE8;border-radius:99px;overflow:hidden;}
.bx-fdp-fill{height:100%;background:linear-gradient(90deg,#DF3923,#F0684F);border-radius:99px;transition:width .6s;}
.bx-fdp-ok{color:#1E7F3C;font-size:12.5px;font-weight:600;}
/* BatiMax: post-devis WhatsApp callback */
.bx-devis-cb{margin-top:8px;font-size:12px;background:#EAF7EE;border:1px solid #CBE8D4;border-radius:10px;padding:10px 12px;display:none;}
.bx-devis-cb a{color:#1E7F3C;font-weight:700;text-decoration:none;}

/* ---- block 17 ---- */
/* BatiMax: frequently bought together */
.bx-fbt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.bx-fbt-card{background:#fff;border:1px solid #ECE8E4;border-radius:12px;padding:12px;text-decoration:none !important;color:#3A3733;display:block;transition:box-shadow .2s;}
.bx-fbt-card:hover{box-shadow:0 4px 14px rgba(58,55,51,.12);}
.bx-fbt-card img{width:100%;height:120px;object-fit:contain;margin-bottom:8px;}
.bx-fbt-n{font-size:12.5px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;}
.bx-fbt-p{color:#DF3923;font-weight:800;font-size:14px;margin-top:4px;}
@media (max-width:767px){ .bx-fbt-grid{grid-template-columns:repeat(2,1fr);} }

/* ---- block 18 ---- */
/* BatiMax: portal dashboard (variant from mockup 2) */
.o_portal_docs .o_portal_index_card > a{background:#fff !important;} .o_portal_docs .o_portal_index_card > a, .o_portal_docs .bx-portal-entry{background:#fff;border:1px solid #ECE8E4 !important;border-radius:14px !important;transition:box-shadow .2s, transform .2s;text-decoration:none !important;color:#3A3733 !important;}
.o_portal_docs .o_portal_index_card > a:hover, .o_portal_docs .bx-portal-entry:hover{box-shadow:0 6px 18px rgba(58,55,51,.10);transform:translateY(-2px);background:#fff !important;}
.o_portal_docs img{width:40px !important;height:40px !important;object-fit:contain;background:#FBEAE7;border-radius:10px;padding:7px;}
.bx-pe-ic{width:40px;height:40px;flex:0 0 auto;background:#FBEAE7;color:#DF3923;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;}
.bx-pe-t{font-weight:700;font-size:15px;}
.bx-pe-s{color:#8D8983;font-size:12.5px;}
.bx-portal-contact{margin-top:6px;background:linear-gradient(120deg,#3A3733,#55504B);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:14px;color:#fff;flex-wrap:wrap;}
.bx-pc-ic{width:40px;height:40px;flex:0 0 auto;background:rgba(223,57,35,.25);color:#F2A296;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;}
.bx-pc-txt{flex:1;min-width:220px;}
.bx-pc-t{font-weight:800;font-size:14.5px;}
.bx-pc-s{color:#CFCAC4;font-size:12px;line-height:1.5;}
.bx-pc-wa{background:#25D366;color:#fff !important;border-radius:999px;padding:9px 18px;font-weight:700;font-size:13px;text-decoration:none !important;white-space:nowrap;}
.bx-pc-wa:hover{background:#1EB958;}
@media (max-width:520px){ .bx-pc-wa{width:100%;text-align:center;} }

/* ---- block 19 ---- */
/* BatiMax: keep the notification cards (devis à revoir / factures à payer) tinted */
.o_portal_docs .o_portal_index_card.order-0 > a{background:#FBEAE7 !important;border-color:#F4CFC8 !important;}

/* ---- block 20 ---- */
/* BatiMax: portal order detail (mockup 3) */
.bx-steps{display:flex;margin:4px 0 14px;}
.bx-step{flex:1;text-align:center;font-size:11px;color:#8D8983;position:relative;padding-top:22px;}
.bx-step::before{content:'';width:15px;height:15px;border-radius:50%;background:#E8E4E0;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1;}
.bx-step.done::before{background:#1E7F3C;}
.bx-step.cur::before{background:#DF3923;box-shadow:0 0 0 4px #FBEAE7;}
.bx-step::after{content:'';position:absolute;top:7px;left:-50%;width:100%;height:2px;background:#E8E4E0;}
.bx-step:first-child::after{display:none;}
.bx-step.done::after, .bx-step.cur::after{background:#1E7F3C;}
.bx-step b{display:block;color:#3A3733;font-size:11.5px;}
.bx-order-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px;}
.bx-oa-note{flex:1;min-width:220px;background:#FBEAE7;border:1px dashed #F4CFC8;border-radius:10px;padding:10px 12px;font-size:12.5px;color:#3A3733 !important;text-decoration:none !important;}
.bx-oa-wa{background:#25D366;color:#fff !important;border-radius:999px;padding:9px 18px;font-weight:700;font-size:13px;text-decoration:none !important;white-space:nowrap;}
.bx-oa-wa:hover{background:#1EB958;}
/* brand the order page table + sidebar buttons */
#portal_sale_content table thead th, .o_portal_sale_sidebar ~ div table thead th{background:#3A3733 !important;color:#fff !important;font-size:11px;letter-spacing:.4px;}
.o_portal_sidebar .btn-primary, .o_portal_sale_sidebar .btn-primary{background:#DF3923 !important;border-color:#DF3923 !important;border-radius:999px !important;font-weight:700;}
.o_portal_sidebar .btn-primary:hover, .o_portal_sale_sidebar .btn-primary:hover{background:#C33420 !important;}
.o_portal_sidebar .btn-secondary, .o_portal_sale_sidebar .btn-secondary{border-radius:999px !important;}
@media (max-width:520px){ .bx-oa-wa{width:100%;text-align:center;} .bx-step span{display:none;} }

/* ---- block 21 ---- */
/* BatiMax: 404 page */
.bx-404{padding:60px 16px 80px;max-width:720px;margin:0 auto;}
.bx-404-code{font-size:110px;font-weight:900;color:#3A3733;line-height:1;letter-spacing:6px;}
.bx-404-code span{color:#DF3923;}
.bx-404-t{font-size:24px;font-weight:800;margin:10px 0 6px;}
.bx-404-s{color:#8D8983;font-size:14.5px;margin-bottom:22px;line-height:1.6;}
.bx-404-search{display:flex;gap:10px;max-width:560px;margin:0 auto 20px;}
.bx-404-search input{flex:1;border:1.5px solid #ECE8E4;border-radius:999px;padding:12px 20px;font-size:14px;min-width:0;}
.bx-404-search input:focus{outline:none;border-color:#DF3923;}
.bx-404-search button{background:#DF3923;color:#fff;border:none;border-radius:999px;padding:12px 24px;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap;}
.bx-404-search button:hover{background:#C33420;}
.bx-404-cats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:26px;}
.bx-404-cats a{border:1.5px solid #ECE8E4;background:#fff;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;color:#3A3733 !important;text-decoration:none !important;}
.bx-404-cats a:hover{border-color:#DF3923;color:#DF3923 !important;}
.bx-404-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;}
.bx-404-home{color:#8D8983 !important;font-size:13.5px;text-decoration:none !important;}
.bx-404-promo{color:#DF3923 !important;font-weight:700;font-size:13.5px;text-decoration:none !important;}
@media (max-width:520px){ .bx-404-code{font-size:80px;} .bx-404-search{flex-direction:column;} .bx-404-search button{width:100%;} }

/* ---- block 22 ---- */
/* BatiMax: signup section (carte fidélité) */
.bx-su-t{text-align:center;font-size:13px;font-weight:700;letter-spacing:2px;color:#DF3923;margin-bottom:4px;}
.bx-su-h{text-align:center;font-size:26px;font-weight:900;margin-bottom:6px;}
.bx-su-s{text-align:center;color:#8D8983;font-size:14px;margin-bottom:24px;}
.bx-su-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:960px;margin:0 auto;}
.bx-su-card{background:#fff;border:1px solid #ECE8E4;border-radius:16px;padding:26px;position:relative;}
.bx-su-pro{background:linear-gradient(135deg,#3A3733,#55504B);color:#fff;border:none;}
.bx-su-tag{position:absolute;top:-11px;left:24px;background:#DF3923;color:#fff;font-size:10.5px;font-weight:800;letter-spacing:1px;border-radius:99px;padding:4px 12px;}
.bx-su-tag-w{background:#fff;color:#3A3733;}
.bx-su-ct{font-size:18px;font-weight:800;margin:6px 0 10px;}
.bx-su-list{list-style:none;margin:0 0 18px;padding:0;}
.bx-su-list li{font-size:13.5px;padding:5px 0 5px 24px;position:relative;}
.bx-su-list li::before{content:'\2713';position:absolute;left:0;color:#DF3923;font-weight:800;}
.bx-su-pro .bx-su-list li{color:#E8E4E0;}
.bx-su-pro .bx-su-list li::before{color:#F2A296;}
.bx-su-btn{display:block;text-align:center;border-radius:999px;padding:13px 22px;font-weight:800;font-size:14.5px;text-decoration:none !important;}
.bx-su-red{background:#DF3923;color:#fff !important;}
.bx-su-red:hover{background:#C33420;}
.bx-su-white{background:#fff;color:#3A3733 !important;}
.bx-su-note{text-align:center;font-size:11.5px;color:#8D8983;margin-top:10px;}
.bx-su-pro .bx-su-note{color:#B8B4AE;}
@media (max-width:720px){ .bx-su-cols{grid-template-columns:1fr;} }

/* ---- block 23 ---- */
/* BatiMax: auth pages (signup + login) reskin */
.bx-auth .card.o_database_list, .bx-auth .card{border:1px solid #ddd8d4 !important;border-radius:18px !important;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.08) !important;max-width:900px !important;display:grid;grid-template-columns:1fr 1.1fr;padding:0 !important;}
.bx-auth .card > .card-body{padding:34px 32px !important;}
.bx-auth-panel{background:linear-gradient(150deg,#2E2B28,#4A443F 70%,#5A3B33);color:#fff;padding:36px 32px;display:flex;flex-direction:column;}
.bx-auth-panel .bxa-logo{font-weight:900;font-size:22px;margin-bottom:18px;color:#fff;}
.bx-auth-panel .bxa-logo span{color:#DF3923;}
.bx-auth-panel h2{font-size:20px;font-weight:800;line-height:1.3;margin-bottom:14px;color:#fff;}
.bx-auth-panel h2 em{color:#F2A296;font-style:normal;}
.bx-auth-panel ul{list-style:none;margin:0 0 auto;padding:0;}
.bx-auth-panel li{font-size:13px;color:#D9D5D0;padding:6px 0 6px 24px;position:relative;line-height:1.4;}
.bx-auth-panel li::before{content:'\2713';position:absolute;left:0;color:#F2A296;font-weight:800;}
.bx-auth-pro{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;margin-top:18px;font-size:12px;color:#CFCAC4;}
.bx-auth-pro b{color:#fff;display:block;font-size:13px;margin-bottom:2px;}
.bx-auth-pro a{color:#7BE0A2 !important;font-weight:700;text-decoration:none !important;}
.bx-auth .card-body img[src*="logo"]{display:none;}
.bx-auth .card-body hr{display:none;}
.bx-auth .card-body .form-control{border:1.5px solid #ECE8E4;border-radius:10px;padding:11px 14px;}
.bx-auth .card-body .form-control:focus{border-color:#DF3923;box-shadow:0 0 0 3px #FBEAE7;}
.bx-auth .card-body label{font-size:12.5px;font-weight:700;}
.bx-auth .card-body .btn-primary{background:#DF3923 !important;border-color:#DF3923 !important;border-radius:999px !important;font-weight:800;padding:12px !important;width:100%;}
.bx-auth .card-body .btn-primary:hover{background:#C33420 !important;}
@media (max-width:720px){ .bx-auth .card{grid-template-columns:1fr !important;} .bx-auth-panel{padding:22px 24px;} .bx-auth-panel ul{display:none;} }

/* ---- block 24 ---- */
/* BatiMax: auth card sizing fix */
.bx-auth form.oe_signup_form, .bx-auth form.oe_login_form{max-width:none !important;width:100% !important;}
.bx-auth .card{width:100% !important;max-width:900px !important;margin-left:auto !important;margin-right:auto !important;}
.bx-auth .card .card-body{width:100% !important;max-width:none !important;}

/* ---- block 25 ---- */
/* BatiMax: hide Odoo footer links on auth pages */
.bx-auth .card a[href*="/web/database"], .bx-auth .card a[href*="odoo.com"]{display:none !important;}

/* ---- block 26 ---- */
/* BatiMax: footer variant A */
.bx-ft{background:#23211F;color:#D9D5D0;font-size:13px;}
.bx-ft a{color:#D9D5D0;text-decoration:none;}
.bx-ft a:hover{color:#fff;}
.bx-ft h4{color:#fff;font-size:13px;letter-spacing:1.2px;margin:0 0 12px;font-weight:800;}
.bx-ft-news{background:#2E2B28;}
.bx-ft-news-in{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 0;}
.bx-ft-news-in b{color:#fff;font-size:15px;display:block;}
.bx-ft-news-in small{color:#9B968F;font-size:12px;}
.bx-ft-news-form{flex:1;min-width:260px;max-width:440px;margin-left:auto;}
.bx-ft-news-form .form-control{border:none;border-radius:999px 0 0 999px;padding:11px 18px;}
.bx-ft-news-form .btn{background:#DF3923 !important;border-color:#DF3923 !important;border-radius:0 999px 999px 0 !important;font-weight:800;}
.bx-ft-cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:28px;padding:34px 0 26px;}
.bx-ft-cols ul{list-style:none;margin:0;padding:0;}
.bx-ft-cols li{padding:4px 0;font-size:12.5px;}
.bx-ft-logo{max-height:44px;filter:brightness(0) invert(1);}
.bx-ft-about{font-size:12px;color:#9B968F;margin-top:10px;line-height:1.6;}
.bx-ft-soc{display:flex;gap:10px;margin:14px 0 16px;}
.bx-ft-soc a{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:14px;}
.bx-ft-soc a:hover{background:#DF3923;color:#fff;}
.bx-ft-pay{display:flex;gap:8px;flex-wrap:wrap;}
.bx-ft-pay span{background:#fff;color:#3A3733;font-size:10.5px;font-weight:800;border-radius:6px;padding:5px 10px;}
.bx-ft-pay .mv{color:#00754A;}
.bx-ft-pay .om{color:#FF7900;}
.bx-ft-promo{color:#F2A296 !important;font-weight:700;}
.bx-ft-ct{display:flex;gap:8px;align-items:flex-start;padding:4px 0;font-size:12.5px;}
.bx-ft-ct i{color:#DF3923;margin-top:2px;}
.bx-ft-wa{display:inline-flex;align-items:center;gap:6px;background:#25D366;color:#fff !important;border-radius:999px;padding:8px 16px;font-weight:700;font-size:12.5px;margin-top:10px;}
.bx-ft-wa:hover{background:#1EB958;}
.bx-ft-legal{border-top:1px solid rgba(255,255,255,.1);}
.bx-ft-legal-in{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 0;font-size:11px;color:#9B968F;}
.bx-ft-legal a{color:#9B968F;}
@media (max-width:760px){ .bx-ft-cols{grid-template-columns:1fr 1fr;} .bx-ft-news-form{margin-left:0;} }
@media (max-width:440px){ .bx-ft-cols{grid-template-columns:1fr;} }

/* ---- block 27 ---- */
.bx-ft-tlogo{font-weight:900;font-size:22px;color:#fff;line-height:1.1;}.bx-ft-tlogo span{color:#DF3923;}.bx-ft-tlogo small{display:block;font-size:8.5px;font-weight:700;letter-spacing:1.5px;color:#9B968F;margin-top:3px;}

/* ---- block 28 ---- */
/* BatiMax: footer shade B — near-pure black */
.bx-ft{background:#0D0C0B !important;}
.bx-ft-news{background:#1A1817 !important;}

/* ---- block 29 ---- */
@media (max-width: 991.98px){
  .position-fixed.w-100.h-100.top-0.pe-none > .container{
    max-width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
    align-items:stretch !important;
  }
  .position-fixed.w-100.h-100.top-0.pe-none .o_notification{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-top:8px !important;
    border-radius:14px !important;
    box-shadow:0 8px 30px rgba(0,0,0,.3) !important;
  }
  .position-fixed.w-100.h-100.top-0.pe-none .o_notification *{
    min-width:0;
    overflow-wrap:break-word;
  }
}
@media (min-width: 992px){
  .position-fixed.w-100.h-100.top-0.pe-none .o_notification{
    max-width:420px !important;
  }
}

/* ---- block 30 ---- */
.bx-card-title, .bx-card-title a { text-transform: none !important; }

/* ---- block 31 ---- */
.s_ecomm_categories_showcase_block > .o_we_bg_filter.bg-black-50 {
  background: linear-gradient(to top, rgba(0,0,0,.78) 0%, rgba(0,0,0,.45) 30%, rgba(0,0,0,0) 60%) !important;
}
.s_ecomm_categories_showcase_content h2, .s_ecomm_categories_showcase_content h2 .h2 { font-size: 1rem !important; line-height: 1.25 !important; }

/* ---- block 32 ---- */
.bx-card-qty{display:inline-flex!important;align-items:center;gap:6px;align-self:flex-start;width:fit-content;padding:3px 10px;border-radius:999px;background:#E3F3E8;color:#17603A!important;font-size:12px!important;font-weight:700!important;line-height:1.4}
.bx-card-qty::before{content:'';width:7px;height:7px;border-radius:50%;background:#1F9D55;flex-shrink:0}
.bx-card-qty-out{background:#FCE7E3;color:#9A2A17!important}
.bx-card-qty-out::before{background:#D23A22}

/* ---- block 33 ---- */
#bxpwa{position:fixed;left:12px;right:12px;bottom:12px;z-index:1040;background:#fff;color:#343A40;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.22);padding:12px 38px 12px 12px;display:flex;gap:12px;align-items:center;font-size:14px;line-height:1.35;transform:translateY(140%);transition:transform .35s ease;max-width:520px;margin:0 auto;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
#bxpwa.bxpwa-in{transform:none}
#bxpwa img{width:48px;height:48px;border-radius:11px;flex:0 0 48px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
#bxpwa b{display:block;font-size:15px;color:#2E1614;margin-bottom:2px}
#bxpwa .bxpwa-txt{flex:1;min-width:0}
#bxpwa .bxpwa-btn{flex:0 0 auto;background:#DF3923;color:#fff;border:0;border-radius:8px;padding:9px 14px;font-weight:600;font-size:14px}
#bxpwa .bxpwa-x{position:absolute;top:4px;right:4px;width:32px;height:32px;border:0;background:none;color:#8a8f94;font-size:22px;line-height:32px;padding:0}
#bxpwa .bxpwa-ico{display:inline-block!important;vertical-align:-3px;width:16px!important;height:16px!important;max-width:16px}
#bxpwa img{max-width:48px!important;height:48px!important}

/* ---- block 34 ---- */
/* ===== 1. Bottom bar — iOS-style Liquid Glass tab bar + detached search button ===== */
@media (max-width:899px){
  html body .bxm-bar{display:grid;grid-template-columns:repeat(3,1fr) 60px;column-gap:10px;align-items:center;
    left:14px;right:14px;bottom:calc(12px + env(safe-area-inset-bottom,0px));height:62px;padding:0;
    background:none;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;
    --g-bg:linear-gradient(180deg,rgba(255,255,255,.72),rgba(250,250,252,.5));
    --g-edge:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.4),inset 0 0 0 .5px rgba(0,0,0,.07);
    --g-shadow:0 10px 30px -10px rgba(0,0,0,.32),0 2px 6px rgba(0,0,0,.06);
    --g-ink:rgba(28,28,30,.86);--g-press:rgba(120,120,128,.16)}
  html body .bxm-bar::before{content:"";position:absolute;left:0;top:0;bottom:0;right:70px;border-radius:31px;z-index:-1;
    background:var(--g-bg);box-shadow:var(--g-shadow),var(--g-edge);
    -webkit-backdrop-filter:blur(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%)}
  html body .bxm-bar > a,html body .bxm-bar > label{height:54px;margin:4px 3px;padding:0;border-radius:27px;justify-content:center;gap:3px;
    font:600 11px/1 Barlow,sans-serif;letter-spacing:.01em;
    color:var(--g-ink);transition:background .2s,transform .2s;-webkit-tap-highlight-color:transparent}
  html body .bxm-bar > a:active,html body .bxm-bar > label:active{background:var(--g-press);transform:scale(.94)}
  html body .bxm-bar > * > i{font-size:0!important;width:25px;height:25px;display:block;background:currentColor!important;color:inherit!important;
    -webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
  html body .bxm-bar > * > span{color:inherit!important}
  html body .bxm-bar > label.bxm-rayons{order:1}
  html body .bxm-bar > a[href="/contact"]{order:2}
  html body .bxm-bar > a[href="/shop/cart"]{order:3}
  html body .bxm-bar .fa-th-large{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='2'/%3E%3Crect x='13.5' y='3.5' width='7' height='7' rx='2'/%3E%3Crect x='3.5' y='13.5' width='7' height='7' rx='2'/%3E%3Crect x='13.5' y='13.5' width='7' height='7' rx='2'/%3E%3C/svg%3E")}
  html body .bxm-bar .fa-envelope{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M12 20.5c4.97 0 9-3.58 9-8s-4.03-8-9-8-9 3.58-9 8c0 1.9.75 3.64 2 5.01L4.5 21l3.9-1.3c1.1.52 2.3.8 3.6.8z'/%3E%3C/svg%3E")}
  html body .bxm-bar .fa-shopping-cart{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M5 8h14l-1 11.2a2 2 0 0 1-2 1.8H8a2 2 0 0 1-2-1.8z'/%3E%3Cpath d='M8.5 10V7a3.5 3.5 0 0 1 7 0v3'/%3E%3C/svg%3E")}
  html body .bxm-bar .fa-search{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 20 20'/%3E%3C/svg%3E")}
  html body .bxm-bar > a[href="/shop"]{order:4;width:60px;height:60px;margin:0;border-radius:50%;justify-self:end;
    background:var(--g-bg);box-shadow:var(--g-shadow),var(--g-edge);
    -webkit-backdrop-filter:blur(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%)}
  html body .bxm-bar > a[href="/shop"] > span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  html body .bxm-bar > a[href="/shop"] > i{width:24px;height:24px}
  html body .bxm-bar .bxm-cnt{top:5px;right:calc(50% - 22px);min-width:17px;height:17px;border-radius:9px;font:700 10px/17px Barlow,sans-serif;
    background:#FF3B30;color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.85)}
}
@media (max-width:767px){
  html body section.bx-hero{background-size:auto 100%!important;background-position:72% center!important;background-repeat:no-repeat!important;background-color:#0b0c0e!important}
  html body section.bx-hero > .o_we_bg_filter{background:linear-gradient(180deg,rgba(8,9,11,.62),rgba(8,9,11,.55) 50%,rgba(8,9,11,.72))!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
  html body section.bx-hero h1,html body section.bx-hero h2,html body section.bx-hero p{text-shadow:0 1px 12px rgba(0,0,0,.45)}
  html body section.bx-hero a,html body section.bx-hero .btn{text-shadow:none!important}
}

/* ===== 2b. "Prix abordable / Livraison rapide…" strip — compact on phones ===== */
@media (max-width:767px){
  html body section.features{padding:14px 10px 16px!important}
  html body section.features .features-grid{gap:12px 10px!important}
  html body section.features .feature{flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;gap:9px!important}
  html body section.features .feature-icon{width:30px!important;height:30px!important;flex:0 0 30px!important;margin:0!important}
  html body section.features .feature-icon p{margin:0!important;line-height:0}
  html body section.features .feature-icon img{width:30px!important;height:30px!important}
  html body section.features .feature-text{min-width:0}
  html body section.features .feature-title{font-size:13px!important;line-height:1.15!important;padding-bottom:4px!important;margin:0!important}
  html body section.features .feature-desc{font-size:11.5px!important;line-height:1.3!important;margin:3px 0 0!important}
  html body section.features .feature-title span,html body section.features .feature-desc span{font-size:inherit!important}
  html body section.features .feature-title{position:relative!important;padding-bottom:6px!important}
  html body section.features .feature-title::after{left:0!important;right:auto!important;bottom:0!important;width:22px!important;transform:none!important}
}

/* ===== 2c. "Nos catégories du moment" — compact swipe row on phones ===== */
@media (max-width:767px){
  html body section.s_title:has(+ section.s_ecomm_categories_showcase){padding-bottom:10px!important}
  html body section.s_title:has(+ section.s_ecomm_categories_showcase) .h3-fs{font-size:22px!important;line-height:1.15!important}
  html body section.s_title:has(+ section.s_ecomm_categories_showcase) h5{margin-bottom:4px!important}
  html body section.s_ecomm_categories_showcase{padding-bottom:18px!important}
  html body section.s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper{gap:10px!important;scroll-snap-type:x mandatory;scroll-padding-left:15px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  html body section.s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper::-webkit-scrollbar{display:none}
  html body section.s_ecomm_categories_showcase .s_ecomm_categories_showcase_block{flex:0 0 148px!important;width:148px!important;min-height:148px!important;height:148px!important;border-radius:14px!important;scroll-snap-align:start}
  html body section.s_ecomm_categories_showcase .s_ecomm_categories_showcase_row{padding:12px!important;height:100%}
  html body section.s_ecomm_categories_showcase .s_ecomm_categories_showcase_content h2,html body section.s_ecomm_categories_showcase .s_ecomm_categories_showcase_content .h2{font-size:14px!important;line-height:1.2!important;margin:0!important}
}

/* ===== 3. Mobile header — hide wishlist so logo + icons fit on one line ===== */
@media (max-width:991px){
  html body header .header-actions > a.action[href="/shop/wishlist"]{display:none!important}
}

/* ===== 5. Product page (phones/tablets) — fix hidden thumbnails, 100px gap, empty breadcrumb bar ===== */
@media (max-width:991px){
  html body .o_wsale_sticky_object{top:0!important}
  html body #product_detail > .o_wsale_content_contained.container.d-flex{margin-top:0!important;padding:10px 0 8px!important}
  html body #product_detail .o_wsale_product_search_mobile_btn{display:none!important}
  html body #product_detail .o_wsale_breadcrumb .breadcrumb-item.d-lg-none::before{content:"‹"!important;font-size:22px;line-height:1;padding-right:6px!important;color:#DF3923!important;vertical-align:-2px;float:none}
  html body #product_detail .o_wsale_breadcrumb a{font-weight:600;letter-spacing:.02em}
  html body #o-carousel-product .carousel-indicators{gap:8px!important;justify-content:center!important;padding-top:10px!important}
  html body #o-carousel-product .carousel-indicators li{width:54px!important;height:54px!important;margin:0!important;border-radius:10px!important;overflow:hidden!important;border:1px solid #e6e0d7!important;background:#fff!important;opacity:1!important;flex:0 0 54px!important}
  html body #o-carousel-product .carousel-indicators li.active{border:2px solid #DF3923!important}
  html body #o-carousel-product .carousel-indicators li > div{display:block!important;width:100%!important;height:100%!important}
  html body #o-carousel-product .carousel-indicators li img{object-fit:cover!important;width:100%!important;height:100%!important}
}

/* ===== 6. Homepage section titles — sentence case, lighter on phones ===== */
html body :is(section.s_dynamic_snippet_title,section.s_title) h5:has(> .h3-fs){text-transform:lowercase}
html body :is(section.s_dynamic_snippet_title,section.s_title) h5:has(> .h3-fs)::first-letter{text-transform:uppercase}
@media (max-width:767px){
  html body :is(section.s_dynamic_snippet_title,section.s_title) h5 > .h3-fs{font-size:21px!important;line-height:1.2!important}
  html body :is(section.s_dynamic_snippet_title,section.s_title) h5:has(> .h5-fs){margin-bottom:2px!important}
  html body :is(section.s_dynamic_snippet_title,section.s_title) h5 > .h5-fs,
  html body :is(section.s_dynamic_snippet_title,section.s_title) h5 > .h5-fs *{font-size:12.5px!important;letter-spacing:.07em;text-transform:uppercase;color:#8a847c!important;font-weight:700}
}

/* ===== 7. Share button in the installed app (added to the bottom bar by the share script) ===== */
@media (max-width:899px){
  html body .bxm-bar.bxm-has-share{grid-template-columns:repeat(4,1fr) 60px}
  html body .bxm-bar > a.bxm-share{order:3}
  html body .bxm-bar .bxm-ic-share{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5v11M8.2 7.2 12 3.5l3.8 3.7'/%3E%3Cpath d='M8.5 10H7a1.8 1.8 0 0 0-1.8 1.8v7A1.8 1.8 0 0 0 7 20.6h10a1.8 1.8 0 0 0 1.8-1.8v-7A1.8 1.8 0 0 0 17 10h-1.5'/%3E%3C/svg%3E")}
}
.bxm-toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));transform:translate(-50%,16px);opacity:0;background:rgba(28,28,30,.92);color:#fff;padding:9px 16px;border-radius:20px;font:600 13px Barlow,sans-serif;z-index:3100;transition:opacity .25s,transform .25s;pointer-events:none}
.bxm-toast.in{opacity:1;transform:translate(-50%,0)}
/* ===== 2d. "Projets professionnels" block on phones — option B (photo background, chips, side-by-side buttons) ===== */
@media (max-width:767px){
  html body section.bx-pro-sec{padding-bottom:22px!important}
  html body section.bx-pro-sec .bxp-eye{font-size:10.5px!important;letter-spacing:.14em!important;padding-bottom:0!important;border-bottom:0!important;margin-bottom:8px!important;display:block!important}
  html body section.bx-pro-sec .bxp-h{font-size:22px!important;line-height:1.18!important;letter-spacing:-.4px!important;margin:0 0 8px!important}
  html body section.bx-pro-sec .bxp-p{font-size:14px!important;line-height:1.45!important;margin:0 0 16px!important}
  html body section.bx-pro-sec .bxp-cta{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:16px!important}
  html body section.bx-pro-sec .bxp-b1{justify-content:center!important;padding:13px 16px!important;font-size:15px!important;border-radius:12px!important;width:100%!important}
  html body section.bx-pro-sec .bxp-b2{display:flex!important;align-items:center;justify-content:center;gap:8px;padding:12px 16px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:12px!important;color:#fff!important;text-decoration:none!important;font-size:15px!important;font-weight:600;background:rgba(255,255,255,.06)}
  html body section.bx-pro-sec .bxp-b2::before{content:"";width:17px;height:17px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E") center/contain no-repeat}

  html body section.bx-pro-sec .bxp{position:relative!important;display:block!important}
  html body section.bx-pro-sec .bxp-img{position:absolute!important;inset:0!important;height:auto!important;background-size:auto 72%!important;background-position:58% 0!important;background-repeat:no-repeat!important;background-color:rgb(18,20,23)}
  html body section.bx-pro-sec .bxp-sc{background:linear-gradient(180deg,rgba(18,20,23,.05) 0%,rgba(18,20,23,.55) 30%,rgba(18,20,23,.93) 52%,rgb(18,20,23) 70%)!important}
  html body section.bx-pro-sec .bxp-sig{display:none!important}
  html body section.bx-pro-sec .bxp-txt{position:relative!important;z-index:1;padding:200px 18px 20px!important}
  html body section.bx-pro-sec .bxp-pts{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;margin:0!important}
  html body section.bx-pro-sec .bxp-pts li{gap:6px!important;align-items:center!important;padding:5px 10px 5px 5px!important;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
  html body section.bx-pro-sec .bxp-ic{width:24px!important;height:24px!important;border-radius:50%!important;border:0!important}
  html body section.bx-pro-sec .bxp-ic svg{width:13px!important;height:13px!important}
  html body section.bx-pro-sec .bxp-pts em{display:none!important}
  html body section.bx-pro-sec .bxp-pts b{font-size:12.5px!important}
  html body section.bx-pro-sec .bxp-cta{grid-template-columns:1.25fr 1fr!important} html body section.bx-pro-sec .bxp-b1{white-space:nowrap;font-size:14px!important;padding:13px 10px!important;gap:6px} html body section.bx-pro-sec .bxp-b2{font-size:14px!important;padding:12px 8px!important}
  html body section.bx-pro-sec .bxp-b2 span,html body section.bx-pro-sec .bxp-b2{white-space:nowrap}
}
/* ===== 8. Homepage rhythm — even spacing between/inside sections (phone: 36px between sections, laptop: 56px) ===== */
/* titles: "Tous nos rayons / Achetez par catégorie" and "Nous sommes en bonne compagnie / Nos marques partenaires" match the other section titles */
html body section.bx-rayons .bx-head h2{text-transform:lowercase!important}
html body section.bx-rayons .bx-head h2::first-letter{text-transform:uppercase}
html body section.bx-rayons .bx-head h2 *{text-transform:inherit!important}
html body section.bxp-partners .bxp-wrap h2{text-transform:none!important}
html body section.bxp-partners .bxp-wrap h2 *{text-transform:none!important}
/* inner title spacing (all sizes) */
html body :is(section.s_title,section.s_dynamic_snippet_title) h5:has(> .h5-fs){margin:0 0 2px!important}
html body :is(section.s_title,section.s_dynamic_snippet_title) h5:has(> .h3-fs){margin:0 0 6px!important}
html body :is(section.s_title,section.s_dynamic_snippet_title) h5:not(:has(> .h5-fs)):not(:has(> .h3-fs)){margin:0!important}
html body section.bx-rayons .bx-head h4:not(.bx-sub){margin:0 0 2px!important}
html body section.bx-rayons .bx-head h2{margin:0 0 6px!important}
html body section.bx-rayons .bx-head .bx-sub{margin:0!important}
html body section.bx-rayons{min-height:0!important;height:auto!important;align-items:flex-start!important}
html body section.s_title:has(+ section.s_ecomm_categories_showcase) h5:has(> .h5-fs){margin-bottom:2px!important}
html body section.s_title:has(+ section.s_ecomm_categories_showcase) h5:has(> .h3-fs){margin-bottom:6px!important}
html body section.s_title:has(+ section.s_ecomm_categories_showcase) h5:not(:has(> .h5-fs)):not(:has(> .h3-fs)){margin-bottom:0!important}
html body section.bxp-partners .bxp-wrap h2{margin:2px 0 6px!important}
html body section.bxp-partners .bxp-wrap .bxp-sub{margin:0!important}
@media (max-width:767px){
  html body section.s_title:has(+ section.s_ecomm_categories_showcase){padding-bottom:14px!important}
  html body section.s_title:has(+ section.s_ecomm_categories_showcase) .bx-cat-ctaw{margin-top:14px!important}
  html body section.s_ecomm_categories_showcase{padding-bottom:36px!important}
  html body section.s_dynamic_snippet_products{padding-top:0!important;padding-bottom:36px!important}
  html body section.s_dynamic_snippet_title{gap:0!important;row-gap:0!important;padding-bottom:14px!important}
  html body section.s_dynamic_snippet_title > div:first-child{padding-bottom:14px!important}
  html body section.features{padding-bottom:36px!important}
  html body section.bx-rayons .bx-wrap{padding-top:0!important;padding-bottom:36px!important}
  html body section.bx-rayons .bx-head{margin-bottom:14px!important}
  html body section.bx-rayons .bx-head h4:not(.bx-sub) > span, html body section.bx-rayons .bx-head h4:not(.bx-sub) > span *{font-size:12.5px!important;letter-spacing:.07em;text-transform:uppercase;color:#8a847c!important;font-weight:700}
  html body section.bx-rayons .bx-head h2, html body section.bx-rayons .bx-head h2 *{font-size:21px!important;line-height:1.2!important}
  html body section.bx-pro-sec{padding-bottom:36px!important}
  html body section.bxp-partners{padding-top:0!important}
  html body section.bxp-partners .bxp-eyebrow{font-size:12.5px!important;letter-spacing:.07em;text-transform:uppercase;color:#8a847c!important;font-weight:700;display:block;line-height:1.3}
  html body section.bxp-partners .bxp-wrap h2{font-size:21px!important;line-height:1.2!important}
  html body section.bxp-partners .bxp-marquee{margin-top:14px!important}
}
@media (min-width:768px){
  html body section.features{padding-bottom:56px!important}
  html body section.s_dynamic_snippet_title{padding-bottom:24px!important}
  html body section.s_title:has(+ section.s_ecomm_categories_showcase){padding-bottom:24px!important}
  html body section.bx-rayons .bx-head{margin-bottom:24px!important}
  html body section.bxp-partners .bxp-marquee{margin-top:24px!important}
  html body section.s_ecomm_categories_showcase{padding-bottom:56px!important}
  html body section.s_dynamic_snippet_products{padding-top:0!important;padding-bottom:56px!important}
  html body section.bx-rayons .bx-wrap{padding-top:0!important;padding-bottom:56px!important}
  html body section.bx-pro-sec{padding-bottom:56px!important}
  html body section.bxp-partners{padding-top:0!important}
}
/* ===== 9. Section title colours (all sizes) — option A: red label, near-black title, one grey subtitle ===== */
html body :is(section.s_title,section.s_dynamic_snippet_title) h5 > .h5-fs, html body :is(section.s_title,section.s_dynamic_snippet_title) h5 > .h5-fs *, html body section.bx-rayons .bx-head h4:not(.bx-sub) > span, html body section.bx-rayons .bx-head h4:not(.bx-sub) > span *, html body section.bxp-partners .bxp-eyebrow, html body section.bxp-partners .bxp-eyebrow *{color:#DF3923!important} html body :is(section.s_title,section.s_dynamic_snippet_title) h5 > .h3-fs, html body :is(section.s_title,section.s_dynamic_snippet_title) h5 > .h3-fs *, html body section.bx-rayons .bx-head h2, html body section.bx-rayons .bx-head h2 *, html body section.bxp-partners .bxp-wrap h2, html body section.bxp-partners .bxp-wrap h2 *{color:#1d1d1f!important} html body :is(section.s_title,section.s_dynamic_snippet_title) h5:not(:has(> .h5-fs)):not(:has(> .h3-fs)), html body :is(section.s_title,section.s_dynamic_snippet_title) h5:not(:has(> .h5-fs)):not(:has(> .h3-fs)) *, html body section.bx-rayons .bx-head .bx-sub, html body section.bx-rayons .bx-head .bx-sub *, html body section.bxp-partners .bxp-sub{color:#6e6e73!important}
/* ===== 10. Footer on phones — option B: compact brand, "Nos rayons"/"Services" as accordions (script block "footer accordions"), contact always open, legal clear of the bottom bar ===== */
@media (max-width:767px){
  html body footer.footer-batimax{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
  html body footer.footer-batimax .bx-ft-news-in{padding:14px 20px!important;gap:10px!important}
  html body footer.footer-batimax .bx-ft-news-in b{font-size:15px!important}
  html body footer.footer-batimax .bx-ft-cols{padding:24px 20px 10px!important}
  html body footer.footer-batimax .bx-ft-about{font-size:13px!important;line-height:1.45!important;margin:8px 0 12px!important}
  html body footer.footer-batimax .bx-ft-cols h4{font-size:11.5px!important;letter-spacing:.1em!important;color:#8e8e93!important;margin:14px 0 8px!important}
  html body footer.footer-batimax .bx-ft-cols h4 *{font-size:inherit!important;color:inherit!important;letter-spacing:inherit!important}
  html body footer.footer-batimax .bx-ft-pay{gap:6px!important}
  html body footer.footer-batimax .bx-ft-pay span{font-size:11px!important;padding:3px 9px!important;border-radius:999px!important}
  html body footer.footer-batimax .bx-ft-ct{padding:3px 0!important;font-size:13px!important}
  html body footer.footer-batimax .bx-ft-ct *{font-size:13px!important}
  html body footer.footer-batimax .bx-ft-legal-in{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;padding:14px 20px!important}
  html body footer.footer-batimax .bx-ft-legal-in, html body footer.footer-batimax .bx-ft-legal-in *{font-size:11.5px!important}
  html body footer.footer-batimax .bx-ft-cols{grid-template-columns:1fr!important;row-gap:0!important}
  html body footer.footer-batimax .bx-ft-cols > div:nth-child(1){padding-bottom:18px}
  html body footer.footer-batimax .bx-ft-cols > div.bxacc{border-top:1px solid rgba(255,255,255,.1)}
  html body footer.footer-batimax .bx-ft-cols > div.bxacc > h4{margin:0!important;padding:15px 0!important;display:flex!important;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px!important;letter-spacing:.02em!important;color:#f2f2f7!important;-webkit-tap-highlight-color:transparent}
  html body footer.footer-batimax .bx-ft-cols > div.bxacc > h4::after{content:"";width:8px;height:8px;border-right:1.7px solid #8e8e93;border-bottom:1.7px solid #8e8e93;transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .2s}
  html body footer.footer-batimax .bx-ft-cols > div.bxacc.open > h4::after{transform:rotate(-135deg);margin-top:4px}
  html body footer.footer-batimax .bx-ft-cols > div.bxacc > ul{display:none!important;padding:0 0 12px!important;margin:0!important}
  html body footer.footer-batimax .bx-ft-cols > div.bxacc.open > ul{display:block!important}
  html body footer.footer-batimax .bx-ft-cols > div.bxacc ul li{padding:5px 0!important}
  html body footer.footer-batimax .bx-ft-cols > div.bxacc ul li a{font-size:14px!important}
  html body footer.footer-batimax .bx-ft-cols > div:nth-child(4){border-top:1px solid rgba(255,255,255,.1);padding-top:4px}
  html body footer.footer-batimax .bx-ft-cols > div:nth-child(4) > h4{margin-top:14px!important}
  html body footer.footer-batimax .bx-ft-wa{margin-top:10px!important}
 }
/* ===== 11. "Added to cart" pop-up — theme's generic .toast rule shifted Odoo's toast 175px left (off-screen on phones) ===== */
html body .o-main-components-container .toast,html body .o-main-components-container .toast.show{transform:none!important;left:auto!important;right:auto!important;bottom:auto!important}
@media (max-width:575px){
  html body .o-main-components-container .toast{width:100%!important;max-width:100%!important;border-radius:16px!important;box-shadow:0 12px 36px rgba(0,0,0,.35)!important}
  html body .o-main-components-container .toast-body{padding:14px!important}
  html body .o-main-components-container .toast-body a.btn-primary{padding:11px 16px!important;border-radius:12px!important;font-size:13px!important}
}
/* ===== 12. Product page — remaining capitals to sentence case (button, breadcrumb, "Conditions générales") ===== */
html body #product_details #add_to_cart,html body #product_details a.js_check_product{text-transform:none!important;letter-spacing:.01em!important;font-size:15px!important}
html body #product_detail .o_wsale_breadcrumb,html body #product_detail .o_wsale_breadcrumb *{text-transform:none!important}
html body #product_details a.o_translate_inline strong{display:inline-block;text-transform:lowercase}
html body #product_details a.o_translate_inline strong::first-letter{text-transform:uppercase}
/* ===== 13. "Ouvert maintenant" status pill (script block "open-now badge") ===== */
.bx-open{display:inline-flex;align-items:center;gap:6px;font:600 12px/1.1 Barlow,sans-serif;padding:5px 10px;border-radius:999px;margin-top:8px;white-space:nowrap;letter-spacing:0;text-transform:none}
.bx-open::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 7px}
.bx-open.is-open{color:#1d8a3a;background:rgba(52,199,89,.15)}
.bx-open.is-open::before{box-shadow:0 0 0 0 rgba(52,199,89,.6);animation:bxpulse 2s infinite}
.bx-open.is-break{color:#a85f00;background:rgba(255,159,10,.17)}
.bx-open.is-closed{color:#c42e1a;background:rgba(223,57,35,.11)}
footer .bx-open.is-open{color:#5ee07a;background:rgba(52,199,89,.16)}
footer .bx-open.is-break{color:#ffb340;background:rgba(255,159,10,.16)}
footer .bx-open.is-closed{color:#ff7a66;background:rgba(255,69,58,.15)}
.features .bx-open{font-size:11px;padding:4px 8px;gap:5px;margin-top:6px;white-space:normal}
.bx-open-row{display:block;margin:2px 0 4px 21px}
@keyframes bxpulse{0%{box-shadow:0 0 0 0 rgba(52,199,89,.55)}70%{box-shadow:0 0 0 6px rgba(52,199,89,0)}100%{box-shadow:0 0 0 0 rgba(52,199,89,0)}}
@media (prefers-reduced-motion:reduce){.bx-open.is-open::before{animation:none}}
/* ===== 14. Cart & checkout on phones — bottom bar hidden (Odoo's own sticky Total/Confirmer bar shows), top gap, price spacing, suggested accessories as a swipe row ===== */
@media (max-width:991px){
  html body:has(.o_website_sale_checkout_container) .bxm-bar{display:none!important}
  html body .o_website_sale_checkout_container .o_wizard{margin-top:14px!important}
}
@media (max-width:767px){
  html body #shop_cart .d-flex.justify-content-between{gap:10px}
  html body #shop_cart .d-flex.justify-content-between > :last-child{white-space:nowrap}
  html body #suggested_products{flex-direction:row!important;align-items:stretch!important;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;margin:8px -15px 0!important;padding:4px 15px 10px!important;scroll-padding-left:15px;scrollbar-width:none}
  html body #suggested_products::-webkit-scrollbar{display:none}
  html body #suggested_products > *{flex:0 0 148px!important;flex-direction:column!important;gap:8px!important;padding:10px!important;border:1px solid #ece7df!important;border-radius:14px;background:#fff;scroll-snap-align:start}
  html body #suggested_products > * > *{width:100%!important;max-width:100%!important}
  html body #suggested_products > * img{width:100%!important;height:96px!important;object-fit:contain}
  html body #suggested_products .d-flex.justify-content-between{flex-direction:column!important;gap:4px!important}
  html body #suggested_products h6{font-size:12.5px!important;line-height:1.25!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0!important}
  html body #suggested_products .btn{align-self:flex-start}
}
/* ===== 15. "Rayons" sheet on phones — option B: grabber, search field (script block "rayons search"), "Nouveaux arrivages" banner first, 3-column icon grid ===== */
@media (max-width:899px){
 html body .bxm-mnav{border-radius:22px 22px 0 0!important;padding:8px 16px calc(96px + env(safe-area-inset-bottom,0px))!important;background:#f2f2f7!important;max-height:88vh!important}
 html body .bxm-mnav::before{content:"";display:block;width:38px;height:5px;border-radius:3px;background:#c7c7cc;margin:0 auto 12px}
 html body .bxm-mnav .bxm-mnav-h{margin-bottom:10px!important}
 html body .bxm-mnav .bxm-mnav-h b{font:700 22px/1.2 Barlow,sans-serif!important;text-transform:none!important;color:#1d1d1f!important;letter-spacing:-.2px}
 html body .bxm-mnav .bxm-mnav-x{width:30px;height:30px;border-radius:50%;background:#e3e3e8;color:#6e6e73!important;font-size:20px!important;display:flex!important;align-items:center;justify-content:center;padding:0!important}
 html body .bxm-mnav .bxs-search{display:flex;align-items:center;gap:8px;background:#e3e3e8;border-radius:11px;padding:0 12px;height:38px;margin:0 0 14px}
 html body .bxm-mnav .bxs-search svg{width:16px;height:16px;flex:0 0 16px;color:#8e8e93}
 html body .bxm-mnav .bxs-search input{border:0;background:transparent;outline:0;flex:1;min-width:0;font:400 16px Barlow,sans-serif;color:#1d1d1f}
 html body .bxm-mnav .bxs-search input::placeholder{color:#8e8e93}
 html body .bxm-mnav .bxm-mnav-g a{text-transform:none!important;font-family:Barlow,sans-serif!important}
 html body .bxm-mnav .bxm-mnav-g{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
 html body .bxm-mnav .bxm-mnav-g a{flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center;gap:7px!important;padding:12px 6px 10px!important;border:0!important;border-radius:14px!important;background:#fff!important;font-weight:600!important;font-size:12px!important;line-height:1.2!important;color:#1d1d1f!important;min-height:92px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
 html body .bxm-mnav .bxm-mnav-g a .ic{width:38px!important;height:38px!important;border-radius:11px!important;background:#fdecea!important;color:#DF3923!important}
 html body .bxm-mnav .bxm-mnav-g a .ic svg{width:20px!important;height:20px!important}
 html body .bxm-mnav .bxm-mnav-g a.hot{order:-1;grid-column:1 / -1!important;flex-direction:row!important;justify-content:flex-start!important;min-height:0;padding:10px 12px!important;background:linear-gradient(135deg,#DF3923,#c42e1a)!important;color:#fff!important;font-size:14px!important;text-transform:none!important}
 html body .bxm-mnav .bxm-mnav-g a.hot .ic{background:rgba(255,255,255,.2)!important;color:#fff!important;width:32px!important;height:32px!important}
}
/* ===== 16. ☰ menu on phones — option B: floating card with icon rows, "Tous nos rayons" banner, "Mon compte", WhatsApp/Appeler (script block "burger menu"), dimmed page ===== */
@media (max-width:991px){
  html body #top_menu_collapse{position:absolute!important;left:10px!important;right:10px!important;top:calc(100% + 6px)!important;z-index:1040!important;background:#f2f2f7!important;border-radius:18px;padding:12px!important;box-shadow:0 18px 50px rgba(0,0,0,.28);max-height:calc(100vh - 160px);overflow-y:auto}
  html body #top_menu_collapse .bxh-head{display:none}
  html body:has(#top_menu_collapse.show) .bxh-dim{display:block!important}
  html body:has(#top_menu_collapse.show) header#top{z-index:1035!important}
  html body .bxh-dim{display:none;position:fixed;inset:0;background:rgba(18,14,12,.35);z-index:1020}
  
 html body #top_menu_collapse #top_menu{display:block!important;background:#fff;border-radius:14px;overflow:hidden;margin:0!important;padding:0!important}
 html body #top_menu_collapse #top_menu > li.nav-item:not(.nav-item-all-rays){margin:0!important;border:0!important}
 html body #top_menu_collapse #top_menu a.nav-link,html body #top_menu_collapse .bxh-row{display:flex!important;align-items:center;gap:12px;padding:9px 14px!important;min-height:48px;border:0!important;box-shadow:inset 0 -.5px 0 #e5e5ea;font:500 15.5px Barlow,sans-serif!important;color:#1d1d1f!important;text-transform:none!important;background:#fff!important;text-decoration:none}
 html body #top_menu_collapse #top_menu a.nav-link *{color:inherit!important;font:inherit!important}
 html body #top_menu_collapse #top_menu a.nav-link > i{display:none!important}
 html body #top_menu_collapse #top_menu a.nav-link::before,html body #top_menu_collapse .bxh-row::before{content:"";flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:#fdecea;-webkit-mask:none;mask:none}
 html body #top_menu_collapse #top_menu a.nav-link::after,html body #top_menu_collapse .bxh-row::after{content:""!important;display:block!important;border-bottom:0!important;border-left:0!important;height:8px!important;bottom:auto!important;left:auto!important;margin-left:auto;width:8px;height:8px;border-right:2px solid #c7c7cc;border-top:2px solid #c7c7cc;transform:rotate(45deg);flex:0 0 8px;position:static!important;background:none!important;opacity:1!important}
 html body #top_menu_collapse #top_menu li:last-child a.nav-link{box-shadow:none}
 html body #top_menu_collapse #top_menu a.nav-link .bxi,html body #top_menu_collapse .bxh-row .bxi{display:none}
 html body #top_menu_collapse li.nav-item-all-rays{margin:0 0 12px!important}
 html body #top_menu_collapse #allRaysBtn{display:flex!important;align-items:center;justify-content:flex-start!important;gap:10px;border-radius:14px!important;padding:12px 14px!important;background:linear-gradient(135deg,#DF3923,#c42e1a)!important;font:600 15px Barlow,sans-serif!important;text-transform:none!important;letter-spacing:0!important;color:#fff!important;box-shadow:none!important}
 html body #top_menu_collapse #allRaysBtn::after{display:none!important}
 html body #top_menu_collapse #allRaysBtn > i{width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.2);display:flex!important;align-items:center;justify-content:center;font-size:15px}
 html body #top_menu_collapse .bxh-acc{display:block;background:#fff;border-radius:14px;overflow:hidden;margin-top:12px}
 html body #top_menu_collapse .bxh-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
 html body #top_menu_collapse .bxh-quick a{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:12px;font:600 15px Barlow,sans-serif;text-decoration:none}
 html body #top_menu_collapse .bxh-quick .wa{background:#25d366;color:#fff}
 html body #top_menu_collapse .bxh-quick .tel{background:#fff;color:#1d1d1f;border:1px solid #e5e5ea}
 html body #top_menu_collapse .bxh-quick svg{width:18px;height:18px}

  html body #top_menu_collapse #top_menu a.nav-link::before,html body #top_menu_collapse .bxh-row::before{background:#DF3923!important;display:block!important;-webkit-mask-size:20px;mask-size:20px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
 html body #top_menu_collapse #top_menu a.nav-link,html body #top_menu_collapse .bxh-row{position:relative}
 html body #top_menu_collapse #top_menu a.nav-link > .bxtile,html body #top_menu_collapse .bxh-row > .bxtile{position:absolute;left:14px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:8px;background:#fdecea;z-index:0}
 html body #top_menu_collapse #top_menu a.nav-link::before,html body #top_menu_collapse .bxh-row::before{position:relative;z-index:1}
 html body #top_menu_collapse #top_menu a.nav-link[href="/"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%2011.5%2012%205l8%206.5V19a1%201%200%200%201-1%201h-4.5v-5h-5v5H5a1%201%200%200%201-1-1z'%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%2011.5%2012%205l8%206.5V19a1%201%200%200%201-1%201h-4.5v-5h-5v5H5a1%201%200%200%201-1-1z'%2F%3E%3C%2Fsvg%3E")}
html body #top_menu_collapse #top_menu a.nav-link[href="/shop"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%208h14l-1%2011.2a2%202%200%200%201-2%201.8H8a2%202%200%200%201-2-1.8z'%2F%3E%3Cpath%20d%3D'M8.5%2010V7a3.5%203.5%200%200%201%207%200v3'%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%208h14l-1%2011.2a2%202%200%200%201-2%201.8H8a2%202%200%200%201-2-1.8z'%2F%3E%3Cpath%20d%3D'M8.5%2010V7a3.5%203.5%200%200%201%207%200v3'%2F%3E%3C%2Fsvg%3E")}
html body #top_menu_collapse #top_menu a.nav-link[href="/shop/promo"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3.5%2012.5V4.5a1%201%200%200%201%201-1h8l8%208-9%209z'%2F%3E%3Ccircle%20cx%3D'8.5'%20cy%3D'8.5'%20r%3D'1.5'%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3.5%2012.5V4.5a1%201%200%200%201%201-1h8l8%208-9%209z'%2F%3E%3Ccircle%20cx%3D'8.5'%20cy%3D'8.5'%20r%3D'1.5'%2F%3E%3C%2Fsvg%3E")}
html body #top_menu_collapse #top_menu a.nav-link[href="/contact"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%2020.5c4.97%200%209-3.58%209-8s-4.03-8-9-8-9%203.58-9%208c0%201.9.75%203.64%202%205.01L4.5%2021l3.9-1.3c1.1.52%202.3.8%203.6.8z'%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%2020.5c4.97%200%209-3.58%209-8s-4.03-8-9-8-9%203.58-9%208c0%201.9.75%203.64%202%205.01L4.5%2021l3.9-1.3c1.1.52%202.3.8%203.6.8z'%2F%3E%3C%2Fsvg%3E")}
html body #top_menu_collapse #top_menu a.nav-link[href="/shop/arrivage"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203l1.8%204.7L18.5%209.5l-4.7%201.8L12%2016l-1.8-4.7L5.5%209.5l4.7-1.8z'%2F%3E%3Cpath%20d%3D'M18%2015l.8%202.2L21%2018l-2.2.8L18%2021l-.8-2.2L15%2018l2.2-.8z'%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203l1.8%204.7L18.5%209.5l-4.7%201.8L12%2016l-1.8-4.7L5.5%209.5l4.7-1.8z'%2F%3E%3Cpath%20d%3D'M18%2015l.8%202.2L21%2018l-2.2.8L18%2021l-.8-2.2L15%2018l2.2-.8z'%2F%3E%3C%2Fsvg%3E")}
html body #top_menu_collapse #top_menu a.nav-link[href="/my"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'8'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M4%2020c1.5-3.5%204.5-5%208-5s6.5%201.5%208%205'%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'8'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M4%2020c1.5-3.5%204.5-5%208-5s6.5%201.5%208%205'%2F%3E%3C%2Fsvg%3E")}
 html body #top_menu_collapse .bxh-row[href="/my"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'8'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M4%2020c1.5-3.5%204.5-5%208-5s6.5%201.5%208%205'%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'8'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M4%2020c1.5-3.5%204.5-5%208-5s6.5%201.5%208%205'%2F%3E%3C%2Fsvg%3E")}
 }
/* ===== 17. Bottom bar without "Panier" (cart stays in the header) ===== */
@media (max-width:899px){
  html body .bxm-bar > a[href="/shop/cart"]{display:none!important}
  html body .bxm-bar{grid-template-columns:repeat(2,1fr) 60px}
  html body .bxm-bar.bxm-has-share{grid-template-columns:repeat(3,1fr) 60px}
}
/* 16b. burger-menu additions are phone-only — never show in the desktop navbar */
@media (min-width:992px){
  html body #top_menu_collapse .bxh-head,html body #top_menu_collapse .bxh-acc,html body #top_menu_collapse .bxh-quick,html body .bxh-dim,html body #top_menu_collapse .bxtile{display:none!important}
}
/* ===== 18. Tablet (768–991px, e.g. iPad portrait) ===== */
/* bottom bar: compact centred capsule instead of full width */
@media (min-width:768px) and (max-width:899px){
  html body .bxm-bar{left:calc(50% - 250px)!important;right:calc(50% - 250px)!important}
}
/* "Nos catégories du moment": swipe row of 190px tiles */
@media (min-width:768px) and (max-width:991px){
  html body section.s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper{gap:12px!important;scroll-snap-type:x mandatory;scrollbar-width:none}
  html body section.s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper::-webkit-scrollbar{display:none}
  html body section.s_ecomm_categories_showcase .s_ecomm_categories_showcase_block{flex:0 0 190px!important;width:190px!important;min-height:190px!important;height:190px!important;border-radius:16px!important;scroll-snap-align:start}
  html body section.s_ecomm_categories_showcase .s_ecomm_categories_showcase_row{padding:14px!important;height:100%}
  html body section.s_ecomm_categories_showcase .s_ecomm_categories_showcase_content h2,html body section.s_ecomm_categories_showcase .s_ecomm_categories_showcase_content .h2{font-size:16px!important;line-height:1.2!important;margin:0!important}
}
/* "Projets professionnels": same photo-background card as on phones */
@media (min-width:768px) and (max-width:991px){
  html body section.bx-pro-sec{padding-bottom:22px!important}
  html body section.bx-pro-sec .bxp-eye{font-size:10.5px!important;letter-spacing:.14em!important;padding-bottom:0!important;border-bottom:0!important;margin-bottom:8px!important;display:block!important}
  html body section.bx-pro-sec .bxp-h{font-size:22px!important;line-height:1.18!important;letter-spacing:-.4px!important;margin:0 0 8px!important}
  html body section.bx-pro-sec .bxp-p{font-size:14px!important;line-height:1.45!important;margin:0 0 16px!important}
  html body section.bx-pro-sec .bxp-cta{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:16px!important}
  html body section.bx-pro-sec .bxp-b1{justify-content:center!important;padding:13px 16px!important;font-size:15px!important;border-radius:12px!important;width:100%!important}
  html body section.bx-pro-sec .bxp-b2{display:flex!important;align-items:center;justify-content:center;gap:8px;padding:12px 16px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:12px!important;color:#fff!important;text-decoration:none!important;font-size:15px!important;font-weight:600;background:rgba(255,255,255,.06)}
  html body section.bx-pro-sec .bxp-b2::before{content:"";width:17px;height:17px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E") center/contain no-repeat}

  html body section.bx-pro-sec .bxp{position:relative!important;display:block!important}
  html body section.bx-pro-sec .bxp-img{position:absolute!important;inset:0!important;height:auto!important;background-size:auto 72%!important;background-position:58% 0!important;background-repeat:no-repeat!important;background-color:rgb(18,20,23)}
  html body section.bx-pro-sec .bxp-sc{background:linear-gradient(180deg,rgba(18,20,23,.05) 0%,rgba(18,20,23,.55) 30%,rgba(18,20,23,.93) 52%,rgb(18,20,23) 70%)!important}
  html body section.bx-pro-sec .bxp-sig{display:none!important}
  html body section.bx-pro-sec .bxp-txt{position:relative!important;z-index:1;padding:200px 18px 20px!important}
  html body section.bx-pro-sec .bxp-pts{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;margin:0!important}
  html body section.bx-pro-sec .bxp-pts li{gap:6px!important;align-items:center!important;padding:5px 10px 5px 5px!important;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
  html body section.bx-pro-sec .bxp-ic{width:24px!important;height:24px!important;border-radius:50%!important;border:0!important}
  html body section.bx-pro-sec .bxp-ic svg{width:13px!important;height:13px!important}
  html body section.bx-pro-sec .bxp-pts em{display:none!important}
  html body section.bx-pro-sec .bxp-pts b{font-size:12.5px!important}
  html body section.bx-pro-sec .bxp-cta{grid-template-columns:1.25fr 1fr!important} html body section.bx-pro-sec .bxp-b1{white-space:nowrap;font-size:14px!important;padding:13px 10px!important;gap:6px} html body section.bx-pro-sec .bxp-b2{font-size:14px!important;padding:12px 8px!important}
  html body section.bx-pro-sec .bxp-b2 span,html body section.bx-pro-sec .bxp-b2{white-space:nowrap}
}

@media (min-width:768px) and (max-width:991px){
  html body section.bx-pro-sec .bxp-img{background-size:125% auto!important;background-position:58% 18%!important}
  html body section.bx-pro-sec .bxp-txt{padding:300px 32px 28px!important;max-width:640px}
  html body section.bx-pro-sec .bxp-h{font-size:28px!important}
  html body section.bx-pro-sec .bxp-p{font-size:15px!important}
  html body section.bx-pro-sec .bxp-cta{grid-template-columns:auto auto!important;justify-content:start}
  html body section.bx-pro-sec .bxp-b1,html body section.bx-pro-sec .bxp-b2{padding:13px 22px!important}
}
/* iPad landscape / small laptops (992–1279px): keep the desktop menu on one line */
@media (min-width:992px) and (max-width:1279px){ html body header #top_menu{flex-wrap:nowrap!important;gap:0!important} html body header #top_menu > li.nav-item:not(.nav-item-all-rays) > a.nav-link{padding-left:14px!important;padding-right:14px!important} html body header #top_menu > li.nav-item-all-rays{margin-right:10px!important} }
/* ===== 19. "En rupture" badges (views batimax.bx_card_rupture_badge / batimax.bx_product_rupture_badge): stock <= 0, or tiles < 20 ===== */
html body .product-badge.badge-rupture{background:#1d1d1f!important;color:#fff!important;border-color:#1d1d1f!important}
html body .bx-rupture-pill{display:inline-flex;align-items:center;gap:7px;margin:6px 0 4px;padding:5px 12px;border-radius:999px;background:rgba(223,57,35,.1);color:#c42e1a;font:600 13px/1.2 Barlow,sans-serif}
html body .bx-rupture-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}

/* ---- block 35 ---- */
/* BX-PROMO START (Promotions du moment, 2026-10-29) */
.bx-promo{--red:#DD3322;--red-d:#B8261A;--ink:#1C1D1F;--g:#44464B;--stone:#F4EFE8;--amber:#F2A93B;background:rgb(250,248,245)}
.bx-promo.bx-top{padding:56px 0 24px}.bx-promo.bx-mid{padding:24px 0 0}.bx-promo.bx-end{padding:8px 0 56px}
.bx-promo .bx-banner{margin-bottom:0}
.bx-promo.dstk .bx-banner{background:linear-gradient(110deg,#2B2D31,#1C1D1F)}.dstk .bx-banner-tag{background:var(--red);color:#fff}.dstk .bx-btn{background:var(--amber);color:var(--ink)!important}
.bx-promo-car .s_dynamic_snippet_title{display:none!important}
.bx-promo *{box-sizing:border-box}
.bx-promo .bx-wrap{max-width:1140px;margin:0 auto;padding:0 16px}
.bx-promo .bx-hero{position:relative;overflow:hidden;border-radius:20px;background:var(--ink);color:#fff;display:grid;grid-template-columns:.9fr 1.3fr;gap:24px;align-items:center;padding:36px 36px}
.bx-promo .bx-hero:before{content:"";position:absolute;left:-170px;bottom:-300px;width:420px;height:420px;background:var(--red);transform:rotate(45deg);border-radius:40px;opacity:.9}
.bx-hero-txt,.bx-offers{position:relative;z-index:2}
.bx-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:6px 14px;border-radius:99px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.bx-kicker i{width:8px;height:8px;border-radius:50%;background:var(--amber);animation:bxPulse 1.6s infinite}
@keyframes bxPulse{0%,100%{box-shadow:0 0 0 0 rgba(242,169,59,.6)}50%{box-shadow:0 0 0 8px rgba(242,169,59,0)}}
.bx-promo .bx-hero h2{font-size:clamp(30px,4vw,46px);line-height:1.05;font-weight:800;margin:16px 0 10px;color:#fff}
.bx-promo .bx-hero p{color:rgba(255,255,255,.75);font-size:16px;margin:0}
.bx-offers{display:grid;gap:12px}
.bx-offer{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:14px;text-decoration:none!important;color:#fff!important;transition:.2s;font-size:14px;line-height:1.35}
.bx-offer b{display:block;font-size:17px}
.bx-offer .big{flex:none;width:86px;font-size:30px;font-weight:800;text-align:center;line-height:1}
.bx-offer em{margin-left:auto;font-style:normal;font-size:22px;transition:.2s}
.bx-offer:hover{transform:translateX(4px)}.bx-offer:hover em{transform:translateX(4px)}
.bx-offer.o1{background:var(--amber);color:var(--ink)!important}
.bx-offer.o2{background:var(--red)}
.bx-offer.o3{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
.bx-block{margin-top:40px;scroll-margin-top:140px}
.bx-banner{display:flex;align-items:center;gap:22px;border-radius:18px;padding:22px 26px;margin-bottom:18px;color:#fff;position:relative;overflow:hidden}
.bx-banner:after{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border:30px solid rgba(255,255,255,.12);transform:rotate(45deg);border-radius:30px}
.bogo .bx-banner{background:linear-gradient(110deg,#E8931F,var(--amber));color:var(--ink)}
.half .bx-banner{background:linear-gradient(110deg,var(--red-d),var(--red))}
.bx-banner-tag{flex:none;width:96px;height:96px;border-radius:50%;background:var(--ink);color:var(--amber);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:28px;line-height:1;transform:rotate(-10deg);box-shadow:0 10px 22px rgba(0,0,0,.25)}
.half .bx-banner-tag{background:#fff;color:var(--red)}
.bx-banner-tag small{font-size:10px;letter-spacing:.12em;margin-top:4px}
.bx-banner-txt small{font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:12px;opacity:.85}
.bx-banner-txt h3{margin:2px 0 4px;font-size:clamp(22px,2.8vw,32px);font-weight:800;color:inherit}
.bx-banner-txt p{margin:0;font-size:15px;opacity:.9}
.bx-btn{position:relative;z-index:2;margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:8px;font-weight:700;padding:13px 22px;border-radius:99px;text-decoration:none!important;transition:.2s;background:var(--ink);color:#fff!important}
.bx-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.25)}
.half .bx-btn{background:#fff;color:var(--red)!important}
.bx-promo .bx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.bx-promo .bx-head small{color:var(--red);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:13px}
.bx-promo .bx-head h3{margin:4px 0 0;font-size:clamp(22px,2.8vw,32px);font-weight:800;color:var(--ink)}
.bx-link{color:var(--red)!important;font-weight:700;text-decoration:none!important;border-bottom:2px solid currentColor;padding-bottom:2px}
.bx-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4.25);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin;scrollbar-color:#D9CFC2 transparent}
.bx-row::-webkit-scrollbar{height:6px}.bx-row::-webkit-scrollbar-thumb{background:#D9CFC2;border-radius:9px}
.bx-card{scroll-snap-align:start;position:relative;display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none!important;color:var(--ink)!important;border:1px solid #EDE6DC;transition:.25s}
.bx-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(28,29,31,.12);border-color:transparent}
.bx-img{position:relative;height:210px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 58%,#fff 0,#fff 40%,var(--stone) 75%);padding:10px}
.bx-img img{width:100%;height:100%;object-fit:cover;border-radius:12px;mix-blend-mode:multiply;transition:.35s}
.bx-card:hover .bx-img img{transform:scale(1.07)}
.bx-pct{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;font-weight:800;font-size:15px;padding:6px 10px;border-radius:10px;line-height:1;z-index:2}
.bx-pct.hot{background:var(--ink);color:var(--amber)}
.bx-pct.gift{background:var(--amber);color:var(--ink)}
.bx-ribbon{position:absolute;top:14px;right:-34px;transform:rotate(45deg);background:var(--ink);color:var(--amber);font-size:11px;font-weight:800;letter-spacing:.06em;padding:5px 38px;z-index:2}
.bx-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.bx-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--g);opacity:.75}
.bx-name{font-weight:700;font-size:15px;line-height:1.3;margin:4px 0 10px;min-height:39px}
.bx-price{margin-top:auto;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.bx-price b{font-size:20px;color:var(--red);font-weight:800}
.bx-price s{font-size:13px;color:#9A9590}
.bx-save{margin-top:8px;font-size:12px;font-weight:700;color:#1E7A43;background:#E7F5EC;padding:5px 9px;border-radius:8px;align-self:flex-start}
.bogo .bx-save{color:#8A4B00;background:#FDF0DC}
.bx-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bx-trust div{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:14px 16px;border:1px solid #EDE6DC;font-size:14px;color:var(--g)}
.bx-trust svg{flex:none;width:34px;height:34px;padding:7px;border-radius:10px;background:#FCE9E6;color:var(--red)}
.bx-trust b{color:var(--ink);display:block}
@media(max-width:991px){.bx-promo .bx-hero{grid-template-columns:1fr;padding:30px 24px}.bx-row{grid-auto-columns:calc((100% - 36px)/2.6)}.bx-trust{grid-template-columns:1fr}.bx-banner{flex-wrap:wrap}.bx-btn{margin-left:0}}
@media(max-width:575px){.bx-promo.bx-top{padding:32px 0 16px}.bx-promo.bx-end{padding:8px 0 40px}.bx-row{grid-auto-columns:46%;gap:12px}.bx-img{height:160px;padding:8px}.bx-body{padding:12px}.bx-name{font-size:13px;min-height:34px}.bx-price b{font-size:16px}.bx-offer .big{width:64px;font-size:24px}.bx-banner{padding:20px}.bx-banner-tag{width:72px;height:72px;font-size:21px}.bx-ribbon{font-size:9px;right:-38px}}
/* BX-PROMO END */

/* ---- block 36 ---- */
/* BX-CONSEILS START (Inspiration & conseils, 2026-10-30) */
.bxg-home,.bxg-page,.bxg-guide{--bxg-red:#DF3923;--bxg-red-d:#C42E1A;--bxg-ink:#1D1D1F;--bxg-sub:#6E6E73;--bxg-line:#E8E2D9;--bxg-amber:#F2A93B;--bxg-green:#1E7A43;background:#FAF8F5;color:var(--bxg-ink);font-family:'Barlow',sans-serif}
.bxg-home *,.bxg-page *,.bxg-guide *{box-sizing:border-box}
.bxg-home a,.bxg-page a,.bxg-guide a{text-decoration:none!important}
.bxg-home .bxg-eyebrow,.bxg-page .bxg-eyebrow{display:block;color:var(--bxg-red);font-size:20px;font-weight:700;line-height:24px}
.bxg-home .bxg-title{margin:2px 0 6px;font-size:32px;font-weight:700;line-height:1.2;color:var(--bxg-ink);text-transform:none}
.bxg-home .bxg-sub{margin:0;color:var(--bxg-sub);font-size:16px;font-weight:500;line-height:1.35;max-width:440px}
.bxg-home{padding:56px 0}
.bxg-home .bxg-split{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.6fr);gap:40px;align-items:center}
.bxg-home .bxg-checks{list-style:none;margin:20px 0 24px;padding:0;display:grid;gap:8px;font-size:16px;color:#3F4042}
.bxg-home .bxg-checks li{display:flex;gap:10px;align-items:center}
.bxg-home .bxg-checks li:before{content:"";width:18px;height:18px;flex:none;background:var(--bxg-red);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}
.bxg-home .bxg-btn{display:inline-flex;align-items:center;gap:8px;background:var(--bxg-red);color:#fff!important;font-weight:600;padding:13px 24px;border-radius:99px;transition:background .2s,transform .2s}
.bxg-home .bxg-btn:hover{background:var(--bxg-red-d);transform:translateY(-1px)}
.bxg-home .bxg-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.bxg-home .bxg-tile{position:relative;border-radius:14px;overflow:hidden;color:#fff!important;display:block;background:#E8E2D9;aspect-ratio:1/1}
.bxg-home .bxg-tile img{width:100%;height:100%;object-fit:cover;object-position:100% 50%;display:block;transition:transform .4s}
.bxg-home .bxg-tile:hover img{transform:scale(1.06)}
.bxg-home .bxg-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(29,29,31,.82) 0%,rgba(29,29,31,0) 62%)}
.bxg-home .bxg-tile b{position:absolute;left:12px;right:12px;bottom:10px;font-size:15px;font-weight:700;line-height:1.2;z-index:1}
.bxg-home .bxg-tile.bxg-big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.bxg-home .bxg-tile.bxg-big b{left:18px;bottom:16px;font-size:24px}
.bxg-home .bxg-tile.bxg-big small{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--bxg-amber);margin-bottom:4px}
.bxg-home .bxg-more{aspect-ratio:1/1;border-radius:14px;background:var(--bxg-ink);color:#fff!important;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;font-weight:600;font-size:15px;transition:background .2s}
.bxg-home .bxg-more:hover{background:#3F4042}
.bxg-home .bxg-more strong{font-size:32px;color:var(--bxg-amber);line-height:1}
.bxg-page{padding-bottom:56px}
.bxg-page .bxg-radio{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.bxg-page .bxg-hero{background:var(--bxg-ink);color:#fff;position:relative;overflow:hidden;padding:44px 0 40px}
.bxg-page .bxg-hero:before{content:"";position:absolute;right:-80px;top:-120px;width:380px;height:380px;border:44px solid var(--bxg-red);border-radius:48px;transform:rotate(45deg);opacity:.9}
.bxg-page .bxg-hero .container{position:relative}
.bxg-page .bxg-crumb,.bxg-guide .bxg-crumb{font-size:14px;color:rgba(255,255,255,.65);margin-bottom:10px}
.bxg-page .bxg-crumb a,.bxg-guide .bxg-crumb a{color:rgba(255,255,255,.85)!important}
.bxg-page .bxg-crumb a:hover,.bxg-guide .bxg-crumb a:hover{color:#fff!important}
.bxg-page h1{margin:4px 0 8px;font-size:clamp(32px,4.4vw,46px);font-weight:700;color:#fff;line-height:1.1}
.bxg-page .bxg-hero p{margin:0;font-size:17px;color:rgba(255,255,255,.78);max-width:640px}
.bxg-page .bxg-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.bxg-page .bxg-chips label{cursor:pointer;border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:600;font-size:14px;padding:8px 16px;border-radius:99px;transition:.2s;margin:0}
.bxg-page .bxg-chips label:hover{border-color:#fff}
.bxg-page #bxg-f-all:checked~.bxg-hero label[for=bxg-f-all],.bxg-page #bxg-f-mai:checked~.bxg-hero label[for=bxg-f-mai],.bxg-page #bxg-f-fin:checked~.bxg-hero label[for=bxg-f-fin],.bxg-page #bxg-f-ene:checked~.bxg-hero label[for=bxg-f-ene],.bxg-page #bxg-f-jar:checked~.bxg-hero label[for=bxg-f-jar]{background:#fff;color:var(--bxg-ink);border-color:#fff;font-weight:700}
.bxg-page #bxg-f-mai:checked~.bxg-body [data-t]:not([data-t~=mai]),.bxg-page #bxg-f-fin:checked~.bxg-body [data-t]:not([data-t~=fin]),.bxg-page #bxg-f-ene:checked~.bxg-body [data-t]:not([data-t~=ene]),.bxg-page #bxg-f-jar:checked~.bxg-body [data-t]:not([data-t~=jar]){display:none}
.bxg-page .bxg-featured{margin-top:36px;display:grid;align-items:center;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);background:#fff;border:1px solid var(--bxg-line);border-radius:14px;overflow:hidden;color:var(--bxg-ink)!important;transition:box-shadow .22s,transform .22s}
.bxg-page .bxg-featured:hover,.bxg-page .bxg-card:hover{box-shadow:0 14px 32px rgba(29,29,31,.12);transform:translateY(-3px)}
.bxg-page .bxg-featured img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.bxg-page .bxg-featured>div{padding:32px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.bxg-page .bxg-pill{align-self:flex-start;background:var(--bxg-amber);color:var(--bxg-ink);font-weight:700;font-size:12px;letter-spacing:.06em;padding:5px 10px;border-radius:99px}
.bxg-page .bxg-cat{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--bxg-red)}
.bxg-page .bxg-featured h2{margin:0;font-size:30px;font-weight:700;line-height:1.12;color:var(--bxg-ink)}
.bxg-page .bxg-featured p{margin:0;color:var(--bxg-sub);font-size:16px;line-height:1.5}
.bxg-page .bxg-go{color:var(--bxg-red);font-weight:700;font-size:15px}
.bxg-page .bxg-list{margin-top:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bxg-page .bxg-card{background:#fff;border:1px solid var(--bxg-line);border-radius:14px;overflow:hidden;color:var(--bxg-ink)!important;display:flex;flex-direction:column;transition:box-shadow .22s,transform .22s}
.bxg-page .bxg-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.bxg-page .bxg-card>div{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex-grow:1}
.bxg-page .bxg-card b{font-size:18px;font-weight:700;line-height:1.2}
.bxg-page .bxg-card .bxg-txt{font-size:15px;color:var(--bxg-sub);line-height:1.45}
.bxg-page .bxg-card .bxg-go{margin-top:auto;padding-top:6px}
.bxg-page .bxg-ask{background:var(--bxg-red);color:#fff;border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.bxg-page .bxg-ask b{font-size:22px;line-height:1.15}
.bxg-page .bxg-ask span{font-size:15px;color:rgba(255,255,255,.9)}
.bxg-page .bxg-ask a{align-self:flex-start;background:#fff;color:var(--bxg-red)!important;font-weight:700;font-size:14px;padding:10px 16px;border-radius:99px}
.bxg-page .bxg-band{margin-top:32px;background:var(--bxg-ink);color:#fff;border-radius:14px;padding:22px 28px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.bxg-page .bxg-band>div{flex:1 1 360px}
.bxg-page .bxg-band b{font-size:20px}
.bxg-page .bxg-band small{display:block;font-size:15px;color:rgba(255,255,255,.75);margin-top:4px}
.bxg-page .bxg-pro,.bxg-guide .bxg-pro{background:var(--bxg-amber);color:var(--bxg-ink);font-weight:700;font-size:14px;padding:9px 16px;border-radius:99px}
.bxg-page .bxg-band a{background:var(--bxg-red);color:#fff!important;font-weight:600;padding:13px 22px;border-radius:99px;transition:background .2s}
.bxg-page .bxg-band a:hover{background:var(--bxg-red-d)}
.bxg-guide{padding-bottom:56px}
.bxg-guide .bxg-ghero{position:relative;overflow:hidden;background:var(--bxg-ink);color:#fff;padding:40px 0}
.bxg-guide .bxg-ghero:before{content:"";position:absolute;right:-140px;bottom:-230px;width:380px;height:380px;border:44px solid var(--bxg-red);border-radius:48px;transform:rotate(45deg);opacity:.9}
.bxg-guide .bxg-ghero .container{position:relative}
.bxg-guide .bxg-gh-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:center}
.bxg-guide .bxg-gh-grid>img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:100% 50%;border-radius:14px;display:block}
.bxg-guide .bxg-in{display:flex;flex-direction:column;gap:12px}
.bxg-guide .bxg-crumb{margin-bottom:0}
.bxg-guide .bxg-tag{align-self:flex-start;background:var(--bxg-red);font-weight:700;font-size:12px;letter-spacing:.12em;padding:6px 12px;border-radius:99px}
.bxg-guide h1{margin:0;font-size:clamp(30px,4.2vw,46px);font-weight:700;line-height:1.08;color:#fff}
.bxg-guide .bxg-meta{font-size:15px;color:rgba(255,255,255,.82)}
.bxg-guide .bxg-grid{padding-top:40px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.bxg-guide .bxg-main{display:flex;flex-direction:column;gap:32px;min-width:0}
.bxg-guide .bxg-lead{margin:0;font-size:19px;line-height:1.6;color:#3F4042}
.bxg-guide h2{margin:0 0 16px;font-size:28px;font-weight:700;color:var(--bxg-ink);scroll-margin-top:160px}
.bxg-guide .bxg-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:bxgs}
.bxg-guide .bxg-steps li{counter-increment:bxgs;display:flex;gap:16px;background:#fff;border:1px solid var(--bxg-line);border-radius:14px;padding:16px 18px}
.bxg-guide .bxg-steps li:before{content:counter(bxgs);flex:none;width:38px;height:38px;border-radius:50%;background:var(--bxg-ink);color:var(--bxg-amber);font-weight:800;display:flex;align-items:center;justify-content:center}
.bxg-guide .bxg-steps b{font-size:18px;font-weight:700}
.bxg-guide .bxg-steps p{margin:4px 0 0;font-size:16px;color:#3F4042;line-height:1.55}
.bxg-guide .bxg-prods{background:#fff;border:1px solid var(--bxg-line);border-radius:14px;overflow:hidden}
.bxg-guide .bxg-prod{display:grid;grid-template-columns:56px minmax(0,1fr) 110px 140px;gap:14px;align-items:center;padding:10px 16px;border-bottom:1px solid #F1ECE4}
.bxg-guide .bxg-prod img{width:56px;height:56px;object-fit:contain;border-radius:10px;background:#F4F0EA}
.bxg-guide .bxg-prod b{font-size:16px;font-weight:700;display:block}
.bxg-guide .bxg-prod small{font-size:14px;color:var(--bxg-sub)}
.bxg-guide .bxg-ref{font-size:14px;color:var(--bxg-sub)}
.bxg-guide .bxg-prod a{justify-self:end;border:1px solid var(--bxg-red);color:var(--bxg-red)!important;font-weight:700;font-size:14px;padding:8px 14px;border-radius:99px;white-space:nowrap;transition:.2s}
.bxg-guide .bxg-prod a:hover{background:var(--bxg-red);color:#fff!important}
.bxg-guide .bxg-prod a.bxg-ask-link{border-color:var(--bxg-green);color:var(--bxg-green)!important}
.bxg-guide .bxg-prod a.bxg-ask-link:hover{background:var(--bxg-green);color:#fff!important}
.bxg-guide .bxg-all{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;background:#FCE9E6}
.bxg-guide .bxg-all a{background:var(--bxg-red);color:#fff!important;font-weight:600;font-size:14px;padding:10px 18px;border-radius:99px;transition:background .2s}
.bxg-guide .bxg-all a:hover{background:var(--bxg-red-d)}
.bxg-guide .bxg-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bxg-guide .bxg-box{border-radius:14px;padding:20px;scroll-margin-top:160px}
.bxg-guide .bxg-box h3{margin:0;font-size:19px;font-weight:700}
.bxg-guide .bxg-box ul{margin:10px 0 0;padding-left:18px;font-size:16px;line-height:1.55;color:#2B2D31}
.bxg-guide .bxg-good{background:#E7F5EC}.bxg-guide .bxg-good h3{color:var(--bxg-green)}
.bxg-guide .bxg-bad{background:#FCE9E6}.bxg-guide .bxg-bad h3{color:#B8261A}
.bxg-guide aside{position:sticky;top:160px;display:flex;flex-direction:column;gap:16px}
.bxg-guide .bxg-toc{background:#fff;border:1px solid var(--bxg-line);border-radius:14px;padding:18px}
.bxg-guide .bxg-toc b{font-size:16px}
.bxg-guide .bxg-toc a{display:block;margin-top:8px;font-size:15px;color:#3F4042!important}
.bxg-guide .bxg-toc a:hover{color:var(--bxg-red)!important}
.bxg-guide .bxg-cta{background:var(--bxg-ink);color:#fff;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:10px}
.bxg-guide .bxg-cta b{font-size:20px;line-height:1.15}
.bxg-guide .bxg-cta span{font-size:14px;color:rgba(255,255,255,.75)}
.bxg-guide .bxg-cta .bxg-wa{background:var(--bxg-green);color:#fff!important;font-weight:700;font-size:14px;padding:11px 14px;border-radius:99px;text-align:center}
.bxg-guide .bxg-cta .bxg-pro{align-self:flex-start;color:var(--bxg-ink);font-size:12px;padding:5px 10px}
.bxg-guide .bxg-range{background:#fff;border:1px solid var(--bxg-line);border-radius:14px;padding:16px 18px;color:var(--bxg-ink)!important;font-weight:700;font-size:15px}
.bxg-guide .bxg-range:hover{border-color:var(--bxg-red);color:var(--bxg-red)!important}
.bxg-guide .bxg-more{padding-top:44px}
.bxg-guide .bxg-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bxg-guide .bxg-more-grid a{position:relative;border-radius:14px;overflow:hidden;display:block;background:#E8E2D9}
.bxg-guide .bxg-more-grid img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .4s}
.bxg-guide .bxg-more-grid a:hover img{transform:scale(1.06)}
@media(max-width:991px){.bxg-home .bxg-split{grid-template-columns:1fr}.bxg-page .bxg-list{grid-template-columns:repeat(2,minmax(0,1fr))}.bxg-page .bxg-featured{grid-template-columns:1fr}.bxg-page .bxg-featured img{min-height:220px;max-height:280px}.bxg-guide .bxg-grid{grid-template-columns:1fr}.bxg-guide .bxg-gh-grid{grid-template-columns:1fr;gap:24px}.bxg-guide .bxg-gh-grid>img{max-width:420px}.bxg-guide aside{position:static}.bxg-guide .bxg-more-grid{grid-template-columns:1fr}}
@media(max-width:575px){.bxg-home{padding:40px 0}.bxg-home .bxg-title{font-size:26px}.bxg-home .bxg-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.bxg-home .bxg-tile b{font-size:14px}.bxg-home .bxg-tile.bxg-big b{font-size:19px}.bxg-page .bxg-list{grid-template-columns:1fr}.bxg-page .bxg-featured>div{padding:22px}.bxg-page .bxg-featured h2{font-size:24px}.bxg-guide .bxg-ghero{padding:28px 0}.bxg-guide .bxg-two{grid-template-columns:1fr}.bxg-guide .bxg-prod{grid-template-columns:48px minmax(0,1fr);row-gap:8px}.bxg-guide .bxg-prod img{width:48px;height:48px}.bxg-guide .bxg-ref{display:none}.bxg-guide .bxg-prod a{grid-column:2;justify-self:start}.bxg-guide .bxg-lead{font-size:17px}}
/* BX-CONSEILS END */

/* ---- block 37 ---- */
/* BX-PROMO2 START (Promotions du moment v3, 2026-10-30) */
.bxp2{--p-red:#DF3923;--p-ink:#1D1D1F;--p-amber:#F2A93B;--p-sub:#6E6E73;--p-line:#E8E2D9;background:#FAF8F5;color:var(--p-ink);font-family:'Barlow',sans-serif}.bxp2 *{box-sizing:border-box}.bxp2 a{text-decoration:none!important}.bxp2-top{padding:56px 0}.bxp2-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}.bxp2-eyebrow{display:block;color:var(--p-red);font-size:20px;font-weight:700;line-height:24px}.bxp2-title{margin:2px 0 6px;font-size:32px;font-weight:700;line-height:1.2;color:var(--p-ink)}.bxp2-sub{margin:0;color:var(--p-sub);font-size:16px;font-weight:500}.bxp2 .bx-see-all{font-weight:600;line-height:21px;color:var(--p-red)!important}.bxp2 .bx-see-all:hover{color:#fff!important}.bxp2-bento{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:16px}.bxp2-card{position:relative;overflow:hidden;border-radius:24px;min-height:340px;padding:26px 26px 24px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .25s,box-shadow .25s;isolation:isolate}.bxp2-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(29,29,31,.18)}.bxp2-amber{background:var(--p-amber);color:var(--p-ink)!important}.bxp2-red{background:var(--p-red);color:#fff!important}.bxp2-ink{background:var(--p-ink);color:#fff!important}.bxp2-chip{font-size:13px;font-weight:700;letter-spacing:.04em;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.22)}.bxp2-amber .bxp2-chip{background:rgba(29,29,31,.1)}.bxp2-big{display:block;font-size:clamp(64px,7.4vw,108px);font-weight:800;line-height:.9;letter-spacing:-.04em;margin:22px 0 10px}.bxp2-ink .bxp2-big{color:var(--p-amber)}.bxp2-label{display:block;font-size:20px;font-weight:700;line-height:1.2;max-width:15ch}.bxp2-go{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px}.bxp2-go i{font-style:normal;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--p-ink);color:#fff;transition:transform .25s}.bxp2-red .bxp2-go i,.bxp2-ink .bxp2-go i{background:#fff;color:var(--p-ink)}.bxp2-card:hover .bxp2-go i{transform:translateX(4px)}.bxp2-pic{position:absolute;z-index:-1;right:-18px;bottom:-18px;width:52%;aspect-ratio:1/1;border-radius:28px;background:#fff;padding:18px;transform:rotate(-6deg);box-shadow:0 18px 40px rgba(29,29,31,.22);transition:transform .35s}.bxp2-card:hover .bxp2-pic{transform:rotate(-2deg) scale(1.03)}.bxp2-pic img{width:100%;height:100%;object-fit:contain;display:block}.bxp2-card:not(.bxp2-main) .bxp2-pic{width:46%;right:-14px;bottom:-14px}@media(max-width:991px){.bxp2-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bxp2-main{grid-column:span 2}}@media(max-width:575px){.bxp2-top{padding:36px 0}.bxp2-title{font-size:26px}.bxp2-bento{grid-template-columns:1fr;gap:12px}.bxp2-main{grid-column:auto}.bxp2-card{min-height:230px;padding:22px}.bxp2-big{font-size:64px;margin:14px 0 8px}.bxp2-label{font-size:18px}.bxp2-card .bxp2-pic,.bxp2-card:not(.bxp2-main) .bxp2-pic{width:42%}}
/* BX-PROMO2 END */

/* ---- block 38 ---- */
.topbar-promo::before{display:none!important}

/* ---- block 39 ---- */
.bxm{--m-red:#DF3923;--m-red-d:#C42E1A;--m-ink:#1D1D1F;--m-amber:#F2A93B;--m-sub:#6E6E73;--m-line:#E8E2D9;background:#FAF8F5;color:var(--m-ink);font-family:'Barlow',sans-serif;padding-bottom:56px}
.bxm *{box-sizing:border-box}
.bxm a{text-decoration:none!important}
.bxm .bxm-dark{background:var(--m-ink);color:#fff;position:relative;overflow:hidden;padding:44px 0}
.bxm .bxm-dark:before{content:"";position:absolute;right:-90px;top:-130px;width:380px;height:380px;border:44px solid var(--m-red);border-radius:48px;transform:rotate(45deg);opacity:.9}
.bxm .bxm-dark .container{position:relative}
.bxm .bxm-crumb{font-size:14px;color:rgba(255,255,255,.65);margin-bottom:10px}
.bxm .bxm-crumb a{color:rgba(255,255,255,.85)!important}
.bxm .bxm-eyebrow{display:block;color:var(--m-red);font-size:20px;font-weight:700;line-height:24px}
.bxm h1{margin:4px 0 10px;font-size:clamp(34px,4.6vw,52px);font-weight:700;color:#fff;line-height:1.05}
.bxm .bxm-dark p{margin:0;font-size:17px;line-height:1.55;color:rgba(255,255,255,.8);max-width:620px}
.bxm .bxm-grid{margin-top:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bxm .bxm-bcard{background:#fff;border:1px solid var(--m-line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px;color:var(--m-ink)!important;transition:box-shadow .22s,transform .22s,border-color .22s}
.bxm .bxm-bcard:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(29,29,31,.12);border-color:transparent}
.bxm .bxm-logo{height:96px;border-radius:10px;background:#FAF8F5;display:flex;align-items:center;justify-content:center;margin-bottom:8px;padding:14px}
.bxm .bxm-logo img{max-width:70%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.85;transition:.25s}
.bxm .bxm-bcard:hover .bxm-logo img{filter:none;opacity:1}
.bxm .bxm-word{font-size:24px;font-weight:800;letter-spacing:-.02em;color:#3F4042}
.bxm .bxm-bcard b{font-size:19px;font-weight:700}
.bxm .bxm-cat{font-size:15px;color:var(--m-sub);line-height:1.4;min-height:42px}
.bxm .bxm-foot{margin-top:auto;padding-top:10px;border-top:1px solid #F1ECE4;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#3F4042}
.bxm .bxm-foot i{font-style:normal;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--m-red);color:var(--m-red);transition:.2s}
.bxm .bxm-bcard:hover .bxm-foot i{background:var(--m-red);color:#fff}
.bxm .bxm-band{margin-top:32px;background:var(--m-ink);color:#fff;border-radius:14px;padding:22px 28px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.bxm .bxm-band>div{flex:1 1 360px}.bxm .bxm-band b{font-size:20px}.bxm .bxm-band small{display:block;font-size:15px;color:rgba(255,255,255,.75);margin-top:4px}
.bxm .bxm-band a{background:#1E7A43;color:#fff!important;font-weight:600;padding:13px 22px;border-radius:99px}
.bxm .bxm-bhero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:center}
.bxm .bxm-blogo{aspect-ratio:1/1;background:#fff;border-radius:24px;display:flex;align-items:center;justify-content:center;padding:48px;box-shadow:0 24px 50px rgba(0,0,0,.35);transform:rotate(-4deg)}
.bxm .bxm-blogo img{max-width:100%;max-height:100%;object-fit:contain}
.bxm .bxm-facts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.bxm .bxm-facts span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:10px 16px;font-size:13px;color:rgba(255,255,255,.7);display:flex;flex-direction:column-reverse}
.bxm .bxm-facts b{font-size:22px;color:#fff;font-weight:800;line-height:1.1}
.bxm .bxm-ctas{display:flex;gap:10px;flex-wrap:wrap}
.bxm .bxm-btn{background:var(--m-red);color:#fff!important;font-weight:600;padding:13px 24px;border-radius:99px;transition:background .2s}
.bxm .bxm-btn:hover{background:var(--m-red-d)}
.bxm .bxm-btn2{border:1.5px solid rgba(255,255,255,.4);color:#fff!important;font-weight:600;padding:12px 22px;border-radius:99px;transition:.2s}
.bxm .bxm-btn2:hover{border-color:#fff}
.bxm .bxm-sec{padding-top:48px}
.bxm .bxm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.bxm h2{margin:2px 0 6px;font-size:32px;font-weight:700;line-height:1.2;color:var(--m-ink)}
.bxm .bxm-sub{margin:0;color:var(--m-sub);font-size:16px;font-weight:500}
.bxm .bxm-lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}
.bxm .bxm-line{background:#fff;border:1px solid var(--m-line);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:4px}
.bxm .bxm-ltag{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--m-red);background:#FCE9E6;padding:4px 10px;border-radius:99px;margin-bottom:6px}
.bxm .bxm-line b{font-size:19px}
.bxm .bxm-line>span:not(.bxm-ltag){font-size:28px;font-weight:800;letter-spacing:-.02em}
.bxm .bxm-line small{font-size:14px;color:var(--m-sub)}
.bxm .bxm-prods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bxm .bxm-pc{background:#fff;border:1px solid var(--m-line);border-radius:14px;padding:12px;color:var(--m-ink)!important;display:flex;flex-direction:column;gap:8px;transition:box-shadow .22s,transform .22s}
.bxm .bxm-pc:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(29,29,31,.12)}
.bxm .bxm-pc img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:10px;background:#fff}
.bxm .bxm-pc b{font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.bxm .bxm-pc span{color:var(--m-red);font-weight:700;font-size:16px}
.bxm .bxm-vids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bxm .bxm-vid{margin:0}
.bxm .bxm-frame{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.bxm .bxm-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.bxm .bxm-vid figcaption{margin-top:8px;font-size:15px;font-weight:600;color:#3F4042}
.bxm .bxm-gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:180px;gap:12px}
.bxm .bxm-ph{border-radius:14px;background:repeating-linear-gradient(135deg,#F1ECE4 0 14px,#EAE3D8 14px 28px);display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font-size:14px;font-weight:600;color:#6E6E73}
.bxm .bxm-ph-big{grid-column:span 2;grid-row:span 2}
.bxm .bxm-help{margin-top:48px;background:#fff;border:1px solid var(--m-line);border-radius:14px;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.bxm .bxm-help b{display:block;font-size:22px;margin-top:2px}
.bxm .bxm-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.bxm .bxm-strip a{height:84px;background:#fff;border:1px solid var(--m-line);border-radius:14px;display:flex;align-items:center;justify-content:center;padding:16px}
.bxm .bxm-strip img{max-width:80%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.8;transition:.25s}
.bxm .bxm-strip a:hover img{filter:none;opacity:1}
@media(max-width:991px){.bxm .bxm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bxm .bxm-bhero{grid-template-columns:1fr}.bxm .bxm-blogo{max-width:240px}.bxm .bxm-lines,.bxm .bxm-vids{grid-template-columns:1fr}.bxm .bxm-prods{grid-template-columns:repeat(2,minmax(0,1fr))}.bxm .bxm-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:575px){.bxm .bxm-grid{grid-template-columns:1fr}.bxm .bxm-gal{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:140px}.bxm h2{font-size:26px}}

.bxm.bxm-a{padding-bottom:8px}.bxm.bxm-b{padding-top:0}.bxm .bxm-band{margin-top:40px}.bxm .bxm-blogo img{max-height:220px}.bxm-carousel-wrap{background:#FAF8F5}.bxm-a+section.s_dynamic_snippet_products{padding-bottom:8px!important}.bxm-a+section.s_dynamic_snippet_products .carousel-item{padding-left:0!important;padding-right:0!important}.bxm .bxm-ctagrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bxm .bxm-ctagrid.bxm-one{grid-template-columns:1fr}.bxm .bxm-cta{background:#fff;border:1px solid var(--m-line);border-radius:14px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.bxm .bxm-cta b{display:block;font-size:19px;font-weight:700;line-height:1.3}.bxm .bxm-cta small{display:block;font-size:14px;color:var(--m-sub);margin-top:2px}.bxm .bxm-cta .bx-see-all{flex:none;white-space:nowrap}.bxm .bxm-strip img{height:40px;width:auto;max-width:75%}.bxm .bxm-strip .bxm-word{font-size:20px;color:#8A8A8E}.bxm .bxm-blogo .bxm-word{font-size:40px}@media(max-width:767px){.bxm .bxm-ctagrid{grid-template-columns:1fr}.bxm .bxm-cta{flex-wrap:wrap}}.bxm .bxm-strip a{height:96px}.bxm .bxm-strip img{height:64px;max-width:85%}.bxm .bxm-strip .bxm-word{font-size:17px;font-weight:700;letter-spacing:-.01em;color:#7A7A7E}

/* ---- block 40 ---- */
@media(min-width:768px){.bxp-partners .bxp-wrap{position:relative}.bxp-partners .bxp-all{position:absolute;right:0;bottom:0;margin:0!important}}

/* ---- block 41 ---- */
/* titles */.bxp2-title,.bx-rayons .bx-head h2,.bxg-home .bxg-head h2:not(.bxg-eyebrow),.bxp-partners h2,#wrap .s_title h5 .h3-fs,#wrap .s_dynamic_snippet_title .h3-fs,#wrap .s_title h5 .h3-fs *,#wrap .s_dynamic_snippet_title .h3-fs *{font-size:32px!important;font-weight:700!important;line-height:1.2!important;color:#1D1D1F!important;letter-spacing:normal!important}.bx-pro-sec .bxp-h{font-size:32px!important;line-height:1.2!important}/* eyebrows */.bxp2-eyebrow,.bxp-partners .bxp-eyebrow,.bxg-home .bxg-eyebrow,.bx-rayons .bx-head h4:first-child,#wrap .s_title h5 .h5-fs,#wrap .s_dynamic_snippet_title .h5-fs,#wrap .s_title h5 .h5-fs *,#wrap .s_dynamic_snippet_title .h5-fs *{font-size:20px!important;font-weight:700!important;line-height:24px!important;color:#DF3923!important;letter-spacing:normal!important;text-transform:none!important}.bx-pro-sec .bxp-eye{font-size:20px!important;font-weight:700!important;letter-spacing:normal!important;text-transform:none!important;color:#DF3923!important;line-height:24px!important}.bx-pro-sec .bxp-eye:after,.bx-pro-sec .bxp-eye:before{display:none!important}.bx-pro-sec .bxp-eye{border:0!important;padding-bottom:0!important;text-decoration:none!important}/* subtitles */.bxp2-sub,.bxp-partners .bxp-sub,.bx-rayons .bx-sub,.bx-rayons .bx-sub *,.bxg-home .bx-sub,.bxg-home .bx-sub *,#wrap .s_title h5 .h6-fs,#wrap .s_dynamic_snippet_title .h6-fs{font-size:16px!important;font-weight:500!important;color:#6E6E73!important;line-height:1.5!important}/* buttons */.bx-pro-sec .bxp-b1{background:#DF3923!important;border-radius:999px!important;font-size:15px!important;font-weight:600!important;padding:13px 24px!important}.bx-pro-sec .bxp-b1:hover{background:#C42E1A!important}.bx-hero a.rounded-circle{font-size:15px!important;font-weight:600!important;padding:11px 24px!important;border-radius:999px!important}.bxg-home .bxg-btn2{margin-top:8px}.features h3{color:#1D1D1F!important}/* radius */#wrap .s_ecomm_categories_showcase_block{border-radius:14px!important}.bx-pro-sec .bxp{border-radius:24px!important}/* spacing homepage */#wrap:has(.bx-hero) .features{padding-bottom:64px!important}#wrap:has(.bx-hero) .s_ecomm_categories_showcase,#wrap:has(.bx-hero) section.s_dynamic_snippet_products,#wrap:has(.bx-hero) .bxp2-top,#wrap:has(.bx-hero) .bx-rayons,#wrap:has(.bx-hero) .bxg-home,#wrap:has(.bx-hero) .bx-pro-sec,#wrap:has(.bx-hero) .bxp-partners{padding-top:0!important;padding-bottom:64px!important}#wrap:has(.bx-hero) .bx-rayons{min-height:0!important}#wrap:has(.bx-hero) .bx-rayons .bx-wrap{padding-bottom:0!important}@media(max-width:767px){#wrap:has(.bx-hero) .features,#wrap:has(.bx-hero) .s_ecomm_categories_showcase,#wrap:has(.bx-hero) section.s_dynamic_snippet_products,#wrap:has(.bx-hero) .bxp2-top,#wrap:has(.bx-hero) .bx-rayons,#wrap:has(.bx-hero) .bxg-home,#wrap:has(.bx-hero) .bx-pro-sec,#wrap:has(.bx-hero) .bxp-partners{padding-bottom:40px!important}.bxp2-title,.bx-rayons .bx-head h2,.bxg-home .bxg-head h2:not(.bxg-eyebrow),.bxp-partners h2,#wrap .s_title h5 .h3-fs,#wrap .s_dynamic_snippet_title .h3-fs,.bx-pro-sec .bxp-h{font-size:26px!important}}/* brand hub */#bmx-marques{--bmx-red:#DF3923!important;--bmx-ink:#1D1D1F!important;--bmx-line:#E8E2D9!important;--bmx-soft:#FAF8F5!important;--bmx-grey:#6E6E73!important}#bmx-marques .bmx-eyebrow{font-size:20px!important;font-weight:700!important;letter-spacing:normal!important;text-transform:none!important;line-height:24px}#bmx-marques .bmx-fh h2,#bmx-marques .bmx-all h2{font-size:32px}#bmx-marques .bmx-w{max-width:1140px!important;padding:0 12px!important}@media(max-width:1199px){#bmx-marques .bmx-w{max-width:960px!important}}@media(max-width:991px){#bmx-marques .bmx-w{max-width:720px!important}}@media(max-width:767px){#bmx-marques .bmx-w{max-width:540px!important}}@media(max-width:575px){#bmx-marques .bmx-w{max-width:none!important;padding:0 16px!important}}#bmx-marques{background:#FAF8F5!important}#bmx-marques .bmx-fc .bmx-logo{background:#FAF8F5!important}.bxg-home .bxg-intro{align-self:start!important;justify-content:flex-start!important;padding-top:0!important;margin-top:0!important}.bxg-home .bxg-head{margin-top:0!important;padding-top:0!important}.bxg-home .bxg-head .bxg-eyebrow{margin-top:0!important}

/* ---- block 42 ---- */
aside form.js_attributes{background:#fff;border:1px solid #E8E2D9;border-radius:14px;padding:6px 18px 12px;margin-bottom:16px!important}aside form.js_attributes .accordion-button b,aside form.js_attributes .accordion-button{font-size:12px!important;font-weight:700!important;color:#999!important;text-transform:uppercase;letter-spacing:.06em}.mtx-cat-sidebar,aside .accordion.accordion-flush.border-top,.o_wsale_offcanvas_title.accordion{border:1px solid #E8E2D9!important;border-radius:14px!important;background:#fff!important}.mtx-cat-sidebar-head{font-weight:700!important}.bx-card-img{background:#fff!important}.bx-card-img img{object-fit:contain!important;padding:12px!important}.o_sortby_dropdown{margin-left:0!important}

/* ---- block 43 ---- */
@media(max-width:899px){html body div.bxm-bar{grid-template-columns:repeat(5,1fr)!important;column-gap:0!important}html body div.bxm-bar::before{right:0!important}html body div.bxm-bar>.bxm-it{order:0!important;width:auto!important;height:54px!important;margin:4px 2px!important;border-radius:27px!important;background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;justify-self:stretch!important}html body div.bxm-bar>.bxm-it>span:not(.bxm-cnt){position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;font-size:10.5px!important}html body div.bxm-bar>.bxm-it>i{width:23px!important;height:23px!important}html body div.bxm-bar>.bxm-it.on{color:#DF3923!important}html body div.bxm-bar .fa-home{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M3.5 10.5 12 4l8.5 6.5V19a1.5 1.5 0 0 1-1.5 1.5h-4v-6h-6v6H5A1.5 1.5 0 0 1 3.5 19z'/%3E%3C/svg%3E")}html body div.bxm-bar .fa-whatsapp{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 3.5a8.5 8.5 0 0 0-7.4 12.7L3.5 20.5l4.4-1.1A8.5 8.5 0 1 0 12 3.5z'/%3E%3Cpath d='M9.2 8.6c.2-.4.5-.4.7-.4h.5c.2 0 .4 0 .5.4l.7 1.6c.1.2 0 .4-.1.6l-.5.6c-.1.1-.2.3 0 .5.3.6 1.4 1.8 2.5 2.2.2.1.4.1.5-.1l.6-.7c.2-.2.4-.2.6-.1l1.5.7c.2.1.3.2.3.4 0 .5-.3 1.2-.9 1.5-.6.3-1.7.4-3.5-.5-1.9-1-3.3-2.9-3.6-3.6-.4-.8-.5-1.9.2-3.1z'/%3E%3C/svg%3E")}html body div.bxm-bar .bxm-cnt{color:#fff!important;right:calc(50% - 21px)!important}}@media(max-width:991px){html body #o_wsale_products_header a.btn:has(.fa-search),html body #o_wsale_products_header a.btn:has(.oi-search),html body #o_wsale_products_header .products_header>a.btn.d-sm-none{display:none!important}}@media(max-width:767px){html body section.bx-hero{padding-top:22px!important;min-height:0!important;height:auto!important}html body section.bx-hero .row.o_grid_mode{display:block!important;height:auto!important;min-height:0!important}html body section.bx-hero .o_grid_item{height:auto!important;min-height:0!important;padding:6px 15px 22px!important;grid-area:auto!important}html body section.bx-hero .o_grid_item>h4{margin:0!important;line-height:1.05!important}html body section.bx-hero .o_grid_item>h4:nth-of-type(1),html body section.bx-hero .o_grid_item>h4:nth-of-type(1) *{font-size:14px!important;letter-spacing:.05em!important;margin-bottom:6px!important}html body section.bx-hero .o_grid_item>h4:nth-of-type(2) *,html body section.bx-hero .o_grid_item>h4:nth-of-type(3) *{font-size:34px!important;line-height:1.06!important}html body section.bx-hero .o_grid_item>p.lead{margin:10px 0 0!important}html body section.bx-hero .o_grid_item>p.lead *{font-size:15px!important;line-height:1.4!important}html body section.bx-hero .o_grid_item>p.lead:not(:has(span,font,a,strong)){display:none!important}html body section.bx-hero .o_grid_item>p:has(>a.btn){display:flex!important;gap:8px!important;margin:16px 0 0!important}html body section.bx-hero .o_grid_item>p:has(>a.btn)>a.btn{flex:1 1 0!important;margin:0!important;font-size:14px!important;padding:11px 8px!important;display:inline-flex!important;justify-content:center!important;align-items:center!important;gap:6px!important;white-space:nowrap!important}}@media(max-width:575px){html body .bx-card-body{display:flex!important;flex-direction:column!important}html body .bx-card .product-cat{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}html body .bx-card-title{height:40px!important;overflow:hidden!important}html body .bx-card-price{min-height:24px!important}html body .bx-card-btn{margin-top:auto!important;font-size:0!important;height:42px!important;min-height:42px!important;padding:0 8px!important;justify-content:center!important;align-items:center!important;gap:6px!important}html body .bx-card-btn::after{content:"Ajouter";font-size:14px;font-weight:600;line-height:1}html body .bx-card-btn i{font-size:15px!important;margin:0!important}}@media(max-width:899px){html body div.bxm-bar>a.bxm-it[href="/shop/cart"]{display:flex!important}html body div.bxm-bar::before{background:rgba(255,255,255,.94)!important}}
/* ==== BX-TYPE: one heading scale everywhere (2026-10-30) ==== */
#wrapwrap .bxp2-eyebrow,#wrapwrap .bxp-partners .bxp-eyebrow,#wrapwrap .bxg-home .bxg-eyebrow,#wrapwrap .bxg-home .bxg-eyebrow *,#wrapwrap .bx-rayons .bx-head h4:first-child,#wrapwrap .bx-rayons .bx-head h4:first-child *,#wrapwrap .s_title h5 .h5-fs,#wrapwrap .s_title h5 .h5-fs *,#wrapwrap .s_dynamic_snippet_title .h5-fs,#wrapwrap .s_dynamic_snippet_title .h5-fs *,#wrapwrap .bx-pro-sec .bxp-eye,#wrapwrap .bxm .bxm-eyebrow,#wrapwrap #bmx-marques .bmx-eyebrow{font-size:20px!important;font-weight:700!important;line-height:24px!important;color:#DF3923!important;letter-spacing:normal!important;text-transform:none!important}
#wrapwrap .bxp2-title,#wrapwrap .bxp2-title *,#wrapwrap .bx-rayons .bx-head h2,#wrapwrap .bx-rayons .bx-head h2 *,#wrapwrap .bxg-home .bxg-head h2:not(.bxg-eyebrow),#wrapwrap .bxg-home .bxg-head h2:not(.bxg-eyebrow) *,#wrapwrap .bxp-partners h2,#wrapwrap .bxp-partners h2 *,#wrapwrap .s_title h5 .h3-fs,#wrapwrap .s_title h5 .h3-fs *,#wrapwrap .s_dynamic_snippet_title .h3-fs,#wrapwrap .s_dynamic_snippet_title .h3-fs *,#wrapwrap .bxm h2,#wrapwrap #bmx-marques .bmx-fh h2,#wrapwrap #bmx-marques .bmx-all h2{font-size:32px!important;font-weight:700!important;line-height:1.2!important;color:#1D1D1F!important;letter-spacing:normal!important}
#wrapwrap .bx-pro-sec .bxp-h,#wrapwrap .bx-pro-sec .bxp-h *{font-size:32px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:normal!important}
#wrapwrap .bxp2-sub,#wrapwrap .bxp2-sub *,#wrapwrap .bxp-partners .bxp-sub,#wrapwrap .bx-rayons .bx-sub,#wrapwrap .bx-rayons .bx-sub *,#wrapwrap .bxg-home .bx-sub,#wrapwrap .bxg-home .bx-sub *,#wrapwrap .s_title h5 .h6-fs,#wrapwrap .s_title h5 .h6-fs *,#wrapwrap .s_dynamic_snippet_title .h6-fs,#wrapwrap .s_dynamic_snippet_title .h6-fs *,#wrapwrap .bxm .bxm-sub,#wrapwrap #bmx-marques .bmx-fh p{font-size:16px!important;font-weight:500!important;line-height:1.5!important;color:#6E6E73!important}
#wrapwrap .bx-pro-sec .bxp-p{font-size:16px!important;font-weight:400!important;line-height:1.5!important}
@media(max-width:767px){
#wrapwrap .bxp2-eyebrow,#wrapwrap .bxp-partners .bxp-eyebrow,#wrapwrap .bxg-home .bxg-eyebrow,#wrapwrap .bxg-home .bxg-eyebrow *,#wrapwrap .bx-rayons .bx-head h4:first-child,#wrapwrap .bx-rayons .bx-head h4:first-child *,#wrapwrap .s_title h5 .h5-fs,#wrapwrap .s_title h5 .h5-fs *,#wrapwrap .s_dynamic_snippet_title .h5-fs,#wrapwrap .s_dynamic_snippet_title .h5-fs *,#wrapwrap .bx-pro-sec .bxp-eye,#wrapwrap .bxm .bxm-eyebrow,#wrapwrap #bmx-marques .bmx-eyebrow{font-size:15px!important;line-height:20px!important}
#wrapwrap .bxp2-title,#wrapwrap .bxp2-title *,#wrapwrap .bx-rayons .bx-head h2,#wrapwrap .bx-rayons .bx-head h2 *,#wrapwrap .bxg-home .bxg-head h2:not(.bxg-eyebrow),#wrapwrap .bxg-home .bxg-head h2:not(.bxg-eyebrow) *,#wrapwrap .bxp-partners h2,#wrapwrap .bxp-partners h2 *,#wrapwrap .s_title h5 .h3-fs,#wrapwrap .s_title h5 .h3-fs *,#wrapwrap .s_dynamic_snippet_title .h3-fs,#wrapwrap .s_dynamic_snippet_title .h3-fs *,#wrapwrap .bxm h2,#wrapwrap #bmx-marques .bmx-fh h2,#wrapwrap #bmx-marques .bmx-all h2,#wrapwrap .bx-pro-sec .bxp-h,#wrapwrap .bx-pro-sec .bxp-h *{font-size:26px!important;line-height:1.15!important}
#wrapwrap .bxp2-sub,#wrapwrap .bxp2-sub *,#wrapwrap .bxp-partners .bxp-sub,#wrapwrap .bx-rayons .bx-sub,#wrapwrap .bx-rayons .bx-sub *,#wrapwrap .bxg-home .bx-sub,#wrapwrap .bxg-home .bx-sub *,#wrapwrap .s_title h5 .h6-fs,#wrapwrap .s_title h5 .h6-fs *,#wrapwrap .s_dynamic_snippet_title .h6-fs,#wrapwrap .s_dynamic_snippet_title .h6-fs *,#wrapwrap .bxm .bxm-sub,#wrapwrap #bmx-marques .bmx-fh p,#wrapwrap .bx-pro-sec .bxp-p{font-size:15px!important;line-height:1.45!important}
#wrapwrap .bx-see-all{font-size:13px!important;font-weight:600!important;padding:7px 16px!important}
}
/* ==== END BX-TYPE ==== */
/* ==== BX-TYPE2 ==== */
#wrapwrap .bxg-home .bxg-head .bxg-eyebrow,#wrapwrap .bx-pro-sec .bxp-eye{margin-bottom:2px!important;display:block}
#wrapwrap .bxg-home .bxg-head h2:not(.bxg-eyebrow){margin-top:0!important}
#wrapwrap .bx-pro-sec .bxp-h{margin-top:0!important}
#wrapwrap .s_ecomm_categories_showcase_content h2,#wrapwrap .s_ecomm_categories_showcase_content h2 *{font-size:16px!important;font-weight:700!important;line-height:1.2!important}
@media(max-width:767px){#wrapwrap .s_ecomm_categories_showcase_content h2,#wrapwrap .s_ecomm_categories_showcase_content h2 *{font-size:14px!important}}
/* ==== END BX-TYPE2 ==== */
/* ==== BX-BAR2: bottom bar option C (2026-10-30) ==== */
@media(max-width:899px){
html body div.bxm-bar.bxm-bar2{left:0!important;right:0!important;bottom:0!important;height:auto!important;padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px))!important;background:#fff!important;border:0!important;border-top:1px solid #E8E2D9!important;border-radius:0!important;box-shadow:0 -6px 20px rgba(29,29,31,.06)!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;column-gap:0!important;align-items:end!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body div.bxm-bar.bxm-bar2::before{display:none!important}
html body div.bxm-bar.bxm-bar2>.bxm-it{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;height:auto!important;width:auto!important;margin:0!important;padding:6px 0 2px!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#6E6E73!important;gap:5px!important;font:600 11px/1 Barlow,sans-serif!important;transform:none!important;order:0!important}
html body div.bxm-bar.bxm-bar2>.bxm-it.on{color:#DF3923!important;font-weight:700!important}
html body div.bxm-bar.bxm-bar2>.bxm-it>i{width:23px!important;height:23px!important}
html body div.bxm-bar.bxm-bar2 .fa-user{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}
html body div.bxm-bar.bxm-bar2>.bxm-devis{color:#1D1D1F!important;font-weight:700!important;margin-top:-30px!important;padding-top:0!important}
html body div.bxm-bar.bxm-bar2 .bxm-fab{width:58px;height:58px;border-radius:50%;background:#DF3923;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px #fff,0 10px 22px rgba(223,57,35,.38)}
html body div.bxm-bar.bxm-bar2>.bxm-devis:active .bxm-fab{background:#C42E1A}
html body div.bxm-bar.bxm-bar2 .bxm-cnt{top:2px!important;right:calc(50% - 22px)!important;background:#DF3923!important;color:#fff!important;box-shadow:0 0 0 2px #fff!important}
html body:has(.bxm-bar2){padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
}
/* ==== END BX-BAR2 ==== */
/* ==== BX-SHARE: share button on product photo ==== */
#product_detail #o-carousel-product,#product_detail .o_wsale_product_images{position:relative}
.bx-pshare{position:absolute;top:12px;right:12px;z-index:5;width:42px;height:42px;border-radius:50%;border:1px solid #E8E2D9;background:rgba(255,255,255,.95);color:#1D1D1F;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(29,29,31,.12);cursor:pointer;padding:0;transition:color .2s,border-color .2s}
.bx-pshare:hover{color:#DF3923;border-color:#DF3923}
html body div.bxm-bar .bxm-share{display:none!important}
/* ==== END BX-SHARE ==== */
/* ==== BX-SHARE2: share button between WhatsApp and Appeler ==== */
.bx-devis-btns .bx-devis-share{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
@media(max-width:767px){.bx-devis-btns.bx-has-share{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.bx-devis-btns.bx-has-share>a{width:auto!important;min-width:0!important;padding-left:6px!important;padding-right:6px!important;white-space:nowrap}}
/* ==== END BX-SHARE2 ==== */
/* ==== BX-BAR3: more room at the bottom ==== */
@media(max-width:899px){html body div.bxm-bar.bxm-bar2{padding:8px 4px max(20px, calc(10px + env(safe-area-inset-bottom,0px)))!important}
html body:has(.bxm-bar2){padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))!important}
@media(display-mode:standalone){html body div.bxm-bar.bxm-bar2{padding-bottom:max(28px, calc(12px + env(safe-area-inset-bottom,0px)))!important}}}
/* ==== END BX-BAR3 ==== */
/* ==== BX-HERO-TRUST (2026-11-03): hero title + trust bar ==== */
html body:not(#bxh) section.bx-hero h4.bx-ht{display:flex!important;flex-direction:column!important;align-items:flex-start!important;margin:14px 0 22px!important;line-height:1!important}
html body:not(#bxh) section.bx-hero .bx-ht-1{font:italic 800 88px/0.95 Barlow,sans-serif!important;letter-spacing:-.03em!important;color:#fff!important;text-shadow:none!important}
html body:not(#bxh) section.bx-hero .bx-ht-pill{display:inline-block!important;margin:12px 0 0 6px!important;background:#DF3923!important;border-radius:16px!important;transform:skewX(-10deg);padding:4px 30px 10px!important;box-shadow:0 18px 40px rgba(223,57,35,.35)}
html body:not(#bxh) section.bx-hero .bx-ht-pill>span{display:block!important;transform:skewX(10deg);font:italic 800 58px/1 Barlow,sans-serif!important;letter-spacing:-.02em!important;color:#fff!important;white-space:nowrap;text-shadow:none!important}
html body:not(#bxh) section.bx-hero{padding-bottom:72px!important}
html body:not(#bxh) section.features.bx-trust-sec{padding-top:0!important;padding-bottom:64px!important;background:#FAF8F5!important}
html body:not(#bxh) section.features.bx-trust-sec .bx-tb{position:relative;z-index:3;margin-top:-32px;background:#fff;border:1px solid #E8E2D9;border-radius:22px;box-shadow:0 24px 50px rgba(29,29,31,.14);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;min-height:112px;padding:0 12px}
html body:not(#bxh) section.features.bx-trust-sec .bx-tb-i{display:flex;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid #E8E2D9}
html body:not(#bxh) section.features.bx-trust-sec .bx-tb-i:last-child{border-right:0}
html body:not(#bxh) section.features.bx-trust-sec .bx-tb-ic{flex:none;color:#DF3923;display:flex}
html body:not(#bxh) section.features.bx-trust-sec .bx-tb-ic svg{width:34px;height:34px}
html body:not(#bxh) section.features.bx-trust-sec .bx-tb-t{margin:0!important;font:600 17px/1.25 Barlow,sans-serif!important;color:#1D1D1F!important;letter-spacing:normal!important;text-transform:none!important}
html body:not(#bxh) section.features.bx-trust-sec .bx-tb-d{margin:3px 0 0!important;font:400 14px/1.35 Barlow,sans-serif!important;color:#6E6E73!important}
@media(max-width:1199px){html body:not(#bxh) section.bx-hero .bx-ht-1{font-size:72px!important}html body:not(#bxh) section.bx-hero .bx-ht-pill>span{font-size:48px!important}html body:not(#bxh) section.features.bx-trust-sec .bx-tb-i{padding:18px 14px;gap:12px}html body:not(#bxh) section.features.bx-trust-sec .bx-tb-ic svg{width:34px;height:34px}html body:not(#bxh) section.features.bx-trust-sec .bx-tb-t{font-size:16px!important}}
@media(max-width:991px){html body:not(#bxh) section.features.bx-trust-sec .bx-tb{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}html body:not(#bxh) section.features.bx-trust-sec .bx-tb-i:nth-child(2){border-right:0}html body:not(#bxh) section.features.bx-trust-sec .bx-tb-i:nth-child(-n+2){border-bottom:1px solid #F1ECE4}}
@media(max-width:767px){
html body:not(#bxh) section.bx-hero{padding-bottom:52px!important}
html body:not(#bxh) section.bx-hero h4.bx-ht{margin:10px 0 16px!important}
html body:not(#bxh) section.bx-hero .bx-ht-1{font-size:52px!important}
html body:not(#bxh) section.bx-hero .bx-ht-pill{margin:8px 0 0 4px!important;border-radius:12px!important;padding:3px 18px 7px!important}
html body:not(#bxh) section.bx-hero .bx-ht-pill>span{font-size:34px!important}
html body:not(#bxh) section.features.bx-trust-sec{padding-bottom:40px!important}
html body:not(#bxh) section.features.bx-trust-sec .bx-tb{margin-top:-18px;border-radius:18px;box-shadow:0 16px 34px rgba(29,29,31,.14)}
html body:not(#bxh) section.features.bx-trust-sec .bx-tb-i{align-items:flex-start;gap:10px;padding:14px 12px 14px 14px;border-right-color:#F1ECE4}
html body:not(#bxh) section.features.bx-trust-sec .bx-tb-ic svg{width:24px;height:24px}
html body:not(#bxh) section.features.bx-trust-sec .bx-tb-t{font-size:14px!important}
html body:not(#bxh) section.features.bx-trust-sec .bx-tb-d{margin-top:2px!important;font-size:12.5px!important}
}

/* ==== END BX-HERO-TRUST ==== */
/* ==== BX-TRUST-MOBILE-SM (2026-11-03): smaller trust bar on mobile ==== */
@media(max-width:767px){
html body:not(#bxh):not(#bxs) section.features.bx-trust-sec .bx-tb{align-items:stretch!important;margin-top:-14px!important;border-radius:16px!important;min-height:0!important;padding:0 4px!important;box-shadow:0 14px 30px rgba(29,29,31,.12)!important}
html body:not(#bxh):not(#bxs) section.features.bx-trust-sec .bx-tb-i{gap:7px!important;padding:10px 6px 10px 8px!important;align-items:center!important}
html body:not(#bxh):not(#bxs) section.features.bx-trust-sec .bx-tb-ic svg{width:19px!important;height:19px!important}
html body:not(#bxh):not(#bxs) section.features.bx-trust-sec .bx-tb-t{font:600 12.5px/1.2 Barlow,sans-serif!important;white-space:nowrap!important;letter-spacing:-.01em!important}
html body:not(#bxh):not(#bxs) section.features.bx-trust-sec .bx-tb-d{margin-top:1px!important;font:400 11px/1.25 Barlow,sans-serif!important}
}
/* ==== /BX-TRUST-MOBILE-SM ==== */

/* ==== BX15-MOBILE (2026-11-03): compact 15 ans block on mobile ==== */
@media(max-width:767px){
html body:not(#bxh) #bx15 .bx15-w{border-radius:16px!important}
html body:not(#bxh) #bx15 .bx15-in{padding:22px 18px 20px!important;gap:18px!important}
html body:not(#bxh) #bx15 h2{margin:10px 0 0!important;font-size:22px!important;line-height:1.2!important}
html body:not(#bxh) #bx15 .bx15-p{margin:10px 0 0!important;font-size:14px!important;line-height:1.5!important}
html body:not(#bxh) #bx15 .bx15-cta{margin:16px 0 0!important;gap:16px!important;flex-wrap:nowrap!important;align-items:center!important}
html body:not(#bxh) #bx15 .bx15-cta a.b1{padding:11px 18px!important;font-size:14px!important;white-space:nowrap!important}
html body:not(#bxh) #bx15 .bx15-cta a.b2{font-size:14px!important;white-space:nowrap!important}
html body:not(#bxh) #bx15 .bx15-r{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;align-items:center!important;gap:16px!important;padding-top:16px!important;border-top:1px solid rgba(255,255,255,.08)!important}
html body:not(#bxh) #bx15 .bx15-badge{width:72px!important;height:99px!important;background-size:contain!important}
html body:not(#bxh) #bx15 ul{width:auto!important;margin:0!important}
html body:not(#bxh) #bx15 ul li{padding:8px 0!important;column-gap:12px!important;row-gap:2px!important;align-items:center!important}
html body:not(#bxh) #bx15 ul li>span{width:32px!important;height:32px!important;min-width:32px!important;border-radius:9px!important}
html body:not(#bxh) #bx15 ul li>span svg{width:16px!important;height:16px!important}
html body:not(#bxh) #bx15 ul li b{font-size:14px!important;line-height:1.2!important}
html body:not(#bxh) #bx15 ul li em{font-size:12px!important;line-height:1.25!important;margin-top:1px!important}
}
/* ==== /BX15-MOBILE ==== */