{"product_id":"hugo-boss-selection-premier-elite","title":"Hugo Boss Selection Premier Elite EDT 100 ml Men","description":"\u003cdiv class=\"prod-wrap ca-template scroll-trigger animate--slide-in\"\u003e\n\u003c!-- MAIN DESCRIPTION (FIRST INDEXED CONTENT) --\u003e\n\u003cdiv class=\"ca-details scroll-trigger animate--slide-in\"\u003e\n\u003cstrong\u003eHugo Boss Selection Premier Elite Eau de Toilette\u003c\/strong\u003e is a fresh and elegant men’s fragrance that combines citrus brightness with refined woody and oriental nuances. Built around an aromatic forest theme, it opens with vibrant Pink Pepper, Tangerine, Grapefruit and Bergamot for a crisp, sparkling introduction that feels both modern and sophisticated. In the heart, Anise, Cedar Pine Needle and Cranesbill add a cool, green, slightly spicy character that evokes walking through a pine forest in the early morning. The base of Patchouli, Musk and Vetiver provides a smooth, earthy depth and long lasting masculine warmth, making this fragrance ideal for men who value understated elegance and confidence.\u003c\/div\u003e\n\u003c!-- SPECIFICATIONS --\u003e\n\u003cdiv class=\"specs-wrapper scroll-trigger animate--slide-in\"\u003e\n\u003cdiv class=\"specs-content\"\u003e\n\u003cdiv class=\"specs-title\"\u003e📋 Product Specifications\u003c\/div\u003e\n\u003ctable class=\"ca-specs\" aria-label=\"Product specifications\" role=\"table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eBrand\u003c\/th\u003e\n\u003ctd\u003eHugo Boss\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eFragrance Name\u003c\/th\u003e\n\u003ctd\u003eBoss Selection Premier Elite\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eType\u003c\/th\u003e\n\u003ctd\u003eEau de Toilette (EDT)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eItem Volume\u003c\/th\u003e\n\u003ctd\u003e100 ml\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eFragrance Family\u003c\/th\u003e\n\u003ctd\u003eAromatic, woody, oriental\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eFragrance Theme\u003c\/th\u003e\n\u003ctd\u003eAromatic forest\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eTop Notes\u003c\/th\u003e\n\u003ctd\u003ePink Pepper, Tangerine, Grapefruit, Bergamot\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eHeart Notes\u003c\/th\u003e\n\u003ctd\u003eAnise, Cedar Pine Needle, Cranesbill\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eBase Notes\u003c\/th\u003e\n\u003ctd\u003ePatchouli, Musk, Vetiver\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eOccasion\u003c\/th\u003e\n\u003ctd\u003eOffice, business, evening events, smart-casual wear\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eTarget\u003c\/th\u003e\n\u003ctd\u003eMen\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eOrigin\u003c\/th\u003e\n\u003ctd\u003eDE (Origin)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eHigh-concern chemicals\u003c\/th\u003e\n\u003ctd\u003eAcetaldehyde; Ethyl alcohol in alcoholic beverages\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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 for Men\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"ca-subheader scroll-trigger animate--slide-in\"\u003eAromatic forest 🌲 • Fresh citrus 🌞 • Elegant oriental warmth 🖤\u003c\/div\u003e\n\u003c!-- USAGE \/ PERFORMANCE INFO --\u003e\n\u003cdiv class=\"ca-features scroll-trigger animate--slide-in\"\u003e\n\u003ch3 class=\"specs-title\"\u003e📏 Usage \u0026amp; Performance Guide\u003c\/h3\u003e\n\u003cul class=\"ca-features-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e💨\u003c\/span\u003e Refined Eau de Toilette ideal for daily office wear and evening occasions.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e📍\u003c\/span\u003e Apply 3–5 sprays on clean skin (neck, chest and wrists) for an elegant scent aura.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e🕴️\u003c\/span\u003e Balanced projection that feels noticeable yet sophisticated, not overpowering.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e⏳\u003c\/span\u003e Long lasting woody-aromatic base notes designed to stay with you through the day.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGES --\u003e\n\u003cdiv class=\"ca-images\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0669\/3876\/5628\/files\/hugo-boss-logo.svg\" alt=\"Hugo Boss logo for Boss Selection Premier Elite fragrance\" 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=\"Hugo Boss Selection Premier Elite bottle and packaging\" 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=\"Close-up of Hugo Boss Selection Premier Elite Eau de Toilette bottle\" class=\"ca-desc-img\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"ca-features scroll-trigger animate--slide-in\"\u003e\n\u003ch3 class=\"specs-title\"\u003e💡 Key Fragrance Features\u003c\/h3\u003e\n\u003cul class=\"ca-features-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e🍊\u003c\/span\u003e Fresh citrus top with Tangerine, Grapefruit and Bergamot for a bright opening.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e🌲\u003c\/span\u003e Aromatic forest heart with Cedar Pine Needle and Anise for a green, woody character.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e🪵\u003c\/span\u003e Elegant base of Patchouli, Musk and Vetiver for warm, masculine depth.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e👔\u003c\/span\u003e Designed for modern men who appreciate clean, tailored and understated scents.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ca-icon\"\u003e✨\u003c\/span\u003e Perfect balance of freshness and oriental warmth for versatile day-to-night use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- IDEAL FOR --\u003e\n\u003cdiv class=\"ca-ideal scroll-trigger animate--slide-in\"\u003e\n\u003ch4 class=\"specs-title\"\u003e💡 Ideal For\u003c\/h4\u003e\n\u003cdiv class=\"ca-details\"\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🏢\u003c\/span\u003e Office, business meetings and professional environments.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🤵\u003c\/span\u003e Smart-casual and formal occasions where you want refined elegance.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🌲\u003c\/span\u003e Men who enjoy aromatic, woody fragrances with an “outdoors meets suit” vibe.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🎁\u003c\/span\u003e A sophisticated gift choice for fans of Hugo Boss and classic masculine scents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ --\u003e\n\u003cdiv class=\"ca-faq scroll-trigger animate--slide-in\"\u003e\n\u003ch3 class=\"specs-title\"\u003e❔ Frequently Asked\u003c\/h3\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan class=\"ca-icon\"\u003e❓\u003c\/span\u003e What does Hugo Boss Selection Premier Elite smell like?\u003cspan class=\"arrow\"\u003e▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ca-details\"\u003eIt opens with bright citrus and Pink Pepper, moves into an aromatic forest heart with Anise and Cedar Pine Needle, and settles into a warm Patchouli, Musk and Vetiver base.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan class=\"ca-icon\"\u003e❓\u003c\/span\u003e When should I wear this fragrance?\u003cspan class=\"arrow\"\u003e▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ca-details\"\u003eIt is ideal for office, business events and evening occasions where you want to project clean, confident elegance without being too loud.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan class=\"ca-icon\"\u003e❓\u003c\/span\u003e Is this fragrance very strong?\u003cspan class=\"arrow\"\u003e▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ca-details\"\u003eIt offers balanced projection and longevity, giving you a noticeable but refined aromatic-woody presence throughout the day.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- MARKETING --\u003e\n\u003cdiv class=\"ca-marketing scroll-trigger animate--slide-in\"\u003e\n\u003ch4 class=\"specs-title\"\u003e💡 Why Choose Boss Selection Premier Elite\u003c\/h4\u003e\n\u003cdiv class=\"ca-details\"\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🕴️\u003c\/span\u003e\u003cstrong\u003eEmbodies the Hugo Boss man\u003c\/strong\u003e—sharp, confident and quietly powerful.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🌲\u003c\/span\u003eA unique aromatic forest accord that stands out from typical citrus-only office scents.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e🖤\u003c\/span\u003eCombines fresh top notes with warm oriental-woody depth for day-to-night versatility.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"ca-icon\"\u003e📦\u003c\/span\u003eMinimalist, elegant bottle and packaging that mirror its refined character.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- USEFUL LINKS --\u003e\n\u003cdiv class=\"ca-links scroll-trigger animate--slide-in\"\u003e\n\u003ch3 class=\"ca-subheader\"\u003e🔗 Useful Links\u003c\/h3\u003e\n\u003cul class=\"ca-links-list\"\u003e\n\u003cli\u003e\u003ca href=\"https:\/\/carauana.com\/pages\/shipping-info\" target=\"_blank\"\u003e🚚 Shipping Information\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"https:\/\/carauana.com\/pages\/giveaway_sale\/discounts-coupons\" target=\"_blank\"\u003e🎁 Discounts \u0026amp; Coupons\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"https:\/\/carauana.com\/pages\/faqs-payments-shipping-returns-refunds\" target=\"_blank\"\u003e❓ FAQs, Payments \u0026amp; Returns\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"https:\/\/carauana.com\/pages\/track-order\" target=\"_blank\"\u003e📦 Track Your Order\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"https:\/\/carauana.com\/pages\/our-warehouses\" target=\"_blank\"\u003e🏭 Our Warehouses\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- LOGIN \/ COUPONS --\u003e\n\u003cdiv class=\"ca-login scroll-trigger animate--slide-in\"\u003e\n\u003cdiv class=\"ca-details\"\u003e🔐 \u003ca style=\"color: var(--accent); font-weight: bold; text-decoration: none;\" href=\"\/lb\/account\/login\"\u003eLog in with Google\u003c\/a\u003e to unlock coupons, free shipping upgrades, and exclusive gifts.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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":"none \/ 100ml \/ United States","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\/lb\/products\/hugo-boss-selection-premier-elite","provider":"CaRaUaNa Fashion","version":"1.0","type":"link"}