{"product_id":"lazy-zipper-mens-tie-business","title":"Cravate homme à fermeture éclair facile, coupe slim, style formel. ","description":"\u003cdiv class=\"prod-wrap ca-template scroll-trigger animate--slide-in\"\u003e\n\n\u003c!-- MAIN DESCRIPTION (SEO FIRST CONTENT) --\u003e\n \u003cdiv class=\"ca-details scroll-trigger animate--slide-in\"\u003eLa \u003cstrong\u003ecravate Lazy Zipper pour homme\u003c\/strong\u003e est la solution idéale pour une tenue professionnelle ou formelle soignée, sans avoir à faire un nœud traditionnel. Grâce à sa fermeture éclair invisible, cette cravate fine vous assure une allure impeccable en un clin d'œil. Confectionnée en polyester de haute qualité au toucher soyeux, elle allie durabilité, confort et style moderne, parfait pour le bureau, les événements formels et les occasions spéciales. \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 Type d'article\u003c\/th\u003e\n\n\u003ctd\u003e Cravate pour homme\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Marque\u003c\/th\u003e\n\n\u003ctd\u003e NoEnName_Null\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Modèle\u003c\/th\u003e\n\n\u003ctd\u003e YJ62947\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Matériel\u003c\/th\u003e\n\n\u003ctd\u003e Polyester (finition soyeuse)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Style\u003c\/th\u003e\n\n\u003ctd\u003e Tenue de soirée \/ Affaires formelle\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Conception\u003c\/th\u003e\n\n\u003ctd\u003e Rayures et couleurs unies\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Type de fermeture\u003c\/th\u003e\n\n\u003ctd\u003e Fermeture éclair invisible (pré-nouée)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Genre\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 Département\u003c\/th\u003e\n\n\u003ctd\u003e Adulte\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Taille\u003c\/th\u003e\n\n\u003ctd\u003e 48 × 8 cm\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Produits chimiques\u003c\/th\u003e\n\n\u003ctd\u003e Aucun produit chimique préoccupant\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003cth\u003e Le forfait comprend\u003c\/th\u003e\n\n\u003ctd\u003e 1 × Cravate à fermeture éclair \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\" style=\"text-align: center;\"\u003e \u003cspan style=\"color: rgb(33, 14, 126);\"\u003eCravate homme à fermeture éclair facile, coupe slim, style business formel.\u003c\/span\u003e \u003c\/h2\u003e\n\n\u003cdiv class=\"ca-subheader scroll-trigger animate--slide-in\" style=\"text-align: center;\"\u003e Cravate zippée pré-nouée – élégante, rapide à mettre et parfaitement profilée \u003c\/div\u003e\n\n\u003c!-- FULL WIDTH IMAGES --\u003e\n\u003cdiv class=\"ca-images\"\u003e\n\n\u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Scac77fa439b14ecd8f82cde6f1fc5359C.jpg\" alt=\"Cravate homme à fermeture éclair facile, style business formel\" class=\"ca-desc-img scroll-trigger animate--slide-in\" loading=\"eager\"\u003e\u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/S6593236555ce48e9b62bcad8fcd9b8c9m.jpg\" alt=\"Cravate pré-nouée avec fermeture éclair, coupe ajustée\" class=\"ca-desc-img scroll-trigger animate--slide-in\" loading=\"lazy\"\u003e\u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Sae4c77d65d6f4af4866085771c46d78aS.jpg\" alt=\"Cravate à rayures avec fermeture éclair pour homme\" class=\"ca-desc-img scroll-trigger animate--slide-in\" loading=\"lazy\"\u003e\u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Sc127ee1209fd45a68a3d021daebc9d30q.jpg\" alt=\"Cravate à fermeture éclair facile à porter pour hommes\" class=\"ca-desc-img scroll-trigger animate--slide-in\" loading=\"lazy\"\u003e\u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Sb258cb1218a949e7842953f645dd18a5I.jpg\" alt=\"vêtements de bureau slim skinny à fermeture éclair et cravate\" class=\"ca-desc-img scroll-trigger animate--slide-in\" loading=\"lazy\"\u003e\u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/S14970e18235345418dd05ea499e7ec01b.jpg\" alt=\"cravate à fermeture éclair pour homme couleur unie\" class=\"ca-desc-img scroll-trigger animate--slide-in\" loading=\"lazy\"\u003e\u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/S6781a09847204c7daa8da9db0173fac88.jpg\" alt=\"Fermeture éclair formelle en polyester\" class=\"ca-desc-img scroll-trigger animate--slide-in\" loading=\"lazy\"\u003e\u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Scce98c6a2e02452cb100963bc2109617m.jpg\" alt=\"Idée cadeau cravate à fermeture éclair pour homme\" class=\"ca-desc-img scroll-trigger animate--slide-in\" loading=\"lazy\"\u003e\u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/S7b3414ceedcc4e2aa8b8032fabe5dbfaz.jpg\" alt=\"Fermetures éclair en gros pour hommes\" class=\"ca-desc-img scroll-trigger animate--slide-in\" 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💡 Fonctionnalités\u003c\/h3\u003e\n\n\u003cul class=\"ca-features-list\"\u003e\n\n\u003cli\u003e \n\u003cspan class=\"ca-icon\"\u003e⚡\u003c\/span\u003e Fermeture éclair rapide – aucun nœud nécessaire\u003c\/li\u003e\n\n\u003cli\u003e\n\n \u003cspan class=\"ca-icon\"\u003e👔\u003c\/span\u003e Nœud toujours parfaitement formé\u003c\/li\u003e\n\n\u003cli\u003e\n\n \u003cspan class=\"ca-icon\"\u003e✨\u003c\/span\u003e Style mode mince et moderne\u003c\/li\u003e\n\n\u003cli\u003e\n\n \u003cspan class=\"ca-icon\"\u003e💼\u003c\/span\u003e Idéal pour les tenues professionnelles et formelles\u003c\/li\u003e\n\n\u003cli\u003e\n\n \u003cspan class=\"ca-icon\"\u003e🎁\u003c\/span\u003e Excellente option cadeau et vente en gros \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 Environnements de bureau et d'entreprise\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan class=\"ca-icon\"\u003e✔️\u003c\/span\u003e Mariages et événements formels\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan class=\"ca-icon\"\u003e✔️\u003c\/span\u003e Tenue professionnelle quotidienne\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan class=\"ca-icon\"\u003e✔️\u003c\/span\u003e Cadeaux pour hommes et vêtements d'affaires \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 Faut-il nouer la cravate ? \u003cspan class=\"arrow\"\u003e▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ca-details\"\u003e Non, elle est dotée d'une fermeture éclair dissimulée et est pré-nouée.\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e \u003cspan class=\"ca-icon\"\u003e❓\u003c\/span\u003e Est-ce approprié pour des occasions formelles ? \u003cspan class=\"arrow\"\u003e▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ca-details\"\u003e Oui, il est conçu pour les réunions d'affaires, les événements formels et les cérémonies.\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003cdetails\u003e\n \u003csummary\u003e\u003cspan class=\"ca-icon\"\u003e❓\u003c\/span\u003e De quel matériau est-il fait ? \u003cspan class=\"arrow\"\u003e▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ca-details\"\u003e Il est fabriqué en polyester résistant avec un aspect soyeux. \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 💡 Avantage\u003c\/h4\u003e\n\n\u003cdiv class=\"ca-details\"\u003e\n\n\u003cp\u003e \u003cspan class=\"ca-icon\"\u003e🚚\u003c\/span\u003e \u003cstrong\u003eLivraison suivie gratuite dans le monde entier\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan class=\"ca-icon\"\u003e🎁\u003c\/span\u003e Utilisez le code \u003cstrong\u003eMYFIRSTORDER\u003c\/strong\u003e pour bénéficier de réductions exclusives\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan class=\"ca-icon\"\u003e🔥\u003c\/span\u003e \u003cstrong\u003eStock limité\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan class=\"ca-icon\"\u003e🔒\u003c\/span\u003e Paiement sécurisé avec PayPal et les principales cartes bancaires \u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- LOGIN --\u003e\n\u003cdiv class=\"ca-login scroll-trigger animate--slide-in\"\u003e\n\n\u003cdiv class=\"ca-details\"\u003e 🔐 \u003ca href=\"\/fr\/account\/login\" style=\"color: var(--accent); font-weight: bold; text-decoration: none;\"\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\/Red_striped_tie_on_a_black_background.webp\");\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\/Red_striped_tie_on_a_black_background.webp\");\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":"1","offer_id":53729349861699,"sku":"1005004613683155-1","price":21.26,"currency_code":"USD","in_stock":true},{"title":"3","offer_id":53729349960003,"sku":"1005004613683155-3","price":21.26,"currency_code":"USD","in_stock":true},{"title":"4","offer_id":53729349927235,"sku":"1005004613683155-4","price":21.26,"currency_code":"USD","in_stock":true},{"title":"5","offer_id":53729349894467,"sku":"1005004613683155-5","price":21.26,"currency_code":"USD","in_stock":true},{"title":"11","offer_id":53729349697859,"sku":"1005004613683155-11","price":21.26,"currency_code":"USD","in_stock":true},{"title":"12","offer_id":53729349665091,"sku":"1005004613683155-12","price":21.26,"currency_code":"USD","in_stock":false},{"title":"14","offer_id":53729349632323,"sku":"1005004613683155-14","price":21.26,"currency_code":"USD","in_stock":true},{"title":"17","offer_id":53729349599555,"sku":"1005004613683155-17","price":21.26,"currency_code":"USD","in_stock":true},{"title":"18","offer_id":53729349828931,"sku":"1005004613683155-18","price":21.26,"currency_code":"USD","in_stock":true},{"title":"20","offer_id":53729349796163,"sku":"1005004613683155-20","price":21.26,"currency_code":"USD","in_stock":true},{"title":"21","offer_id":53729349763395,"sku":"1005004613683155-21","price":21.26,"currency_code":"USD","in_stock":true},{"title":"23","offer_id":53729349730627,"sku":"1005004613683155-23","price":21.26,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0669\/3876\/5628\/files\/Navy_blue_tie_with_white_stripes_on_a_dark_gray_background.webp?v=1766186578","url":"https:\/\/carauana.com\/fr\/products\/lazy-zipper-mens-tie-business","provider":"CaRaUaNa Fashion","version":"1.0","type":"link"}