{"product_id":"kailh-box-night-firefly-keyboard-switch-clicky-switches","title":"Kailh BOX Night Firefly — Switch tactile net et sonore à 5 broches | 50 gf · IP56 · 80 M de cycles","description":"\u003cbody\u003e\n\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n    \u003ctitle\u003eKailh Night Firefly Clicky Switch - Détails du produit\u003c\/title\u003e\n\n    \u003cstyle\u003e\n        \/* =========================================\n           DIYKEY Independent Scope · Minimalist Premium Design\n           Product: Kailh Night Firefly Clicky\n           ========================================= *\/\n        \n        .dk-product-details {\n            \/* Design Tokens (Adapted to Neon Purple \/ Firefly Green theme) *\/\n            --dk-primary: #9333EA; \/* Purple 600 *\/\n            --dk-primary-light: #F3E8FF; \/* Purple 100 *\/\n            --dk-primary-hover: #7E22CE; \/* Purple 700 *\/\n            \n            --dk-text-title: #111827;\n            --dk-text-main: #374151;\n            --dk-text-muted: #6b7280;\n            --dk-text-light: #9ca3af;\n            \n            --dk-bg-main: #fcfcfc;\n            --dk-bg-card: #ffffff;\n            --dk-bg-subtle: #f8fafc;\n            \n            --dk-border-color: #e5e7eb;\n            \n            --dk-radius-xl: 32px;\n            --dk-radius-lg: 24px;\n            --dk-radius-md: 16px;\n            \n            --dk-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.03);\n            --dk-shadow-md: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\n            --dk-shadow-hover: 0 20px 40px -10px rgba(0, 0, 0, 0.08);\n            \n            --dk-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n            --dk-transition-bounce: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n            background-color: var(--dk-bg-main);\n            color: var(--dk-text-main);\n            line-height: 1.6;\n            padding-bottom: 80px;\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .dk-product-details * { box-sizing: border-box; margin: 0; padding: 0; }\n\n        .dk-container {\n            width: 92%;\n            max-width: 1100px;\n            margin: 0 auto;\n        }\n\n        \/* Generic Titles *\/\n        .dk-section-title {\n            font-size: 36px;\n            font-weight: 800;\n            text-align: center;\n            margin: 80px 0 40px;\n            letter-spacing: -1px;\n            color: var(--dk-text-title);\n            line-height: 1.2;\n        }\n\n        .dk-section-title::after {\n            content: '';\n            display: block;\n            width: 48px;\n            height: 4px;\n            margin: 16px auto 0;\n            background-color: var(--dk-primary);\n            border-radius: 4px;\n        }\n\n        .dk-highlight-orange { color: var(--dk-primary); }\n\n        \/* ================= Hero Section ================= *\/\n        .dk-hero-section { padding: 40px 0 60px; }\n\n        .dk-hero-grid {\n            display: grid;\n            grid-template-columns: 1.1fr 0.9fr;\n            gap: 56px;\n            align-items: center;\n        }\n\n        .dk-video-wrapper {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 16 \/ 9;\n            margin: 0 auto;\n            border-radius: var(--dk-radius-xl);\n            overflow: hidden;\n            background: #000000;\n            box-shadow: var(--dk-shadow-md);\n            transform: translateZ(0);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--dk-text-muted);\n            font-size: 14px;\n        }\n\n        .dk-video-wrapper iframe,\n        .dk-video-wrapper img {\n            position: absolute;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            object-fit: cover;\n            border: none;\n        }\n\n        .dk-hero-badge {\n            display: inline-flex;\n            background: var(--dk-primary-light);\n            color: var(--dk-primary);\n            padding: 8px 18px;\n            border-radius: 40px;\n            font-size: 13px;\n            font-weight: 700;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            margin-bottom: 20px;\n        }\n\n        .dk-hero-title {\n            font-size: 44px;\n            font-weight: 800;\n            line-height: 1.2;\n            margin-bottom: 24px;\n            letter-spacing: -1px;\n            color: var(--dk-text-title);\n        }\n\n        .dk-hero-subtitle {\n            font-size: 18px;\n            color: var(--dk-text-muted);\n            font-weight: 600;\n            margin-bottom: 24px;\n            line-height: 1.5;\n        }\n\n        .dk-hero-desc {\n            font-size: 16px;\n            color: var(--dk-text-main);\n            margin-bottom: 32px;\n            line-height: 1.7;\n        }\n\n        .dk-hero-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 32px; }\n\n        .dk-tag {\n            background: var(--dk-bg-subtle);\n            padding: 8px 16px;\n            border-radius: 40px;\n            font-size: 14px;\n            font-weight: 600;\n            color: var(--dk-text-main);\n            transition: var(--dk-transition);\n            border: 1px solid var(--dk-border-color);\n        }\n\n        .dk-tag:hover {\n            background: var(--dk-primary-light);\n            color: var(--dk-primary);\n            border-color: var(--dk-primary-light);\n            transform: translateY(-2px);\n        }\n\n        \/* ================= Trust Numbers ================= *\/\n        .dk-trust-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 24px;\n            margin: 64px 0;\n            text-align: center;\n            background: var(--dk-bg-subtle);\n            padding: 40px 24px;\n            border-radius: var(--dk-radius-xl);\n            border: 1px solid var(--dk-border-color);\n        }\n\n        .dk-trust-num {\n            font-size: 36px;\n            font-weight: 800;\n            color: var(--dk-primary);\n            letter-spacing: -1px;\n        }\n\n        .dk-trust-label {\n            font-size: 13px;\n            color: var(--dk-text-muted);\n            font-weight: 700;\n            margin-top: 6px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        \/* ================= Pain Points ================= *\/\n        .dk-pain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }\n\n        .dk-pain-card {\n            background: var(--dk-bg-card);\n            padding: 40px 24px;\n            border-radius: var(--dk-radius-lg);\n            text-align: center;\n            box-shadow: var(--dk-shadow-sm);\n            border: 1px solid #f3f4f6;\n            transition: var(--dk-transition);\n        }\n\n        .dk-pain-card:hover {\n            transform: translateY(-8px);\n            box-shadow: var(--dk-shadow-hover);\n            border-color: var(--dk-primary-light);\n        }\n\n        .dk-pain-icon {\n            width: 56px; height: 56px;\n            margin: 0 auto 24px;\n            color: var(--dk-text-title);\n            transition: var(--dk-transition);\n        }\n        .dk-pain-icon svg { width: 100%; height: 100%; }\n        .dk-pain-card:hover .dk-pain-icon { color: var(--dk-primary); transform: scale(1.1); }\n\n        .dk-pain-card h3 { font-size: 20px; font-weight: 700; margin-bottom: 16px; color: var(--dk-text-title); }\n        .dk-pain-card p { font-size: 15px; color: var(--dk-text-muted); }\n\n        .dk-pain-solution {\n            margin-top: 40px;\n            background: var(--dk-text-title);\n            color: #ffffff;\n            padding: 24px 32px;\n            border-radius: var(--dk-radius-md);\n            text-align: center;\n            font-size: 18px;\n            font-weight: 500;\n            box-shadow: var(--dk-shadow-md);\n        }\n\n        \/* ================= FABE Feature Blocks ================= *\/\n        .dk-feature-block {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 64px;\n            align-items: center;\n            margin: 100px 0;\n        }\n        .dk-feature-block.reverse { direction: rtl; }\n        .dk-feature-block.reverse \u003e * { direction: ltr; }\n\n        .dk-feature-media {\n            width: 100%;\n            border-radius: var(--dk-radius-lg);\n            box-shadow: var(--dk-shadow-md);\n            overflow: hidden;\n            background: var(--dk-bg-subtle);\n            aspect-ratio: 4\/3;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--dk-text-light);\n            font-size: 18px;\n            font-weight: bold;\n            text-align: center;\n            border: 2px dashed var(--dk-border-color);\n        }\n        \n        .dk-feature-media img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        .dk-feature-text h3 {\n            font-size: 32px;\n            font-weight: 800;\n            line-height: 1.3;\n            margin-bottom: 28px;\n            color: var(--dk-text-title);\n        }\n\n        .dk-fabe-list { display: flex; flex-direction: column; gap: 28px; }\n        .dk-fabe-item { padding-left: 20px; border-left: 4px solid var(--dk-primary); }\n        .dk-fabe-item strong { display: block; font-size: 18px; color: var(--dk-text-title); margin-bottom: 6px; }\n        .dk-fabe-item p { font-size: 16px; color: var(--dk-text-muted); }\n\n        \/* ================= Spec Tables ================= *\/\n        .dk-table-wrapper {\n            margin-bottom: 48px;\n            border-radius: var(--dk-radius-md);\n            background: var(--dk-bg-card);\n            box-shadow: var(--dk-shadow-sm);\n            border: 1px solid var(--dk-border-color);\n            overflow-x: auto; \n            -webkit-overflow-scrolling: touch;\n        }\n\n        \/* Custom Scrollbar for better UX on desktop \u0026 mobile hints *\/\n        .dk-table-wrapper::-webkit-scrollbar {\n            height: 6px;\n        }\n        .dk-table-wrapper::-webkit-scrollbar-track {\n            background: var(--dk-bg-subtle);\n            border-radius: 0 0 8px 8px;\n        }\n        .dk-table-wrapper::-webkit-scrollbar-thumb {\n            background: #cbd5e1;\n            border-radius: 8px;\n        }\n        .dk-table-wrapper::-webkit-scrollbar-thumb:hover {\n            background: #94a3b8;\n        }\n        \n        .dk-table { width: 100%; border-collapse: collapse; font-size: 16px; white-space: nowrap; }\n        .dk-table th, .dk-table td { padding: 20px 24px; border-bottom: 1px solid var(--dk-border-color); text-align: left; }\n        .dk-table th { background: var(--dk-bg-subtle); font-weight: 700; color: var(--dk-text-title); white-space: nowrap; }\n        \n        .dk-comp-winner {\n            color: var(--dk-primary);\n            font-weight: 700;\n            background: var(--dk-primary-light);\n            padding: 4px 12px;\n            border-radius: 8px;\n            white-space: nowrap;\n        }\n\n        .dk-table-compare,\n        .dk-table-specs {\n            min-width: 600px; \n        }\n\n        .dk-spec-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 20px;\n            margin-bottom: 32px;\n        }\n        .dk-spec-card {\n            background: var(--dk-bg-subtle);\n            padding: 24px;\n            border-radius: var(--dk-radius-md);\n            text-align: center;\n            border: 1px solid var(--dk-border-color);\n            transition: var(--dk-transition);\n        }\n        .dk-spec-card:hover { background: #fff; box-shadow: var(--dk-shadow-hover); transform: translateY(-4px); }\n        .dk-spec-card span { font-size: 32px; display: block; margin-bottom: 16px; }\n        .dk-spec-card strong { display: block; font-size: 16px; margin-bottom: 6px; color: var(--dk-text-title); }\n        .dk-spec-card p { font-size: 14px; color: var(--dk-text-muted); }\n\n        \/* ================= Testimonials ================= *\/\n        .dk-testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }\n        .dk-testimonial-card {\n            background: var(--dk-bg-card);\n            padding: 32px;\n            border-radius: var(--dk-radius-lg);\n            box-shadow: var(--dk-shadow-sm);\n            border: 1px solid var(--dk-border-color);\n            transition: var(--dk-transition);\n            display: flex;\n            flex-direction: column;\n        }\n        .dk-testimonial-card:hover { transform: translateY(-6px); box-shadow: var(--dk-shadow-hover); }\n        \n        .dk-testimonial-card h4 {\n            font-size: 16px; \n            font-weight: 700;\n            color: var(--dk-text-title);\n            margin-bottom: 10px;\n            line-height: 1.4;\n        }\n        \n        .dk-stars { color: #F59E0B; font-size: 18px; margin-bottom: 16px; }\n        .dk-testimonial-card p { font-size: 16px; font-style: italic; color: var(--dk-text-main); margin-bottom: 24px; line-height: 1.7; flex-grow: 1; }\n        .dk-testimonial-user { font-weight: 700; color: var(--dk-primary); font-size: 15px; }\n\n        \/* ================= Trust Features ================= *\/\n        .dk-trust-features {\n            background: var(--dk-bg-card);\n            border-radius: var(--dk-radius-xl);\n            padding: 60px 32px;\n            text-align: center;\n            margin: 80px 0;\n            border: 1px solid var(--dk-border-color);\n            box-shadow: var(--dk-shadow-sm);\n        }\n        .dk-tf-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 900px; margin: 40px auto 0; }\n        .dk-tf-item { display: flex; flex-direction: column; align-items: center; transition: var(--dk-transition); }\n        .dk-tf-item:hover { transform: translateY(-5px); }\n        .dk-tf-icon { width: 56px; height: 56px; margin-bottom: 16px; color: var(--dk-text-muted); }\n        .dk-tf-item:hover .dk-tf-icon { color: var(--dk-primary); }\n        .dk-tf-item p { font-weight: 700; color: var(--dk-text-title); font-size: 18px; margin-bottom: 8px;}\n        .dk-tf-item span { font-size: 14px; color: var(--dk-text-muted); }\n\n        \/* ================= FAQ ================= *\/\n        .dk-faq-wrapper { max-width: 800px; margin: 0 auto; padding: 0 10px; }\n        .dk-faq-item {\n            background: var(--dk-bg-card);\n            border: 1.5px solid var(--dk-border-color);\n            border-radius: var(--dk-radius-md);\n            margin-bottom: 20px;\n            transition: var(--dk-transition);\n            position: relative;\n            overflow: hidden;\n        }\n        .dk-faq-item:hover { border-color: #d1d5db; box-shadow: var(--dk-shadow-sm); }\n        .dk-faq-item::before {\n            content: ''; position: absolute; left: 0; top: 0; bottom: 0;\n            width: 0; background-color: var(--dk-primary); transition: width 0.3s ease; z-index: 2;\n        }\n        .dk-faq-item.active { border-color: var(--dk-primary); box-shadow: var(--dk-shadow-hover); }\n        .dk-faq-item.active::before { width: 5px; }\n\n        .dk-faq-button {\n            width: 100%; padding: 24px 28px; background: none; border: none;\n            display: flex; align-items: flex-start; justify-content: space-between;\n            cursor: pointer; text-align: left; gap: 16px; outline: none;\n        }\n        .dk-faq-q-box { display: flex; gap: 16px; align-items: flex-start; }\n        .dk-faq-label {\n            font-size: 14px; font-weight: 800; color: var(--dk-primary); background: var(--dk-primary-light);\n            width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;\n            border-radius: 8px; flex-shrink: 0;\n        }\n        .dk-faq-question-text { font-size: 18px; font-weight: 700; color: var(--dk-text-title); line-height: 1.4; }\n        .dk-faq-icon { width: 24px; height: 24px; color: var(--dk-text-light); transition: var(--dk-transition-bounce); flex-shrink: 0; }\n        .dk-faq-item.active .dk-faq-icon { transform: rotate(180deg); color: var(--dk-primary); }\n\n        .dk-faq-collapse { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }\n        .dk-faq-item.active .dk-faq-collapse { grid-template-rows: 1fr; }\n        .faq-answer-inner { overflow: hidden; }\n        .dk-faq-answer { padding: 0 28px 28px 72px; color: var(--dk-text-main); font-size: 16px; line-height: 1.8; }\n\n        \/* ================= Responsive (Mobile Optimization) ================= *\/\n        @media (max-width: 992px) {\n            .dk-hero-title { font-size: 38px; }\n            .dk-hero-grid { gap: 40px; }\n            .dk-feature-block { gap: 40px; margin: 80px 0; }\n        }\n\n        @media (max-width: 768px) {\n            \/* Typography \u0026 General Spacing *\/\n            .dk-section-title { font-size: 26px; text-align: left; margin: 56px 0 24px; }\n            .dk-section-title::after { margin-left: 0; }\n            .dk-product-details { padding-bottom: 40px; }\n            \n            \/* Hero Section *\/\n            .dk-hero-section { padding: 24px 0 40px; }\n            .dk-hero-grid { grid-template-columns: 1fr; gap: 32px; text-align: left; }\n            .dk-video-wrapper { border-radius: var(--dk-radius-lg); }\n            .dk-hero-title { font-size: 32px; margin-bottom: 16px; }\n            .dk-hero-subtitle { font-size: 16px; margin-bottom: 16px; }\n            .dk-hero-desc { font-size: 15px; margin-bottom: 24px; }\n            .dk-hero-tags { justify-content: flex-start; gap: 8px; margin-bottom: 24px; }\n            .dk-tag { font-size: 13px; padding: 6px 14px; }\n            \n            \/* Trust Numbers *\/\n            .dk-trust-grid { grid-template-columns: repeat(2, 1fr); padding: 24px 16px; margin: 48px 0; gap: 20px; border-radius: var(--dk-radius-lg); }\n            .dk-trust-num { font-size: 28px; }\n            .dk-trust-label { font-size: 12px; }\n            \n            \/* Pain Points *\/\n            .dk-pain-section .dk-section-title + p { font-size: 15px; margin-bottom: 24px; line-height: 1.5; }\n            .dk-pain-grid { grid-template-columns: 1fr; gap: 20px; }\n            .dk-pain-card { padding: 28px 20px; text-align: left; }\n            .dk-pain-icon { margin: 0 0 16px 0; width: 48px; height: 48px; }\n            .dk-pain-card h3 { font-size: 18px; margin-bottom: 12px; }\n            .dk-pain-solution { text-align: left; font-size: 16px; padding: 20px; margin-top: 24px; }\n            \n            \/* Feature Blocks *\/\n            .dk-feature-block, .dk-feature-block.reverse { grid-template-columns: 1fr; gap: 28px; direction: ltr; margin: 56px 0; }\n            .dk-feature-text { text-align: left; }\n            .dk-feature-text h3 { font-size: 24px; margin-bottom: 20px; }\n            .dk-fabe-list { gap: 20px; }\n            .dk-fabe-item { padding-left: 16px; }\n            .dk-fabe-item strong { font-size: 16px; }\n            .dk-fabe-item p { font-size: 14px; }\n            \n            \/* Tables *\/\n            .dk-table-wrapper { margin-bottom: 32px; }\n            .dk-table { font-size: 14px; }\n            .dk-table th, .dk-table td { padding: 14px 16px; }\n            \n            \/* Tech Specs Table - Stacked *\/\n            .dk-table-specs { min-width: 100%; display: block; white-space: normal; }\n            .dk-table-specs tbody, .dk-table-specs tr { display: block; width: 100%; }\n            .dk-table-specs tr { border-bottom: 1px solid var(--dk-border-color); }\n            .dk-table-specs tr:last-child { border-bottom: none; }\n            .dk-table-specs th, .dk-table-specs td { display: block; width: 100%; text-align: left; border-bottom: none; }\n            .dk-table-specs th { padding: 16px 16px 4px 16px; background: transparent; font-size: 15px; color: var(--dk-text-title); }\n            .dk-table-specs td { padding: 0 16px 16px 16px; font-size: 14px; color: var(--dk-text-muted); }\n            \n            \/* Spec Grid *\/\n            .dk-spec-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 24px; }\n            .dk-spec-card { padding: 20px 16px; text-align: left; border-radius: var(--dk-radius-md); }\n            .dk-spec-card span { font-size: 28px; margin-bottom: 12px; }\n            \n            \/* Testimonials *\/\n            .dk-testimonial-grid { grid-template-columns: 1fr; gap: 20px; }\n            .dk-testimonial-card { padding: 24px 20px; }\n            .dk-testimonial-card p { font-size: 15px; margin-bottom: 20px; }\n            \n            \/* Trust Features *\/\n            .dk-trust-features { padding: 40px 20px; text-align: left; margin: 56px 0; border-radius: var(--dk-radius-lg); }\n            .dk-tf-grid { grid-template-columns: 1fr; gap: 32px; margin: 32px auto 0; }\n            .dk-tf-item { align-items: flex-start; text-align: left; flex-direction: row; gap: 20px; }\n            .dk-tf-icon { width: 52px; height: 52px; margin-bottom: 0; flex-shrink: 0; }\n            .dk-tf-item p { font-size: 18px; margin-bottom: 6px; font-weight: 800; }\n            .dk-tf-item span { font-size: 14px; line-height: 1.5; display: block; }\n            \n            \/* FAQ *\/\n            .dk-faq-button { padding: 20px 16px; }\n            .dk-faq-question-text { font-size: 15px; }\n            .dk-faq-answer { padding: 0 16px 20px 60px; font-size: 14px; }\n        }\n\n        @media (max-width: 480px) {\n            .dk-hero-title { font-size: 28px; }\n            .dk-section-title { font-size: 24px; }\n            .dk-faq-answer { padding: 0 16px 20px 16px; margin-top: 12px; border-top: 1px solid var(--dk-bg-subtle); padding-top: 12px; }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"dk-product-details\"\u003e\n\n    \u003cdiv class=\"dk-container\"\u003e\n\n        \n        \u003c!-- Section principale --\u003e\n        \u003cdiv class=\"dk-hero-section\"\u003e\n\n            \u003cdiv class=\"dk-hero-grid\"\u003e\n\n                \u003cdiv class=\"dk-video-wrapper\"\u003e\n\n                    \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/5V6BXatTJqg?loop=1\u0026amp;playlist=5V6BXatTJqg\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=\"Kailh Night Firefly Clicky Switch\"\u003e\u003c\/iframe\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv\u003e\n\n                    \u003cdiv class=\"dk-hero-badge\"\u003eSwitch clicky esthétique haut de gamme\u003c\/div\u003e\n\n                    \u003ch1 class=\"dk-hero-title\"\u003eKailh Night Firefly Clicky\u003c\/h1\u003e\n\n                    \u003cp class=\"dk-hero-subtitle\"\u003eVous en avez assez des switches ennuyeux qui disparaissent dans le noir ? Marre du cliquetis bon marché et grinçant et du tintement métallique des ressorts des switches bleus classiques ?\u003c\/p\u003e\n\n                    \u003cp class=\"dk-hero-desc\"\u003eLe géant des périphériques Kailh propose un véritable chef-d’œuvre qui fusionne magie visuelle et expérience sonore irréprochable : le Kailh Night Firefly.\u003cbr\u003e\u003cbr\u003eCe switch propulse l’esthétique des claviers personnalisés dans une toute nouvelle dimension. Inédit dans le secteur, il est doté d’un boîtier en PC transparent teinté rose-violet, infusé de poudre fluorescente de première qualité, qui émet une lueur émeraude de luciole dans le noir (sans alimentation nécessaire). Il est équipé du légendaire mécanisme Click-Bar de Kailh, d’une force d’activation idéale de 50 gf et d’un temps de réponse rapide de 1,8 mm. Que vous souhaitiez créer le setup de bureau ultime qui brille dans le noir ou profiter d’un rythme de frappe ASMR incroyablement relaxant, le Night Firefly garantit que votre clavier sera la pièce maîtresse absolue, de jour comme de nuit.\u003c\/p\u003e\n\n                    \n                    \u003cdiv class=\"dk-hero-tags\"\u003e\n\n                        \u003cspan class=\"dk-tag\"\u003e🌟 Boîtier PC phosphorescent\u003c\/span\u003e\n                        \u003cspan class=\"dk-tag\"\u003e🎙️ Son net du Click-Bar\u003c\/span\u003e\n                        \u003cspan class=\"dk-tag\"\u003e🟣 Coloris rose-violet\u003c\/span\u003e\n                        \u003cspan class=\"dk-tag\"\u003e⚡ Activation rapide de 1,8 mm\u003c\/span\u003e\n                        \u003cspan class=\"dk-tag\"\u003e♾️ Durée de vie de plus de 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!-- Chiffres clés --\u003e\n        \u003cdiv class=\"dk-trust-grid\"\u003e\n\n            \u003cdiv class=\"dk-trust-item\"\u003e\n\n                \u003cdiv class=\"dk-trust-num\"\u003e1.8\u003cspan style=\"font-size: 20px;\"\u003emm\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                \u003cdiv class=\"dk-trust-label\"\u003eActivation rapide\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-trust-item\"\u003e\n\n                \u003cdiv class=\"dk-trust-num\"\u003e50\u003cspan style=\"font-size: 20px;\"\u003egf\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                \u003cdiv class=\"dk-trust-label\"\u003eForce tactile idéale\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-trust-item\"\u003e\n\n                \u003cdiv class=\"dk-trust-num\"\u003e80M\u003cspan style=\"font-size: 20px;\"\u003e+\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n                \u003cdiv class=\"dk-trust-label\"\u003eDurée de vie en frappes\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-trust-item\"\u003e\n\n                \u003cdiv class=\"dk-trust-num\"\u003eLueur\u003c\/div\u003e\n\n                \u003cdiv class=\"dk-trust-label\"\u003eAucune alimentation requise\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- Points faibles --\u003e\n        \u003cdiv class=\"dk-pain-section\"\u003e\n\n            \u003ch2 class=\"dk-section-title\"\u003eAtouts majeurs : la fusion ultime du visuel et du son\u003c\/h2\u003e\n\n            \u003cp style=\"color: var(--dk-text-muted); margin-bottom: 40px; font-size: 18px;\"\u003eNous savons que vous aimez le retour physique distinctif d’un switch clicky, mais que vous rêvez aussi d’un setup unique qui affirme votre personnalité. Le Night Firefly met définitivement fin au dilemme « belle apparence OU beau son ».\u003c\/p\u003e\n\n            \u003cdiv class=\"dk-pain-grid\"\u003e\n\n                \u003cdiv class=\"dk-pain-card\"\u003e\n\n                    \u003cdiv class=\"dk-pain-icon\"\u003e\n\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\u003e\u003c\/line\u003e\u003cline x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\u003e\u003c\/line\u003e\u003cline x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\u003e\u003c\/line\u003e\u003cline x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\u003e\u003c\/line\u003e\u003cline x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3\u003eLe problème : extinction des lumières, fin du spectacle\u003c\/h3\u003e\n\n                    \u003cp\u003eLes switches transparents standard dépendent entièrement du RGB de votre PCB. Dès que vous éteignez votre PC ou que vous vous trouvez dans une pièce sombre, votre coûteux clavier personnalisé perd toute sa magie visuelle et devient terriblement ennuyeux.\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-pain-card\"\u003e\n\n                    \u003cdiv class=\"dk-pain-icon\"\u003e\n\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3\u003eLe problème : cliquetis et tintement de plastique bon marché\u003c\/h3\u003e\n\n                    \u003cp\u003eLes switches clicky traditionnels (comme les bleus classiques) utilisent une pièce en plastique qui vient frapper le boîtier. Le résultat : un bruit irrégulier et strident, accompagné d’un insupportable tintement métallique du ressort.\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-pain-card\"\u003e\n\n                    \u003cdiv class=\"dk-pain-icon\"\u003e\n\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cline x1=\"9\" y1=\"12\" x2=\"15\" y2=\"12\"\u003e\u003c\/line\u003e\u003cpolyline points=\"12 9 15 12 12 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3\u003eLe problème : esthétique banale et dégradation\u003c\/h3\u003e\n\n                    \u003cp\u003eLes switches basiques manquent de couleurs assorties pour les configurations avec keycaps transparents. De plus, leurs contacts métalliques bon marché s’oxydent rapidement, provoquant des doubles frappes exaspérantes ou des touches mortes quelques mois seulement après le montage.\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-pain-solution\"\u003e\n\n                ✨ \u003cstrong\u003eKailh Night Firefly Clicky\u003c\/strong\u003e : boîtier PC phosphorescent, son pur du Click-Bar et contacts plaqués or. La perfection visuelle et tactile.\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- Sections des caractéristiques --\u003e\n        \u003cdiv class=\"dk-feature-block\"\u003e\n\n            \u003cdiv class=\"dk-feature-media\"\u003e\n\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/1__Kailh_0393780c-dc9f-4d94-abfa-2d888ca75105.jpg?v=1777707900\" alt=\"Boîtier en PC fluorescent phosphorescent\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-feature-text\"\u003e\n\n                \u003ch3\u003eFini les setups ternes\u003cbr\u003eLa magie phosphorescente\u003c\/h3\u003e\n\n                \u003cdiv class=\"dk-fabe-list\"\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eUne avancée esthétique\u003c\/strong\u003e\n                        \u003cp\u003eSans lésiner sur les moyens, le boîtier en polycarbonate (PC) haute transparence est innovant : il intègre une poudre fluorescente haut de gamme tout en conservant une magnifique teinte rose-violet.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eUn avantage absolu\u003c\/strong\u003e\n                        \u003cp\u003eIl absorbe automatiquement la lumière ambiante du jour ou de la pièce. Dans l’obscurité, il émet naturellement une superbe lueur émeraude douce, sans alimentation ni lampe UV.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eUn atout pour votre setup\u003c\/strong\u003e\n                        \u003cp\u003eUne magie visuelle 24 h\/24. Le jour, c’est une gelée rose cristalline ; la nuit, votre bureau se transforme en une mer fascinante de lucioles. Il apporte une esthétique cyberpunk et mystique incomparable à votre clavier nu.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"dk-feature-block reverse\"\u003e\n\n            \u003cdiv class=\"dk-feature-media\"\u003e\n\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/2__Kailh_7f127a79-287b-4bbf-8b27-b9f34e88cf2a.jpg?v=1777707900\" alt=\"Son net du Click-Bar\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-feature-text\"\u003e\n\n                \u003ch3\u003eFini les cliquetis bon marché\u003cbr\u003eLe son net du Click-Bar\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\u003c\/strong\u003e\n                        \u003cp\u003eAu cœur du switch se trouve le mécanisme Click-Bar breveté de Kailh, très apprécié. Il produit un claquement tactile à la descente comme à la remontée, associé à une activation rapide et réactive de 1,8 mm.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eUn avantage absolu\u003c\/strong\u003e\n                        \u003cp\u003eIl élimine complètement le cliquetis plastique bon marché et grinçant des switches bleus classiques. Le son est remarquablement net et précis, sans le moindre tintement métallique parasite.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eUn bénéfice sensoriel\u003c\/strong\u003e\n                        \u003cp\u003eChaque frappe est une expérience ASMR intensément relaxante. Le retour mécanique pur et rétro améliore la précision de la frappe à l’aveugle et donne l’impression de jouer d’un instrument.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"dk-feature-block\"\u003e\n\n            \u003cdiv class=\"dk-feature-media\"\u003e\n\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/3__Kailh_92896568-5ad8-4528-9b22-d84f6a344553.jpg?v=1777707900\" alt=\"PC rose-violet et durée de vie de 80 millions de frappes\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-feature-text\"\u003e\n\n                \u003ch3\u003eFiabilité industrielle\u003cbr\u003ePC rose-violet et durée de vie de 80 millions de frappes\u003c\/h3\u003e\n\n                \u003cdiv class=\"dk-fabe-list\"\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eConception robuste\u003c\/strong\u003e\n                        \u003cp\u003eFabriqué avec un boîtier en PC semi-transparent rose-violet au rendu féérique, qui fait également office de diffuseur RGB exceptionnel. À l’intérieur, des contacts dorés anti-oxydation et une base robuste à 5 broches.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eUn avantage absolu\u003c\/strong\u003e\n                        \u003cp\u003eLa conception à 5 broches réduit considérablement le jeu latéral de la tige sur les plaques hot-swap. Les contacts dorés éliminent complètement les doubles frappes et les touches mortes dus à l’oxydation au fil du temps.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eUn atout pour votre setup\u003c\/strong\u003e\n                        \u003cp\u003eL’alliance parfaite entre l’esthétique des claviers personnalisés et une durabilité industrielle. Avec une durée de vie impressionnante de 80 millions de frappes, il garantit que le clic net et la lueur éclatante perdureront des anné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        \u003c!-- Tableau comparatif --\u003e\n        \u003ch2 class=\"dk-section-title\"\u003eLa mise à niveau ultime : Night Firefly vs switch clicky standard\u003c\/h2\u003e\n\n        \u003cdiv class=\"dk-table-wrapper\"\u003e\n\n            \u003ctable class=\"dk-table dk-table-compare\"\u003e\n\n                \u003cthead\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eComparaison des caractéristiques\u003c\/th\u003e\n\n                        \u003cth\u003eSwitch clicky standard (ex. : bleu classique)\u003c\/th\u003e\n\n                        \u003cth\u003e✨ Kailh Night Firefly Clicky\u003c\/th\u003e\n\n                    \u003c\/tr\u003e\n\n                \u003c\/thead\u003e\n\n                \u003ctbody\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eIdentité visuelle\u003c\/td\u003e\n\n                        \u003ctd\u003eOpaque ou transparent basique, invisible dans le noir\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003ePC rose-violet + lueur fluorescente phosphorescente\u003c\/span\u003e\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eAcoustique (son)\u003c\/td\u003e\n\n                        \u003ctd\u003eSon sec et cliquetant, tintement métallique du ressort\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003e« Pop » net et pur du Click-Bar, sans tintement métallique\u003c\/span\u003e\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eActivation (pré-course)\u003c\/td\u003e\n\n                        \u003ctd\u003e2,0 - 2,2 mm (légèrement lent)\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003e1,8 ± 0,4 mm — réponse et activation 10 % plus rapides\u003c\/span\u003e\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eCourse totale\u003c\/td\u003e\n\n                        \u003ctd\u003e4,0 mm\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003e3,6 mm — course réduite, réinitialisation plus rapide du doigt\u003c\/span\u003e\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eÉclairage RGB\u003c\/td\u003e\n\n                        \u003ctd\u003eTransmission basique de la lumière ou blocage de celle-ci\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003eLe boîtier PC fait office de diffuseur + magie nocturne à double effet\u003c\/span\u003e\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eDurée de vie\u003c\/td\u003e\n\n                        \u003ctd\u003e~50 millions de cycles\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003eJusqu’à 80 millions de cycles — durée de vie considérablement prolongée\u003c\/span\u003e\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                \u003c\/tbody\u003e\n\n            \u003c\/table\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- Caractéristiques techniques --\u003e\n        \u003ch2 class=\"dk-section-title\"\u003eCaractéristiques techniques avancées\u003c\/h2\u003e\n\n        \u003cp style=\"color: var(--dk-text-muted); margin-bottom: 30px; text-align: center;\"\u003eDes données transparentes et sans compromis pour les passionnés.\u003c\/p\u003e\n\n        \n        \u003cdiv class=\"dk-spec-grid\"\u003e\n\n            \u003cdiv class=\"dk-spec-card\"\u003e\n\n                \u003cspan\u003e🌟\u003c\/span\u003e\u003cstrong\u003eEffet spécial\u003c\/strong\u003e\u003cp\u003ePhosphorescent\u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-spec-card\"\u003e\n\n                \u003cspan\u003e⚡\u003c\/span\u003e\u003cstrong\u003eActivation\u003c\/strong\u003e\u003cp\u003e1,8 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\u003eForce d’utilisation\u003c\/strong\u003e\u003cp\u003e50 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\u003eDurée de vie\u003c\/strong\u003e\u003cp\u003ePlus de 80 millions de frappes\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 Kailh Night Firefly Clicky\u003c\/strong\u003e\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eType de switch\u003c\/th\u003e\n\n                        \u003ctd\u003eSwitch tactile clicky sonore (sensation mécanique rétro)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eTechnologie acoustique\u003c\/th\u003e\n\n                        \u003ctd\u003eClick-Bar breveté par Kailh (mécanisme sonore net bidirectionnel)\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 modifié haute transparence (teinte rose-violet, infusé de poudre fluorescente haut de gamme)\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 haute durabilité (assure une fluidité durable)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eForce d’utilisation\u003c\/th\u003e\n\n                        \u003ctd\u003e50 ± 15 gf (force équilibrée idéale)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eForce en butée\u003c\/th\u003e\n\n                        \u003ctd\u003e60 ± 10 gf\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eActivation (pré-course)\u003c\/th\u003e\n\n                        \u003ctd\u003e1,8 ± 0,4 mm (réponse agile)\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 nette)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eContacts internes\u003c\/th\u003e\n\n                        \u003ctd\u003eContacts plaqués or anti-oxydation\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eCaractéristiques du ressort\u003c\/th\u003e\n\n                        \u003ctd\u003eRessort en acier à fort rebond, calibré avec précision\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eBroches de montage\u003c\/th\u003e\n\n                        \u003ctd\u003eMontage PCB à 5 broches (coupez les 2 pattes en plastique avec une pince coupante pour une compatibilité à 3 broches)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eDurée de vie\u003c\/th\u003e\n\n                        \u003ctd\u003e≥ 80 000 000 de frappes\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003ePropriétés fluorescentes\u003c\/th\u003e\n\n                        \u003ctd\u003eAbsorbe la lumière ambiante (lumière du jour\/LED) et émet une lueur émeraude dans le noir pendant des heures\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 authentiques de la communauté des claviers mécaniques\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« L’effet phosphorescent est complètement fou ! »\u003c\/h4\u003e\n\n                \u003cp\u003e« Je n’avais encore jamais vu un switch conçu comme celui-ci. Le jour, ils ressemblent à une magnifique gelée rose-violet. Mais dès que j’éteins mon PC le soir, mon clavier brille littéralement d’une douce lumière verte, comme des lucioles ! Il n’a même pas besoin d’être alimenté. L’esthétique cyberpunk est incroyable. »\u003c\/p\u003e\n\n                \u003cdiv style=\"margin-top: auto;\"\u003e\n\n                    \u003cdiv class=\"dk-testimonial-user\"\u003e— @GlowGuru, créateur de setups esthétiques\u003c\/div\u003e\n\n                    \u003cdiv style=\"font-size: 13px; color: var(--dk-text-light); margin-top: 4px;\"\u003e📷 Photo macro d’un clavier lumineux en pièce jointe\u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-testimonial-card\"\u003e\n\n                \u003cdiv class=\"dk-stars\"\u003e★★★★★\u003c\/div\u003e\n\n                \u003ch4\u003e« Parfait pour mon montage en acrylique. Le son est relaxant. »\u003c\/h4\u003e\n\n                \u003cp\u003e« Je les ai installés sur mon clavier hot-swap entièrement transparent en acrylique et le résultat est parfait. Le son du Click-Bar est incroyablement net, sans le cliquetis brouillon et désagréable des switches bleus classiques. L’activation à 1,8 mm est aussi très réactive pour jouer. »\u003c\/p\u003e\n\n                \u003cdiv style=\"margin-top: auto;\"\u003e\n\n                    \u003cdiv class=\"dk-testimonial-user\"\u003e— @AcrylicAddict, passionné de claviers personnalisés\u003c\/div\u003e\n\n                    \u003cdiv style=\"font-size: 13px; color: var(--dk-text-light); margin-top: 4px;\"\u003e📷 Photo du clavier RGB jointe\u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-testimonial-card\"\u003e\n\n                \u003cdiv class=\"dk-stars\"\u003e★★★★★\u003c\/div\u003e\n\n                \u003ch4\u003e« Pas juste un gadget, les performances sont vraiment au rendez-vous. »\u003c\/h4\u003e\n\n                \u003cp\u003e« Je les ai achetés pour leur lueur, mais j’ai été bluffé par leurs sensations réelles. La force d’activation de 50 g est vraiment parfaite, et le design à 5 broches assure une stabilité exemplaire sur mon clavier. Je les utilise quotidiennement depuis des mois, et le clic est toujours aussi net qu’au premier jour. »\u003c\/p\u003e\n\n                \u003cdiv style=\"margin-top: auto;\"\u003e\n\n                    \u003cdiv class=\"dk-testimonial-user\"\u003e— @ClickyConnoisseur, vétéran de la communauté des claviers\u003c\/div\u003e\n\n                    \u003cdiv style=\"font-size: 13px; color: var(--dk-text-light); margin-top: 4px;\"\u003e📷 Photo du démontage du switch jointe\u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- Caractéristiques de confiance --\u003e\n        \u003cdiv class=\"dk-trust-features\"\u003e\n\n            \u003ch2 class=\"dk-section-title\" style=\"margin-top:0\"\u003eQualité premium, achat sans souci\u003c\/h2\u003e\n\n            \u003cdiv class=\"dk-tf-grid\"\u003e\n\n                \u003cdiv class=\"dk-tf-item\"\u003e\n\n                    \u003cdiv class=\"dk-tf-icon\"\u003e\n\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003cpath d=\"M9 11l3 3L22 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv\u003e\n\n                        \u003cp\u003eGarantie de compatibilité et retours sous 30 jours\u003c\/p\u003e\n\n                        \u003cspan\u003eCompatible avec tous les sockets hot-swap 5 broches ou 3 broches de type Cherry MX (il suffit de couper les pieds en plastique pour les modèles 3 broches). Achetez en toute confiance, zéro risque.\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\u003eDurée de vie de 80 millions de frappes\u003c\/p\u003e\n\n                        \u003cspan\u003eFournis directement par Kailh. Équipés de contacts dorés et rigoureusement testés pour 80 millions de cycles. Robustes comme des tanks.\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-tf-item\"\u003e\n\n                    \u003cdiv class=\"dk-tf-icon\"\u003e\n\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv\u003e\n\n                        \u003cp\u003eLivraison gratuite et expédition éclair\u003c\/p\u003e\n\n                        \u003cspan\u003eLivraison gratuite dans le monde entier pour les commandes de plus de 80 $. En stock et expédiées sous 24 heures. Suivi complet disponible.\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- FAQ --\u003e\n        \u003ch2 class=\"dk-section-title\"\u003eFoire aux questions (FAQ)\u003c\/h2\u003e\n\n        \u003cdiv class=\"dk-faq-wrapper\"\u003e\n\n            \u003cdiv class=\"dk-faq-item active\"\u003e\n\n                \u003cbutton class=\"dk-faq-button\" aria-expanded=\"true\"\u003e\n                    \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                        \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                        \u003cspan class=\"dk-faq-question-text\"\u003eComment fonctionne l’effet « phosphorescent » ? Ai-je besoin d’une lampe UV ?\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                    \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                        \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                    \u003c\/svg\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer\"\u003e\n\n                            Absolument pas besoin de lampe UV ni d’alimentation par batterie. Le boîtier Night Firefly est profondément imprégné d’une poudre fluorescente de haute qualité qui emmagasine l’énergie. Tout comme les cadrans de montre phosphorescents, il absorbe simplement la lumière naturelle ambiante ou l’éclairage LED de votre pièce pendant que vous travaillez. Lorsque la pièce s’assombrit, il émet naturellement une lueur vert émeraude envoûtante. Plus il absorbe de lumière, plus il brille, et une seule charge suffit pour plusieurs heures.\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"dk-faq-item\"\u003e\n\n                \u003cbutton class=\"dk-faq-button\" aria-expanded=\"false\"\u003e\n                    \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                        \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                        \u003cspan class=\"dk-faq-question-text\"\u003eLe son cliquable est-il trop fort pour un environnement de bureau ?\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                    \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                        \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                    \u003c\/svg\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer\"\u003e\n\n                            Il s’agit d’un switch tactile cliquable audible, il produit donc indéniablement un « clic » distinct lors de la frappe. Cependant, grâce au mécanisme de précision Click-Bar, le son est beaucoup plus pur, plus propre et plus net que le bruit rauque et saccadé des switches bleus traditionnels. Cela dit, en raison de son caractère audible, nous le recommandons vivement pour les installations personnelles, les salles de jeu, les dortoirs ou les bureaux ouverts au calme. Si vous recherchez un silence absolu, nous vous recommandons de découvrir notre gamme de switches silencieux.\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"dk-faq-item\"\u003e\n\n                \u003cbutton class=\"dk-faq-button\" aria-expanded=\"false\"\u003e\n                    \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                        \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                        \u003cspan class=\"dk-faq-question-text\"\u003eLa lueur fluorescente va-t-elle s’estomper ou s’user avec le temps ?\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                    \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                        \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                    \u003c\/svg\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer\"\u003e\n\n                            Non. Kailh utilise un procédé de moulage par injection haut de gamme dans lequel le matériau fluorescent est profondément mélangé *à* l’intérieur du plastique polycarbonate (PC) avant le moulage, plutôt que d’être simplement appliqué comme un revêtement de surface bon marché. Cela signifie que les propriétés phosphorescentes sont présentes dans l’intégralité du boîtier. Il ne s’écaillera jamais, ne s’usera pas et ne se dégradera pas sous l’effet des frottements répétés de la frappe : il durera aussi longtemps que la durée de vie de 80 millions de frappes du switch lui-même.\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"dk-faq-item\"\u003e\n\n                \u003cbutton class=\"dk-faq-button\" aria-expanded=\"false\"\u003e\n                    \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                        \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                        \u003cspan class=\"dk-faq-question-text\"\u003eLe boîtier rose-violet gâche-t-il l’éclairage RGB naturel de mon clavier ?\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                    \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                        \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                    \u003c\/svg\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer\"\u003e\n\n                            Loin de le gâcher, il rehausse au contraire votre esthétique ! De jour ou lorsque votre clavier est allumé, le polycarbonate rose-violet semi-transparent agit comme un excellent diffuseur softbox, rendant votre éclairage RGB incroyablement uniforme, doux et onirique. Lorsque vous éteignez le RGB et que la pièce s’assombrit, la lueur émeraude naturelle du switch prend le relais. C’est un tour de magie visuel à double effet.\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"dk-faq-item\"\u003e\n\n                \u003cbutton class=\"dk-faq-button\" aria-expanded=\"false\"\u003e\n                    \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                        \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                        \u003cspan class=\"dk-faq-question-text\"\u003eMon clavier est un modèle hot-swap à 3 broches. Puis-je utiliser ce switch à 5 broches ?\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                    \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                        \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                    \u003c\/svg\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer\"\u003e\n\n                            Oui ! Les deux pieds en plastique supplémentaires situés sous le switch Night Firefly assurent une stabilité accrue de la tige et éliminent le jeu sur les circuits imprimés sans plaque. Si votre circuit imprimé ne prend en charge que les switches à 3 broches, utilisez simplement une pince à ongles ou une pince coupante pour couper ces deux pieds latéraux en plastique au ras de la base. Ils s’adapteront parfaitement, et cette modification ne rendra pas votre garantie caduque ni n’affectera en rien le fonctionnement électrique du switch.\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const faqItems = document.querySelectorAll('.dk-faq-item');\n        \n        faqItems.forEach(item =\u003e {\n            const btn = item.querySelector('.dk-faq-button');\n            \n            btn.addEventListener('click', () =\u003e {\n                const isActive = item.classList.contains('active');\n                \n                faqItems.forEach(i =\u003e {\n                    i.classList.remove('active');\n                    i.querySelector('.dk-faq-button').setAttribute('aria-expanded', 'false');\n                });\n                \n                if (!isActive) {\n                    item.classList.add('active');\n                    btn.setAttribute('aria-expanded', 'true');\n                }\n            });\n        });\n    });\n\u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"kailh","offers":[{"title":"Default Title","offer_id":49312280707395,"sku":"","price":0.48,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/7-1.webp?v=1743839283","url":"https:\/\/diykey.net\/fr-fr\/products\/kailh-box-night-firefly-keyboard-switch-clicky-switches","provider":"DIYKEY","version":"1.0","type":"link"}