{"product_id":"ecouteurs-intra-auriculaires-avec-micro-prise-audio-3-5-mm-bouton-de-commande-cable-1-2-m-borofone-bm47-noir","title":"Écouteurs intra-auriculaires avec micro, prise audio 3,5 mm, bouton de commande, câble 1,2 m Borofone BM47 noir","description":"\u003cstyle\u003e\n.order-timeline {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: 30px 0;\n  padding: 20px 25px;\n  background-color: #fff7f0;\n  border-radius: 14px;\n  border: 2px solid #FF8000;\n  font-family: 'Poppins', sans-serif;\n  overflow: hidden;\n  flex-wrap: wrap;\n}\n\n\/* Ligne de fond *\/\n.order-timeline::before {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 8%;\n  right: 8%;\n  height: 4px;\n  background-color: #ffd6b3;\n  transform: translateY(-50%);\n  z-index: 0;\n  border-radius: 2px;\n}\n\n\/* Ligne de progression animée *\/\n.order-timeline::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 8%;\n  height: 4px;\n  background-color: #FF8000;\n  transform: translateY(-50%);\n  z-index: 0;\n  border-radius: 2px;\n  animation: progressLine 4s ease-in-out forwards;\n}\n\n\/* Animation de la ligne *\/\n@keyframes progressLine {\n  0% { width: 0%; }\n  100% { width: 84%; } \/* Ajustez si vous avez plus ou moins d'étapes *\/\n}\n\n\/* Étapes *\/\n.order-step {\n  text-align: center;\n  flex: 1;\n  position: relative;\n  z-index: 1;\n  min-width: 90px;\n  transition: transform 0.3s ease;\n}\n\n.order-step:hover {\n  transform: translateY(-5px);\n}\n\n\/* Icônes *\/\n.order-icon {\n  width: 48px;\n  height: 48px;\n  background-color: #fff;\n  border: 2px solid #FF8000;\n  color: #FF8000;\n  border-radius: 50%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  margin-bottom: 6px;\n  \/* MODIFICATIONS ICI *\/\n  box-shadow: 0 4px 10px rgba(255, 128, 0, 0.2); \/* Ombre plus visible *\/\n  opacity: 0.7; \/* Opacité augmentée pour plus de visibilité *\/\n  transition: all 0.4s ease;\n}\n\n\/* Icônes actives *\/\n.order-step.active .order-icon {\n  background-color: #FF8000;\n  color: #fff;\n  \/* Légère modification de l'ombre pour la rendre plus \"active\" *\/\n  box-shadow: 0 4px 20px rgba(255, 128, 0, 0.9); \n  opacity: 1;\n}\n\n\/* Texte *\/\n.order-date {\n  font-weight: 600;\n  font-size: 14px;\n  color: #FF8000;\n}\n\n.order-label {\n  font-size: 13px;\n  color: #333;\n}\n\n\/* Animation d’activation *\/\n@keyframes activateIcon {\n  from { opacity: 0.7; transform: scale(0.9); } \/* Ajusté avec la nouvelle opacité de base *\/\n  to { opacity: 1; transform: scale(1); }\n}\n\n\/* ⚡ Responsive : s’adapte à la largeur sans casser la ligne horizontale *\/\n@media (max-width: 900px) {\n  .order-timeline {\n    padding: 15px 10px;\n  }\n\n  .order-icon {\n    width: 42px;\n    height: 42px;\n    font-size: 18px;\n  }\n\n  .order-date {\n    font-size: 13px;\n  }\n\n  .order-label {\n    font-size: 12px;\n  }\n}\n\n@media (max-width: 600px) {\n  .order-timeline {\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .order-step {\n    flex: 0 0 33%;\n    min-width: 110px;\n  }\n\n  .order-timeline::before,\n  .order-timeline::after {\n    left: 10%;\n    right: 10%;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"order-timeline\"\u003e\n    \u003cdiv class=\"order-step\" id=\"step1\"\u003e\n        \u003cdiv class=\"order-icon\"\u003e🛒\u003c\/div\u003e\n        \u003cdiv class=\"order-date\" id=\"order-date-command\"\u003eChargement...\u003c\/div\u003e \n        \u003cdiv class=\"order-label\"\u003eCommandé\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"order-step\" id=\"step2\"\u003e\n        \u003cdiv class=\"order-icon\"\u003e🚚\u003c\/div\u003e\n        \u003cdiv class=\"order-date\" id=\"order-date-shipping\"\u003eChargement...\u003c\/div\u003e \n        \u003cdiv class=\"order-label\"\u003eExpédition\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"order-step\" id=\"step3\"\u003e\n        \u003cdiv class=\"order-icon\"\u003e🎁\u003c\/div\u003e\n        \u003cdiv class=\"order-date\" id=\"order-date-delivery\"\u003eChargement...\u003c\/div\u003e \n        \u003cdiv class=\"order-label\"\u003eLivraison\u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"entry-content\"\u003e\n\u003csection\u003e\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \n    \/**\n     * Formate une date en chaîne de caractères \"Jour Mois\" (ex: \"29 oct\").\n     * @param {Date} dateObj - L'objet Date à formater.\n     * @returns {string} La date formatée.\n     *\/\n    function formatOrderDate(dateObj) {\n        const options = { \n            day: '2-digit', \n            month: 'short' \n        };\n        \/\/ Formatage en français et suppression du point après le mois (ex: \"oct.\" -\u003e \"oct\")\n        return dateObj.toLocaleDateString('fr-FR', options).replace('.', '');\n    }\n\n    \/\/ 1. Récupération de la date du jour (Date de Commande)\n    const today = new Date();\n    \n    \/\/ Mise à jour de la date de Commande (J)\n    const commandDateElement = document.getElementById(\"order-date-command\");\n    if (commandDateElement) {\n        commandDateElement.textContent = formatOrderDate(today);\n    }\n    \n    \/\/ 2. Calcul et mise à jour de la date d'Expédition (J+1 à J+2)\n    const shippingDateElement = document.getElementById(\"order-date-shipping\");\n    if (shippingDateElement) {\n        const shippingDateStart = new Date(today);\n        shippingDateStart.setDate(today.getDate() + 1); \/\/ J+1\n        const shippingDateEnd = new Date(today);\n        shippingDateEnd.setDate(today.getDate() + 2);   \/\/ J+2\n        \n        const start = formatOrderDate(shippingDateStart);\n        const end = formatOrderDate(shippingDateEnd);\n        \n        shippingDateElement.textContent = `${start} - ${end}`;\n    }\n    \n    \/\/ 3. Calcul et mise à jour de la date de Livraison (J+4 à J+5)\n    const deliveryDateElement = document.getElementById(\"order-date-delivery\");\n    if (deliveryDateElement) {\n        const deliveryDateStart = new Date(today);\n        deliveryDateStart.setDate(today.getDate() + 4); \/\/ J+4\n        const deliveryDateEnd = new Date(today);\n        deliveryDateEnd.setDate(today.getDate() + 5);   \/\/ J+5\n\n        const start = formatOrderDate(deliveryDateStart);\n        const end = formatOrderDate(deliveryDateEnd);\n        \n        deliveryDateElement.textContent = `${start} - ${end}`;\n    }\n    \n});\n\u003c\/script\u003e\n\u003cp class=\"MsoNormal\"\u003eÉcouteurs intra-auriculaires jack 3,5mm doté d’un bouton de commande multifonctions, un mélange parfait de design élégant et de performance audio de qualité. Ces écouteurs intra-auriculaire offrent un confort optimal et un style moderne pour accompagner vos journées.\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003eIls sont conçus pour offrir une expérience audio immersive, que ce soit pour écouter de la musique, passer des appels ou regarder des vidéos.\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan style=\"color: rgb(255, 128, 0);\"\u003e\u003cstrong\u003ePoints forts :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli class=\"MsoNormal\"\u003eBouton de contrôle multifonctions pour gérer la musique, les appels ainsi que les assistants vocaux\u003c\/li\u003e\n\u003cli class=\"MsoNormal\"\u003eCordon d’une longueur de 1,2 mètre\u003c\/li\u003e\n\u003cli class=\"MsoNormal\"\u003eÉcouteurs intra-auriculaires pour un confort optimal\u003c\/li\u003e\n\u003cli class=\"MsoNormal\"\u003eMicrophone intégré\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan style=\"color: rgb(255, 128, 0);\"\u003e\u003cstrong\u003eContenu de l'emballage :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e1x Écouteurs intra-auriculaires avec micro, prise audio 3,5 mm, bouton de commande, câble 1,2 m Borofone BM47 noir\u003c\/p\u003e\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Avoz.fr","offers":[{"title":"Default Title","offer_id":53833909469507,"sku":null,"price":7.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0931\/7895\/4051\/files\/Captured_ecran2025-10-27a21.58.39.png?v=1761598744","url":"https:\/\/avoz.fr\/products\/ecouteurs-intra-auriculaires-avec-micro-prise-audio-3-5-mm-bouton-de-commande-cable-1-2-m-borofone-bm47-noir","provider":"Avoz.fr","version":"1.0","type":"link"}