/* Theme test "chromium" aux couleurs d'OffiPro : style magasin (fond gris, cartes blanches carrées, police Rubik) avec le violet OffiPro à la place du noir/jaune.
   Active par ?theme=chromium (cookie) ; ?theme=off pour revenir au design normal. */

:root{
  --shop-primary:#5A31F4; --shop-primary-glow:#7c5cff; --shop-primary-hover:#4a27d6; --shop-primary-active:#3f20b8;
  --shop-accent:#7c5cff; --shop-secondary:#5A31F4;
  --shop-bg-base:#f8f7ff; --shop-bg-alt:#efedff; --shop-surface:#fff; --shop-surface-raised:#f8f7ff;
  --shop-border:#e4e4e4; --shop-text-primary:#1e1e1e; --shop-text-secondary:#666;
  --shop-shadow-card:0 1px 3px rgba(0,0,0,.08); --shop-shadow-soft:0 1px 3px rgba(0,0,0,.08); --shop-shadow-glow:none;
  --shop-radius-sm:2px; --shop-radius:3px; --shop-radius-lg:3px; --shop-radius-xl:4px;
  --shop-font-sans:'Rubik',system-ui,sans-serif;
  --ck-yellow:#5A31F4; --ck-dark:#5A31F4;
}
html,body{background:#f8f7ff !important;font-family:'Rubik',system-ui,sans-serif !important;color:#1e1e1e}
h1,h2,h3,h4,h5,.hp-card-name{font-family:'Rubik',system-ui,sans-serif !important}

/* ---- Header ---- */
header.sh-header{background:#fff !important;border-bottom:1px solid #eee;box-shadow:none !important}
.sh-search{overflow:hidden;border:1px solid #ddd !important}
.sh-search-input{background:#fff !important}
.sh-search-btn{background:var(--ck-yellow) !important;color:#fff !important}

nav.sh-navbar{background:#fff !important;border:0 !important;border-bottom:1px solid #ece9ff !important}
nav.sh-navbar .sh-nav-link{color:#120b2e !important;text-transform:uppercase;font-size:13px !important;font-weight:500 !important;letter-spacing:.3px}
nav.sh-navbar .sh-nav-link:hover,nav.sh-navbar .sh-nav-item:hover>.sh-nav-link{color:var(--ck-yellow) !important;background:transparent !important}
.sh-cart-badge,.sh-login+*{background:#f43f5e !important;color:#fff !important}

/* ---- Boutons ---- */
.btn-primary-tw,.hp-btn-cart,.hp-btn-detail,.btn-express-toggle{
  background:var(--ck-yellow) !important;color:#fff !important;border:0 !important;
  font-weight:500 !important;text-transform:uppercase;letter-spacing:.4px;box-shadow:none !important;transition:.2s}
.btn-primary-tw:hover,.hp-btn-cart:hover,.hp-btn-detail:hover,.btn-express-toggle:hover{background:#4a27d6 !important;color:#fff !important}
.btn-secondary-tw{background:#ece9ff !important;color:#5A31F4 !important;border:0 !important;text-transform:uppercase}
.btn-secondary-tw:hover{background:var(--ck-yellow) !important;color:#fff !important}

/* ---- Cartes produit ---- */
.hp-card{background:#fff !important;border:0 !important;border-radius:0 !important;box-shadow:0 1px 3px rgba(0,0,0,.08) !important}
.hp-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.12) !important;transform:none !important}
.hp-card-name{font-weight:500 !important;color:#1e1e1e !important}
.hp-price-main{color:#1e1e1e !important;font-weight:500 !important}
.hp-badge-promo{background:#f39c12 !important;border-radius:0 !important;color:#fff !important}
.hp-see-all{color:#5A31F4 !important}

/* ---- Fiche produit ---- */
.single-product-area .container-fluid{max-width:1360px}
.single-product-area .col-lg-9,.single-product-area .col-lg-3 .sticky-top{background:#fff}
.single_product_desc h1,.single_product_desc .product-title{text-transform:none;font-weight:500 !important;font-size:30px !important;line-height:1.2}
.price-display,.price-display *{color:#1e1e1e !important}
.prod-ribbon{border-radius:0 !important;background:#f39c12 !important}
.product-long-content,#details-complets{background:#fff;padding:28px 30px;border-top:3px solid var(--ck-yellow)}
.product-long-content h2,#details-complets h2{text-transform:uppercase;font-weight:600;font-size:20px;border:0 !important;padding-left:0 !important;background:transparent !important}
.product-long-content strong,.short_overview strong{color:#0a5fc4 !important;font-weight:700}

/* ---- Footer ---- */
footer.ft-root{background:#eef0f8 !important;color:#6b6589 !important}
footer.ft-root a{color:#120b2e !important}footer.ft-root a:hover{color:var(--ck-yellow) !important}
.ft-copyright{color:#6b6589 !important}

/* ---- retouches ---- */
.single-product-area h1,.single_product_desc h1{color:#0a5fc4 !important}
.breadcrumb-item-tw,.breadcrumb-item-tw a{color:#666 !important}.breadcrumb-item-tw.active,.breadcrumb-item-tw.active a{color:#1e1e1e !important}
nav[aria-label=breadcrumb] > *,.breadcrumb{border-radius:0 !important}
.sh-topbar{background:#5A31F4 !important}

/* ---- pleine largeur de page + grande barre de recherche ---- */
.sh-header-inner,.hp-container,.sh-navbar-inner,.ft-container,footer > div{max-width:none !important;width:100% !important;padding-left:clamp(16px,2.2vw,44px) !important;padding-right:clamp(16px,2.2vw,44px) !important;box-sizing:border-box}
.ls-wrapper-desktop{flex:1 1 340px !important;max-width:460px !important;min-width:260px}
.ls-wrapper-desktop .sh-search{width:100% !important;height:42px !important}
.ls-wrapper-desktop .sh-search-input{font-size:14.5px !important;height:40px !important;padding-left:14px !important}
.ls-wrapper-desktop .sh-search-btn{width:46px !important}
/* liens du haut plus compacts (pour laisser la place à la grande recherche) */
.sh-actions{flex:0 1 auto !important;min-width:0;gap:.5rem !important}
.sh-blink-link{padding:clamp(.4rem,.45vw,.6rem) clamp(.7rem,.9vw,1.1rem) !important;font-size:clamp(.78rem,.78vw + .1rem,.95rem) !important;font-weight:700 !important;white-space:nowrap}
.sh-blink-link-icon{display:none !important}
@media(min-width:1600px){.sh-blink-link-icon{display:inline-block !important}}
.sh-header-inner{gap:1rem !important}
.ls-wrapper-desktop{flex:2 1 340px !important}

/* ======== MODE SOMBRE (html.dark) : couleurs sombres d'origine d'OffiPro, par-dessus le thème clair ======== */
html.dark:root{--shop-bg-base:#0d0b1a;--shop-bg-alt:#13111f;--shop-surface:#1c1930;--shop-surface-raised:#13111f;--shop-border:#2e2752;--shop-text-primary:#ede9ff;--shop-text-secondary:#9b96bb;--shop-primary:#7b5ef8;--shop-primary-hover:#8f78ff;--ck-yellow:#7b5ef8;--shop-shadow-card:0 1px 3px rgba(0,0,0,.5);--shop-shadow-soft:0 1px 3px rgba(0,0,0,.5)}
html.dark .single-product-area h1,html.dark .single_product_desc h1{color:#6cb2ff !important}
html.dark,html.dark body{background:#0d0b1a !important;color:#ede9ff}
html.dark header.sh-header{background:#1c1930 !important;border-bottom-color:#2e2752 !important}
html.dark .sh-topbar{background:#13111f !important}
html.dark .sh-search{border-color:#2e2752 !important}
html.dark .sh-search-input{background:#0d0b1a !important;color:#ede9ff !important}
html.dark nav.sh-navbar{background:#1c1930 !important;border-bottom-color:#2e2752 !important}
html.dark nav.sh-navbar .sh-nav-link{color:#ede9ff !important}
html.dark .hp-card{background:#1c1930 !important;box-shadow:0 1px 3px rgba(0,0,0,.5) !important}
html.dark .hp-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.6) !important}
html.dark .hp-card-name,html.dark .hp-price-main{color:#ede9ff !important}
html.dark .hp-see-all{color:#a898ff !important}
html.dark .btn-secondary-tw{background:#2e2752 !important;color:#ede9ff !important}
html.dark .btn-primary-tw,html.dark .hp-btn-cart,html.dark .hp-btn-detail,html.dark .btn-express-toggle,html.dark .sh-search-btn{background:#7b5ef8 !important;color:#fff !important}
html.dark .btn-primary-tw:hover,html.dark .hp-btn-cart:hover,html.dark .hp-btn-detail:hover,html.dark .btn-express-toggle:hover{background:#8f78ff !important;color:#fff !important}
html.dark footer.ft-root{background:#13111f !important;color:#9b96bb !important}
html.dark footer.ft-root a{color:#ede9ff !important}html.dark footer.ft-root a:hover{color:#a898ff !important}
html.dark .ft-copyright{color:#9b96bb !important}
html.dark .single-product-area .col-lg-9,html.dark .single-product-area .col-lg-3 .sticky-top,html.dark .product-long-content,html.dark #details-complets{background:#1c1930 !important}
html.dark .price-display,html.dark .price-display *{color:#ede9ff !important}
html.dark .product-long-content,html.dark .short_overview,html.dark .product-long-content *,html.dark .short_overview *{color:#d9d6ee !important}html.dark .product-long-content h2,html.dark .product-long-content h3,html.dark .product-long-content h4,html.dark .short_overview h2,html.dark .short_overview h3{color:#fff !important}html.dark .product-long-content a,html.dark .short_overview a{color:#6cb2ff !important}html.dark .product-long-content table,html.dark .product-long-content td,html.dark .product-long-content tr,html.dark .short_overview table,html.dark .short_overview td{background:transparent !important;border-color:#3a3360 !important}html.dark .product-long-content th{background:#13111f !important;color:#fff !important;border-color:#3a3360 !important}html.dark .product-long-content strong,html.dark .short_overview strong{color:#6cb2ff !important}
html.dark .breadcrumb-item-tw,html.dark .breadcrumb-item-tw a{color:#9b96bb !important}html.dark .breadcrumb-item-tw.active,html.dark .breadcrumb-item-tw.active a{color:#ede9ff !important}
html.dark .cx-b-in b,html.dark .cx-pop-h h2,html.dark .cx-tabs button.on{color:#ede9ff !important}

/* ---- bouton panier : chariot + pastille, « Panier » et montant total ---- */
.sh-cart.cx-cart{display:flex !important;align-items:center;gap:.45rem;background:transparent !important;border:0 !important;box-shadow:none !important;padding:.1rem .2rem !important;color:var(--shop-text-primary) !important;text-decoration:none}
.cx-cart-ic{position:relative;display:inline-flex;font-size:1.3rem;line-height:1}
.cx-cart .sh-cart-badge{display:flex !important;position:absolute !important;top:-8px;right:-10px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;font-size:.62rem;font-weight:700;align-items:center;justify-content:center;background:#f43f5e !important;color:#fff !important}
.cx-cart-tx{display:flex;flex-direction:column;line-height:1.15}.cx-cart-tx small{font-size:.7rem;font-weight:500;color:var(--shop-text-secondary)}.cx-cart-tx b{font-size:.9rem;font-weight:700;color:var(--shop-text-primary);white-space:nowrap}
.cx-cart:hover .cx-cart-ic{color:var(--shop-primary)}

/* ---- bande de confiance (Livraison rapide, Garantie…) : moins d'espace et moins épaisse ---- */
.hp-trust{padding:.3rem 0 !important}
.hp-trust-grid{gap:.4rem !important}
.hp-trust-item{padding:.25rem .8rem !important;gap:.55rem !important}
.hp-trust-icon{width:32px !important;height:32px !important;border-radius:.6rem !important}
.hp-trust-icon svg,.hp-trust-icon i{width:17px !important;height:17px !important;font-size:17px !important}
.hp-trust-label{font-size:.8rem !important;line-height:1.2}.hp-trust-sub{font-size:.7rem !important;margin-top:0 !important;line-height:1.2}

/* ---- titre « Caractéristiques » : plus grand, sans filet gris ni barre bleue sur le côté ---- */
#details-complets h2.h4,.product-long-content h2.h4,.col-12.mt-4 > h2.h4.fw-bold{font-size:clamp(26px,2.4vw,34px) !important;font-weight:700 !important;letter-spacing:.01em;border:0 !important;padding:0 0 .2rem !important;margin-bottom:1rem !important}

/* ---- produits similaires : cartes plus petites, design moderne ---- */
.container-fluid > h3.fw-bold{font-size:1.35rem;font-weight:800 !important;display:flex;align-items:center;gap:.6rem}
.container-fluid > h3.fw-bold::before{content:"";width:6px;height:1.3em;border-radius:6px;background:linear-gradient(180deg,#7c5cff,#5A31F4)}
.prod-similaire .hp-card{border-radius:16px !important;border:1px solid rgba(90,49,244,.12) !important;box-shadow:0 8px 22px -14px rgba(60,28,160,.45) !important;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;background:var(--shop-surface) !important}
.prod-similaire .hp-card:hover{transform:translateY(-4px) !important;box-shadow:0 16px 30px -14px rgba(60,28,160,.55) !important}
.prod-similaire .hp-card-img-wrap{background:linear-gradient(160deg,#f4f1ff,#fff);padding:.5rem}
.prod-similaire .hp-card-img-wrap img{max-height:130px;width:100%;object-fit:contain}
/* grandes photos des cartes similaires : ordinateur seulement (sur mobile on garde la taille d'avant) */
@media(min-width:992px){.prod-similaire .hp-card-img-wrap{padding:.4rem !important}.prod-similaire .hp-card-img-wrap img{width:100% !important;height:180px !important;max-height:none !important;max-width:none !important;object-fit:contain !important;mix-blend-mode:multiply}}
.prod-similaire .hp-card-body{padding:.6rem .75rem .8rem !important;gap:.3rem}
.prod-similaire .hp-card-name{font-size:.78rem !important;line-height:1.3;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.prod-similaire .hp-card-brand{display:none}
.prod-similaire .hp-price-main{font-size:.95rem !important;font-weight:800 !important;color:#5A31F4 !important}
.prod-similaire .hp-price-old{font-size:.72rem}
.prod-similaire .hp-btn-detail,.prod-similaire .hp-btn-compare-mobile,.prod-similaire .hp-card-overlay{display:none !important}
.prod-similaire .hp-btn-cart{font-size:.72rem !important;padding:.45rem .6rem !important;border-radius:999px !important;width:100%}
.prod-similaire .slick-slide>div{padding:0 .35rem}
html.dark .prod-similaire .hp-card-img-wrap{background:linear-gradient(160deg,#241f3d,#1c1930)}
html.dark .prod-similaire .hp-price-main{color:#a898ff !important}

/* ---- menu du haut dans le cadre : les rubriques rétrécissent avec l'écran au lieu de dépasser ---- */
.sh-navbar-inner{justify-content:space-between !important;gap:0 !important;flex-wrap:nowrap !important}
nav.sh-navbar .sh-nav-item{flex:0 1 auto;min-width:0}
nav.sh-navbar .sh-nav-link{font-size:clamp(10px,.8vw,12.5px) !important;padding:8px clamp(3px,.45vw,8px) !important;letter-spacing:0 !important;white-space:nowrap}
nav.sh-navbar .sh-chevron{width:9px !important;height:9px !important;margin-left:2px}

/* ---- miniatures de la fiche produit : plus petites, elles restent dans le cadre de la photo ---- */
.thumb-btn{width:42px !important;height:42px !important;border-radius:.5rem !important;border-width:2px !important}
.thumbnails-wrapper{gap:.35rem !important}

/* ---- barre mobile dans le cadre : logo un peu plus petit pour que tous les boutons (langue, panier, mode sombre) tiennent ---- */
@media(max-width:480px){.sh-mobile-bar{gap:.35rem !important;padding-left:.6rem !important;padding-right:.6rem !important}.sh-mobile-bar > a img{max-height:36px !important;width:auto}.sh-mobile-bar .sh-hamburger{flex:none}}
/* écrans de 1440 px et moins : en-tête resserré pour que tout tienne (recherche et boutons un peu plus petits) */
@media(max-width:1440px){.ls-wrapper-desktop{flex:1 1 240px !important;min-width:200px !important}.sh-blink-link{padding:.4rem .6rem !important}.sh-header-inner{gap:.6rem !important}.sh-actions{gap:.35rem !important}.sh-header-inner,.hp-container{padding-left:clamp(12px,1.4vw,24px) !important;padding-right:clamp(12px,1.4vw,24px) !important}}
/* fil d'ariane masqué sur mobile (Accueil > Catalogue > …) : il prenait de la place avant le produit */
@media(max-width:767px){nav[aria-label=breadcrumb]{display:none !important}.container:has(> nav[aria-label=breadcrumb]){display:none !important;margin:0 !important;padding:0 !important}}
/* Phones: compact product cards; the photo and name already open the product */
@media(max-width:640px){
.hp-card-img-wrap{height:120px !important;aspect-ratio:auto !important}
.hp-card-img-wrap a{height:120px !important}
.hp-card-img-wrap img{width:100% !important;height:120px !important;padding:6px !important;object-fit:contain !important}
.hp-card-brand{margin:4px auto 2px !important}
.hp-card-brand img{height:14px !important;width:auto !important}
.hp-card-name{min-height:2.6em !important;max-height:2.6em !important;margin:0 8px !important;overflow:hidden !important;font-size:12.5px !important;line-height:1.3 !important;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hp-stars{font-size:11px !important;margin:2px 0 !important}
.hp-price-main{font-size:15px !important;line-height:1.3 !important}
.hp-card-footer{width:100% !important;padding:2px 8px 8px !important}
.hp-card-btn-row{gap:0 !important}
.hp-btn-cart{width:100% !important;height:34px !important;padding:6px 10px !important;font-size:12px !important}
.hp-btn-detail{display:none !important}
}
/* ---- Stickers animés : stock, badges de fiche, -X %, Nouveau (transform et opacity seulement, pour rester léger) ---- */
html .prod-ribbon-wrap{top:14px;left:14px;width:auto;height:auto;overflow:visible;border-radius:0;animation:oiStickerFloat 3.2s ease-in-out infinite}
html .prod-ribbon{position:relative;top:auto;left:auto;display:inline-flex;align-items:center;gap:7px;width:auto;padding:7px 15px 7px 12px;overflow:hidden;font-size:.8rem;line-height:1.2;letter-spacing:.02em;white-space:nowrap;transform:none;border:2px solid rgba(255,255,255,.85);border-radius:999px 999px 999px 6px !important;background:linear-gradient(120deg,#ffb020,#ff5a36) !important;box-shadow:0 10px 20px -8px rgba(255,90,54,.8)}
html .prod-ribbon::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#fff;animation:oiStickerDot 1.5s ease-in-out infinite}
html .prod-ribbon::after,.hp-badge-promo::after,.hp-badge-new::after,html .prod-badge-pill::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.8),transparent);pointer-events:none;animation:oiStickerShine 3.4s ease-in-out infinite}
html .prod-badge-pill{overflow:hidden;background-image:linear-gradient(120deg,rgba(255,255,255,.26),transparent 65%) !important;animation:oiStickerNudge 3.2s ease-in-out infinite}
html .prod-badge-pill:nth-child(2){animation-delay:-1s}
html .prod-badge-pill:nth-child(2)::after{animation-delay:-1.1s}
.hp-badge-promo,.hp-badge-new{position:relative;overflow:hidden;padding:.28rem .7rem;font-weight:800;border:1.5px solid rgba(255,255,255,.85);border-radius:999px 999px 999px 5px !important;animation:oiStickerPop 3s ease-in-out infinite}
.hp-badge-promo{background:linear-gradient(120deg,#ff3d6e,#ff8a1f) !important;box-shadow:0 7px 14px -6px rgba(255,61,110,.8)}
.hp-badge-new{background:linear-gradient(120deg,#7c5cff,#5a31f4) !important;box-shadow:0 7px 14px -6px rgba(90,49,244,.8)}
.hp-card:nth-child(3n+2) .hp-badge{animation-delay:-1s}
.hp-card:nth-child(3n) .hp-badge{animation-delay:-2s}
.hp-card:nth-child(3n+2) .hp-badge::after{animation-delay:-1.1s}
.hp-card:nth-child(3n) .hp-badge::after{animation-delay:-2.2s}
.hp-price-saving,.hp-flash-badge{position:relative;overflow:hidden}
.hp-price-saving{background:linear-gradient(120deg,#ff3d6e,#ff8a1f) !important;border-radius:999px 999px 999px 4px !important}
.hp-price-saving::after,.hp-flash-badge::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);pointer-events:none;animation:oiStickerShine 3.4s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.hp-price-saving::after,.hp-flash-badge::after{display:none}}
@keyframes oiStickerFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(1deg)}}
@keyframes oiStickerNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-4px)}}
@keyframes oiStickerPop{0%,72%,100%{transform:scale(1) rotate(-3deg)}80%{transform:scale(1.14) rotate(3deg)}88%{transform:scale(.98) rotate(-5deg)}}
@keyframes oiStickerDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.65)}}
@keyframes oiStickerShine{0%,55%{transform:translateX(0) skewX(-20deg)}100%{transform:translateX(420%) skewX(-20deg)}}
@media(max-width:640px){html .prod-ribbon-wrap{top:10px;left:10px}html .prod-ribbon{padding:5px 12px 5px 9px;font-size:.72rem}}
@media(prefers-reduced-motion:reduce){html .prod-ribbon-wrap,html .prod-ribbon::before,html .prod-badge-pill,.hp-badge-promo,.hp-badge-new{animation:none}html .prod-ribbon::after,.hp-badge-promo::after,.hp-badge-new::after,html .prod-badge-pill::after{display:none}}
@media(max-width:640px){.sh-mobile-bar{align-items:center;gap:8px !important;padding-left:10px !important;padding-right:10px !important}.sh-mobile-bar>a img{max-width:96px !important;height:auto !important}.sh-mobile-bar>div[style*="margin-left:auto"]{margin-inline-start:auto;margin-left:0 !important}html[dir=ltr] .sh-mobile-bar>div[style*="margin-left:auto"],html:not([dir]) .sh-mobile-bar>div[style*="margin-left:auto"]{margin-left:auto !important}.sh-mobile-bar>div[style*="margin-left:auto"]>a,.sh-mobile-bar .sh-dark-toggle{display:inline-flex !important;align-items:center;justify-content:center;width:38px;height:38px;padding:0 !important;box-sizing:border-box;flex:none}}
/* ---- Boutons des cartes produit : même forme, style moderne, icônes communes à toutes les listes ---- */
html .hp-btn-cart,html .hp-btn-detail{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:.625rem !important;font-family:Inter,system-ui,sans-serif !important;font-weight:600 !important;text-transform:none !important;letter-spacing:0 !important;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}
html .hp-btn-cart svg,html .hp-btn-detail svg{display:none}
html .hp-btn-cart::before,html .hp-btn-detail::before{content:"";flex:none;width:17px;height:17px;background:currentColor;-webkit-mask:var(--oi-ico) center/contain no-repeat;mask:var(--oi-ico) center/contain no-repeat;transition:transform .15s ease}
html .hp-btn-cart{--oi-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l1 12.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 5 20.5zM9 8V6a3 3 0 0 1 6 0v2M12 12v5M9.5 14.5h5'/%3E%3C/svg%3E");background:linear-gradient(135deg,#6f4bff,#4a27d6) !important;box-shadow:0 6px 14px -8px rgba(74,39,214,.8) !important}
html .hp-btn-detail{--oi-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");background:#efebff !important;color:#4a27d6 !important}
html .hp-btn-cart:not(:disabled):hover{background:linear-gradient(135deg,#7d5cff,#5a31f4) !important;transform:translateY(-1px)}
html .hp-btn-detail:hover{background:#e2dbff !important;color:#4a27d6 !important}html .hp-btn-detail:hover::before{transform:translateX(3px)}
html .hp-btn-cart:disabled{background:#e5e7eb !important;color:#8b8fa3 !important;box-shadow:none !important}
html.dark .hp-btn-detail{background:#2c2654 !important;color:#c9bfff !important}html.dark .hp-btn-detail:hover{background:#393168 !important;color:#fff !important}html.dark .hp-btn-cart:disabled{background:#2a2840 !important;color:#8b8fa3 !important}
@media(prefers-reduced-motion:reduce){html .hp-btn-cart,html .hp-btn-detail,html .hp-btn-detail::before{transition:none}}
/* ---- Cartes produit : Comparer remplace Détails, le nom et la photo ouvrent déjà la fiche ---- */
html .hp-btn-detail{display:none !important}
html .hp-btn-compare-mobile{display:inline-flex !important;flex:0 0 auto !important;align-items:center;justify-content:center;gap:7px;width:100%;height:40px;padding:0 10px;border:0 !important;border-radius:.625rem !important;background:#efebff !important;color:#4a27d6 !important;font-family:Inter,system-ui,sans-serif;font-size:13.5px;font-weight:600;cursor:pointer;--oi-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4L3 8l4 4M3 8h14M17 12l4 4-4 4M21 16H7'/%3E%3C/svg%3E")}
html .hp-btn-compare-mobile svg{display:none}
html .hp-btn-compare-mobile::before{content:"";flex:none;width:17px;height:17px;background:currentColor;-webkit-mask:var(--oi-ico) center/contain no-repeat;mask:var(--oi-ico) center/contain no-repeat}
html .hp-btn-compare-mobile::after{content:"Comparer"}html[lang=en] .hp-btn-compare-mobile::after{content:"Compare"}html[lang=ar] .hp-btn-compare-mobile::after{content:"قارن"}
html .hp-btn-compare-mobile:hover{background:#e2dbff !important}
html .hp-btn-compare-mobile.active,html .hp-btn-compare-mobile.active:hover{background:#4a27d6 !important;color:#fff !important}
html .hp-btn-compare-mobile.active::after{content:"Ajouté"}html[lang=en] .hp-btn-compare-mobile.active::after{content:"Added"}html[lang=ar] .hp-btn-compare-mobile.active::after{content:"تمت الإضافة"}
html.dark .hp-btn-compare-mobile{background:#2c2654 !important;color:#c9bfff !important}html.dark .hp-btn-compare-mobile:hover{background:#393168 !important}html.dark .hp-btn-compare-mobile.active{background:#7b5ef8 !important;color:#fff !important}
html .hp-card-btn-row:has(.hp-btn-compare-mobile){flex-direction:row !important;align-items:stretch;gap:6px !important}html .hp-card-btn-row:has(.hp-btn-compare-mobile) .hp-btn-cart,html .hp-card-btn-row .hp-btn-compare-mobile{flex:1 1 0 !important;width:auto !important;min-width:0 !important;padding:0 6px !important;gap:5px !important;font-size:12.5px !important}html .hp-card-btn-row .hp-btn-cart::before,html .hp-card-btn-row .hp-btn-compare-mobile::before{width:15px;height:15px}html .hp-price-main{font-size:20px !important;font-weight:800 !important}
@media(max-width:640px){html .hp-btn-compare-mobile{height:34px}html .hp-card-btn-row:has(.hp-btn-compare-mobile) .hp-btn-cart::before,html .hp-card-btn-row .hp-btn-compare-mobile::before{display:none}html .hp-card-btn-row:has(.hp-btn-compare-mobile) .hp-btn-cart,html .hp-card-btn-row .hp-btn-compare-mobile{font-size:12px !important;padding:0 4px !important}html .hp-price-main{font-size:18px !important}}