{"product_id":"light-up-mechanical-keyboard-keychain-clickable-fidget-keycap-toy","title":"Light-Up Mechanical Keyboard Keychain – Clickable Fidget Keycap Toy","description":"\u003cstyle\u003e\n  \/* ==========================================================\n     TMKK - Light-Up Mechanical Keyboard Fidget Keychain\n     Shopify White Theme \/ Mobile-First \/ Fully Scoped\n     ========================================================== *\/\n\n  #TMKK-wrapper {\n    --tmkk-primary: #67c6ee;\n    --tmkk-purple: #a99cf5;\n    --tmkk-pink: #efa9cc;\n    --tmkk-mint: #88dfd1;\n    --tmkk-title: #46536a;\n    --tmkk-text: #69768a;\n    --tmkk-border: #e3eef7;\n\n    width: 100%;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 12px 0 20px;\n    color: var(--tmkk-text);\n    font-family: inherit;\n    line-height: 1.65;\n    box-sizing: border-box;\n  }\n\n  #TMKK-wrapper *,\n  #TMKK-wrapper *::before,\n  #TMKK-wrapper *::after {\n    box-sizing: border-box;\n  }\n\n  #TMKK-wrapper h3,\n  #TMKK-wrapper p {\n    padding: 0;\n  }\n\n  #TMKK-wrapper h3 {\n    margin: 0 0 15px;\n    color: var(--tmkk-title);\n    font-size: 1.35rem;\n    font-weight: 800;\n    line-height: 1.3;\n    letter-spacing: -0.02em;\n  }\n\n  #TMKK-wrapper p {\n    margin: 0 0 16px;\n    color: var(--tmkk-text);\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  \/* Accent Text *\/\n  #TMKK-wrapper .TMKK-accent {\n    font-weight: 800;\n    background: linear-gradient(\n      90deg,\n      #4fb4df 0%,\n      #9586e9 50%,\n      #de8fb8 100%\n    );\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n  }\n\n  \/* Hero Banner *\/\n  #TMKK-wrapper .TMKK-banner {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 11px;\n    margin: 18px 0 20px;\n    padding: 19px 15px;\n    text-align: center;\n    border: 1px solid #e0edf7;\n    border-radius: 18px;\n    background:\n      linear-gradient(\n        135deg,\n        #f1fbff 0%,\n        #f8f5ff 48%,\n        #fff5fa 100%\n      );\n    box-shadow: 0 8px 25px rgba(91, 148, 194, 0.08);\n  }\n\n  #TMKK-wrapper .TMKK-banner-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px;\n    height: 56px;\n    min-width: 56px;\n    border-radius: 17px;\n    background: rgba(255,255,255,0.9);\n    box-shadow:\n      0 5px 16px rgba(91,143,184,0.09),\n      0 0 18px rgba(103,198,238,0.12);\n  }\n\n  #TMKK-wrapper .TMKK-banner-icon svg {\n    width: 40px;\n    height: 40px;\n    display: block;\n  }\n\n  #TMKK-wrapper .TMKK-banner-text {\n    margin: 0 !important;\n    font-size: 13.5px;\n    line-height: 1.6;\n  }\n\n  #TMKK-wrapper .TMKK-banner-text strong {\n    display: block;\n    margin-bottom: 4px;\n    color: var(--tmkk-title);\n    font-size: 16px;\n    font-weight: 800;\n  }\n\n  \/* Mini Benefit Strip *\/\n  #TMKK-wrapper .TMKK-strip {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 7px;\n    margin: 0 0 20px;\n  }\n\n  #TMKK-wrapper .TMKK-strip-item {\n    padding: 9px 6px;\n    text-align: center;\n    border-radius: 11px;\n    border: 1px solid #e8eef7;\n    background: linear-gradient(\n      135deg,\n      #f6fcff,\n      #faf8ff\n    );\n    color: #66728a;\n    font-size: 10.5px;\n    font-weight: 750;\n    line-height: 1.3;\n  }\n\n  \/* Feature Grid *\/\n  #TMKK-wrapper .TMKK-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 9px;\n    margin: 20px 0;\n  }\n\n  #TMKK-wrapper .TMKK-card {\n    min-width: 0;\n    padding: 14px 11px;\n    border: 1px solid transparent;\n    border-radius: 15px;\n\n    background:\n      linear-gradient(#ffffff, #ffffff) padding-box,\n      linear-gradient(\n        135deg,\n        #dbefff,\n        #eae5ff,\n        #fbe5ef\n      ) border-box;\n\n    box-shadow: 0 5px 16px rgba(79, 108, 143, 0.05);\n\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease;\n  }\n\n  #TMKK-wrapper .TMKK-card:hover {\n    transform: translateY(-3px);\n\n    background:\n      linear-gradient(#ffffff, #ffffff) padding-box,\n      linear-gradient(\n        135deg,\n        #74cbed,\n        #aea2f4,\n        #eca6c8\n      ) border-box;\n\n    box-shadow:\n      0 10px 26px rgba(104, 139, 188, 0.12),\n      0 0 20px rgba(174,160,240,0.09);\n  }\n\n  #TMKK-wrapper .TMKK-card-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 34px;\n    height: 34px;\n    margin-bottom: 8px;\n    border-radius: 10px;\n    background: linear-gradient(\n      135deg,\n      #eefaff,\n      #f5f2ff\n    );\n  }\n\n  #TMKK-wrapper .TMKK-card-icon svg {\n    display: block;\n    width: 22px;\n    height: 22px;\n  }\n\n  #TMKK-wrapper .TMKK-card-title {\n    display: block;\n    margin-bottom: 6px;\n    color: #536078;\n    font-size: 13.5px;\n    font-weight: 800;\n    line-height: 1.4;\n  }\n\n  #TMKK-wrapper .TMKK-card-text {\n    margin: 0 !important;\n    color: #788395;\n    font-size: 12.3px !important;\n    line-height: 1.55;\n  }\n\n  \/* Highlight Info *\/\n  #TMKK-wrapper .TMKK-info {\n    margin: 21px 0;\n    padding: 17px 15px;\n    border: 1px solid #e3edf6;\n    border-radius: 16px;\n    background:\n      linear-gradient(\n        120deg,\n        #f7fcff 0%,\n        #faf8ff 52%,\n        #fff7fb 100%\n      );\n  }\n\n  #TMKK-wrapper .TMKK-info-title {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    margin-bottom: 8px;\n    color: var(--tmkk-title);\n    font-size: 14.5px;\n    font-weight: 800;\n  }\n\n  #TMKK-wrapper .TMKK-info-title svg {\n    width: 22px;\n    height: 22px;\n    flex: 0 0 22px;\n  }\n\n  #TMKK-wrapper .TMKK-info p {\n    margin: 0 !important;\n    font-size: 13px !important;\n  }\n\n  \/* Tags *\/\n  #TMKK-wrapper .TMKK-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin: 20px 0 5px;\n  }\n\n  #TMKK-wrapper .TMKK-tag {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 7px 11px;\n    border: 1px solid #e1ebf5;\n    border-radius: 999px;\n    background:\n      linear-gradient(\n        120deg,\n        #f4fbff,\n        #f8f6ff\n      );\n    color: #627088;\n    font-size: 11.5px;\n    font-weight: 700;\n    line-height: 1.2;\n  }\n\n  #TMKK-wrapper .TMKK-slogan {\n    margin: 25px 0 0 !important;\n    padding-top: 18px;\n    border-top: 1px solid #e8eef4;\n    text-align: center;\n    color: #56647c !important;\n    font-size: 14.5px !important;\n    font-weight: 800;\n  }\n\n  @media (min-width: 601px) {\n\n    #TMKK-wrapper {\n      padding: 20px 0 28px;\n    }\n\n    #TMKK-wrapper h3 {\n      font-size: 1.65rem;\n    }\n\n    #TMKK-wrapper p {\n      font-size: 15px;\n    }\n\n    #TMKK-wrapper .TMKK-banner {\n      flex-direction: row;\n      text-align: left;\n      gap: 15px;\n      padding: 19px 20px;\n    }\n\n    #TMKK-wrapper .TMKK-strip-item {\n      padding: 10px;\n      font-size: 12px;\n    }\n\n    #TMKK-wrapper .TMKK-grid {\n      gap: 13px;\n    }\n\n    #TMKK-wrapper .TMKK-card {\n      padding: 18px;\n    }\n\n    #TMKK-wrapper .TMKK-card-title {\n      font-size: 15px;\n    }\n\n    #TMKK-wrapper .TMKK-card-text {\n      font-size: 13.5px !important;\n    }\n\n    #TMKK-wrapper .TMKK-info {\n      padding: 18px 20px;\n    }\n\n    #TMKK-wrapper .TMKK-tag {\n      padding: 8px 13px;\n      font-size: 12.5px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv id=\"TMKK-wrapper\"\u003e\n\u003ch3\u003eClick It. Light It Up. Carry the Fun Anywhere.\u003c\/h3\u003e\n\u003c!-- HERO BANNER --\u003e\n\u003cdiv class=\"TMKK-banner\"\u003e\n\u003cspan class=\"TMKK-banner-icon\"\u003e \u003c!-- Light-Up Keyboard SVG --\u003e \u003csvg viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n\n        \u003crect x=\"8\" y=\"13\" width=\"32\" height=\"23\" rx=\"6\" stroke=\"#67c6ee\" stroke-width=\"2.2\"\u003e\u003c\/rect\u003e\n\n        \u003crect x=\"13\" y=\"18\" width=\"7\" height=\"7\" rx=\"2\" stroke=\"#a99cf5\" stroke-width=\"2\"\u003e\u003c\/rect\u003e\n\n        \u003crect x=\"28\" y=\"18\" width=\"7\" height=\"7\" rx=\"2\" stroke=\"#efa9cc\" stroke-width=\"2\"\u003e\u003c\/rect\u003e\n\n        \u003cpath d=\"M24 5V9\" stroke=\"#67c6ee\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n\n        \u003cpath d=\"M15 7L17 10\" stroke=\"#a99cf5\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n\n        \u003cpath d=\"M33 7L31 10\" stroke=\"#efa9cc\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n\n      \u003c\/svg\u003e \u003c\/span\u003e\n\u003cp class=\"TMKK-banner-text\"\u003e\u003cstrong\u003e A Tiny Clickable Keyboard That Lights Up \u003c\/strong\u003e Press the key for a satisfying tactile click and a playful light-up effect — perfect for fidgeting, relaxing and adding a little fun to your everyday carry.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- QUICK BENEFITS --\u003e\n\u003cdiv class=\"TMKK-strip\"\u003e\n\u003cdiv class=\"TMKK-strip-item\"\u003eClickable Keys\u003c\/div\u003e\n\u003cdiv class=\"TMKK-strip-item\"\u003eLight-Up Effect\u003c\/div\u003e\n\u003cdiv class=\"TMKK-strip-item\"\u003eFidget Friendly\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eSmall enough to carry anywhere and satisfying enough to keep reaching for, this \u003cspan class=\"TMKK-accent\"\u003e light-up mechanical keyboard keychain \u003c\/span\u003e combines the fun of a mini keyboard with a tactile fidget experience.\u003c\/p\u003e\n\u003cp\u003ePress the key to enjoy a \u003cspan class=\"TMKK-accent\"\u003e satisfying mechanical-style click and illuminating effect \u003c\/span\u003e. Whether you're waiting, studying, commuting or simply need something fun to press, it's an easy little way to keep your hands busy.\u003c\/p\u003e\n\u003c!-- FEATURE GRID --\u003e\n\u003cdiv class=\"TMKK-grid\"\u003e\n\u003c!-- FEATURE 1 --\u003e\n\u003cdiv class=\"TMKK-card\"\u003e\n\u003cspan class=\"TMKK-card-icon\"\u003e \u003c!-- Click SVG --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\n          \u003crect x=\"6\" y=\"7\" width=\"12\" height=\"10\" rx=\"3\" stroke=\"#67c6ee\" stroke-width=\"1.7\"\u003e\u003c\/rect\u003e\n\n          \u003cpath d=\"M12 3V7\" stroke=\"#a99cf5\" stroke-width=\"1.7\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n\n          \u003cpath d=\"M9 11H15\" stroke=\"#efa9cc\" stroke-width=\"1.7\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n\n          \u003cpath d=\"M8 20H16\" stroke=\"#67c6ee\" stroke-width=\"1.7\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n\n        \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"TMKK-card-title\"\u003e Satisfying Clickable Key \u003c\/span\u003e\n\u003cp class=\"TMKK-card-text\"\u003ePress the key whenever you want a satisfying tactile click that helps keep your fingers comfortably occupied.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE 2 --\u003e\n\u003cdiv class=\"TMKK-card\"\u003e\n\u003cspan class=\"TMKK-card-icon\"\u003e \u003c!-- Light SVG --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\n          \u003cpath d=\"M9 17H15\" stroke=\"#67c6ee\" stroke-width=\"1.7\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n\n          \u003cpath d=\"M10 20H14\" stroke=\"#a99cf5\" stroke-width=\"1.7\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n\n          \u003cpath d=\"M12 3C8.7 3 6 5.6 6 8.9C6 11.1 7.1 12.8 8.5 14C9.2 14.6 9.5 15.1 9.5 16H14.5C14.5 15.1 14.8 14.6 15.5 14C16.9 12.8 18 11.1 18 8.9C18 5.6 15.3 3 12 3Z\" stroke=\"#efa9cc\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n        \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"TMKK-card-title\"\u003e Fun Light-Up Effect \u003c\/span\u003e\n\u003cp class=\"TMKK-card-text\"\u003ePressing the key activates a playful illuminated effect, making every click more eye-catching and entertaining.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE 3 --\u003e\n\u003cdiv class=\"TMKK-card\"\u003e\n\u003cspan class=\"TMKK-card-icon\"\u003e \u003c!-- Fidget SVG --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\n          \u003ccircle cx=\"12\" cy=\"12\" r=\"7\" stroke=\"#a99cf5\" stroke-width=\"1.7\"\u003e\u003c\/circle\u003e\n\n          \u003cpath d=\"M12 8V12L15 14\" stroke=\"#67c6ee\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n          \u003cpath d=\"M4 7L6 5M18 5L20 7\" stroke=\"#efa9cc\" stroke-width=\"1.6\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n\n        \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"TMKK-card-title\"\u003e Pocket-Size Fidget Fun \u003c\/span\u003e\n\u003cp class=\"TMKK-card-text\"\u003eGreat for casual fidgeting during study sessions, commutes, breaks or anytime you want something satisfying to click.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE 4 --\u003e\n\u003cdiv class=\"TMKK-card\"\u003e\n\u003cspan class=\"TMKK-card-icon\"\u003e \u003c!-- Keycap SVG --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\n          \u003crect x=\"5\" y=\"5\" width=\"14\" height=\"14\" rx=\"3\" stroke=\"#67c6ee\" stroke-width=\"1.7\"\u003e\u003c\/rect\u003e\n\n          \u003crect x=\"9\" y=\"9\" width=\"6\" height=\"6\" rx=\"1.5\" stroke=\"#a99cf5\" stroke-width=\"1.6\"\u003e\u003c\/rect\u003e\n\n          \u003cpath d=\"M12 3V5M12 19V21\" stroke=\"#efa9cc\" stroke-width=\"1.6\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n\n        \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"TMKK-card-title\"\u003e Replaceable Keycaps \u003c\/span\u003e\n\u003cp class=\"TMKK-card-text\"\u003eThe removable keycap lets you change the appearance and give your mini keyboard charm a more personalized look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INFO --\u003e\n\u003cdiv class=\"TMKK-info\"\u003e\n\u003cdiv class=\"TMKK-info-title\"\u003e\n\u003c!-- Bag SVG --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\n        \u003cpath d=\"M6 8H18L20 20H4L6 8Z\" stroke=\"#67c6ee\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n        \u003cpath d=\"M9 8V6C9 4.3 10.3 3 12 3C13.7 3 15 4.3 15 6V8\" stroke=\"#a99cf5\" stroke-width=\"1.7\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n\n        \u003cpath d=\"M9 13H15\" stroke=\"#efa9cc\" stroke-width=\"1.6\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n\n      \u003c\/svg\u003e Cute Enough to Carry Everywhere\u003c\/div\u003e\n\u003cp\u003eThe transparent keyboard-inspired body also works as a playful accessory for keys, backpacks, handbags and pencil cases. The included snake-bone style pendant makes it easy to attach while adding extra visual detail.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- TAGS --\u003e\n\u003cdiv class=\"TMKK-tags\"\u003e\n\u003cspan class=\"TMKK-tag\"\u003e Fidget Toy \u003c\/span\u003e \u003cspan class=\"TMKK-tag\"\u003e Light-Up Keychain \u003c\/span\u003e \u003cspan class=\"TMKK-tag\"\u003e Keyboard Lovers \u003c\/span\u003e \u003cspan class=\"TMKK-tag\"\u003e Clicky Key \u003c\/span\u003e \u003cspan class=\"TMKK-tag\"\u003e Bag Charm \u003c\/span\u003e \u003cspan class=\"TMKK-tag\"\u003e Cute Gift Idea \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"TMKK-slogan\"\u003eOne Tiny Key. Endless Satisfying Clicks.\u003c\/p\u003e\n\u003cp class=\"TMKK-slogan\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e","brand":"Zalovra","offers":[{"title":"1 unit","offer_id":50018286764274,"sku":"260903-DDJD-1 unit","price":11.98,"currency_code":"USD","in_stock":true},{"title":"2 unit","offer_id":50018286797042,"sku":"260903-DDJD-2 unit","price":12.98,"currency_code":"USD","in_stock":true},{"title":"3 unit","offer_id":50018286829810,"sku":"260903-DDJD-3 unit","price":13.98,"currency_code":"USD","in_stock":true},{"title":"4 unit","offer_id":50018286862578,"sku":"260903-DDJD-4 unit","price":14.98,"currency_code":"USD","in_stock":true},{"title":"9 unit","offer_id":50018286895346,"sku":"260903-DDJD-9 unit","price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0834\/6583\/0642\/files\/17769101337d9616ce383727545834de9f83068d22_thumbnail.jpg?v=1788423288","url":"https:\/\/zalovra.com\/products\/light-up-mechanical-keyboard-keychain-clickable-fidget-keycap-toy","provider":"Zalovra","version":"1.0","type":"link"}