{"product_id":"kailh-box-crystal-navy-switches","title":"Switches Kailh BOX Crystal Navy — Clic | 95gf ·  PC transparent · IP56 · 80M 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, maximum-scale=1.0, user-scalable=yes, viewport-fit=cover\"\u003e\n\n    \u003ctitle\u003eSwitch Kailh Box Crystal Navy | Tactile lourd de 95gf et esthétique RGB 100 % transparente\u003c\/title\u003e\n\n    \n    \u003c!-- Importation de polices Google Fonts haut de gamme --\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Assistant:wght@300;400;500;600;700;800\u0026amp;family=Plus+Jakarta+Sans:wght@400;500;600;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n    \n    \u003cstyle\u003e\n        \/* =========================================\n           DIYKEY Independent Scope · Minimalist Premium Design\n           Product: Kailh Box Crystal Navy Clicky Switch\n           ========================================= *\/\n        \n        .dk-product-details {\n            \/* Design Tokens - \"Crystal Navy\" theme: Deep, powerful, and oceanic *\/\n            --dk-primary: #1E40AF;          \/* Accent: Deep Sea Blue *\/\n            --dk-primary-light: #EFF6FF;    \/* Subtle Light Blue Background *\/\n            --dk-primary-hover: #1D4ED8;\n            \n            --dk-text-title: #121212;       \/* Headings: Deep Black *\/\n            --dk-text-main: rgba(18, 18, 18, 0.75); \/* Body: Premium Semi-transparent Dark Grey *\/\n            --dk-text-muted: rgba(18, 18, 18, 0.6); \/* Muted Grey *\/\n            --dk-text-light: rgba(18, 18, 18, 0.4); \/* Light Grey Borders\/Placeholders *\/\n            \n            --dk-bg-main: #FFFFFF;          \/* Pure White Background *\/\n            --dk-bg-card: #F9F9F9;          \/* Warm Grey Card Background *\/\n            --dk-bg-subtle: #F4F4F4;        \/* Subtle Divider Grey *\/\n            \n            --dk-border-color: #E5E5E5;     \/* Fine Cool Grey Borders *\/\n            \n            --dk-radius-xl: 24px;\n            --dk-radius-lg: 16px;\n            --dk-radius-md: 12px;\n            \n            --dk-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.02);\n            --dk-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.04);\n            --dk-shadow-hover: 0 20px 40px rgba(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            font-family: 'Assistant', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n            background-color: var(--dk-bg-main);\n            color: var(--dk-text-main);\n            line-height: 1.7;\n            padding-bottom: 80px;\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        .dk-product-details * { \n            box-sizing: border-box; \n            margin: 0; \n            padding: 0; \n        }\n\n        .dk-container {\n            width: 85%;\n            max-width: 1340px;\n            margin: 0 auto;\n        }\n\n        .dk-section {\n            padding-top: 96px;\n            padding-bottom: 96px;\n        }\n\n        .dk-section-title,\n        .dk-section-title-h2,\n        .dk-hero-title,\n        .dk-hero-subtitle,\n        .dk-hero-badge,\n        .dk-tag,\n        .dk-stat-num,\n        .dk-stat-label,\n        .dk-pain-card h3,\n        .dk-feature-text h3,\n        .dk-fabe-item strong,\n        .dk-table th,\n        .dk-comp-winner,\n        .dk-spec-card strong,\n        .dk-testimonial-card h4,\n        .dk-testimonial-user,\n        .dk-tf-item p,\n        .dk-faq-question-text,\n        .dk-faq-label,\n        .dk-poetic-footer {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n\n        .dk-section-title,\n        .dk-section-title-h2,\n        .dk-hero-title,\n        .dk-pain-card h3,\n        .dk-feature-text h3,\n        .dk-testimonial-card h4,\n        .dk-faq-question-text {\n            line-height: 1.25 !important;\n        }\n\n        .dk-section-title,\n        .dk-section-title-h2 {\n            font-size: 36px;\n            font-weight: 700;\n            text-align: center;\n            margin-bottom: 40px;\n            letter-spacing: -0.5px;\n            color: var(--dk-text-title);\n        }\n\n        .dk-section-title::after,\n        .dk-section-title-h2::after {\n            content: '';\n            display: block;\n            width: 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 { color: var(--dk-primary); }\n\n        \/* ================= Hero Section ================= *\/\n        .dk-hero-section { \n            padding: 60px 0 40px; \n        }\n\n        .dk-hero-grid {\n            display: grid;\n            grid-template-columns: 1.15fr 0.85fr;\n            gap: 64px;\n            align-items: center;\n        }\n\n        .dk-video-wrapper {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 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            position: absolute;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            border: none;\n        }\n\n        .dk-hero-badge {\n            display: inline-flex;\n            background: var(--dk-primary-light);\n            color: var(--dk-primary);\n            padding: 6px 14px;\n            border-radius: 40px;\n            font-size: 12px;\n            font-weight: 700;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            margin-bottom: 24px;\n        }\n\n        .dk-hero-title {\n            font-size: 40px;\n            font-weight: 800;\n            margin-bottom: 20px;\n            letter-spacing: -1px;\n            color: var(--dk-text-title);\n        }\n\n        .dk-hero-subtitle {\n            font-size: 18px;\n            color: var(--dk-text-title);\n            font-weight: 600;\n            margin-bottom: 24px;\n            line-height: 1.3;\n        }\n\n        .dk-hero-desc {\n            font-size: 16px;\n            margin-bottom: 32px;\n        }\n\n        .dk-hero-tags { \n            display: flex; \n            flex-wrap: wrap; \n            gap: 8px; \n            margin-bottom: 32px; \n        }\n\n        .dk-tag {\n            background: var(--dk-bg-main);\n            padding: 6px 14px;\n            border-radius: 40px;\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--dk-text-title);\n            transition: var(--dk-transition);\n            border: 1.5px solid var(--dk-border-color);\n        }\n\n        .dk-tag:hover {\n            background: var(--dk-text-title);\n            color: #FFFFFF;\n            border-color: var(--dk-text-title);\n            transform: translateY(-2px);\n        }\n\n        \/* ================= Stats Grid ================= *\/\n        .dk-stats-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 24px;\n            margin: 60px 0 80px;\n        }\n\n        .dk-stat-card {\n            background: var(--dk-bg-card);\n            padding: 32px 20px;\n            border-radius: var(--dk-radius-lg);\n            text-align: center;\n            border: 1px solid var(--dk-border-color);\n            box-shadow: var(--dk-shadow-sm);\n            transition: var(--dk-transition);\n        }\n\n        .dk-stat-card:hover {\n            transform: translateY(-4px);\n            box-shadow: var(--dk-shadow-md);\n            border-color: var(--dk-text-title);\n        }\n\n        .dk-stat-num {\n            font-size: 32px;\n            font-weight: 800;\n            color: var(--dk-text-title);\n            display: block;\n            margin-bottom: 8px;\n            line-height: 1;\n        }\n\n        .dk-stat-label {\n            font-size: 12px;\n            color: var(--dk-text-muted);\n            text-transform: uppercase;\n            font-weight: 700;\n            letter-spacing: 0.8px;\n        }\n\n        \/* ================= Pain Points ================= *\/\n        .dk-pain-grid { \n            display: grid; \n            grid-template-columns: repeat(3, 1fr); \n            gap: 32px; \n        }\n\n        .dk-pain-card {\n            background: var(--dk-bg-main);\n            padding: 48px 32px;\n            border-radius: var(--dk-radius-lg);\n            text-align: center;\n            box-shadow: var(--dk-shadow-sm);\n            border: 1.5px solid var(--dk-border-color);\n            transition: var(--dk-transition);\n        }\n\n        .dk-pain-card:hover {\n            transform: translateY(-6px);\n            box-shadow: var(--dk-shadow-md);\n            border-color: var(--dk-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        .dk-pain-icon svg { width: 100%; height: 100%; }\n        .dk-pain-card:hover .dk-pain-icon { color: var(--dk-text-title); transform: scale(1.05); }\n\n        .dk-pain-card h3 { font-size: 18px; font-weight: 700; margin-bottom: 14px; color: var(--dk-text-title); }\n\n        .dk-pain-solution {\n            margin-top: 48px;\n            background: var(--dk-text-title);\n            color: #ffffff;\n            padding: 24px 32px;\n            border-radius: var(--dk-radius-md);\n            text-align: center;\n            font-size: 16px;\n            font-weight: 500;\n            box-shadow: var(--dk-shadow-md);\n            letter-spacing: 0.3px;\n        }\n\n        \/* ================= FABE Feature Blocks ================= *\/\n        .dk-feature-block {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 80px;\n            align-items: center;\n            margin-bottom: 90px;\n        }\n        .dk-feature-block:last-child { margin-bottom: 0; }\n        .dk-feature-block.reverse { direction: rtl; }\n        .dk-feature-block.reverse \u003e * { direction: ltr; }\n\n        .dk-feature-media {\n            width: 100%;\n            border-radius: var(--dk-radius-xl);\n            box-shadow: var(--dk-shadow-md);\n            overflow: hidden;\n            background: var(--dk-bg-subtle);\n            aspect-ratio: 4\/3;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        \n        .dk-feature-media img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        .dk-feature-text h3 {\n            font-size: 30px;\n            font-weight: 700;\n            margin-bottom: 32px;\n            letter-spacing: -0.5px;\n            color: var(--dk-text-title);\n        }\n\n        .dk-fabe-list { display: flex; flex-direction: column; gap: 28px; }\n        .dk-fabe-item { padding-left: 20px; border-left: 3px solid var(--dk-text-title); }\n        .dk-fabe-item strong { display: block; font-size: 16px; color: var(--dk-text-title); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px; }\n\n        \/* ================= Spec Tables ================= *\/\n        .dk-table-wrapper {\n            margin-bottom: 48px;\n            border-radius: var(--dk-radius-md);\n            background: var(--dk-bg-main);\n            box-shadow: var(--dk-shadow-sm);\n            border: 1px solid var(--dk-border-color);\n            overflow-x: auto; \n            -webkit-overflow-scrolling: touch;\n        }\n\n        .dk-table-wrapper::-webkit-scrollbar { height: 6px; }\n        .dk-table-wrapper::-webkit-scrollbar-track { background: var(--dk-bg-subtle); border-radius: 0 0 8px 8px; }\n        .dk-table-wrapper::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }\n        .dk-table-wrapper::-webkit-scrollbar-thumb:hover { background: #94a3b8; }\n        \n        .dk-table { width: 100%; border-collapse: collapse; font-size: 15px; white-space: nowrap; }\n        .dk-table th, .dk-table td { padding: 18px 24px; border-bottom: 1px solid var(--dk-border-color); text-align: left; }\n        .dk-table th { background: var(--dk-bg-card); font-weight: 700; color: var(--dk-text-title); }\n        \n        .dk-table-highlight-col {\n            background-color: rgba(30, 64, 175, 0.03) !important;\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            display: inline-block;\n        }\n\n        .dk-table-compare,\n        .dk-table-specs {\n            min-width: 600px; \n        }\n\n        .dk-spec-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 20px;\n            margin-bottom: 32px;\n        }\n        .dk-spec-card {\n            background: var(--dk-bg-card);\n            padding: 28px 20px;\n            border-radius: var(--dk-radius-md);\n            text-align: center;\n            border: 1px solid var(--dk-border-color);\n            transition: var(--dk-transition);\n        }\n        .dk-spec-card:hover { \n            background: #fff; \n            box-shadow: var(--dk-shadow-md); \n            transform: translateY(-4px); \n            border-color: var(--dk-text-title);\n        }\n        .dk-spec-card span { font-size: 28px; display: block; margin-bottom: 12px; }\n        .dk-spec-card strong { display: block; font-size: 16px; margin-bottom: 6px; color: var(--dk-text-title); }\n        .dk-spec-card p { font-size: 14px; color: var(--dk-text-main); }\n\n        \/* ================= Testimonials ================= *\/\n        .dk-testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }\n        .dk-testimonial-card {\n            background: var(--dk-bg-card);\n            padding: 40px 32px;\n            border-radius: var(--dk-radius-lg);\n            box-shadow: var(--dk-shadow-sm);\n            border: 1px solid var(--dk-border-color);\n            transition: var(--dk-transition);\n            display: flex;\n            flex-direction: column;\n        }\n        .dk-testimonial-card:hover { transform: translateY(-6px); box-shadow: var(--dk-shadow-md); border-color: var(--dk-text-title); }\n        .dk-stars { color: #121212; font-size: 14px; margin-bottom: 16px; letter-spacing: 2px; }\n        .dk-testimonial-card p { font-size: 15px; font-style: italic; margin-bottom: 24px; flex-grow: 1; }\n        .dk-testimonial-user { font-weight: 700; color: var(--dk-text-title); font-size: 14px; }\n\n        \/* ================= Trust Features ================= *\/\n        .dk-trust-features {\n            background: var(--dk-bg-card);\n            border-radius: var(--dk-radius-xl);\n            padding: 80px 48px;\n            text-align: center;\n            border: 1px solid var(--dk-border-color);\n            box-shadow: var(--dk-shadow-sm);\n            margin: 100px 0;\n        }\n        .dk-tf-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 1000px; margin: 48px auto 0; }\n        .dk-tf-item { display: flex; flex-direction: column; align-items: center; transition: var(--dk-transition); }\n        .dk-tf-item:hover { transform: translateY(-4px); }\n        .dk-tf-icon { width: 48px; height: 48px; margin-bottom: 20px; color: var(--dk-text-title); }\n        .dk-tf-item p { font-weight: 700; font-size: 16px; margin-bottom: 8px; color: var(--dk-text-title);}\n        .dk-tf-item span { font-size: 14px; color: var(--dk-text-main); }\n\n        \/* ================= FAQ ================= *\/\n        .dk-faq-wrapper { max-width: 800px; margin: 0 auto; padding: 0 10px; }\n        .dk-faq-item {\n            background: var(--dk-bg-main);\n            border: 1.5px solid var(--dk-border-color);\n            border-radius: var(--dk-radius-md);\n            margin-bottom: 16px;\n            transition: var(--dk-transition);\n            position: relative;\n            overflow: hidden;\n        }\n        .dk-faq-item:hover { border-color: var(--dk-text-title); }\n        .dk-faq-item::before {\n            content: ''; position: absolute; left: 0; top: 0; bottom: 0;\n            width: 0; background-color: var(--dk-text-title); transition: width 0.3s ease; z-index: 2;\n        }\n        .dk-faq-item.active { border-color: var(--dk-text-title); box-shadow: var(--dk-shadow-sm); }\n        .dk-faq-item.active::before { width: 4px; }\n\n        .dk-faq-button-wrapper { width: 100%; }\n        .dk-faq-button {\n            width: 100%; padding: 24px 28px; background: none; border: none;\n            display: flex; align-items: center; justify-content: space-between;\n            cursor: pointer; text-align: left; gap: 16px; outline: none;\n        }\n        .dk-faq-q-box { display: flex; gap: 16px; align-items: center; }\n        .dk-faq-label {\n            font-size: 13px; font-weight: 700; color: var(--dk-text-title); background: var(--dk-bg-subtle);\n            width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;\n            border-radius: 6px; flex-shrink: 0;\n        }\n        .dk-faq-question-text { font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--dk-text-title); }\n        .dk-faq-icon { width: 20px; height: 20px; color: var(--dk-text-muted); transition: var(--dk-transition-bounce); flex-shrink: 0; }\n        .dk-faq-item.active .dk-faq-icon { transform: rotate(180deg); color: var(--dk-text-title); }\n\n        .dk-faq-collapse { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.3s ease-out; }\n        .dk-faq-item.active .dk-faq-collapse { grid-template-rows: 1fr; }\n        .dk-faq-answer-inner { overflow: hidden; }\n        .dk-faq-answer { padding: 0 28px 28px 68px; font-size: 15px; }\n\n        \/* Poetic Footer *\/\n        .dk-poetic-footer {\n            text-align: center;\n            padding: 48px 32px;\n            margin-top: 80px;\n            font-style: italic;\n            color: var(--dk-text-title);\n            font-size: 16px;\n            background: var(--dk-bg-card);\n            border-radius: var(--dk-radius-md);\n            border: 1px solid var(--dk-border-color);\n        }\n\n        \/* ================= Responsive (Mobile Optimization) ================= *\/\n        @media (max-width: 992px) {\n            .dk-hero-grid { gap: 40px; }\n            .dk-feature-block { gap: 40px; }\n        }\n\n        @media (max-width: 768px) {\n            .dk-container { width: 85%; }\n            .dk-section { padding-top: 52px; padding-bottom: 52px; }\n            \n            .dk-hero-title { font-size: 30px !important; margin-bottom: 16px; }\n            .dk-section-title { font-size: 24px !important; text-align: left; margin-bottom: 24px; }\n            .dk-section-title::after { margin-left: 0; }\n            .dk-product-details { padding-bottom: 40px; }\n            \n            .dk-hero-section { padding: 24px 0 40px; }\n            .dk-hero-grid { grid-template-columns: 1fr; gap: 32px; text-align: left; }\n            .dk-video-wrapper { border-radius: var(--dk-radius-lg); }\n            .dk-hero-subtitle { font-size: 16px; margin-bottom: 16px; }\n            .dk-hero-desc { font-size: 15px; margin-bottom: 24px; }\n            .dk-hero-tags { gap: 6px; }\n            .dk-tag { font-size: 12px; padding: 5px 12px; }\n            \n            .dk-stats-grid { display: grid; grid-template-columns: repeat(2, 1fr) !important; padding: 0; gap: 16px; margin: 48px 0; }\n            .dk-stat-num { font-size: 28px !important; }\n            .dk-stat-label { font-size: 11px !important; }\n            \n            .dk-pain-grid { grid-template-columns: 1fr; gap: 20px; }\n            .dk-pain-card { padding: 36px 20px; text-align: left; }\n            .dk-pain-icon { margin: 0 0 16px 0; width: 40px; height: 40px; }\n            .dk-pain-card h3 { font-size: 16px; margin-bottom: 10px; }\n            .dk-pain-solution { text-align: left; font-size: 15px; padding: 20px; margin-top: 24px; }\n            \n            .dk-feature-block, .dk-feature-block.reverse { grid-template-columns: 1fr; gap: 28px; direction: ltr; margin-bottom: 52px; }\n            .dk-feature-text { text-align: left; }\n            .dk-feature-text h3 { font-size: 24px; margin-bottom: 20px; }\n            .dk-fabe-list { gap: 20px; }\n            .dk-fabe-item { padding-left: 16px; }\n            .dk-fabe-item strong { font-size: 15px; }\n            .dk-fabe-item p { font-size: 14px; }\n            \n            .dk-table-wrapper { margin-bottom: 32px; overflow-x: auto !important; width: 100%; display: block; }\n            .dk-table { font-size: 13px; }\n            .dk-table th, .dk-table td { padding: 14px 16px; }\n            .dk-table-compare { min-width: 600px; }\n            \n            .dk-table-specs { min-width: 100% !important; display: block !important; white-space: normal !important; }\n            .dk-table-specs tbody, .dk-table-specs tr { display: block !important; width: 100% !important; }\n            .dk-table-specs tr { border-bottom: 1px solid var(--dk-border-color) !important; }\n            .dk-table-specs tr:last-child { border-bottom: none !important; }\n            .dk-table-specs th, .dk-table-specs td { display: block !important; width: 100% !important; text-align: left !important; border-bottom: none !important; }\n            .dk-table-specs th { padding: 16px 16px 4px 16px !important; background: transparent !important; font-size: 14px !important; color: var(--dk-text-title) !important; }\n            .dk-table-specs td { padding: 0 16px 16px 16px !important; font-size: 14px !important; color: var(--dk-text-main) !important; }\n            \n            .dk-spec-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 24px; }\n            .dk-spec-card { padding: 20px 16px; text-align: left; border-radius: var(--dk-radius-md); }\n            .dk-spec-card span { font-size: 24px; margin-bottom: 8px; }\n            \n            .dk-testimonial-grid { grid-template-columns: 1fr; gap: 20px; }\n            .dk-testimonial-card { padding: 24px 20px; }\n            .dk-testimonial-card p { font-size: 15px; margin-bottom: 16px; }\n            \n            .dk-trust-features { padding: 48px 20px; text-align: left; border-radius: var(--dk-radius-lg); }\n            .dk-tf-grid { grid-template-columns: 1fr; gap: 28px; margin: 32px auto 0; }\n            .dk-tf-item { align-items: flex-start; text-align: left; flex-direction: row; gap: 16px; }\n            .dk-tf-icon { width: 40px; height: 40px; margin-bottom: 0; flex-shrink: 0; }\n            .dk-tf-item p { font-size: 15px; margin-bottom: 4px; }\n            .dk-tf-item span { font-size: 13px; }\n            \n            .dk-faq-button { padding: 20px 16px; }\n            .dk-faq-question-text { font-size: 14px; }\n            .dk-faq-answer { padding: 0 16px 20px 56px; font-size: 13px; }\n        }\n\n        @media (max-width: 480px) {\n            .dk-hero-title { font-size: 28px !important; }\n            .dk-section-title { font-size: 22px !important; }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"dk-product-details\"\u003e\n\n    \u003cdiv class=\"dk-container\"\u003e\n\n        \n        \u003c!-- ================= Section principale ================= --\u003e\n        \u003csection class=\"dk-section dk-hero-section\"\u003e\n            \u003cdiv class=\"dk-hero-grid\"\u003e\n\n                \u003cdiv class=\"dk-video-wrapper\"\u003e\n\n                    \u003c!-- Iframe vidéo YouTube --\u003e\n                    \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/OK7JtfO8vJk?loop=1\u0026amp;playlist=OK7JtfO8vJk\u0026amp;rel=0\u0026amp;playsinline=1\u0026amp;controls=1\u0026amp;mute=0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen frameborder=\"0\" title=\"Switch cliquable Kailh Box Crystal Navy\"\u003e\u003c\/iframe\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv\u003e\n\n                    \u003cdiv class=\"dk-hero-badge\"\u003eSwitch cliquable lourd ultime Kailh\u003c\/div\u003e\n\n                    \u003ch1 class=\"dk-hero-title\"\u003eSwitch Kailh Box Crystal Navy\u003c\/h1\u003e\n\n                    \u003cp class=\"dk-hero-subtitle\"\u003eLa symphonie parfaite entre un RGB éclatant et un retour tactile lourd de 95gf.\u003c\/p\u003e\n\n                    \u003cp class=\"dk-hero-desc\"\u003eDéçu par des switchs cliquables mous et sans intérêt ? Ou frustré de voir les bases blanches opaques absorber l'éclairage RGB haut de gamme de votre clavier ? Kailh présente le summum absolu des switchs cliquables pour les dactylographes à frappe lourde en quête d'une sensation tactile extrêmement « percutante » : le Kailh Box Crystal Navy.\u003cbr\u003e\u003cbr\u003eDoté d'une barre de clic épaisse, il offre un retour tactile massif de 95gf, avec un clic net, sonore, satisfaisant et anti-stress à chaque frappe. Mieux encore, il est équipé d'un boîtier en PC 100 % transparent de qualité optique, associé à l'architecture scellée anti-poussière BOX emblématique. Ce n'est pas seulement un atout physique pour votre précision de frappe ; il libère l'éclairage RGB de votre bureau dans une brillance parfaite à 360°.\u003c\/p\u003e\n\n                    \n                    \u003cdiv class=\"dk-hero-tags\"\u003e\n\n                        \u003cspan class=\"dk-tag\"\u003e💎 PC 100 % transparent\u003c\/span\u003e\n                        \u003cspan class=\"dk-tag\"\u003e🔊 Tactile lourd de 95gf\u003c\/span\u003e\n                        \u003cspan class=\"dk-tag\"\u003e🎯 Barre de clic épaisse\u003c\/span\u003e\n                        \u003cspan class=\"dk-tag\"\u003e🛡️ Protection par scellement BOX\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/section\u003e\n\n        \u003c!-- ================= Grille de statistiques ================= --\u003e\n        \u003cdiv class=\"dk-stats-grid\"\u003e\n\n            \u003cdiv class=\"dk-stat-card\"\u003e\n\n                \u003cspan class=\"dk-stat-num\"\u003e100 %\u003c\/span\u003e\n                \u003cspan class=\"dk-stat-label\"\u003eBoîtier en PC transparent\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-stat-card\"\u003e\n\n                \u003cspan class=\"dk-stat-num\"\u003e+30 %\u003c\/span\u003e\n                \u003cspan class=\"dk-stat-label\"\u003eLuminosité RGB\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-stat-card\"\u003e\n\n                \u003cspan class=\"dk-stat-num\"\u003e95gf\u003c\/span\u003e\n                \u003cspan class=\"dk-stat-label\"\u003eForce tactile de pointe\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-stat-card\"\u003e\n\n                \u003cspan class=\"dk-stat-num\"\u003e80M\u003c\/span\u003e\n                \u003cspan class=\"dk-stat-label\"\u003eDurée de vie des frappes\u003c\/span\u003e\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- ================= Section des points de friction ================= --\u003e\n        \u003csection class=\"dk-section dk-pain-section\"\u003e\n            \u003ch2 class=\"dk-section-title\"\u003eAvantages principaux : la réponse ultime pour les dactylographes et les passionnés de RGB\u003c\/h2\u003e\n\n            \u003cp style=\"color: var(--dk-text-muted); margin-bottom: 40px; font-size: 18px; text-align: center;\"\u003eNous savons que vous refusez de vous contenter d'une sensation médiocre. Vous aspirez à un retour physique extrême et à un spectacle lumineux éblouissant à chaque pression.\u003c\/p\u003e\n\n            \u003cdiv class=\"dk-pain-grid\"\u003e\n\n                \u003cdiv class=\"dk-pain-card\"\u003e\n\n                    \u003cdiv class=\"dk-pain-icon\"\u003e\n\n                        \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3\u003eRGB faible et bloqué\u003c\/h3\u003e\n\n                    \u003cp\u003eLes switchs Box Navy traditionnels utilisent une base inférieure entièrement blanche, qui bloque et disperse fortement la lumière des LED SMD, rendant l'éclairage des claviers haut de gamme terne et irrégulier.\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                            \u003cpath d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3\u003eSensation molle, aucun retour\u003c\/h3\u003e\n\n                    \u003cp\u003eLes switchs bleus standard ont un retour tactile faible qui semble lent lors d'une frappe rapide, ne répondant pas aux exigences strictes des dactylographes qui recherchent un retour tactile fort et confirmant.\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\u003eSensibilité à la poussière et clics étouffés\u003c\/h3\u003e\n\n                    \u003cp\u003eLes switchs cliquables à conception ouverte sont très vulnérables. Une fois que de la poussière ou des miettes y pénètrent, les contacts tombent facilement en panne, ou le switch perd son clic net (devient « étouffé »).\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-pain-solution\"\u003e✨ \u003cstrong\u003eKailh Box Crystal Navy\u003c\/strong\u003e : un boîtier en PC 100 % transparent illumine votre bureau, un retour tactile lourd de 95gf procure une satisfaction de frappe extrême, le tout soutenu par la protection par scellement BOX.\u003c\/div\u003e\n\n        \u003c\/section\u003e\n\n        \u003c!-- ================= Blocs de fonctionnalités FABE ================= --\u003e\n        \u003csection class=\"dk-features-section\"\u003e\n            \u003cdiv class=\"dk-feature-block\"\u003e\n\n                \u003cdiv class=\"dk-feature-media\"\u003e\n\n                    \u003cimg loading=\"lazy\" alt=\"Boîtier en PC 100 % transparent\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/2026-06-30_212907.png?v=1782826250\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/800x600\/F4F4F4\/121212?text=100%25+Crystal+Clear';\"\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-feature-text\"\u003e\n\n                    \u003ch3\u003eDites adieu à l'éclairage faible\u003cbr\u003eBoîtier 100 % transparent : +30 % d'éclat RGB\u003c\/h3\u003e\n\n                    \u003cdiv class=\"dk-fabe-list\"\u003e\n\n                        \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                            \u003cstrong\u003eCaractéristique\u003c\/strong\u003e\n                            \u003cp\u003eAucun compromis : utilisation de PC (polycarbonate) entièrement transparent de qualité optique pour les boîtiers supérieur et inférieur, éliminant totalement les parties opaques qui bloquent la lumière des switchs Navy d'origine.\u003c\/p\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                            \u003cstrong\u003eAvantage\u003c\/strong\u003e\n                            \u003cp\u003eCette conception transparente à 360° sans angle mort permet à chaque faisceau lumineux des LED SMD de pénétrer sans perte et de se diffuser uniformément.\u003c\/p\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                            \u003cstrong\u003eAvantage\u003c\/strong\u003e\n                            \u003cp\u003eFait de votre clavier la pièce maîtresse visuelle absolue de votre bureau. Associé à des touches translucides, l'éclat RGB augmente de 30 % par rapport aux switchs standard, offrant une brillance éblouissante digne d'un bijou.\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=\"Force tactile de pointe de 95gf\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/2026-06-30_212843.png?v=1782826178\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/800x600\/F4F4F4\/121212?text=95gf+Heavy+Tactile';\"\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-feature-text\"\u003e\n\n                    \u003ch3\u003eDites adieu aux touches molles\u003cbr\u003eForce tactile de pointe de 95gf et barre de clic épaisse pour des clics autoritaires\u003c\/h3\u003e\n\n                    \u003cdiv class=\"dk-fabe-list\"\u003e\n\n                        \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                            \u003cstrong\u003eCaractéristique\u003c\/strong\u003e\n                            \u003cp\u003eDoté d'un mécanisme unique de barre de clic épaisse, créant une force tactile de pointe massive et distincte allant jusqu'à 95gf.\u003c\/p\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                            \u003cstrong\u003eAvantage\u003c\/strong\u003e\n                            \u003cp\u003eOffre un clic net, percutant et bidirectionnel à un point d'activation rapide de 1,8 mm. C'est le switch cliquable le plus lourd et le plus agressif de la gamme BOX, conçu spécialement pour les dactylographes à frappe lourde.\u003c\/p\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                            \u003cstrong\u003eAvantage\u003c\/strong\u003e\n                            \u003cp\u003eChaque frappe procure une sensation d'autorité addictive. Avec le rythme d'une machine à écrire vintage, il élimine complètement les fautes de frappe accidentelles, vous offrant une confirmation physique extrême et faisant grimper votre précision de frappe en flèche.\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=\"Architecture scellée BOX\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/6_f501ac2d-c0ed-48f3-a208-f7266fa87069.png?v=1782826498\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/800x600\/F4F4F4\/121212?text=BOX+Sealed+Cabin';\"\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-feature-text\"\u003e\n\n                    \u003ch3\u003eDites adieu aux clics étouffés et à la poussière\u003cbr\u003eChambre scellée BOX : la défense ultime pour 80M de cycles\u003c\/h3\u003e\n\n                    \u003cdiv class=\"dk-fabe-list\"\u003e\n\n                        \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                            \u003cstrong\u003eCaractéristique\u003c\/strong\u003e\n                            \u003cp\u003eÉquipé de l'architecture scellée BOX brevetée de Kailh, qui isole complètement les contacts métalliques d'activation à l'intérieur d'une « forteresse » indépendante microscopique pour éviter toute interférence entre le clic physique et l'activation électrique.\u003c\/p\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                            \u003cstrong\u003eAvantage\u003c\/strong\u003e\n                            \u003cp\u003eAtteint une résistance à la poussière et à l'eau équivalente à l'IP54. Cela garantit non seulement un son de clic toujours pur, mais confère également au switch une durée de vie étonnante de 80 millions de cycles.\u003c\/p\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                            \u003cstrong\u003eAvantage\u003c\/strong\u003e\n                            \u003cp\u003eSans crainte face aux environnements difficiles, il conserve une sensation nette pendant des années. Même si vous grignotez à votre bureau ou renversez accidentellement une boisson, le switch reste en sécurité, disant adieu pour toujours aux « clics étouffés » causés par la poussière et aux doubles clics.\u003c\/p\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/section\u003e\n\n        \u003c!-- ================= Tableau comparatif ================= --\u003e\n        \u003csection class=\"dk-section dk-comparison-section\"\u003e\n            \u003ch2 class=\"dk-section-title\"\u003eComparaison des caractéristiques : l'évolution ultime du switch cliquable\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 class=\"dk-table-highlight-col\" style=\"color: var(--dk-primary); font-weight: 800;\"\u003e✨ Switch Box Crystal Navy\u003c\/th\u003e\n\n                            \u003cth\u003eSwitch Box Navy standard\u003c\/th\u003e\n\n                        \u003c\/tr\u003e\n\n                    \u003c\/thead\u003e\n\n                    \u003ctbody\u003e\n\n                        \u003ctr\u003e\n\n                            \u003ctd\u003eMatériau du boîtier\u003c\/td\u003e\n\n                            \u003ctd class=\"dk-table-highlight-col\"\u003e\u003cspan class=\"dk-comp-winner\"\u003ePC 100 % optique (haut et base entièrement transparents)\u003c\/span\u003e\u003c\/td\u003e\n\n                            \u003ctd\u003eBase blanche opaque + haut transparent\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003ctd\u003ePerformances RGB\u003c\/td\u003e\n\n                            \u003ctd class=\"dk-table-highlight-col\"\u003e\u003cspan class=\"dk-comp-winner\"\u003eDiffusion parfaite à 360° — Luminosité augmentée de 30 %\u003c\/span\u003e\u003c\/td\u003e\n\n                            \u003ctd\u003eLa lumière est bloquée et dispersée par la base blanche\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003ctd\u003eForce tactile\u003c\/td\u003e\n\n                            \u003ctd class=\"dk-table-highlight-col\"\u003e\u003cspan class=\"dk-comp-winner\"\u003e95 gf — Confirmation physique extrêmement puissante\u003c\/span\u003e\u003c\/td\u003e\n\n                            \u003ctd\u003e95 gf (Également agressif)\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003ctd\u003eForce d'activation\u003c\/td\u003e\n\n                            \u003ctd class=\"dk-table-highlight-col\"\u003e\u003cspan class=\"dk-comp-winner\"\u003e60 gf — Soutien fort, évite les erreurs de frappe\u003c\/span\u003e\u003c\/td\u003e\n\n                            \u003ctd\u003e60 gf\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003ctd\u003eCourse avant\u003c\/td\u003e\n\n                            \u003ctd class=\"dk-table-highlight-col\"\u003e\u003cspan class=\"dk-comp-winner\"\u003e1,8 mm (Réponse agile)\u003c\/span\u003e\u003c\/td\u003e\n\n                            \u003ctd\u003e1,8 mm\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 class=\"dk-table-highlight-col\"\u003e\u003cspan class=\"dk-comp-winner\"\u003e80 millions de cycles (Également indestructible)\u003c\/span\u003e\u003c\/td\u003e\n\n                            \u003ctd\u003e80 millions de cycles\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                    \u003c\/tbody\u003e\n\n                \u003c\/table\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/section\u003e\n\n        \u003c!-- ================= Spécifications techniques ================= --\u003e\n        \u003csection class=\"dk-section dk-specs-section\"\u003e\n            \u003ch2 class=\"dk-section-title\"\u003eSpécifications techniques\u003c\/h2\u003e\n\n            \u003cp style=\"color: var(--dk-text-muted); margin-bottom: 30px; text-align: center;\"\u003eDonnées pointues pour les passionnés de claviers.\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\u003eBoîtier\u003c\/strong\u003e\u003cp\u003ePC 100 % transparent\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-spec-card\"\u003e\n\n                    \u003cspan\u003e🔊\u003c\/span\u003e\u003cstrong\u003eMécanisme\u003c\/strong\u003e\u003cp\u003eBarre de clic épaisse\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\u003c\/strong\u003e\u003cp\u003eTactile lourd de 95gf\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-spec-card\"\u003e\n\n                    \u003cspan\u003e🛡️\u003c\/span\u003e\u003cstrong\u003eProtection\u003c\/strong\u003e\u003cp\u003eChambre scellée BOX\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 Box Crystal Navy\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 cliquable lourd (Retour sonore fort et net)\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 100 % hautement transparent (Polycarbonate pour le haut et la base)\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 (Polyoxyméthylène, naturellement autolubrifiant)\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003cth\u003eForce d'activation\u003c\/th\u003e\n\n                            \u003ctd\u003e60 gf (Soutien fort pour éviter les frappes accidentelles)\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003cth\u003eForce tactile\u003c\/th\u003e\n\n                            \u003ctd\u003e95 gf (Retour tactile massif et distinct)\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003cth\u003eCourse avant\u003c\/th\u003e\n\n                            \u003ctd\u003e1,8 ± 0,3 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 (Solide et complète)\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003cth\u003ePoint fort structurel\u003c\/th\u003e\n\n                            \u003ctd\u003eArchitecture scellée BOX brevetée par Kailh (équivalent IP54)\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003cth\u003eContacts internes\u003c\/th\u003e\n\n                            \u003ctd\u003eContacts composites plaqués or (Anti-oxydation)\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003cth\u003eConfiguration des broches\u003c\/th\u003e\n\n                            \u003ctd\u003e5 broches (Compatible hot-swap ; broches latérales à clipser pour les cartes à 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 frappes (80M de cycles)\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n\n                            \u003cth\u003eCompatibilité LED\u003c\/th\u003e\n\n                            \u003ctd\u003eParfaitement compatible avec les LED SMD et à travers trou, diffusion de lumière inégalée\u003c\/td\u003e\n\n                        \u003c\/tr\u003e\n\n                    \u003c\/tbody\u003e\n\n                \u003c\/table\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/section\u003e\n\n        \u003c!-- ================= Témoignages ================= --\u003e\n        \u003csection class=\"dk-section dk-testimonials-section\"\u003e\n            \u003ch2 class=\"dk-section-title\"\u003eAvis 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« La solution ultime pour les dactylographes intensifs et les amateurs de RGB ! »\u003c\/h4\u003e\n\n                    \u003cp\u003e« Le boîtier entièrement transparent change absolument tout ! L’éclairage de mon clavier peut enfin être parfaitement mis en valeur, et la luminosité du RGB a grimpé en flèche. Le fort retour tactile de 95 g est tellement addictif ; la confirmation physique est incroyablement prononcée, donnant l’impression de dominer à chaque frappe. »\u003c\/p\u003e\n\n                    \u003cdiv style=\"margin-top: auto;\"\u003e\n\n                        \u003cdiv class=\"dk-testimonial-user\"\u003e— @CrystalClicky, blogueuse spécialisée dans l’esthétique des setups de bureau\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« Une confirmation physique incroyablement satisfaisante. »\u003c\/h4\u003e\n\n                    \u003cp\u003e« J’ai essayé de nombreux interrupteurs cliquants, mais la plupart finissent par produire un tintement métallique au fil du temps. Mais le Thick Clickbar de ce Crystal Navy est exceptionnel. Le fort retour tactile de 95 g a considérablement réduit mon taux d’erreurs de frappe. Le son est fort, profond et net, sans aucun effet mou. »\u003c\/p\u003e\n\n                    \u003cdiv style=\"margin-top: auto;\"\u003e\n\n                        \u003cdiv class=\"dk-testimonial-user\"\u003e— @HeavyHands, rédactrice à haut volume de production\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-testimonial-card\"\u003e\n\n                    \u003cdiv class=\"dk-stars\"\u003e★★★★★\u003c\/div\u003e\n\n                    \u003ch4\u003e« La structure BOX résistante aux éclaboussures m’a sauvé la vie. »\u003c\/h4\u003e\n\n                    \u003cp\u003e« J’ai accidentellement renversé du café sur mon clavier la semaine dernière. Après l’avoir nettoyé, le clic est toujours aussi net, aucun problème ! Cette conception de cabine scellée offre une tranquillité d’esprit totale. La durée de vie de 80 millions de frappes n’est pas qu’un simple chiffre : il est pratiquement indestructible. Je le recommande vivement ! »\u003c\/p\u003e\n\n                    \u003cdiv style=\"margin-top: auto;\"\u003e\n\n                        \u003cdiv class=\"dk-testimonial-user\"\u003e— @DurableTypist, passionnée de claviers personnalisés\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/section\u003e\n\n        \u003c!-- ================= Caractéristiques de confiance ================= --\u003e\n        \u003csection class=\"dk-section dk-trust-features-section\"\u003e\n            \u003cdiv class=\"dk-trust-features\"\u003e\n\n                \u003ch2 style=\"margin-top: 0;\" class=\"dk-section-title\"\u003eQualité supérieure, assistance officielle\u003c\/h2\u003e\n\n                \u003cdiv class=\"dk-tf-grid\"\u003e\n\n                    \u003cdiv class=\"dk-tf-item\"\u003e\n\n                        \u003cdiv class=\"dk-tf-icon\"\u003e\n\n                            \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003crect x=\"3\" y=\"8\" width=\"18\" height=\"12\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"16\" y1=\"14\" x2=\"21\" y2=\"14\"\u003e\u003c\/line\u003e\u003cline x1=\"8\" y1=\"14\" x2=\"12\" y2=\"14\"\u003e\u003c\/line\u003e\u003cpath d=\"M4 8V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv\u003e\n\n                            \u003cp\u003eLivraison gratuite dès 80 $\u003c\/p\u003e\n\n                            \u003cspan\u003eStock mondial, expédition sous 24 heures via une logistique ultra-rapide, entièrement suivie.\u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-tf-item\"\u003e\n\n                        \u003cdiv class=\"dk-tf-icon\"\u003e\n\n                            \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003cpath d=\"M9 11l3 3L22 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv\u003e\n\n                            \u003cp\u003eEssai sans risque de 30 jours\u003c\/p\u003e\n\n                            \u003cspan\u003eLe toucher ne vous convient pas ? Retournez-le sous 30 jours. Parfaitement compatible avec les claviers hot-swap MX, essayez-le sans 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\u003eGarantie officielle d’un an\u003c\/p\u003e\n\n                            \u003cspan\u003eIssu de l’ingénierie de pointe de Kailh. La légendaire structure BOX est éprouvée pour 80 millions de cycles. Un service après-vente sans souci.\u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/section\u003e\n\n        \u003c!-- ================= Section FAQ ================= --\u003e\n        \u003csection class=\"dk-section dk-faq-section\"\u003e\n            \u003ch2 class=\"dk-section-title\"\u003eFoire aux questions (FAQ)\u003c\/h2\u003e\n\n            \u003cdiv class=\"dk-faq-wrapper\"\u003e\n\n                \n                \u003cdiv class=\"dk-faq-item active\"\u003e\n\n                    \u003cdiv class=\"dk-faq-button-wrapper\"\u003e\n\n                        \u003cbutton class=\"dk-faq-button\" aria-expanded=\"true\"\u003e\n                            \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                                \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                                \u003cspan class=\"dk-faq-question-text\"\u003eQuelle est la différence entre le Crystal Navy et le Crystal Jade ?\u003c\/span\u003e\n                            \u003c\/div\u003e\n\n                            \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/button\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                            \u003cdiv class=\"dk-faq-answer\"\u003e\n\n                                Les deux interrupteurs utilisent un boîtier en PC 100 % transparent et une conception Thick Clickbar. La différence principale réside dans la \u003cstrong\u003eforce d’activation\u003c\/strong\u003e : le BOX Crystal Jade possède une force tactile de 75 g et une force d’actionnement de 50 g, ce qui en fait un interrupteur tactile moyennement lourd. Le BOX Crystal Navy, en revanche, utilise un ressort plus rigide pour atteindre une force tactile massive de \u003cstrong\u003e95 g\u003c\/strong\u003e et une force d’actionnement de 60 g. Le modèle Navy est spécialement conçu pour les dactylographes à frappe lourde qui exigent un retour physique extrême et percutant.\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003cdiv class=\"dk-faq-item\"\u003e\n\n                    \u003cdiv class=\"dk-faq-button-wrapper\"\u003e\n\n                        \u003cbutton class=\"dk-faq-button\" aria-expanded=\"false\"\u003e\n                            \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                                \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                                \u003cspan class=\"dk-faq-question-text\"\u003eLa force tactile de 95 g provoque-t-elle une fatigue des doigts lors de longues sessions de frappe ?\u003c\/span\u003e\n                            \u003c\/div\u003e\n\n                            \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/button\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                            \u003cdiv class=\"dk-faq-answer\"\u003e\n\n                                95 g représente en effet une résistance importante. Si vous avez une frappe légère ou préférez des interrupteurs très souples, cela peut devenir fatigant au fil du temps. Cependant, pour les dactylographes à « frappe lourde », ce retour intense offre une sensation très affirmée, sans erreurs de frappe accidentelles, qui améliore considérablement le rythme et la précision de la frappe, rendant l’expérience incroyablement satisfaisante et totalement addictive.\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003cdiv class=\"dk-faq-item\"\u003e\n\n                    \u003cdiv class=\"dk-faq-button-wrapper\"\u003e\n\n                        \u003cbutton class=\"dk-faq-button\" aria-expanded=\"false\"\u003e\n                            \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                                \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                                \u003cspan class=\"dk-faq-question-text\"\u003eComment la structure scellée BOX (anti-poussière\/étanche) me profite-t-elle ?\u003c\/span\u003e\n                            \u003c\/div\u003e\n\n                            \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/button\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                            \u003cdiv class=\"dk-faq-answer\"\u003e\n\n                                L’architecture exclusive BOX de Kailh intègre une chambre scellée indépendante à l’intérieur de l’interrupteur, encapsulant entièrement les contacts métalliques d’activation. Cela permet d’atteindre un niveau de protection équivalent à l’IP54, bloquant efficacement la poussière de bureau, les poils d’animaux et les petits éclaboussures accidentelles. Pour les interrupteurs cliquants, cela résout parfaitement le redouté « clic étouffé » (perte du son net) et les doubles clics causés par l’accumulation de poussière.\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003cdiv class=\"dk-faq-item\"\u003e\n\n                    \u003cdiv class=\"dk-faq-button-wrapper\"\u003e\n\n                        \u003cbutton class=\"dk-faq-button\" aria-expanded=\"false\"\u003e\n                            \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                                \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                                \u003cspan class=\"dk-faq-question-text\"\u003eDois-je relubrifier ces interrupteurs manuellement ?\u003c\/span\u003e\n                            \u003c\/div\u003e\n\n                            \u003csvg class=\"dk-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/button\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                            \u003cdiv class=\"dk-faq-answer\"\u003e\n\n                                \u003cstrong\u003eAbsolument pas, et nous vous en déconseillons vivement !\u003c\/strong\u003e Kailh applique en usine une lubrification très contrôlée et minimale sur les rails pour assurer leur fluidité. Comme il s’agit d’un interrupteur Click-Bar, si vous le démontez de force et ajoutez de la graisse sur la barre de clic ou dans la zone de butée, il y a de fortes chances que le mécanisme devienne visqueux, faisant perdre à l’interrupteur son clic fort et net caractéristique.\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003cdiv class=\"dk-faq-item\"\u003e\n\n                    \u003cdiv class=\"dk-faq-button-wrapper\"\u003e\n\n                        \u003cbutton class=\"dk-faq-button\" aria-expanded=\"false\"\u003e\n                            \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                                \u003cspan class=\"dk-faq-label\"\u003eQ\u003c\/span\u003e\n                                \u003cspan class=\"dk-faq-question-text\"\u003eMon clavier est un modèle hot-swap à 3 broches. Puis-je utiliser ces interrupteurs à 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                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                            \u003cdiv class=\"dk-faq-answer\"\u003e\n\n                                Oui ! Les deux broches de positionnement en plastique supplémentaires situées sous l’interrupteur Crystal Navy sont conçues pour offrir une meilleure stabilité sur les circuits imprimés sans plaque de montage. Si votre circuit imprimé ne prend en charge que les interrupteurs à 3 broches, utilisez simplement une pince à ongles ou une pince coupante pour couper ces deux broches en plastique au ras de la base. Il s’adaptera parfaitement sans affecter les performances électriques ni la garantie de l’interrupteur.\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n\n            \u003c\/div\u003e\n\n        \u003c\/section\u003e\n\n        \u003c!-- ================= Pied de page poétique ================= --\u003e\n        \u003cdiv class=\"dk-poetic-footer\"\u003e\n\n            💎 Clarté cristalline, frappes percutantes.\u003cbr\u003e\n            Interrupteur cliquant Kailh Box Crystal Navy — Conçu sur mesure pour ceux qui recherchent un retour physique extrême et une acoustique mécanique puissante. Faites briller votre bureau tandis que chaque frappe irradie une puissance indéniable.\n        \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- ================= Interactions JavaScript ================= --\u003e\n\u003cscript\u003e\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n        const faqItems = document.querySelectorAll('.dk-faq-item');\n\n        faqItems.forEach(item =\u003e {\n            const button = item.querySelector('.dk-faq-button');\n            \n            button.addEventListener('click', () =\u003e {\n                const isActive = item.classList.contains('active');\n                \n                \/\/ Shopify style accordion logic\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 current 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":54585498566979,"sku":null,"price":0.55,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/5-1_005f0526-0080-4dc3-8016-2da89fe0c1ff.jpg?v=1782313393","url":"https:\/\/diykey.net\/fr\/products\/kailh-box-crystal-navy-switches","provider":"DIYKEY","version":"1.0","type":"link"}