{"product_id":"veste-de-soudure-apres-optimisation","title":"Veste de soudure (après optimisation)","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Veste de soudure en cuir de vachette Coverguard\nPalette détectée:\n  - Primaire: #3a3a3a (gris anthracite du cuir\/ambiance atelier)\n  - Secondaire: #D4A017 (étincelles dorées\/jaune industriel)\n  - Accent: #E8A912 (orange chaud des projections\/étincelles)\n  - Cuir: #C8BFB0 (gris beige clair du cuir de vachette)\nAmbiance: Industrielle, technique, robuste, professionnelle — univers atelier\/métal avec contraste entre le cuir gris clair et les étincelles orangées. Style brut et fonctionnel.\nPréfixe CSS: ws\n--\u003e\n\n\u003cdiv class=\"ws-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ws-hero\"\u003e\n    \u003cdiv class=\"ws-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ws-hero-content\"\u003e\n      \u003cdiv class=\"ws-badges-top\"\u003e\n        \u003cspan class=\"ws-badge\"\u003e🛡️ EN ISO 11611:2015\u003c\/span\u003e\n        \u003cspan class=\"ws-badge\"\u003e🔥 Classe 2 \/ Type A1\u003c\/span\u003e\n        \u003cspan class=\"ws-badge\"\u003e🧵 Coutures Kevlar®\u003c\/span\u003e\n        \u003cspan class=\"ws-badge\"\u003e✅ Certifiée CE\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ws-hero-title\"\u003eLa veste de soudeur qui ne transige pas avec votre sécurité\u003c\/span\u003e\n      \u003cp class=\"ws-subtitle\"\u003eCuir de vachette 100% — Fil Kevlar® — Protection maximale\u003c\/p\u003e\n      \u003cp class=\"ws-description\"\u003eConçue pour les professionnels de la soudure et de la fonderie, cette veste de soudeur en cuir de vachette Coverguard allie robustesse extrême, résistance aux projections et liberté de mouvement — tout en répondant aux normes les plus strictes du secteur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- POINTS FORTS --\u003e\n  \u003csection class=\"ws-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette veste de soudeur en cuir ?\u003c\/h2\u003e\n    \u003cdiv class=\"ws-grid\"\u003e\n      \u003cdiv class=\"ws-card\"\u003e\n        \u003cdiv class=\"ws-card-icon\"\u003e🔥\u003c\/div\u003e\n        \u003cstrong\u003eCuir de vachette 100%\u003c\/strong\u003e\n        \u003cp\u003eNaturellement résistant à la chaleur, aux étincelles et aux projections de métal en fusion. Un bouclier naturel et éprouvé pour affronter les conditions les plus exigeantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ws-card\"\u003e\n        \u003cdiv class=\"ws-card-icon\"\u003e🧵\u003c\/div\u003e\n        \u003cstrong\u003eCoutures en fil Kevlar®\u003c\/strong\u003e\n        \u003cp\u003eLes fils Kevlar® garantissent que les coutures ne fondent pas au contact des projections intenses — un détail qui fait toute la différence sur le terrain.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ws-card\"\u003e\n        \u003cdiv class=\"ws-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003cstrong\u003eCol montant protecteur\u003c\/strong\u003e\n        \u003cp\u003eLe col surélevé avec fermeture déportée à scratch protège efficacement la nuque et le bas du cou, zones souvent exposées aux étincelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ws-card\"\u003e\n        \u003cdiv class=\"ws-card-icon\"\u003e⚙️\u003c\/div\u003e\n        \u003cstrong\u003eConstruction pensée pour le terrain\u003c\/strong\u003e\n        \u003cp\u003eFermeture à scratch cachée sous patte, poignets élastiqués et poche poitrine sous rabat : chaque détail a une raison d'être fonctionnelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FICHE TECHNIQUE --\u003e\n  \u003csection class=\"ws-section\"\u003e\n    \u003ch2\u003eFiche technique complète\u003c\/h2\u003e\n    \u003cdiv class=\"ws-specs-container\"\u003e\n      \u003ctable class=\"ws-specs-table\"\u003e\n        \u003ctbody\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eMatière principale\u003c\/td\u003e\n            \u003ctd\u003eCuir de vachette fendu 100%\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eFil de couture\u003c\/td\u003e\n            \u003ctd\u003eKevlar® (résistant à la chaleur et aux flammes)\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eFermeture principale\u003c\/td\u003e\n            \u003ctd\u003eScratch déporté, dissimulé sous patte de protection\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eCol\u003c\/td\u003e\n            \u003ctd\u003eMontant avec fermeture à scratch pour protection maximale du cou\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003ePoignets\u003c\/td\u003e\n            \u003ctd\u003eÉlastiqués pour éviter les infiltrations d'étincelles\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003ePoche\u003c\/td\u003e\n            \u003ctd\u003ePoche poitrine avec rabat de protection\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eLongueur\u003c\/td\u003e\n            \u003ctd\u003e75 cm (couvre le buste et le bas du dos)\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eNorme de sécurité\u003c\/td\u003e\n            \u003ctd\u003e\u003cstrong\u003eEN ISO 11611:2015 — Classe 2 \/ Type A1\u003c\/strong\u003e\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eCertification\u003c\/td\u003e\n            \u003ctd\u003eCE — EPI de catégorie II\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eMarque\u003c\/td\u003e\n            \u003ctd\u003eCoverguard\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eRéférence modèle\u003c\/td\u003e\n            \u003ctd\u003e57455\u003c\/td\u003e\n          \u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- NORME EXPLIQUÉE --\u003e\n  \u003csection class=\"ws-section\"\u003e\n    \u003ch2\u003eCe que signifie concrètement la norme EN ISO 11611:2015\u003c\/h2\u003e\n    \u003cp class=\"ws-section-intro\"\u003eSi vous voyez souvent cette norme sans vraiment comprendre ce qu'elle implique, voici l'essentiel :\u003c\/p\u003e\n    \u003cdiv class=\"ws-timeline\"\u003e\n      \u003cdiv class=\"ws-timeline-item\"\u003e\n        \u003cdiv class=\"ws-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ws-timeline-content\"\u003e\n          \u003cstrong\u003eClasse 2 — Protection renforcée\u003c\/strong\u003e\n          \u003cp\u003eLa Classe 2 est le niveau le plus élevé de la norme. Elle est exigée pour les procédés générant davantage de projections et d'arc électrique (soudage MIG\/MAG, TIG intensif, plasma).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ws-timeline-item\"\u003e\n        \u003cdiv class=\"ws-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ws-timeline-content\"\u003e\n          \u003cstrong\u003eType A1 — Protection contre les étincelles et les projections\u003c\/strong\u003e\n          \u003cp\u003eLe type A1 couvre les risques de contact limité avec la flamme, les projections de métal fondu et les petites éclaboussures. Adapté aux postes de soudage classiques en atelier.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ws-timeline-item\"\u003e\n        \u003cdiv class=\"ws-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ws-timeline-content\"\u003e\n          \u003cstrong\u003eCertification CE obligatoire\u003c\/strong\u003e\n          \u003cp\u003eLa présence du marquage CE garantit que la veste a été testée et validée selon les exigences européennes de protection individuelle (EPI de catégorie II).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PROCÉDÉS COMPATIBLES --\u003e\n  \u003csection class=\"ws-section\"\u003e\n    \u003ch2\u003eQuels procédés de soudage et quels métiers sont concernés ?\u003c\/h2\u003e\n    \u003cdiv class=\"ws-grid ws-grid-3\"\u003e\n      \u003cdiv class=\"ws-compat-card\"\u003e\n        \u003cspan class=\"ws-compat-icon\"\u003e⚡\u003c\/span\u003e\n        \u003cspan class=\"ws-compat-label\"\u003eSoudage MIG \/ MAG\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ws-compat-card\"\u003e\n        \u003cspan class=\"ws-compat-icon\"\u003e🔧\u003c\/span\u003e\n        \u003cspan class=\"ws-compat-label\"\u003eSoudage TIG\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ws-compat-card\"\u003e\n        \u003cspan class=\"ws-compat-icon\"\u003e🔩\u003c\/span\u003e\n        \u003cspan class=\"ws-compat-label\"\u003eSoudage à l'électrode enrobée (MMA)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ws-compat-card\"\u003e\n        \u003cspan class=\"ws-compat-icon\"\u003e🏭\u003c\/span\u003e\n        \u003cspan class=\"ws-compat-label\"\u003eTravaux de fonderie\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ws-compat-card\"\u003e\n        \u003cspan class=\"ws-compat-icon\"\u003e✂️\u003c\/span\u003e\n        \u003cspan class=\"ws-compat-label\"\u003eDécoupe plasma et meulage\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ws-compat-card\"\u003e\n        \u003cspan class=\"ws-compat-icon\"\u003e🛠️\u003c\/span\u003e\n        \u003cspan class=\"ws-compat-label\"\u003eChaudronnerie et serrurerie\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ENTRETIEN --\u003e\n  \u003csection class=\"ws-section\"\u003e\n    \u003ch2\u003eComment bien entretenir votre veste de soudeur en cuir ?\u003c\/h2\u003e\n    \u003cdiv class=\"ws-timeline\"\u003e\n      \u003cdiv class=\"ws-timeline-item\"\u003e\n        \u003cdiv class=\"ws-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ws-timeline-content\"\u003e\n          \u003cstrong\u003eNe jamais laver en machine\u003c\/strong\u003e\n          \u003cp\u003eLe cuir de vachette se lave uniquement à la main avec un chiffon humide et, si nécessaire, un savon doux spécial cuir. La machine à laver altère la structure des fibres et compromet la protection.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ws-timeline-item\"\u003e\n        \u003cdiv class=\"ws-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ws-timeline-content\"\u003e\n          \u003cstrong\u003eSécher à l'air libre, à l'abri de la chaleur directe\u003c\/strong\u003e\n          \u003cp\u003eÉvitez le radiateur ou le soleil direct qui fragilisent le cuir. Laissez sécher à plat ou sur cintre dans un endroit aéré.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ws-timeline-item\"\u003e\n        \u003cdiv class=\"ws-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ws-timeline-content\"\u003e\n          \u003cstrong\u003eNourrir le cuir régulièrement\u003c\/strong\u003e\n          \u003cp\u003eAppliquez une crème nourrissante pour cuir tous les 3 à 6 mois selon l'intensité d'utilisation. Cela préserve la souplesse et la résistance aux projections dans la durée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ws-timeline-item\"\u003e\n        \u003cdiv class=\"ws-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"ws-timeline-content\"\u003e\n          \u003cstrong\u003eInspecter les coutures après chaque session intensive\u003c\/strong\u003e\n          \u003cp\u003eVérifiez l'intégrité des fils Kevlar® aux zones les plus sollicitées (épaules, emmanchures). Une couture endommagée doit être reprise avant toute nouvelle utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- AVERTISSEMENT --\u003e\n  \u003csection class=\"ws-section\"\u003e\n    \u003cdiv class=\"ws-warning-box\"\u003e\n      \u003cdiv class=\"ws-warning-icon\"\u003e⚠️\u003c\/div\u003e\n      \u003cdiv class=\"ws-warning-content\"\u003e\n        \u003cstrong\u003eRappel important\u003c\/strong\u003e\n        \u003cp\u003eCette veste de soudeur est un équipement de protection individuelle (EPI). Elle doit toujours être utilisée en complément d'autres protections adaptées (masque de soudage, gants de soudeur, tablier, chaussures de sécurité). Elle ne remplace en aucun cas une formation à la sécurité ni les consignes de votre employeur ou de votre environnement de travail.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"ws-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"ws-cta-box\"\u003e\n      \u003cdiv class=\"ws-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"ws-cta-content\"\u003e\n        \u003cdiv class=\"ws-cta-icon\"\u003e🔥\u003c\/div\u003e\n        \u003cp\u003eConçue pour ceux qui ne laissent rien au hasard, cette veste de soudeur Coverguard en cuir de vachette et fil Kevlar® est l'alliée fiable de chaque journée en atelier. Col montant, poignets élastiqués, norme Classe 2 : elle protège là où les risques sont réels, sans jamais vous freiner dans vos gestes.\u003c\/p\u003e\n        \u003cspan class=\"ws-cta-tagline\"\u003eParce qu'un bon soudeur mérite un équipement à sa hauteur.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --ws-cream: #F5F3EF;\n  --ws-white: #ffffff;\n  --ws-primary: #3A3A3A;\n  --ws-primary-dark: #1A1A1A;\n  --ws-primary-light: #E8E6E2;\n  --ws-secondary: #D4A017;\n  --ws-accent: #E8A912;\n  --ws-text: #1a1a1a;\n  --ws-text-light: #5a5a5a;\n  --ws-border: #e0e0e0;\n  --ws-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ws-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ws-radius: 20px;\n  --ws-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ws-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ws-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--ws-text);\n  line-height: 1.7;\n}\n\n.ws-premium *, .ws-premium *::before, .ws-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.ws-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ws-primary-dark) 0%, #2a2a2a 40%, var(--ws-primary) 70%, #4a4a4a 100%);\n  border-radius: var(--ws-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--ws-shadow-lg);\n}\n\n.ws-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image:\n    radial-gradient(circle at 15% 85%, rgba(212,160,23,.15) 0%, transparent 40%),\n    radial-gradient(circle at 85% 15%, rgba(232,169,18,.1) 0%, transparent 35%),\n    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.ws-hero::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -20%;\n  width: 400px;\n  height: 400px;\n  background: radial-gradient(circle, rgba(212,160,23,.08) 0%, transparent 70%);\n  border-radius: 50%;\n  pointer-events: none;\n}\n\n.ws-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ws-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: clamp(1.5rem, 3vw, 2rem);\n}\n\n.ws-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 18px;\n  background: rgba(255,255,255,.12);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  border: 1px solid rgba(212,160,23,.4);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ws-secondary);\n  transition: all .3s ease;\n}\n\n.ws-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  background: rgba(255,255,255,.2);\n  border-color: var(--ws-secondary);\n}\n\n.ws-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 6vw, 48px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  line-height: 1.15;\n  text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.ws-subtitle {\n  color: var(--ws-secondary);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 700;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.ws-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 2vw, 17px);\n  max-width: 720px;\n  margin: 0 auto;\n  line-height: 1.8;\n}\n\n\/* === SECTIONS === *\/\n.ws-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.ws-premium h2 {\n  font-size: clamp(24px, 5vw, 34px);\n  font-weight: 900;\n  color: var(--ws-primary-dark);\n  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ws-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ws-secondary), var(--ws-accent));\n  border-radius: 2px;\n}\n\n.ws-section-intro {\n  text-align: center;\n  color: var(--ws-text-light);\n  font-size: clamp(15px, 2vw, 17px);\n  max-width: 680px;\n  margin: -0.5rem auto clamp(1.5rem, 3vw, 2.5rem) auto;\n}\n\n\/* === GRILLES === *\/\n.ws-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.ws-grid-3 {\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === CARDS === *\/\n.ws-card {\n  background: var(--ws-white);\n  border-radius: var(--ws-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--ws-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ws-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--ws-shadow-lg);\n  border-color: var(--ws-secondary);\n}\n\n.ws-card-icon {\n  font-size: 2.4em;\n  margin-bottom: 0.75rem;\n  display: block;\n  filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.ws-card strong {\n  display: block;\n  font-size: clamp(15px, 2vw, 17px);\n  color: var(--ws-primary-dark);\n  margin-bottom: 0.5rem;\n}\n\n.ws-card p {\n  margin: 0;\n  font-size: clamp(13px, 1.8vw, 15px);\n  color: var(--ws-text-light);\n  line-height: 1.7;\n}\n\n\/* === SPECS TABLE === *\/\n.ws-specs-container {\n  background: var(--ws-white);\n  border-radius: var(--ws-radius);\n  overflow: hidden;\n  box-shadow: var(--ws-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.ws-specs-container:hover {\n  box-shadow: var(--ws-shadow-lg);\n  border-color: var(--ws-secondary);\n}\n\n.ws-specs-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.ws-specs-table tr {\n  transition: background .2s ease;\n}\n\n.ws-specs-table tr:nth-child(even) {\n  background: var(--ws-primary-light);\n}\n\n.ws-specs-table tr:hover {\n  background: rgba(212,160,23,.08);\n}\n\n.ws-specs-table td {\n  padding: clamp(12px, 2vw, 16px) clamp(16px, 3vw, 24px);\n  border-bottom: 1px solid var(--ws-border);\n  font-size: clamp(13px, 1.8vw, 15px);\n  color: var(--ws-text-light);\n  vertical-align: top;\n}\n\n.ws-specs-table tr:last-child td {\n  border-bottom: none;\n}\n\n.ws-specs-table td:first-child {\n  font-weight: 700;\n  color: var(--ws-primary-dark);\n  width: 40%;\n  position: relative;\n  padding-left: clamp(16px, 3vw, 28px);\n}\n\n.ws-specs-table td:first-child::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 4px;\n  background: linear-gradient(180deg, var(--ws-secondary), var(--ws-accent));\n  border-radius: 0 2px 2px 0;\n  opacity: 0;\n  transition: opacity .3s ease;\n}\n\n.ws-specs-table tr:hover td:first-child::before {\n  opacity: 1;\n}\n\n\/* === TIMELINE === *\/\n.ws-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n\n.ws-timeline-item {\n  display: flex;\n  align-items: flex-start;\n  gap: clamp(1rem, 2.5vw, 1.5rem);\n  background: var(--ws-white);\n  border-radius: var(--ws-radius-sm);\n  padding: clamp(1.25rem, 2.5vw, 1.75rem);\n  box-shadow: var(--ws-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.ws-timeline-item:hover {\n  transform: translateX(8px);\n  box-shadow: var(--ws-shadow-lg);\n  border-color: var(--ws-secondary);\n}\n\n.ws-timeline-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--ws-primary-dark), var(--ws-primary));\n  color: var(--ws-secondary);\n  font-weight: 900;\n  font-size: 18px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 16px rgba(26,26,26,.2);\n}\n\n.ws-timeline-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.ws-timeline-content strong {\n  display: block;\n  font-size: clamp(15px, 2vw, 17px);\n  color: var(--ws-primary-dark);\n  margin-bottom: 0.35rem;\n}\n\n.ws-timeline-content p {\n  margin: 0;\n  font-size: clamp(13px, 1.8vw, 15px);\n  color: var(--ws-text-light);\n  line-height: 1.7;\n}\n\n\/* === COMPAT CARDS === *\/\n.ws-compat-card {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: var(--ws-white);\n  border-radius: var(--ws-radius-sm);\n  padding: clamp(1rem, 2vw, 1.25rem) clamp(1.25rem, 2.5vw, 1.5rem);\n  box-shadow: var(--ws-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.ws-compat-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--ws-shadow-lg);\n  border-color: var(--ws-secondary);\n}\n\n.ws-compat-icon {\n  font-size: 1.6em;\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: var(--ws-primary-light);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ws-compat-label {\n  font-size: clamp(14px, 1.8vw, 15px);\n  font-weight: 600;\n  color: var(--ws-primary-dark);\n}\n\n\/* === WARNING BOX === *\/\n.ws-warning-box {\n  display: flex;\n  gap: clamp(1rem, 2.5vw, 1.5rem);\n  align-items: flex-start;\n  background: linear-gradient(135deg, #FFF9E6 0%, #FFF3CC 100%);\n  border: 2px solid rgba(212,160,23,.3);\n  border-radius: var(--ws-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--ws-shadow);\n}\n\n.ws-warning-icon {\n  font-size: 2em;\n  flex-shrink: 0;\n  width: 52px;\n  height: 52px;\n  background: var(--ws-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 16px rgba(212,160,23,.15);\n}\n\n.ws-warning-content strong {\n  display: block;\n  font-size: clamp(15px, 2vw, 17px);\n  color: var(--ws-primary-dark);\n  margin-bottom: 0.5rem;\n}\n\n.ws-warning-content p {\n  margin: 0;\n  font-size: clamp(13px, 1.8vw, 14px);\n  color: var(--ws-text-light);\n  line-height: 1.7;\n}\n\n\/* === CTA BOX === *\/\n.ws-cta-box {\n  background: linear-gradient(135deg, var(--ws-primary-dark) 0%, var(--ws-primary) 50%, #4a4a4a 100%);\n  border-radius: var(--ws-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--ws-shadow-lg);\n}\n\n.ws-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image:\n    radial-gradient(circle at 20% 80%, rgba(212,160,23,.12) 0%, transparent 40%),\n    radial-gradient(circle at 80% 20%, rgba(232,169,18,.08) 0%, transparent 35%);\n}\n\n.ws-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.ws-cta-icon {\n  font-size: 3em;\n  margin-bottom: 1rem;\n  display: block;\n  filter: drop-shadow(0 4px 12px rgba(0,0,0,.2));\n}\n\n.ws-cta-box p {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.2vw, 18px);\n  line-height: 1.8;\n  font-weight: 500;\n  max-width: 700px;\n  margin: 0 auto 1.5rem auto;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.ws-cta-tagline {\n  display: inline-block;\n  color: var(--ws-secondary);\n  font-size: clamp(17px, 2.5vw, 22px);\n  font-weight: 900;\n  letter-spacing: -.02em;\n  padding: 12px 28px;\n  border: 2px solid rgba(212,160,23,.5);\n  border-radius: 999px;\n  background: rgba(212,160,23,.1);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ws-card, .ws-timeline-item, .ws-compat-card {\n    animation: wssFadeInUp .6s ease backwards;\n  }\n  .ws-card:nth-child(1), .ws-timeline-item:nth-child(1), .ws-compat-card:nth-child(1) { animation-delay: .1s; }\n  .ws-card:nth-child(2), .ws-timeline-item:nth-child(2), .ws-compat-card:nth-child(2) { animation-delay: .2s; }\n  .ws-card:nth-child(3), .ws-timeline-item:nth-child(3), .ws-compat-card:nth-child(3) { animation-delay: .3s; }\n  .ws-card:nth-child(4), .ws-timeline-item:nth-child(4), .ws-compat-card:nth-child(4) { animation-delay: .4s; }\n  .ws-compat-card:nth-child(5) { animation-delay: .5s; }\n  .ws-compat-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes wssFadeInUp {\n  from { opacity: 0; transform: translateY(40px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .ws-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .ws-grid-3 {\n    grid-template-columns: 1fr;\n  }\n\n  .ws-specs-table td:first-child {\n    width: 45%;\n  }\n\n  .ws-timeline-item:hover {\n    transform: translateX(4px);\n  }\n\n  .ws-warning-box {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n}\n\n@media (max-width: 480px) {\n  .ws-hero {\n    padding: clamp(2rem, 5vw, 3rem) clamp(1.25rem, 4vw, 2rem);\n  }\n\n  .ws-specs-table td {\n    display: block;\n    width: 100%;\n    padding: 8px clamp(12px, 3vw, 20px);\n  }\n\n  .ws-specs-table td:first-child {\n    width: 100%;\n    border-bottom: none;\n    padding-bottom: 4px;\n  }\n\n  .ws-specs-table td:first-child::before {\n    display: none;\n  }\n\n  .ws-specs-table tr {\n    display: block;\n    border-bottom: 1px solid var(--ws-border);\n    padding: 8px 0;\n  }\n\n  .ws-specs-table tr:last-child {\n    border-bottom: none;\n  }\n\n  .ws-timeline-item {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ws-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .ws-card, .ws-timeline-item, .ws-compat-card, .ws-specs-container {\n    border: 2px solid var(--ws-primary-dark);\n  }\n\n  .ws-badge {\n    border: 2px solid var(--ws-secondary);\n    background: rgba(0,0,0,.5);\n  }\n\n  .ws-hero-title {\n    text-shadow: none;\n  }\n}\n\u003c\/style\u003e","brand":"Ecom Optimizer","offers":[{"title":"Default Title","offer_id":57685779939676,"sku":null,"price":46.8,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1006\/9295\/1388\/files\/veste-de-soudure-avant-optimisation-in-use.webp?v=1779202046","url":"https:\/\/ecom-optimizer.com\/products\/veste-de-soudure-apres-optimisation","provider":"Ecom Optimizer","version":"1.0","type":"link"}