{"product_id":"hugo-boss-selection-premier-elite","title":"Hugo Boss Selection Premier Elite EDT 100 ml Homme ","description":"\u003cdiv class=\"prod-wrap ca-template scroll-trigger animate--slide-in\"\u003e\n\n\u003c!-- MAIN DESCRIPTION (FIRST INDEXED CONTENT) --\u003e\n\u003cdiv class=\"ca-details scroll-trigger animate--slide-in\"\u003e\n\n \u003cstrong\u003eHugo Boss Selection Premier Elite Eau de Toilette\u003c\/strong\u003e est un parfum masculin frais et élégant qui allie la vivacité des agrumes à des nuances boisées et orientales raffinées. Inspiré par un thème de forêt aromatique, il s'ouvre sur des notes vibrantes de poivre rose, de mandarine, de pamplemousse et de bergamote, pour une introduction fraîche et pétillante, à la fois moderne et sophistiquée. En son cœur, l'anis, les aiguilles de pin et le géranium apportent une fraîcheur verte et légèrement épicée, évoquant une promenade matinale dans une pinède. Le fond de patchouli, de musc et de vétiver offre une profondeur onctueuse et terreuse, ainsi qu'une chaleur masculine persistante, faisant de ce parfum le choix idéal pour les hommes qui apprécient l'élégance discrète et l'assurance. \u003c\/div\u003e\n\n\u003c!-- SPECIFICATIONS --\u003e\n\u003cdiv class=\"specs-wrapper scroll-trigger animate--slide-in\"\u003e\n\n\u003cdiv class=\"specs-content\"\u003e\n\n\u003cdiv class=\"specs-title\"\u003e 📋 Spécifications du produit \u003c\/div\u003e\n\n\u003ctable class=\"ca-specs\" aria-label=\"Product specifications\" role=\"table\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Marque\u003c\/th\u003e\n\n\u003ctd\u003e Hugo Boss\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Nom du parfum\u003c\/th\u003e\n\n\u003ctd\u003e Boss Selection Premier Elite\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Taper\u003c\/th\u003e\n\n \u003ctd\u003eEau de Toilette (EDT)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Volume de l'article\u003c\/th\u003e\n\n\u003ctd\u003e 100 ml\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Famille de parfums\u003c\/th\u003e\n\n\u003ctd\u003e Aromatique, boisé, oriental\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Thème du parfum\u003c\/th\u003e\n\n\u003ctd\u003e Forêt aromatique\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Notes principales\u003c\/th\u003e\n\n\u003ctd\u003e Poivre rose, mandarine, pamplemousse, bergamote\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Notes du cœur\u003c\/th\u003e\n\n\u003ctd\u003e Anis, aiguilles de pin cèdre, géranium vivace\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Notes de base\u003c\/th\u003e\n\n\u003ctd\u003e Patchouli, musc, vétiver\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Occasion\u003c\/th\u003e\n\n\u003ctd\u003e bureau, affaires, événements en soirée, tenue décontractée chic\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Cible\u003c\/th\u003e\n\n\u003ctd\u003e Hommes\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Origine\u003c\/th\u003e\n\n\u003ctd\u003e DE (Origine)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Produits chimiques préoccupants\u003c\/th\u003e\n\n\u003ctd\u003e Acétaldéhyde ; alcool éthylique dans les boissons alcoolisées \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- HERO TITLE --\u003e\n\u003ch2 class=\"ca-header scroll-trigger animate--slide-in\"\u003e \u003cspan style=\"color: rgb(255, 255, 255);\"\u003eHugo Boss Selection Premier Elite Eau de Toilette pour homme\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cdiv class=\"ca-subheader scroll-trigger animate--slide-in\"\u003e Forêt aromatique 🌲 • Agrumes frais 🌞 • Chaleur orientale élégante 🖤 \u003c\/div\u003e\n\n\u003c!-- USAGE \/ PERFORMANCE INFO --\u003e\n\u003cdiv class=\"ca-features scroll-trigger animate--slide-in\"\u003e\n\n\u003ch3 class=\"specs-title\"\u003e📏 Guide d'utilisation et de performance\u003c\/h3\u003e\n\n\u003cul class=\"ca-features-list\"\u003e\n\n\u003cli\u003e\n\n \u003cspan class=\"ca-icon\"\u003e💨\u003c\/span\u003e Eau de Toilette raffinée, idéale pour le bureau au quotidien et les soirées.\u003c\/li\u003e\n\n\u003cli\u003e\n\n \u003cspan class=\"ca-icon\"\u003e📍\u003c\/span\u003e Appliquez 3 à 5 pulvérisations sur une peau propre (cou, poitrine et poignets) pour une aura olfactive élégante.\u003c\/li\u003e\n\n\u003cli\u003e\n\n \u003cspan class=\"ca-icon\"\u003e🕴️\u003c\/span\u003e Une projection équilibrée, perceptible mais sophistiquée, sans être envahissante.\u003c\/li\u003e\n\n\u003cli\u003e \n\u003cspan class=\"ca-icon\"\u003e⏳\u003c\/span\u003e Des notes de fond boisées et aromatiques longue durée conçues pour vous accompagner tout au long de la journée. \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- IMAGES --\u003e\n\u003cdiv class=\"ca-images\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0669\/3876\/5628\/files\/hugo-boss-logo.svg\" alt=\"Logo Hugo Boss pour le parfum Boss Selection Premier Elite\" class=\"ca-desc-img\" loading=\"eager\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0669\/3876\/5628\/files\/Hugo_Boss_Selection_perfume_bottle_and_packaging.webp\" alt=\"Bouteille et emballage Hugo Boss Selection Premier Elite\" class=\"ca-desc-img\" loading=\"lazy\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0669\/3876\/5628\/files\/BOSS_Selection_perfume_bottle.webp\" alt=\"Gros plan sur le flacon d'eau de toilette Hugo Boss Selection Premier Elite\" class=\"ca-desc-img\" loading=\"lazy\"\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"ca-features scroll-trigger animate--slide-in\"\u003e\n\n\u003ch3 class=\"specs-title\"\u003e💡 Principales caractéristiques du parfum\u003c\/h3\u003e\n\n\u003cul class=\"ca-features-list\"\u003e\n\n\u003cli\u003e\n\n \u003cspan class=\"ca-icon\"\u003e🍊\u003c\/span\u003e Des notes d'agrumes frais en tête, avec mandarine, pamplemousse et bergamote, pour une ouverture éclatante.\u003c\/li\u003e\n\n\u003cli\u003e\n\n \u003cspan class=\"ca-icon\"\u003e🌲\u003c\/span\u003e Cœur de forêt aromatique avec des aiguilles de cèdre et de pin et de l'anis pour un caractère vert et boisé.\u003c\/li\u003e\n\n\u003cli\u003e\n\n \u003cspan class=\"ca-icon\"\u003e🪵\u003c\/span\u003e Une base élégante de patchouli, de musc et de vétiver pour une profondeur chaleureuse et masculine.\u003c\/li\u003e\n\n\u003cli\u003e\n\n \u003cspan class=\"ca-icon\"\u003e👔\u003c\/span\u003e Conçu pour les hommes modernes qui apprécient les parfums propres, élégants et discrets.\u003c\/li\u003e\n\n\u003cli\u003e\n\n \u003cspan class=\"ca-icon\"\u003e✨\u003c\/span\u003e Un équilibre parfait entre fraîcheur et chaleur orientale pour une utilisation polyvalente du matin au soir. \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- IDEAL FOR --\u003e\n\u003cdiv class=\"ca-ideal scroll-trigger animate--slide-in\"\u003e\n\n\u003ch4 class=\"specs-title\"\u003e 💡 Idéal pour\u003c\/h4\u003e\n\n\u003cdiv class=\"ca-details\"\u003e\n\n\u003cp\u003e \u003cspan class=\"ca-icon\"\u003e🏢\u003c\/span\u003e Bureau, réunions d'affaires et environnements professionnels.\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan class=\"ca-icon\"\u003e🤵\u003c\/span\u003e Occasions chics décontractées et formelles où vous souhaitez une élégance raffinée.\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan class=\"ca-icon\"\u003e🌲\u003c\/span\u003e Les hommes qui apprécient les parfums aromatiques et boisés avec une ambiance « outdoor rencontre costume ».\u003c\/p\u003e\n\n \u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🎁\u003c\/span\u003e Un cadeau raffiné pour les fans d'Hugo Boss et de parfums masculins classiques. \u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- FAQ --\u003e\n\u003cdiv class=\"ca-faq scroll-trigger animate--slide-in\"\u003e\n\n\u003ch3 class=\"specs-title\"\u003e ❔ Foire aux questions\u003c\/h3\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e \u003cspan class=\"ca-icon\"\u003e❓\u003c\/span\u003e Quelle est l'odeur du parfum Hugo Boss Selection Premier Elite ? \u003cspan class=\"arrow\"\u003e▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ca-details\"\u003e Elle s'ouvre sur des notes d'agrumes vifs et de poivre rose, évolue vers un cœur de forêt aromatique avec de l'anis et des aiguilles de pin de cèdre, et se termine sur un fond chaleureux de patchouli, de musc et de vétiver.\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e \u003cspan class=\"ca-icon\"\u003e❓\u003c\/span\u003e Quand dois-je porter ce parfum ? \u003cspan class=\"arrow\"\u003e▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ca-details\"\u003e Il est idéal pour le bureau, les événements professionnels et les soirées où vous souhaitez projeter une élégance sobre et assurée sans être trop exubérant.\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e \u003cspan class=\"ca-icon\"\u003e❓\u003c\/span\u003e Ce parfum est-il très fort ? \u003cspan class=\"arrow\"\u003e▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ca-details\"\u003e Il offre une projection et une tenue équilibrées, vous procurant une présence aromatique et boisée perceptible mais raffinée tout au long de la journée. \u003c\/div\u003e\n\n\u003c\/details\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- MARKETING --\u003e\n\u003cdiv class=\"ca-marketing scroll-trigger animate--slide-in\"\u003e\n\n\u003ch4 class=\"specs-title\"\u003e 💡 Pourquoi choisir Boss Selection Premier Elite ?\u003c\/h4\u003e\n\n\u003cdiv class=\"ca-details\"\u003e\n\n \u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🕴️\u003c\/span\u003e \u003cstrong\u003eIncarne l'homme Hugo Boss\u003c\/strong\u003e : élégant, sûr de lui et d'une puissance discrète.\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan class=\"ca-icon\"\u003e🌲\u003c\/span\u003e Un accord aromatique forestier unique qui se démarque des parfums d'ambiance typiques aux agrumes utilisés au bureau.\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan class=\"ca-icon\"\u003e🖤\u003c\/span\u003e ​​Allie des notes de tête fraîches à une profondeur orientale-boisée chaleureuse pour une polyvalence jour-nuit.\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan class=\"ca-icon\"\u003e📦\u003c\/span\u003e Bouteille et emballage minimalistes et élégants qui reflètent son caractère raffiné. \u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- USEFUL LINKS --\u003e\n\u003cdiv class=\"ca-links scroll-trigger animate--slide-in\"\u003e\n\n\u003ch3 class=\"ca-subheader\"\u003e 🔗 Liens utiles\u003c\/h3\u003e\n\n\u003cul class=\"ca-links-list\"\u003e\n\n\u003cli\u003e \u003ca href=\"https:\/\/carauana.com\/pages\/shipping-info\" target=\"_blank\"\u003e🚚 Informations sur la livraison\u003c\/a\u003e\n\u003c\/li\u003e\n\n\u003cli\u003e \u003ca href=\"https:\/\/carauana.com\/pages\/giveaway_sale\/discounts-coupons\" target=\"_blank\"\u003e🎁 Réductions et coupons\u003c\/a\u003e\n\u003c\/li\u003e\n\n\u003cli\u003e \u003ca href=\"https:\/\/carauana.com\/pages\/faqs-payments-shipping-returns-refunds\" target=\"_blank\"\u003e❓ FAQ, Paiements et Retours\u003c\/a\u003e\n\u003c\/li\u003e\n\n\u003cli\u003e \u003ca href=\"https:\/\/carauana.com\/pages\/track-order\" target=\"_blank\"\u003e📦 Suivez votre commande\u003c\/a\u003e\n\u003c\/li\u003e\n\n\u003cli\u003e \u003ca href=\"https:\/\/carauana.com\/pages\/our-warehouses\" target=\"_blank\"\u003e🏭 Nos entrepôts\u003c\/a\u003e \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- LOGIN \/ COUPONS --\u003e\n\u003cdiv class=\"ca-login scroll-trigger animate--slide-in\"\u003e\n\n \u003cdiv class=\"ca-details\"\u003e🔐 \u003ca style=\"color: var(--accent); font-weight: bold; text-decoration: none;\" href=\"\/fr\/account\/login\"\u003eConnectez-vous avec Google\u003c\/a\u003e pour débloquer des coupons, des surclassements de livraison gratuits et des cadeaux exclusifs.\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- ===== Scoped CSS Style ===== --\u003e\n\u003cstyle\u003e\n\/* ---------- Base container ---------- *\/\n.prod-wrap.ca-template {\n  --accent: #E9F928;\n  --text: #000;\n  --muted: #fff;\n  color: var(--text);\n  width: 100%;\n  padding: 18px 24px; \/* spacing left\/right so images don't touch edges *\/\n  max-width: 100%;\n  margin: 12px auto 32px;\n  position: relative;\n  overflow: hidden;\n  border-radius: 25px;\n  border: 2px groove #fff;\n  box-shadow: 0 18px 20px rgba(0,0,0,0.50);\n  background: rgba(255, 255, 255, 0.33);\n}\n\/* ---------- Video \/ images ---------- *\/\n\/* Full-width images used in ca-description *\/\n.prod-wrap.ca-template .ca-images {\n  width: 100%;\n  box-sizing: border-box;\n  margin: 12px 0;\n  padding: 0;\n  display: block;\n  position: relative;\n}  \n\/* ---------- Video \/ images ---------- *\/\n.prod-wrap.ca-template .ca-desc-video {\n  position: relative;\n  width: 100%;\n  margin: 18px 0;\n  border: 2px groove #fff;\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 18px 40px rgba(0,0,0,0.75);\n  background: #000;\n  cursor: pointer;\n  transition: box-shadow 0.4s ease, filter 0.4s ease;\n}\n\n\/* Video element itself *\/\n.prod-wrap.ca-template .ca-desc-video-el {\n  width: 100%;\n  height: auto;\n  display: block;\n  box-shadow: 0 12px 30px rgba(0,0,0,0.65);\n  opacity: 06;\n  transition: filter 0.4s ease, box-shadow 0.4s ease, opacity 0.4s ease;\n  object-fit: cover;\n}\n\n\/* ---------- Mute\/Unmute icon ---------- *\/\n.ca-video-sound-icon {\n  position: absolute;\n  bottom: 18px;\n  right: 18px;\n  font-size: 3rem;\n  color: #fff;\n  background: rgba(0, 0, 0, 0.55);\n  border-radius: 50%;\n  padding: 8px 12px;\n  cursor: pointer;\n  transition: transform .3s ease, opacity .3s ease, background .3s ease;\n  z-index: 9;\n}\n.ca-video-sound-icon:hover {\n  transform: scale(1.04);\n  background: rgba(255, 255, 255, 0.25);\n  box-shadow: 0 18px 40px rgba(0,0,0,0.75);\n}\n.prod-wrap.ca-template .ca-desc-img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  margin: 14px 0;\n  border-radius: 12px;\n  border: 2px groove #fff;\n  box-shadow: 0 12px 30px rgba(0,0,0,0.65);\n  opacity: 06;\n  transition: filter 0.4s ease, box-shadow 0.4s ease, opacity 0.4s ease;\n  object-fit: cover;\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n}\n\n\/* Elegant hover effect: glow \u0026 slight contrast boost *\/\n.prod-wrap.ca-template .ca-desc-img:hover,\n.prod-wrap.ca-template .ca-desc-video:hover .ca-desc-video-el {\n  opacity: 1;\n  box-shadow: 0 26px 60px rgba(0,0,0,0.85);\n}\n\n\/* Reduce animations for users who prefer reduced motion *\/\n@media (prefers-reduced-motion: reduce) {\n  .prod-wrap.ca-template .ca-desc-img,\n  .prod-wrap.ca-template .ca-desc-video {\n    transition: none !important;\n    transform: none !important;\n    opacity: 1 !important;\n  }\n}  \n\/* Small spacing for consecutive images *\/\n.prod-wrap.ca-template .ca-desc-img + .ca-desc-img { margin-top:18px; }\n\n\/* ---------- Specs wrapper with animated background under the table ---------- *\/\n.specs-wrapper {\n  display:grid;\n  place-items:center;\n  position:relative;\n  overflow:hidden;\n  border-radius:16px;\n  border:5px groove #fff;\n  margin:18px auto;\n  width:100%;\n  max-width:1500px;\n  box-shadow:4px 4px 8px rgba(0,0,0,0.5);\n  background:none;\n}\n\n\/* background-image under the table (use a direct image URL) *\/\n.specs-wrapper::before {\n  content: '';\n  position:absolute;\n  top:0; left:0;\n  width:100%; height:100%;\n  background-image: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0669\/3876\/5628\/files\/hugo-boss-logo.svg\");\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  z-index:0;\n  transform: scale(0.5);\n  transition: transform 4s ease;\n  will-change: transform;\n}\n  .specs-wrapper:hover::before {\n    animation: pulse3D 12s infinite ease-in-out;\n  }  \n@keyframes pulse3D {\n  0% { transform: translateX(0) scale(0.5) rotateY(0deg) skewX(0deg); }\n  33% { transform: translateX(-190px) scale(1.05) rotateY(-10deg) skewX(15deg); }\n  66% { transform: translateX(190px) scale(1.09) rotateY(10deg) skewX(-15deg); }\n  100% { transform: translateX(0) scale(0.5) rotateY(0deg) skewX(0deg); }\n}\n\n.specs-content { position:relative; z-index:2; padding:24px; width:100%; box-sizing:border-box; }\n\n\/* Table styling *\/\n.ca-specs {\n  width:100%;\n  border-collapse: collapse;\n  text-align:left;\n  color: #ff0;\n  font-size:2rem;\n  border-radius:12px;\n  overflow:hidden;\n  box-shadow: 2px 2px 4px rgba(0,0,0,0.4);\n}\n.ca-specs th, .ca-specs td {\n  border:2px groove #fff;\n  padding:12px 14px;\n  vertical-align:top;\n  font-weight:700;\n}\n.ca-specs thead th { background: rgba(0,0,0,0.35); font-size:20px; }\n.ca-specs tbody tr:nth-child(odd) { background: rgba(255,255,255,0.08); }\n.ca-specs tbody tr:hover {\n  background: rgba(0,0,0,0.55);\n  box-shadow: 2px 2px 8px rgba(0,0,0,0.45);\n  animation: rowGlow 1.2s ease-in-out infinite alternate;\n}\n\n@keyframes rowGlow { \n  0% { background-color: rgba(255,255,255,0.8); } \n  25% { background-color: rgba(255,255,200,0.8); } 50% { background-color: rgba(200,255,255,0.8); } \n  75% { background-color: rgba(255,200,200,0.8); } 100% { background-color: rgba(200,200,255,0.8); } }\n\n\/* ---------- title letterColorChange ---------- *\/  \n\n.prod-wrap.ca-template .specs-title {\n  position: relative;\n  background-color: rgba(255,255,255,0.4);\n  font-size: 7rem;\n  font-weight: 900;\n  margin-bottom: 1rem;\n  text-align: center;\n  border-radius: 12px;\n  padding: 0.5rem 1rem;\n  box-shadow: 2px 2px 4px 4px rgba(0,0,0,0.4);\n  color: #000;\n  transition: color 0.3s ease;\n}\n\/* Headers \u0026 text *\/\n.prod-wrap.ca-template .specs-title { font-size: 7rem; font-weight:900; line-height:1.45; margin-bottom:12px; color:#ffffff; }   \n.prod-wrap.ca-template .ca-header { font-size: 5rem; font-weight:900; line-height:1.45; margin:18px 0; }\n.prod-wrap.ca-template .ca-subheader { font-size: 3rem; font-weight:900; line-height:1.45; margin-bottom:12px; color: red; }\n.prod-wrap.ca-template .ca-details { font-size: 2rem; font-weight:900; line-height:1.45; margin-bottom:12px; color:#000; }  \n   \n\/* Animate color on hover for all titles *\/\n.prod-wrap.ca-template .specs-title:hover {\n  box-shadow: 0 20px 40px rgba(0,0,0,0.6);\n  animation: 2s infinite letterColorChange;\n}\n@keyframes letterColorChange {\n  0%,\n  100% {\n    color: red;\n  }\n  25% {\n    color: blue;\n  }\n  50% {\n    color: green;\n  }\n  75% {\n    color: orange;\n  }\n}\n \n\/* ---------- 50\/50 rows (kept for other products) ---------- *\/\n.prod-wrap.ca-template .ca-section { width:100%; margin-top:6px; }\n.prod-wrap.ca-template .ca-row { display:flex; gap:8px; align-items:center; margin-bottom:28px; }\n.prod-wrap.ca-template .ca-row.reverse { flex-direction:row-reverse; }\n.prod-wrap.ca-template .ca-col { flex:0 0 50%; max-width:50%; padding:6px; box-sizing:border-box; }\n\n\/* ---------- Features \/ Ideal \/ Marketing containers common styling ---------- *\/\n.prod-wrap.ca-template .ca-features,\n.prod-wrap.ca-template .ca-ideal,\n.prod-wrap.ca-template .ca-marketing {\n  margin:20px 0;\n  padding:18px;\n  background: rgba(255,255,255,0.04);\n  border-radius:12px;\n  box-shadow: 0 8px 32px rgba(0,0,0,0.65);\n}\n\n\/* Features list *\/\n.prod-wrap.ca-template .ca-features-list { list-style:none; padding-left:0; margin:8px 0 0 0; }\n.prod-wrap.ca-template .ca-features-list li { margin:10px 0; font-size: 3rem; font-weight:700; display:flex; align-items:center; gap:12px; }\n\n\/* Ideal \/ marketing lists: make each line hoverable for icon effect *\/\n.prod-wrap.ca-template .ca-ideal .ca-details p,\n.prod-wrap.ca-template .ca-marketing .ca-details p { margin:8px 0; font-size:3rem; font-weight:700; display:flex; align-items:center; gap:12px; }\n\n\/* ---------- Icon scaling \u0026 fade-in on hover ---------- *\/\n.ca-icon {\n  display: inline-block;\n  transform-origin: left center;\n  transition: transform 0.35s ease, opacity 0.35s ease;\n  font-size: 4rem; \/* base icon size *\/\n  line-height: 1;\n  opacity: 0.5;\n}\n\n\/* Effetto persistente su hover *\/\n.prod-wrap.ca-template .ca-features-list li:hover .ca-icon, \n.prod-wrap.ca-template .ca-ideal .ca-details p:hover .ca-icon, \n.prod-wrap.ca-template .ca-marketing .ca-details p:hover .ca-icon, \n.prod-wrap.ca-template .ca-faq details:hover .ca-icon, \n.prod-wrap.ca-template details[open] .ca-icon {\n  transform: scale(4) translateY(-20px);\n  opacity: 1;\n}\n\n\/* ---------- FAQ styling (modern) ---------- *\/\n.prod-wrap.ca-template .ca-faq { margin-top:2rem; border-top:2px groove var(--accent); padding-top:16px; }\n.prod-wrap.ca-template .ca-faq details { background: rgba(255,255,255,0.06); margin-bottom:10px; border-radius:12px; padding:12px 16px; cursor:pointer; transition: background .28s ease, transform .18s ease; }\n.prod-wrap.ca-template .ca-faq details[open] { background: rgba(255,255,255,0.12); }\n.prod-wrap.ca-template .ca-faq summary {\n  font-size:2rem;\n  color:red;\n  font-weight:700;\n  list-style:none;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n}\n.prod-wrap.ca-template .ca-faq .arrow { transition: transform .28s ease; margin-left:8px; }\n.prod-wrap.ca-template .ca-faq details[open] .arrow { transform: rotate(180deg); }\n\n\/* ---------- Login prompt ---------- *\/\n.prod-wrap.ca-template .ca-login { margin-top:1rem; padding:10px 12px; font-size:2rem; font-weight:700; color:var(--accent); }\n\n\/* ---------- Reveal utilities (kept minimal) ---------- *\/\n\/* If your theme uses 'reveal' classes, these co-operate; otherwise harmless *\/\n.scroll-trigger { will-change: transform, opacity; }\n.animate--slide-in { transform: translateY(0); opacity:1; }\n\n\/* ---------- Accessibility \/ reduced motion ---------- *\/\n@media (prefers-reduced-motion: reduce) {\n  .prod-wrap.ca-template .ca-desc-img,\n  .prod-wrap.ca-template .ca-desc-video-el,\n  .prod-wrap.ca-template .ca-icon {\n    transition: none !important;\n    transform: none !important;\n    opacity: 1 !important;\n  }\n}\n\n\/* ---------- Responsive tweaks ---------- *\/\n@media (max-width: 1024px) {\n  .prod-wrap.ca-template { padding-left:16px; padding-right:16px; }\n  .prod-wrap.ca-template .specs-title { font-size:40px; }\n  .prod-wrap.ca-template .ca-header { font-size:36px; }\n  .prod-wrap.ca-template .ca-subheader { font-size:22px; }\n  .prod-wrap.ca-template .ca-details { font-size:18px; }\n  .prod-wrap.ca-template .ca-features-list { margin:4px 0 0 0; }\n  .prod-wrap.ca-template .ca-features-list li { margin:4px 0; font-size: 18px; gap:4px; }\n  .prod-wrap.ca-template .ca-ideal .ca-details p,\n  .prod-wrap.ca-template .ca-marketing .ca-details p { margin:4px 0; font-size:18px; gap:4px; }\n  .ca-specs th, .ca-specs td { padding:6px 4px; font-size:14px; }  \n}\n\n@media (max-width: 600px) {\n  .prod-wrap.ca-template { padding-left:10px; padding-right:10px; }\n  .prod-wrap.ca-template .ca-row, .prod-wrap.ca-template .ca-row.reverse { flex-direction:column; }\n  .prod-wrap.ca-template .ca-col { max-width:100%; flex-basis:100%; }\n  .prod-wrap.ca-template .specs-title { font-size:32px; }\n  .prod-wrap.ca-template .ca-header { font-size:28px; }\n  .prod-wrap.ca-template .ca-subheader { font-size:18px; }\n  .prod-wrap.ca-template .ca-details { font-size:14px; }\n  .ca-specs th, .ca-specs td { padding:6px 4px; font-size:14px; }\n  .prod-wrap.ca-template .ca-text .row-header { font-size:28px; }\n  .prod-wrap.ca-template .ca-features-list { margin:4px 0 0 0; }\n  .prod-wrap.ca-template .ca-features-list li { margin:4px 0; font-size: 14px; gap:4px; }\n  .prod-wrap.ca-template .ca-ideal .ca-details p,\n  .prod-wrap.ca-template .ca-marketing .ca-details p { margin:4px 0; font-size:14px; gap:4px; }\n}\n  \n\/* Responsive adjustments for tablet *\/\n@media (max-width: 1024px) {\n  .prod-wrap.ca-template .ca-desc-img,\n  .prod-wrap.ca-template .ca-desc-video {\n    border-radius: 10px;\n    margin: 12px 0;\n    box-shadow: 0 10px 24px rgba(0,0,0,0.55);\n  }\n}\n\n\/* Responsive adjustments for mobile *\/\n@media (max-width: 767px) {\n  .prod-wrap.ca-template .ca-desc-img,\n  .prod-wrap.ca-template .ca-desc-video {\n    margin: 10px 0;\n    border-radius: 8px;\n    box-shadow: 0 6px 14px rgba(0,0,0,0.45);\n  }\n\n  .prod-wrap.ca-template {\n    padding-left: 5px;\n    padding-right: 5px;\n  }\n}\n\n\/* Default desktop padding + centering *\/\n@media (min-width: 768px) {\n  .prod-wrap.ca-template {\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n}\n\n\/* ---------- Useful Links Section ---------- *\/\n.ca-links {\n  background: rgba(255, 255, 255, 0.3);\n  background-image: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0669\/3876\/5628\/files\/carauana-logo_optimized.png\");\n  background-size: contain;\n  background-position: center;\n  background-repeat: repeat;  \n  border-radius: 14px;\n  border: 2px groove #fff;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.6);\n  padding: 18px 24px;\n  margin-top: 2rem;\n  text-align: center;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.ca-links:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 16px 40px rgba(0,0,0,0.7);\n}\n\n.ca-links .ca-subheader {\n  font-size: 3rem;\n  color: #000;\n  margin-bottom: 14px;\n  text-shadow: 0 2px 4px rgba(0,0,0,0.4);\n}\n\n.ca-links-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: grid;\n  gap: 8px;\n}\n\n.ca-links-list li a {\n  display: inline-block;\n  font-size: 3rem;\n  font-weight: 700;\n  color: yellow;\n  text-decoration: none;\n  transition: color 0.3s ease, transform 0.3s ease;\n}\n\n.ca-links-list li a:hover {\n  color: white;\n  transform: scale(1.5);\n  text-shadow: 0 2px 8px rgba(0,0,0,0.8);\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .ca-links {\n    padding: 14px;\n  }\n  .ca-links-list li a {\n    font-size: 18px;\n  }\n}\n\u003c\/style\u003e\n\u003c!-- ===== END: ca-description (HTML + CSS) ===== --\u003e","brand":"Dsers","offers":[{"title":"aucun \/ 100 ml \/ États-Unis","offer_id":53728421282115,"sku":"1005007581095912-none-100ml-United States","price":75.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0669\/3876\/5628\/files\/BOSS_Selection_perfume_bottle.webp?v=1766323859","url":"https:\/\/carauana.com\/fr\/products\/hugo-boss-selection-premier-elite","provider":"CaRaUaNa Fashion","version":"1.0","type":"link"}