{"product_id":"kailh-box-midnight-jade-switches","title":"Switches Kailh BOX Midnight Jade — Clicky | Clickbar épais de 85 gf · Full PC · IP56","description":"\u003cbody\u003e\n\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n\n    \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\n\n    \u003ctitle\u003eKailh BOX Midnight Jade Switch Clicky\u003c\/title\u003e\n\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 Independent Scope · Minimalist Premium Design\n           Product: Kailh BOX Midnight Jade Clicky Switch\n           Inspired by Cheerble Shopify Visual Typography\n           Theme: Midnight Emerald \u0026 Platinum\n           ========================================= *\/\n        \n        .dk-product-details {\n            \/* Shopify Design Tokens - Minimalist Premium \u0026 Contrast *\/\n            --dk-primary: #047857; \/* Midnight Emerald \/ Jade Green *\/\n            --dk-primary-light: #ECFDF5; \/* Very Light Accent Emerald *\/\n            --dk-primary-hover: #065F46;\n            \n            \/* Cheerble Style Color Palette *\/\n            --dk-text-title: #121212; \/* Solid Elegant Dark *\/\n            --dk-text-main: rgba(18, 18, 18, 0.75); \/* Deep charcoal with premium transparency *\/\n            --dk-text-muted: rgba(18, 18, 18, 0.6); \/* Soft Muted Body *\/\n            --dk-text-light: rgba(18, 18, 18, 0.4); \/* Extra Light Slate *\/\n            \n            --dk-bg-main: #FFFFFF; \/* Polar White *\/\n            --dk-bg-card: #F9F9F9; \/* High-end Minimal Warm Gray *\/\n            --dk-bg-subtle: #F4F4F4; \/* Soft Separation Gray *\/\n            \n            --dk-border-color: #E5E5E5; \/* Ultra thin crisp border *\/\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(0, 0, 0, 0.08);\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            \/* Typography assignment matching cheerble.com *\/\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.6;\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: 90%;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Generic Titles - Cheerble Typography Spacing (line-height: 1.2~1.3) *\/\n        .dk-section-title {\n            font-family: 'Plus Jakarta Sans', 'Assistant', sans-serif;\n            font-size: 36px;\n            font-weight: 700;\n            text-align: center;\n            margin: 100px 0 40px;\n            letter-spacing: -0.5px;\n            color: var(--dk-text-title);\n            line-height: 1.25;\n        }\n\n        .dk-section-title::after {\n            content: '';\n            display: block;\n            width: 36px;\n            height: 3px;\n            margin: 16px auto 0;\n            background-color: var(--dk-text-title);\n            border-radius: 2px;\n        }\n\n        .dk-highlight-orange { \n            color: var(--dk-primary); \n        }\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: 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);\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        }\n\n        .dk-hero-title {\n            font-family: 'Plus Jakarta Sans', 'Assistant', sans-serif;\n            font-size: 40px;\n            font-weight: 800;\n            line-height: 1.2;\n            margin-bottom: 20px;\n            letter-spacing: -1px;\n            color: var(--dk-text-title);\n        }\n\n        .dk-hero-subtitle {\n            font-family: 'Plus Jakarta Sans', 'Assistant', sans-serif;\n            font-size: 18px;\n            color: var(--dk-text-title);\n            font-weight: 600;\n            margin-bottom: 24px;\n            line-height: 1.3;\n        }\n\n        .dk-hero-desc {\n            font-size: 16px;\n            color: var(--dk-text-main);\n            margin-bottom: 32px;\n            line-height: 1.6;\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-text-title);\n            color: #FFFFFF;\n            border-color: var(--dk-text-title);\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: 80px 0;\n            text-align: center;\n            background: var(--dk-bg-card);\n            padding: 48px 32px;\n            border-radius: var(--dk-radius-xl);\n            border: 1px solid var(--dk-border-color);\n        }\n\n        .dk-trust-num {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 40px;\n            font-weight: 700;\n            color: var(--dk-text-title);\n            line-height: 1;\n            margin-bottom: 8px;\n        }\n\n        .dk-trust-label {\n            font-size: 13px;\n            color: var(--dk-text-muted);\n            font-weight: 600;\n            text-transform: uppercase;\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-text-title);\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        \n        .dk-pain-icon svg { \n            width: 100%; \n            height: 100%; \n        }\n        \n        .dk-pain-card:hover .dk-pain-icon { \n            color: var(--dk-text-title); \n            transform: scale(1.05); \n        }\n\n        .dk-pain-card h3 { \n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 18px; \n            font-weight: 700; \n            margin-bottom: 14px; \n            color: var(--dk-text-title); \n            line-height: 1.3;\n        }\n        \n        .dk-pain-card p { \n            font-size: 15px; \n            color: var(--dk-text-main); \n            line-height: 1.6;\n        }\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: 120px 0;\n        }\n        \n        .dk-feature-block.reverse { \n            direction: rtl; \n        }\n        \n        .dk-feature-block.reverse \u003e * { \n            direction: ltr; \n        }\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            color: var(--dk-text-light);\n            font-size: 14px;\n            text-align: 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-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 30px;\n            font-weight: 700;\n            line-height: 1.25;\n            margin-bottom: 32px;\n            color: var(--dk-text-title);\n            letter-spacing: -0.5px;\n        }\n\n        .dk-fabe-list { \n            display: flex; \n            flex-direction: column; \n            gap: 28px; \n        }\n        \n        .dk-fabe-item { \n            padding-left: 20px; \n            border-left: 3px solid var(--dk-text-title); \n        }\n        \n        .dk-fabe-item strong { \n            display: block; \n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 16px; \n            color: var(--dk-text-title); \n            margin-bottom: 6px; \n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n        \n        .dk-fabe-item p { \n            font-size: 15px; \n            color: var(--dk-text-main); \n            line-height: 1.6;\n        }\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: 1.5px solid var(--dk-border-color);\n            overflow-x: auto; \n            -webkit-overflow-scrolling: touch;\n        }\n\n        \/* Custom Scrollbar for better UX on desktop *\/\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 { \n            width: 100%; \n            border-collapse: collapse; \n            font-size: 15px; \n            white-space: nowrap; \n        }\n        \n        .dk-table th, .dk-table td { \n            padding: 18px 24px; \n            border-bottom: 1.5px solid var(--dk-border-color); \n            text-align: left; \n        }\n        \n        .dk-table th { \n            background: var(--dk-bg-card); \n            font-weight: 700; \n            color: var(--dk-text-title); \n            white-space: nowrap; \n        }\n        \n        .dk-comp-winner {\n            color: var(--dk-text-title);\n            font-weight: 700;\n            background: var(--dk-bg-subtle);\n            padding: 6px 12px;\n            border-radius: 6px;\n            font-size: 14px;\n            border: 1px solid var(--dk-border-color);\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-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-text-title);\n        }\n        .dk-spec-card span { \n            font-size: 28px; \n            display: block; \n            margin-bottom: 12px; \n        }\n        .dk-spec-card strong { \n            display: block; \n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 15px; \n            margin-bottom: 4px; \n            color: var(--dk-text-title); \n        }\n        .dk-spec-card p { \n            font-size: 14px; \n            color: var(--dk-text-main); \n        }\n\n        \/* ================= Testimonials ================= *\/\n        .dk-testimonial-grid { \n            display: grid; \n            grid-template-columns: repeat(3, 1fr); \n            gap: 32px; \n        }\n        \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        \n        .dk-testimonial-card:hover { \n            transform: translateY(-6px); \n            box-shadow: var(--dk-shadow-md); \n            border-color: var(--dk-text-title);\n        }\n        \n        .dk-testimonial-card h4 {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 16px; \n            font-weight: 700; \n            color: var(--dk-text-title); \n            margin-bottom: 12px; \n            line-height: 1.4;\n        }\n        \n        .dk-stars { \n            color: #000000; \n            font-size: 14px; \n            margin-bottom: 16px; \n            letter-spacing: 2px;\n        }\n        \n        .dk-testimonial-card p { \n            font-size: 15px; \n            font-style: italic; \n            color: var(--dk-text-main); \n            margin-bottom: 24px; \n            line-height: 1.6; \n            flex-grow: 1; \n        }\n        \n        .dk-testimonial-user { \n            font-weight: 700; \n            color: var(--dk-text-title); \n            font-size: 14px; \n        }\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            margin: 100px 0;\n            border: 1px solid var(--dk-border-color);\n            box-shadow: var(--dk-shadow-sm);\n        }\n        \n        .dk-tf-grid { \n            display: grid; \n            grid-template-columns: repeat(3, 1fr); \n            gap: 32px; \n            max-width: 1000px; \n            margin: 48px auto 0; \n        }\n        \n        .dk-tf-item { \n            display: flex; \n            flex-direction: column; \n            align-items: center; \n            transition: var(--dk-transition); \n        }\n        \n        .dk-tf-item:hover { \n            transform: translateY(-4px); \n        }\n        \n        .dk-tf-icon { \n            width: 48px; \n            height: 48px; \n            margin-bottom: 20px; \n            color: var(--dk-text-title); \n        }\n        \n        .dk-tf-item p { \n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-weight: 700; \n            color: var(--dk-text-title); \n            font-size: 16px; \n            margin-bottom: 8px;\n        }\n        \n        .dk-tf-item span { \n            font-size: 14px; \n            color: var(--dk-text-main); \n            line-height: 1.5;\n        }\n\n        \/* ================= FAQ ================= *\/\n        .dk-faq-wrapper { \n            max-width: 800px; \n            margin: 0 auto; \n            padding: 0 10px; \n        }\n        \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        \n        .dk-faq-item:hover { \n            border-color: var(--dk-text-title); \n        }\n        \n        .dk-faq-item::before {\n            content: ''; \n            position: absolute; \n            left: 0; top: 0; bottom: 0;\n            width: 0; \n            background-color: var(--dk-text-title); \n            transition: width 0.3s ease; \n            z-index: 2;\n        }\n        \n        .dk-faq-item.active { \n            border-color: var(--dk-text-title); \n            box-shadow: var(--dk-shadow-sm); \n        }\n        \n        .dk-faq-item.active::before { \n            width: 4px; \n        }\n\n        .dk-faq-button {\n            width: 100%; \n            padding: 24px 28px; \n            background: none; \n            border: none;\n            display: flex; \n            align-items: center; \n            justify-content: space-between;\n            cursor: pointer; \n            text-align: left; \n            gap: 16px; \n            outline: none;\n        }\n        \n        .dk-faq-q-box { \n            display: flex; \n            gap: 16px; \n            align-items: center; \n        }\n        \n        .dk-faq-label {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 13px; \n            font-weight: 700; \n            color: var(--dk-text-title); \n            background: var(--dk-bg-subtle);\n            width: 24px; \n            height: 24px; \n            display: flex; \n            align-items: center; \n            justify-content: center;\n            border-radius: 6px; \n            flex-shrink: 0;\n        }\n        \n        .dk-faq-question-text { \n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 16px; \n            font-weight: 700; \n            color: var(--dk-text-title); \n            line-height: 1.3; \n        }\n        \n        .dk-faq-icon { \n            width: 20px; \n            height: 20px; \n            color: var(--dk-text-muted); \n            transition: var(--dk-transition-bounce); \n            flex-shrink: 0; \n        }\n        \n        .dk-faq-item.active .dk-faq-icon { \n            transform: rotate(180deg); \n            color: var(--dk-text-title); \n        }\n\n        .dk-faq-collapse { \n            display: grid; \n            grid-template-rows: 0fr; \n            transition: grid-template-rows 0.3s ease-out; \n        }\n        \n        .dk-faq-item.active .dk-faq-collapse { \n            grid-template-rows: 1fr; \n        }\n        \n        .dk-faq-answer-inner { \n            overflow: hidden; \n        }\n        \n        .dk-faq-answer { \n            padding: 0 28px 28px 68px; \n            color: var(--dk-text-main); \n            font-size: 15px; \n            line-height: 1.6; \n        }\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            line-height: 1.6;\n        }\n\n        \/* ================= Responsive Design ================= *\/\n        @media (max-width: 992px) {\n            .dk-hero-title { font-size: 36px; }\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: 60px 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: 30px; 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: 6px; margin-bottom: 24px; }\n            .dk-tag { font-size: 12px; padding: 5px 12px; }\n            \n            \/* Trust Numbers *\/\n            .dk-trust-grid { grid-template-columns: repeat(2, 1fr); padding: 32px 16px; margin: 48px 0; gap: 20px; border-radius: var(--dk-radius-lg); }\n            .dk-trust-num { font-size: 30px; }\n            .dk-trust-label { font-size: 11px; }\n            \n            \/* Pain Points *\/\n            .dk-pain-section .dk-section-title + p { font-size: 15px; margin-bottom: 24px; line-height: 1.5; text-align: left; }\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            \/* Feature Blocks *\/\n            .dk-feature-block, .dk-feature-block.reverse { grid-template-columns: 1fr; gap: 28px; direction: ltr; margin: 60px 0; }\n            .dk-feature-text { text-align: left; }\n            .dk-feature-text h3 { font-size: 22px; 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            \/* Tables *\/\n            .dk-table-wrapper { margin-bottom: 32px; }\n            .dk-table { font-size: 13px; }\n            .dk-table th, .dk-table td { padding: 14px 16px; }\n            \n            \/* Tech Specs Table - Stacked for Mobile *\/\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: 14px; color: var(--dk-text-title); }\n            .dk-table-specs td { padding: 0 16px 16px 16px; font-size: 13px; color: var(--dk-text-main); }\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: 24px; margin-bottom: 8px; }\n            \n            \/* Testimonials *\/\n            .dk-testimonial-grid { grid-template-columns: 1fr; gap: 20px; }\n            .dk-testimonial-card { padding: 28px 20px; }\n            .dk-testimonial-card p { font-size: 14px; margin-bottom: 16px; }\n            \n            \/* Trust Features *\/\n            .dk-trust-features { padding: 48px 20px; text-align: left; margin: 60px 0; 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; font-weight: 700; }\n            .dk-tf-item span { font-size: 13px; line-height: 1.4; display: block; }\n            \n            \/* FAQ *\/\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            \/* Poetic Footer *\/\n            .dk-poetic-footer { font-size: 14px; padding: 32px 20px; margin-top: 48px; }\n        }\n\n        @media (max-width: 480px) {\n            \/* Extra tiny adjustments for very small phones *\/\n            .dk-hero-title { font-size: 26px; }\n            .dk-section-title { font-size: 22px; }\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 title=\"Kailh BOX Midnight Jade Switch Clicky\" src=\"https:\/\/www.youtube.com\/embed\/7JbzW4-gbiY?start=30\u0026amp;loop=1\u0026amp;playlist=7JbzW4-gbiY\u0026amp;rel=0\u0026amp;playsinline=1\u0026amp;controls=1\u0026amp;mute=0\"\u003e\u003c\/iframe\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv\u003e\n\n                    \u003cdiv class=\"dk-hero-badge\"\u003eLe fleuron de la série Kailh BOX\u003c\/div\u003e\n\n                    \u003ch1 class=\"dk-hero-title\"\u003eSwitch clicky Kailh BOX Midnight Jade\u003c\/h1\u003e\n\n                    \u003cp class=\"dk-hero-subtitle\"\u003eL'ultime switch clicky de fin de parcours : une tactilité massive et une architecture indestructible.\u003c\/p\u003e\n\n                    \u003cp class=\"dk-hero-desc\"\u003eVous en avez assez des switchs bleus standards qui s'entrechoquent, produisent un bruit de grattement insupportable et rendent l'âme à la moindre goutte de café ? Pour les passionnés de dactylographie et les joueurs tactiques en quête du rythme auditif ultime, Kailh présente le BOX Midnight Jade.\u003cbr\u003e\u003cbr\u003eAmélioré avec un pic tactile massif de 85 gf et notre technologie brevetée « Thick Clickbar », il offre un « clic » ASMR bidirectionnel sensationnellement agressif, totalement exempt de résonance métallique. Entièrement enveloppé de polycarbonate translucide de haute clarté et protégé par une chambre BOX scellée certifiée IP56, il offre des frappes d'une solidité et d'une netteté incomparables qui ne se dégradent jamais, quel que soit l'environnement.\u003c\/p\u003e\n\n                    \u003cdiv class=\"dk-hero-tags\"\u003e\n\n                        \u003cspan class=\"dk-tag\"\u003e🔊 Thick Clickbar\u003c\/span\u003e \n                        \u003cspan class=\"dk-tag\"\u003e💪 Pic à 85 gf\u003c\/span\u003e \n                        \u003cspan class=\"dk-tag\"\u003e💎 Entièrement en PC transparent\u003c\/span\u003e \n                        \u003cspan class=\"dk-tag\"\u003e🛡️ BOX IP56\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\"\u003eThick\u003c\/div\u003e\n\n                \u003cdiv class=\"dk-trust-label\"\u003eTechnologie Clickbar\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-trust-item\"\u003e\n\n                \u003cdiv class=\"dk-trust-num\"\u003e85 gf\u003c\/div\u003e\n\n                \u003cdiv class=\"dk-trust-label\"\u003ePic tactile\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-trust-item\"\u003e\n\n                \u003cdiv class=\"dk-trust-num\"\u003eEntièrement en PC\u003c\/div\u003e\n\n                \u003cdiv class=\"dk-trust-label\"\u003eTranslucide\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-trust-item\"\u003e\n\n                \u003cdiv class=\"dk-trust-num\"\u003eIP56\u003c\/div\u003e\n\n                \u003cdiv class=\"dk-trust-label\"\u003eProtection BOX\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- ================= Section des points faibles ================= --\u003e\n        \u003cdiv class=\"dk-pain-section\"\u003e\n\n            \u003ch2 class=\"dk-section-title\"\u003eAvantages principaux : révolutionner l'expérience clicky\u003c\/h2\u003e\n\n            \u003cp style=\"color: var(--dk-text-muted); margin-bottom: 40px; font-size: 18px; text-align: center; max-width: 800px; margin-left: auto; margin-right: auto;\"\u003eNous savons que vous exigez de la fiabilité. Le Midnight Jade est conçu pour éliminer le principal défaut de l'industrie : l'idée que « clicky signifie bruyant, fragile et vulnérable ».\u003c\/p\u003e\n\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\n                            \u003cpath d=\"M11 5L6 9H2v6h4l5 4V5z\"\u003e\u003c\/path\u003e\n                            \u003cpath d=\"M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3\u003eLe problème : grattement métallique strident\u003c\/h3\u003e\n\n                    \u003cp\u003eLes MX Blue standards utilisent des glissières en plastique qui frappent des lamelles métalliques, créant un bruit rugueux et dispersé à la descente, suivi d'une remontée molle.\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\n                            \u003ccircle r=\"10\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n                            \u003ccircle r=\"6\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n                            \u003ccircle r=\"2\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3\u003eLe problème : tactilité faible et imprécise\u003c\/h3\u003e\n\n                    \u003cp\u003eLes switchs clicky ordinaires offrent un retour tactile si léger qu'il se perd lors d'une frappe rapide, entraînant des fautes de frappe et des erreurs de timing dans les jeux compétitifs.\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\n                            \u003ccircle r=\"4\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n                            \u003cpath d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3\u003eLe problème : défaillance due à la poussière et RGB peu visible\u003c\/h3\u003e\n\n                    \u003cp\u003eLes contacts électriques exposés tombent facilement en panne à cause de la poussière ou de petits déversements, tandis que les boîtiers opaques bloquent considérablement l'éclairage RGB 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\u003eKailh Midnight Jade\u003c\/strong\u003e : l'ultime switch de fin de parcours, offrant un clic net et précis, un pic tactile massif de 85 gf et une protection translucide certifiée IP56.\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- ================= Blocs de fonctionnalités FABE ================= --\u003e\n        \u003cdiv class=\"dk-feature-block\"\u003e\n\n            \u003cdiv class=\"dk-feature-media\"\u003e\n\n                \u003cimg loading=\"lazy\" alt=\"Technologie Thick Clickbar\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/2026-06-29_224004.png?v=1782744033\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/800x600\/F4F4F4\/121212?text=Thick+Clickbar';\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-feature-text\"\u003e\n\n                \u003ch3\u003eDites adieu au grattement métallique\u003cbr\u003eTechnologie exclusive « Thick Clickbar »\u003c\/h3\u003e\n\n                \u003cdiv class=\"dk-fabe-list\"\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eLa solution\u003c\/strong\u003e\n                        \u003cp\u003eAbandonne le mécanisme de glissière défectueux au profit de la conception brevetée « Thick Clickbar » de Kailh : un ressort métallique de torsion indépendant, dédié et plus épais, qui produit le son indépendamment de l'activation électrique.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eL'avantage\u003c\/strong\u003e\n                        \u003cp\u003eLa dactylographie devient une expérience rythmique addictive et d'une grande fidélité. Elle offre une sensation et un son aussi nets que le déclenchement d'un instrument de précision. Le clic bidirectionnel est totalement exempt du grattement désagréable des lamelles métalliques.\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=\"Pic de force tactile de 85 gf\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/2026-06-29_223741.png?v=1782743940\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/800x600\/F4F4F4\/121212?text=85gf+Tactile+Peak';\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-feature-text\"\u003e\n\n                \u003ch3\u003eDites adieu aux retours tactiles imprécis\u003cbr\u003ePic de force tactile massif de 85 gf\u003c\/h3\u003e\n\n                \u003cdiv class=\"dk-fabe-list\"\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eLa solution\u003c\/strong\u003e\n                        \u003cp\u003eConçu avec une force d'activation soigneusement réglée de 50 gf, qui augmente nettement jusqu'à un pic tactile massif de 85 gf juste avant l'activation.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eL'avantage\u003c\/strong\u003e\n                        \u003cp\u003eUne maîtrise absolue au bout des doigts. Vous n'aurez plus jamais à vous demander si une touche a été pressée. La tactilité nette et prononcée élimine les erreurs de frappe accidentelles lors des moments décisifs en jeu et améliore considérablement la précision de frappe.\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=\"PC entièrement transparent et chambre BOX IP56\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/2026-06-29_223807.png?v=1782743940\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/800x600\/F4F4F4\/121212?text=IP56+BOX+Chamber';\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-feature-text\"\u003e\n\n                \u003ch3\u003eDites adieu à la poussière et au RGB peu visible\u003cbr\u003ePC entièrement transparent et BOX IP56\u003c\/h3\u003e\n\n                \u003cdiv class=\"dk-fabe-list\"\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eLa solution\u003c\/strong\u003e\n                        \u003cp\u003eEntièrement fabriqué en polycarbonate de haute clarté (tige, boîtier supérieur et inférieur en PC). À l'intérieur, il est doté de la révolutionnaire chambre physique isolée « micro-chambre » (Green Core) de Kailh, qui protège les contacts.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eL'avantage\u003c\/strong\u003e\n                        \u003cp\u003eUne fiabilité inégalée et un rendu visuel époustouflant. La certification IP56 vous permet de jouer sans crainte, sans vous soucier que la poussière ou les déversements ne provoquent une défaillance du switch. Parallèlement, le boîtier transparent permet à l'éclairage RGB de votre clavier de s'exprimer pleinement et uniformément.\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\"\u003eComparatif des caractéristiques : l'évolution du switch clicky\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\u003eCaractéristiques\u003c\/th\u003e\n\n                        \u003cth\u003e✨ Kailh Midnight Jade\u003c\/th\u003e\n\n                        \u003cth\u003eSwitch clicky standard (ex. MX Blue)\u003c\/th\u003e\n\n                    \u003c\/tr\u003e\n\n                \u003c\/thead\u003e\n\n                \u003ctbody\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eMécanisme sonore\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003eThick Clickbar · Clic net bidirectionnel\u003c\/span\u003e\u003c\/td\u003e\n\n                        \u003ctd\u003eRetour tactile de la glissière en plastique (clic unidirectionnel)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eIntensité tactile\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003ePic massif de 85 gf · Retour net et sans ambiguïté\u003c\/span\u003e\u003c\/td\u003e\n\n                        \u003ctd\u003eRetour tactile faible et mou de 55 à 60 gf\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003ePureté acoustique\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003eClic net, concentré et aigu\u003c\/span\u003e\u003c\/td\u003e\n\n                        \u003ctd\u003eGrattement métallique fort, rugueux et lourd\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eProtection environnementale\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003eChambre BOX scellée · Protection IP56 contre la poussière et l'eau\u003c\/span\u003e\u003c\/td\u003e\n\n                        \u003ctd\u003eNoyau ouvert, sensible à la poussière et aux déversements\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eBase de montage\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003eVersion améliorée à 5 broches · Fixation solide sur le PCB\u003c\/span\u003e\u003c\/td\u003e\n\n                        \u003ctd\u003eGénéralement 3 broches, sujet aux déplacements\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eÉclairage (RGB)\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003ePC entièrement transparent · Transmission RGB éclatante\u003c\/span\u003e\u003c\/td\u003e\n\n                        \u003ctd\u003eSouvent opaque, bloque fortement le RGB\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!-- ================= Grille et tableau des spécifications techniques ================= --\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 données transparentes et précises 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\n                \u003cstrong\u003eSon\u003c\/strong\u003e\n                \u003cp\u003ePurement clicky\u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-spec-card\"\u003e\n\n                \u003cspan\u003e💪\u003c\/span\u003e\n                \u003cstrong\u003ePic tactile\u003c\/strong\u003e\n                \u003cp\u003e85 gf\u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-spec-card\"\u003e\n\n                \u003cspan\u003e🛡️\u003c\/span\u003e\n                \u003cstrong\u003eConstruction\u003c\/strong\u003e\n                \u003cp\u003eBOX IP56\u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-spec-card\"\u003e\n\n                \u003cspan\u003e♾️\u003c\/span\u003e\n                \u003cstrong\u003eDurée de vie\u003c\/strong\u003e\n                \u003cp\u003e80 millions de cycles\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 clicky Kailh BOX Midnight Jade\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\u003eClicky (technologie Thick Clickbar)\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 ± 20 gf (approche fluide)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eForce tactile\u003c\/th\u003e\n\n                        \u003ctd\u003e85 ± 15 gf (pic tactile massif)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eCourse avant activation\u003c\/th\u003e\n\n                        \u003ctd\u003e1,8 ± 0,4 mm (activation réactive)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eCourse totale\u003c\/th\u003e\n\n                        \u003ctd\u003e3,6 ± 0,3 mm (compacte et réactive)\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\u003ePC (polycarbonate)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eMatériau du boîtier\u003c\/th\u003e\n\n                        \u003ctd\u003ePC translucide (haut et bas pour un RGB maximal)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eIndice de protection\u003c\/th\u003e\n\n                        \u003ctd\u003eIP56 (chambre BOX résistante à la poussière et à l'eau)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eStyle de montage\u003c\/th\u003e\n\n                        \u003ctd\u003e5 broches (montage sur PCB - 2 broches à clipser pour les cartes à 3 broches)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eDurabilité\u003c\/th\u003e\n\n                        \u003ctd\u003eJusqu'à 80 000 000 de cycles (durée de vie de 20 à 80 millions)\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\"\u003eAvis clients\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 Thick Clickbar est incroyablement satisfaisant. »\u003c\/h4\u003e\n\n                \u003cp\u003e« J'ai jeté mes anciennes Cherry Blue dès que j'ai essayé celles-ci. Le retour tactile de 85 g associé au Thick Clickbar donne l'impression d'actionner un interrupteur robuste à chaque frappe. Le son est puissant, net et totalement exempt de résonance métallique. »\u003c\/p\u003e\n\n                \u003cdiv style=\"margin-top: auto;\"\u003e\n\n                    \u003cdiv class=\"dk-testimonial-user\"\u003e— @ClickAddict, développeur logiciel\u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \n            \u003cdiv class=\"dk-testimonial-card\"\u003e\n\n                \u003cdiv class=\"dk-stars\"\u003e★★★★★\u003c\/div\u003e\n\n                \u003ch4\u003e« Le boîtier entièrement en PC fait exploser mon RGB. »\u003c\/h4\u003e\n\n                \u003cp\u003e« La plupart des switchs clicky sont opaques et gâchent l'aspect de mes touches transparentes. Le Midnight Jade est entièrement en polycarbonate translucide, du haut jusqu'en bas. Le rendu RGB est magnifique. De plus, le montage à 5 broches tient très fermement sur mon clavier hot-swap. »\u003c\/p\u003e\n\n                \u003cdiv style=\"margin-top: auto;\"\u003e\n\n                    \u003cdiv class=\"dk-testimonial-user\"\u003e— @RGB_Night, passionné de claviers custom\u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \n            \u003cdiv class=\"dk-testimonial-card\"\u003e\n\n                \u003cdiv class=\"dk-stars\"\u003e★★★★★\u003c\/div\u003e\n\n                \u003ch4\u003e« La protection IP56 a vraiment sauvé mon clavier. »\u003c\/h4\u003e\n\n                \u003cp\u003e« J'ai renversé une boisson énergisante sur mon bureau la semaine dernière. J'ai séché le clavier, et les Midnight Jade n'ont même pas bronché ni sont devenus collants. La chambre BOX scellée est bien réelle. C'est le switch le plus robuste que j'aie jamais possédé. »\u003c\/p\u003e\n\n                \u003cdiv style=\"margin-top: auto;\"\u003e\n\n                    \u003cdiv class=\"dk-testimonial-user\"\u003e— @ClutchGamer, joueur PC\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 style=\"margin-top: 0;\" class=\"dk-section-title\"\u003eQualité premium, assistance 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 stroke-width=\"1.5\" stroke-linecap=\"round\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n                            \u003crect ry=\"2\" rx=\"2\" height=\"12\" width=\"18\" y=\"8\" x=\"3\"\u003e\u003c\/rect\u003e\n                            \u003cline y2=\"14\" x2=\"21\" y1=\"14\" x1=\"16\"\u003e\u003c\/line\u003e\n                            \u003cline y2=\"14\" x2=\"12\" y1=\"14\" x1=\"8\"\u003e\u003c\/line\u003e\n                            \u003cpath d=\"M4 8V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv\u003e\n\n                        \u003cp\u003eLivraison gratuite dès 80 $\u003c\/p\u003e\n\n                        \u003cspan\u003eProfitez de la livraison standard gratuite dans le monde entier. En stock et expédié sous 24 heures.\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n                \n                \u003cdiv class=\"dk-tf-item\"\u003e\n\n                    \u003cdiv class=\"dk-tf-icon\"\u003e\n\n                        \u003csvg stroke-width=\"1.5\" stroke-linecap=\"round\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n                            \u003cpath d=\"M9 11l3 3L22 4\"\u003e\u003c\/path\u003e\n                            \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\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv\u003e\n\n                        \u003cp\u003eRetours et essai sous 30 jours\u003c\/p\u003e\n\n                        \u003cspan\u003eVous n'aimez pas la sensation ? Retournez-le sans risque sous 30 jours. Nous prenons en charge les retours en cas de défaut.\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n                \n                \u003cdiv class=\"dk-tf-item\"\u003e\n\n                    \u003cdiv class=\"dk-tf-icon\"\u003e\n\n                        \u003csvg stroke-width=\"1.5\" stroke-linecap=\"round\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n                            \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\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv\u003e\n\n                        \u003cp\u003ePromesse de garantie officielle\u003c\/p\u003e\n\n                        \u003cspan\u003eUne qualité durable soutenue par une promesse de tests en laboratoire jusqu'à 80 millions de frappes.\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!-- ================= Section FAQ ================= --\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 aria-expanded=\"true\" class=\"dk-faq-button\"\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 sonore du « Thick Clickbar » par rapport aux switchs Blue classiques ?\u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"dk-faq-icon\"\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\"\u003eLa différence est flagrante. Les switchs Blue classiques utilisent un coulisseur en plastique qui s'abat pour produire un son, ce qui donne souvent une sensation molle et émet un cliquetis métallique désagréable et vibrant. Le Midnight Jade utilise un ressort de torsion en métal plus épais et indépendant (Clickbar). Lorsque la tige du PC le dépasse, il se verrouille bruyamment et proprement à la DESCENTE comme à la MONTÉE. Le son est remarquablement pur, fort et profond.\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 aria-expanded=\"false\" class=\"dk-faq-button\"\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 tactile de 85gf est-elle trop élevée pour la frappe quotidienne ?\u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"dk-faq-icon\"\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\"\u003eBien que 85gf représente un pic tactile massif, la force d'activation réelle pour initier la pression n'est que de 50gf. Cela signifie que vous rencontrez un « mur » de résistance net et fort juste avant l'activation. Une fois que vous le franchissez, la touche tombe sans effort. Il est conçu pour les dactylographes qui recherchent une certitude absolue et un retour contrasté, évitant ainsi toute faute de frappe accidentelle.\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 aria-expanded=\"false\" class=\"dk-faq-button\"\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\"\u003eQu'est-ce exactement que la BOX Sealed Chamber (IP56) ?\u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"dk-faq-icon\"\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\"\u003eDans les switchs standard, les délicates lamelles de contact en cuivre sont exposées à l'intérieur du boîtier principal, ce qui les rend vulnérables à la poussière et aux liquides. La conception BOX de Kailh crée une petite « boîte » scellée à l'intérieur du switch pour isoler ces composants électriques. La tige utilise un poussoir pour activer le switch indirectement. Cet isolement physique offre une protection de niveau IP56, rendant de fait le switch étanche et résistant à la poussière.\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 aria-expanded=\"false\" class=\"dk-faq-button\"\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\"\u003ePuis-je utiliser un switch 5 broches sur mon clavier hot-swap 3 broches ?\u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"dk-faq-icon\"\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\"\u003eOui, absolument ! Les deux broches en plastique supplémentaires au bas d'un switch 5 broches sont simplement là pour fournir une stabilité supplémentaire aux claviers qui ne disposent pas d'une plaque de montage en métal. Si le PCB de votre clavier ne comporte que 3 trous par switch, prenez simplement une pince coupante et coupez les deux petites broches latérales en plastique. Il s'adaptera parfaitement et fonctionnera exactement de la même manière.\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 aria-expanded=\"false\" class=\"dk-faq-button\"\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\"\u003eLe boîtier entièrement en PC modifie-t-il le son ?\u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"dk-faq-icon\"\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\"\u003eOui. Le polycarbonate (PC) est connu pour produire un profil sonore légèrement plus aigu et plus claquant par rapport aux plastiques plus souples comme le Nylon. Associé au Thick Clickbar, le haut, le bas et la tige entièrement en PC amplifient la netteté et la clarté du clic, ce qui en fait l'expérience auditive agressive et aiguë ultime tout en maximisant le passage de la lumière RGB.\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!-- ================= Pied de page poétique ================= --\u003e\n        \u003cdiv class=\"dk-poetic-footer\"\u003e✨ Un mur tactile massif, un clic sans compromis.\u003cbr\u003eLe Kailh BOX Midnight Jade — où le rythme sonore pur rencontre une architecture indestructible.\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                \/\/ Optional: Close other items first (Shopify style accordion behavior)\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                \/\/ Toggle active class on clicked item\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":"kailh","offers":[{"title":"Default Title","offer_id":54584970379587,"sku":null,"price":0.61,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/7-1_6f5ba6b6-053d-42a4-8911-6531ca15d5f3.jpg?v=1782298449","url":"https:\/\/diykey.net\/fr-fr\/products\/kailh-box-midnight-jade-switches","provider":"DIYKEY","version":"1.0","type":"link"}