{"product_id":"hmx-macchiato-linear-switches","title":"HMX Macchiato — Switch linéaire à clic subtil avec tige POK | 42 gf · Lubrifié en usine","description":"\u003cbody\u003e\n\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n    \u003ctitle\u003eSwitch linéaire HMX Macchiato - Détails du produit\u003c\/title\u003e\n\n    \u003cstyle\u003e\n        \/* =========================================\n           DIYKEY Independent Scope · Minimalist Premium Design\n           Product: HMX Macchiato Linear Switch\n           ========================================= *\/\n        \n        .dk-product-details {\n            \/* Design Tokens (Adapted to Caramel Macchiato \/ Cream White theme) *\/\n            --dk-primary: #92400E; \/* Amber\/Brown 800 - Caramel *\/\n            --dk-primary-light: #FEF3C7; \/* Amber 100 - Cream *\/\n            --dk-primary-hover: #78350F; \/* Amber 900 *\/\n            \n            --dk-text-title: #27272A; \/* Slate 800 *\/\n            --dk-text-main: #3F3F46; \/* Slate 700 *\/\n            --dk-text-muted: #71717A; \/* Slate 500 *\/\n            --dk-text-light: #A1A1AA; \/* Slate 400 *\/\n            \n            --dk-bg-main: #FAFAF9; \/* Zinc 50 - Warm White *\/\n            --dk-bg-card: #FFFFFF;\n            --dk-bg-subtle: #F4F4F5; \/* Zinc 100 *\/\n            \n            --dk-border-color: #E4E4E7; \/* Zinc 200 *\/\n            \n            --dk-radius-xl: 32px;\n            --dk-radius-lg: 24px;\n            --dk-radius-md: 16px;\n            \n            --dk-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.03);\n            --dk-shadow-md: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\n            --dk-shadow-hover: 0 20px 40px -10px rgba(0, 0, 0, 0.08);\n            \n            --dk-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n            --dk-transition-bounce: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n            background-color: var(--dk-bg-main);\n            color: var(--dk-text-main);\n            line-height: 1.6;\n            padding-bottom: 80px;\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .dk-product-details * { box-sizing: border-box; margin: 0; padding: 0; }\n\n        .dk-container {\n            width: 92%;\n            max-width: 1100px;\n            margin: 0 auto;\n        }\n\n        \/* Generic Titles *\/\n        .dk-section-title {\n            font-size: 36px;\n            font-weight: 800;\n            text-align: center;\n            margin: 80px 0 40px;\n            letter-spacing: -1px;\n            color: var(--dk-text-title);\n            line-height: 1.2;\n        }\n\n        .dk-section-title::after {\n            content: '';\n            display: block;\n            width: 48px;\n            height: 4px;\n            margin: 16px auto 0;\n            background-color: var(--dk-primary);\n            border-radius: 4px;\n        }\n\n        .dk-highlight-orange { color: var(--dk-primary); }\n\n        \/* ================= Hero Section ================= *\/\n        .dk-hero-section { padding: 40px 0 60px; }\n\n        .dk-hero-grid {\n            display: grid;\n            grid-template-columns: 1.1fr 0.9fr;\n            gap: 56px;\n            align-items: center;\n        }\n\n        .dk-video-wrapper {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 16 \/ 9;\n            margin: 0 auto;\n            border-radius: var(--dk-radius-xl);\n            overflow: hidden;\n            background: #000000;\n            box-shadow: var(--dk-shadow-md);\n            transform: translateZ(0);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--dk-text-muted);\n            font-size: 14px;\n        }\n\n        .dk-video-wrapper iframe,\n        .dk-video-wrapper img {\n            position: absolute;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            object-fit: cover;\n            border: none;\n        }\n\n        .dk-hero-badge {\n            display: inline-flex;\n            background: var(--dk-primary-light);\n            color: var(--dk-primary-hover);\n            padding: 8px 18px;\n            border-radius: 40px;\n            font-size: 13px;\n            font-weight: 700;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            border: 1px solid #FDE68A;\n        }\n\n        .dk-hero-title {\n            font-size: 44px;\n            font-weight: 800;\n            line-height: 1.2;\n            margin-bottom: 24px;\n            letter-spacing: -1px;\n            color: var(--dk-text-title);\n        }\n\n        .dk-hero-subtitle {\n            font-size: 18px;\n            color: var(--dk-text-muted);\n            font-weight: 600;\n            margin-bottom: 24px;\n            line-height: 1.5;\n        }\n\n        .dk-hero-desc {\n            font-size: 16px;\n            color: var(--dk-text-main);\n            margin-bottom: 32px;\n            line-height: 1.7;\n        }\n\n        .dk-hero-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 32px; }\n\n        .dk-tag {\n            background: var(--dk-bg-subtle);\n            padding: 8px 16px;\n            border-radius: 40px;\n            font-size: 14px;\n            font-weight: 600;\n            color: var(--dk-text-main);\n            transition: var(--dk-transition);\n            border: 1px solid var(--dk-border-color);\n        }\n\n        .dk-tag:hover {\n            background: var(--dk-primary-light);\n            color: var(--dk-primary-hover);\n            border-color: #FDE68A;\n            transform: translateY(-2px);\n        }\n\n        \/* ================= Trust Numbers ================= *\/\n        .dk-trust-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 24px;\n            margin: 64px 0;\n            text-align: center;\n            background: var(--dk-bg-subtle);\n            padding: 40px 24px;\n            border-radius: var(--dk-radius-xl);\n            border: 1px solid var(--dk-border-color);\n        }\n\n        .dk-trust-num {\n            font-size: 36px;\n            font-weight: 800;\n            color: var(--dk-primary-hover);\n            letter-spacing: -1px;\n        }\n\n        .dk-trust-label {\n            font-size: 13px;\n            color: var(--dk-text-muted);\n            font-weight: 700;\n            margin-top: 6px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        \/* ================= Pain Points ================= *\/\n        .dk-pain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }\n\n        .dk-pain-card {\n            background: var(--dk-bg-card);\n            padding: 40px 24px;\n            border-radius: var(--dk-radius-lg);\n            text-align: center;\n            box-shadow: var(--dk-shadow-sm);\n            border: 1px solid #f3f4f6;\n            transition: var(--dk-transition);\n        }\n\n        .dk-pain-card:hover {\n            transform: translateY(-8px);\n            box-shadow: var(--dk-shadow-hover);\n            border-color: var(--dk-primary-light);\n        }\n\n        .dk-pain-icon {\n            width: 56px; height: 56px;\n            margin: 0 auto 24px;\n            color: var(--dk-text-title);\n            transition: var(--dk-transition);\n        }\n        .dk-pain-icon svg { width: 100%; height: 100%; }\n        .dk-pain-card:hover .dk-pain-icon { color: var(--dk-primary); transform: scale(1.1); }\n\n        .dk-pain-card h3 { font-size: 20px; font-weight: 700; margin-bottom: 16px; color: var(--dk-text-title); }\n        .dk-pain-card p { font-size: 15px; color: var(--dk-text-muted); }\n\n        .dk-pain-solution {\n            margin-top: 40px;\n            background: var(--dk-text-title);\n            color: #ffffff;\n            padding: 24px 32px;\n            border-radius: var(--dk-radius-md);\n            text-align: center;\n            font-size: 18px;\n            font-weight: 500;\n            box-shadow: var(--dk-shadow-md);\n        }\n\n        \/* ================= FABE Feature Blocks ================= *\/\n        .dk-feature-block {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 64px;\n            align-items: center;\n            margin: 100px 0;\n        }\n        .dk-feature-block.reverse { direction: rtl; }\n        .dk-feature-block.reverse \u003e * { direction: ltr; }\n\n        .dk-feature-media {\n            width: 100%;\n            border-radius: var(--dk-radius-lg);\n            box-shadow: var(--dk-shadow-md);\n            overflow: hidden;\n            background: var(--dk-bg-subtle);\n            aspect-ratio: 4\/3;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--dk-text-light);\n            font-size: 18px;\n            font-weight: bold;\n            text-align: center;\n            border: 2px dashed var(--dk-border-color);\n        }\n        \n        .dk-feature-media img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        .dk-feature-text h3 {\n            font-size: 32px;\n            font-weight: 800;\n            line-height: 1.3;\n            margin-bottom: 28px;\n            color: var(--dk-text-title);\n        }\n\n        .dk-fabe-list { display: flex; flex-direction: column; gap: 28px; }\n        .dk-fabe-item { padding-left: 20px; border-left: 4px solid var(--dk-primary); }\n        .dk-fabe-item strong { display: block; font-size: 18px; color: var(--dk-text-title); margin-bottom: 6px; }\n        .dk-fabe-item p { font-size: 16px; color: var(--dk-text-muted); }\n\n        \/* ================= Spec Tables ================= *\/\n        .dk-table-wrapper {\n            margin-bottom: 48px;\n            border-radius: var(--dk-radius-md);\n            background: var(--dk-bg-card);\n            box-shadow: var(--dk-shadow-sm);\n            border: 1px solid var(--dk-border-color);\n            overflow-x: auto; \n            -webkit-overflow-scrolling: touch;\n        }\n\n        \/* Custom Scrollbar for better UX on desktop \u0026 mobile hints *\/\n        .dk-table-wrapper::-webkit-scrollbar {\n            height: 6px;\n        }\n        .dk-table-wrapper::-webkit-scrollbar-track {\n            background: var(--dk-bg-subtle);\n            border-radius: 0 0 8px 8px;\n        }\n        .dk-table-wrapper::-webkit-scrollbar-thumb {\n            background: #cbd5e1;\n            border-radius: 8px;\n        }\n        .dk-table-wrapper::-webkit-scrollbar-thumb:hover {\n            background: #94a3b8;\n        }\n        \n        .dk-table { width: 100%; border-collapse: collapse; font-size: 16px; white-space: nowrap; }\n        .dk-table th, .dk-table td { padding: 20px 24px; border-bottom: 1px solid var(--dk-border-color); text-align: left; }\n        .dk-table th { background: var(--dk-bg-subtle); font-weight: 700; color: var(--dk-text-title); white-space: nowrap; }\n        \n        .dk-comp-winner {\n            color: #ffffff;\n            font-weight: 700;\n            background: var(--dk-primary-hover);\n            padding: 4px 12px;\n            border-radius: 8px;\n            white-space: nowrap;\n        }\n\n        .dk-table-compare,\n        .dk-table-specs {\n            min-width: 600px; \n        }\n\n        .dk-spec-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 20px;\n            margin-bottom: 32px;\n        }\n        .dk-spec-card {\n            background: var(--dk-bg-subtle);\n            padding: 24px;\n            border-radius: var(--dk-radius-md);\n            text-align: center;\n            border: 1px solid var(--dk-border-color);\n            transition: var(--dk-transition);\n        }\n        .dk-spec-card:hover { background: #fff; box-shadow: var(--dk-shadow-hover); transform: translateY(-4px); }\n        .dk-spec-card span { font-size: 32px; display: block; margin-bottom: 16px; }\n        .dk-spec-card strong { display: block; font-size: 16px; margin-bottom: 6px; color: var(--dk-text-title); }\n        .dk-spec-card p { font-size: 14px; color: var(--dk-text-muted); }\n\n        \/* ================= Testimonials ================= *\/\n        .dk-testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }\n        .dk-testimonial-card {\n            background: var(--dk-bg-card);\n            padding: 32px;\n            border-radius: var(--dk-radius-lg);\n            box-shadow: var(--dk-shadow-sm);\n            border: 1px solid var(--dk-border-color);\n            transition: var(--dk-transition);\n            display: flex;\n            flex-direction: column;\n        }\n        .dk-testimonial-card:hover { transform: translateY(-6px); box-shadow: var(--dk-shadow-hover); }\n        \n        .dk-testimonial-card h4 {\n            font-size: 16px; \n            font-weight: 700;\n            color: var(--dk-text-title);\n            margin-bottom: 10px;\n            line-height: 1.4;\n        }\n        \n        .dk-stars { color: #F59E0B; font-size: 18px; margin-bottom: 16px; }\n        .dk-testimonial-card p { font-size: 16px; font-style: italic; color: var(--dk-text-main); margin-bottom: 24px; line-height: 1.7; flex-grow: 1; }\n        .dk-testimonial-user { font-weight: 700; color: var(--dk-primary-hover); font-size: 15px; }\n\n        \/* ================= Trust Features ================= *\/\n        .dk-trust-features {\n            background: var(--dk-bg-card);\n            border-radius: var(--dk-radius-xl);\n            padding: 60px 32px;\n            text-align: center;\n            margin: 80px 0;\n            border: 1px solid var(--dk-border-color);\n            box-shadow: var(--dk-shadow-sm);\n        }\n        .dk-tf-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 900px; margin: 40px auto 0; }\n        .dk-tf-item { display: flex; flex-direction: column; align-items: center; transition: var(--dk-transition); }\n        .dk-tf-item:hover { transform: translateY(-5px); }\n        .dk-tf-icon { width: 56px; height: 56px; margin-bottom: 16px; color: var(--dk-text-muted); }\n        .dk-tf-item:hover .dk-tf-icon { color: var(--dk-primary-hover); }\n        .dk-tf-item p { font-weight: 700; color: var(--dk-text-title); font-size: 18px; margin-bottom: 8px;}\n        .dk-tf-item span { font-size: 14px; color: var(--dk-text-muted); }\n\n        \/* ================= FAQ ================= *\/\n        .dk-faq-wrapper { max-width: 800px; margin: 0 auto; padding: 0 10px; }\n        .dk-faq-item {\n            background: var(--dk-bg-card);\n            border: 1.5px solid var(--dk-border-color);\n            border-radius: var(--dk-radius-md);\n            margin-bottom: 20px;\n            transition: var(--dk-transition);\n            position: relative;\n            overflow: hidden;\n        }\n        .dk-faq-item:hover { border-color: #d1d5db; box-shadow: var(--dk-shadow-sm); }\n        .dk-faq-item::before {\n            content: ''; position: absolute; left: 0; top: 0; bottom: 0;\n            width: 0; background-color: var(--dk-primary); transition: width 0.3s ease; z-index: 2;\n        }\n        .dk-faq-item.active { border-color: var(--dk-primary-hover); box-shadow: var(--dk-shadow-hover); }\n        .dk-faq-item.active::before { width: 5px; }\n\n        .dk-faq-button {\n            width: 100%; padding: 24px 28px; background: none; border: none;\n            display: flex; align-items: flex-start; justify-content: space-between;\n            cursor: pointer; text-align: left; gap: 16px; outline: none;\n        }\n        .dk-faq-q-box { display: flex; gap: 16px; align-items: flex-start; }\n        .dk-faq-label {\n            font-size: 14px; font-weight: 800; color: var(--dk-primary-hover); background: var(--dk-primary-light);\n            width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;\n            border-radius: 8px; flex-shrink: 0;\n        }\n        .dk-faq-question-text { font-size: 18px; font-weight: 700; color: var(--dk-text-title); line-height: 1.4; }\n        .dk-faq-icon { width: 24px; height: 24px; color: var(--dk-text-light); transition: var(--dk-transition-bounce); flex-shrink: 0; }\n        .dk-faq-item.active .dk-faq-icon { transform: rotate(180deg); color: var(--dk-primary-hover); }\n\n        .dk-faq-collapse { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }\n        .dk-faq-item.active .dk-faq-collapse { grid-template-rows: 1fr; }\n        .faq-answer-inner { overflow: hidden; }\n        .dk-faq-answer { padding: 0 28px 28px 72px; color: var(--dk-text-main); font-size: 16px; line-height: 1.8; }\n\n        \/* ================= Responsive (Mobile Optimization) ================= *\/\n        @media (max-width: 992px) {\n            .dk-hero-title { font-size: 38px; }\n            .dk-hero-grid { gap: 40px; }\n            .dk-feature-block { gap: 40px; margin: 80px 0; }\n        }\n\n        @media (max-width: 768px) {\n            \/* Typography \u0026 General Spacing *\/\n            .dk-section-title { font-size: 26px; text-align: left; margin: 56px 0 24px; }\n            .dk-section-title::after { margin-left: 0; }\n            .dk-product-details { padding-bottom: 40px; }\n            \n            \/* Hero Section *\/\n            .dk-hero-section { padding: 24px 0 40px; }\n            .dk-hero-grid { grid-template-columns: 1fr; gap: 32px; text-align: left; }\n            .dk-video-wrapper { border-radius: var(--dk-radius-lg); }\n            .dk-hero-title { font-size: 32px; margin-bottom: 16px; }\n            .dk-hero-subtitle { font-size: 16px; margin-bottom: 16px; }\n            .dk-hero-desc { font-size: 15px; margin-bottom: 24px; }\n            .dk-hero-tags { justify-content: flex-start; gap: 8px; margin-bottom: 24px; }\n            .dk-tag { font-size: 13px; padding: 6px 14px; }\n            \n            \/* Trust Numbers *\/\n            .dk-trust-grid { grid-template-columns: repeat(2, 1fr); padding: 24px 16px; margin: 48px 0; gap: 20px; border-radius: var(--dk-radius-lg); }\n            .dk-trust-num { font-size: 28px; }\n            .dk-trust-label { font-size: 12px; }\n            \n            \/* Pain Points *\/\n            .dk-pain-section .dk-section-title + p { font-size: 15px; margin-bottom: 24px; line-height: 1.5; }\n            .dk-pain-grid { grid-template-columns: 1fr; gap: 20px; }\n            .dk-pain-card { padding: 28px 20px; text-align: left; }\n            .dk-pain-icon { margin: 0 0 16px 0; width: 48px; height: 48px; }\n            .dk-pain-card h3 { font-size: 18px; margin-bottom: 12px; }\n            .dk-pain-solution { text-align: left; font-size: 16px; padding: 20px; margin-top: 24px; }\n            \n            \/* Feature Blocks *\/\n            .dk-feature-block, .dk-feature-block.reverse { grid-template-columns: 1fr; gap: 28px; direction: ltr; margin: 56px 0; }\n            .dk-feature-text { text-align: left; }\n            .dk-feature-text h3 { font-size: 24px; margin-bottom: 20px; }\n            .dk-fabe-list { gap: 20px; }\n            .dk-fabe-item { padding-left: 16px; }\n            .dk-fabe-item strong { font-size: 16px; }\n            .dk-fabe-item p { font-size: 14px; }\n            \n            \/* Tables *\/\n            .dk-table-wrapper { margin-bottom: 32px; }\n            .dk-table { font-size: 14px; }\n            .dk-table th, .dk-table td { padding: 14px 16px; }\n            \n            \/* Tech Specs Table - Stacked *\/\n            .dk-table-specs { min-width: 100%; display: block; white-space: normal; }\n            .dk-table-specs tbody, .dk-table-specs tr { display: block; width: 100%; }\n            .dk-table-specs tr { border-bottom: 1px solid var(--dk-border-color); }\n            .dk-table-specs tr:last-child { border-bottom: none; }\n            .dk-table-specs th, .dk-table-specs td { display: block; width: 100%; text-align: left; border-bottom: none; }\n            .dk-table-specs th { padding: 16px 16px 4px 16px; background: transparent; font-size: 15px; color: var(--dk-text-title); }\n            .dk-table-specs td { padding: 0 16px 16px 16px; font-size: 14px; color: var(--dk-text-muted); }\n            \n            \/* Spec Grid *\/\n            .dk-spec-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 24px; }\n            .dk-spec-card { padding: 20px 16px; text-align: left; border-radius: var(--dk-radius-md); }\n            .dk-spec-card span { font-size: 28px; margin-bottom: 12px; }\n            .dk-spec-card strong { display: block; font-size: 16px; margin-bottom: 6px; color: var(--dk-text-title); }\n            .dk-spec-card p { font-size: 14px; color: var(--dk-text-muted); }\n            \n            \/* Testimonials *\/\n            .dk-testimonial-grid { grid-template-columns: 1fr; gap: 20px; }\n            .dk-testimonial-card { padding: 24px 20px; }\n            .dk-testimonial-card p { font-size: 15px; margin-bottom: 20px; }\n            \n            \/* Trust Features *\/\n            .dk-trust-features { padding: 40px 20px; text-align: left; margin: 56px 0; border-radius: var(--dk-radius-lg); }\n            .dk-tf-grid { grid-template-columns: 1fr; gap: 32px; margin: 32px auto 0; }\n            .dk-tf-item { align-items: flex-start; text-align: left; flex-direction: row; gap: 20px; }\n            .dk-tf-icon { width: 52px; height: 52px; margin-bottom: 0; flex-shrink: 0; }\n            .dk-tf-item p { font-size: 18px; margin-bottom: 6px; font-weight: 800; }\n            .dk-tf-item span { font-size: 14px; line-height: 1.5; display: block; }\n            \n            \/* FAQ *\/\n            .dk-faq-button { padding: 20px 16px; }\n            .dk-faq-question-text { font-size: 15px; }\n            .dk-faq-answer { padding: 0 16px 20px 60px; font-size: 14px; }\n        }\n\n        @media (max-width: 480px) {\n            .dk-hero-title { font-size: 28px; }\n            .dk-section-title { font-size: 24px; }\n            .dk-faq-answer { padding: 0 16px 20px 16px; margin-top: 12px; border-top: 1px solid var(--dk-bg-subtle); padding-top: 12px; }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"dk-product-details\"\u003e\n\n    \u003cdiv class=\"dk-container\"\u003e\n\n        \n        \u003c!-- Section principale --\u003e\n        \u003cdiv class=\"dk-hero-section\"\u003e\n\n            \u003cdiv class=\"dk-hero-grid\"\u003e\n\n                \u003cdiv class=\"dk-video-wrapper\"\u003e\n\n                    \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/vAfpT__GmQA?loop=1\u0026amp;playlist=vAfpT__GmQA\u0026amp;rel=0\u0026amp;playsinline=1\u0026amp;controls=1\u0026amp;mute=0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen frameborder=\"0\" title=\"Switch linéaire HMX Macchiato\"\u003e\u003c\/iframe\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv\u003e\n\n                    \u003cdiv class=\"dk-hero-badge\"\u003eSwitch linéaire acoustique haut de gamme sur mesure\u003c\/div\u003e\n\n                    \u003ch1 class=\"dk-hero-title\"\u003eHMX Macchiato linéaire\u003c\/h1\u003e\n\n                    \u003cp class=\"dk-hero-subtitle\"\u003eVous en avez assez des switchs linéaires creux et stridents qui font vibrer tout votre bureau ? Ou des plastiques bon marché et rugueux qui donnent l'impression de marcher dans la boue ?\u003c\/p\u003e\n\n                    \u003cp class=\"dk-hero-desc\"\u003eHMX présente un chef-d'œuvre parfaitement dosé pour les puristes de l'acoustique et les amateurs de fluidité : le switch linéaire HMX Macchiato.\u003cbr\u003e\u003cbr\u003eAlliant un design sonore élégant à des matériaux de pointe, ce switch haut de gamme inaugure une \u003cstrong\u003etige POK de nouvelle génération\u003c\/strong\u003e (nettement plus fluide que le POM), logée dans un boîtier supérieur en PA12 et une base inférieure en nylon modifié. Le résultat est un \u003cstrong\u003e\"Subtle Clack\"\u003c\/strong\u003e incroyablement propre, raffiné et haut de gamme, qui élimine complètement les chocs de plastique agressifs. Doté d'une activation de 42 gf douce comme un nuage, associée à un ressort étendu de 20 mm pour un rebond vif et progressif. Que vous tapiez dans un bureau calme ou que vous vous lanciez dans des sessions de jeu nocturnes, le Macchiato offre une expérience de frappe chaleureuse, digne d'un café, dès la sortie de la boîte.\u003c\/p\u003e\n\n                    \n                    \u003cdiv class=\"dk-hero-tags\"\u003e\n\n                        \u003cspan class=\"dk-tag\"\u003e🎵 \"Subtle Clack\" élégant\u003c\/span\u003e\n                        \u003cspan class=\"dk-tag\"\u003e🧊 Tige POK de nouvelle génération\u003c\/span\u003e\n                        \u003cspan class=\"dk-tag\"\u003e🪶 Frappe de 42 gf douce comme un nuage\u003c\/span\u003e\n                        \u003cspan class=\"dk-tag\"\u003e🔄 Ressort étendu de 20 mm\u003c\/span\u003e\n                        \u003cspan class=\"dk-tag\"\u003e🧈 Lubrification d'usine légendaire HMX\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- Statistiques de confiance --\u003e\n        \u003cdiv class=\"dk-trust-grid\"\u003e\n\n            \u003cdiv class=\"dk-trust-item\"\u003e\n\n                \u003cdiv class=\"dk-trust-num\"\u003eClack\u003c\/div\u003e\n\n                \u003cdiv class=\"dk-trust-label\"\u003eAcoustique subtile et raffinée\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-trust-item\"\u003e\n\n                \u003cdiv class=\"dk-trust-num\"\u003e42\u003cspan style=\"font-size: 20px;\"\u003egf\u003c\/span\u003e\n                \u003cdiv class=\"dk-trust-label\"\u003eActivation douce comme un nuage\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-trust-item\"\u003e\n\n                \u003cdiv class=\"dk-trust-num\"\u003ePOK\u003c\/div\u003e\n\n                \u003cdiv class=\"dk-trust-label\"\u003eTige à ultra-faible friction\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-trust-item\"\u003e\n\n                \u003cdiv class=\"dk-trust-num\"\u003eHMX\u003c\/div\u003e\n\n                \u003cdiv class=\"dk-trust-label\"\u003ePrélubrification légendaire\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- Points de friction --\u003e\n        \u003cdiv class=\"dk-pain-section\"\u003e\n\n            \u003ch2 class=\"dk-section-title\"\u003eAvantages principaux : la nouvelle norme pour des switchs linéaires élégants\u003c\/h2\u003e\n\n            \u003cp style=\"color: var(--dk-text-muted); margin-bottom: 40px; font-size: 18px;\"\u003eNous savons que vous ne voulez pas seulement un switch fluide : vous aspirez à ce retour acoustique profondément satisfaisant et discret qui rend la frappe addictive. Le Macchiato a été conçu pour équilibrer parfaitement \"acoustique nette\" et \"confort d'une fluidité beurrée\".\u003c\/p\u003e\n\n            \u003cdiv class=\"dk-pain-grid\"\u003e\n\n                \u003cdiv class=\"dk-pain-card\"\u003e\n\n                    \u003cdiv class=\"dk-pain-icon\"\u003e\n\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3\u003eLe problème : Ping strident et agressif\u003c\/h3\u003e\n\n                    \u003cp\u003eDe nombreux switchs linéaires produisent des chocs de plastique aigus et désagréables ou un ping métallique du ressort lors du fond de course. Dans les bureaux partagés ou tard le soir, ce profil sonore agressif semble bon marché et est très distrayant pour les autres.\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-pain-card\"\u003e\n\n                    \u003cdiv class=\"dk-pain-icon\"\u003e\n\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.85.83 6.72 2.24\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 3v9h-9\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3\u003eLe problème : Course rugueuse et dégradée\u003c\/h3\u003e\n\n                    \u003cp\u003eLa plupart des switchs standard utilisent du POM générique ou des mélanges de plastiques bon marché. Une fois que la lubrification d'usine médiocre s'use, la tige semble \"sableuse\" et rugueuse, vous obligeant à perdre des heures à les démonter pour les relubrifier.\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-pain-card\"\u003e\n\n                    \u003cdiv class=\"dk-pain-icon\"\u003e\n\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cline x1=\"9\" y1=\"12\" x2=\"15\" y2=\"12\"\u003e\u003c\/line\u003e\u003cpolyline points=\"12 9 15 12 12 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3\u003eLe problème : Fatigue et réinitialisations molles\u003c\/h3\u003e\n\n                    \u003cp\u003eDes switchs trop légers entraînent des rebonds mous et lents et des erreurs de saisie accidentelles. Des switchs trop lourds provoquent de graves crampes aux doigts après quelques heures de codage ou de jeu.\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-pain-solution\"\u003e\n\n                ✨ \u003cstrong\u003eHMX Macchiato linéaire\u003c\/strong\u003e : \"Subtle Clack\" raffiné en PA12\/Nylon, fluidité extrême POK de nouvelle génération et ressort progressif de 42 g sans fatigue.\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- Blocs de fonctionnalités --\u003e\n        \u003cdiv class=\"dk-feature-block\"\u003e\n\n            \u003cdiv class=\"dk-feature-media\"\u003e\n\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/hmx-macchiato-linear-switches-422520.jpg?v=1743838040\" alt=\"Boîtier supérieur en PA12 et base inférieure en nylon modifié\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-feature-text\"\u003e\n\n                \u003ch3\u003eFini les clacs stridents\u003cbr\u003eProfil \"Subtle Clack\" PA12 + Nylon\u003c\/h3\u003e\n\n                \u003cdiv class=\"dk-fabe-list\"\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eRefonte acoustique\u003c\/strong\u003e\n                        \u003cp\u003eLe boîtier est forgé selon une recette acoustique très réfléchie : un boîtier supérieur PA12 net et clair associé à une base inférieure en nylon modifié qui absorbe les résonances indésirables à haute fréquence.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eAvantage absolu\u003c\/strong\u003e\n                        \u003cp\u003eCette combinaison de matériaux filtre tous les sons de bris agressifs et perçants. Il ne reste qu'un \"Subtle Clack\" incroyablement propre, dominé par les fréquences moyennes.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eBénéfice sensoriel\u003c\/strong\u003e\n                        \u003cp\u003eChaque frappe est une thérapie auditive non intrusive. Elle offre une confirmation physique ferme du fond de course, mais le son est chaleureux et contenu — comme le doux bruit blanc d'un café haut de gamme. Parfait pour le bureau.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"dk-feature-block reverse\"\u003e\n\n            \u003cdiv class=\"dk-feature-media\"\u003e\n\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/hmx-macchiato-linear-switches-463987.jpg?v=1743838048\" alt=\"Tige POK de nouvelle génération et lubrification d'usine\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-feature-text\"\u003e\n\n                \u003ch3\u003eFini la friction rugueuse\u003cbr\u003eTige POK de nouvelle génération et pré-lubrification HMX\u003c\/h3\u003e\n\n                \u003cdiv class=\"dk-fabe-list\"\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eAvancée matérielle\u003c\/strong\u003e\n                        \u003cp\u003eLa tige est généreusement moulée en POK (polycétonne) — un polymère avancé. Cela est associé au processus de lubrification d'usine automatisé de haute précision mondialement reconnu d'HMX.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eAvantage absolu\u003c\/strong\u003e\n                        \u003cp\u003eLe POK présente un coefficient de friction considérablement plus faible et une résistance à l'usure plus élevée que le POM traditionnel. Associé à la lubrification de précision d'HMX, la tige glisse dans les rails sans aucun aspect rugueux \"sableux\".\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eBénéfice de frappe\u003c\/strong\u003e\n                        \u003cp\u003eDécouvrez une fluidité \"beurre sur beurre\" dès la sortie de la boîte. Aucune lubrification manuelle fastidieuse n'est requise. Le glissement linéaire est si pur qu'il donne littéralement l'impression d'un couteau chaud dans du beurre.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"dk-feature-block\"\u003e\n\n            \u003cdiv class=\"dk-feature-media\"\u003e\n\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/hmx-macchiato-linear-switches-416410.jpg?v=1743838048\" alt=\"Force de 42 gf et ressort étendu de 20 mm\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-feature-text\"\u003e\n\n                \u003ch3\u003eFini la fatigue des doigts\u003cbr\u003eFrappe de 42 gf douce comme un nuage et ressort progressif de 20 mm\u003c\/h3\u003e\n\n                \u003cdiv class=\"dk-fabe-list\"\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eRéglage ergonomique\u003c\/strong\u003e\n                        \u003cp\u003eMéticuleusement calibré avec une activation initiale légère comme une plume de 42 gf, entraînée par un ressort étendu monostade de 20 mm qui passe en douceur à un fond de course de 50 gf.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eAvantage absolu\u003c\/strong\u003e\n                        \u003cp\u003eAtteint le \"point idéal\" parfait. Le départ à 42 g rend la dactylographie rapide sans effort, tandis que la poussée progressive jusqu'à 50 g agit comme un coussin pour absorber l'impact. Le ressort de 20 mm garantit un rebond féroce et vif (Snappy Return).\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eBénéfice de frappe\u003c\/strong\u003e\n                        \u003cp\u003eTapez comme l'eau qui coule. Le départ léger prévient la fatigue articulaire (RSI) pendant les sessions de codage de 12 heures, tandis que le rebond vif maintient votre rythme et empêche les erreurs de frappe accidentelles.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- Tableau comparatif --\u003e\n        \u003ch2 class=\"dk-section-title\"\u003eLa mise à niveau ultime : Macchiato vs Reds standard\u003c\/h2\u003e\n\n        \u003cdiv class=\"dk-table-wrapper\"\u003e\n\n            \u003ctable class=\"dk-table dk-table-compare\"\u003e\n\n                \u003cthead\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eComparaison des caractéristiques\u003c\/th\u003e\n\n                        \u003cth\u003eLinéaire standard (ex: Classic Red)\u003c\/th\u003e\n\n                        \u003cth\u003e✨ Switch linéaire HMX Macchiato\u003c\/th\u003e\n\n                    \u003c\/tr\u003e\n\n                \u003c\/thead\u003e\n\n                \u003ctbody\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eAcoustique (Son)\u003c\/td\u003e\n\n                        \u003ctd\u003eBruyant, sujet au ping de plastique bon marché\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003ePA12 + Nylon — \"Subtle Clack\" élégant et contenu\u003c\/span\u003e\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eMatériau de la tige\u003c\/td\u003e\n\n                        \u003ctd\u003ePOM standard ou mélanges (Friction moyenne)\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003ePOK de nouvelle génération — Ultra-faible friction, incroyablement résistant à l'usure\u003c\/span\u003e\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eForce d'activation\u003c\/td\u003e\n\n                        \u003ctd\u003e45–50 gf (Provoque de la fatigue au fil du temps)\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003e42 gf — Départ doux comme un nuage, énorme soulagement de la fatigue\u003c\/span\u003e\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eSensation du fond de course\u003c\/td\u003e\n\n                        \u003ctd\u003eChute linéaire, collision rigide et dure\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003eProgressif de 42 g à 50 g — Atterrissage amorti et confortable\u003c\/span\u003e\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eConfiguration du ressort\u003c\/td\u003e\n\n                        \u003ctd\u003eRessort court standard de 15 mm\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003eRessort étendu de 20 mm — Rebond vif et hautement réactif\u003c\/span\u003e\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eLubrification\u003c\/td\u003e\n\n                        \u003ctd\u003eGénéralement sec, vous oblige à lubrifier à la main\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003ePrélubrifié d'usine HMX — Fluidité beurrée maximale instantanée\u003c\/span\u003e\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                \u003c\/tbody\u003e\n\n            \u003c\/table\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- Spécifications techniques --\u003e\n        \u003ch2 class=\"dk-section-title\"\u003eSpécifications techniques hardcore\u003c\/h2\u003e\n\n        \u003cp style=\"color: var(--dk-text-muted); margin-bottom: 30px; text-align: center;\"\u003eDes données transparentes et sans compromis pour les passionnés.\u003c\/p\u003e\n\n        \n        \u003cdiv class=\"dk-spec-grid\"\u003e\n\n            \u003cdiv class=\"dk-spec-card\"\u003e\n\n                \u003cspan\u003e🎵\u003c\/span\u003e\u003cstrong\u003eAcoustique\u003c\/strong\u003e\u003cp\u003eSubtle Clack\u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-spec-card\"\u003e\n\n                \u003cspan\u003e🧊\u003c\/span\u003e\u003cstrong\u003eMatériau de la tige\u003c\/strong\u003e\u003cp\u003ePOK ultra-fluide\u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-spec-card\"\u003e\n\n                \u003cspan\u003e🪶\u003c\/span\u003e\u003cstrong\u003eActivation\u003c\/strong\u003e\u003cp\u003e42 gf\u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-spec-card\"\u003e\n\n                \u003cspan\u003e🔄\u003c\/span\u003e\u003cstrong\u003eRessort\u003c\/strong\u003e\u003cp\u003eÉtendu de 20 mm\u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \n        \u003cdiv class=\"dk-table-wrapper\"\u003e\n\n            \u003ctable class=\"dk-table dk-table-specs\"\u003e\n\n                \u003ctbody\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eNom du produit\u003c\/th\u003e\n\n                        \u003ctd\u003e\u003cstrong\u003eSwitch linéaire HMX Macchiato\u003c\/strong\u003e\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eType de switch\u003c\/th\u003e\n\n                        \u003ctd\u003eSwitch mécanique linéaire HIFI (Conçu pour un \"Subtle Clack\" élégant)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eFabricant\u003c\/th\u003e\n\n                        \u003ctd\u003eHMX\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eMatériau du boîtier supérieur\u003c\/th\u003e\n\n                        \u003ctd\u003ePA12 (Offre une résolution acoustique claire et nette)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eMatériau du boîtier inférieur\u003c\/th\u003e\n\n                        \u003ctd\u003eNylon modifié (Offre une base acoustique solide, absorbe le ping à haute fréquence)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eMatériau de la tige\u003c\/th\u003e\n\n                        \u003ctd\u003e\n\n\u003cstrong\u003ePOK (Polycétonne)\u003c\/strong\u003e — Fond de course net, propriétés d'auto-lubrification naturelles extrêmes\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eForce d'activation\u003c\/th\u003e\n\n                        \u003ctd\u003e42 gf (Extrêmement léger et confortable)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eForce du fond de course\u003c\/th\u003e\n\n                        \u003ctd\u003e50 gf (Offre un excellent retour amorti)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eActivation (Pré-course)\u003c\/th\u003e\n\n                        \u003ctd\u003e2,0 mm\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eCourse totale\u003c\/th\u003e\n\n                        \u003ctd\u003e4,0 mm (Course effective ~3,8 mm en raison du fond de course Long Pole)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eSpécifications du ressort\u003c\/th\u003e\n\n                        \u003ctd\u003eRessort étendu monostade de 20 mm\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eBroches de montage\u003c\/th\u003e\n\n                        \u003ctd\u003eMontage PCB 5 broches (Coupez les 2 pieds en plastique avec une pince pour la compatibilité 3 broches)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eLubrification\u003c\/th\u003e\n\n                        \u003ctd\u003e\u003cstrong\u003ePrélubrifié d'usine automatisé de haute précision HMX\u003c\/strong\u003e\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eCompatibilité LED\u003c\/th\u003e\n\n                        \u003ctd\u003eCompatible avec les LED SMD et à travers trou\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                \u003c\/tbody\u003e\n\n            \u003c\/table\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- Témoignages --\u003e\n        \u003ch2 class=\"dk-section-title\"\u003eVrais avis de la communauté Keeb\u003c\/h2\u003e\n\n        \u003cdiv class=\"dk-testimonial-grid\"\u003e\n\n            \u003cdiv class=\"dk-testimonial-card\"\u003e\n\n                \u003cdiv class=\"dk-stars\"\u003e★★★★★\u003c\/div\u003e\n\n                \u003ch4\u003e\"Le switch absolument parfait pour le bureau !\"\u003c\/h4\u003e\n\n                \u003cp\u003e\"Le son de ceux-ci est incroyable. Le terme 'Subtle Clack' est tout à fait juste. Il a ce pop mécanique satisfaisant, mais il est si contenu et chaleureux. Je l'utilise dans un bureau ouvert et personne ne se plaint du tout. C'est incroyablement thérapeutique à taper.\"\u003c\/p\u003e\n\n                \u003cdiv style=\"margin-top: auto;\"\u003e\n\n                    \u003cdiv class=\"dk-testimonial-user\"\u003e— @QuietTypist, Rédacteur en chef\u003c\/div\u003e\n\n                    \u003cdiv style=\"font-size: 13px; color: var(--dk-text-light); margin-top: 4px;\"\u003e📷 Photo de l'installation de l'espace de travail jointe\u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-testimonial-card\"\u003e\n\n                \u003cdiv class=\"dk-stars\"\u003e★★★★★\u003c\/div\u003e\n\n                \u003ch4\u003e\"La tige POK a complètement changé mes standards.\"\u003c\/h4\u003e\n\n                \u003cp\u003e\"J'ai toujours pensé que le POM complet était le summum de la fluidité, jusqu'à ce que j'essaie ce stem en POK. Associé à la lubrification d'usine de qualité exceptionnelle d'HMX, il est incroyablement onctueux. Le poids de 42 g offre littéralement l'équilibre parfait pour quelqu'un qui joue et tape beaucoup toute la journée.\"\u003c\/p\u003e\n\n                \u003cdiv style=\"margin-top: auto;\"\u003e\n\n                    \u003cdiv class=\"dk-testimonial-user\"\u003e— @ClackEnthusiast, vétéran des claviers custom\u003c\/div\u003e\n\n                    \u003cdiv style=\"font-size: 13px; color: var(--dk-text-light); margin-top: 4px;\"\u003e📷 Photo macro jointe du démontage d'un switch\u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-testimonial-card\"\u003e\n\n                \u003cdiv class=\"dk-stars\"\u003e★★★★★\u003c\/div\u003e\n\n                \u003ch4\u003e\"Le rebond progressif est tout simplement parfait.\"\u003c\/h4\u003e\n\n                \u003cp\u003e\"Le top en PA12 a un aspect et une sensation super premium. Mais le meilleur, c'est ce ressort de 20 mm. Il commence très légèrement, mais le coussin de 50 g au fond préserve mes doigts de la fatigue. De plus, le coloris latte\/café est absolument magnifique sur mon clavier.\"\u003c\/p\u003e\n\n                \u003cdiv style=\"margin-top: auto;\"\u003e\n\n                    \u003cdiv class=\"dk-testimonial-user\"\u003e— @KeebConnoisseur, gourmand en esthétique de bureau\u003c\/div\u003e\n\n                    \u003cdiv style=\"font-size: 13px; color: var(--dk-text-light); margin-top: 4px;\"\u003e📷 Photo jointe d'un build de clavier sur le thème du café\u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- Caractéristiques de confiance --\u003e\n        \u003cdiv class=\"dk-trust-features\"\u003e\n\n            \u003ch2 class=\"dk-section-title\" style=\"margin-top:0\"\u003eIngénierie premium, achat sans souci\u003c\/h2\u003e\n\n            \u003cdiv class=\"dk-tf-grid\"\u003e\n\n                \u003cdiv class=\"dk-tf-item\"\u003e\n\n                    \u003cdiv class=\"dk-tf-icon\"\u003e\n\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003cpath d=\"M9 11l3 3L22 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv\u003e\n\n                        \u003cp\u003eGarantie de compatibilité et retours sous 30 jours\u003c\/p\u003e\n\n                        \u003cspan\u003eCompatible avec tous les sockets hot-swap de style Cherry MX. (Les versions à 5 broches peuvent être adaptées aux claviers à 3 broches en coupant les broches superflues). Achetez en toute confiance.\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-tf-item\"\u003e\n\n                    \u003cdiv class=\"dk-tf-icon\"\u003e\n\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv\u003e\n\n                        \u003cp\u003eQualité HMX premium\u003c\/p\u003e\n\n                        \u003cspan\u003eFabriqué par HMX, réputé pour la meilleure lubrification d'usine et les tolérances de boîtier les plus serrées de la scène des claviers custom.\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-tf-item\"\u003e\n\n                    \u003cdiv class=\"dk-tf-icon\"\u003e\n\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv\u003e\n\n                        \u003cp\u003eLivraison gratuite et expédition éclair\u003c\/p\u003e\n\n                        \u003cspan\u003eLivraison gratuite sur les commandes de plus de 80 $ dans le monde entier. En stock et expédié sous 24 heures. Suivi complet disponible.\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- FAQ --\u003e\n        \u003ch2 class=\"dk-section-title\"\u003eFoire aux questions (FAQ)\u003c\/h2\u003e\n\n        \u003cdiv class=\"dk-faq-wrapper\"\u003e\n\n            \u003cdiv class=\"dk-faq-item active\"\u003e\n\n                \u003cbutton class=\"dk-faq-button\" aria-expanded=\"true\"\u003e\n                    \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                        \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                        \u003cspan class=\"dk-faq-question-text\"\u003eQuelle est la différence entre le POK et les stems traditionnels en POM ?\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                    \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                        \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                    \u003c\/svg\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer\"\u003e\n\n                            Le POK (polycétonne) est un polymère d'ingénierie avancé qui surpasse le POM. Il présente un coefficient de friction nettement inférieur et une résistance à l'usure bien supérieure. Lorsqu'il est utilisé comme stem, il élimine le caractère granuleux et rugueux commun aux switches en POM standard, offrant une fluidité incroyablement onctueuse. De plus, au fond de course, le POK produit un retour acoustique incroyablement propre et solide que les passionnés de HIFI adorent.\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"dk-faq-item\"\u003e\n\n                \u003cbutton class=\"dk-faq-button\" aria-expanded=\"false\"\u003e\n                    \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                        \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                        \u003cspan class=\"dk-faq-question-text\"\u003eÀ quoi ressemble exactement un son \"Subtle Clack\" ?\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                    \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                        \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                    \u003c\/svg\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer\"\u003e\n\n                            Les switches \"Clack\" standard sont souvent très bruyants, secs et aigus, tandis que les switches \"Thock\" peuvent parfois sonner trop graves ou étouffés. Le Macchiato mélange parfaitement la netteté d'un top en PA12 avec les propriétés d'absorption sonore d'une base en Nylon. Le résultat est un pop très présent dans les fréquences moyennes à hautes qui est extrêmement contenu. On dirait une cuillère en céramique tapotant doucement une tasse de café : propre, net, mais tout à fait adapté au bureau.\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"dk-faq-item\"\u003e\n\n                \u003cbutton class=\"dk-faq-button\" aria-expanded=\"false\"\u003e\n                    \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                        \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                        \u003cspan class=\"dk-faq-question-text\"\u003eLa force d'activation de 42 gf est-elle bonne pour le gaming ?\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                    \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                        \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                    \u003c\/svg\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer\"\u003e\n\n                            Absolument ! 42 gf est largement considéré comme l'équilibre idéal entre vitesse et endurance. La pression initiale est incroyablement légère, permettant des combos rapides sans épuiser votre endurance. Cependant, le ressort prolongé de 20 mm augmente progressivement la force jusqu'à 50 gf au fond de course. Cette résistance progressive offre un coussin de sécurité, empêchant efficacement les erreurs de saisie accidentelles (fat-fingering) pendant les moments de jeu intenses.\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"dk-faq-item\"\u003e\n\n                \u003cbutton class=\"dk-faq-button\" aria-expanded=\"false\"\u003e\n                    \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                        \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                        \u003cspan class=\"dk-faq-question-text\"\u003eDois-je lubrifier ces switches à la main ?\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                    \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                        \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                    \u003c\/svg\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer\"\u003e\n\n                            Pas du tout. La lubrification d'usine automatisée d'HMX est largement considérée comme le summum de la scène des claviers custom. Une quantité très précise de lubrifiant est appliquée sur les rails, la lame et le ressort. Associé au stem en POK naturellement autolubrifiant, le switch arrive dans son état de fluidité onctueuse absolue. La lubrification manuelle est totalement inutile et vous fait gagner des heures de travail fastidieux.\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"dk-faq-item\"\u003e\n\n                \u003cbutton class=\"dk-faq-button\" aria-expanded=\"false\"\u003e\n                    \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                        \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                        \u003cspan class=\"dk-faq-question-text\"\u003eMon clavier est un board hot-swap à 3 broches. Puis-je utiliser ce switch à 5 broches ?\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                    \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                        \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                    \u003c\/svg\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer\"\u003e\n\n                            Oui, vous pouvez ! Les deux pieds en plastique supplémentaires au bas du switch offrent une stabilité accrue du stem et éliminent le jeu horizontal sur les PCB sans plaque. Si votre PCB ne prend en charge que les switches à 3 broches, utilisez simplement une pince à ongles ou une pince coupante pour couper ces deux pieds en plastique sur le côté au ras de la base. Ils s'adapteront parfaitement, et le faire n'annulera pas votre garantie ni affectera la fonctionnalité électrique du switch d'aucune manière.\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const faqItems = document.querySelectorAll('.dk-faq-item');\n        \n        faqItems.forEach(item =\u003e {\n            const btn = item.querySelector('.dk-faq-button');\n            \n            btn.addEventListener('click', () =\u003e {\n                const isActive = item.classList.contains('active');\n                \n                faqItems.forEach(i =\u003e {\n                    i.classList.remove('active');\n                    i.querySelector('.dk-faq-button').setAttribute('aria-expanded', 'false');\n                });\n                \n                if (!isActive) {\n                    item.classList.add('active');\n                    btn.setAttribute('aria-expanded', 'true');\n                }\n            });\n        });\n    });\n\u003c\/script\u003e\n\n\n\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"hmx","offers":[{"title":"Default Title","offer_id":49429356970307,"sku":"","price":0.35,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/14.webp?v=1743838048","url":"https:\/\/diykey.net\/fr\/products\/hmx-macchiato-linear-switches","provider":"DIYKEY","version":"1.0","type":"link"}