/* Lato (décision de Jordan, 29.10) : hébergée dans le thème, aucune requête vers Google Fonts (RGPD). Source : paquet npm
   @fontsource/lato 5.0.20 (licence OFL, fonts/LATO-OFL.txt), sous-ensemble latin, graisses 400 et 700 seulement (les
   seules utilisées), font-display: swap. La prod déclarait « lato » sans la charger (rendu en Times). */
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/lato-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/lato-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Poppins : hébergée dans le thème comme Lato (même source : @fontsource/poppins 5.0.14, OFL), à la place de l'@import
   Google Fonts qui chargeait aussi Oswald : Oswald est déjà hébergé par bdseo (modules/bdseo/views/fonts/Oswald-latin.woff2). */
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/poppins-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/poppins-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/poppins-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/poppins-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Oswald (prix, dont ceux des lignes du panier ; titre de la 404 ; blog) : déclarée jusqu'ici par le seul CSS critique de
   bdseo (accueil, catégories, fiches) ; ailleurs, panier compris, elle retombait sur sans-serif. La prod la déclare sur
   toutes ses pages (theme.css, vérifié sur le panier le 29.10). Même URL que bdseo (un seul téléchargement), plage latine. */
@font-face{font-family:'Oswald';font-style:normal;font-weight:200 700;font-display:swap;src:url('/modules/bdseo/views/fonts/Oswald-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* MPP — charte 1:1 du design prod (pass 3 : palette corrigee = vert primaire #9EC8A9, brun accent #8D4923, orange = hero) */
/* ===== Typographie facon prod : Poppins (base), « lato » (titres de page, prix des listes : la prod ne charge pas Lato, rendu Times), Oswald (prix fiche), Georgia (titre produit) ===== */
body,.page-content,.product-description,p,li,td,input,select,textarea,button,a{font-family:Helvetica,Arial,sans-serif}
body{font-size:12px;line-height:1.25;color:#3b3b3b}
.h1,h1.h1,.page-heading,h1{font-family:lato,'Times New Roman',serif;font-weight:400;text-transform:uppercase;color:#1a1a1a}
.h1,h1.h1,.page-heading{font-size:1.4rem}
.breadcrumb a,.breadcrumb li a,.breadcrumb[data-depth] li a{text-transform:uppercase;color:#6d6767 !important;font-size:.8125rem}
.form-control,input.form-control,textarea.form-control{color:#492916}
#product h1.h1,.page-product h1.h1{font-family:Georgia,"Times New Roman",serif !important;font-weight:600;font-size:2rem;color:#492916;text-transform:none}
.current-price,.current-price .product-price,#product .current-price,#product .current-price .product-price{font-family:'Oswald',sans-serif}
.products .price,.products .product-price,.product-miniature .price{font-family:lato,'Times New Roman',serif;font-size:1rem;font-weight:700}
.nav-tabs .nav-link,#product .nav-tabs .nav-link{font-family:'Poppins',sans-serif;text-transform:uppercase;font-size:.8rem}
.breadcrumb,.breadcrumb a{font-size:.8125rem}

:root{
  --mpp-orange:#E98B4E;            /* fond hero uniquement */
  --mpp-green:#9EC8A9; --mpp-green-d:#8ab696; --mpp-green-ink:#24422f;  /* boutons action, badges, newsletter */
  --mpp-brown:#8D4923;             /* prix, CTA hero, liens accent */
  --mpp-cream:#F4EEE2; --mpp-cream-d:#ece3d1; --mpp-cream-foot:#f7f3ea;
  --mpp-ink:#2b2b2b;
}
/* boutons principaux -> vert (classic/prod) */
.btn-primary,.btn-primary:focus{background:var(--mpp-brown);border-color:var(--mpp-brown);color:#fff;text-transform:none}
.btn-primary:hover{background:#6f3819;border-color:#6f3819;color:#fff}
/* liens : voir « Liens 1:1 prod » en fin de fichier */
/* barre logo/recherche = BLANC (comme prod) ; seul le menu est en cream */
.header-top,#header .header-top{background:#fff}
.header-nav,#header .header-nav{background:#fff;border:0}
#header{background:#fff}
#_desktop_logo img,.header-top .logo{background:transparent}
#_desktop_top_menu .top-menu a,.header-top .menu a{color:var(--mpp-ink);text-transform:uppercase;font-size:.85rem;letter-spacing:.02em}
/* prix : gris en liste, brun foncé #492916 en fiche (prod, mesuré le 29.10) */
.products .product-price,.products .price,.product-miniature .product-price,.product-miniature .price{color:#898c91}
#product .current-price,#product .current-price .product-price,#product .current-price span,#product .product-prices .current-price{color:#492916 !important}
.product-miniature .thumbnail-container{border:1px solid #eee;border-radius:4px}
h1,h2,.h1,.h2{color:var(--mpp-ink)}
/* titre produit : casse normale, serif brun, taille (comme prod) */
#product h1.h1,#product .product-information h1,.page-product h1.h1{text-transform:none !important;font-family:Georgia,"Times New Roman",serif;font-size:2rem;color:#492916;letter-spacing:0}

/* ---- HERO (fond orange, CTA brun comme prod) ---- */
.mpp-hero{display:flex;align-items:stretch;border-radius:10px;overflow:hidden;margin:1rem 0 2.5rem;background:linear-gradient(120deg,#f4b14b 0%,#ec8a4e 100%)}
.mpp-hero__text{flex:0 0 42%;padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:center}
.mpp-hero__title{font-size:2.6rem;line-height:1.12;color:#fff;margin:0 0 .6rem;font-weight:700;text-transform:none !important}
.mpp-hero__subtitle{color:#fff;opacity:.92;letter-spacing:.03em;margin:0 0 1.4rem;font-size:.95rem}
.mpp-hero__cta{align-self:flex-start;text-transform:none;background:var(--mpp-brown)!important;border-color:var(--mpp-brown)!important;color:#fff!important;border-radius:24px;padding:.6rem 1.5rem}
.mpp-hero__cta:hover{background:#6f3819!important}
.mpp-hero__img{flex:1 1 58%;min-height:280px}
.mpp-hero__img img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:767px){.mpp-hero{flex-direction:column}.mpp-hero__text{flex-basis:auto;padding:2rem 1.5rem}.mpp-hero__img{min-height:200px}}

/* ---- Titres de section (eyebrow + underline orange) ---- */
.mpp-section-title{text-align:center;margin:2.8rem 0 1.5rem;font-size:1.35rem;letter-spacing:.05em;text-transform:uppercase;color:var(--mpp-ink);position:relative}
.mpp-section-title::after{content:"";display:block;width:54px;height:3px;background:var(--mpp-orange);margin:.6rem auto 0;border-radius:2px}
.mpp-eyebrow{text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:#b08a5e;margin:2.6rem 0 -.6rem}
.mpp-pill{text-align:center;margin:.2rem 0 1rem}
.mpp-pill a{display:inline-block;border:1px solid var(--mpp-cream-d);border-radius:20px;padding:.3rem 1rem;font-size:.8rem;color:var(--mpp-brown);text-decoration:none;background:#fff}
.mpp-pill a:hover{background:var(--mpp-cream)}

/* ---- Rangees produits curees (bdhome) : CARROUSEL une rangee, cartes de hauteur egale ---- */
.mpp-prow{margin:1.8rem 0 2.5rem}
.mpp-prow .products{display:flex !important;flex-wrap:nowrap;align-items:stretch;gap:1rem;margin:0;overflow-x:auto;scroll-snap-type:x proximity;padding:.25rem .25rem .8rem;scrollbar-width:thin}
.mpp-prow__item{flex:0 0 calc((100% - 5rem) / 6);max-width:calc((100% - 5rem) / 6);padding:0;scroll-snap-align:start;display:flex}
.mpp-prow__item > *{width:100%}
.mpp-prow__item .product-miniature{display:flex;flex-direction:column;height:100%;width:100%;margin:0}
.mpp-prow__item .thumbnail-container{width:100%;margin:0;border:1px solid #eee;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;height:100%}
.mpp-prow__item .thumbnail.product-thumbnail,.mpp-prow__item .thumbnail.product-thumbnail img{display:block;width:100%}
.mpp-prow__item .thumbnail.product-thumbnail img{aspect-ratio:1/1;height:auto;object-fit:cover}
.mpp-prow__item .product-description{padding:.6rem .7rem}
.mpp-prow__item .product-title{font-size:.82rem;line-height:1.25;min-height:2.5em;margin:.2rem 0}
.mpp-prow__all{text-align:right;margin-top:.6rem}
.mpp-prow__all a{color:var(--mpp-brown);font-weight:600;text-decoration:none}
@media(max-width:991px){.mpp-prow__item{flex-basis:calc((100% - 2rem) / 3);max-width:calc((100% - 2rem) / 3)}}
@media(max-width:575px){.mpp-prow__item{flex-basis:calc((100% - 1rem) / 2);max-width:calc((100% - 1rem) / 2)}}

/* ---- Tuiles "Que cherchez-vous ?" : bande cream pleine largeur + icones + sous-titres ---- */
.mpp-tiles{margin:3rem 0;padding:2.5rem 0;position:relative}
.mpp-tiles::before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100vw;background:var(--mpp-cream);z-index:-1}
.mpp-tiles__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem}
.mpp-tiles__grid a{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:.5rem;color:var(--mpp-ink);text-decoration:none;transition:.15s}
.mpp-tiles__grid a:hover{color:var(--mpp-brown);transform:translateY(-2px)}
.mpp-tiles__ico{width:46px;height:46px;margin-bottom:.6rem;color:var(--mpp-brown)}
.mpp-tiles__ico svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.5}
.mpp-tiles__ttl{font-weight:700;font-size:1rem;margin-bottom:.35rem;color:var(--mpp-brown)}
.mpp-tiles__sub{font-size:.8rem;color:#6a6a6a;line-height:1.3}
@media(max-width:767px){.mpp-tiles__grid{grid-template-columns:repeat(2,1fr)}}

/* ---- Cartes blog "Idees et conseils" ---- */
.mpp-blog-cards{margin:3rem 0;text-align:center}
.mpp-blog-cards .row{text-align:left}
.mpp-postcard{display:block;background:#fff;border:1px solid #eee;border-radius:6px;overflow:hidden;text-decoration:none;color:var(--mpp-ink);transition:.15s;height:100%}
.mpp-postcard:hover{box-shadow:0 4px 14px rgba(0,0,0,.08);transform:translateY(-2px)}
.mpp-postcard__img{display:block;height:150px;overflow:hidden;background:var(--mpp-cream)}
.mpp-postcard__img img{width:100%;height:100%;object-fit:cover;display:block}
.mpp-postcard__title{display:block;padding:.8rem;font-weight:600;font-size:.9rem}
.mpp-blog-cards .mpp-prow__all{text-align:center;margin-top:1.4rem}
.mpp-blog-cards .mpp-btn-blog{display:inline-block;padding:.6rem 1.6rem;border-radius:24px;background:var(--mpp-cream);color:var(--mpp-brown);font-weight:600;text-decoration:none}
.mpp-blog-cards .mpp-btn-blog:hover{background:var(--mpp-cream-d)}

/* ---- Newsletter -> bande verte pleine largeur facon prod (-10% + encoche) ---- */
.mpp-newsletter-wrap{padding:0;margin:0;max-width:100%}
.block_newsletter{background:var(--mpp-green);color:#fff;padding:3rem 1rem 2.6rem;margin:2.5rem 0 0;width:100%;text-align:center;position:relative}
.block_newsletter::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);border:15px solid transparent;border-top:0;border-bottom:16px solid #fbf7ef}
.mpp-nl-title{color:#fff;font-size:1.9rem;font-weight:700;margin:.4rem auto .8rem;max-width:none;line-height:1.2}
.mpp-nl-title sup{font-size:.6em}
.mpp-nl-sub{color:#fff;opacity:.95;max-width:840px;margin:0 auto 1.4rem;font-size:.9rem;line-height:1.5}
.mpp-nl-form{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:0 auto;max-width:680px;align-items:center}
.block_newsletter input[type=email],.block_newsletter input[type=text]{border:0;border-radius:24px;padding:.75rem 1.3rem;flex:0 1 330px;min-width:260px}
.mpp-nl-btn,.block_newsletter button,.block_newsletter [type=submit]{position:static !important;background:#fff !important;border:0 !important;color:var(--mpp-brown) !important;border-radius:24px !important;padding:.75rem 1.7rem !important;font-weight:600;cursor:pointer;flex:0 0 auto}
.mpp-nl-btn:hover{background:var(--mpp-cream) !important}
/* bouton "choisir un fichier" (bootstrap-filestyle) -> palette, pas le bleu PS */
.group-span-filestyle .btn,.group-span-filestyle label,.group-span-filestyle button,.bootstrap-filestyle .btn,.input-group-btn .btn-default{background:var(--mpp-cream) !important;border-color:var(--mpp-cream-d) !important;color:var(--mpp-brown) !important;border-radius:6px !important}
.mpp-nl-foot{color:#fff;opacity:.85;font-size:.75rem;margin:1.2rem 0 0}
.mpp-nl-conditions{color:#fff;opacity:.9;font-size:.78rem}

/* ---- Barre de recherche header (facon prod) ---- */
.mpp-headrow{display:flex;align-items:center;flex-wrap:nowrap}
.mpp-search{display:flex;align-items:center}
.mpp-search .search-widgets,.mpp-search #search_widget{width:100%;margin:0;float:none}
.mpp-search form{display:flex;align-items:center;border:1px solid #e0d9c9;border-radius:24px;background:#fff;padding:.12rem .12rem .12rem 0}
.mpp-search input[name=s],.mpp-search input[type=text]{order:1;flex:1 1 auto;width:100%;border:0;padding:.5rem .4rem .5rem 1.1rem;outline:none;background:transparent;font-size:.9rem}
.mpp-search form .material-icons.search{position:static !important;order:2;background:var(--mpp-ink);color:#fff;width:38px;height:38px;min-width:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;margin:0 2px 0 0;top:auto;left:auto;right:auto}
.mpp-search button,.mpp-search [type=submit]{order:2;border:0;background:var(--mpp-ink);color:#fff;width:38px;height:38px;min-width:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.mpp-search button .material-icons,.mpp-search button i,.mpp-search [type=submit] i{color:#fff;font-size:20px}
.mpp-search .search-widget__suggestions,.mpp-search ul.ui-autocomplete{z-index:300}

/* ---- Bouton ajouter au panier -> vert (prod) ---- */
.btn-primary.add-to-cart,.add-to-cart,.product-add-to-cart .btn,.product-actions .btn-primary{background:var(--mpp-green)!important;border-color:var(--mpp-green)!important;color:var(--mpp-green-ink)!important}
.btn-primary.add-to-cart:hover,.add-to-cart:hover{background:var(--mpp-green-d)!important;border-color:var(--mpp-green-d)!important}

/* ---- Page produit : actions (qty + add + wishlist en ligne), onglets, flags ---- */
.product-actions .product-quantity{display:flex !important;flex-wrap:nowrap;align-items:stretch;gap:.6rem;margin-top:.6rem}
.product-actions .product-quantity .qty{flex:0 0 auto}
.product-actions .product-quantity .add{flex:1 1 auto;margin:0}
.product-actions .product-quantity .add .btn,.product-actions .product-quantity .add button{width:100%;height:100%}
.product-actions .wishlist-button-add,.product-actions .wishlist-button-product{flex:0 0 48px;width:48px;height:48px;min-width:48px;border:1px solid #e0d9c9;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;align-self:center;padding:0}
.product-information .nav-tabs .nav-link.active,.tabs .nav-tabs .nav-link.active,#product .nav-tabs .nav-link.active{color:var(--mpp-brown);border-bottom-color:var(--mpp-brown)}
/* bdfournisseur : compteur de quantite aligne a gauche, inline avec l'aide */
.product-add-to-cart .control-label{display:block;font-weight:600;margin-bottom:.4rem}
/* (drapeaux produit : voir « PASSE RETOURS JORDAN (28.10) » en fin de fichier) */
.product-prices .product-discount .regular-price{color:#9a9a9a}

/* ---- Bouton "Ajouter au panier" sur les cartes listing (categorie/recherche), pas sur la home ---- */
.mpp-list-add{margin-top:.6rem}
.mpp-list-addcart{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;background:var(--mpp-cream);color:var(--mpp-brown);border:0;border-radius:24px;padding:.5rem .8rem;font-size:.82rem;font-weight:600;text-decoration:none;cursor:pointer}
.mpp-list-addcart:hover{background:var(--mpp-green);color:var(--mpp-green-ink)}
.mpp-list-addcart .material-icons{font-size:18px}
.mpp-prow .mpp-list-add,.mpp-prow__item .mpp-list-add{display:none}

/* (menu principal : voir la section « PASSE RETOURS JORDAN (28.10) » en fin de fichier) */

/* ---- Footer cream facon prod (PAS fonce) ---- */
.footer-container{background:var(--mpp-cream-foot);color:#3b3b3b;margin-top:3rem;border-top:1px solid var(--mpp-cream-d)}
.footer-container .container{padding-top:2.5rem;padding-bottom:1rem}
.mpp-footer{padding:1rem 0}
.mpp-foot-col h3{font-size:1.05rem;letter-spacing:.01em;color:var(--mpp-brown);margin:0 0 .8rem;font-weight:700}
.mpp-foot-col ul{list-style:none;padding:0;margin:0}
.mpp-foot-col li{margin:0 0 .45rem}
.mpp-foot-col a{color:#3b3b3b;font-size:.88rem;text-decoration:none}
.mpp-foot-col a:hover{color:var(--mpp-brown)}
.mpp-pay img{margin:0 .35rem .35rem 0;vertical-align:middle}
.mpp-copyright{color:#8a8a8a;font-size:.82rem;margin-top:1.5rem}
/* 5 colonnes sur une rangee (prod) */
@media(min-width:992px){.footer-container .mpp-foot-col{flex:0 0 20%;max-width:20%}}
/* reseaux centres en bas (comme prod : facebook + instagram, pas pinterest) */
.mpp-socials{margin:1.6rem 0 .3rem;display:flex;justify-content:center}
.mpp-socials .social-icons{display:flex;gap:.7rem;justify-content:center;padding:0;margin:0;flex-wrap:wrap}
.mpp-socials .social-icons li{list-style:none;margin:0}
.footer-container .pinterest{display:none}
/* header collant au scroll (prod) */
@media(min-width:768px){#header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05)}}

/* ====== Neutraliser le bleu PrestaShop (#24b9d7) -> palette MPP ====== */
.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{color:var(--mpp-brown)!important;border-bottom-color:var(--mpp-brown)!important}
.page-link,.pagination a,.page-item .page-link{color:var(--mpp-brown)}
.page-item.active .page-link,.pagination .current a,.page-item.active a{background:var(--mpp-green)!important;border-color:var(--mpp-green)!important;color:var(--mpp-green-ink)!important}
.form-control:focus,input:focus,textarea:focus,select:focus,.js-child-focus:focus{border-color:var(--mpp-green)!important;box-shadow:0 0 0 .12rem rgba(158,200,169,.45)!important;outline:0}
.custom-radio input:checked+span,.custom-checkbox input:checked+span,.custom-radio span.checked,.custom-checkbox span.checkbox-checked{background-color:var(--mpp-green)!important;border-color:var(--mpp-green)!important;color:#fff!important}
.breadcrumb a:hover,.breadcrumb a:focus{color:var(--mpp-brown)}
.dropdown-item:hover,.dropdown-item:focus,.dropdown-item.active{color:var(--mpp-brown);background:var(--mpp-cream)}
.btn-link,.btn-tertiary,.btn-unstyle.text-uppercase,.card-block .h6 a:hover{color:var(--mpp-brown)}
.facet .facet-label a:hover,.facet-dropdown .dropdown-item:hover,.search-widget__suggestions .suggestion:hover,.ui-menu:not(.searchbar-autocomplete) .ui-menu-item a:hover,.ui-menu:not(.searchbar-autocomplete) .ui-state-focus{color:#8d4b1d!important;background:var(--mpp-cream)!important}
.block-categories a:hover,.links a:hover,.account-link:hover,.account-list a:hover,.link-item a:hover,footer a:hover{color:var(--mpp-brown)}
.active_filters .filter-block,.ui-slider .ui-slider-range,.ui-slider-horizontal .ui-slider-handle{background:var(--mpp-green)!important}
.products-sort-order .select-list:hover,.sort-by-row .current{color:var(--mpp-brown)}
.carousel .carousel-control .icon-next i,.carousel .carousel-control .icon-prev i{color:var(--mpp-brown)}
.btn-primary,.btn-primary:focus{color:#fff}

/* ====== Hero : largeur contenue (pas 100%) comme prod ====== */
#content.page-home{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}

/* ====== Header droite : icones seules (pas de texte) + coeur favoris ====== */
.header-top-right{display:flex!important;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:nowrap}
.header-top-right #_desktop_user_info{order:1}
.header-top-right .mpp-head-wish{order:2}
.header-top-right #_desktop_cart{order:3}
#_desktop_user_info .user-info a,#_desktop_cart .blockcart a,#_desktop_cart .blockcart .header{font-size:0!important;white-space:nowrap}
#_desktop_user_info .user-info a .material-icons,#_desktop_cart .blockcart .material-icons{font-size:26px!important}
#_desktop_cart .blockcart .hidden-sm-down{display:none!important}
#_desktop_cart .cart-products-count{font-size:12px!important;position:relative;top:-8px;left:-6px;background:var(--mpp-orange);color:#fff;border-radius:10px;padding:0 5px}
/* masquer la barre du haut classic (prod n'en a pas) */
.header-nav{display:none}
.mpp-head-wish a{color:var(--mpp-ink);display:inline-flex;align-items:center}
.mpp-head-wish a:hover{color:var(--mpp-brown)}
.mpp-head-wish .material-icons{font-size:26px}

/* ---- Avis produit : on garde lgcomments (onglet Avis clients) ; masquer le bloc productcomments en double ---- */
#product-comments-list,#product-comments-list-header,#product-comments-list-footer,#product-comments-list-pagination,#post-product-comment-form,.product-comment-modal,#empty-product-comment,#product-comment-post-error,#report-comment-confirmation,#product-comment-posted-modal,#report-comment-posted,#product-comments-additional-info{display:none !important}

/* ---- Avis clients : owl non initialise -> rangee de 4 (facon prod) ---- */
.owl-carousel:has(.slide-container){display:grid !important;grid-template-columns:repeat(4,1fr);gap:1rem;max-height:none;overflow:visible}
.owl-carousel:has(.slide-container) .item{width:auto !important;margin:0 !important;float:none !important}
.slide-container{background:#fff;border:1px solid #eee;border-radius:8px;padding:1.1rem;height:100%}
.slide-container .slide-title{font-weight:700;color:var(--mpp-ink);margin-bottom:.3rem}
.slide-container .slide-comment{color:#555;font-size:.9rem;line-height:1.4}
.slide-container .slide-thumbnail{margin-bottom:.4rem}
.owl-carousel:has(.slide-container) .item:nth-child(n+5){display:none}
@media(max-width:991px){.owl-carousel:has(.slide-container){grid-template-columns:repeat(2,1fr)}.owl-carousel:has(.slide-container) .item:nth-child(n+5){display:none}}
@media(max-width:575px){.owl-carousel:has(.slide-container){grid-template-columns:1fr}.owl-carousel:has(.slide-container) .item:nth-child(n+4){display:none}}

/* ===================== PASSE RETOURS JORDAN (23.10) ===================== */

/* 1. Barre de recherche : copier le live -> pastille blanche CENTRÉE, champ transparent (plus de fond gris #f1f1f1), simple loupe grise à droite */
.mpp-search{display:flex !important;justify-content:center;align-items:center}
.mpp-search form{width:100% !important;max-width:420px;margin:0 auto !important;background:#fff !important;border:1px solid #e0d9c9 !important;border-radius:24px !important;display:flex;align-items:center;padding:.1rem .6rem .1rem 1.1rem}
.mpp-search input[name=s],.mpp-search input[type=text],.mpp-search .ui-autocomplete-input{order:1;flex:1 1 auto;border:0 !important;background:transparent !important;padding:.5rem .4rem !important;font-size:.9rem;color:#191919;outline:none;box-shadow:none !important}
.mpp-search form .material-icons.search{order:2;position:static !important;background:transparent !important;color:#6d6767 !important;width:auto !important;height:auto !important;min-width:0 !important;border-radius:0 !important;font-size:22px;margin:0 !important;top:auto !important;left:auto !important;right:auto !important;display:flex;align-items:center;cursor:pointer}
.mpp-search .material-icons.clear{display:none !important}
.mpp-search button,.mpp-search [type=submit]{order:2;background:transparent !important;border:0 !important;color:#6d6767 !important;width:auto !important;height:auto !important;min-width:0 !important;border-radius:0 !important;padding:0 !important;display:flex;align-items:center}
.mpp-search button .material-icons,.mpp-search [type=submit] i{color:#6d6767 !important;font-size:22px}

/* 2. Cartes de la rangée Halloween (HOME uniquement) = style "bd-saison" du live : à plat, titre 12px gris #3b3b3b à gauche (texte complet), prix 12px gras brun #32241B à gauche. On NE touche PAS aux cartes des pages catégorie (elles gardent le style initial). */
.mpp-prow__item .thumbnail-container{border:0 !important;border-radius:0 !important;box-shadow:none !important}
.mpp-prow__item .product-description{padding:.55rem .2rem !important;text-align:left}
.mpp-prow__item .product-title,.mpp-prow__item .product-title a{font-family:'Poppins',sans-serif !important;font-weight:400 !important;font-size:12px !important;line-height:1.35 !important;color:#3b3b3b !important;text-transform:none !important;text-align:left !important}
.mpp-prow__item .product-title a:hover{color:var(--mpp-brown) !important}
.mpp-prow__item .product-price-and-shipping{text-align:left}
.mpp-prow__item .price,.mpp-prow__item .product-price{font-family:'Poppins',sans-serif !important;font-weight:700 !important;font-size:12px !important;color:#32241b !important;text-align:left !important}
/* home : cartes épurées comme le live -> pas de coeur, pas de badge, pas d'aperçu rapide */
.mpp-prow__item .wishlist,.mpp-prow__item .wishlist-button-add,.mpp-prow__item .wishlist-button-product,
.mpp-prow__item .leo-wishlist-button,.mpp-prow__item .product-flags,
.mpp-prow__item .highlighted-informations,.mpp-prow__item .quick-view{display:none !important}

/* 3. Tuiles "Que cherchez-vous" : icônes SVG DU LIVE (img/cms) + label brun 20px gras + sous-titre gris (comme le live) */
.mpp-tiles__ico-img{height:84px;width:auto;max-width:110px;margin:0 auto .7rem;display:block}
.mpp-tiles__ttl{font-weight:700 !important;font-size:20px !important;color:var(--mpp-brown) !important;margin:0 0 .35rem}
.mpp-tiles__sub{display:block !important;font-size:.82rem;color:#6a6a6a;line-height:1.35}
/* home : pas de "dès" devant le prix (le live affiche juste le prix mini) */
.mpp-prow__item .aeuc_from_label{display:none !important}

/* 4. Blog "Idees et conseils" : images plus grandes (prod ~250px) */
.mpp-postcard__img{height:240px}

/* 6. Newsletter : bande verte pleine largeur (le theme parent la plafonnait a 800px) */
.block_newsletter{max-width:none !important;width:100% !important}
/* 6b. Champ e-mail newsletter plus grand (demande Jordan) */
.block_newsletter input[type=email],.block_newsletter input[type=text]{flex:1 1 460px !important;min-width:340px !important;max-width:560px;padding:.85rem 1.4rem !important;font-size:1rem}

/* Titres de section (home) : brun #492916 comme le live (etaient gris ink) */
.mpp-section-title{color:#492916 !important}

/* Coeur fiche produit : boite facon live (50x50, coin arrondi leger) a cote du panier */
.product-actions .wishlist-button-add,.product-actions .wishlist-button-product{width:50px !important;height:50px !important;min-width:50px !important;border:1px solid #ded3c6 !important;border-radius:6px !important;background:#fff}

/* 8. Fiche produit : libelle AU-DESSUS du menu deroulant (comme prod), pas a cote */
#product .product-variants .product-variants-item{display:block !important}
#product .product-variants .product-variants-item .control-label{display:block !important;float:none !important;width:100% !important;margin:0 0 9px 0 !important;font-weight:700}
#product .product-variants .product-variants-item select,
#product .product-variants .product-variants-item .input-group{display:block !important;float:none !important;width:auto !important;min-width:240px;max-width:100%}

/* 9. Categorie : titre de la colonne gauche beaucoup plus petit (etait 24px) + brun comme prod */
#left-column .block-categories .category-top-menu a,
#left-column .block-categories .category-top-menu > li > a,
#left-column .block-categories .title_block,#left-column .block-categories .title_block a{font-size:1rem !important;line-height:1.3 !important;font-weight:600 !important;color:var(--mpp-brown) !important;text-transform:uppercase}

/* 7. Footer : reseaux facon prod (glyphes gris a plat) + mention reCAPTCHA */
.mpp-socials .mpp-soc{display:inline-flex;align-items:center;justify-content:center;color:#818a91;margin:0 .55rem;line-height:0}
.mpp-socials .mpp-soc:hover{color:var(--mpp-brown)}
.mpp-socials .mpp-soc svg{width:26px;height:26px;display:block;fill:currentColor}
.mpp-recaptcha-mention{color:#9a9a9a;font-size:.72rem;line-height:1.45;margin:.7rem auto 0;max-width:720px}
.mpp-recaptcha-mention a{color:#7a7a7a;text-decoration:underline}
.mpp-recaptcha-mention a:hover{color:var(--mpp-brown)}

/* 5. Avis clients : carrousel horizontal + bulles (dots) facon prod (owl non initialise en PS8) */
#lgcomments-owl.owl-carousel{display:flex !important;flex-wrap:nowrap;overflow-x:auto;gap:1rem;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none !important;max-height:none;overflow-y:hidden;padding-bottom:.3rem}
#lgcomments-owl.owl-carousel::-webkit-scrollbar{display:none}
#lgcomments-owl.owl-carousel .item{flex:0 0 calc((100% - 3rem) / 4) !important;max-width:calc((100% - 3rem) / 4) !important;width:auto !important;margin:0 !important;float:none !important;scroll-snap-align:start;display:block !important}
@media(max-width:991px){#lgcomments-owl.owl-carousel .item{flex-basis:calc((100% - 1rem) / 2) !important;max-width:calc((100% - 1rem) / 2) !important}}
@media(max-width:575px){#lgcomments-owl.owl-carousel .item{flex-basis:100% !important;max-width:100% !important}}
.mpp-avis-dots{display:flex;justify-content:center;gap:.5rem;margin:1.1rem 0 0}
.mpp-avis-dots button{width:11px;height:11px;border-radius:50%;border:0;background:#d7cfc0;cursor:pointer;padding:0;transition:background .15s}
.mpp-avis-dots button.active{background:var(--mpp-brown)}

/* ===================== PASSE RETOURS JORDAN (28.10) ===================== */
/* Valeurs relevées sur la prod (leo_flinque + custom.css + ets_megamenu layout 5), mêmes pages, 1366/1920/390 px. */

/* ---- En-tête : conteneur prod = 1310 px max, 20 px de marge >= 1025 (palier Elementor), 10 px en dessous ---- */
#header .mpp-head-container{width:calc(100% - 20px);max-width:1310px;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}
@media(min-width:1025px){#header .mpp-head-container{width:calc(100% - 40px)}}
/* 768 à 1024 : logo à 20 px du bord comme la prod, rangée du menu inchangée (10 px) */
@media(min-width:768px) and (max-width:1024px){#header .header-top .mpp-head-container{width:calc(100% - 40px)}}
#header .header-top{padding:0}
#header .mpp-headrow{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:1rem;min-height:94px;margin:0}
#header .mpp-head-logo{flex:0 0 auto;padding:0;width:auto;max-width:none}
#header .mpp-head-logo h1{margin:0;font-size:inherit;line-height:0}
#header .mpp-head-logo img{display:block;max-height:85px;width:auto;height:auto}
#header #_desktop_mpp_search{flex:0 1 420px;min-width:0}
#header .header-top-right{flex:0 0 auto;width:auto;padding:0}
#header #_desktop_mpp_search:empty,#header #_mobile_mpp_search:empty{display:none !important}
@media(max-width:767px){
  #header .mpp-headrow{min-height:90px;padding:0 10px}
  #header .mpp-head-logo img{max-height:64px}
}

/* ---- Menu principal (arbre ets_megamenu relu par bdhome) — typo, couleurs et comportement de la prod ---- */
.mpp-mainmenu{background:#f2ebdd;border-bottom:1px solid #e8e1d3;font-family:Helvetica,Arial,sans-serif}
.mpp-mainmenu a,.mpp-mainmenu button,.mpp-mainmenu li{font-family:Helvetica,Arial,sans-serif}
.mpp-mainmenu ul{list-style:none;margin:0;padding:0}
.mpp-mainmenu a{text-decoration:none}
.mpp-bars{display:inline-flex;flex-direction:column;justify-content:space-between;width:13px;height:11px;margin-right:3px;vertical-align:-1px}
.mpp-bars i{display:block;height:2px;background:currentColor}

@media(min-width:1200px){
  .mpp-mainmenu{padding:5px 0}
  .mpp-mainmenu__bar,.mpp-menu-panel__head,.mpp-sub-toggle,.mpp-menu-overlay{display:none !important}
  .mpp-mainmenu__list{display:flex;flex-wrap:nowrap;align-items:stretch}
  .mpp-mm-item{position:relative}
  .mpp-mm-link,#header .mpp-mm-link{display:flex;align-items:center;height:60px;padding:5px 15px;font-size:15px;font-weight:700;line-height:15px;letter-spacing:.2px;text-transform:uppercase;white-space:nowrap;color:#492916}
  #header .mpp-mm-link:hover,#header .mpp-mm-link:focus{color:#492916}
  .mpp-caret{display:inline-block;width:0;height:0;margin-left:8px;border-top:4px solid currentColor;border-left:4px solid transparent;border-right:4px solid transparent}
  /* panneaux */
  .mpp-submenu{display:none;position:absolute;top:100%;left:-1px;z-index:300;width:230px;background:#fff;font-size:14px;text-align:left}
  .mpp-mm-item--tabs > .mpp-submenu{left:0}
  .mpp-mm-item:hover > .mpp-submenu,.mpp-mm-item:focus-within > .mpp-submenu,.mpp-mm-item.is-open > .mpp-submenu{display:block}
  /* liste simple (Noël, Sachets, Étiquettes…) */
  .mpp-submenu--list > li{padding:0 15px;background:#fff;border:1px solid #ddd}
  .mpp-submenu--list > li + li{border-top:0}
  .mpp-submenu--list a,#header .mpp-submenu--list a{display:block;padding:10px 0;font-size:14px;font-weight:400;line-height:22px;color:#492916}
  /* onglets (Catégories, Embellir) : colonne de 230 px, sous-liste à droite au survol */
  .mpp-submenu--tabs > li{position:relative;background:#fff;border:1px solid #ddd}
  .mpp-submenu--tabs > li + li{margin-top:-1px}
  .mpp-submenu--tabs > li > a,#header .mpp-submenu--tabs > li > a{display:block;padding:13px 32px 13px 15px;font-size:14px;font-weight:400;line-height:16px;color:#292626}
  #header .mpp-submenu--tabs > li:hover > a,#header .mpp-submenu--tabs > li:focus-within > a{color:#8c4a24}
  .mpp-submenu--tabs > li.mpp-has-sub > a::after{content:"";position:absolute;top:50%;right:15px;width:6px;height:6px;margin-top:-3px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
  .mpp-flyout{display:none;position:absolute;top:-1px;left:calc(100% - 1px);z-index:301;width:230px;padding:15px 5px 10px;background:#fff;border:1px solid #ddd}
  .mpp-submenu--tabs > li:hover > .mpp-flyout,.mpp-submenu--tabs > li:focus-within > .mpp-flyout{display:block}
  .mpp-flyout li{padding:0 15px}
  .mpp-flyout a,#header .mpp-flyout a{display:block;padding:10px 0;font-size:14px;line-height:22px;color:#492916}
  #header .mpp-submenu--list a:hover,#header .mpp-flyout a:hover,#header .mpp-submenu a:focus{color:#8c4a24}
}

/* < 1200 px : bouton « MENU » + panneau latéral 280 px (comme la prod) */
@media(max-width:1199px){
  .mpp-mainmenu__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:5px 0}
  .mpp-menu-toggle{display:inline-flex;align-items:center;gap:15px;margin:0;padding:15px;background:transparent;border:0;font-size:16px;font-weight:700;line-height:18px;text-transform:uppercase;color:#333;cursor:pointer}
  .mpp-menu-toggle__ico{display:inline-flex;flex-direction:column;justify-content:space-between;width:18px;height:14px}
  .mpp-menu-toggle__ico i{display:block;height:2px;background:#333}
  .mpp-menu-panel{position:fixed;top:0;bottom:0;left:0;z-index:10001;width:280px;max-width:85vw;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#f2ebdd;transform:translateX(-100%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}
  .mpp-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}
  html.mpp-menu-open .mpp-menu-panel{transform:none;visibility:visible;transition:transform .3s ease}
  html.mpp-menu-open .mpp-menu-overlay{opacity:1;visibility:visible;transition:opacity .3s ease}
  html.mpp-menu-open body{overflow:hidden}
  .mpp-menu-panel__head{padding:10px 15px;background:#000;text-align:right}
  .mpp-menu-close{display:inline-flex;align-items:center;gap:8px;margin:0;padding:0;background:none;border:0;font-size:20px;font-weight:700;line-height:26px;text-transform:uppercase;color:#fff;cursor:pointer}
  .mpp-menu-close__ico{display:inline-block;width:11px;height:11px;margin-left:4px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg)}
  .mpp-mm-item{position:relative;border-bottom:1px solid #ddd}
  .mpp-mm-link,#header .mpp-mm-link{display:block;padding:10px 50px 10px 25px;font-size:15px;font-weight:700;line-height:15px;text-transform:uppercase;color:#484848}
  .mpp-burger > .mpp-mm-link,#header .mpp-burger > .mpp-mm-link{padding-left:30px}
  .mpp-caret{display:none}
  .mpp-sub-toggle{position:absolute;top:0;right:0;width:40px;height:35px;margin:0;padding:0;background:none;border:0;cursor:pointer}
  .mpp-sub-toggle::before,.mpp-sub-toggle::after{content:"";position:absolute;top:50%;left:50%;width:15px;height:1.5px;margin:-.75px 0 0 -7.5px;background:#484848}
  .mpp-sub-toggle::after{transform:rotate(90deg)}
  .is-open > .mpp-sub-toggle::after{display:none}
  .mpp-submenu,.mpp-flyout{display:none;background:#fff}
  .is-open > .mpp-submenu,.is-open > .mpp-flyout{display:block}
  .mpp-submenu > li{position:relative;border-top:1px solid #ddd}
  .mpp-submenu a,#header .mpp-submenu a{display:block;padding:12px 40px 12px 15px;font-size:14px;font-weight:400;line-height:18px;text-transform:none;color:#3b3b3b}
  #header .mpp-submenu a:hover{color:#8c4a24}
  /* onglet avec sous-liste : chevron › (prod), pivote quand ouvert */
  .mpp-sub-toggle--tab{height:42px}
  .mpp-sub-toggle--tab::before{width:6px;height:6px;margin:-3px 0 0 -5px;background:none;border-top:1px solid #777;border-right:1px solid #777;transform:rotate(45deg)}
  .mpp-sub-toggle--tab::after{display:none}
  .is-open > .mpp-sub-toggle--tab::before{transform:rotate(135deg)}
  .mpp-flyout{padding-left:15px}
  .mpp-flyout > li{border-top:1px solid #eee}
}
@media(max-width:767px){
  .mpp-menu-panel{background:#f6f6f6}
  .mpp-mainmenu__bar{min-height:58px}
  .mpp-menu-toggle{padding:15px 15px 15px 15px}
  #header .mpp-search--bar{flex:0 1 215px;min-width:0}
  #header .mpp-search--bar form{max-width:none !important}
}

/* ---- Drapeaux produit 1:1 prod : pastilles 10 px, en haut à gauche (vignettes ET fiche) ---- */
.product-flags,.product-miniature .product-flags{position:absolute;top:.625rem;left:.625rem;right:auto;z-index:10;display:block;width:auto;margin:0;padding:0 2.5rem 0 0;list-style:none;text-align:left;pointer-events:none}
.product-flags li.product-flag,.product-miniature .product-flags li.product-flag{display:inline-block;position:static;width:auto;min-width:0;min-height:0;margin:0 5px 2px 0 !important;padding:1px 7px;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:700;line-height:normal;letter-spacing:normal;color:#24422f !important;text-align:left;text-transform:uppercase;text-shadow:1px 1px 1px rgba(0,0,0,.3);background:#9ec8a9 !important;border-radius:20px;box-shadow:0 0 2px 0 rgba(0,0,0,.15);order:0;word-break:normal;pointer-events:auto}
/* fiche : classic met « Promo ! » en barre pleine largeur (width:100%) et un CSS en ligne hérité pose .product-cover{z-index:9} par-dessus : on rétablit la pastille, au-dessus de l'image */
.product-flags li.product-flag.on-sale,.product-miniature .product-flags li.product-flag.on-sale{width:auto;text-align:left;order:0;background:#8d4b1d !important}
/* ligne de prix d'un produit remisé (prod) : ancien prix barré, « (-25%) » brun, prix brun */
.product-miniature .product-price-and-shipping .discount-product{display:inline-block;margin:0 .2rem;font-size:1rem;color:#8d4b1d}
.product-miniature .product-price-and-shipping .discount-product::before{content:"("}
.product-miniature .product-price-and-shipping .discount-product::after{content:")"}
.product-miniature .product-price-and-shipping.has_discount .price{color:#8d4b1d}

/* ---- Grille des listes produits 1:1 prod : 2 vignettes/rangée < 992 px (mobile compris), 3 au-delà.
        Conteneur des pages liste comme la prod : pleine largeur < 992, 960 de 992 à 1199, 100 % plafonné à 1400 ≥ 1200 ---- */
#js-product-list .products > .js-product{float:left;width:50% !important;max-width:50%;flex:0 0 50%}
@media(min-width:992px){#js-product-list .products > .js-product{width:33.33333% !important;max-width:33.33333%;flex:0 0 33.33333%}}
@media(max-width:991px){#category #wrapper > .container,#search #wrapper > .container,#prices-drop #wrapper > .container,#new-products #wrapper > .container,#best-sales #wrapper > .container,#manufacturer #wrapper > .container,#supplier #wrapper > .container{width:100%;max-width:100%}}
@media(min-width:1200px){#category #wrapper > .container,#search #wrapper > .container,#prices-drop #wrapper > .container,#new-products #wrapper > .container,#best-sales #wrapper > .container,#manufacturer #wrapper > .container,#supplier #wrapper > .container{width:100%;max-width:1400px}}
/* 2 colonnes sur téléphone : bouton panier compact (sinon le libellé passe sur 2 lignes) */
@media(max-width:575px){
  #js-product-list .products > .js-product{padding-left:.5rem;padding-right:.5rem}
  .mpp-list-addcart{padding:.45rem .4rem;font-size:.72rem;gap:.25rem}
  .mpp-list-addcart .material-icons{font-size:15px}
}

/* ---- Liens 1:1 prod : #292626, survol brun #8d4b1d ; plus aucun bleu classic (#24b9d7) ---- */
a{color:#292626}
a:hover,a:focus{color:#8d4b1d}
#header a:hover,#header .header-nav .blockcart a:hover,.account-list a:hover,.footer-container li a:hover,.block_newsletter form button[type=submit] .search:hover,
.dropdown-item:hover,.dropdown-item:focus,.dropdown:hover .expand-more,.top-menu .sub-menu a:hover,
.product-miniature .highlighted-informations .quick-view:hover,.cart-grid-body a.label:hover,
#subcategories ul li .subcategory-name:hover,.block-categories .arrows .arrow-down:hover,.block-categories .arrows .arrow-right:hover,.block-categories .collapse-icons .add:hover,.block-categories .collapse-icons .remove:hover,
.page-my-account #content .links a:hover,.page-my-account #content .links a:hover i,.search-widget form button[type=submit] .search:hover,
.carousel .carousel-control .icon-next:hover i,.carousel .carousel-control .icon-prev:hover i{color:#8d4b1d}
.btn-link,.block-promo .promo-code-button.cancel-promo,#blockcart-modal .product-name{color:#8d4b1d}
.btn-link:hover,.btn-link:focus{color:#6f3819}
.text-primary{color:#8d4b1d !important}
.bg-primary,.tag-primary{background-color:#8d4b1d !important}
.card-primary,.card-outline-primary{border-color:#8d4b1d}
.btn-outline-primary{color:#8d4b1d;border-color:#8d4b1d}
.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active,.btn-outline-primary.active{color:#fff;background-color:#8d4b1d;border-color:#8d4b1d}
.dropdown-item.active,.dropdown-item.active:focus,.dropdown-item.active:hover,.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover,
.nav-pills .nav-link.active,.nav-pills .nav-link.active:focus,.nav-pills .nav-link.active:hover{color:#fff;background-color:#9ec8a9;border-color:#9ec8a9}
.brands-sort .select-list:hover,.products-sort-order .select-list:hover,.suppliers-sort .select-list:hover,.facet-dropdown .select-list:hover{color:#fff;background:#9ec8a9}
.block-social ul li:hover{background-color:#8d4b1d}
#subcategories ul li:hover .subcategory-image a{border-color:#9ec8a9}
.product-price{color:#232323}
.form-control:focus,.search-widget form input[type=text]:focus,.block_newsletter form input[type=text]:focus,.product-customization .product-message:focus{outline-color:#9ec8a9}
/* fil d'Ariane : gris #6d6767, survol vert (prod) */
.breadcrumb a:hover,.breadcrumb li a:hover,.breadcrumb[data-depth] li a:hover,#wrapper .breadcrumb li a:hover,.breadcrumb a:focus{color:#9ec8a9 !important}
/* colonne gauche + filtres (prod : titre #8c4a12, critères #414141 -> brun) */
#left-column .block-categories .category-top-menu a,#left-column .block-categories .category-top-menu > li > a,#left-column .block-categories .title_block,#left-column .block-categories .title_block a{color:#8c4a12 !important}
#left-column .block-categories .category-sub-menu a{color:#292626}
#left-column .block-categories .category-sub-menu a:hover{color:#8c4a12}
#search_filters .facet .facet-label a,#search_filters_brands .facet .facet-label a,#search_filters_suppliers .facet .facet-label a,#search_filters .facet .custom-checkbox + a{color:#414141}
#search_filters .facet .facet-label a:hover,#search_filters_brands .facet .facet-label a:hover,#search_filters_suppliers .facet .facet-label a:hover,#search_filters .facet .facet-label:hover a{color:#8d4b1d}
.active_filters .filter-block .close{color:#fff}
/* vignettes : titre #3b3b3b (prod, sans changement au survol), aperçu rapide */
.product-miniature .product-title a,.products .product-title a{color:#3b3b3b}
.product-miniature .product-title a:hover{color:#3b3b3b}
.product-miniature .highlighted-informations .quick-view{color:#292626}
/* pagination (prod) : page courante brune, autres noires -> brun au survol */
.pagination a,.pagination .page-list a,.page-link{color:#000}
.pagination a:hover,.pagination .page-list a:hover,.page-link:hover{color:#8d4b1d}
.pagination .current a,.pagination .current a:hover,.page-item.active .page-link,.page-item.active a{color:#8d4b1d !important;background:transparent !important;border-color:transparent !important}
/* onglets fiche produit (prod : #8a8478 -> #492916) */
.nav-tabs .nav-link,#product .nav-tabs .nav-link,.tabs .nav-tabs .nav-link{color:#8a8478}
.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus,.nav-tabs .nav-link.active,.tabs .nav-tabs .nav-link.active,#product .nav-tabs .nav-link.active,.product-information .nav-tabs .nav-link.active{color:#492916 !important}
/* panier, compte */
.cart-grid a.label,.cart-grid-body a.label,.cart-summary a,.product-line-info a.label{color:#3b3b3b}
.cart-grid a.label:hover,.cart-summary a:hover,.product-line-info a.label:hover{color:#8d4b1d}
.page-my-account #content .links a,.page-my-account #content .links a i,.account-list a,#block_myaccount_infos .myaccount-title a{color:#292626}
.forgot-password a,.no-account a,.page-authentication #content a{color:#292626}
.forgot-password a:hover,.no-account a:hover,.page-authentication #content a:hover{color:#8d4b1d}
/* pied de page (prod : #898c91 ; survol brun — voir note du rendu) */
.footer-container li a,.footer-container .mpp-foot-col a,.footer-container .links ul > li a{color:#898c91}
.footer-container li a:hover,.footer-container .mpp-foot-col a:hover,.footer-container .links ul > li a:hover{color:#8d4b1d}
.mpp-recaptcha-mention a{color:#8b8079}
/* menu : focus visible au clavier seulement (pas d'anneau au clic / toucher, comme la prod) */
.mpp-mainmenu button:focus,.mpp-mainmenu a:focus{outline:0}
.mpp-mainmenu button:focus-visible,.mpp-mainmenu a:focus-visible{outline:2px solid #8d4b1d;outline-offset:-2px}
@media(max-width:1199px){
  .mpp-burger > .mpp-mm-link,#header .mpp-burger > .mpp-mm-link{display:flex;align-items:center}
  .mpp-bars{vertical-align:0}
}
/* recherche d'en-tête en Helvetica comme la prod (Poppins coupait « Rechercher un produit... » dans la barre mobile) */
#header .mpp-search input[name=s]{font-family:Helvetica,Arial,sans-serif}
@media(max-width:767px){#header .mpp-search--bar input[name=s]{font-size:14px}}
/* vignettes en 2 colonnes : le titre passe à la ligne (2 lignes max) au lieu d'être coupé à droite */
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .product-title{white-space:normal;overflow:hidden}
/* (un vieux CSS en ligne hérité de Leo impose .thumbnail-container .product-title a{width:205px;margin-right:-61px;line-clamp:1} : on l'annule ici) */
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .product-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;text-overflow:clip;width:auto;max-width:100%;margin-right:0;min-height:2.6em;line-height:1.3em;text-align:center}
/* fiche : badge de remise brun (prod custom.css) au lieu de l'orange classic ; miniature sélectionnée sans le bleu classic */
.has-discount .discount,.product-prices .has-discount .discount{background:#8d4b1d;color:#fff}
.product-images > li.thumb-container .thumb.selected,.product-images > li.thumb-container .thumb:hover{border:1px solid #e7dcc8}
/* drapeaux : pas d'espace blanc entre les pastilles (seulement les 5 px de marge, comme la prod) ; vignettes : -1 px pour la bordure de carte */
.product-flags{font-size:0;line-height:0}
.product-miniature .product-flags{top:9px;left:9px}
/* menu 1200-1300 px : marges réduites à 10 px (palier Creative Elements de la prod) ; retour à la ligne plutôt que débordement */
@media(min-width:1200px){.mpp-mainmenu__list{flex-wrap:wrap}}
@media(min-width:1200px) and (max-width:1300px){.mpp-mm-link,#header .mpp-mm-link{padding-left:10px;padding-right:10px}}
/* très petits téléphones (< 400 px) : logo et icônes réduits pour tenir sur la ligne sans défilement horizontal */
@media(max-width:399px){
  #header .mpp-head-logo img{max-height:52px}
  #header .header-top-right{gap:.2rem}
  #header #_desktop_user_info .user-info a .material-icons,#header #_desktop_cart .blockcart .material-icons,#header .mpp-head-wish .material-icons{font-size:23px !important}
  #header .mpp-search--bar{flex-basis:170px}
  .mpp-menu-toggle{padding:15px 8px;gap:10px}
}
/* newsletter sur téléphone : le champ (min-width 340 px) débordait sous 360 px de large */
@media(max-width:575px){.block_newsletter input[type=email],.block_newsletter input[type=text]{min-width:0 !important;flex:1 1 100% !important;max-width:100%}}

/* ===================== AUDIT DE NUIT (28.10) ===================== */
/* Chaque bloc : valeurs relevées dans le CSS calculé de la prod (mêmes pages, 1280 à 1920, 768 et 390 px). */

/* ---- En-tête : logo 250 px (190 en tablette, 170 sur téléphone), recherche 341 x 44 centrée, pictos FontAwesome/ceicons de la prod ---- */
#header .mpp-head-logo img{max-height:none !important;width:250px;height:auto}
#header .mpp-headrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;min-height:94px}
#header .mpp-head-logo{justify-self:start}
#header #_desktop_mpp_search{flex:none;width:341px;justify-self:center}
#header .header-top-right{justify-self:end;gap:10px !important}
.mpp-search form{max-width:none !important;height:44px;margin:0 !important;padding:0 !important;border:1px solid #0c0c0c !important;border-radius:50px !important;background:#fff !important;display:flex;align-items:center;overflow:hidden}
.mpp-search input[name=s],#header .mpp-search input[name=s]{flex:1 1 auto;min-width:0;height:42px;padding:12px 0 12px 15px !important;border:0 !important;background:transparent !important;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:16px;color:#191919}
.mpp-search input[name=s]::placeholder{color:#191919;font-weight:400;opacity:.6}
.mpp-search #search_widget,.mpp-search .search-widgets{max-width:none !important;width:100% !important;min-width:0}
.mpp-search .mpp-search-submit{transform:none !important;position:static !important;top:auto !important;bottom:auto !important;right:auto !important;align-self:center;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:auto !important;height:42px !important;padding:0 15px 0 10px !important;margin:0;background:transparent !important;border:0 !important;color:#191919 !important;cursor:pointer}
.mpp-search .mpp-search-submit .mpp-ico{width:auto;height:20px;fill:currentColor;display:block;opacity:.6}
.mpp-search .mpp-search-submit:hover{color:#8d4b1d !important}
.mpp-ico-link{display:inline-flex;align-items:center;line-height:0;text-decoration:none}
.mpp-ico{display:block;width:auto;height:25px;fill:currentColor}
#header #_desktop_user_info .mpp-ico-link{color:#492916}
#header .mpp-head-wish .mpp-ico-link,#header #_desktop_cart .mpp-ico-link{color:#000}
#header .mpp-ico-link:hover{color:#8d4b1d}
#header #_desktop_cart .mpp-cart-link{position:relative;font-size:inherit !important}
#header #_desktop_cart .cart-products-count{position:absolute !important;top:-7px !important;right:-7px;left:auto !important;min-width:16px;height:16px;padding:0 3px !important;border-radius:8px !important;background:#d9534f !important;color:#fff !important;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:10px !important;font-weight:600;line-height:16px;text-align:center}
@media(min-width:768px) and (max-width:1024px){
  #header .mpp-headrow{grid-template-columns:auto 1fr auto}
  #header .mpp-head-logo img{width:190px}
  /* le champ suit la largeur de l'écran comme la prod (palier tablette d'Elementor) : départ à 35,5 %, 328 px à 768, 443 px à 1024 */
  #header #_desktop_mpp_search{width:calc(45.3vw - 20px);max-width:none;min-width:0;justify-self:start;margin:0 0 0 calc(35.5vw - 220px)}
}
@media(max-width:767px){
  #header .mpp-headrow{display:flex;justify-content:space-between;min-height:90px}
  #header #_desktop_mpp_search{display:none !important}
  #header .mpp-head-logo img{width:170px}
  /* rangée du menu : le champ suit la largeur de l'écran et s'arrête à 25 px du bord comme la prod (213 px à 390, 439 px à 767) */
  #header .mpp-search--bar{flex:0 1 calc(60vw - 21px) !important;margin-right:15px}
  #header .mpp-ico{height:20px}
  #header .mpp-search--bar form{height:auto;border:0 !important;border-radius:50px !important}
  #header .mpp-search--bar input[name=s]{height:32px;padding:8px 0 8px 8px !important;font-size:14px}
  #header .mpp-search--bar .mpp-search-submit{height:32px !important;padding:0 12px 0 6px !important}
  #header .mpp-search--bar .mpp-search-submit .mpp-ico{height:15px}
}
@media(max-width:374px){#header .mpp-head-logo img{width:140px}#header .mpp-search--bar{flex-basis:180px !important}}

/* ---- Vignette produit des listes (catégorie, recherche…) 1:1 prod : sans cadre, image pleine largeur, nom Helvetica 16 gras,
        prix « lato » 16 gras #898c91 (rendu Times comme la prod), bouton crème #f2ebde / brun #4a2916, cœur gris simple, œil d'aperçu au survol ---- */
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature{margin-bottom:24px}
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .thumbnail-container{border:0 !important;border-radius:0 !important;box-shadow:none !important;margin:0;padding:0 0 16px;height:auto !important;overflow:visible !important;background:#fff;position:relative}
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .thumbnail-container:hover .product-description::after,:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .thumbnail-container:focus .product-description::after{display:none}
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .thumbnail-top{position:relative}
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .thumbnail.product-thumbnail,:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .thumbnail.product-thumbnail img{display:block;width:100%;height:auto}
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .product-description{position:static;width:auto;height:auto !important;padding:4px 0 10px;background:transparent;text-align:center}
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .product-title{margin:0;padding:0 0 20px;text-align:center}
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .product-title a{font-family:Helvetica,Arial,sans-serif !important;font-size:16px !important;font-weight:700 !important;line-height:20.8px !important;color:#3b3b3b !important;text-transform:none !important;letter-spacing:0;min-height:41.6px;-webkit-line-clamp:2}
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .product-title a:hover{color:#8d4b1d !important}
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .product-price-and-shipping{font-family:lato,'Times New Roman',serif;font-size:16px;line-height:20px;text-align:center;color:#898c91}
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .price{font-family:lato,'Times New Roman',serif;font-size:16px;font-weight:700;color:#898c91}
:is(#js-product-list,.featured-products,.product-accessories) .mpp-list-add{margin:0;padding-top:20px;text-align:center}
:is(#js-product-list,.featured-products,.product-accessories) .mpp-list-form{margin:0;display:inline-block;max-width:100%}
:is(#js-product-list,.featured-products,.product-accessories) .mpp-list-addcart,:is(#js-product-list,.featured-products,.product-accessories) .mpp-list-addcart.btn-primary{display:inline-block !important;width:auto !important;max-width:100%;margin:0;padding:8px 16px !important;background:#f2ebde !important;border:1px solid #f2ebde !important;border-radius:40px !important;color:#4a2916 !important;font-family:Helvetica,Arial,sans-serif !important;font-size:12.8px !important;font-weight:700;line-height:26px;text-transform:none !important;white-space:normal;box-shadow:none;cursor:pointer}
:is(#js-product-list,.featured-products,.product-accessories) .mpp-list-addcart:hover,:is(#js-product-list,.featured-products,.product-accessories) .mpp-list-addcart:focus-visible{background:#9ec8a9 !important;border-color:#9ec8a9 !important;color:#492916 !important}
:is(#js-product-list,.featured-products,.product-accessories) .mpp-list-addcart:focus-visible{outline:2px solid #8d4b1d;outline-offset:2px}
:is(#js-product-list,.featured-products,.product-accessories) .mpp-list-addcart .material-icons{font-size:12.8px !important;vertical-align:-1px;margin-right:10px;color:inherit}
/* cœur (blockwishlist) : glyphe gris #5c5858 16 px, sans rond blanc ni ombre, en haut à droite */
.product-miniature .wishlist-button-add{top:5px !important;right:5px !important;width:35px !important;height:35px !important;padding:0 !important;background:transparent !important;box-shadow:none !important;border:0 !important;display:flex;align-items:center;justify-content:center}
.product-miniature .wishlist-button-add i{font-size:19px !important;color:#5c5858 !important}
/* œil d'aperçu rapide sous le cœur, au survol (ordinateur) */
.product-miniature .mpp-qv{position:absolute;top:40px;right:5px;z-index:11;width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:#292626;opacity:0;transition:opacity .2s;text-decoration:none}
.product-miniature .mpp-qv .material-icons{font-size:18px}
.product-miniature:hover .mpp-qv,.product-miniature .mpp-qv:focus{opacity:1}
.product-miniature .mpp-qv:hover{color:#8d4b1d}
@media(hover:none){.product-miniature .mpp-qv{opacity:1}}
@media(hover:none) and (max-width:575px){.product-miniature .mpp-qv{display:none}}
@media (prefers-reduced-motion: reduce){.product-miniature .mpp-qv{transition:none}}

/* fond des pages blanc (classic : #f6f6f6 gris) */
#wrapper{background:#fff}

/* ---- Colonne de gauche : arbre de catégories + Advanced Search (pm_advancedsearch, comme la prod) ---- */
#left-column{padding-left:10px;padding-right:10px}
#left-column .block-categories{padding:20px 0;margin:0;box-shadow:none;background:#fff}
#left-column .block-categories .category-top-menu > li > a,#left-column .block-categories .category-top-menu a.h6{font-family:lato,'Times New Roman',serif !important;font-size:16px !important;font-weight:400 !important;line-height:20.8px !important;color:#8c4a12 !important;text-transform:uppercase;margin:0}
#left-column .PM_ASBlockOutput .card{border:1px solid rgba(0,0,0,.125);border-radius:4px;box-shadow:none}
#left-column .PM_ASBlockOutput .card-header{padding:12px 20px;background:#f5f5f5;font-family:Helvetica,Arial,sans-serif;font-size:18px;font-weight:700;line-height:15px;color:#8d4923}
#left-column .PM_ASBlockOutput .PM_ASBlockTitle{font-size:18px;font-weight:700;color:#8d4923}
#left-column .PM_ASBlockOutput .card-block{padding:20px}
#left-column .PM_ASCriterionsGroupTitle,#left-column .PM_ASCriterionsGroupName{font-family:lato,'Times New Roman',serif !important;font-size:16px !important;font-weight:700 !important;line-height:17.6px !important;color:#492916 !important}
#left-column .PM_ASCritRange .ui-slider-handle{background:#e6e6e6 !important;border:1px solid #d3d3d3}
#left-column .PM_ASCritRangeValue{font-family:Helvetica,Arial,sans-serif;font-size:12px}
#left-column .PM_ASCriterionGroupSelect,#left-column select.form-control{height:38px;padding:8px 16px;background-color:#f2ebde !important;border:0 !important;border-radius:4px;font-family:Helvetica,Arial,sans-serif;font-size:15px;color:#492916}
#left-column .PM_ASLabelCheckbox,#left-column .PM_ASLabelLink,#left-column .PM_ASCriterionNbProduct{font-family:Helvetica,Arial,sans-serif;font-size:15px;line-height:15px}
#left-column .PM_ASLabelCheckbox{margin:3px 0 8px;color:#3b3b3b}
#left-column .PM_ASLabelLink,#left-column .PM_ASCriterionNbProduct{color:#414141}
#left-column input.PM_ASCriterionCheckbox{margin:-5px 0 0}

/* ---- En-tête de catégorie (prod) : cadre, titre noir, chapeau Helvetica 16/24, bannière pleine largeur dessous ---- */
#js-product-list-header .block-category{border:1px solid rgba(0,0,0,.125) !important;border-radius:4px;padding:20px !important;margin-bottom:25px;box-shadow:none;min-height:0}
#js-product-list-header .block-category .h1{margin:0 0 8px;font-size:22px;line-height:24.2px;color:#000}
#js-product-list-header .block-category-inner{display:block !important}
#js-product-list-header #category-description{width:auto !important;max-width:none;color:#3b3b3b;font-size:16px;line-height:24px}
#js-product-list-header #category-description p{margin:0 0 20px;font-size:16px;line-height:24px;color:#3b3b3b}
#js-product-list-header .category-cover{position:static;width:auto !important;max-width:none;margin:0 0 20px;text-align:center}
#js-product-list-header .category-cover img{display:block;width:100%;height:auto;max-width:none}
@media(max-width:991px){#js-product-list-header #category-description,#js-product-list-header #category-description p{font-size:15px;line-height:15px}}

/* ---- Fil d'Ariane (prod) : Helvetica 12, tout en majuscules, chevron › (fa-angle-right de la prod), masqué sous 768 px ; barre de tri ---- */
#wrapper .breadcrumb{font-size:12px;margin-bottom:30px}
#wrapper .breadcrumb ol{margin-top:-1px}
#wrapper .breadcrumb li,#wrapper .breadcrumb li a,#wrapper .breadcrumb li span{font-family:Helvetica,Arial,sans-serif;font-size:12px !important;line-height:15px;text-transform:uppercase}
#wrapper .breadcrumb li:last-child,#wrapper .breadcrumb li:last-child span{color:#6d6767}
#wrapper .breadcrumb li::after{content:"\203A" !important;margin:0 5px !important;color:#6d6767;font-size:15px;line-height:12px}
#wrapper .breadcrumb li:last-child::after{content:"" !important}
@media(max-width:767px){#wrapper .breadcrumb{display:none !important}#left-column .block-categories{display:none !important}}
#js-product-list-top .total-products p{font-size:15px;line-height:15px;color:#3b3b3b}
#js-product-list-top .sort-by{font-size:13px;color:#6d6767;margin-left:0;margin-right:0}  /* classic : ±15 px, pas la prod */
@media(max-width:767px){#js-product-list-header .category-cover{display:block !important}}

/* ---- Pagination (prod) : filet #e5e5e5 au-dessus, résumé « lato » 13 px à gauche, numéros Helvetica 13 à droite, page courante brune grasse ---- */
#js-product-list .mpp-pagination{margin:120px 0 16px;padding:30px 0;border-top:1px solid #e5e5e5;font-size:13px;color:#6d6767}
#js-product-list .mpp-pagination > div{padding-left:0;padding-right:0}
#js-product-list .mpp-pagination__resume{font-family:lato,'Times New Roman',serif;font-size:13px;line-height:40px;color:#6d6767;padding:0}
#js-product-list .mpp-pagination .page-list{margin:0;padding:10px 0;background:transparent;box-shadow:none;text-align:right}
#js-product-list .mpp-pagination .page-list li{display:inline-block;padding:0 8px;margin:0}
#js-product-list .mpp-pagination .page-list a{display:inline;padding:0;font-family:Helvetica,Arial,sans-serif;font-size:13px !important;font-weight:400;line-height:15px;letter-spacing:2px;color:#000;text-decoration:none}
#js-product-list .mpp-pagination .page-list .current a{font-weight:700;color:#8d4b1d !important}
#js-product-list .mpp-pagination .page-list a:hover{color:#8d4b1d}
#js-product-list .mpp-pagination .page-list a.next,#js-product-list .mpp-pagination .page-list a.previous{letter-spacing:0;display:inline-flex;vertical-align:-2px}
#js-product-list .mpp-pagination .mpp-ico{height:13px}
@media(max-width:767px){#js-product-list .mpp-pagination{margin-top:40px}#js-product-list .mpp-pagination .page-list{text-align:center}}

/* ---- Bascule grille / liste (prod : carrés 36 px, actif vert #9ec8a9 picto blanc, inactif bord #e5e5e5 picto #8e8e8e) ---- */
.mpp-display{display:flex;gap:5px;margin:0 0 4px}
.mpp-display__btn{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e5e5;border-radius:0;color:#8e8e8e;cursor:pointer}
.mpp-display__btn .mpp-ico{height:12px}
/* état piloté par la classe de <html> : juste même si le module de filtres re-rend la barre sans prévenir */
.mpp-display__btn--grid,html.mpp-list-mode .mpp-display__btn--list{background:#9ec8a9;border-color:#9ec8a9;color:#fff}
html.mpp-list-mode .mpp-display__btn--grid{background:#fff;border-color:#e5e5e5;color:#8e8e8e}
.mpp-display__btn:focus-visible{outline:2px solid #8d4b1d;outline-offset:2px}
.mpp-display__btn:hover{color:#8d4b1d}

#js-product-list-top .total-products{padding-top:0}
#js-product-list-top .total-products p{margin:4px 0 16px}
/* mode liste (ordinateur et tablette) : une vignette par ligne, image 1/3 à gauche, nom, prix et bouton à droite */
@media(min-width:768px){
  html.mpp-list-mode #js-product-list .products > .js-product{width:100% !important;max-width:100% !important;flex:0 0 100% !important}
  html.mpp-list-mode #js-product-list .product-miniature .thumbnail-container{display:flex;align-items:flex-start;gap:30px;text-align:left}
  html.mpp-list-mode #js-product-list .product-miniature .thumbnail-top{flex:0 0 33.333%;max-width:33.333%}
  html.mpp-list-mode #js-product-list .product-miniature .product-description{flex:1 1 auto;text-align:left;padding-top:10px}
  html.mpp-list-mode #js-product-list .product-miniature .product-title,html.mpp-list-mode #js-product-list .product-miniature .product-title a,html.mpp-list-mode #js-product-list .product-miniature .product-price-and-shipping,html.mpp-list-mode #js-product-list .mpp-list-add{text-align:left !important;min-height:0}
  html.mpp-list-mode #js-product-list .product-miniature .product-flags{left:9px}
}

/* ---- Ligne de prix remisée (prod) : ancien prix barré #999 normal, « (-xx%) » brun normal, prix final brun gras ---- */
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .product-price-and-shipping.has_discount .price,.product-miniature .product-price-and-shipping.has_discount .price{color:#8d4b1d}
.product-miniature .product-price-and-shipping .regular-price{font-family:lato,'Times New Roman',serif;font-size:14px;font-weight:400;color:#999;text-decoration:line-through}
.product-miniature .product-price-and-shipping .discount-product{font-family:lato,'Times New Roman',serif;font-size:16px;font-weight:400;color:#8d4b1d}

/* focus clavier visible sur la recherche (le formulaire coupe le contour de ses enfants) */
.mpp-search form:focus-within{outline:2px solid transparent;box-shadow:0 0 0 2px #8d4b1d}
.mpp-search input[name=s]:focus{outline:0 !important;box-shadow:none !important}

/* ---- Fiche produit (prod leo_flinque + bdfiche) : conteneur 1400, image pleine colonne, miniatures 114 px,
        description courte, choix de personnalisation en liste, cœur à droite du bouton, onglets encadrés pleine largeur ---- */
/* conteneur de la fiche comme la prod : pleine largeur < 992, 960 de 992 à 1199 (classic), 100 % plafonné à 1400 ≥ 1200 */
@media(max-width:991px){#product #wrapper > .container{width:100%;max-width:100%}}
@media(min-width:1200px){#product #wrapper > .container{width:100%;max-width:1400px}}
#product .product-cover{width:100%;margin:0 0 20px}
#product .product-cover img{width:100%;height:auto}
#product .product-images > li.thumb-container,#product .product-images .thumb-container{padding:0 5px;margin:0}
#product .product-images .thumb{width:114px;height:114px;object-fit:cover;margin:0;border:1px solid #e7dcc8;border-radius:8px}
#product .product-images .thumb.selected,#product .product-images .thumb.js-thumb-selected{border:2px solid #24422f !important}
#product h1.h1{margin:0}
#product [id^=product-description-short]{font-size:13.12px;line-height:20.336px;color:#3b3b3b}
#product [id^=product-description-short] ul{list-style:none;padding-left:17.6px;margin:0 0 8px;color:#8a8478}
#product [id^=product-description-short] li{list-style:none;color:#8a8478;font-size:13.12px;line-height:20.336px}
#product .product-variants-item ul:has(.input-radio) li{float:none !important;display:block;margin:0;padding:5px 0}
#product .product-variants-item .input-container label{display:flex;align-items:center;gap:0;margin:0;cursor:pointer}
/* groupes de déclinaisons espacés de 10 px comme la prod (classic : 1,25rem) */
#product .product-variants > .product-variants-item{margin:0 0 10px}
#product .product-variants-item input.input-radio{position:static !important;opacity:1 !important;width:20px;height:20px;margin:0;flex:0 0 20px;cursor:pointer;accent-color:#24422f}
#product .product-variants-item .radio-label{width:auto !important;height:auto !important;display:inline-block;border:0 !important;background:none !important;box-shadow:none !important;border-radius:0;padding:0 10px !important;font-size:13px;font-weight:600;line-height:30px;color:#3b3b3b;white-space:normal;min-width:0}
#product .product-variants-item input.input-radio:focus-visible + .radio-label{outline:2px solid #8d4b1d;outline-offset:2px}
#product #main .product-add-to-cart .product-quantity{display:grid !important;grid-template-columns:minmax(0,1fr) 50px;column-gap:13px;align-items:start;padding-top:20px}
/* écart bouton / Total de la prod (18 + 8 de marge) : bdfiche pose gap:.6rem avec trois id */
#product #main #add-to-cart-or-refresh .product-quantity{row-gap:18px;column-gap:13px}
#product #main .product-add-to-cart .product-quantity > .qty{grid-column:1 / -1}
#product #main .product-add-to-cart .product-quantity > .add{display:contents}
#product #main .product-add-to-cart .product-quantity > .add > .add-to-cart{grid-column:1;grid-row:1;width:100%;margin:0}
#product #main .product-add-to-cart .product-quantity > .add > .bdf-total{grid-column:1 / -1;grid-row:2}
#product #main .product-add-to-cart .product-quantity > .wishlist-button-add{grid-column:2;grid-row:1;margin:0 !important}
#product .social-sharing{display:none}
#product .mpp-product-tabs{clear:both;margin:40px 0 20px;padding:0;border:1px solid #e5e5e5;background:#fff;box-shadow:none}
#product .mpp-product-tabs .nav-tabs{padding:15px 0;margin:0 0 22.4px;border-bottom:1px solid #e5e5e5}
#product .mpp-product-tabs .nav-tabs .nav-item:first-child .nav-link{margin-left:30px}
#product .mpp-product-tabs .nav-tabs .nav-link{margin:0 30px 0 0}
#product .mpp-product-tabs .tab-content{padding:20px 40px 40px}
#product .mpp-product-tabs #description p{font-size:15px;line-height:24px;color:#3b3b3b;margin:0 0 16px}
#product .mpp-product-tabs #description ul{list-style:disc;padding-left:40px;margin:0 0 16px}
#product .mpp-product-tabs #description li{list-style:disc;font-size:12px;font-weight:300;line-height:24px;color:#666}
#product .product-accessories .mpp-accessories-title{margin:10px 0 45px;font-family:Oswald,Helvetica,sans-serif;font-size:24px;font-weight:700;line-height:26.4px;text-transform:uppercase;letter-spacing:0;color:#000;text-align:center}
@media(max-width:767px){#product .mpp-product-tabs .tab-content{padding:10px 15px 10px}#product .mpp-product-tabs .nav-tabs .nav-item:first-child .nav-link{margin-left:10px}#product .mpp-product-tabs .nav-tabs .nav-link{margin-right:10px}}
#product #content{max-width:none}
#product .images-container{width:100%}
#product .product-cover{display:block}
/* bdfiche.css range la colonne en flex par « order » (structure Leo) ; en classic la description, la personnalisation
   et les actions sont dans .product-information, sans order : sans ceci elles passaient avant le titre */
#product #main .bdf-colonne > .product-information{order:4}
#product [id^=product-description-short]{max-width:490px}
#product .product-variants-item ul:has(.input-radio){display:block !important}
#product .product-variants-item ul li.input-container:has(.input-radio){width:auto !important;height:auto;margin:0}
#product [id^=product-description-short] p{color:#3b3b3b;font-size:13.12px;line-height:20.336px}

/* ---- « Ce pack contient » (prod : custom.css + theme.css de leo_flinque) : lignes encadrées, disponibilité par article,
        produit remplacé barré (bdpackremplacement) ---- */
#product .product-pack{margin-top:40px}
#product .product-pack > .h4{margin:-7px 0 8px;font-family:lato,'Times New Roman',serif;font-size:16px;font-weight:700;line-height:17.6px;letter-spacing:2px;text-transform:uppercase;text-align:center;color:#492916}
#product .product-pack .card{margin:0 0 12px;border:1px solid rgba(0,0,0,.125);border-radius:4px;background:#fff;box-shadow:none}
#product .product-pack .pack-product-container{display:flex;justify-content:space-around}
#product .product-pack .pack-product-container .mask{margin:10px 0;border:1px solid #ebebeb}
#product .product-pack .pack-product-container .pack-product-name{flex:0 0 50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-size:14px;line-height:15px;color:#acaaa6}
#product .product-pack .pack-product-name a{font-size:14px;line-height:15px;color:#292626}
#product .product-pack .pack-product-availability{display:flex;align-items:center;gap:.25rem;margin-top:4px;font-size:13px;color:#acaaa6}
#product .product-pack .pack-product-availability .material-icons{font-size:16px;color:inherit}
#product .product-pack .pack-product-availability.pack-product-unavailable{color:#ff9a52;font-weight:600}
#product .product-pack .pack-product-container .pack-product-quantity{display:flex;align-items:center;padding-left:10px;border-left:2px solid #ebebeb;font-size:12px}
#product .product-pack .pack-product-remplace{border-bottom:1px dashed #ebebeb}
#product .product-pack .pack-product-remplace .mask img{object-fit:contain;opacity:.5}
#product .product-pack .pack-product-remplace-nom{color:#acaaa6;text-decoration:line-through}

/* ---- Accueil : hero comme la prod (Creative Elements) : pleine largeur, fond uni #fdc461, 450 px, texte centré
        dans la moitié gauche, photo jusqu'au bord droit ; sur téléphone, texte brun à gauche puis photo dessous ---- */
#index .mpp-hero{display:flex;align-items:stretch;width:100vw;max-width:none;margin:40px 0 40px calc(50% - 50vw);border-radius:0;overflow:hidden;background:#fdc461;min-height:450px}
#index .mpp-hero__text{flex:0 0 53%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px 60px max(20px,calc(50vw - 655px));text-align:center}
#index .mpp-hero__title{margin:0 0 18px;font-family:Helvetica,Arial,sans-serif;font-size:45px;font-weight:700;line-height:65px;letter-spacing:0;color:#fff;text-align:center}
#index .mpp-hero__subtitle{margin:0 0 30px;font-family:Helvetica,Arial,sans-serif;font-size:21px;font-weight:500;line-height:31.5px;letter-spacing:2px;color:#fff;opacity:1;text-align:center}
#index .mpp-hero__cta{align-self:flex-start;margin-left:20px;padding:15px 25px;border-radius:50px !important;font-family:Helvetica,Arial,sans-serif;font-size:18px;font-weight:700;line-height:18px;box-shadow:1px 2px 3px rgba(0,0,0,.2)}
#index .mpp-hero__img{flex:1 1 auto;min-height:0}
#index .mpp-hero__img img{width:100%;height:100%;object-fit:cover}
@media(max-width:767px){
  #index .mpp-hero{flex-direction:column;min-height:0}
  #index .mpp-hero__text{flex:0 0 auto;align-items:flex-start;padding:24px 20px 27px;text-align:left}
  #index .mpp-hero__title{margin:0 0 14px;font-size:24px;line-height:1.4;color:#3a2213;text-align:left}
  #index .mpp-hero__subtitle{margin:0 0 20px;font-size:17px;line-height:25.5px;color:#3a2213;text-align:left}
  #index .mpp-hero__cta{align-self:flex-start;margin-left:0;font-size:15px;line-height:15px}
  #index .mpp-hero__img{height:190px}
}

/* ---- Accueil (suite) : conteneur 1310 comme la prod, « Que cherchez-vous ? » en bande crème avec encoche,
        titres de section 32 px en casse normale, cartes de blog, avis, newsletter en ligne ---- */
#index #wrapper > .container{width:100%;max-width:1340px}
#index #content.page-home{max-width:none;padding-left:0;padding-right:0}
#index .mpp-tiles{margin:60px 0 0;padding:50px 0 60px;position:relative;z-index:0}
#index .mpp-tiles::before{background:#f2ebdd}
#index .mpp-tiles::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);border:14px solid transparent;border-top:14px solid #fff;border-bottom:0}
#index .mpp-section-title{font-size:32px !important;font-weight:700;line-height:32px;letter-spacing:0;text-transform:none !important;color:#492916 !important;margin:0 0 30px}
#index .mpp-section-title::after{width:40px;height:3px;background:#8d4923;margin:22px auto 0}
#index .mpp-tiles__grid{gap:20px}
#index .mpp-tiles__sub{font-size:13px;color:#3b3b3b}
#index .mpp-blog-cards{margin:60px 0}
#index .mpp-postcard{border:0;border-radius:0;background:transparent;box-shadow:none !important;transform:none !important}
#index .mpp-postcard__img{height:250px;border-radius:10px}
#index .mpp-postcard__img img{border-radius:10px}
#index .mpp-postcard__title{padding:20px 6px 0;font-size:20px;font-weight:700;line-height:24px;color:#492916;text-align:center}
#index .mpp-blog-cards .mpp-btn-blog{padding:12px 22px;background:#f2ebde;color:#492916;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:18px;font-weight:700;line-height:18px;border-radius:50px}
#index .slide-container{background:#fbfbfb;border:0;border-radius:0;padding:15px}
#index .slide-container .slide-title{color:#777;text-align:center;margin-bottom:10px}
@media(max-width:767px){#index .mpp-section-title{font-size:22px !important;line-height:22px}#index .mpp-postcard__img{height:160px}#index .mpp-postcard__title{font-size:14px;line-height:16.8px}#index .mpp-blog-cards .mpp-btn-blog{font-size:13px;line-height:13px}}
.block_newsletter{padding:45px 1rem 40px}
.mpp-nl-title{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:28px;line-height:28px;margin:0 auto 15px}
.mpp-nl-sub{font-size:12px;line-height:15px;max-width:none;margin:0 auto 30px}
.mpp-nl-form{gap:25px;max-width:none}
.block_newsletter input[type=email],.block_newsletter input[type=text]{flex:0 0 225px !important;min-width:0 !important;max-width:225px;height:44px;padding:0 0 0 20px !important;border:1px solid #fff !important;border-radius:50px;font-size:15px;color:#4a2916}
.mpp-nl-btn,.block_newsletter button,.block_newsletter [type=submit]{width:225px;height:44px;padding:0 15px !important;background:#f2ebde !important;color:#492916 !important;border-radius:50px !important;font-size:16px;font-weight:500}
@media(max-width:575px){.mpp-nl-form{flex-direction:column;gap:12px}.block_newsletter input[type=email],.block_newsletter input[type=text]{flex:0 0 auto !important;width:225px}}

/* ---- Pied de page (prod) : bande crème des colonnes sur 1310 px, titres 22 px #8d4923, liens 16 px #51321e ;
        réseaux 30 px et copyright 15 px sur fond blanc ---- */
.footer-container{margin-top:0;border-top:0;background:#f2ebdd}
.footer-container .container{width:100%;max-width:1340px;padding-top:40px;padding-bottom:40px}
.mpp-foot-col h3{font-size:22px;line-height:22px;margin:0 0 30px;color:#8d4923}
.footer-container li a,.footer-container .mpp-foot-col a{font-size:16px;font-weight:500;line-height:15px;color:#51321e}
.footer-container .mpp-foot-col li{margin:0 0 15px}
.footer-container li a:hover,.footer-container .mpp-foot-col a:hover{color:#8d4b1d}
.mpp-footer-bas{background:#fff;padding:30px 0 20px}
.mpp-footer-bas .mpp-socials{margin:0 0 20px}
.mpp-footer-bas .mpp-socials .mpp-soc{margin:0 12px}
.mpp-footer-bas .mpp-socials .mpp-soc svg{width:30px;height:30px}
.mpp-footer-bas .mpp-copyright{font-size:15px;font-weight:300;color:#000;margin:0 0 15px}
@media(max-width:767px){#index .mpp-tiles__ttl{font-size:15px !important;line-height:16.5px}#index .mpp-tiles__grid{gap:20px 10px}}
#index .mpp-blog-cards .row{display:flex;flex-wrap:wrap;row-gap:24px}
@media(max-width:767px){#index .mpp-tiles__ico-img{height:60px;margin-bottom:.9rem}}

/* ---- 404 (prod, MPP-243) : titre centré, encart « Page introuvable » avec pastilles de rayons et recherche ---- */
#pagenotfound .page-header h1,#pagenotfound h1{text-align:center;letter-spacing:2px;margin:30px 0}
#pagenotfound .page-not-found{max-width:570px;margin:0 auto 60px;padding:20px;background:#fff;border:0;box-shadow:0 0 10px rgba(0,0,0,.12)}
#pagenotfound .page-not-found h4{margin:0 0 15px;font-family:Oswald,Helvetica,sans-serif;font-size:13px;font-weight:700;color:#000}
#pagenotfound .page-not-found p{font-size:13px;line-height:15px;color:#3b3b3b}
.page-not-found .bd-404-rayons{list-style:none;padding:0;margin:14px 0 22px;display:flex;flex-wrap:wrap;gap:8px}
.page-not-found .bd-404-rayons a{display:inline-block;padding:7px 14px;border:1px solid #d9d2c7;border-radius:999px;color:#492916;text-decoration:none;font-size:14px}
.page-not-found .bd-404-rayons a:hover{background:#f4ede2}
#pagenotfound .page-not-found .search-widgets{max-width:none;width:100%}
#pagenotfound .page-not-found .search-widgets form{border:0;border-bottom:1px solid #3b3b3b;border-radius:0;display:flex;align-items:center}
#pagenotfound .page-not-found .search-widgets input[type=text]{flex:1;border:0;background:transparent;padding:10px;font-size:13px}
#pagenotfound .page-not-found .search-widgets button{position:static;background:none;border:0;padding:0 8px}

/* ---- Panier (prod) : conteneur large, blocs encadrés, bouton Commander en pastille, « Produits populaires » dessous ---- */
#cart #wrapper > .container,#checkout #wrapper > .container{width:100%;max-width:1400px}
#cart .card.cart-container,#cart .card.cart-summary{border:1px solid rgba(0,0,0,.125);border-radius:4px;box-shadow:none;background:#fff}
#cart .cart-container h1.h1{font-size:22px;letter-spacing:2px;color:#000}
#cart .cart-summary .checkout{text-align:center}
#cart .cart-summary .checkout .btn{display:inline-block;width:auto;padding:10px 25px;border-radius:50px}
#cart .cart-summary .checkout .btn.disabled,#cart .cart-summary .checkout .btn[disabled]{background:#ccc !important;border-color:#ccc !important;color:#fff !important;opacity:1}
#cart .featured-products{margin-top:60px}
#cart .featured-products .products-section-title{font-family:lato,'Times New Roman',serif;font-size:22px;font-weight:700;letter-spacing:2px;text-align:center;color:#000;margin:0 0 30px}

/* ---- Pied de page et newsletter : casse normale et alignement à gauche sur toutes les pages (classic met les h3 en capitales) ---- */
.footer-container .mpp-foot-col h3{text-transform:none;text-align:left}
.block_newsletter .mpp-nl-title{text-transform:none;letter-spacing:0}
@media(max-width:767px){.footer-container .mpp-foot-col,.footer-container .mpp-foot-col h3{text-align:center}}

/* ---- Contact (prod) : colonne de gauche vide, formulaire encadré, champs crème sans bordure, Envoyer vert en pastille ---- */
#contact #left-column > *{display:none}
#contact #content-wrapper .contact-form{padding:20px 30px 30px;border:1px solid rgba(0,0,0,.125);border-radius:4px;background:#fff}
#contact .contact-form h3{font-family:lato,'Times New Roman',serif;font-size:12px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:#6d6767;text-align:center}
#contact .contact-form .form-control{background:#f2ebde;border:0;border-radius:0;color:#492916}
#contact .contact-form .form-control-label{font-size:12px;font-weight:400}
#contact .contact-form .group-span-filestyle .btn,#contact .contact-form .bootstrap-filestyle .btn{background:#ffa7a5 !important;border-color:#ffa7a5 !important;color:#fff !important;border-radius:0 !important}
#contact .contact-form .form-footer .btn,#contact .contact-form input[type=submit]{background:#9ec8a9 !important;border-color:#9ec8a9 !important;color:#fff;border-radius:50px;font-family:lato,'Times New Roman',serif;font-weight:700;text-transform:none;padding:10px 20px}

/* ---- Pages CMS (prod) : conteneur large, texte Helvetica 12 px #3b3b3b ---- */
#cms #wrapper > .container{width:100%;max-width:1400px}
#cms #content p,#cms #content li,#cms #content td{font-size:12px;line-height:1.5;color:#4a4a4a;text-align:left}
/* bandeau de cookies : garder la police système de bdcookies (la règle Helvetica globale sur p/a/button l'écrasait) */
.bdc p,.bdc a,.bdc button,.bdc li,.bdc label,.bdc span{font-family:inherit}
/* en-tête collant aussi sur téléphone et tablette (la prod le garde en haut à toutes les largeurs) */
#header{position:sticky;top:0;z-index:1000;background:#fff}
/* menu desktop : marge intérieure du volet de 3e niveau (écrasée par .mpp-mainmenu ul{padding:0}) */
@media(min-width:1200px){.mpp-mainmenu .mpp-flyout{padding:15px 5px 10px}}
/* boutons principaux (prod custom.css) : blanc sur brun #8d4b1d, survol vert #9ec8a9 ; la règle .cart-summary a repeignait le texte du bouton Commander */
.btn-primary,.cart-summary a.btn-primary,a.btn-primary{color:#fff !important;background-color:#8d4b1d;border-color:transparent}
.btn-primary:not(.add-to-cart):hover,.btn-primary:not(.add-to-cart):focus-visible,.cart-summary a.btn-primary:hover{background-color:#9ec8a9 !important;border-color:transparent !important;color:#fff !important}
.form-control-label .required-mark{color:#c0392b;font-weight:700;margin-left:2px;line-height:1}
/* accueil, hero en tablette (768 à 1024 px, palier Elementor de la prod) : 300 px, texte à gauche, titre 28 px, sous-titre 16 px */
@media(min-width:768px) and (max-width:1024px){
  #index .mpp-hero{min-height:300px}
  #index .mpp-hero__text{flex-basis:50%;align-items:flex-start;padding:38px 20px 38px 4%;text-align:left}
  #index .mpp-hero__title{font-size:28px;line-height:33.6px;text-align:left;margin-bottom:20px}
  #index .mpp-hero__subtitle{font-size:16px;line-height:19.2px;text-align:left;margin-bottom:20px}
  #index .mpp-hero__cta{margin-left:0;font-size:15px;line-height:15px}
}
/* bascule grille / liste : absente sous 992 px sur la prod */
@media(max-width:991px){.mpp-display{display:none}}
@media(min-width:1025px){#index .mpp-hero__title{max-width:13em}}
@media(max-width:767px){#index .mpp-hero__title{font-size:28px;line-height:33.6px}}
/* recherche : seul le bloc « Filtre » à gauche, pas l'arbre des catégories (prod) */
#search #left-column .block-categories{display:none}

/* ---- Connexion / création de compte (prod) : conteneur large, formulaire en encart ombré, champs crème, bouton en pastille ---- */
#authentication #wrapper > .container,#registration #wrapper > .container,#password #wrapper > .container{width:100%;max-width:1400px}
#authentication #content.page-content,#registration #content.page-content{max-width:640px;margin:20px auto 60px;padding:20px 30px;background:#fff;border:0;box-shadow:0 0 10px rgba(0,0,0,.12)}
#authentication .form-control,#registration .form-control{background:#f2ebde;border:0;border-radius:0;color:#492916}
#authentication .form-control-label,#registration .form-control-label{font-size:12px;font-weight:400}
#authentication .btn-primary,#registration .btn-primary{border-radius:50px;padding:10px 20px;text-transform:none;font-weight:700}
#authentication .input-group-btn .btn,#registration .input-group-btn .btn{background:#8e8e8e !important;border-color:#8e8e8e !important;color:#fff !important;border-radius:0 50px 50px 0 !important;text-transform:uppercase;font-size:9px}
#authentication .no-account,#authentication .forgot-password{text-align:center;font-size:12px}
/* 29/10 : formulaires de compte aux mesures de la prod (sonde du 29/10 sur /authentification et la création de compte) :
   encart bordé à 16 px, texte 13 px gris #878787, libellés #3b3b3b, champs 288 × 38 arrondis à 4 px en 15 px, aides 12 px,
   « Montrer » 88 px en 11 px sur #878787, radios de 20 px à bord de 2 px, cases de 15 px, bouton en pastille de 40 px,
   fil d'Ariane centré comme sur les autres pages */
#authentication #content.page-content,#registration #content.page-content,#password #content.page-content{padding:16px;border:1px solid rgba(0,0,0,.125);border-radius:4px;font-size:13px;line-height:15px;color:#878787}
:is(#authentication,#registration,#password,#identity,#address) #wrapper .breadcrumb{text-align:center}
:is(#authentication,#registration,#password,#identity,#address) #content .form-control-label{font-size:13px;line-height:15px;font-weight:400;color:#3b3b3b}
:is(#authentication,#registration,#password,#identity,#address) .form-control{height:38px;padding:8px 16px;font-size:15px;line-height:22px;border-radius:4px;background:#f2ebde;border:0;color:#492916}
:is(#identity,#address) select.form-control{height:38px}
/* espace client (prod = règles de classic 1.7, retirées par classic 8) : contenu et cartes en blanc ombré, liens gris, icônes #999,
   survol #f7796e ; carte d'adresse à pied bordé ; texte 13 px #878787 */
@media(min-width:992px){ /* comme dans le theme.css de la prod, où ces règles n'existent qu'à partir de 992 px */
.page-customer-account #content{padding:1rem;background:#fff;box-shadow:2px 2px 11px 0 rgba(0,0,0,.1);font-size:.8125rem;color:#878787}
.page-my-account #content .links a{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#6b6b6b;padding:0 .9375rem;margin-bottom:1.875rem}
.page-my-account #content .links a span.link-item{padding:1rem;background:#fff;box-shadow:2px 2px 11px 0 rgba(0,0,0,.1)}
.page-my-account #content .links a i{font-size:2.6rem;color:#999;padding-bottom:3.4rem}
.page-my-account #content .links a:hover{color:#4a4a4a}  /* AA : #878787 et #999 de la prod sous 4,5:1 */
.page-my-account #content .links a:hover i{color:#f7796e}
.page-addresses .address{background:#fff;box-shadow:2px 2px 11px 0 rgba(0,0,0,.1);margin-bottom:1.875rem;font-size:.8125rem;color:#999}
.page-addresses .address .address-body{padding:1rem}
.page-addresses .address .address-body h4{font-size:.75rem;font-weight:700}
.page-addresses .address .address-body address{min-height:9rem}
.page-addresses .address .address-footer{border-top:1px solid #acaaa6;padding:.5rem 1rem}
.page-addresses .address .address-footer a{color:#878787;margin-right:.5rem}
.page-addresses .address .address-footer a:hover{color:#999}
.page-addresses .address .address-footer a span{font-size:.875rem;vertical-align:middle}
.page-addresses .addresses-footer a,.page-addresses .addresses-footer a:hover{color:#999}
.page-addresses .addresses-footer a span{font-size:.75rem;vertical-align:middle}
.page-footer .account-link{margin-right:1rem}
.page-footer .account-link span{font-size:.8125rem;vertical-align:middle}
#history .orders .order a h3{color:#878787}
}
:is(#authentication,#registration,#password,#identity,#address) .input-group .js-visible-password{border-radius:4px 0 0 4px}
:is(#authentication,#registration,#password,#identity,#address) .input-group-btn .btn{width:88px;height:36px;margin-top:1px;padding:10px 16px;font-size:11px !important;font-weight:400;line-height:13.75px;background:#878787 !important;border-color:#878787 !important;border-radius:0 40px 40px 0 !important}
:is(#authentication,#registration,#password,#identity,#address) .form-control-comment{font-size:12px;line-height:15px;color:#878787}
:is(#authentication,#registration,#password,#identity,#address) .col-md-6 > span.form-control-comment{display:block}
:is(#authentication,#registration,#password,#identity,#address) .custom-radio{width:20px;height:20px;border:2px solid #acaaa6}
:is(#authentication,#registration,#password,#identity,#address) .radio-inline{margin-right:20px;font-size:13px;color:#3b3b3b}
:is(#authentication,#registration,#password,#identity,#address) .custom-checkbox input[type=checkbox]+span{width:15px;height:15px;margin-right:3px;border:1px solid #999}
:is(#authentication,#registration,#password,#identity,#address) .custom-checkbox label{font-size:13px;color:#3b3b3b}
:is(#authentication,#registration,#password,#identity,#address) .form-footer .btn-primary,#authentication #login-form .btn-primary{padding:12px 25px;border-radius:40px}
#authentication #content .forgot-password,#authentication #content .forgot-password a{font-size:13px;line-height:15px}
#authentication #content .no-account,#authentication #content .no-account a{font-size:12px;line-height:15px}
#registration .register-form > p{line-height:15px}
:is(#authentication,#registration,#password) #content .btn-primary{border:0}
#authentication #content.page-content,#registration #content.page-content,#password #content.page-content{margin-bottom:5px}
:is(#authentication,#registration,#password,#identity,#address) .radio-inline .custom-radio{margin-right:0}
@media(min-width:768px){:is(#authentication,#registration,#password,#identity,#address) .custom-checkbox > label{padding-left:30px}}
@media(max-width:767px){#authentication #content .forgot-password,#authentication #content .no-account{text-align:left}}
#registration .register-form > p{color:#3b3b3b}
/* blog (leoblog + bdblog.css de bdseo) : titres d'article dans la police du titre (la règle Helvetica sur « a » l'écrasait), conteneur large */
.mpp-blog-title{font-family:lato,"Times New Roman",serif}
.mpp-blog-title a{font-family:inherit !important}
body[id^="module-leoblog"] #wrapper > .container{width:100%;max-width:1400px}

/* suite relecture 2 : menu mobile ouvert au-dessus du bandeau de cookies et de la barre d'achat collante ;
   pas de défilement horizontal dû aux bandes pleine largeur (100vw inclut la barre de défilement sous Windows) */
html.mpp-menu-open #header{z-index:10002}
#wrapper{overflow-x:clip}

/* bouton « Filtrer » sous 768 px (prod : pastille verte pleine largeur, texte blanc « lato ») */
.mpp-filtrer-wrap{padding-top:10px}
.mpp-filtrer{display:block;width:100%;height:44px;border:0;border-radius:50px;background:#9ec8a9;color:#fff;font-family:lato,'Times New Roman',serif;font-size:16px;font-weight:700;cursor:pointer}
.mpp-filtrer:focus-visible{outline:2px solid #8d4b1d;outline-offset:2px}
.mpp-filtrer{text-transform:none}
@media(max-width:767px){#js-product-list-top .sort-by-row > .products-sort-order,#js-product-list-top .sort-by-row > .mpp-filtrer-wrap{flex:0 0 100%;max-width:100%;width:100%}}
@media(max-width:767px){#js-product-list-top .sort-by-row{flex-wrap:wrap}}
#js-product-list-top .mpp-filtrer-wrap{padding-left:15px !important;padding-right:15px !important}

/* fiche : lien « Ajouter à la liste de souhaits » (prod : capitales 10 px brunes soulignées, cœur devant) */
.mpp-souhaits-lien-wrap{margin:15px 0 0 29px;padding-bottom:15px}
.mpp-souhaits-lien{display:inline-flex;align-items:center;gap:4px;padding:0;background:none;border:0;cursor:pointer;font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:normal;text-transform:uppercase;text-decoration:underline;color:#6d6767}
.mpp-souhaits-lien .mpp-ico{height:12px}
.mpp-souhaits-lien:hover{color:#8d4b1d}
.mpp-souhaits-lien:focus-visible{outline:2px solid #8d4b1d;outline-offset:2px}
#product .product-minimal-quantity{margin:10px 0 0;font-size:12px;line-height:15px;color:#6d6767}
/* blog : titres des encarts de la colonne en Oswald condensé (prod) */
.mpp-sidebar-title{font-family:Oswald,Helvetica,Arial,sans-serif !important}
/* fiche : miniatures à la ligne, sans flèches de défilement (prod) */
#product #main .js-qv-mask.scroll{overflow:visible;width:100%}
#product #main .product-images.js-qv-product-images{display:flex;flex-wrap:wrap;gap:10px 0;width:auto !important;transform:none !important;margin-left:0}
#product #main .scroll-box-arrows{display:none !important}
@media(max-width:767px){
  #product #main .js-qv-mask.scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
  #product #main .product-images.js-qv-product-images{flex-wrap:nowrap}
  #product .product-images .thumb{width:98px;height:98px}
}
#product #main .js-qv-mask{width:100% !important;margin-left:0 !important;margin-right:0 !important}

/* ===== Repris tel quel du custom.css de la prod (main) : onglet d'avis lgcomments (MPP-236/293/270), pastille reCAPTCHA masquée avec sa mention (MPP-288), franchise de port (MPP-209) ===== */
@media (hover: hover) and (pointer: fine) and (min-width: 992px) {
  #widget_block.middleright {
    transform: translateX(calc(100% - 30px));
    transition: transform .25s ease;
  }
  #widget_block.middleright:hover,
  #widget_block.middleright:focus-within {
    transform: translateX(0);
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 992px) and (prefers-reduced-motion: reduce) {
  #widget_block.middleright { transition: none; }
}

/* MPP-270 — L'encart « Avis clients » du pied de page sur mobile.

   DEUX PROBLÈMES DISTINCTS, signalés par Jordan capture à l'appui.

   1. IL PASSAIT DEVANT L'EN-TÊTE. Sur mobile le module ne pose pas sa
      languette flottante : la même balise devient un bloc `position: relative`
      posé dans le pied de page. Il garde pourtant le `z-index: 9999` prévu
      pour la version flottante, si bien qu'en défilant il se peignait
      par-dessus l'en-tête collant, sur le logo et le champ de recherche.
      Mesuré à 390 px : bloc à y=77 sur un en-tête qui occupe 0 à 148.

   2. IL N'AVAIT PAS LE STYLE DE LA BOUTIQUE. Le module l'habille en ligne :
      une image de fond grise (`vertical-greylight.png`), une largeur de 80 px,
      un texte en Arial gris #777 tourné à la verticale. Dans un pied de page,
      une barre verticale grise ne veut rien dire — c'est la forme d'une
      languette flottante, pas d'un encart.

   Tout est en style EN LIGNE côté module, d'où les `!important` : ils ne sont
   pas une facilité, ils sont la seule prise. Et le module n'est pas versionné,
   donc on ne corrige pas chez lui.

   PORTÉE : sous 992 px uniquement. Au-dessus, la languette flottante et son
   escamotage de MPP-236 restent intacts. */
@media (max-width: 991px) {
    #widget_block.middleright {
        /* Le pied de page n'a pas besoin d'être au-dessus de tout. */
        z-index: 1 !important;
        position: relative !important;
        width: auto !important;
        max-width: 320px;
        margin: 1.25rem auto 0 !important;
    }

    /* On aplatit : le module empile un conteneur de 1 x 1 px et un bloc
       tourné à 90 degrés pour dessiner sa languette verticale. */
    #widget_block.middleright .block_content {
        width: auto !important;
        height: auto !important;
        background: #fbf7f2 !important;
        border: 1px solid #ece4d9;
        border-radius: 10px;
        padding: .85rem 1rem !important;
        margin: 0 !important;
    }

    #widget_block.middleright .block_content > div {
        position: static !important;
        width: auto !important;
        height: auto !important;
    }

    #widget_block.middleright .rotate {
        position: static !important;
        width: auto !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .35rem;
        font-family: Lato, Helvetica, Arial, sans-serif !important;
        font-size: .78rem !important;
        letter-spacing: .12em;
        line-height: 1.3 !important;
        color: #53412f !important;
    }

    #widget_block.middleright .rotate a {
        color: #53412f !important;
        text-decoration: none;
    }

    #widget_block.middleright .rotate a:hover { color: #a2643a !important; }

    /* Les étoiles reviennent sur une ligne, dans leur sens de lecture. */
    #widget_block.middleright .rotate img,
    #widget_block.middleright .block_content img[src*="star"] {
        display: inline-block;
        vertical-align: middle;
    }

    /* La croix de fermeture n'a plus de sens sur un encart de pied de page :
       il n'y a rien à dégager, il ne recouvre plus rien. */
    #widget_block.middleright .close_widget_block { display: none !important; }
}

/* MPP-288 — La pastille reCAPTCHA ne masque plus la quantité.
 *
 * Google la place en `position: fixed` en bas à gauche, z-index 9999. Sur la
 * fiche produit, elle se posait donc par-dessus la barre collante d'achat et
 * cachait le compteur de quantité : le client ne voyait plus combien il
 * commandait. Elle n'apparaissait pas à l'arrivée sur la page mais dès la
 * première interaction avec un formulaire, bdlazyrecaptcha (MPP-75) différant
 * son chargement — d'où un défaut qu'aucune recette de page ne voyait.
 *
 * ⚠️ ON NE PEUT PAS SE CONTENTER DE LA MASQUER. Les conditions de reCAPTCHA
 * l'autorisent à une seule condition : afficher à la place la mention Google et
 * ses deux liens. Elle est posée dans `themes/leo_flinque/templates/_partials/
 * footer.tpl`, rendu sur toutes les pages. Masquer la pastille sans la mention
 * mettrait la boutique en infraction avec les conditions du service.
 *
 * `visibility: hidden` et non `display: none` : c'est la méthode que Google
 * documente, et elle laisse le script fonctionner normalement.
 */
.grecaptcha-badge,
/* ⚠️ `advancedemailguard` FORCE la pastille visible, avec un sélecteur plus
   spécifique que le nôtre et un !important :
       #adveg-grecaptcha > .grecaptcha-badge { visibility: visible !important }
   Sans reprendre exactement ce sélecteur, notre règle perd en silence. */
#adveg-grecaptcha > .grecaptcha-badge {
    visibility: hidden !important;
}

.bd-recaptcha-mention {
    padding: 0 1rem 1.1rem;
    color: #8b8079;
    font-size: 11px;
    line-height: 1.5;
    text-align: center;
}

.bd-recaptcha-mention a {
    color: #8b8079;
    text-decoration: underline;
}

.bd-recaptcha-mention a:hover,
.bd-recaptcha-mention a:focus {
    color: #a2643a;
}

/* ─────────────────────────────────────────────────────────────────────────
   MPP-209 — Progression vers la franchise de port, dans le panier.

   Le bloc d'origine du theme (.leo_free_price) n'avait AUCUNE regle CSS :
   verifie sur custom.css, theme.css et les trois feuilles critiques de bdseo.
   Il n'avait jamais ete rendu, PS_SHIPPING_FREE_PRICE valant 0.

   Palette reprise du site : kraft #ece4d9 pour la bordure, encre #32241b pour
   le texte, et le vert n'est utilise que pour l'etat acquis.
   ───────────────────────────────────────────────────────────────────────── */
.mpp-franchise {
    margin: .75rem 0 .25rem;
    padding: .6rem .8rem;
    border: 1px solid #ece4d9;
    border-radius: 10px;
    background: #faf7f3;
}

.mpp-franchise p {
    margin: 0;
    font-size: .9375rem;
    line-height: 1.35;
    color: #32241b;
    text-align: center;
}

.mpp-franchise--acquise {
    border-color: #cfe3d4;
    background: #f2f8f4;
}

.mpp-franchise--acquise p {
    color: #2f6b45;
    font-weight: 600;
}

.mpp-franchise--acquise p::before {
    content: "\2713";
    margin-right: .4rem;
}

/* pied de page et newsletter sur téléphone (prod) : colonnes compactes séparées par un filet, liens 14 px, champ e-mail pleine largeur */
@media(max-width:767px){
  .footer-container .container{padding-top:20px;padding-bottom:20px}
  .footer-container .mpp-foot-col{padding:12px 15px 10px;border-top:1px solid #d9cdb7}
  .footer-container .mpp-foot-col h3{font-size:20px;line-height:22px;margin:0 0 8px}
  .footer-container .mpp-foot-col li{margin:0 0 5px}
  .footer-container .mpp-foot-col a,.footer-container li a{font-size:14px;line-height:18px}
  .mpp-nl-title{font-size:19px;line-height:21px}
  .block_newsletter input[type=email],.block_newsletter input[type=text]{width:100% !important;max-width:340px !important;flex:0 0 auto !important}
  .mpp-nl-btn,.block_newsletter button,.block_newsletter [type=submit]{width:auto}
}
.mpp-footer-bas .mpp-copyright,.mpp-footer-bas .mpp-recaptcha-mention{text-align:center}
@media(max-width:767px){
  .footer-container .mpp-footer{padding:0 20px;margin:0}
  .footer-container .container{padding-top:30px}
  .mpp-footer-bas .mpp-socials .mpp-soc svg{width:22px;height:22px}
  .mpp-footer-bas .mpp-copyright{font-size:13px}
}
.mpp-socials .mpp-soc,.mpp-footer-bas .mpp-socials .mpp-soc{color:#000}
.mpp-socials .mpp-soc:hover{color:#8d4b1d}
@media(max-width:767px){.footer-container .container{padding-top:0}.footer-container .mpp-footer{padding-top:30px}}
@media(max-width:767px){.footer-container{padding-top:0}}
@media(min-width:768px) and (max-width:991px){#product .product-images .thumb{width:62px;height:62px}}
/* fiche : interligne fixe de 15 px dans la colonne d'achat, comme la prod (hérité de son body) */
#product #main .bdf-colonne{line-height:15px}
/* classic pose margin-bottom:.625rem sur toutes les div de .product-prices (pas leo_flinque) : 20 px de trop dans les dégressifs */
#product .product-prices div{margin-bottom:0}
#product [id^=product-description-short] p{margin:0 0 10px}
#product [id^=product-description-short] ul{margin:0}
@media(min-width:768px){#product .mpp-product-tabs{margin-top:84px}}

/* suite relecture 3 : « Filtrer » masqué s'il n'y a pas de filtres Advanced Search (règle CSS, donc tenue après un re-rendu AJAX) ;
   pas de lien texte « Ajouter à la liste de souhaits » dans l'aperçu rapide (le cœur n'y existe pas) */
body:not(:has(#left-column .PM_ASBlockOutput)) .mpp-filtrer-wrap{display:none !important}
.modal .mpp-souhaits-lien-wrap{display:none}
/* vignettes sur téléphone : bouton pleine largeur de la carte, comme la prod */
@media(max-width:575px){:is(#js-product-list,.featured-products,.product-accessories) .mpp-list-form,:is(#js-product-list,.featured-products,.product-accessories) .mpp-list-addcart{display:block !important;width:100% !important}}
/* vignettes : la carte prend toute la colonne (320 px à 1440, comme la prod ; classic la bridait à 298) */
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .thumbnail-container{width:100% !important;max-width:none}
@media(max-width:575px){#js-product-list .products > .js-product{padding-left:15px;padding-right:15px}}
/* pied de page ordinateur : titres à 23 px du haut de la bande crème (prod) ; classic ajoutait 40 px de marge au conteneur */
@media(min-width:768px){.footer-container{padding-top:0}.footer-container .container{padding-top:23px;padding-bottom:20px}.footer-container .mpp-footer{padding-top:0}}

/* autocomplétion de la recherche (prod) : carte blanche arrondie sous le champ, vignette, nom et prix en gras ; au-dessus de l'en-tête collant.
   Sélecteurs au niveau de ps_searchbar.css pour le battre sans !important ; jQuery UI 1.10 marque l'élément du clavier par ui-state-focus. */
.ui-autocomplete.searchbar-autocomplete{z-index:1100;min-height:0;padding:8px 0;background:#fff;border:0;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.15);max-height:70vh;overflow-y:auto}
.ui-autocomplete.searchbar-autocomplete li a,.ui-autocomplete.searchbar-autocomplete li a.ui-state-focus{display:flex;align-items:center;gap:14px;margin:0;padding:6px 16px;border:0;border-radius:0;background:none;color:#555}
.ui-autocomplete.searchbar-autocomplete li a .autocomplete-thumbnail{flex:0 0 80px;width:80px;height:80px;object-fit:contain;margin:0;float:none}
.ui-autocomplete.searchbar-autocomplete .mpp-ac-txt{display:flex;flex-direction:column;gap:6px}
.ui-autocomplete.searchbar-autocomplete .product,.ui-autocomplete.searchbar-autocomplete .mpp-ac-prix{font-family:Helvetica,Arial,sans-serif;font-size:13px;font-weight:700;line-height:1.5;color:inherit}
.ui-autocomplete.searchbar-autocomplete li a:hover,.ui-autocomplete.searchbar-autocomplete li a.ui-state-focus,.ui-autocomplete.searchbar-autocomplete li a.ui-state-active{background:#f2ebdd;color:#492916;box-shadow:inset 3px 0 0 #8d4b1d}

/* fiche : cœur et bouton d'achat comme la prod (cœur brun sans ombre, survol crème ; vert de survol de bdfiche) */
.product-actions .wishlist-button-product{box-shadow:none;color:#8a6a4d}
.product-actions .wishlist-button-product i{color:inherit}
.product-actions .wishlist-button-product:hover,.product-actions .wishlist-button-product:focus-visible{color:#a2643a;background:#fbf3ec;border-color:#c69a6d !important;opacity:1}
.product-actions .wishlist-button-product:focus-visible{outline:2px solid #8d4b1d;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.wishlist-button-add,.wishlist-button-add *{transition:none !important}}
#product #main #add-to-cart-or-refresh .add-to-cart:hover,#product #main #add-to-cart-or-refresh .add-to-cart:focus-visible{background:#8dbf9b !important;border-color:#8dbf9b !important}
/* aperçu rapide : le libellé « Quantité » flotte à gauche sur toute la largeur et poussait compteur et bouton hors de la fenêtre (vu depuis la fiche) */
.modal .product-add-to-cart > .control-label{float:none}
/* fiche : colonnes image et achat avec 35 px de marge droite à partir de 1200 px comme la prod (colonne d'achat de 650 px à 1440) */
@media (min-width:1200px){#product #main .row:has(> .bdf-colonne) > .col-md-6{padding-right:35px}}

/* 29/10 — tunnel aux règles de la prod (theme.css de leo_flinque, lecture du 29/10 ; étapes 2 à 4 non visibles sur la prod
   sans commander) : chaque étape en carte blanche ombrée et bordée, numéro sans pastille (classic 8 : rond vert), coche
   rose #ffa7a5, « modifier » gris #acaaa6, adresses sur #f6f6f6 et adresse choisie bordée de #f7796e (classic 8 : turquoise),
   options de livraison sur #f6f6f6 avec le nom du transporteur masqué comme en prod (logo, délai, prix), récapitulatif en
   lien des conditions de rétractation en gras rouge #e64242 comme la prod. Comme dans la prod, seuls la coche, le
   titre d'étape (règle h3 globale), les montants et le lien des CGV valent à toutes les largeurs */
body#checkout section.checkout-step .step-title{padding-bottom:0;border:0;margin-top:-7px;font-family:lato,"Times New Roman",serif;font-size:13px;font-weight:400;letter-spacing:2px;line-height:1.1;text-align:center;text-transform:uppercase;color:#000}
body#checkout section.checkout-step .done{color:#ffa7a5}
#conditions-to-approve #cta-terms-and-conditions-1{font-weight:700;color:#e64242 !important}
body#checkout .cart-summary-line .label{font-weight:400}
#checkout-cart-summary div.aeuc_unit_price_label{display:block;font-size:.75rem;color:#878787}
/* le reste n'existe qu'à partir de 992 px dans le theme.css de la prod (bloc @media (min-width:992px)) */
@media(min-width:992px){
body#checkout section.checkout-step{background:#fff;border:1px solid #e5e5e5;box-shadow:2px 2px 11px 0 rgba(0,0,0,.1);padding:.9375rem;margin-top:1.25rem}
body#checkout section.checkout-step .carrier-delay{margin-left:-88px}
body#checkout section.checkout-step.-current+.checkout-step .step-title{padding-top:0;border-top:0}
body#checkout section.checkout-step .step-number,body#checkout section.checkout-step.-reachable.-current .step-number,body#checkout section.checkout-step.-current.-reachable.-complete .step-number{display:inline-block;width:auto;height:auto;margin:0;padding:.625rem;background:none;border:0;border-radius:0;color:inherit;font-size:inherit}
body#checkout section.checkout-step.-reachable.-complete .step-title .step-edit{color:#acaaa6}
body#checkout section.checkout-step small{color:#acaaa6}
body#checkout section.checkout-step .address-item{background:#f6f6f6;margin-bottom:.625rem}
body#checkout section.checkout-step .address-item.selected{background:#fff;border:3px solid #f7796e}
body#checkout section.checkout-step .delivery-option{background:#f6f6f6;padding:.9375rem 0;margin-bottom:.9375rem}
body#checkout section.checkout-step .carrier-name{display:none !important}
body#checkout section.checkout-step .carrier-delay{display:inline-block;text-align:left;word-break:break-word}
body#checkout section.checkout-step .payment-options .custom-radio{margin-right:1.25rem}
body#checkout section.checkout-step .payment-options .payment-option{margin-bottom:.5rem}
body#checkout section.checkout-step #conditions-to-approve{padding-top:1rem}
body#checkout section.checkout-step #conditions-to-approve ul{list-style:none}
body#checkout #cart-summary-product-list{font-size:.8125rem}
body#checkout #cart-summary-product-list img{width:3.125rem;border:1px solid #ebebeb}
}

/* 29/10 — fiche : bloc de personnalisation native aux mesures de la prod (sonde de la fiche 2359) : texte 12 px #3b3b3b,
   titre brun #8d4b1d en 16 px, libellés 13 px, champs #f8f8f8 en 12 px, « 250 caractères max » 9,6 px #acaaa6,
   bouton en pastille de 40 px, carte à 20 px de marge intérieure, 18 px au-dessus du bloc */
#product #main .product-customization{margin:18px 0 0}
#product #main .product-customization .card.card-block{padding:20px;font-size:12px;line-height:15px;color:#3b3b3b}
#product #main .product-customization .card-title{color:#8d4b1d !important;font-size:16px;line-height:17.6px} /* !important : la feuille critique en ligne de bdseo force .card-title en rose */
#product #main .product-customization label{font-size:13px;color:#3b3b3b}
#product #main .product-customization .product-message{background:#f8f8f8;font-size:12px}
#product #main .product-customization small{font-size:9.6px;color:#acaaa6}
#product #main .product-customization .btn-primary{padding:12px 25px;border:0;border-radius:40px;font-weight:700}

/* focus clavier visible sur les champs (consigne de Jordan : « états de focus visibles ») : l'ombre verte de la prod fait
   1,3:1 sur blanc et 1,1:1 sur le crème. Contour brun en :focus-visible (au clavier, et au clic dans les champs de saisie). */
.form-control:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #8d4b1d !important;outline-offset:1px}

/* fiche : bouton « Personnaliser » de productdesigner comme la prod (pastille brune de 40 px, 16 px gras, 12 × 25 px),
   placé par mpp.js entre les déclinaisons et la quantité */
#product #add-to-cart-or-refresh > #dsn-button{margin:0 0 20px}
#product #dsn-button .dsn-customize{padding:12px 25px;border:0;border-radius:40px;background:#8d4b1d !important;color:#fff !important;font-size:16px;font-weight:700;text-transform:none} /* !important : la règle verte des boutons de .product-actions l'est aussi */
#product #dsn-button .dsn-customize:hover,#product #dsn-button .dsn-customize:focus-visible{background:#9ec8a9 !important;color:#fff !important}

/* panier et récapitulatif (prod, sonde du 29/10, panier vide à 390 et 1440) : blocs à 20 px de marge intérieure, lignes
   12 px normales #3b3b3b espacées de 10 px (custom.css de la prod : .cart-summary-line .value en #3b3b3b), total sans
   marge propre, bouton Commander de 44 px ; carte de 218 px comme la prod */
.cart-summary .card-block{padding:20px !important}
.cart-summary .cart-summary-line{margin-bottom:10px;font-size:12px;line-height:16px}
.cart-summary .cart-summary-line .label,.cart-summary .cart-summary-line .value{font-size:12px;font-weight:400;line-height:16px;color:#3b3b3b}
.cart-summary .cart-summary-totals .cart-summary-line.cart-total,.cart-summary .cart-summary-line.cart-total{padding:0;border-top:0;margin-bottom:10px;line-height:16px}
.cart-summary .checkout .btn{height:44px}
/* « Produits populaires » du panier sur téléphone : deux par rangée comme la prod (pas sur la fiche : la prod y a un carrousel
   d'une vignette) */
@media(max-width:575px){#cart .featured-products .products > .js-product{width:50%;max-width:50%;flex:0 0 50%}}
/* panier : total en 13 / 12 px normaux comme la prod (classic 8 le met en gras 16 px), 8 px sous l'en-tête (prod), « Produits
   populaires » à 16 px du panier, titre 24 px (18 au téléphone) avec 45 px dessous ; boutons des vignettes pleine largeur
   au téléphone comme en catégorie */
.cart-summary .card-block.cart-summary-totals .cart-summary-line.cart-total .label{font-size:13px;font-weight:400}
.cart-summary .card-block.cart-summary-totals .cart-summary-line.cart-total .value{font-size:12px;font-weight:400}
#cart #wrapper{padding-top:8px}
#cart .featured-products{margin-top:16px}
#cart .featured-products .products-section-title{margin:10px 0 45px;font-size:24px}
@media(max-width:767px){#cart .featured-products .products-section-title{font-size:18px}}

/* 404 et recherche sans résultat, aux mesures de la prod (sonde du 29/10) : carte blanche ombrée à 16 px, texte 13 px
   #878787 ; champ de recherche précédé de « Rechercher... » (libellé de la prod, ajouté en CSS : le gabarit de ps_searchbar
   sert aussi à l'en-tête), 40 px, souligné de noir, loupe de 30 px à droite. Recherche sans résultat : pas de colonne de
   gauche vide (la prod n'en a pas), carte centrée sur toute la largeur, titre de 17 px à gauche. */
:is(#pagenotfound,#search) .page-not-found{padding:16px;font-size:13px;line-height:15px;color:#878787;box-shadow:2px 2px 11px 0 rgba(0,0,0,.1)}
.page-not-found .search-widgets{padding:15px 0}
.page-not-found .search-widgets::before{content:"Rechercher...";display:block;margin:0 0 10px;font-size:13px;line-height:15px;color:#878787}
#pagenotfound .page-not-found .search-widgets form,#search .page-not-found .search-widgets form{position:relative;display:block;border:0}
#pagenotfound .page-not-found .search-widgets input[type=text],#search .page-not-found .search-widgets input[type=text]{width:100%;height:40px;padding:12px 37px 12px 10px;font-size:12px;line-height:15px;color:#000;background:transparent;border:0;border-bottom:1px solid #000;border-radius:0}
#pagenotfound .page-not-found .search-widgets button,#search .page-not-found .search-widgets button{position:absolute;top:5px;right:0;width:30px;height:30px;padding:0;color:#000}
.page-not-found .search-widgets button svg{width:12px;height:14px}
body#search:has(.page-not-found) #left-column{display:none}
body#search:has(.page-not-found) #content-wrapper{width:100%;max-width:100%;flex:0 0 100%;margin-left:0}
#search .page-not-found .search-widgets{max-width:none;width:100%;float:none;margin:0}
#search h1,#search .h2.page-heading,#search #js-product-list-header h1{font-size:17px}

/* ===== Contrastes AA (décision de Jordan, 29.10) : texte ≥ 4,5:1, gros texte ≥ 3:1, dans la charte =====
   Mesure axe-core avant / après dans le rapport. Teintes retenues (rapport au fond) :
   gris des prix #898c91 → #666a6f (5,5:1) ; gris de texte #777 / #7a7a7a / #878787 / #8d8d8d / #999 / #9a9a9a → #6b6b6b
   (5,3:1) ; gris chaud de la fiche #8a8478 → #665f55 (5,3:1 sur crème) ; liens de la mention reCAPTCHA #8b8079 →
   #6e645d ; texte sur le vert #9ec8a9 : blanc (1,9:1) → vert foncé de la charte #24422f (6:1) ; hero, blanc sur jaune
   (1,6:1) → brun #492916 (8,2:1) ; texte sur le rose #ffa7a5 → #492916 (7:1) ; bandeaux de saison : orange #c25a22 →
   #a9481a, vert #4f7d59 → #3f6a48, cuivre #a2643a → brun #8d4b1d ; lien rouge des CGV #e64242 → #c0392b (5,4:1). */
:is(#js-product-list,.featured-products,.product-accessories,.products) .product-miniature .product-price-and-shipping,
:is(#js-product-list,.featured-products,.product-accessories,.products) .product-miniature .price,
.products .product-price,.product-miniature .product-price{color:#666a6f !important}
.product-miniature .regular-price,.product-prices .product-discount .regular-price,.regular-price{color:#6b6b6b !important}
.slide-container[itemtype*="Review"],.slide-container[itemtype*="Review"] *:not(.star):not([class*=star]),#index .slide-container .slide-title{color:#666 !important}
.all-product-link,.showing,.form-control-comment,.PM_ASCriterionNbProduct{color:#6b6b6b !important}
#product{--bdf-gris:#665f55}
.mpp-recaptcha-mention{color:#6b6b6b !important}
.mpp-recaptcha-mention a{color:#6e645d !important}
a[href$="#header"]{color:#666}
/* texte sur le vert de la charte */
.mpp-nl-title,.mpp-nl-sub,.mpp-nl-foot{color:#24422f !important}
.product-flags .product-flag,.product-flag,.discount,.product-flags .discount{color:#24422f !important}
#contact input[name=submitMessage],.btn-primary.add-to-cart,.add-to-cart{color:#24422f !important}
/* hero et rose */
.mpp-hero__title,.mpp-hero__subtitle{color:#492916 !important}
#contact .contact-form .group-span-filestyle .btn,#contact .contact-form .bootstrap-filestyle .btn,.buttonText{color:#492916 !important}
:is(#authentication,#registration,#password,#identity,#address) .input-group-btn .btn{background:#6b6b6b !important;border-color:#6b6b6b !important}
/* bandeaux de saison de l'accueil : bdseo pose la teinte en ligne (style="--bd-saison-accent:…") ; on la fonce ici, le
   module (partagé avec la prod) reste tel quel */
.bd-saison[style*="#c25a22"]{--bd-saison-accent:#a9481a !important}
.bd-saison[style*="#4f7d59"]{--bd-saison-accent:#3f6a48 !important}
.bd-saison[style*="#a2643a"]{--bd-saison-accent:#8d4b1d !important}
#conditions-to-approve #cta-terms-and-conditions-1{color:#c0392b !important}
#product #dsn-button .dsn-customize:hover,#product #dsn-button .dsn-customize:focus-visible{color:#24422f !important}
/* contrastes AA, deuxième passe (mesure du 29.10 sur la copie fraîche) : mention de la newsletter sans transparence, drapeaux et réductions sur le vert, liste de la fiche, « Retour en
   haut », compteurs des filtres */
/* liens du pied de page : brun #51321e de la prod (10,8:1 sur le crème) ; mes passes AA les avaient mis en gris */
.footer-container li a,.footer-container .mpp-foot-col a,.footer-container .links ul > li a,.footer-container a[data-bdc-rouvrir]{color:#51321e !important}
.footer-container li a:hover,.footer-container .mpp-foot-col a:hover,.footer-container .links ul > li a:hover,.footer-container a[data-bdc-rouvrir]:hover{color:#8d4b1d !important}
.mpp-nl-foot{opacity:1 !important}
ul.product-flags > li.product-flag,.product-miniature .product-flags .product-flag,.product-flags .product-flag.new,.product-miniature .discount-percentage,.product-miniature .discount-product,.discount-percentage{color:#24422f !important}
#product [id^="product-description-short"] li{color:#665f55 !important}
a[href$="#header"],a[href$="#header"] *{color:#666 !important}
.PM_ASCriterionNbProduct,.PM_ASCriterionDisable .PM_ASCriterionNbProduct{color:#6b6b6b !important}
/* … sauf « PROMO ! », sur fond brun : blanc (6,7:1) */
.product-flags li.product-flag.on-sale,.product-miniature .product-flags li.product-flag.on-sale,.product-flag.on-sale{color:#fff !important}

/* accueil, « Que cherchez-vous ? » aux mesures de la prod (sonde du 29.10, à partir du haut du titre) : filet 66 × 4 #8d4923
   à 59 px, icônes de 77 px de haut à 112 px, intitulés 20 px en interligne 22 à 213 px, descriptions 16 px 500 #492916 en
   interligne 19,2 sur 252 px à 250 px */
#index .mpp-tiles .mpp-section-title{margin:0 0 49px}
#index .mpp-tiles .mpp-section-title::after{width:66px;height:4px;margin:27px auto 0;background:#8d4923;border-radius:0}
#index .mpp-tiles .mpp-tiles__grid a{padding-top:0}
#index .mpp-tiles .mpp-tiles__ico-img{height:77px;margin:0 auto 24px}
#index .mpp-tiles .mpp-tiles__ttl{line-height:22px;margin:0 0 15px}
#index .mpp-tiles .mpp-tiles__sub{max-width:252px;padding:0 20px;font-size:16px;font-weight:500;line-height:19.2px;color:#492916 !important}

/* pied de page comme la prod (sonde du 29.10) : icônes réseaux = glyphes fa-facebook / fa-instagram (tracés en SVG) de 30 px en brun
   #492916, 25 px entre elles ; logos de paiement 50 × 34 espacés de 8 px */
.mpp-socials .mpp-soc,.mpp-footer-bas .mpp-socials .mpp-soc{color:#492916;margin:0 12.5px;width:30px;height:30px}
.mpp-socials .mpp-soc svg,.mpp-footer-bas .mpp-socials .mpp-soc svg{width:auto;height:30px;fill:currentColor}
@media(max-width:767px){.mpp-socials .mpp-soc svg,.mpp-footer-bas .mpp-socials .mpp-soc svg{height:22px}}
.mpp-pay img{width:50px;height:34px;margin:0 8px 8px 0;object-fit:contain}
/* colonnes du pied de page ordinateur au pas de la prod (262 px, liens tous les 30 px, 10 px sous le dernier lien) */
@media(min-width:992px){
  .footer-container .row.mpp-footer{margin-left:0;margin-right:0;padding-bottom:0}
  .footer-container .mpp-footer > .mpp-foot-col{padding-left:0;padding-right:0}
  .footer-container .mpp-foot-col li{margin-bottom:13px}
  .footer-container .mpp-foot-col li:last-child{margin-bottom:0}
  .footer-container > .container{padding-bottom:10px}
  .footer-container .mpp-foot-col ul{margin-bottom:0}
}
/* pointe du bandeau newsletter comme la prod : triangle blanc pointé vers le BAS, 44 × 20, collé au haut du bandeau
   (la v8 avait un petit triangle crème pointé vers le haut) */
.email_subscription.block_newsletter::before,.block_newsletter.email_subscription::before{content:"";position:absolute;top:0;left:50%;width:0;height:0;transform:translateX(-50%);border-style:solid;border-width:20px 22px 0 22px;border-color:#fff transparent transparent transparent}
/* accueil au téléphone : « Idées et conseils » en bande défilante de deux cartes, comme le carrousel de la prod (la v8
   empilait les quatre cartes en 2 × 2) ; défilement natif aimanté, sans JavaScript */
@media(max-width:767px){
  #index .mpp-blog-cards > .row{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  #index .mpp-blog-cards > .row::-webkit-scrollbar{display:none}
  #index .mpp-blog-cards > .row > [class*="col-"]{flex:0 0 50%;max-width:50%;scroll-snap-align:start}
}
/* l'encart « Avis clients » placé par mpp.js dans la rangée du pied de page : pleine largeur au téléphone */
@media(max-width:991px){.footer-container .mpp-footer > #widget_block{flex:0 0 100%;max-width:100%;text-align:center}.footer-container .mpp-footer > #widget_block > .block_content{display:inline-block;width:auto;max-width:100%}}

/* fiche, onglet « Caractéristiques » (sonde de la prod du 29.10) : « En stock » 12 px gras #6d6767, titre « Fiche technique »
   en Oswald noir (hébergé par bdseo), valeurs sans capitale forcée (« 7 cm »), pas de cadre de focus au clic sur un
   onglet (le contour reste au clavier) ; au téléphone, onglets espacés comme la prod (15 px dessus et dessous, 10 px de chaque côté) */
#product .product-quantities .label,#product #product-details .product-quantities label{font-size:12px;font-weight:700;color:#6d6767}
#product .data-sheet ~ .h6,#product #product-details p.h6,#product .product-features > p.h6{font-family:Oswald,"Helvetica Neue",Arial,sans-serif;font-size:15px;font-weight:700;color:#000}
#product .data-sheet dd.value{text-transform:none !important}
#product .nav-tabs .nav-link:focus:not(:focus-visible){outline:none}
@media(max-width:767px){
  #product .mpp-product-tabs .nav-tabs{padding:0}
  #product .nav-tabs .nav-item{padding:15px 0}
  #product .nav-tabs .nav-link{margin:0 10px !important}
}

/* contact comme la prod (sonde du 29.10, 1440) : conteneur de 1 400 px (classic : 1 140), carte à 20 px, formulaire à 16 px ;
   libellés 13 px #3b3b3b ; champs 38 px arrondis à 4 px en 15 px ; liste « Sujet » avec sa flèche ; champ du fichier gris
   #eceeef ; bouton « Choisir un fichier » de 34 px (texte brun : AA) ; bouton Envoyer 44 px en pastille */
#contact #wrapper > .container{width:100%;max-width:1400px}
#contact #content.page-content{padding:20px}
#contact .contact-form{padding:16px}
#contact .contact-form .form-control-label{font-size:13px;color:#3b3b3b}
#contact .contact-form .form-control{height:38px;font-size:15px;border-radius:4px}
#contact .contact-form textarea.form-control{height:82px}
#contact .contact-form select.form-control{border-radius:0;padding-right:32px;background:#f2ebde url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23492916'/%3E%3C/svg%3E") no-repeat right 12px center;-webkit-appearance:none;appearance:none}
#contact .contact-form .bootstrap-filestyle .form-control,#contact .contact-form .group-span-filestyle ~ .form-control,#contact .contact-form input.form-control[disabled]{background:#eceeef;border-radius:4px 0 0 4px}
#contact .contact-form .group-span-filestyle .btn,#contact .contact-form .bootstrap-filestyle .btn{height:34px;margin-top:2px;line-height:34px;padding-top:0;padding-bottom:0;border-radius:0 !important}
#contact .contact-form input[name=submitMessage]{height:44px;border:0;border-radius:40px}

/* fil d'Ariane 6 px plus haut, comme la prod (tout le haut de page suivait avec 6 px de décalage) ; sous 992 px, l'encadré de
   description de la catégorie s'arrête sous l'image comme en prod (la v8 gardait 41 px) */
#wrapper .breadcrumb{margin-top:-6px}
@media(max-width:991px){
  #category #js-product-list-header .block-category,#category .block-category.card-block{padding-bottom:0 !important}
  #category .block-category .category-cover{margin-bottom:0}
}
/* réductions (troisième relecture, 29.10) : texte blanc sur le brun comme la prod (6,6:1) ; prix remisé et « (-xx %) » des
   vignettes en brun #8d4b1d (6,6:1 sur blanc) au lieu du gris et du vert foncé */
#main .product-prices .discount,#main .has-discount .discount,.product-flags .product-flag.on-sale,ul.product-flags > li.product-flag.on-sale{color:#fff !important}
:is(#js-product-list,.featured-products,.product-accessories,.products,body) .product-miniature .product-price-and-shipping.has_discount .price,:is(#js-product-list,.featured-products,.product-accessories,.products,body) .product-miniature .product-price-and-shipping .discount-product,:is(#js-product-list,.featured-products,.product-accessories,.products,body) .product-miniature .discount-percentage{color:#8d4b1d !important}
/* survol des boutons bruns (fond vert de la charte) et conditions de la newsletter : vert foncé sur le vert (6:1), pas blanc (1,9:1) */
.btn-primary:not(.add-to-cart):hover,.btn-primary:not(.add-to-cart):focus-visible,.cart-summary a.btn-primary:hover{color:#24422f !important}
.mpp-nl-conditions,.mpp-nl-conditions a{color:#24422f !important;opacity:1 !important}
/* rangée de tri à 768-991 px comme la prod (mesures du 29.10) : « Trier par: » et la liste alignés en haut, sans flex,
   texte 12/15 px ; 12 px entre l'encadré de catégorie et la liste (25 px hérités de .card) */
@media (min-width:768px) and (max-width:991px){
  #js-product-list-top .sort-by-row{display:block;font-size:12px;line-height:15px}
  #js-product-list-top .sort-by-row > *{float:left}
  #js-product-list-top .sort-by-row .sort-by{font-size:14px;line-height:15px;text-align:left}
  #js-product-list-top .total-products p{margin:0 0 8px}
}
/* vignettes des listes en grille : nom, étoiles, prix et bouton calés en bas de la vignette, comme la prod (product-meta en
   margin-top:auto) ; sans cela, une vignette avec étoiles descendait son prix de 25 px sous ceux de sa rangée */
html:not(.mpp-list-mode) #js-product-list .products > .js-product{display:flex}
html:not(.mpp-list-mode) #js-product-list .products > .js-product > .product-miniature{width:100%;align-items:stretch}
html:not(.mpp-list-mode) #js-product-list .product-miniature .thumbnail-container{display:flex;flex-direction:column;width:100%}
html:not(.mpp-list-mode) #js-product-list .product-miniature .product-description{margin-top:auto}
@media (min-width:768px){
  html.mpp-list-mode #js-product-list .product-miniature .stars-container{text-align:left}
  html.mpp-list-mode #js-product-list .product-miniature .stars-container > div{margin-left:0 !important;margin-right:0 !important}
}
/* le mode liste n'existe qu'à partir de 768 px : au téléphone, la grille garde ses vignettes calées en bas même si
   « liste » est mémorisé */
@media (max-width:767px){
  html.mpp-list-mode #js-product-list .products > .js-product{display:flex}
  html.mpp-list-mode #js-product-list .products > .js-product > .product-miniature{width:100%;align-items:stretch}
  html.mpp-list-mode #js-product-list .product-miniature .thumbnail-container{display:flex;flex-direction:column;width:100%}
  html.mpp-list-mode #js-product-list .product-miniature .product-description{margin-top:auto}
}
/* tunnel : même en-tête que le site, recherche comprise (classic la masque sur #checkout ; la prod rend les mêmes hooks
   d'en-tête dans le tunnel que partout) */
body#checkout #_desktop_mpp_search .search-widgets{display:block}
/* téléphone : 8 px au-dessus du contenu comme la prod (25 px hérités de classic : toutes les pages 17 px plus bas) */
@media (max-width:767px){#wrapper{padding-top:8px}}
@media (max-width:767px){#product .product-container > .bdf-colonne{margin-top:15px}}  /* nom de la fiche 25 px sous les miniatures, comme la prod */
@media (max-width:991px){#category #left-column{margin-top:35px}}  /* prod : 35 px au-dessus de la colonne de gauche des catégories (pas recherche ni promotions) */
/* sous 992 px comme la prod : 12 px sous l'encadré de catégorie (25 hérités de .card), liste de tri de 41 px ; au
   téléphone, bouton « Filtrer » sans les 10 px de marge haute */
@media (max-width:991px){
  #category #js-product-list-header .block-category{margin-bottom:12px}
  #js-product-list-top .products-sort-order .select-title{height:41px;min-height:0}
  #category #category-description p{margin-bottom:16px}
}
@media (max-width:767px){#js-product-list-top .mpp-filtrer-wrap{padding-top:0}}
/* accueil : séparateur en pointillés crème de la prod (widget « divider » Creative Elements) entre deux rangées de produits ;
   30 px de part et d'autre, 10 px avant la rangée suivante, 1310 px au plus, centré sur la fenêtre (comme les rangées de
   bdseo), 20 px des bords (30 de 768 à 1199 px) ; mesures de la prod à 390, 768, 1280, 1440 et 1920 */
.mpp-sep-ce{--mpp-sep-l:min(1310px,calc(100vw - 40px));box-sizing:border-box;width:var(--mpp-sep-l);margin:0 0 10px calc(50% - var(--mpp-sep-l) / 2);padding:30px 0}
.mpp-sep-ce span{display:block;border-top:2px dashed #f2ebde}
@media (min-width:768px) and (max-width:1199px){.mpp-sep-ce{--mpp-sep-l:calc(100vw - 60px)}}  /* prod : 30 px des bords à 768 */
/* accueil, « Que cherchez-vous ? » sous 992 px comme la prod (mesures du 29.10 à 390 et 768 ; la règle de 1440 ci-dessus
   s'appliquait aussi au téléphone, en 16 px) : 3 colonnes à 768, 2 au téléphone ; icônes de 56-58 px de large centrées
   dans leur case ; nom 18/15 px, description 14/12 px */
@media (max-width:991px){
  #index .mpp-tiles .mpp-section-title{margin-bottom:26px}
  #index .mpp-tiles .mpp-tiles__grid{grid-template-columns:repeat(3,1fr);gap:37px 0;padding:0 15px}
  #index .mpp-tiles .mpp-tiles__grid a{padding:0 0 0}
  #index .mpp-tiles .mpp-tiles__ico-img{width:56px;height:62px;max-width:none;object-fit:contain;margin:0 auto 16px}
  #index .mpp-tiles .mpp-tiles__ttl{font-size:18px !important;line-height:19.8px;margin:0 0 11px}
  #index .mpp-tiles .mpp-tiles__sub{max-width:226px;padding:0 20px;font-size:14px;line-height:16.8px}
  #index .mpp-tiles{padding-bottom:15px}
}
@media (max-width:767px){
  #index .mpp-tiles .mpp-tiles__grid{grid-template-columns:repeat(2,1fr);gap:46px 0;padding:0 5px}
  #index .mpp-tiles .mpp-tiles__ico-img{width:58px;height:64px;margin-bottom:14px}
  #index .mpp-tiles .mpp-tiles__ttl{font-size:15px !important;line-height:16.5px}
  #index .mpp-tiles .mpp-tiles__sub{max-width:165px;padding:0 20px;font-size:12px;line-height:14.4px}
  #index .mpp-tiles{padding-bottom:25px}
}
/* accueil : bande crème de « Que cherchez-vous ? » à 88 px sous les top ventes et titre 60 px plus bas dès 992 px, 48 et
   50 px à 768 (prod, 1280 à 1920 et 768) */
@media (min-width:992px){#index .mpp-tiles{margin-top:88px;padding-top:60px}}
@media (min-width:768px) and (max-width:991px){#index .mpp-tiles{margin-top:48px;padding-bottom:12px}}
/* accueil : première rangée à 60 px sous le bandeau d'accueil dès 992 px, comme la prod (40 px hérités) ; au téléphone,
   la prod est à 50 px d'un bandeau 4 px plus haut */
@media (min-width:992px){#index .mpp-hero{margin-bottom:60px}}
@media (max-width:767px){#index .mpp-hero{margin-bottom:54px}}
/* contrastes AA, troisième passe (29.10, axe-core connecté) : textes gris du tunnel (#7a7a7a, 4,3:1) et bouton « Montrer »
   → gris de la charte #6b6b6b (5,3:1) ; liens de « Mon compte » plus haut (règle de 992 px). Les étapes à venir restent
   estompées comme en prod (classic, éléments inactifs) */
#checkout .text-muted,#checkout .step-edit,#checkout section.checkout-step .payment-options + * p,#checkout .cart-summary-products p,#checkout a[data-link-action="show-login-form"],#checkout #payment-option-1-additional-information p,#checkout .js-additional-information p,#checkout [data-toggle="modal"]{color:#6b6b6b !important}
#checkout .input-group-btn .btn{background:#6b6b6b !important;border-color:#6b6b6b !important}
/* vignettes : nom suivi de 10 px avant les étoiles ou le prix, case du nom de 64 px au moins dès 992 px (prod, 390 à 1920) */
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .product-description .product-title{margin-bottom:10px}
@media (min-width:992px){:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .product-description .product-title{min-height:64px}}
@media (max-width:991px){:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .mpp-list-add{padding-top:16px}}  /* prod : bouton 36 px sous le prix sous 992 px */
/* couleurs de texte remises à la prod (comparaison texte par texte du 29.10, 5 pages) : la description de catégorie
   SEO de bdseo (bas de catégorie) et le paragraphe court de la fiche passaient l'AA en prod (#3b3b3b, #262626) et avaient
   été éclaircis par mes passes AA ; texte des pages CMS #4a4a4a comme les spans de Creative Elements en prod */
#product [id^="product-description-short"] p{color:#262626 !important}
.bd-category-seo{color:#3a3330}
.bd-category-seo p,.bd-category-seo li{color:#3b3b3b}
/* « Tous les produits » sous les produits populaires (panier) : bouton vert de la prod (190 × 48, rayon 40, Lato 16 gras),
   texte vert foncé au lieu de blanc pour l'AA, comme les autres boutons sur le vert */
.featured-products .all-product-link{display:inline-flex;align-items:center;padding:12px 25px;border-radius:40px;background:#9ec8a9;color:#24422f !important;font-family:'Lato',Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;line-height:20px;text-decoration:none}
.featured-products .all-product-link:hover,.featured-products .all-product-link:focus-visible{background:#8ab696;color:#24422f !important}
/* arbre des catégories de la colonne de gauche (promotions, recherche…) comme la prod : rubriques en 13 px fin, gris foncé
   #2f333a, espacées de 1 px, rangées de 35 px, puce carrée de 5 px et flèche grise à droite (caret de Font Awesome en prod,
   dessiné ici en CSS) ; classic les mettait en 16 px brun gras avec des « + » */
#left-column .block-categories .category-sub-menu > li[data-depth="0"]{position:relative;padding-left:20px}
#left-column .block-categories .category-sub-menu > li[data-depth="0"]::after{content:"";position:absolute;left:0;top:15px;width:5px;height:5px;background:rgba(47,51,58,.3)}
#left-column .block-categories .category-sub-menu > li[data-depth="0"] > a{display:inline-block;padding:10px 0;font-family:Helvetica,Arial,sans-serif !important;font-size:13px !important;font-weight:300 !important;line-height:15px !important;letter-spacing:1px;text-transform:uppercase;color:#2f333a !important}
#left-column .block-categories .category-sub-menu > li[data-depth="0"] > a:hover{color:#8c4a12 !important}
#left-column .block-categories .category-sub-menu > li[data-depth="0"] > .collapse-icons{position:absolute;right:5px;top:15px;width:10px;height:15px;margin:0;padding:0;cursor:pointer}
#left-column .block-categories .category-sub-menu > li[data-depth="0"] > .collapse-icons i{display:none !important}
#left-column .block-categories .category-sub-menu > li[data-depth="0"] > .collapse-icons::before{content:"";position:absolute;left:3px;top:3px;border-left:5px solid #898c91;border-top:5px solid transparent;border-bottom:5px solid transparent}
#left-column .block-categories .category-sub-menu > li[data-depth="0"] > .collapse-icons[aria-expanded="true"]::before{left:0;top:5px;border-top:5px solid #898c91;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:0}
#left-column .block-categories .category-top-menu > li > .category-sub-menu{margin-top:8px}
#left-column .block-categories .category-sub-menu > li[data-depth="0"] > a{margin:0}
/* typographie remise à la prod (comparaison texte par texte du 29.10 à 390 et 1440, spec typo) */
@media (min-width:1025px){#index .mpp-hero__title{font-size:50px}}
@media (max-width:767px){#index .mpp-hero__title{color:#3a2213 !important}}  /* prod au téléphone : brun #3a2213 (14,8:1), pas le blanc du bureau */
#lgcomments-owl .slide-comment{font-size:12px;line-height:15px}
#index #w-title a,#index #w-more a{line-height:15px}
.bd-saison-titre,.bd-saison-titre a{font-family:'Lato',Helvetica,Arial,sans-serif}
.bd-saison-surtitre{line-height:15px}
.bd-saison-chapo a.bd-saison-guide{line-height:15px}
.bd-category-seo h2{font-family:'Lato',Helvetica,Arial,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:2px}
.bd-category-seo .bd-faq h3{font-family:'Lato',Helvetica,Arial,sans-serif}
#product #description .product-description h2{font-weight:400}
#product [id^="product-description-short"] p{font-size:14.08px;line-height:21.824px}
@media (max-width:767px){#product .product-accessories .products-section-title{font-size:18px;line-height:19.8px}}
#cart .cart-grid-body > a.label{font-size:13px;line-height:15px}
#cart .cart-detailed-totals .cart-summary-line .label{font-size:13px;line-height:15px}
.footer-container .mpp-footer h3{letter-spacing:0}
@media (max-width:767px){.footer-container .mpp-footer h3{line-height:20px}.footer-container .mpp-foot-col a,.footer-container li a{line-height:15px}}
.block_newsletter .mpp-nl-title{letter-spacing:.2px}
.mpp-footer-bas .mpp-copyright{line-height:1}
.mpp-footer-bas .mpp-recaptcha-mention{font-size:11px;line-height:16.5px}
@media (max-width:767px){
  .block_newsletter .mpp-nl-title{font-size:20px;line-height:20px}
  .mpp-footer-bas .mpp-copyright{font-size:12px}
  .footer-container .mpp-footer .mpp-foot-col li a:is([href*="tarif-professionnels"],[href*="tarif-association"]){font-size:16px}  /* prod : « Nos Clients » en 16 px au téléphone */
}
/* typographie à 768 px comme la prod (comparaison texte par texte à 768 ; Creative Elements passe en mode tablette) */
@media (min-width:768px) and (max-width:991px){
  .footer-container .mpp-foot-col a,.footer-container li a{font-size:14px}
  .footer-container .mpp-footer .mpp-foot-col li a:is([href*="tarif-professionnels"],[href*="tarif-association"]){font-size:16px}
  .footer-container .mpp-footer h3{font-size:20px;line-height:20px}
  .mpp-footer-bas .mpp-copyright{font-size:14px}
  .block_newsletter .mpp-nl-title{font-size:22px;line-height:22px}
  #index .mpp-tiles .mpp-section-title,#index .mpp-blog-cards .mpp-section-title{font-size:22px !important;line-height:22px}
  #index .mpp-postcard__title{font-size:17px;line-height:20.4px}
  #index .mpp-blog-cards .mpp-btn-blog{font-size:15px;line-height:15px}
  #js-product-list-top .total-products p{font-size:14px}
  #js-product-list .pagination > div:first-child{font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:15px;color:#3b3b3b}
}
@media (min-width:768px) and (max-width:991px){#product .product-accessories .products-section-title,#cart .featured-products .products-section-title{font-size:18px;line-height:19.8px}}
@media (max-width:767px){#cart .featured-products .products-section-title{font-size:18px;line-height:19.8px}}
/* accueil, « Idées et conseils » : bande défilante comme le carrousel de la prod, 3 cartes de 216 px (images de 190 px) à
   768, cartes de 160 px au téléphone, 30 px entre les cartes, points dessous (mesures de la prod du 29.10) */
@media (min-width:768px) and (max-width:991px){
  #index .mpp-blog-cards > .row{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  #index .mpp-blog-cards > .row > [class*="col-"]:first-child{margin-left:15px}
  #index .mpp-blog-cards > .row{scroll-padding-left:15px}
  #index .mpp-blog-cards > .row::-webkit-scrollbar{display:none}
  #index .mpp-blog-cards > .row > [class*="col-"]{flex:0 0 246px;max-width:246px;scroll-snap-align:start}
  #index .mpp-postcard__img{height:190px}
}
@media (max-width:575px){
  #index .mpp-blog-cards > .row > [class*="col-"]:first-child{margin-left:5px}
  #index .mpp-blog-cards > .row{scroll-padding-left:5px}
  #index .mpp-blog-cards > .row > [class*="col-"]{flex:0 0 190px;max-width:190px}
}
.mpp-blog-dots[hidden]{display:none}
@media (max-width:991px){#index .mpp-blog-cards .mpp-section-title{margin-bottom:43px}}  /* images 90 px sous le titre, comme la prod */
/* téléphone et 768, sous « Idées et conseils » (prod, 29.10) : points 30 px plus bas, 35 px entre « Lire le blog » et « Derniers
   avis », avis en carte de 320 px à 35 px du bord */
@media (max-width:991px){
  #index .mpp-blog-dots{margin-top:calc(1.1rem + 30px)}
  #index .mpp-blog-cards{margin-bottom:4px}
  #index #lgcomments-owl.owl-carousel{margin-top:-7px}
}
@media (max-width:767px){#index #lgcomments-owl.owl-carousel{margin-left:20px;margin-right:20px}}
/* 768-991 px : trois avis visibles comme le carrousel de la prod (Owl : 3 de 768 à 991), cartes de 206 px tous les 236 px,
   la première à 45 px du bord */
@media (min-width:768px) and (max-width:991px){
  #index #lgcomments-owl.owl-carousel{gap:30px;margin-left:30px;margin-right:0}
  #index #lgcomments-owl.owl-carousel .item{flex-basis:206px !important;max-width:206px !important}
}
#lgcomments-owl .slide-title{height:auto;min-height:40px}  /* lgslider.css fige 40 px : un titre sur trois lignes chevauchait les étoiles */
/* fiche au téléphone, « Vous aimerez aussi » : un produit par vue avec flèches ‹ › comme le carrousel de la prod (titre
   40 px sous le haut du bloc, bouton à sa largeur, flèches blanches de 30 px à mi-image) */
.mpp-fleche{display:none}
@media (max-width:767px){
  #product .product-accessories{position:relative;padding-top:30px}
  #product .product-accessories .products{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  #product .product-accessories .products::-webkit-scrollbar{display:none}
  #product .product-accessories .products > .js-product{flex:0 0 100%;max-width:100%;scroll-snap-align:start}
  #product .product-accessories .mpp-list-form,#product .product-accessories .mpp-list-addcart{display:inline-block !important;width:auto !important}
  #product .product-accessories .mpp-fleche{display:block;position:absolute;top:364px;z-index:2;width:30px;height:30px;padding:0;border:1px solid rgba(0,0,0,.5);background:#fff;color:#3b3b3b;font-size:20px;line-height:26px;text-align:center;cursor:pointer}
  #product .product-accessories .mpp-fleche--prec{left:-15px}
  #product .product-accessories .mpp-fleche--suiv{right:-15px}
}
/* fiche à 768 : « Vous aimerez aussi » en trois colonnes de 226 px, titre à 40 px du haut du bloc (30 + sa marge), comme la prod */
@media (min-width:768px) and (max-width:991px){
  #product .product-accessories{padding-top:30px}
  #product .product-accessories .products > .js-product{flex:0 0 33.3333%;max-width:33.3333%}
}
/* points des bandes défilantes : masqués quand tout tient, point inactif à 3:1 (#8c8c8c), zone de clic de 24 px autour
   du point de 11 px */
.mpp-avis-dots[hidden]{display:none}
.mpp-avis-dots{gap:13px}
.mpp-avis-dots button{position:relative;background:#8c8c8c}
.mpp-avis-dots button::before{content:"";position:absolute;inset:-7px}
.mpp-avis-dots button.active{background:var(--mpp-brown)}
/* arbre des catégories : sous-rubriques comme leur parent (13 px fin), libellés longs à distance de la flèche */
#left-column .block-categories .category-sub-menu > li[data-depth="0"]{padding-right:20px}
#left-column .block-categories .category-sub-menu li[data-depth="1"] > a{font-family:Helvetica,Arial,sans-serif !important;font-size:13px !important;font-weight:300 !important;line-height:15px !important;text-transform:none;color:#2f333a !important;padding:6px 0}
/* bandeau d'accueil au téléphone : sous-titre brun #3a2213 comme le titre (prod) */
@media (max-width:767px){#index .mpp-hero__subtitle{color:#3a2213 !important}}
/* espace client et 404 : gris de la prod sous l'AA (#878787 3,6:1, #999 2,8:1) → #6b6b6b */
.page-customer-account #content,.page-addresses .address,.page-addresses .address a,.page-addresses .address-footer a,#history .order h3,#history .orders .order a h3{color:#6b6b6b !important}
.page-addresses .addresses-footer a,.page-addresses .addresses-footer a:hover{color:#6b6b6b !important}
.page-order-detail .table thead th,.page-order-detail thead.thead-default th{color:#555 !important}  /* #7a7a7a sur #f6f6f6 3,97:1 → #555 (6,9:1) */
.page-order-detail .order-message-form header p{color:#6b6b6b !important}
/* titres de page comme la prod (mesure du 29.10, 8 pages à 390 et 1440) : Lato 24 px fin en capitales espacées de 2 px,
   noir (connexion, création de compte, CMS, 404, espace client, contact) ; 17 px sur les listes (recherche, promotions,
   nouveautés, meilleures ventes, marques) ; le panier (22 px), la catégorie et la fiche ont les leurs */
:is(#authentication,#registration,#password,#cms,#pagenotfound,#identity,#address,#addresses,#history,#order-detail,#order-slip,#discount,#order-follow,#my-account,#module-psgdpr-gdpr,#contact) #main h1{font-family:'Lato',Helvetica,Arial,sans-serif !important;font-size:24px !important;font-weight:400 !important;letter-spacing:2px !important;line-height:26.4px !important;text-transform:uppercase;color:#000 !important}
:is(#search,#prices-drop,#new-products,#best-sales,#manufacturer,#supplier) #main h1{font-family:'Lato',Helvetica,Arial,sans-serif !important;font-size:17px !important;font-weight:400 !important;letter-spacing:2px !important;line-height:18.7px !important;text-transform:uppercase;color:#000 !important}
#pagenotfound #wrapper{padding-top:8px}  /* 404 sans fil d'Ariane : 8 px sous l'en-tête comme la prod (25 px de classic) */
/* contact (prod) : libellés en interligne 15 px, « optionnel » en 12 px, titre du formulaire en 13 px au téléphone */
#contact .contact-form .form-control-label{line-height:15px}
#contact .contact-form .form-control-comment{font-size:12px;line-height:15px}
@media (max-width:767px){#contact .contact-form .form-fields h3{font-size:13px;line-height:14.3px}}
@media (max-width:991px){#js-product-list .pagination > div:first-child{color:#3b3b3b !important}}
@media (max-width:767px){#js-product-list .pagination > div:first-child{font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:15px}}
/* survols comme la prod (mesure du 29.10) : « Lire le blog » et « Recevoir ma réduction » s'inversent (crème sur brun),
   « Je personnalise mon emballage » passe au crème bordé de brun (au lieu du vert des boutons bruns) */
#index .mpp-blog-cards .mpp-btn-blog:hover,#index .mpp-blog-cards .mpp-btn-blog:focus-visible{background:#492916 !important;color:#f2ebde !important;border-color:#f2ebde !important}
.block_newsletter .mpp-nl-btn:hover,.block_newsletter .mpp-nl-btn:focus-visible{background:#4a2916 !important;color:#f2ebde !important;border-color:#f2ebde !important}
#index .mpp-hero .mpp-hero__cta:hover,#index .mpp-hero .mpp-hero__cta:focus-visible{background:#f2ebde !important;color:#492916 !important;border-color:#492916 !important}
/* survols des vignettes et de la fiche comme la prod : bouton vert #9dc999 (texte foncé gardé pour l'AA), nom sans
   changement, cœur des favoris #292626 puis brun ; libellés des déclinaisons #3b3b3b */
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .mpp-list-addcart:hover{background:#9dc999 !important;border-color:#9dc999 !important}
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .product-title a:hover{color:#3b3b3b !important}
.product-miniature .wishlist-button-add{color:#292626 !important;opacity:1 !important}
.product-miniature .wishlist-button-add:hover,.product-miniature .wishlist-button-add:focus-visible{color:#8d4b1d !important;opacity:1 !important}
.product-miniature .wishlist-button-add i{color:inherit !important}
#product .product-variants .input-container label,#product .product-variants li label{color:#3b3b3b}
/* « Idées et conseils » dès 992 px : bande de 4 cartes visibles sur 5 articles avec points, comme le carrousel de la prod ;
   images 100 px sous le titre */
@media (min-width:992px){
  #index .mpp-blog-cards > .row{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  #index .mpp-blog-cards > .row::-webkit-scrollbar{display:none}
  #index .mpp-blog-cards > .row > [class*="col-"]{flex:0 0 25%;max-width:25%;scroll-snap-align:start}
  #index .mpp-blog-cards .mpp-section-title{margin-bottom:43px}
  #index .mpp-blog-dots{margin-top:calc(1.1rem + 30px)}
}
/* fiche : « Vous aimerez aussi » avec 30 px en bas (et en haut dès 992 px), comme la prod (onglets : règles plus haut) */
#product .product-accessories{padding-bottom:30px}
@media (min-width:992px){#product .product-accessories{padding-top:30px}}
.product-miniature .wishlist-button-add:focus-visible{outline:2px solid #8d4b1d;outline-offset:2px}
/* article du blog comme la prod (comparaison texte par texte du 29.10) : paragraphes #3b3b3b (la v8 avait le #7a7a7a de
   classic, 4,3:1), produits liés non gras, dates en interligne 15 px, gras des encadrés en 700, « Dans la même catégorie »
   en capitales fines espacées */
.blog-description .bd-section p,.blog-description .bd-section li,.blog-description .bd-conclusion p{color:#3b3b3b}
.bd-related .bd-related-name{font-weight:400}
.mpp-sidebar-posts .mpp-sidebar-date{line-height:15px}
.bd-section.bd-highlight li{font-weight:400;color:#3a3330}
.bd-section.bd-highlight strong{font-weight:700;color:#3a3330}
.blog-detail .extra-blogs h4{font-weight:400;text-transform:uppercase;letter-spacing:1px;color:#000}
body[id^="module-leoblog"] #main :is(h1,h2,h3,h4){font-family:'Lato',Helvetica,Arial,sans-serif}
body[id^="module-leoblog"] .mpp-comment-form-title{font-family:'Lato',Helvetica,Arial,sans-serif}
.mpp-newsletter-box strong,.mpp-newsletter-box .mpp-newsletter-link,#right-column .tree li > a span{line-height:15px}
/* fiche (pack, prix à l'unité) comme la prod : quantités du pack #3b3b3b, titres de la description courte en 17 px fin
   noir, prix à l'unité de la fiche en Oswald, prix à l'unité des vignettes 12 px #3b3b3b (#7a7a7a de classic, 4,3:1) */
#product .pack-product-quantity span{color:#3b3b3b}
#product .product-information [id^="product-description-short"] h2{font-family:'Lato',Helvetica,Arial,sans-serif !important;font-size:17px !important;font-weight:400 !important;line-height:18.7px !important;letter-spacing:2px;text-transform:uppercase;color:#000 !important}
#product .product-prices .product-unit-price.sub{font-family:Oswald,'Helvetica Neue',Arial,sans-serif}
.product-miniature .product-price-and-shipping .product-unit-price.sub{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:12px;line-height:15px;color:#3b3b3b}
@media (min-width:992px){.product-miniature .product-price-and-shipping .product-unit-price.sub{line-height:20px}}
#lgcomments-owl:focus-visible,#index .mpp-blog-cards > .row:focus-visible{outline:2px solid #8d4b1d;outline-offset:4px}
/* vignettes des listes et du panier : 58 px sous le bouton (50 au téléphone) et 30 px entre les rangées, comme la prod
   (v8 : 26 et 24) ; « Vous aimerez aussi » garde les siens (mesurés à part) */
:is(#js-product-list,.featured-products) .product-miniature{margin-bottom:30px}
html:not(.mpp-list-mode) #js-product-list .product-miniature .thumbnail-container,html:is(.mpp-list-mode,:not(.mpp-list-mode)) :is(#wrapper,#footer) .featured-products .product-miniature .thumbnail-container{padding-bottom:48px}
@media (max-width:767px){html:is(.mpp-list-mode,:not(.mpp-list-mode)) :is(#js-product-list,#wrapper .featured-products,#footer .featured-products) .product-miniature .thumbnail-container{padding-bottom:39px}}  /* pas de mode liste au téléphone ; les produits populaires n'en ont jamais */
/* produits populaires (panier) : nom, étoiles, prix et bouton calés en bas de la vignette comme la prod, comme les listes */
.featured-products .products > .js-product{display:flex}
.featured-products .products > .js-product > .product-miniature{width:100%;align-items:stretch}
.featured-products .product-miniature .thumbnail-container{display:flex;flex-direction:column;width:100%}
.featured-products .product-miniature .product-description{margin-top:auto}
/* pages CMS venues de Creative Elements (Livraison, Mentions, CGV, À propos, SAV, Tarifs pro et associations ; les autres
   gardent le thème) comme la prod : bloc de 1 310 px au plus à 10 px du bord, texte et listes
   12/15 px, listes sans puce sous 992 px, à puces avec 30 px de retrait au-delà */
#cms #content.page-cms:is(.page-cms-1,.page-cms-2,.page-cms-3,.page-cms-15,.page-cms-21,.page-cms-20,.page-cms-22){max-width:1310px;margin-left:auto;margin-right:auto;padding:10px 10px}
@media (min-width:992px){#cms #content.page-cms:is(.page-cms-1,.page-cms-2,.page-cms-3,.page-cms-15,.page-cms-21,.page-cms-20,.page-cms-22){padding-top:30px;padding-bottom:30px}}
#cms #content:is(.page-cms-1,.page-cms-2,.page-cms-3,.page-cms-15,.page-cms-21,.page-cms-20,.page-cms-22) :is(p,li,ul){font-size:12px;line-height:15px}
#cms #content:is(.page-cms-1,.page-cms-2,.page-cms-3,.page-cms-15,.page-cms-21,.page-cms-20,.page-cms-22) ul{list-style:none;padding-left:0;margin-bottom:16px}
@media (min-width:992px){#cms #content:is(.page-cms-1,.page-cms-2,.page-cms-3,.page-cms-15,.page-cms-21,.page-cms-20,.page-cms-22) ul{list-style:disc;padding-left:30px}}
#cms #content:is(.page-cms-1,.page-cms-2,.page-cms-3,.page-cms-15,.page-cms-21,.page-cms-20,.page-cms-22) h2{font-family:'Lato',Helvetica,Arial,sans-serif !important;font-size:17px !important;font-weight:400 !important;line-height:18.7px !important;letter-spacing:2px;text-transform:uppercase;color:#000 !important;text-align:left}
#cms #content:is(.page-cms-1,.page-cms-2,.page-cms-3,.page-cms-15,.page-cms-21,.page-cms-20,.page-cms-22) h3{font-family:'Lato',Helvetica,Arial,sans-serif !important;font-size:13px !important;font-weight:400 !important;line-height:14.3px !important;letter-spacing:2px;text-transform:uppercase;color:#000 !important}
/* pages Tarifs pro et associations (recomposées depuis Creative Elements) : titre en 600, images en 4 colonnes dès 768 px
   (1 colonne au téléphone), légende centrée 12/15 px brun dessous, comme la prod */
#cms #content.page-cms .mpp-ce-titre{font-weight:600 !important;margin-bottom:17px}
#cms #content.page-cms .mpp-ce-espace{margin-bottom:20px}  /* marge de 20 px de CE sous chaque bloc */
#cms #content.page-cms .mpp-ce-images{display:grid;grid-template-columns:repeat(4,1fr);margin:50px 0 10px}
#cms #content.page-cms .mpp-ce-images figure{margin:0;padding:0 10px}
#cms #content.page-cms .mpp-ce-images img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
#cms #content.page-cms .mpp-ce-images figcaption{font-size:12px;line-height:15px;color:#492916;text-align:center}
@media (max-width:767px){#cms #content.page-cms .mpp-ce-images{grid-template-columns:1fr;margin-bottom:-10px}#cms #content.page-cms .mpp-ce-images figure{margin-bottom:20px}}
#js-product-list-top .showing{color:#3b3b3b !important}  /* « Affichage x-y de z » : #3b3b3b de la prod (lisible), pas le gris de ma passe AA */

/* ===== Pied de page et newsletter au pas de la prod (nuit du 30.10, sonde du bas de l'accueil à 768, 1000 et 1440 px) =====
   Ordinateur (dès 1025 px) : bandeau newsletter de 248 px comme la prod (titre à 33 px du haut, texte 20 px sous le titre,
   champ 31 px sous le texte, mention 46 px sous le champ, 16 px dessous ; la v8 faisait 271 px) ; titres de la bande
   crème à 30 px de son haut (23) ; logos de paiement à 8 px d'écart (l'espace entre les balises en ajoutait 4). */
.mpp-pay{display:flex;flex-wrap:wrap;gap:8px}
.mpp-pay img{margin:0}
@media (min-width:1025px){
  .block_newsletter{padding-top:33px;padding-bottom:16px}
  .block_newsletter .mpp-nl-title{margin-bottom:10px}
  .block_newsletter .mpp-nl-sub{margin-bottom:31px}
  .block_newsletter .mpp-nl-foot{margin:36px 0 0}
  .footer-container .container{padding-top:30px;padding-bottom:8px}
}
/* bas blanc dès 768 px (prod) : réseaux 20 px sous la bande crème, copyright 23 px sous les réseaux, mention reCAPTCHA
   20 px sous le copyright, 17 px dessous */
@media (min-width:768px){
  .mpp-footer-bas{padding:20px 0 17px}
  .mpp-footer-bas .mpp-socials{margin:0 0 23px}
  .mpp-footer-bas .mpp-copyright{margin:0 0 20px}
  .mpp-footer-bas .mpp-recaptcha-mention{margin-top:0}
}
/* 768 à 1024 px, palier tablette de Creative Elements en prod (la v8 passait en mode ordinateur dès 992 px) :
   - newsletter : titre à 43 px du haut, texte à 35 px sous le titre et sur la largeur de la prod (30 px des bords, 40 à
     droite dès 992), champ 16 px dessous, mention 46 px sous le champ, 56 px dessous (303 px à 1000, 307 à 768) ;
   - bande crème : deux rangées de trois colonnes comme la prod (L'officiel centré, l'encart « Avis clients » au milieu
     sous 992 px, Nos Clients à gauche ; puis Paiements, Info livraison et Contact centrés sous un filet brun à 19 %),
     titres à 40 px du haut, liens de 14 px tous les 23 px (Nos Clients 16 px tous les 25) ;
   - bas : icônes des réseaux de 22 px, copyright 18 px dès 992 (14 en dessous). */
@media (min-width:768px) and (max-width:1024px){
  .block_newsletter{padding:43px 30px 56px}
  .block_newsletter .mpp-nl-title{margin-bottom:25px}
  .block_newsletter .mpp-nl-sub{margin-bottom:16px}
  .block_newsletter .mpp-nl-foot{margin:36px 0 0}
  .footer-container .container{width:100%;max-width:none;padding:40px 15px 0}
  .footer-container .row.mpp-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 15px;padding:0 0 50px}
  .footer-container .row.mpp-footer::before,.footer-container .row.mpp-footer::after{content:none;display:none}
  .footer-container .mpp-footer > .mpp-foot-col{float:none;width:auto;max-width:none;flex:none;min-height:0;padding:0;border-top:0}
  .footer-container .mpp-footer > .mpp-foot-col--officiel{grid-area:1/1}
  .footer-container .mpp-footer > .mpp-foot-col--clients{grid-area:1/3}
  .footer-container .mpp-footer > .mpp-foot-col--paiement{grid-area:2/1}
  .footer-container .mpp-footer > .mpp-foot-col--livraison{grid-area:2/2;padding:0 5px}
  .footer-container .mpp-footer > .mpp-foot-col--contact{grid-area:2/3;padding:0 5px}
  .footer-container .mpp-footer > :is(.mpp-foot-col--paiement,.mpp-foot-col--livraison,.mpp-foot-col--contact){margin-top:20px;padding-top:5px;border-top:1px solid rgba(141,73,35,.19)}
  .footer-container .mpp-footer .mpp-foot-col,.footer-container .mpp-footer .mpp-foot-col h3{text-align:center}
  .footer-container .mpp-footer .mpp-foot-col--clients,.footer-container .mpp-footer .mpp-foot-col--clients h3{text-align:left}
  .footer-container .mpp-footer .mpp-foot-col h3{margin:0 0 15px}
  .footer-container .mpp-footer .mpp-foot-col--clients h3{margin-bottom:10px}
  .footer-container .mpp-footer .mpp-foot-col--paiement h3{margin-bottom:20px}
  .footer-container .mpp-footer .mpp-foot-col--contact h3{margin-bottom:19px}
  .footer-container .mpp-footer .mpp-foot-col ul{margin:0;padding:0}
  .footer-container .mpp-footer .mpp-foot-col li{margin:0 0 8px;line-height:15px}
  .footer-container .mpp-footer .mpp-foot-col--clients li{margin-bottom:10px}
  .footer-container .mpp-footer .mpp-foot-col--contact li{margin-bottom:9px}
  .footer-container .mpp-footer .mpp-foot-col li:last-child{margin-bottom:0}
  .footer-container .mpp-footer .mpp-foot-col a{font-size:14px;line-height:15px}
  .footer-container .mpp-footer .mpp-foot-col--clients a{font-size:16px}
  .footer-container .mpp-footer .mpp-pay{justify-content:center}
  .mpp-socials .mpp-soc,.mpp-footer-bas .mpp-socials .mpp-soc{width:22px;height:22px}
  .mpp-socials .mpp-soc svg,.mpp-footer-bas .mpp-socials .mpp-soc svg{height:22px}
}
@media (min-width:768px) and (max-width:991px){
  .footer-container .mpp-footer > #widget_block{grid-area:1/2;justify-self:center;align-self:start;margin:21px 0 0 !important}
}
@media (min-width:992px) and (max-width:1024px){
  .block_newsletter{padding-right:40px}
  .block_newsletter .mpp-nl-title{font-size:18px;line-height:18px;letter-spacing:0}
  .footer-container .row.mpp-footer{margin-right:25px;padding-bottom:46px}
  .footer-container .mpp-footer > .mpp-foot-col{padding-right:10px}
  .footer-container .mpp-footer > :is(.mpp-foot-col--livraison,.mpp-foot-col--contact){padding-left:5px}
  .footer-container .mpp-footer h3{font-size:18px;line-height:18px}
  .mpp-footer-bas .mpp-copyright{font-size:18px}
}
/* (suite) liens de 15 px de haut, comme la prod : la puce gardait la police de 16 px et ajoutait 1 px par lien ; l'encart
   « Avis clients » perd le décalage vertical posé en ligne par lgcomments ; bas blanc centré sur la même largeur que la
   prod dès 992 px (40 px à droite) */
@media (min-width:768px) and (max-width:1024px){
  .footer-container .mpp-footer .mpp-foot-col li{font-size:14px}
  .footer-container .mpp-footer .mpp-foot-col--clients li{font-size:16px}
}
@media (min-width:768px) and (max-width:991px){
  .footer-container .mpp-footer > #widget_block{top:auto !important;bottom:auto !important}
}
@media (min-width:992px) and (max-width:1024px){
  .mpp-footer-bas .container{padding-right:25px}
}
@media (max-width:767px){.mpp-pay{justify-content:center}}  /* téléphone : logos de paiement centrés dans leur colonne, comme avant le passage en flex */
/* téléphone (sous 768 px), sonde de la prod à 390 px : newsletter de 409 px (titre à 43 px du haut, texte 15 px dessous,
   champ 36 px sous le texte, bouton 10 px dessous, mention 51 px sous le bouton, 66 px dessous ; la v8 faisait 370 px) ;
   bande crème de 674 px avec les filets bruns à 19 % de la prod : au-dessus et au-dessous de L'officiel, puis l'encart
   « Avis clients » et Nos Clients sans filet, puis Paiements, Info livraison et Contact séparés ; filets de 350 px (20 px
   des bords, 320 sur la v8), liens tous les 23 px (21), Nos Clients tous les 25 ; icônes des réseaux de 20 px */
@media (max-width:767px){
  .block_newsletter{padding:43px 20px 66px}
  .block_newsletter .mpp-nl-title{margin-bottom:5px}
  .block_newsletter .mpp-nl-sub{margin-bottom:36px}
  .block_newsletter .mpp-nl-foot{margin:41px 0 0}
  .footer-container .container{padding-top:30px;padding-bottom:0}
  .footer-container .row.mpp-footer{margin:0;padding:0 5px 29px}
  .footer-container .mpp-footer > .mpp-foot-col{padding:0;border-top:0;border-bottom:0}
  .footer-container .mpp-footer > .mpp-foot-col--officiel{padding:10px 0 15px;border-top:1px solid rgba(141,73,35,.19);border-bottom:1px solid rgba(141,73,35,.19)}
  .footer-container .mpp-footer > .mpp-foot-col--clients{margin-top:8px;padding-bottom:15px}
  .footer-container .mpp-footer > .mpp-foot-col--paiement{padding:3px 0 20px;border-top:1px solid rgba(141,73,35,.19);border-bottom:1px solid rgba(141,73,35,.19)}
  .footer-container .mpp-footer > .mpp-foot-col--livraison{padding:5px 0 15px;border-bottom:1px solid rgba(141,73,35,.19)}
  .footer-container .mpp-footer > .mpp-foot-col--contact{padding-top:5px;border-top:1px solid rgba(141,73,35,.19)}
  .footer-container .mpp-footer .mpp-foot-col h3{margin:0 0 15px;line-height:20px}
  .footer-container .mpp-footer .mpp-foot-col--paiement h3{margin-bottom:10px}
  .footer-container .mpp-footer .mpp-foot-col--contact h3{margin-bottom:4px}
  .footer-container .mpp-footer .mpp-foot-col ul{margin:0;padding:0}
  .footer-container .mpp-footer .mpp-foot-col li{margin:0 0 8px;font-size:14px;line-height:15px}
  .footer-container .mpp-footer .mpp-foot-col--clients li{margin-bottom:10px;font-size:16px}
  .footer-container .mpp-footer .mpp-foot-col--contact li{margin-bottom:8px;line-height:16px}
  .footer-container .mpp-footer .mpp-foot-col li:last-child{margin-bottom:0}
  .footer-container .mpp-footer .mpp-foot-col a{line-height:15px}
  .mpp-pay img{margin-bottom:0}
  .footer-container .mpp-footer > #widget_block{margin:25px auto 0 !important;top:auto !important;bottom:auto !important}
  .mpp-footer-bas{padding:21px 0 18px}
  .mpp-footer-bas .mpp-socials{margin:0 0 15px}
  .mpp-socials .mpp-soc,.mpp-footer-bas .mpp-socials .mpp-soc{width:20px;height:20px}
  .mpp-socials .mpp-soc svg,.mpp-footer-bas .mpp-socials .mpp-soc svg{height:20px}
  .mpp-footer-bas .mpp-copyright{margin:0 0 20px}
  .mpp-footer-bas .mpp-recaptcha-mention{margin-top:0}
}
@media (max-width:575px){.block_newsletter .mpp-nl-form{gap:10px}}
.email_subscription.block_newsletter{border-bottom:0}  /* filet gris clair de classic sous le bandeau vert, absent de la prod */
/* accueil de 992 à 1024 px : la prod y reste au palier tablette de Creative Elements (jusqu'à 1024 px), la v8 passait en
   mode ordinateur dès 992 px (sonde de la prod à 1000 px, 30.10) ; on y reprend donc les règles de 768 px :
   bandeau d'accueil de 291 px suivi de 39 px, titres de section 22 px, « Que cherchez-vous ? » en 3 colonnes (nom 18 px,
   description 14 px sur la largeur de la case moins 10 px, comme la prod), « Idées et conseils » en bande de 3 cartes de
   (largeur - 120) / 3 px à 30 px d'écart (293 px à 1000, images de 190 px), titres de carte 17 px, « Lire le blog » 15 px,
   avis en cartes de 206 px tous les 236 px, la première à 45 px du bord */
@media (min-width:992px) and (max-width:1024px){
  #index .mpp-hero{min-height:291px;margin-bottom:39px}
  #index .mpp-tiles{margin-top:48px;padding-top:50px;padding-bottom:12px}
  #index .mpp-tiles .mpp-section-title{margin-bottom:26px}
  #index .mpp-tiles .mpp-tiles__grid{grid-template-columns:repeat(3,1fr);gap:37px 0;padding:0 15px}
  #index .mpp-tiles .mpp-tiles__grid a{padding:0}
  #index .mpp-tiles .mpp-tiles__ico-img{width:56px;height:62px;max-width:none;object-fit:contain;margin:0 auto 16px}
  #index .mpp-tiles .mpp-tiles__ttl{font-size:18px !important;line-height:19.8px;margin:0 0 11px}
  #index .mpp-tiles .mpp-tiles__sub{max-width:calc(100% - 10px);font-size:14px;line-height:16.8px}
  #index .mpp-tiles .mpp-section-title,#index .mpp-blog-cards .mpp-section-title{font-size:22px !important;line-height:22px}
  #index .mpp-blog-cards .mpp-section-title{margin-bottom:43px}
  #index .mpp-blog-cards > .row{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding-left:15px}
  #index .mpp-blog-cards > .row > [class*="col-"]{flex:0 0 calc((100% - 30px) / 3);max-width:calc((100% - 30px) / 3);scroll-snap-align:start}
  #index .mpp-blog-cards > .row > [class*="col-"]:first-child{margin-left:15px}
  #index .mpp-postcard__img{height:190px}
  #index .mpp-postcard__title{font-size:17px;line-height:20.4px}
  #index .mpp-blog-cards .mpp-btn-blog{font-size:15px;line-height:15px}
  #index .mpp-blog-cards{margin-bottom:4px}
  #index #lgcomments-owl.owl-carousel{gap:30px;margin:-7px 0 0 30px}
  #index #lgcomments-owl.owl-carousel .item{flex-basis:206px !important;max-width:206px !important}
}
/* (suite) icônes de « Que cherchez-vous ? » à leur taille naturelle bornée à 76 px de large (71 × 77, 70 × 85, 76 × 70,
   76 × 76, 76 × 67 en prod à 1000 px), centrées dans une case de 85 px ; descriptions sur trois lignes comme la prod
   (texte de 186 px environ, comme à 768) */
@media (min-width:992px) and (max-width:1024px){
  #index .mpp-tiles .mpp-tiles__ico-img{width:76px;height:85px;object-fit:scale-down;margin:-12px auto 5px}
}
/* (suite) descriptions de « Que cherchez-vous ? » sur la largeur de la prod (texte de 263 px à 1000 : la troisième ligne
   de « Sachets, sacs, boîtes… » en prod vient d'un retour à la ligne écrit dans Creative Elements, absent des données de
   bdhome) ; titres des cartes du blog sur toute la largeur de l'image (292 px en prod) */
@media (min-width:992px) and (max-width:1024px){
  #index .mpp-tiles .mpp-tiles__sub{padding:0 20px}
  #index .mpp-postcard__title{padding-left:0;padding-right:0}
}
/* accueil dès 1025 px (sonde de la prod à 1440) : points de « Idées et conseils » 17 px plus haut et « Lire le blog » à sa
   place ; « Derniers avis » 68 px sous le texte de « Lire le blog » comme la prod (121 : la bande du blog gardait 60 px de
   marge basse) */
@media (min-width:1025px){
  #index .mpp-blog-dots{margin-top:calc(1.1rem + 13px)}
  #index .mpp-blog-cards .mpp-prow__all{margin-top:calc(1.4rem + 17px)}
  #index .mpp-blog-cards{margin-bottom:7px}
}
@media (min-width:1025px){#index #content.page-home{padding-bottom:38px}}  /* accueil : bandeau newsletter 136 px sous les cartes d avis, comme la prod (98) */
@media (min-width:1025px){#index #lgcomments-owl.owl-carousel{gap:30px;margin-left:15px;margin-right:15px}#index #lgcomments-owl.owl-carousel .item{flex-basis:calc((100% - 90px) / 4) !important;max-width:calc((100% - 90px) / 4) !important}}  /* avis de l accueil : cartes de 298 px à 30 px d écart, à 15 px des bords de la rangée (prod, 1440) */
@media (min-width:768px) and (max-width:1024px){#index .mpp-blog-dots{margin-top:calc(1.1rem + 13px)}#index .mpp-blog-cards .mpp-prow__all{margin-top:calc(1.4rem + 17px)}}  /* 768-1024 : points du blog 17 px plus haut, « Lire le blog » à sa place (prod, 768 et 1000) */
/* conteneur de 1400 px dès 1200 px sur TOUTES les pages, comme le thème de la prod (leo : .container{width:1400px}) ; la v8
   ne l avait posé que page par page (catégories, fiche, panier, tunnel, CMS, connexion…) et gardait les 1140 px de classic
   ailleurs : espace client (cartes de « Votre compte » 1110 px au lieu de 1370), contact, plan du site, listes d envies… */
@media(min-width:1200px){#wrapper > .container{width:100%;max-width:1400px}}
#contact #content.page-content.card{padding:0}  /* contact : l encadré du formulaire occupe le bloc de contenu, comme la prod (la v8 le retirait de 20 px) */
/* espace client (nuit du 30.10 ; gabarits de la v8 rendus avec la feuille de style de la prod, sans connexion à la prod) :
   fil d'Ariane centré sur toutes les pages comme la prod ; titres internes au style global de la prod (h6 « Vous trouverez
   ici… » et h4 « Mon adresse » en Oswald gras noir, h3 du détail de commande en Lato capitales espacées centrées 13 px) ;
   plus les 25 px de classic sous les liens « Retour à votre compte » (newsletter 22 px trop bas) */
#wrapper .breadcrumb{text-align:center}
.page-customer-account #content :is(h4,.h4,h5,.h5,h6,.h6){font-family:"Oswald",sans-serif;font-weight:700;line-height:1.1;color:#000}
.page-customer-account #content :is(h6,.h6){font-size:.9375rem;margin-bottom:1.125rem}
.page-customer-account #content :is(h5,.h5){font-size:1rem}
.page-addresses .address .address-body h4{font-size:.75rem}
.page-customer-account #content :is(h3,.h3){font-family:Lato,Helvetica,Arial,sans-serif;font-size:13px;font-weight:400;letter-spacing:2px;text-transform:uppercase;text-align:center;color:#000;margin-top:-7px}
.page-customer-account #main .page-footer{margin-bottom:3px}
/* (suite) « Votre compte » et « Vos adresses » n'ont pas la classe page-customer-account (classic, en prod aussi) : mêmes règles */
:is(.page-addresses,.page-my-account) #content :is(h4,.h4,h5,.h5,h6,.h6){font-family:"Oswald",sans-serif;font-weight:700;line-height:1.1;color:#000}
:is(.page-addresses,.page-my-account) #main .page-footer{margin-bottom:3px}
@media (max-width:991px){.page-customer-account #content{padding:0}}  /* espace client sous 992 px : sans le cadre de 16 px de classic 8 (la prod n a ses règles qu à partir de 992) */
/* messages (alertes) comme la prod (thème leo, 30.10) : pictogramme Font Awesome 4 à gauche (✓ succès, ⚠ avertissement,
   ⓘ information, ✕ erreur), texte 13/15 px à 50 px du bord, 15 px au-dessus, ombre de texte légère ; mêmes couleurs que la
   prod, sauf l'avertissement (#acaaa6 sur orange pâle en prod, 2:1) qui garde les couleurs lisibles de classic.
   Police : celle du cœur de PrestaShop (themes/_libraries/font-awesome), déclarée ici pour ne pas dépendre d'un module ;
   champ en erreur cerné de rouge #ff4c4c comme la prod */
@font-face{font-family:'MppFA4';src:url('/themes/_libraries/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/themes/_libraries/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');font-weight:normal;font-style:normal;font-display:block}
.alert{position:relative;text-align:left;padding:.75rem 1.25rem .75rem 3.125rem;margin-top:15px;font-size:.8125rem;line-height:15px;border-radius:.25rem}
.alert::before{font-family:'MppFA4';font-size:1.25rem;line-height:1;font-weight:normal;font-style:normal;position:absolute;top:.6875rem;left:1.25rem;padding-right:.4375rem}
.alert.alert-success::before{content:"\f00c";content:"\f00c" / ""}
.alert.alert-warning::before{content:"\f071";content:"\f071" / ""}
.alert.alert-info::before{content:"\f05a";content:"\f05a" / ""}
.alert.alert-danger::before{content:"\f00d";content:"\f00d" / ""}
.alert.alert-info,.alert.alert-warning,.alert.alert-danger{text-shadow:1px 1px rgba(0,0,0,.1)}
.alert-success{background-color:#dff0d8;border-color:#d0e9c6;color:#3c763d}
.alert-info{background-color:#d9edf7;border-color:#bcdff1;color:#31708f}
.alert-danger{background-color:#f2dede;border-color:#ebcccc;color:#a94442}
.help-block{margin-top:.625rem}
.form-group.has-error input,.form-group.has-error select{outline:.1875rem solid #ff4c4c}
/* mot de passe oublié, message envoyé : encadré rose #ffa7a5 de la charte comme la prod (vert de classic sur la v8), texte sur
   blanc, 44 px sous l'encadré ; erreur bordée de rouge #ff4c4c */
.ps-alert-success{padding:.25rem .25rem 2.75rem .25rem}
.ps-alert-error .item,.ps-alert-success .item{align-items:center;border:2px #ff4c4c solid;display:flex;background-color:#ff4c4c;margin-bottom:1rem}
.ps-alert-error .item i,.ps-alert-success .item i{border:15px #ff4c4c solid;display:flex}
.ps-alert-error .item i svg,.ps-alert-success .item i svg{background-color:#ff4c4c;width:1.5rem;height:1.5rem}
.ps-alert-error .item p,.ps-alert-success .item p{background-color:#fff;margin:0;padding:1.125rem 1.25rem;width:100%}
.ps-alert-success .item{border-color:#ffa7a5;background-color:#ffa7a5}
.ps-alert-success .item i{border-color:#ffa7a5}
.ps-alert-success .item i svg{background-color:#ffa7a5}
#password #main .page-footer{margin:19px 0 0}  /* mot de passe oublié : « Retour à la connexion » 19 px sous l encadré, comme la prod */
.block_newsletter input[type=email]::placeholder,.block_newsletter input[type=text]::placeholder{color:#4a2916;opacity:.66}  /* newsletter : texte indicatif brun comme la prod, à 66 % pour l AA (4,6:1 ; 54 % en prod, 3,2:1) */
/* pictogramme du compte en police Font Awesome 4.7 (25 px, 20 px au téléphone), comme la prod */
.mpp-ico.mpp-ico--fa{font-family:"MppFA4";font-style:normal;font-weight:normal;font-size:25px;line-height:1;height:auto;width:auto;display:block;fill:none}
@media(max-width:767px){#header .mpp-ico.mpp-ico--fa{font-size:20px;height:auto}}
@media (min-width:576px) and (max-width:991px){.product-miniature .mpp-qv{opacity:1}}  /* aperçu rapide (œil) toujours visible de 576 à 991 px, comme la prod (la v8 ne le montrait qu au survol ou sur écran tactile) */
/* bdseo injecte en tête de certaines pages (contact, CMS, recherche) la règle h3 de leo (margin-top:-7px !important) : sans effet sur les titres du pied de page et de la newsletter, qui gardent le pas de la prod mesuré ailleurs */
.block_newsletter .mpp-nl-title,.footer-container .mpp-footer .mpp-foot-col h3{margin-top:0 !important}
/* bas des pages CMS et 404 au pas de la prod (bandeau newsletter 21 px trop bas sur les CMS à toutes les largeurs, 18-20 px
   sur la 404 sous 992 px) */
#cms #main #content.page-content,#cms #main .page-footer{margin-bottom:4px}
@media (max-width:991px){#pagenotfound #main #content.page-content{margin-bottom:140px}}
#product [id^=product-description-short]{max-width:475px}  /* description courte : retour à la ligne de la prod (texte de 470 à 480 px de large ; 2031 passait sur une ligne) */
#product .product-pack{margin-top:63px}  /* fiche pack : « Ce pack contient » 23 px plus bas, comme la prod à 390 et 1440 */
/* fiche au téléphone (prod, 390 px) : onglets 98 px sous la réassurance (73) ; « Vous aimerez aussi » : prix 48 px sous le
   haut du nom (72) et bandeau newsletter 30 px plus haut ; flèches ← → comme la prod (mpp.js) */
@media (max-width:767px){
  #product .tabs.product-tabs{margin-top:65px}
  #product .product-accessories .product-miniature .product-description .product-title{padding-bottom:0;margin-bottom:6px}
  #product .product-accessories{padding-bottom:0}
}
/* panier : « Tous les produits » 50 px sous la dernière rangée et bandeau newsletter 20 px sous le bouton, comme la prod (1440) */
#cart .featured-products .all-product-link{margin-top:0;margin-bottom:0}
#cart #footer{padding-top:20px}
/* formulaires au téléphone (création de compte, prod à 390 px) : colonne de commentaire vide en ligne comme la prod (7 px de
   plus sous les champs obligatoires) et encadré à 20 px de marge intérieure (16) */
@media (max-width:767px){
  .form-group > .col-md-3.form-control-comment{display:inline-block}
  :is(#authentication,#registration,#password) #content.page-content{padding:20px}
}
@media (max-width:767px){#authentication #content .login-form{margin-top:0}}  /* connexion au téléphone : « E-mail » 36 px sous le haut de l encadré, comme la prod (51) */
@media (max-width:767px){#authentication #content .forgot-password{padding-bottom:0}}  /* connexion au téléphone : « Connexion » juste sous « Mot de passe oublié ? », comme la prod */
#main .blogs-container.mpp-blog-listing{margin-bottom:0}  /* liste du blog : bandeau newsletter 20 px plus haut, comme la prod */
/* pagination des listes sous 992 px comme la prod (sonde à 390 et 768) : ligne compacte sans filet ni marges de 30 px,
   16 px sous la dernière rangée, numéros 12 px tous les 17 px, libellé « Suivant » / « Précédent » à côté de la flèche
   (la prod ne stylise sa pagination qu'à partir de 992 px) */
.mpp-pagination__label{display:none}
@media (max-width:991px){
  #js-product-list .mpp-pagination{margin-top:16px;padding:0;border-top:0}
  #js-product-list .mpp-pagination .page-list{padding:0;margin:0 0 16px;font-size:0}
  #js-product-list .mpp-pagination .page-list li{padding:0;margin:0 0 0 10px;font-size:12px}
  #js-product-list .mpp-pagination .page-list li:first-child{margin-left:0}
  #js-product-list .mpp-pagination .page-list a{font-size:12px !important;line-height:15px;letter-spacing:0;color:#292626}
  #js-product-list .mpp-pagination .page-list a.next,#js-product-list .mpp-pagination .page-list a.previous{align-items:center;gap:4px;vertical-align:0}
  .mpp-pagination__label{display:inline}
}
@media (max-width:767px){#js-product-list .mpp-pagination{margin-top:16px}#js-product-list .mpp-pagination .page-list{margin-top:10px}}
@media (max-width:991px){#js-product-list .mpp-pagination .page-list li{vertical-align:top}}
@media (min-width:768px) and (max-width:991px){#js-product-list .mpp-pagination > div:first-child{padding-left:15px}#js-product-list .mpp-pagination > div:last-child{padding-right:15px}}
/* nom des vignettes 7 px plus haut partout, comme la prod (règle h3 de leo, margin-top:-7px) : la v8 ne l avait que sur les pages où bdseo injecte cette règle (catégories), pas dans « Produits populaires » du panier ni « Vous aimerez aussi » */
:is(#js-product-list,.featured-products,.product-accessories) .product-miniature .product-description .product-title{margin-top:-7px}
/* menu ordinateur au pas de la prod (sonde à 1440) : pictogramme « Catégories » à 20 px du bord de l élément (15), flèche des
   sous-menus à 7 px du texte (8) : chaque élément suivant prenait 1 px de trop */
@media (min-width:992px){#header .mpp-mainmenu__list > li > a .mpp-bars{margin-left:5px}#header .mpp-mainmenu__list > li > a .mpp-caret{margin-left:7px}}
@media (min-width:992px) and (max-width:1024px){#index .mpp-tiles .mpp-tiles__grid a:nth-child(-n+3) .mpp-tiles__sub{min-height:50.4px}}  /* 992-1024 : première rangée de « Que cherchez-vous ? » à la hauteur de la prod (3 lignes, retour à la ligne écrit dans Creative Elements) */