(function() { if (!document.getElementById('bk-widget-product-style')) { const bk_widget_style = document.createElement("style"); bk_widget_style.setAttribute("id","bk-widget-product-style"); bk_widget_style.textContent = ` .bk-widget-product { --p-color: #383A43; --p-color-light: #576A80; --dark-color: #222227; --grey-color: #6F7384; --s-color: #28AD63; --promo-color: #008DCA; --nouveaute-color: #28AD63; } .bk-widget-product .hidden { display: none !important; } .bk-widget-product .bk-widget-container { display: block; text-align: center; color:var(--dark-color); background-color: #fff; text-decoration: none; } .bk-widget-product .bk-widget-container .image, .bk-widget-product .bk-widget-container .libelle, .bk-widget-product .bk-widget-container .prix { display: block; } .bk-widget-product .bk-widget-container .image { height: 180px; margin-bottom: 10px; } .bk-widget-product .bk-widget-container .image > img { height: auto; max-width: 100%; max-height: 100%; } .bk-widget-product .bk-widget-container .libelle { font-size: 14px; font-weight: 600; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .bk-widget-product .bk-widget-container .prix { margin-bottom: 20px; } .bk-widget-product .bk-widget-container .prix .current { font-size: 16px; font-weight: 600; } .bk-widget-product .bk-widget-container .prix .currency { font-size: 14px; } .bk-widget-product .bk-widget-container .prix .old { font-size: 11px; text-decoration: line-through; color: var(--grey-color); } .bk-widget-product .bk-widget-container .link { display: flex; align-items: center; justify-content: center; background-color: var(--p-color-light); color: #fff; padding: 0 5px; margin-bottom: 20px; font-weight: 600; text-transform: uppercase; height: 40px; cursor: pointer; border-radius: 10px; } .bk-widget-product .bk-widget-container .reference { display: block; font-size: 12px; margin-bottom: 5px; color: var(--grey-color); } .bk-widget-product .bk-widget-container .bandeau-wrapper { height: 20px; margin-bottom: 10px; } .bk-widget-product .bk-widget-container .bandeau-wrapper .bandeau { display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; height: 100%; text-transform: uppercase; padding: 0 10px; color: #fff; background-color: var(--grey-color); border-radius: 5px; overflow: hidden; box-shadow: 0 0 12px rgba(0, 0, 0, 0.10); } .bk-widget-product .bk-widget-container .bandeau-wrapper .vf-vignette, .bk-widget-product .bk-widget-container .bandeau-wrapper .vf-destockage, .bk-widget-product .bk-widget-container .bandeau-wrapper .vf-soldes, .bk-widget-product .bk-widget-container .bandeau-wrapper .vf-promo { background-color: var(--promo-color); } .bk-widget-product .bk-widget-container .bandeau-wrapper .vf-black-friday { background-color: var(--dark-color); } .bk-widget-product .bk-widget-container .bandeau-wrapper .vf-new { background-color: var(--nouveaute-color); } .bk-widget-product .bk-widget-container .note-produit { display: flex; align-items: center; justify-content: center; font-size: 12px; height: 15px; margin-bottom: 10px; color: var(--grey-color); gap: 5px; } .bk-widget-product .bk-widget-container .ratingArea { display: flex; align-items: center; justify-content: center; gap: 2px; } .bk-widget-product .bk-widget-container .ratingArea .star { width: 15px; height: 15px; }`; document.head.appendChild(bk_widget_style); } bk_widget = { "html": ` ` }; var script = document.currentScript; var mydiv = document.createElement('div'); mydiv.classList.add('bk-widget-product'); script.parentElement.insertBefore(mydiv, script); mydiv.innerHTML = bk_widget.html; })();