{"product_id":"gateron-milky-yellow-pro-switch","title":"Switch Gateron Milky Yellow Pro","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, maximum-scale=1.0, user-scalable=yes, viewport-fit=cover\"\u003e\n\n    \u003ctitle\u003eSwitch linéaire Gateron KS-3X1 Milky Yellow Pro | Le roi incontesté du thock à petit prix\u003c\/title\u003e\n\n    \n    \u003c!-- Polices Google Premium --\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Assistant:wght@300;400;500;600;700;800\u0026amp;family=Plus+Jakarta+Sans:wght@400;500;600;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n    \n    \u003cstyle\u003e\n        \/* =========================================\n           DIYKEY Scope · Classic Milky Yellow Design\n           Product: Gateron KS-3X1 Milky Yellow Pro Linear Switch\n           ========================================= *\/\n        \n        .dk-product-details {\n            \/* Design Tokens - \"Milky Cream \u0026 Amber Gold\" Theme *\/\n            --dk-primary: #D97706;          \/* Rich Amber Gold Accent *\/\n            --dk-primary-light: #FEF3C7;    \/* Soft Creamy Yellow Background *\/\n            --dk-primary-hover: #B45309;    \/* Deep Amber Gold *\/\n            \n            --dk-text-title: #111827;       \/* Headings: Deep Charcoal *\/\n            --dk-text-main: rgba(17, 24, 39, 0.82); \/* Body: Dark Slate Grey *\/\n            --dk-text-muted: rgba(17, 24, 39, 0.6);  \/* Muted Grey *\/\n            --dk-text-light: rgba(17, 24, 39, 0.4);  \/* Border\/Placeholder Grey *\/\n            \n            --dk-bg-main: #FFFFFF;          \/* Pure White Background *\/\n            --dk-bg-card: #FAFAFA;          \/* Subtle Slate Card Background *\/\n            --dk-bg-subtle: #FFFBEB;        \/* Milky Cream Accent Background *\/\n            \n            --dk-border-color: #E5E7EB;     \/* Fine Cool Grey Borders *\/\n            \n            --dk-radius-xl: 24px;\n            --dk-radius-lg: 16px;\n            --dk-radius-md: 12px;\n            \n            --dk-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.02);\n            --dk-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.04);\n            --dk-shadow-hover: 0 20px 40px rgba(217, 119, 6, 0.12);\n            \n            --dk-transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);\n            --dk-transition-bounce: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n\n            font-family: 'Assistant', -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.7;\n            padding-bottom: 80px;\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        .dk-product-details * { \n            box-sizing: border-box; \n            margin: 0; \n            padding: 0; \n        }\n\n        .dk-container {\n            width: 85%;\n            max-width: 1340px;\n            margin: 0 auto;\n        }\n\n        .dk-section {\n            padding-top: 96px;\n            padding-bottom: 96px;\n        }\n\n        .dk-section-title,\n        .dk-section-title-h2,\n        .dk-hero-title,\n        .dk-hero-subtitle,\n        .dk-hero-badge,\n        .dk-tag,\n        .dk-stat-num,\n        .dk-stat-label,\n        .dk-pain-card h3,\n        .dk-feature-text h3,\n        .dk-fabe-item strong,\n        .dk-table th,\n        .dk-comp-winner,\n        .dk-spec-card strong,\n        .dk-testimonial-card h4,\n        .dk-testimonial-user,\n        .dk-tf-item p,\n        .dk-faq-question-text,\n        .dk-faq-label,\n        .dk-poetic-footer {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n\n        .dk-section-title,\n        .dk-section-title-h2,\n        .dk-hero-title,\n        .dk-pain-card h3,\n        .dk-feature-text h3,\n        .dk-testimonial-card h4,\n        .dk-faq-question-text {\n            line-height: 1.25 !important;\n        }\n\n        .dk-section-title,\n        .dk-section-title-h2 {\n            font-size: 36px;\n            font-weight: 700;\n            text-align: center;\n            margin-bottom: 40px;\n            letter-spacing: -0.5px;\n            color: var(--dk-text-title);\n        }\n\n        .dk-section-title::after,\n        .dk-section-title-h2::after {\n            content: '';\n            display: block;\n            width: 42px;\n            height: 3px;\n            margin: 16px auto 0;\n            background-color: var(--dk-primary);\n            border-radius: 2px;\n        }\n\n        .dk-highlight { color: var(--dk-primary); }\n\n        \/* ================= Hero Section ================= *\/\n        .dk-hero-section { \n            padding: 60px 0 40px; \n        }\n\n        .dk-hero-grid {\n            display: grid;\n            grid-template-columns: 1.15fr 0.85fr;\n            gap: 64px;\n            align-items: center;\n        }\n\n        .dk-video-wrapper {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 9 \/ 16;\n            max-width: 400px;\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        }\n\n        .dk-video-wrapper iframe {\n            position: absolute;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            border: none;\n        }\n\n        .dk-hero-badge {\n            display: inline-flex;\n            background: var(--dk-primary-light);\n            color: var(--dk-primary);\n            padding: 6px 14px;\n            border-radius: 40px;\n            font-size: 12px;\n            font-weight: 700;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            margin-bottom: 24px;\n            border: 1px solid #FDE68A;\n        }\n\n        .dk-hero-title {\n            font-size: 40px;\n            font-weight: 800;\n            margin-bottom: 20px;\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-title);\n            font-weight: 600;\n            margin-bottom: 24px;\n            line-height: 1.35;\n        }\n\n        .dk-hero-desc {\n            font-size: 16px;\n            margin-bottom: 32px;\n        }\n\n        .dk-hero-tags { \n            display: flex; \n            flex-wrap: wrap; \n            gap: 8px; \n            margin-bottom: 32px; \n        }\n\n        .dk-tag {\n            background: var(--dk-bg-main);\n            padding: 6px 14px;\n            border-radius: 40px;\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--dk-text-title);\n            transition: var(--dk-transition);\n            border: 1.5px solid var(--dk-border-color);\n        }\n\n        .dk-tag:hover {\n            background: var(--dk-primary);\n            color: #FFFFFF;\n            border-color: var(--dk-primary);\n            transform: translateY(-2px);\n        }\n\n        \/* ================= Stats Grid ================= *\/\n        .dk-stats-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 24px;\n            margin: 60px 0 80px;\n        }\n\n        .dk-stat-card {\n            background: var(--dk-bg-card);\n            padding: 32px 20px;\n            border-radius: var(--dk-radius-lg);\n            text-align: center;\n            border: 1px solid var(--dk-border-color);\n            box-shadow: var(--dk-shadow-sm);\n            transition: var(--dk-transition);\n        }\n\n        .dk-stat-card:hover {\n            transform: translateY(-4px);\n            box-shadow: var(--dk-shadow-hover);\n            border-color: var(--dk-primary);\n        }\n\n        .dk-stat-num {\n            font-size: 32px;\n            font-weight: 800;\n            color: var(--dk-primary);\n            display: block;\n            margin-bottom: 8px;\n            line-height: 1;\n        }\n\n        .dk-stat-label {\n            font-size: 12px;\n            color: var(--dk-text-muted);\n            text-transform: uppercase;\n            font-weight: 700;\n            letter-spacing: 0.8px;\n        }\n\n        \/* ================= Pain Points ================= *\/\n        .dk-pain-grid { \n            display: grid; \n            grid-template-columns: repeat(3, 1fr); \n            gap: 32px; \n        }\n\n        .dk-pain-card {\n            background: var(--dk-bg-main);\n            padding: 48px 32px;\n            border-radius: var(--dk-radius-lg);\n            text-align: center;\n            box-shadow: var(--dk-shadow-sm);\n            border: 1.5px solid var(--dk-border-color);\n            transition: var(--dk-transition);\n        }\n\n        .dk-pain-card:hover {\n            transform: translateY(-6px);\n            box-shadow: var(--dk-shadow-md);\n            border-color: var(--dk-primary);\n        }\n\n        .dk-pain-icon {\n            width: 48px; \n            height: 48px;\n            margin: 0 auto 28px;\n            color: var(--dk-text-muted);\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.08); }\n\n        .dk-pain-card h3 { font-size: 18px; font-weight: 700; margin-bottom: 14px; color: var(--dk-text-title); }\n\n        .dk-pain-solution {\n            margin-top: 48px;\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: 16px;\n            font-weight: 500;\n            box-shadow: var(--dk-shadow-md);\n            letter-spacing: 0.3px;\n        }\n\n        \/* ================= FABE Feature Blocks ================= *\/\n        .dk-feature-block {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 80px;\n            align-items: center;\n            margin-bottom: 90px;\n        }\n        .dk-feature-block:last-child { margin-bottom: 0; }\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-xl);\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        }\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: 30px;\n            font-weight: 700;\n            margin-bottom: 32px;\n            letter-spacing: -0.5px;\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: 3px solid var(--dk-primary); }\n        .dk-fabe-item strong { display: block; font-size: 16px; color: var(--dk-text-title); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px; }\n\n        \/* ================= Spec Tables ================= *\/\n        .dk-table-wrapper {\n            margin-bottom: 48px;\n            border-radius: var(--dk-radius-md);\n            background: var(--dk-bg-main);\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        .dk-table-wrapper::-webkit-scrollbar { height: 6px; }\n        .dk-table-wrapper::-webkit-scrollbar-track { background: var(--dk-bg-subtle); border-radius: 0 0 8px 8px; }\n        .dk-table-wrapper::-webkit-scrollbar-thumb { background: #F59E0B; border-radius: 8px; }\n        \n        .dk-table { width: 100%; border-collapse: collapse; font-size: 15px; white-space: nowrap; }\n        .dk-table th, .dk-table td { padding: 18px 24px; border-bottom: 1px solid var(--dk-border-color); text-align: left; }\n        .dk-table th { background: var(--dk-bg-card); font-weight: 700; color: var(--dk-text-title); }\n        \n        .dk-table-highlight-col {\n            background-color: rgba(217, 119, 6, 0.04) !important;\n        }\n\n        .dk-comp-winner {\n            color: var(--dk-primary);\n            font-weight: 700;\n            background: var(--dk-primary-light);\n            padding: 6px 12px;\n            border-radius: 6px;\n            font-size: 14px;\n            border: 1px solid #FDE68A;\n            white-space: nowrap;\n            display: inline-block;\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-card);\n            padding: 28px 20px;\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 { \n            background: #fff; \n            box-shadow: var(--dk-shadow-md); \n            transform: translateY(-4px); \n            border-color: var(--dk-primary);\n        }\n        .dk-spec-card span { font-size: 28px; display: block; 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-main); }\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: 40px 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); border-color: var(--dk-primary); }\n        .dk-stars { color: #D97706; font-size: 14px; margin-bottom: 16px; letter-spacing: 2px; }\n        .dk-testimonial-card p { font-size: 15px; font-style: italic; margin-bottom: 24px; flex-grow: 1; }\n        .dk-testimonial-user { font-weight: 700; color: var(--dk-text-title); font-size: 14px; }\n\n        \/* ================= Trust Features ================= *\/\n        .dk-trust-features {\n            background: var(--dk-bg-card);\n            border-radius: var(--dk-radius-xl);\n            padding: 80px 48px;\n            text-align: center;\n            border: 1px solid var(--dk-border-color);\n            box-shadow: var(--dk-shadow-sm);\n            margin: 100px 0;\n        }\n        .dk-tf-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 1000px; margin: 48px 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(-4px); }\n        .dk-tf-icon { width: 48px; height: 48px; margin-bottom: 20px; color: var(--dk-primary); }\n        .dk-tf-item p { font-weight: 700; font-size: 16px; margin-bottom: 8px; color: var(--dk-text-title);}\n        .dk-tf-item span { font-size: 14px; color: var(--dk-text-main); }\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-main);\n            border: 1.5px solid var(--dk-border-color);\n            border-radius: var(--dk-radius-md);\n            margin-bottom: 16px;\n            transition: var(--dk-transition);\n            position: relative;\n            overflow: hidden;\n        }\n        .dk-faq-item:hover { border-color: var(--dk-primary); }\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); box-shadow: var(--dk-shadow-sm); }\n        .dk-faq-item.active::before { width: 4px; }\n\n        .dk-faq-button-wrapper { width: 100%; }\n        .dk-faq-button {\n            width: 100%; padding: 24px 28px; background: none; border: none;\n            display: flex; align-items: center; 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: center; }\n        .dk-faq-label {\n            font-size: 13px; font-weight: 700; color: var(--dk-primary); background: var(--dk-primary-light);\n            width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;\n            border-radius: 6px; flex-shrink: 0;\n        }\n        .dk-faq-question-text { font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--dk-text-title); }\n        .dk-faq-icon { width: 20px; height: 20px; color: var(--dk-text-muted); transition: var(--dk-transition-bounce); flex-shrink: 0; }\n        .dk-faq-item.active .dk-faq-icon { transform: rotate(180deg); color: var(--dk-primary); }\n\n        .dk-faq-collapse { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.3s ease-out; }\n        .dk-faq-item.active .dk-faq-collapse { grid-template-rows: 1fr; }\n        .dk-faq-answer-inner { overflow: hidden; }\n        .dk-faq-answer { padding: 0 28px 28px 68px; font-size: 15px; }\n\n        \/* Poetic Footer *\/\n        .dk-poetic-footer {\n            text-align: center;\n            padding: 48px 32px;\n            margin-top: 80px;\n            font-style: italic;\n            color: var(--dk-text-title);\n            font-size: 16px;\n            background: var(--dk-bg-card);\n            border-radius: var(--dk-radius-md);\n            border: 1px solid var(--dk-border-color);\n        }\n\n        @media (max-width: 992px) {\n            .dk-hero-grid { gap: 40px; }\n            .dk-feature-block { gap: 40px; }\n        }\n\n        @media (max-width: 768px) {\n            .dk-container { width: 85%; }\n            .dk-section { padding-top: 52px; padding-bottom: 52px; }\n            \n            .dk-hero-title { font-size: 30px !important; margin-bottom: 16px; }\n            .dk-section-title { font-size: 24px !important; text-align: left; margin-bottom: 24px; }\n            .dk-section-title::after { margin-left: 0; }\n            .dk-product-details { padding-bottom: 40px; }\n            \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 { max-width: 100%; border-radius: var(--dk-radius-lg); }\n            .dk-hero-subtitle { font-size: 16px; margin-bottom: 16px; }\n            .dk-hero-desc { font-size: 15px; margin-bottom: 24px; }\n            .dk-hero-tags { gap: 6px; }\n            .dk-tag { font-size: 12px; padding: 5px 12px; }\n            \n            .dk-stats-grid { display: grid; grid-template-columns: repeat(2, 1fr) !important; padding: 0; gap: 16px; margin: 48px 0; }\n            .dk-stat-num { font-size: 28px !important; }\n            .dk-stat-label { font-size: 11px !important; }\n            \n            .dk-pain-grid { grid-template-columns: 1fr; gap: 20px; }\n            .dk-pain-card { padding: 36px 20px; text-align: left; }\n            .dk-pain-icon { margin: 0 0 16px 0; width: 40px; height: 40px; }\n            .dk-pain-card h3 { font-size: 16px; margin-bottom: 10px; }\n            .dk-pain-solution { text-align: left; font-size: 15px; padding: 20px; margin-top: 24px; }\n            \n            .dk-feature-block, .dk-feature-block.reverse { grid-template-columns: 1fr; gap: 28px; direction: ltr; margin-bottom: 52px; }\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: 15px; }\n            .dk-fabe-item p { font-size: 14px; }\n            \n            .dk-table-wrapper { margin-bottom: 32px; overflow-x: auto !important; width: 100%; display: block; }\n            .dk-table { font-size: 13px; }\n            .dk-table th, .dk-table td { padding: 14px 16px; }\n            .dk-table-compare { min-width: 600px; }\n            \n            .dk-table-specs { min-width: 100% !important; display: block !important; white-space: normal !important; }\n            .dk-table-specs tbody, .dk-table-specs tr { display: block !important; width: 100% !important; }\n            .dk-table-specs tr { border-bottom: 1px solid var(--dk-border-color) !important; }\n            .dk-table-specs tr:last-child { border-bottom: none !important; }\n            .dk-table-specs th, .dk-table-specs td { display: block !important; width: 100% !important; text-align: left !important; border-bottom: none !important; }\n            .dk-table-specs th { padding: 16px 16px 4px 16px !important; background: transparent !important; font-size: 14px !important; color: var(--dk-text-title) !important; }\n            .dk-table-specs td { padding: 0 16px 16px 16px !important; font-size: 14px !important; color: var(--dk-text-main) !important; }\n            \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: 24px; margin-bottom: 8px; }\n            \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: 16px; }\n            \n            .dk-trust-features { padding: 48px 20px; text-align: left; border-radius: var(--dk-radius-lg); }\n            .dk-tf-grid { grid-template-columns: 1fr; gap: 28px; margin: 32px auto 0; }\n            .dk-tf-item { align-items: flex-start; text-align: left; flex-direction: row; gap: 16px; }\n            .dk-tf-icon { width: 40px; height: 40px; margin-bottom: 0; flex-shrink: 0; }\n            .dk-tf-item p { font-size: 15px; margin-bottom: 4px; }\n            .dk-tf-item span { font-size: 13px; }\n            \n            .dk-faq-button { padding: 20px 16px; }\n            .dk-faq-question-text { font-size: 14px; }\n            .dk-faq-answer { padding: 0 16px 20px 56px; font-size: 13px; }\n        }\n\n        @media (max-width: 480px) {\n            .dk-hero-title { font-size: 28px !important; }\n            .dk-section-title { font-size: 22px !important; }\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        \u003csection class=\"dk-section dk-hero-section\"\u003e\n            \u003cdiv class=\"dk-hero-grid\"\u003e\n\n                \u003cdiv class=\"dk-video-wrapper\"\u003e\n\n                    \u003c!-- Intégration YouTube Shorts pour test sonore et aperçu --\u003e\n                    \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/HOkOmLfwB1s?loop=1\u0026amp;playlist=HOkOmLfwB1s\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=\"Test sonore et aperçu du Gateron Milky Yellow Pro\"\u003e\u003c\/iframe\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv\u003e\n\n                    \u003cdiv class=\"dk-hero-badge\"\u003eLégende originale Gateron · Roi du thock à petit prix\u003c\/div\u003e\n\n                    \u003ch1 class=\"dk-hero-title\"\u003eSwitch Gateron KS-3X1 Milky Yellow Pro\u003c\/h1\u003e\n\n                    \u003cp class=\"dk-hero-subtitle\"\u003eDécouvrez la perfection linéaire intemporelle : pré-lubrifié en usine, boîtier entièrement en nylon et profil acoustique profond.\u003c\/p\u003e\n\n                    \u003cp class=\"dk-hero-desc\"\u003eDemandez à n'importe quel passionné de claviers mécaniques quel est le meilleur « switch linéaire à petit prix », et un nom légendaire revient systématiquement dans la conversation : le \u003cstrong\u003eGateron Milky Yellow Pro\u003c\/strong\u003e.\u003cbr\u003e\u003cbr\u003eConçu avec un boîtier « milky » entièrement en nylon et une tige en POM autolubrifiante, ce switch offre une frappe ultra-lisse et onctueuse dès la sortie de la boîte. Doté d'une force d'activation de 50 g, d'une force de butée de 62 g et d'une structure de broches renforcée à 3 couches avec des \u003cstrong\u003econtacts en alliage doré antioxydant\u003c\/strong\u003e, il offre une combinaison imbattable d'acoustique profonde et « thocky », d'une durabilité à toute épreuve et de performances quotidiennes sans fatigue.\u003c\/p\u003e\n\n                    \n                    \u003cdiv class=\"dk-hero-tags\"\u003e\n\n                        \u003cspan class=\"dk-tag\"\u003e🧈 Fluidité pré-lubrifiée en usine\u003c\/span\u003e\n                        \u003cspan class=\"dk-tag\"\u003e🎵 Profil acoustique profond et « thocky »\u003c\/span\u003e\n                        \u003cspan class=\"dk-tag\"\u003e⚡ Activation à 50 g \/ Butée à 62 g\u003c\/span\u003e\n                        \u003cspan class=\"dk-tag\"\u003e🛡️ Broches renforcées à 3 couches améliorées\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/section\u003e\n\n        \u003c!-- ================= Grille de statistiques ================= --\u003e\n        \u003cdiv class=\"dk-stats-grid\"\u003e\n\n            \u003cdiv class=\"dk-stat-card\"\u003e\n\n                \u003cspan class=\"dk-stat-num\"\u003e50 g\u003c\/span\u003e\n                \u003cspan class=\"dk-stat-label\"\u003eForce d'activation équilibrée\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-stat-card\"\u003e\n\n                \u003cspan class=\"dk-stat-num\"\u003e4,0 mm\u003c\/span\u003e\n                \u003cspan class=\"dk-stat-label\"\u003eCourse totale\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-stat-card\"\u003e\n\n                \u003cspan class=\"dk-stat-num\"\u003eAlliage doré\u003c\/span\u003e\n                \u003cspan class=\"dk-stat-label\"\u003eContacts antioxydants\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-stat-card\"\u003e\n\n                \u003cspan class=\"dk-stat-num\"\u003e5 broches\u003c\/span\u003e\n                \u003cspan class=\"dk-stat-label\"\u003eStabilité de montage sur PCB\u003c\/span\u003e\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- ================= Section des points de friction ================= --\u003e\n        \u003csection class=\"dk-section dk-pain-section\"\u003e\n            \u003ch2 class=\"dk-section-title\"\u003ePourquoi le Milky Yellow Pro reste la référence des switches linéaires\u003c\/h2\u003e\n\n            \u003cp style=\"color: var(--dk-text-muted); margin-bottom: 40px; font-size: 18px; text-align: center;\"\u003eAméliorer votre clavier personnalisé ne devrait pas nécessiter de dépenser une fortune pour obtenir une fluidité onctueuse et une acoustique satisfaisante.\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 stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M18 11V6a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v5\"\u003e\u003c\/path\u003e\u003cpath d=\"M14 11V6\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 11V6\"\u003e\u003c\/path\u003e\u003cpath d=\"M4 11v9a2 2 0 0 0 2 2h12a2 2 0 0 1 2-2v-9\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3\u003eSwitches linéaires bon marché et rugueux\u003c\/h3\u003e\n\n                    \u003cp\u003eLes switches bon marché non lubrifiés sont rugueux et génèrent beaucoup de friction, nécessitant des dizaines d'heures de lubrification manuelle fastidieuse pour devenir utilisables.\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n                \n                \u003cdiv class=\"dk-pain-card\"\u003e\n\n                    \u003cdiv class=\"dk-pain-icon\"\u003e\n\n                        \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\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                    \u003ch3\u003eBroches tordues et sockets défaillants\u003c\/h3\u003e\n\n                    \u003cp\u003eLes broches de switch fragiles se tordent ou se déforment facilement lors de l'installation en hot-swap, ce qui détruit les switches et provoque des déconnexions frustrantes.\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n                \n                \u003cdiv class=\"dk-pain-card\"\u003e\n\n                    \u003cdiv class=\"dk-pain-icon\"\u003e\n\n                        \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3\u003eBruit plastique aigu\u003c\/h3\u003e\n\n                    \u003cp\u003eLes boîtiers en polycarbonate et en plastique bon marché produisent des cliquetis stridents à haute fréquence qui gâchent le profil acoustique de votre clavier.\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-pain-solution\"\u003e✨ \u003cstrong\u003eLa solution Milky Yellow Pro\u003c\/strong\u003e : précision pré-lubrifiée en usine, boîtier entièrement en nylon pour l'insonorisation et broches renforcées à 3 couches en alliage doré. Une sensation premium sans se ruiner !\u003c\/div\u003e\n\n        \u003c\/section\u003e\n\n        \u003c!-- ================= Blocs de fonctionnalités FABE ================= --\u003e\n        \u003csection class=\"dk-features-section\"\u003e\n            \u003cdiv class=\"dk-feature-block\"\u003e\n\n                \u003cdiv class=\"dk-feature-media\"\u003e\n\n                    \u003cimg loading=\"lazy\" alt=\"Boîtier Milky entièrement en nylon et tige en POM\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/1_9212d093-40f0-448c-bb6a-cc2fa0677568.jpg?v=1787558368\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/800x600\/FEF3C7\/D97706?text=Boîtier+en+nylon';\"\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-feature-text\"\u003e\n\n                    \u003ch3\u003eLégendaire thock profond\u003cbr\u003eBoîtier entièrement en nylon et tige en POM autolubrifiante\u003c\/h3\u003e\n\n                    \u003cdiv class=\"dk-fabe-list\"\u003e\n\n                        \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                            \u003cstrong\u003eIngénierie acoustique (Fonctionnalité)\u003c\/strong\u003e\n                            \u003cp\u003eConstruit avec les boîtiers supérieur et inférieur semi-opaques en nylon « Milky » emblématiques de Gateron, associés à une tige en POM moulée avec précision.\u003c\/p\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                            \u003cstrong\u003eAvantage des matériaux (Avantage)\u003c\/strong\u003e\n                            \u003cp\u003eLe nylon absorbe naturellement les réverbérations stridentes à haute fréquence lors de la butée, produisant un son plus profond, plus chaud et plus satisfaisant.\u003c\/p\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                            \u003cstrong\u003eCe que cela signifie pour vous (Avantage)\u003c\/strong\u003e\n                            \u003cp\u003eProfitez d'une expérience de frappe acoustique riche et premium qui transforme chaque session de jeu ou journée de travail en un plaisir digne d'un ASMR.\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 loading=\"lazy\" alt=\"Contact en alliage doré antioxydant et broches renforcées\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/4_7f652fb5-ce61-4543-8d53-00f7181d6290.jpg?v=1787558368\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/800x600\/FEF3C7\/D97706?text=Broches+renforcées';\"\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-feature-text\"\u003e\n\n                    \u003ch3\u003eConçu pour la longévité\u003cbr\u003eContacts en alliage doré antioxydant et broches renforcées à 3 couches\u003c\/h3\u003e\n\n                    \u003cdiv class=\"dk-fabe-list\"\u003e\n\n                        \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                            \u003cstrong\u003eAmélioration Black Tech (Fonctionnalité)\u003c\/strong\u003e\n                            \u003cp\u003eComprend les points de contact améliorés en alliage doré antioxydant de Gateron et une conception de broches renforcées à 3 couches.\u003c\/p\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                            \u003cstrong\u003eAvantage structurel (Avantage)\u003c\/strong\u003e\n                            \u003cp\u003eLes broches renforcées résistent à la torsion lors du hot-swap, tandis que l'alliage doré empêche l'oxydation des contacts sur des millions d'activations.\u003c\/p\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                            \u003cstrong\u003eCe que cela signifie pour vous (Avantage)\u003c\/strong\u003e\n                            \u003cp\u003eInstallation sans tracas et connexion électrique à toute épreuve. Installez-le à nouveau et à nouveau dans vos claviers préférés sans vous soucier des broches tordues ou des touches non détectées.\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 loading=\"lazy\" alt=\"Ressort d'activation équilibré à 50 g\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/3_d4ff4d8c-8621-468e-b656-f83831af30f7.jpg?v=1787558368\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/800x600\/FEF3C7\/D97706?text=Pré-lubrifié en usine';\"\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-feature-text\"\u003e\n\n                    \u003ch3\u003eRythme sans effort\u003cbr\u003ePré-lubrifié en usine + ressort à point d'équilibre 50 g \/ 62 g\u003c\/h3\u003e\n\n                    \u003cdiv class=\"dk-fabe-list\"\u003e\n\n                        \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                            \u003cstrong\u003eRéglage de précision (Fonctionnalité)\u003c\/strong\u003e\n                            \u003cp\u003eMicro-lubrifié en usine par Gateron, associé à un ressort en acier inoxydable offrant 50 g d'activation et 62 g de force de butée.\u003c\/p\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                            \u003cstrong\u003eAvantage de performance (Avantage)\u003c\/strong\u003e\n                            \u003cp\u003eÉlimine immédiatement le ping du ressort et la rugosité des rails dès la sortie de la boîte, offrant une pré-course de 2,0 mm et une course totale de 4,0 mm.\u003c\/p\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                            \u003cstrong\u003eCe que cela signifie pour vous (Avantage)\u003c\/strong\u003e\n                            \u003cp\u003eGagnez des heures de lubrification manuelle. Découvrez un rebond parfaitement équilibré et doux pour les doigts qui prévient la fatigue lors des sessions de codage ou de jeu de plus de 8 heures.\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        \u003c\/section\u003e\n\n        \u003c!-- ================= Section de comparaison ================= --\u003e\n        \u003csection class=\"dk-section dk-comparison-section\"\u003e\n            \u003ch2 class=\"dk-section-title\"\u003ePourquoi le Milky Yellow Pro domine la concurrence\u003c\/h2\u003e\n\n            \u003cp style=\"color: var(--dk-text-muted); margin-bottom: 30px; text-align: center;\"\u003eDécouvrez comment le KS-3X1 Milky Yellow Pro se compare aux switches linéaires bon marché génériques :\u003c\/p\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\u003eCritère de comparaison\u003c\/th\u003e\n\n                            \u003cth class=\"dk-table-highlight-col\" style=\"color: var(--dk-primary); font-weight: 800;\"\u003e⭐ Gateron Milky Yellow Pro\u003c\/th\u003e\n\n                            \u003cth\u003eSwitches linéaires bon marché génériques\u003c\/th\u003e\n\n                        \u003c\/tr\u003e\n\n                    \u003c\/thead\u003e\n\n                    \u003ctbody\u003e\n\n                        \u003ctr\u003e\n\n                            \u003ctd\u003eMatériau du boîtier\u003c\/td\u003e\n\n                            \u003ctd class=\"dk-table-highlight-col\"\u003e\u003cspan class=\"dk-comp-winner\"\u003eMilky entièrement en nylon (insonorisation)\u003c\/span\u003e\u003c\/td\u003e\n\n                            \u003ctd\u003ePolycarbonate fin \/ Plastique recyclé mélangé\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003ctd\u003eProfil sonore\u003c\/td\u003e\n\n                            \u003ctd class=\"dk-table-highlight-col\"\u003e\u003cspan class=\"dk-comp-winner\"\u003eProfond, doux et thocky\u003c\/span\u003e\u003c\/td\u003e\n\n                            \u003ctd\u003eAigu, creux et clacky\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003ctd\u003eLubrification en usine\u003c\/td\u003e\n\n                            \u003ctd class=\"dk-table-highlight-col\"\u003e\u003cspan class=\"dk-comp-winner\"\u003ePré-lubrification précise en usine Gateron\u003c\/span\u003e\u003c\/td\u003e\n\n                            \u003ctd\u003eNon lubrifié ou lubrifiant en spray irrégulier\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003ctd\u003eAlliage de contact\u003c\/td\u003e\n\n                            \u003ctd class=\"dk-table-highlight-col\"\u003e\u003cspan class=\"dk-comp-winner\"\u003ePoints en alliage doré antioxydant\u003c\/span\u003e\u003c\/td\u003e\n\n                            \u003ctd\u003eCuivre standard \/ Alliage de basse qualité\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003ctd\u003eRenforcement des broches\u003c\/td\u003e\n\n                            \u003ctd class=\"dk-table-highlight-col\"\u003e\u003cspan class=\"dk-comp-winner\"\u003eBroches renforcées à 3 couches améliorées\u003c\/span\u003e\u003c\/td\u003e\n\n                            \u003ctd\u003eBroches métalliques fines à une seule couche souples\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003ctd\u003eFiabilité du hot-swap\u003c\/td\u003e\n\n                            \u003ctd class=\"dk-table-highlight-col\"\u003e\u003cspan class=\"dk-comp-winner\"\u003eHaute résistance à la déformation\u003c\/span\u003e\u003c\/td\u003e\n\n                            \u003ctd\u003eSe tord facilement lors de l'insertion\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        \u003c\/section\u003e\n\n        \u003c!-- ================= Spécifications techniques ================= --\u003e\n        \u003csection class=\"dk-section dk-specs-section\"\u003e\n            \u003ch2 class=\"dk-section-title\"\u003eSpécifications techniques\u003c\/h2\u003e\n\n            \u003cp style=\"color: var(--dk-text-muted); margin-bottom: 30px; text-align: center;\"\u003eDes paramètres transparents et précis pour les constructeurs de claviers mécaniques personnalisé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\u003eType de switch\u003c\/strong\u003e\u003cp\u003eMécanique linéaire\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-spec-card\"\u003e\n\n                    \u003cspan\u003e⚡\u003c\/span\u003e\u003cstrong\u003eForce d'activation\u003c\/strong\u003e\u003cp\u003e50 gf ± 15 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\u003eCourse d'activation\u003c\/strong\u003e\u003cp\u003e2,0 mm ± 0,6 mm\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-spec-card\"\u003e\n\n                    \u003cspan\u003e🛡️\u003c\/span\u003e\u003cstrong\u003eCourse totale\u003c\/strong\u003e\u003cp\u003e4,0 mm ± 0,6 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 Gateron KS-3X1 Milky Yellow Pro\u003c\/strong\u003e\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003cth\u003eFabricant\u003c\/th\u003e\n\n                            \u003ctd\u003eGateron (Série KS-3X1 Pro originale)\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003cth\u003eArchitecture du switch\u003c\/th\u003e\n\n                            \u003ctd\u003eStructure de style MX (tige en croix)\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 linéaire fluide\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\u003eNylon de qualité acoustique (Milky semi-opaque)\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 de qualité acoustique (Milky semi-opaque)\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\u003ePOM autolubrifiant (Polyoxyméthylène)\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003cth\u003eForce d'activation\u003c\/th\u003e\n\n                            \u003ctd\u003e50 gf ± 15 gf\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003cth\u003eForce de butée\u003c\/th\u003e\n\n                            \u003ctd\u003e62 gf ± 15 gf\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003cth\u003eCourse d'activation\u003c\/th\u003e\n\n                            \u003ctd\u003e2,0 mm ± 0,6 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 ± 0,6 mm\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003cth\u003eMatériau du ressort\u003c\/th\u003e\n\n                            \u003ctd\u003eRessort en acier inoxydable de haute précision\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003cth\u003eTechnologie de contact\u003c\/th\u003e\n\n                            \u003ctd\u003ePoints de contact en alliage doré antioxydant\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003cth\u003eÉtat de lubrification en usine\u003c\/th\u003e\n\n                            \u003ctd\u003ePré-lubrifié en usine (application légère et uniforme)\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003cth\u003eConfiguration du montage des broches\u003c\/th\u003e\n\n                            \u003ctd\u003eMontage sur PCB à 5 broches (compatible avec les sockets à 3 broches si les broches supplémentaires sont coupées)\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003cth\u003eCompatibilité Hot-Swap\u003c\/th\u003e\n\n                            \u003ctd\u003eBroches durcies à 3 couches (compatibles avec les sockets Outemu, Kailh et Gateron)\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        \u003c\/section\u003e\n\n        \u003c!-- ================= Témoignages ================= --\u003e\n        \u003csection class=\"dk-section dk-testimonials-section\"\u003e\n            \u003ch2 class=\"dk-section-title\"\u003eAvis vérifiés de clients et de constructeurs\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 roi incontesté du rapport qualité-prix ! »\u003c\/h4\u003e\n\n                    \u003cp\u003e« J’ai essayé des switchs linéaires haut de gamme à 1 $ l’unité, mais je reviens toujours aux Milky Yellow Pro. Le lubrifiant d’usine de la version Pro est parfaitement dosé, et le boîtier entièrement en nylon offre un son thock profond et chaleureux, bien meilleur que celui de switchs deux fois plus chers. »\u003c\/p\u003e\n\n                    \u003cdiv style=\"margin-top: auto;\"\u003e\n\n                        \u003cdiv class=\"dk-testimonial-user\"\u003e— @KeebBuilder99, acheteur vérifié sur Amazon US\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« D’une fluidité incomparable dès la sortie de la boîte ! »\u003c\/h4\u003e\n\n                    \u003cp\u003e« Je les ai utilisées pour reconstruire mon Keychron Q1. Je n’ai même pas eu besoin de les ouvrir pour les lubrifier à la main. Le poids de 50 g est idéal pour taper plus de 8 heures par jour sans fatiguer les doigts. Je les recommande à 100 %. »\u003c\/p\u003e\n\n                    \u003cdiv style=\"margin-top: auto;\"\u003e\n\n                        \u003cdiv class=\"dk-testimonial-user\"\u003e— @DevGuy_Alex, ingénieur logiciel\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« Les broches renforcées ont rendu le hot-swap un jeu d’enfant ! »\u003c\/h4\u003e\n\n                    \u003cp\u003e« Les switchs que j’avais achetés auparavant avaient des broches souples qui se pliaient en les insérant dans des sockets serrés. Les broches améliorées à 3 couches de Gateron sur ces Pro sont extrêmement robustes et se sont insérées sans effort dans mon PCB. »\u003c\/p\u003e\n\n                    \u003cdiv style=\"margin-top: auto;\"\u003e\n\n                        \u003cdiv class=\"dk-testimonial-user\"\u003e— @CustomClacks, passionné de claviers mécaniques\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/section\u003e\n\n        \u003c!-- ================= Éléments de confiance ================= --\u003e\n        \u003csection class=\"dk-section dk-trust-features-section\"\u003e\n            \u003cdiv class=\"dk-trust-features\"\u003e\n\n                \u003ch2 style=\"margin-top: 0;\" class=\"dk-section-title\"\u003eAchetez en toute confiance\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\u003crect x=\"3\" y=\"8\" width=\"18\" height=\"12\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"16\" y1=\"14\" x2=\"21\" y2=\"14\"\u003e\u003c\/line\u003e\u003cline x1=\"8\" y1=\"14\" x2=\"12\" y2=\"14\"\u003e\u003c\/line\u003e\u003cpath d=\"M4 8V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv\u003e\n\n                            \u003cp\u003eLivraison gratuite avec suivi dès 80 $\u003c\/p\u003e\n\n                            \u003cspan\u003eExpédition rapide directement chez vous, avec un suivi complet et transparent.\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\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\u003eEssai sans risque de 30 jours\u003c\/p\u003e\n\n                            \u003cspan\u003e100 % compatibles avec les claviers mécaniques hot-swap standard à 5 broches MX.\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\u003eGarantie de qualité Gateron\u003c\/p\u003e\n\n                            \u003cspan\u003eSwitchs Gateron KS-3X1 Pro authentiques, équipés de contacts en alliage doré antioxydant.\u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/section\u003e\n\n        \u003c!-- ================= FAQ ================= --\u003e\n        \u003csection class=\"dk-section dk-faq-section\"\u003e\n            \u003ch2 class=\"dk-section-title\"\u003eFoire aux questions\u003c\/h2\u003e\n\n            \u003cdiv class=\"dk-faq-wrapper\"\u003e\n\n                \n                \u003cdiv class=\"dk-faq-item active\"\u003e\n\n                    \u003cdiv class=\"dk-faq-button-wrapper\"\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 les Gateron Milky Yellow et les Milky Yellow Pro ?\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                    \u003c\/div\u003e\n\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 \u003cstrong\u003eMilky Yellow Pro (KS-3X1 Pro)\u003c\/strong\u003e bénéficient des moules de précision améliorés de Gateron, qui réduisent le jeu de la tige, d’une pré-lubrification en usine pour une fluidité immédiate dès la sortie de la boîte et de broches durcies renforcées à 3 couches, dotées de contacts en alliage doré antioxydant pour une durabilité accrue.\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                    \u003cdiv class=\"dk-faq-button-wrapper\"\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 les switchs Milky Yellow Pro à 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                    \u003c\/div\u003e\n\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                                Non ! La version Pro est pré-lubrifiée en usine par Gateron. Le lubrifiant est appliqué de manière uniforme sur les rails de la tige et le ressort, ce qui les rend prêts à l’emploi dès la sortie de la boîte, sans aucune sensation rugueuse ni bruit métallique du ressort.\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                    \u003cdiv class=\"dk-faq-button-wrapper\"\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\"\u003eCes switchs à 5 broches sont-ils compatibles avec les claviers hot-swap à 3 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                    \u003c\/div\u003e\n\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. Ces switchs sont conçus pour un montage sur PCB à 5 broches afin d’offrir une stabilité maximale. Si votre PCB de clavier ne prend en charge que les switchs à 3 broches, il vous suffit de couper les deux broches de positionnement en plastique supplémentaires à l’aide d’une pince coupante.\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                    \u003cdiv class=\"dk-faq-button-wrapper\"\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\"\u003eQuel profil sonore les Milky Yellow Pro présentent-elles ?\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                    \u003c\/div\u003e\n\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                                Grâce à leur boîtier « milky » entièrement en nylon, les Milky Yellow Pro produisent un profil sonore thock profond, chaleureux et doux, plutôt qu’un claquement sec et aigu.\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        \u003c\/section\u003e\n\n        \u003c!-- ================= Pied de page poétique ================= --\u003e\n        \u003cdiv class=\"dk-poetic-footer\"\u003e\n\n            🟡 Des frappes d’une fluidité incomparable, une chaleur sonore intemporelle.\u003cbr\u003e\n            Gateron KS-3X1 Milky Yellow Pro — Laissez tomber les switchs linéaires d’entrée de gamme rugueux au profit de la perfection du nylon à contacts dorés, pour faire de chaque frappe un chef-d’œuvre.\n        \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- ================= Interactions JavaScript ================= --\u003e\n\u003cscript\u003e\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n        const faqItems = document.querySelectorAll('.dk-faq-item');\n\n        faqItems.forEach(item =\u003e {\n            const button = item.querySelector('.dk-faq-button');\n            \n            button.addEventListener('click', () =\u003e {\n                const isActive = item.classList.contains('active');\n                \n                faqItems.forEach(otherItem =\u003e {\n                    if (otherItem !== item) {\n                        otherItem.classList.remove('active');\n                        otherItem.querySelector('.dk-faq-button').setAttribute('aria-expanded', 'false');\n                    }\n                });\n\n                if (isActive) {\n                    item.classList.remove('active');\n                    button.setAttribute('aria-expanded', 'false');\n                } else {\n                    item.classList.add('active');\n                    button.setAttribute('aria-expanded', 'true');\n                }\n            });\n        });\n    });\n\u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"gateron","offers":[{"title":"Default Title","offer_id":54765150863683,"sku":null,"price":0.35,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/1_9212d093-40f0-448c-bb6a-cc2fa0677568.jpg?v=1787558368","url":"https:\/\/diykey.net\/fr\/products\/gateron-milky-yellow-pro-switch","provider":"DIYKEY","version":"1.0","type":"link"}