{"product_id":"hello-kitty-5108-v5","title":"Hello Kitty 5108 V5 Mechanical Keyboard","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cmeta name=\"description\" content=\"Akko Hello Kitty 5108 V5 mechanical keyboard — Gasket Mount construction, 8K Hz wired \u0026amp; 2.4G wireless, ARGB lighting, 10,000mAh battery and full Sanrio Hello Kitty theme.\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Baloo+2:wght@500;600;700;800\u0026amp;family=Manrope:wght@400;500;600;700;800\u0026amp;family=JetBrains+Mono:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n\/* ==========================================================================\n   DESIGN TOKENS — Hello Kitty palette\n   Primary red:    #E8002D  (Hello Kitty signature red)\n   Soft red:       #FFE5EA  (light blush)\n   Pale blush:     #FFF5F7  (page background)\n   Deep red:       #B8001F  (deep accent)\n   White:          #FFFFFF\n   Ink:            #2A1A1F  (near-black, warm)\n   Ink soft:       #6B404E\n   Line:           #F5C6D0\n   Yellow bow:     #FFD700  (bow accent)\n   ========================================================================== *\/\n:root {\n  --hk-red:        #E8002D;\n  --hk-red-soft:   #FFE5EA;\n  --hk-red-pale:   #FFF5F7;\n  --hk-deep:       #B8001F;\n  --hk-bow:        #FFD700;\n  --hk-bow-soft:   #FFF8D6;\n  --white:         #FFFFFF;\n  --ink:           #2A1A1F;\n  --ink-soft:      #6B404E;\n  --line:          #F5C6D0;\n  --cream:         #FFFCFD;\n\n  --font-display: 'Baloo 2', 'Manrope', sans-serif;\n  --font-body:    'Manrope', sans-serif;\n  --font-mono:    'JetBrains Mono', monospace;\n\n  --radius-lg: 28px;\n  --radius-md: 18px;\n  --radius-sm: 10px;\n\n  --shadow-soft: 0 20px 45px -25px rgba(232,0,45,0.35);\n  --shadow-card: 0 12px 30px -18px rgba(42,26,31,0.2);\n\n  --container: 1180px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.001ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.001ms !important;\n    scroll-behavior: auto !important;\n  }\n}\n\n*, *::before, *::after { box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\n\nbody {\n  margin: 0;\n  background: var(--cream);\n  color: var(--ink);\n  font-family: var(--font-body);\n  font-size: 16px;\n  line-height: 1.65;\n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\nimg { max-width: 100%; display: block; }\na { color: inherit; }\n\n.hk-container {\n  width: 100%;\n  max-width: var(--container);\n  margin: 0 auto;\n  padding: 0 24px;\n}\n\nh1, h2, h3 {\n  font-family: var(--font-display);\n  color: var(--ink);\n  margin: 0 0 14px;\n  line-height: 1.15;\n}\n\nh1 { font-size: clamp(2.1rem, 4.5vw, 3.4rem); font-weight: 800; }\nh2 { font-size: clamp(1.7rem, 3vw, 2.5rem); font-weight: 700; }\nh3 { font-size: 1.2rem; font-weight: 700; }\n\np { margin: 0 0 12px; color: var(--ink-soft); font-size: 1.05rem; }\n\n:focus-visible {\n  outline: 3px solid var(--hk-red);\n  outline-offset: 3px;\n  border-radius: 6px;\n}\n\n\/* ==========================================================================\n   BOW DIVIDER — repeating bow\/ribbon motif between sections\n   ========================================================================== *\/\n.bow-divider {\n  position: relative;\n  width: 100%;\n  height: 34px;\n  background: radial-gradient(circle at 18px 0, transparent 17px, var(--target, var(--cream)) 18px) top \/ 36px 34px repeat-x;\n}\n.bow-divider.to-red { --target: var(--hk-red-soft); }\n.bow-divider.to-cream { --target: var(--cream); }\n.bow-divider.flip { transform: rotate(180deg); }\n\n\/* ==========================================================================\n   TOP STRIP\n   ========================================================================== *\/\n.hk-top-strip {\n  background: var(--ink);\n  color: var(--hk-bow);\n  text-align: center;\n  font-family: var(--font-mono);\n  font-size: 0.78rem;\n  letter-spacing: 0.06em;\n  padding: 9px 12px;\n}\n\n\/* ==========================================================================\n   BRAND HEADER\n   ========================================================================== *\/\n.hk-brand-header {\n  padding: 18px 0 14px;\n  text-align: center;\n}\n.hk-brand-header .eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--hk-red-soft);\n  color: var(--hk-deep);\n  font-family: var(--font-mono);\n  font-weight: 600;\n  font-size: 0.8rem;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  padding: 7px 20px;\n  border-radius: 999px;\n  border: 1px solid var(--line);\n  margin-bottom: 16px;\n}\n.hk-brand-header h1 { margin-bottom: 10px; }\n.hk-brand-header .sub {\n  max-width: 680px;\n  margin: 0 auto 22px;\n  color: var(--ink-soft);\n  font-size: 1.12rem;\n  line-height: 1.6;\n}\n\n\/* ==========================================================================\n   CTA BUTTON — Jump to Add to Cart\n   ========================================================================== *\/\n.hk-cta-wrap {\n  display: flex;\n  justify-content: center;\n  margin: 6px 0 4px;\n}\n.hk-cta-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  background: linear-gradient(135deg, var(--hk-red) 0%, #FF1744 50%, var(--hk-deep) 100%);\n  background-size: 200% 200%;\n  animation: hkGradientShift 3s ease infinite;\n  color: #fff !important;\n  font-family: var(--font-display);\n  font-weight: 700;\n  font-size: 1.08rem;\n  text-decoration: none;\n  padding: 16px 38px;\n  border-radius: 999px;\n  box-shadow: 0 8px 28px -8px rgba(232,0,45,0.55);\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n  cursor: pointer;\n  border: none;\n  position: relative;\n  overflow: hidden;\n}\n.hk-cta-btn::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: rgba(255,255,255,0);\n  transition: background 0.2s ease;\n  border-radius: 999px;\n}\n.hk-cta-btn:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 14px 36px -8px rgba(232,0,45,0.6);\n}\n.hk-cta-btn:hover::before { background: rgba(255,255,255,0.08); }\n.hk-cta-btn:active { transform: translateY(-1px); }\n.hk-cta-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 34px; height: 34px;\n  background: rgba(255,255,255,0.2);\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n.hk-cta-icon svg { width: 17px; height: 17px; fill: #fff; }\n\n@keyframes hkGradientShift {\n  0%   { background-position: 0% 50%; }\n  50%  { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n\/* ==========================================================================\n   HERO BANNER\n   ========================================================================== *\/\n.hk-hero {\n  position: relative;\n  background: linear-gradient(180deg, var(--hk-red-soft) 0%, #FFB3BF 100%);\n  padding: 10px 0 0;\n}\n.hk-hero-frame {\n  position: relative;\n  max-width: 1400px;\n  margin: 0 auto;\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  box-shadow: var(--shadow-soft);\n}\n.hk-hero-frame img { width: 100%; height: auto; }\n.hk-hero-caption {\n  position: absolute;\n  left: 0; right: 0; bottom: 0;\n  padding: 28px 32px;\n  background: linear-gradient(0deg, rgba(42,26,31,0.55) 0%, rgba(42,26,31,0) 60%);\n  color: #fff;\n}\n.hk-hero-caption span {\n  font-family: var(--font-mono);\n  font-size: 0.78rem;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  opacity: 0.85;\n}\n.hk-hero-caption strong {\n  display: block;\n  font-family: var(--font-display);\n  font-size: clamp(1.3rem, 3vw, 1.9rem);\n}\n\n\/* ==========================================================================\n   BADGE SECTION (V5 Upgrade chips)\n   ========================================================================== *\/\n.hk-badge-section { padding: 24px 0 10px; }\n.hk-badge-title { text-align: center; margin-bottom: 28px; }\n.hk-badge-title .pill {\n  display: inline-block;\n  background: var(--hk-red);\n  color: #fff;\n  font-family: var(--font-mono);\n  font-size: 0.75rem;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  padding: 6px 18px;\n  border-radius: 999px;\n  margin-bottom: 14px;\n}\n.hk-badge-title h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); }\n.hk-badge-row {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n}\n.hk-badge-chip {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--white);\n  border: 1.5px solid var(--line);\n  color: var(--hk-deep);\n  font-weight: 700;\n  font-size: 0.96rem;\n  padding: 12px 22px;\n  border-radius: 999px;\n  box-shadow: var(--shadow-card);\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.hk-badge-chip:hover { transform: translateY(-3px); box-shadow: 0 16px 28px -18px rgba(232,0,45,0.35); }\n\n\/* ==========================================================================\n   FEATURE ICON GRID — icons from original product page\n   ========================================================================== *\/\n.hk-feat-grid-section { padding: 32px 0; }\n.hk-feat-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}\n.hk-feat-card {\n  background: var(--white);\n  border-radius: var(--radius-md);\n  padding: 28px 16px 24px;\n  text-align: center;\n  border: 1px solid var(--line);\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n.hk-feat-card:hover {\n  transform: translateY(-6px) rotate(-0.5deg);\n  box-shadow: var(--shadow-card);\n}\n.hk-feat-icon {\n  width: 72px; height: 72px;\n  margin: 0 auto 16px;\n  border-radius: 50%;\n  background: var(--hk-red-soft);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n.hk-feat-icon img { width: 60%; height: 60%; object-fit: contain; }\n.hk-feat-card h3 { font-size: 1.02rem; margin: 0; }\n\n\/* ==========================================================================\n   ALTERNATING FEATURE MODULES\n   ========================================================================== *\/\n.hk-feature-module { padding: 32px 0; }\n.hk-feature-module.on-red { background: var(--hk-red-pale); }\n\n.hk-module-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 36px;\n  align-items: center;\n}\n.hk-module-grid.reverse .hk-text-col { order: 2; }\n.hk-module-grid.reverse .hk-image-col { order: 1; }\n\n.hk-eyebrow-tag {\n  display: inline-block;\n  font-family: var(--font-mono);\n  font-size: 0.78rem;\n  font-weight: 600;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: var(--hk-deep);\n  background: var(--hk-red-soft);\n  padding: 5px 16px;\n  border-radius: 999px;\n  margin-bottom: 16px;\n}\n.hk-text-col h2 { margin-bottom: 18px; font-size: clamp(1.6rem, 2.8vw, 2.3rem); }\n.hk-text-col p { font-size: 1.08rem; line-height: 1.7; }\n.hk-text-col .fine-print {\n  font-family: var(--font-mono);\n  font-size: 0.82rem;\n  color: var(--ink-soft);\n  opacity: 0.8;\n  margin-top: 16px;\n}\n.hk-image-col {\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  box-shadow: var(--shadow-card);\n  border: 1px solid var(--line);\n}\n.hk-image-col img { width: 100%; height: 100%; object-fit: cover; }\n\n\/* ==========================================================================\n   TRANSITION BANNER (Hello Kitty interstitial)\n   ========================================================================== *\/\n.hk-trans-banner {\n  position: relative;\n  margin: 18px auto;\n  max-width: 900px;\n  padding: 32px 34px;\n  text-align: center;\n  background: var(--ink);\n  border-radius: var(--radius-lg);\n  color: var(--cream);\n  overflow: hidden;\n}\n.hk-trans-banner::before, .hk-trans-banner::after {\n  content: \"\";\n  position: absolute;\n  width: 180px; height: 180px;\n  border-radius: 50%;\n  background: var(--hk-red);\n  opacity: 0.15;\n}\n.hk-trans-banner::before { top: -70px; left: -70px; }\n.hk-trans-banner::after { bottom: -80px; right: -80px; }\n.hk-trans-banner .hk-tag {\n  display: inline-block;\n  font-family: var(--font-mono);\n  font-size: 0.75rem;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--hk-bow);\n  border: 1px solid rgba(255,215,0,0.4);\n  padding: 5px 18px;\n  border-radius: 999px;\n  margin-bottom: 14px;\n  position: relative;\n}\n.hk-trans-banner h2 { color: #fff; position: relative; margin: 0; font-size: clamp(1.5rem, 3vw, 2.1rem); }\n.hk-trans-banner .hk-bows {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  font-size: 1.1rem;\n  color: rgba(255,215,0,0.3);\n}\n.hk-trans-banner .hk-bows span { position: absolute; }\n.hk-trans-banner .hk-bows span:nth-child(1) { top: 18px; left: 30px; }\n.hk-trans-banner .hk-bows span:nth-child(2) { top: 24px; right: 40px; }\n.hk-trans-banner .hk-bows span:nth-child(3) { bottom: 20px; left: 60px; }\n.hk-trans-banner .hk-bows span:nth-child(4) { bottom: 26px; right: 70px; }\n\n\/* ==========================================================================\n   PRO GAMING HEADER\n   ========================================================================== *\/\n.hk-gaming-header { text-align: center; padding: 32px 0 8px; }\n\n\/* ==========================================================================\n   SNAP KEY \u0026 MOD-TAP DEMO CARDS\n   ========================================================================== *\/\n.hk-demo-section { padding: 14px 0 32px; }\n.hk-demo-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n}\n.hk-demo-card {\n  background: var(--white);\n  border: 1px solid var(--line);\n  border-radius: var(--radius-lg);\n  padding: 30px;\n  box-shadow: var(--shadow-card);\n}\n.hk-demo-num {\n  font-family: var(--font-mono);\n  color: var(--hk-red-soft);\n  font-weight: 700;\n  font-size: 0.85rem;\n  letter-spacing: 0.05em;\n  color: var(--hk-red);\n  opacity: 0.6;\n}\n.hk-demo-visual {\n  background: var(--hk-red-pale);\n  border-radius: var(--radius-md);\n  padding: 28px 18px;\n  margin: 14px 0 22px;\n}\n.hk-demo-card h3 { margin: 4px 0 12px; font-size: 1.2rem; }\n.hk-demo-card p { font-size: 1.0rem; line-height: 1.65; }\n\n\/* --- Snap Key animation (green theme from original) --- *\/\n.snap-demo { display: flex; align-items: stretch; gap: 20px; }\n.snap-block { flex: 1; text-align: center; }\n.snap-label {\n  font-family: var(--font-mono);\n  font-size: 0.75rem;\n  color: var(--ink-soft);\n  margin-bottom: 12px;\n  min-height: 32px;\n  line-height: 1.4;\n}\n.snap-track {\n  position: relative;\n  height: 36px;\n  background: var(--white);\n  border-radius: 999px;\n  border: 1px solid var(--line);\n  overflow: hidden;\n  margin-bottom: 14px;\n}\n\/* Off = green runner (jittery), On = teal runner (clean) — matches original *\/\n.snap-runner-off {\n  position: absolute;\n  top: 5px;\n  width: 24px; height: 24px;\n  border-radius: 50%;\n  background: #4CAF50;\n  animation: hkSnapJitter 1.8s ease-in-out infinite;\n}\n.snap-runner-on {\n  position: absolute;\n  top: 5px;\n  width: 24px; height: 24px;\n  border-radius: 50%;\n  background: #2196A8;\n  animation: hkSnapClean 1.8s ease-in-out infinite;\n}\n@keyframes hkSnapJitter {\n  0%   { left: 6px; }\n  20%  { left: 60%; }\n  35%  { left: 25%; }\n  50%  { left: 65%; }\n  65%  { left: 35%; }\n  100% { left: calc(100% - 30px); }\n}\n@keyframes hkSnapClean {\n  0%   { left: 6px; }\n  50%  { left: calc(50% - 12px); }\n  100% { left: calc(100% - 30px); }\n}\n.hk-snap-keys { display: flex; justify-content: center; gap: 10px; align-items: center; }\n.hk-demo-key {\n  width: 34px; height: 34px;\n  border-radius: 8px;\n  background: var(--white);\n  border: 1.5px solid var(--line);\n  display: flex; align-items: center; justify-content: center;\n  font-family: var(--font-mono);\n  font-size: 0.84rem;\n  font-weight: 700;\n  color: var(--ink-soft);\n  transition: background 0.15s ease, color 0.15s ease;\n}\n.hk-demo-key.active-off {\n  background: #388E3C; color: #fff; border-color: #388E3C;\n}\n.hk-demo-key.active-on {\n  background: #1B7A82; color: #fff; border-color: #1B7A82;\n}\n\/* Underline accent — matches original golden bar *\/\n.snap-underline {\n  width: 70%;\n  height: 3px;\n  background: #F5A623;\n  border-radius: 2px;\n  margin: 8px auto 0;\n}\n.key-plus { color: var(--ink-soft); font-weight: 700; font-size: 1rem; }\n\n\/* --- Mod-Tap demo --- *\/\n.modtap-demo { display: flex; align-items: center; justify-content: center; gap: 30px; }\n.modtap-key {\n  width: 58px; height: 58px;\n  border-radius: 14px;\n  background: #388E3C;\n  color: #fff;\n  font-family: var(--font-mono);\n  font-weight: 700;\n  font-size: 1.15rem;\n  display: flex; align-items: center; justify-content: center;\n  animation: hkKeyPress 2.4s ease-in-out infinite;\n}\n@keyframes hkKeyPress {\n  0%, 40%, 100% { transform: scale(1); }\n  10%           { transform: scale(0.88); }\n  20%           { transform: scale(1); }\n}\n.modtap-actions { display: flex; gap: 20px; }\n.modtap-action { text-align: center; }\n.modtap-result {\n  width: 44px; height: 44px;\n  border-radius: 10px;\n  background: var(--white);\n  border: 1.5px solid var(--line);\n  font-family: var(--font-mono);\n  font-weight: 700;\n  display: flex; align-items: center; justify-content: center;\n  margin-bottom: 7px;\n  font-size: 1rem;\n  color: var(--ink);\n}\n.modtap-action span { font-family: var(--font-mono); font-size: 0.75rem; color: var(--ink-soft); }\n\n\/* ==========================================================================\n   DUAL CARDS (dark background section)\n   ========================================================================== *\/\n.hk-dual-section { padding: 32px 0; background: var(--ink); }\n.hk-dual-section .hk-section-lead { text-align: center; max-width: 640px; margin: 0 auto 38px; }\n.hk-dual-section .hk-section-lead h2 { color: #fff; }\n.hk-dual-section .hk-section-lead p { color: var(--hk-red-soft); font-size: 1.08rem; }\n.hk-dual-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n}\n.hk-dual-card {\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(245,198,208,0.25);\n  border-radius: var(--radius-lg);\n  padding: 28px;\n  color: var(--cream);\n}\n.hk-dual-card h3 { color: #fff; font-size: 1.25rem; }\n.hk-dual-card p { color: rgba(255,245,247,0.8); font-size: 1.0rem; }\n.hk-dual-card-image {\n  position: relative;\n  border-radius: var(--radius-md);\n  overflow: hidden;\n  margin-top: 16px;\n}\n.hk-dual-card-image::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(circle at 30% 20%, rgba(232,0,45,0.25), transparent 60%);\n  z-index: 1;\n}\n.hk-dual-card-image img { position: relative; z-index: 0; width: 100%; }\n\n\/* ==========================================================================\n   INFO ROWS (multi-mode \/ driver \/ gasket)\n   ========================================================================== *\/\n.hk-info-row { padding: 26px 0; }\n.hk-info-row-inner {\n  display: grid;\n  grid-template-columns: 1fr 1.6fr;\n  grid-template-rows: auto auto auto;\n  column-gap: 44px;\n  row-gap: 10px;\n  align-items: start;\n}\n.hk-info-row-inner h3.hk-kicker {\n  font-family: var(--font-display);\n  font-size: 1.45rem;\n  color: var(--hk-deep);\n  margin-bottom: 6px;\n  grid-column: 1;\n  grid-row: 1;\n  align-self: end;\n}\n.hk-info-row-inner \u003e p {\n  font-size: 1.06rem;\n  grid-column: 1;\n  grid-row: 2;\n  align-self: start;\n}\n.hk-info-row-inner \u003e a.hk-launch-btn {\n  grid-column: 1;\n  grid-row: 3;\n  justify-self: start;\n  align-self: start;\n}\n.hk-info-row-image {\n  grid-column: 2;\n  grid-row: 1 \/ 4;\n  align-self: center;\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  box-shadow: var(--shadow-card);\n  border: 1px solid var(--line);\n}\n.hk-info-row-image img { width: 100%; }\n\n.hk-launch-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--hk-red);\n  color: #fff !important;\n  font-weight: 700;\n  text-decoration: none;\n  padding: 13px 28px;\n  border-radius: 999px;\n  margin-top: 8px;\n  transition: transform 0.2s ease, background 0.2s ease;\n  font-size: 1rem;\n}\n.hk-launch-btn:hover { background: var(--hk-deep); transform: translateY(-2px); }\n\n\/* ==========================================================================\n   SWITCH SPEC CARD\n   ========================================================================== *\/\n.hk-switch-section { padding: 32px 0; }\n.hk-switch-card {\n  background: var(--hk-red-pale);\n  border: 1px solid var(--line);\n  border-radius: var(--radius-lg);\n  padding: 40px;\n  display: grid;\n  grid-template-columns: 1.1fr 0.9fr;\n  gap: 36px;\n  align-items: center;\n}\n.hk-switch-badge {\n  display: inline-block;\n  background: var(--hk-red);\n  color: #fff;\n  font-family: var(--font-mono);\n  font-size: 0.74rem;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  padding: 5px 16px;\n  border-radius: 999px;\n  margin-bottom: 14px;\n}\n.hk-switch-title { font-family: var(--font-display); font-size: 1.6rem; font-weight: 700; margin-bottom: 22px; }\n.hk-switch-spec-item {\n  display: flex;\n  justify-content: space-between;\n  padding: 11px 0;\n  border-bottom: 1px dashed var(--line);\n  font-size: 0.98rem;\n}\n.hk-switch-spec-item span:first-child { color: var(--ink-soft); }\n.hk-switch-spec-item span:last-child { font-family: var(--font-mono); font-weight: 600; color: var(--ink); }\n.hk-switch-image-wrap {\n  border-radius: var(--radius-md);\n  overflow: hidden;\n  background: var(--white);\n  border: 1px solid var(--line);\n  min-height: 220px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.hk-switch-image-wrap img { width: 100%; }\n\n\/* ==========================================================================\n   SPECS TABLE\n   ========================================================================== *\/\n.hk-specs-section { padding: 32px 0 38px; }\n.hk-specs-panel {\n  background: var(--white);\n  border: 1px solid var(--line);\n  border-radius: var(--radius-lg);\n  padding: 44px;\n  box-shadow: var(--shadow-card);\n}\n.hk-specs-header { margin-bottom: 24px; }\n.hk-specs-label {\n  font-family: var(--font-mono);\n  font-size: 0.78rem;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--hk-red);\n  margin-bottom: 6px;\n}\n.hk-specs-header h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); }\n.hk-specs-header p { max-width: 560px; font-size: 1.05rem; }\n.hk-manual-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  border: 1.5px solid var(--hk-red);\n  color: var(--hk-red) !important;\n  text-decoration: none;\n  font-weight: 700;\n  font-size: 0.94rem;\n  padding: 10px 20px;\n  border-radius: 999px;\n  margin-top: 10px;\n  transition: background 0.2s ease, color 0.2s ease;\n}\n.hk-manual-btn:hover { background: var(--hk-red); color: #fff !important; }\n\n.hk-specs-list { margin-top: 22px; }\n.hk-specs-row {\n  display: grid;\n  grid-template-columns: 230px 1fr;\n  gap: 12px;\n  padding: 14px 0;\n  border-bottom: 1px solid var(--line);\n}\n.hk-specs-row:last-child { border-bottom: none; }\n.hk-specs-row.hk-hidden { display: none; }\n.hk-spec-label { font-weight: 700; color: var(--ink); font-size: 1rem; }\n.hk-spec-value { font-family: var(--font-mono); color: var(--ink-soft); font-size: 0.96rem; }\n\n.hk-specs-toggle { text-align: center; margin-top: 26px; }\n#hk-specs-toggle-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--hk-red-soft);\n  border: 1px solid var(--line);\n  color: var(--hk-deep);\n  font-weight: 700;\n  font-family: var(--font-body);\n  font-size: 0.94rem;\n  padding: 12px 28px;\n  border-radius: 999px;\n  cursor: pointer;\n  transition: background 0.2s ease;\n}\n#hk-specs-toggle-btn:hover { background: #FFCCD5; }\n.hk-toggle-icon { display: inline-block; transition: transform 0.25s ease; }\n#hk-specs-toggle-btn.expanded .hk-toggle-icon { transform: rotate(180deg); }\n\n\/* ==========================================================================\n   PACKAGE CONTENTS\n   ========================================================================== *\/\n.hk-package-section { padding: 8px 0 32px; }\n.hk-package-panel {\n  background: var(--hk-bow-soft);\n  border-radius: var(--radius-lg);\n  padding: 36px 44px;\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  gap: 30px;\n  align-items: center;\n}\n.hk-package-panel h3 { margin-bottom: 6px; font-size: 1.25rem; }\n.hk-package-list {\n  list-style: none;\n  margin: 0; padding: 0;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 12px 20px;\n}\n.hk-package-list li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 0.96rem;\n  color: var(--ink-soft);\n}\n.hk-package-list li::before {\n  content: \"\";\n  width: 9px; height: 9px;\n  border-radius: 50%;\n  background: var(--hk-red);\n  flex-shrink: 0;\n}\n\n\/* ==========================================================================\n   FOOTER BANNER\n   ========================================================================== *\/\n.hk-footer-banner {\n  position: relative;\n  max-width: 1400px;\n  margin: 0 auto 40px;\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  box-shadow: var(--shadow-soft);\n}\n.hk-footer-banner img { width: 100%; }\n.hk-footer-note {\n  text-align: center;\n  padding-bottom: 50px;\n  color: var(--ink-soft);\n  font-size: 0.87rem;\n  line-height: 1.7;\n}\n.hk-footer-note strong { color: var(--hk-red); }\n\n\/* ==========================================================================\n   END CTA SECTION — closing Add to Cart call-out\n   ========================================================================== *\/\n.hk-end-cta {\n  padding: 16px 0 48px;\n}\n.hk-end-cta-inner {\n  position: relative;\n  background: var(--ink);\n  border-radius: var(--radius-lg);\n  padding: 52px 40px 56px;\n  text-align: center;\n  overflow: hidden;\n}\n\/* Radial glow blobs *\/\n.hk-end-cta-inner::before {\n  content: \"\";\n  position: absolute;\n  width: 320px; height: 320px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(232,0,45,0.22) 0%, transparent 70%);\n  top: -80px; left: -80px;\n  pointer-events: none;\n}\n.hk-end-cta-inner::after {\n  content: \"\";\n  position: absolute;\n  width: 260px; height: 260px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(255,215,0,0.15) 0%, transparent 70%);\n  bottom: -70px; right: -60px;\n  pointer-events: none;\n}\n.hk-end-cta-bows {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  font-size: 1.0rem;\n  color: rgba(255,215,0,0.25);\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  padding: 18px 30px;\n}\n.hk-end-tag {\n  display: inline-block;\n  font-family: var(--font-mono);\n  font-size: 0.76rem;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--hk-bow);\n  border: 1px solid rgba(255,215,0,0.4);\n  padding: 5px 20px;\n  border-radius: 999px;\n  margin-bottom: 18px;\n  position: relative;\n}\n.hk-end-title {\n  color: #fff;\n  font-size: clamp(1.8rem, 3.5vw, 2.8rem);\n  margin-bottom: 12px;\n  position: relative;\n}\n.hk-end-sub {\n  color: rgba(255,235,238,0.75);\n  font-family: var(--font-mono);\n  font-size: 0.9rem;\n  letter-spacing: 0.04em;\n  margin-bottom: 34px;\n  position: relative;\n}\n.hk-end-atc-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n  background: linear-gradient(135deg, #FF1744 0%, var(--hk-red) 40%, #FF6D00 100%);\n  background-size: 200% 200%;\n  animation: hkEndGradientPulse 3.5s ease infinite;\n  color: #fff;\n  font-family: var(--font-display);\n  font-weight: 800;\n  font-size: 1.2rem;\n  border: none;\n  cursor: pointer;\n  padding: 20px 52px;\n  border-radius: 999px;\n  box-shadow: 0 10px 40px -10px rgba(232,0,45,0.65), 0 0 0 0 rgba(232,0,45,0);\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n  position: relative;\n  overflow: hidden;\n  letter-spacing: 0.02em;\n}\n.hk-end-atc-btn::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: rgba(255,255,255,0);\n  transition: background 0.2s ease;\n  border-radius: 999px;\n}\n.hk-end-atc-btn:hover {\n  transform: translateY(-4px) scale(1.02);\n  box-shadow: 0 18px 48px -10px rgba(232,0,45,0.75), 0 0 0 0 rgba(232,0,45,0);\n}\n.hk-end-atc-btn:hover::before { background: rgba(255,255,255,0.1); }\n.hk-end-atc-btn:active { transform: translateY(-1px) scale(1.0); }\n.hk-end-btn-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px; height: 38px;\n  background: rgba(255,255,255,0.2);\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n.hk-end-btn-icon svg { width: 19px; height: 19px; }\n\n@keyframes hkEndGradientPulse {\n  0%   { background-position: 0% 50%; }\n  50%  { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@media (max-width: 620px) {\n  .hk-end-cta-inner { padding: 40px 20px 44px; }\n  .hk-end-atc-btn { font-size: 1.05rem; padding: 17px 36px; }\n  .hk-end-cta-bows { font-size: 0.8rem; padding: 12px 16px; }\n}\n\n\/* ==========================================================================\n   ADD TO CART GLOW — Shopify native ATC button\n   ========================================================================== *\/\n@keyframes hkAtcGlow {\n  0%   { box-shadow: 0 0 0 0 rgba(232,0,45,0); }\n  30%  { box-shadow: 0 0 22px 8px rgba(255,255,255,0.55), 0 0 36px 16px rgba(232,0,45,0.25); }\n  60%  { box-shadow: 0 0 12px 4px rgba(255,200,210,0.4), 0 0 24px 8px rgba(232,0,45,0.15); }\n  100% { box-shadow: 0 0 0 0 rgba(232,0,45,0); }\n}\n.hk-atc-glow {\n  animation: hkAtcGlow 2.2s ease-in-out 3 !important;\n  transition: box-shadow 0.3s ease;\n}\n\n\/* ==========================================================================\n   RESPONSIVE — TABLET\n   ========================================================================== *\/\n@media (max-width: 980px) {\n  .hk-feat-grid { grid-template-columns: repeat(3, 1fr); }\n  .hk-module-grid { grid-template-columns: 1fr; gap: 26px; }\n  .hk-module-grid.reverse .hk-text-col { order: 1; }\n  .hk-module-grid.reverse .hk-image-col { order: 2; }\n  .hk-demo-grid { grid-template-columns: 1fr; }\n  .hk-dual-grid { grid-template-columns: 1fr; }\n  .hk-switch-card { grid-template-columns: 1fr; }\n  .hk-package-panel { grid-template-columns: 1fr; text-align: center; }\n  .hk-package-list { grid-template-columns: repeat(2, 1fr); text-align: left; }\n  .hk-info-row-inner { grid-template-columns: 1fr; }\n  .hk-info-row-image { grid-column: 1; grid-row: auto; margin-top: 16px; }\n  .hk-info-row-inner h3.hk-kicker,\n  .hk-info-row-inner \u003e p,\n  .hk-info-row-inner \u003e a.hk-launch-btn { grid-column: 1; grid-row: auto; }\n}\n\n\/* ==========================================================================\n   RESPONSIVE — MOBILE\n   ========================================================================== *\/\n@media (max-width: 620px) {\n  .hk-container { padding: 0 16px; }\n  h1 { font-size: 1.95rem; }\n  h2 { font-size: 1.5rem; }\n  .hk-feat-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }\n  .hk-feat-card { padding: 20px 10px 16px; }\n  .hk-feat-icon { width: 56px; height: 56px; }\n  .hk-feat-card h3 { font-size: 0.9rem; }\n  .hk-badge-row { flex-direction: column; align-items: stretch; }\n  .hk-badge-chip { justify-content: center; }\n  .hk-trans-banner { padding: 34px 18px; }\n  .hk-specs-panel { padding: 26px 20px; }\n  .hk-specs-row { grid-template-columns: 1fr; gap: 3px; }\n  .hk-package-list { grid-template-columns: 1fr; }\n  .hk-switch-card { padding: 24px; }\n  .hk-info-row { padding: 18px 0; }\n  .hk-feature-module { padding: 22px 0; }\n  .hk-hero-caption { padding: 18px; }\n  .hk-dual-card { padding: 20px; }\n  .hk-package-panel { padding: 26px 20px; }\n  .hk-cta-btn { font-size: 0.98rem; padding: 14px 26px; }\n}\n\u003c\/style\u003e\n\n\u003c!-- TOP STRIP --\u003e\n\u003cdiv class=\"hk-top-strip\"\u003eSANRIO LICENSED DESIGN · AKKO 5108 V5 SERIES · LIMITED COLLECTION\u003c\/div\u003e\n\n\u003c!-- BRAND HEADER --\u003e\n\u003cheader class=\"hk-brand-header\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cspan class=\"eyebrow\"\u003e\n      \u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n        \u003cpath d=\"M12 21s-7.5-4.6-10-9.3C.4 8.1 2 4.5 5.4 3.6c2.2-.6 4.4.4 5.6 2.2C12.2 4 14.4 3 16.6 3.6c3.4.9 5 4.5 3.4 8.1C17.5 16.4 12 21 12 21z\" fill=\"currentColor\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n      V5 Upgrade · Hello Kitty Series\n    \u003c\/span\u003e\n    \u003ch1\u003eAkko Hello Kitty 5108 V5\u003cbr\u003eMechanical Keyboard\u003c\/h1\u003e\n    \u003cp class=\"sub\"\u003eA 100% layout with Gasket Mount softness and full-body Hello Kitty theming, front to back. Wired, 2.4GHz, and Bluetooth 5.0 keep you connected with near-zero latency, backed by 8K Hz polling and a 10,000mAh battery.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- HERO BANNER --\u003e\n\u003csection class=\"hk-hero\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cdiv class=\"hk-hero-frame\"\u003e\n      \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hello-Kitty-5108-V5-XQ-Q-GX.avif\" alt=\"Akko Hello Kitty 5108 V5 mechanical keyboard overview\"\u003e\n      \u003cdiv class=\"hk-hero-caption\"\u003e\n        \u003cspan\u003eFeatured Image\u003c\/span\u003e\n        \u003cstrong\u003eHello Kitty artwork across the full body — an iconic signature on your desk\u003c\/strong\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"bow-divider to-red\"\u003e\u003c\/div\u003e\n\n\u003c!-- V5 UPGRADE BADGE ROW --\u003e\n\u003csection class=\"hk-badge-section\" style=\"background: var(--hk-red-soft);\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cdiv class=\"hk-badge-title\"\u003e\n      \u003cspan class=\"pill\"\u003eV5 Upgrade\u003c\/span\u003e\n      \u003ch2\u003eWhat's New in the 5108 V5?\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hk-badge-row\"\u003e\n      \u003cdiv class=\"hk-badge-chip\"\u003eWired \u0026amp; 2.4G Wireless · 8K Hz\u003c\/div\u003e\n      \u003cdiv class=\"hk-badge-chip\"\u003eUpgraded ARGB Backlight\u003c\/div\u003e\n      \u003cdiv class=\"hk-badge-chip\"\u003e10,000 mAh · Long-Lasting Battery\u003c\/div\u003e\n      \u003cdiv class=\"hk-badge-chip\"\u003eBottom Case Art · Aesthetic Unity\u003c\/div\u003e\n      \u003cdiv class=\"hk-badge-chip\"\u003eUltra-Narrow Gasket Structure\u003c\/div\u003e\n      \u003cdiv class=\"hk-badge-chip\"\u003eDual-Section Split PC Plate\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"bow-divider to-cream flip\"\u003e\u003c\/div\u003e\n\n\u003c!-- FEATURE ICON GRID --\u003e\n\u003csection class=\"hk-feat-grid-section\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cdiv class=\"hk-feat-grid\"\u003e\n      \u003cdiv class=\"hk-feat-card\"\u003e\n        \u003cdiv class=\"hk-feat-icon\"\u003e\n          \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-100-Layout.avif\" alt=\"100% Full Layout\"\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003e100% Layout\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hk-feat-card\"\u003e\n        \u003cdiv class=\"hk-feat-icon\"\u003e\n          \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-100-8K.avif\" alt=\"8K Polling Rate\"\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003e8K Polling Rate\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hk-feat-card\"\u003e\n        \u003cdiv class=\"hk-feat-icon\"\u003e\n          \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-Per-Key-Flex-Cut.avif\" alt=\"Per-Key Flex-Cut\"\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003ePer-Key Flex-Cut\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hk-feat-card\"\u003e\n        \u003cdiv class=\"hk-feat-icon\"\u003e\n          \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-Gasket-Mount.avif\" alt=\"Gasket Mount\"\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003eGasket Mount\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hk-feat-card\"\u003e\n        \u003cdiv class=\"hk-feat-icon\"\u003e\n          \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-Hot-Swappable.avif\" alt=\"Hot-Swappable\"\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003eHot-Swappable\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hk-feat-card\"\u003e\n        \u003cdiv class=\"hk-feat-icon\"\u003e\n          \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-RGB.avif\" alt=\"RGB Backlit\"\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003eRGB Backlit\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hk-feat-card\"\u003e\n        \u003cdiv class=\"hk-feat-icon\"\u003e\n          \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-PBT-Dye-Sub.avif\" alt=\"PBT Dye-Sub\"\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003ePBT Dye-Sub\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hk-feat-card\"\u003e\n        \u003cdiv class=\"hk-feat-icon\"\u003e\n          \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-Multi-mode.avif\" alt=\"Multi-mode\"\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003eMulti-mode\u003c\/h3\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FULL-BODY THEMED DESIGN --\u003e\n\u003csection class=\"hk-feature-module\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cdiv class=\"hk-module-grid\"\u003e\n      \u003cdiv class=\"hk-text-col\"\u003e\n        \u003cspan class=\"hk-eyebrow-tag\"\u003eTheme Design\u003c\/span\u003e\n        \u003ch2\u003eFull-Body Themed Design\u003c\/h2\u003e\n        \u003cp\u003eThe keyboard features Hello Kitty theme artwork across the top case and the entire back panel. Paired with the matching themed keycaps, it presents a perfectly cohesive full-body design from every angle.\u003c\/p\u003e\n        \u003cp\u003eYou're not just placing a keyboard on your desk — you're completing a Hello Kitty visual story, ready the moment you open the box.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hk-image-col\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hello-Kitty-5108-V5-XQ-CT-BM-GX.avif\" alt=\"Hello Kitty full-body themed design — top and bottom panel\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- DUAL 8K HZ POLLING RATE --\u003e\n\u003csection class=\"hk-feature-module on-red\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cdiv class=\"hk-module-grid reverse\"\u003e\n      \u003cdiv class=\"hk-text-col\"\u003e\n        \u003cspan class=\"hk-eyebrow-tag\"\u003ePerformance\u003c\/span\u003e\n        \u003ch2\u003eDual 8K Hz Polling Rate\u003c\/h2\u003e\n        \u003cp\u003eFeaturing 8,000Hz polling rate in both wired and 2.4G mode, this keyboard sends operational data 8,000 times per second — delivering near-zero latency, ultra-responsive performance, and precise control for gaming and typing alike.\u003c\/p\u003e\n        \u003cp class=\"fine-print\"\u003e*When testing 8K polling rate with Keyboard Inspector, please ensure your computer is in Safe Mode for accurate results.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hk-image-col\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hello-Kitty-5108-V5-XQ-CT-8Kz-GX.avif\" alt=\"8K Hz polling rate performance\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- PRO GAMING HEADER --\u003e\n\u003cdiv class=\"bow-divider to-cream\"\u003e\u003c\/div\u003e\n\u003csection class=\"hk-gaming-header\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cspan class=\"hk-eyebrow-tag\"\u003eCompetitive Gaming\u003c\/span\u003e\n    \u003ch2 style=\"margin-top:10px;\"\u003ePro Gaming Features\u003c\/h2\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SNAP KEY \u0026 MOD-TAP DEMO CARDS --\u003e\n\u003csection class=\"hk-demo-section\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cdiv class=\"hk-demo-grid\"\u003e\n\n      \u003c!-- Snap Key --\u003e\n      \u003cdiv class=\"hk-demo-card\"\u003e\n        \u003cdiv class=\"hk-demo-visual\"\u003e\n          \u003cdiv class=\"snap-demo\"\u003e\n            \u003cdiv class=\"snap-block\"\u003e\n              \u003cdiv class=\"snap-label\"\u003eAkko Snap Keys\u003cbr\u003eOff\u003c\/div\u003e\n              \u003cdiv class=\"snap-track\"\u003e\n                \u003cdiv class=\"snap-runner-off\"\u003e\u003c\/div\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"hk-snap-keys\"\u003e\n                \u003cdiv class=\"hk-demo-key active-off\"\u003eA\u003c\/div\u003e\n                \u003cspan class=\"key-plus\"\u003e+\u003c\/span\u003e\n                \u003cdiv class=\"hk-demo-key active-off\"\u003eD\u003c\/div\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"snap-underline\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"snap-block\"\u003e\n              \u003cdiv class=\"snap-label\"\u003eAkko Snap Keys\u003cbr\u003eOn\u003c\/div\u003e\n              \u003cdiv class=\"snap-track\"\u003e\n                \u003cdiv class=\"snap-runner-on\"\u003e\u003c\/div\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"hk-snap-keys\"\u003e\n                \u003cdiv class=\"hk-demo-key\"\u003eA\u003c\/div\u003e\n                \u003cspan class=\"key-plus\"\u003e+\u003c\/span\u003e\n                \u003cdiv class=\"hk-demo-key active-on\"\u003eD\u003c\/div\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"snap-underline\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hk-demo-num\"\u003e01\u003c\/div\u003e\n        \u003ch3\u003eSnap Key\u003c\/h3\u003e\n        \u003cp\u003eSnap Key is Akko's implementation of SOCD, prioritising the most recent keypress for swift directional changes without releasing previous inputs. This ensures fluid, responsive control in FPS games, where quick reactions and precise movement are crucial.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Mod-Tap --\u003e\n      \u003cdiv class=\"hk-demo-card\"\u003e\n        \u003cdiv class=\"hk-demo-visual\"\u003e\n          \u003cdiv class=\"modtap-demo\"\u003e\n            \u003cdiv class=\"modtap-key\"\u003eG\u003c\/div\u003e\n            \u003cdiv class=\"modtap-actions\"\u003e\n              \u003cdiv class=\"modtap-action\"\u003e\n                \u003cdiv class=\"modtap-result\"\u003eG\u003c\/div\u003e\n                \u003cspan\u003eTap\u003c\/span\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"modtap-action\"\u003e\n                \u003cdiv class=\"modtap-result\"\u003eF\u003c\/div\u003e\n                \u003cspan\u003eHold\u003c\/span\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hk-demo-num\"\u003e02\u003c\/div\u003e\n        \u003ch3\u003eMod-Tap\u003c\/h3\u003e\n        \u003cp\u003eMod-Tap is a convenience feature designed for gaming. It enables dedicated or dual-functional keys based on press behaviour — hold the key for one function, tap it for another — improving efficiency and control in a single keystroke.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- TRANSITION BANNER — MEET THE NEW 5108 V5 --\u003e\n\u003csection class=\"hk-container\" style=\"padding: 8px 0 18px;\"\u003e\n  \u003cdiv class=\"hk-trans-banner\"\u003e\n    \u003cdiv class=\"hk-bows\"\u003e\n      \u003cspan\u003e♥\u003c\/span\u003e\u003cspan\u003e♥\u003c\/span\u003e\u003cspan\u003e♥\u003c\/span\u003e\u003cspan\u003e♥\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cspan class=\"hk-tag\"\u003eHello Kitty\u003c\/span\u003e\n    \u003ch2\u003eMEET THE NEW 5108 V5\u003c\/h2\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ARGB BACKLIGHT --\u003e\n\u003csection class=\"hk-feature-module\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cdiv class=\"hk-module-grid\"\u003e\n      \u003cdiv class=\"hk-text-col\"\u003e\n        \u003cspan class=\"hk-eyebrow-tag\"\u003eLighting\u003c\/span\u003e\n        \u003ch2\u003eARGB Backlight\u003c\/h2\u003e\n        \u003cp\u003eFeaturing ARGB (addressable RGB) with individually controlled LEDs for smooth, flicker-free lighting, customisable through the Akko Cloud Driver to add a striking glow to your setup.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hk-image-col\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hello-Kitty-5108-V5-XQ-CT-RGB-GX.avif\" alt=\"ARGB backlight detail\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SIDE-INTEGRATED CONTROLS --\u003e\n\u003csection class=\"hk-feature-module on-red\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cdiv class=\"hk-module-grid reverse\"\u003e\n      \u003cdiv class=\"hk-text-col\"\u003e\n        \u003cspan class=\"hk-eyebrow-tag\"\u003eConnectivity\u003c\/span\u003e\n        \u003ch2\u003eSide-Integrated Controls\u003c\/h2\u003e\n        \u003cp\u003eThe multi-device switch and USB-C port are seamlessly integrated into the keyboard's side for easy access and a cleaner look. Quickly toggle between Mac, Windows, USB, 2.4G, and Bluetooth without missing a beat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hk-image-col\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hello-Kitty-5108-V5-XQ-CT-Type-C.avif\" alt=\"Side-integrated USB-C port and mode switch\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- DUAL-SECTION SPLIT PC PLATE --\u003e\n\u003csection class=\"hk-feature-module\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cdiv class=\"hk-module-grid\"\u003e\n      \u003cdiv class=\"hk-text-col\"\u003e\n        \u003cspan class=\"hk-eyebrow-tag\"\u003eConstruction\u003c\/span\u003e\n        \u003ch2\u003eDual-Section Split PC Plate\u003c\/h2\u003e\n        \u003cp\u003eSide-mounted silicone pads resolve the conflict between narrow bezel and soft typing structure, enabling an ultra-slim frame. The dual-section split PC plate enhances typing elasticity and delivers a satisfying soft bounce.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hk-image-col\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hello-Kitty-5108-V5-XQ-CT-Dual-Section2.avif\" alt=\"Dual-section split PC plate construction\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- DUAL CARDS (dark section) --\u003e\n\u003csection class=\"hk-dual-section\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cdiv class=\"hk-section-lead\"\u003e\n      \u003ch2\u003eFlexibility \u0026amp; Slim Profile\u003c\/h2\u003e\n      \u003cp\u003eA socket design that makes personalisation effortless, and an elegant footprint that won't crowd your desk — both in the same keyboard.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hk-dual-grid\"\u003e\n      \u003cdiv class=\"hk-dual-card\"\u003e\n        \u003ch3\u003eFlex-Cut Hot-Swappable\u003c\/h3\u003e\n        \u003cp\u003eHot-swap design for easy customisation and upgrades. Flex-cut PCB and dual-section plate for a softer, more responsive feel. Multi-layer dampening for a deeper, quieter, more refined sound.\u003c\/p\u003e\n        \u003cdiv class=\"hk-dual-card-image\"\u003e\n          \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hello-Kitty-5108-V5-XQ-CT-Dual-Section2.avif\" alt=\"Flex-cut hot-swap switch socket\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hk-dual-card\"\u003e\n        \u003ch3\u003eUltra-Narrow Gasket Frame\u003c\/h3\u003e\n        \u003cp\u003eA soft, flexible gasket typing feel enriched by the clean contrast of glossy and textured details — while keeping the frame as slim as possible for a refined desk presence.\u003c\/p\u003e\n        \u003cdiv class=\"hk-dual-card-image\"\u003e\n          \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hello-Kitty-5108-V5-XQ-CT-BM-GX.avif\" alt=\"Ultra-narrow gasket frame\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- TRANSITION BANNER — GET THE MOST --\u003e\n\u003csection class=\"hk-container\" style=\"padding: 22px 0 18px;\"\u003e\n  \u003cdiv class=\"hk-trans-banner\"\u003e\n    \u003cdiv class=\"hk-bows\"\u003e\n      \u003cspan\u003e♥\u003c\/span\u003e\u003cspan\u003e♥\u003c\/span\u003e\u003cspan\u003e♥\u003c\/span\u003e\u003cspan\u003e♥\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cspan class=\"hk-tag\"\u003eHello Kitty\u003c\/span\u003e\n    \u003ch2\u003eGET THE MOST FROM YOUR 5108 V5\u003c\/h2\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MULTI-MODE \/ WEB DRIVER \/ GASKET INFO ROWS --\u003e\n\u003csection class=\"hk-info-row\" style=\"background: var(--hk-red-pale);\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cdiv class=\"hk-info-row-inner\"\u003e\n      \u003ch3 class=\"hk-kicker\"\u003eMulti-mode Connectivity\u003c\/h3\u003e\n      \u003cp\u003eThe Hello Kitty 5108 V5 supports Bluetooth 5.0, multi-host 2.4GHz (with receiver) and wired Type-C connectivity for seamless switching between all your devices.\u003c\/p\u003e\n      \u003cdiv class=\"hk-info-row-image\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hello-Kitty-5108-V5-XQ-CT-Type-C.avif\" alt=\"Multi-mode connectivity — Bluetooth, 2.4G and wired\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"hk-info-row\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cdiv class=\"hk-info-row-inner\"\u003e\n      \u003ch3 class=\"hk-kicker\"\u003eWeb \u0026amp; Cloud Driver\u003c\/h3\u003e\n      \u003cp\u003eFull customisation for lighting, keys and macros. Personalise your keyboard any time, anywhere.\u003c\/p\u003e\n      \u003ca class=\"hk-launch-btn\" href=\"https:\/\/web.akkogear.com\" rel=\"noopener\" target=\"_blank\"\u003eLaunch Web Driver →\u003c\/a\u003e\n      \u003cdiv class=\"hk-info-row-image\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hello-Kitty-5108-V5-XQ-CT-RGB-GX.avif\" alt=\"Akko Web and Cloud Driver interface\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"hk-info-row\" style=\"background: var(--hk-red-pale);\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cdiv class=\"hk-info-row-inner\"\u003e\n      \u003ch3 class=\"hk-kicker\"\u003eGasket Mount Construction\u003c\/h3\u003e\n      \u003cp\u003eAkko's innovative Gasket design effectively eliminates the keystroke resonance commonly found in traditional tray-mount builds, delivering a softer, more refined typing experience.\u003c\/p\u003e\n      \u003cdiv class=\"hk-info-row-image\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hello-Kitty-5108-V5-XQ-CT-8Kz-GX.avif\" alt=\"Gasket mount construction cross-section\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SWITCH SPEC CARD --\u003e\n\u003csection class=\"hk-switch-section\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cdiv class=\"hk-switch-card\"\u003e\n      \u003cdiv\u003e\n        \u003cspan class=\"hk-switch-badge\"\u003eLinear Switch\u003c\/span\u003e\n        \u003cdiv class=\"hk-switch-title\"\u003eAkko V3 Piano Pro Switch\u003c\/div\u003e\n        \u003cdiv class=\"hk-switch-spec-item\"\u003e\n\u003cspan\u003eType\u003c\/span\u003e\u003cspan\u003eLinear\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"hk-switch-spec-item\"\u003e\n\u003cspan\u003eActuation Force\u003c\/span\u003e\u003cspan\u003e45 ± 5gf\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"hk-switch-spec-item\"\u003e\n\u003cspan\u003eTotal Travel Distance\u003c\/span\u003e\u003cspan\u003e3.1 mm\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"hk-switch-spec-item\"\u003e\n\u003cspan\u003ePre-travel Distance\u003c\/span\u003e\u003cspan\u003e1.9 ± 0.5 mm\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"hk-switch-spec-item\"\u003e\n\u003cspan\u003eMaterial\u003c\/span\u003e\u003cspan\u003ePOM \/ PA \/ PA\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"hk-switch-spec-item\"\u003e\n\u003cspan\u003eLED Diffuser\u003c\/span\u003e\u003cspan\u003eYes\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hk-switch-image-wrap\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/The-Legend-of-Hei-5108-V5-V3-Piano-Pro-GX.avif\" alt=\"Akko V3 Piano Pro switch\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SPECS TABLE --\u003e\n\u003csection class=\"hk-specs-section\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cdiv class=\"hk-specs-panel\"\u003e\n      \u003cdiv class=\"hk-specs-header\"\u003e\n        \u003cp class=\"hk-specs-label\"\u003eHello Kitty 5108 V5\u003c\/p\u003e\n        \u003ch2\u003eTechnical Specifications\u003c\/h2\u003e\n        \u003cp\u003eCheck the user manual for shortcut keys, system commands, lighting settings and more.\u003c\/p\u003e\n        \u003ca class=\"hk-manual-btn\" href=\"https:\/\/file.akkogear.com\/5108_V5.pdf\" rel=\"noopener\" target=\"_blank\"\u003eUser Manual\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hk-specs-list\" id=\"hk-specs-list\"\u003e\n        \u003cdiv class=\"hk-specs-row\"\u003e\n          \u003cspan class=\"hk-spec-label\"\u003eConstruction:\u003c\/span\u003e\n          \u003cspan class=\"hk-spec-value\"\u003eGasket Mount\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hk-specs-row\"\u003e\n          \u003cspan class=\"hk-spec-label\"\u003eConnectivity:\u003c\/span\u003e\n          \u003cspan class=\"hk-spec-value\"\u003eBluetooth 5.0 \/ 2.4GHz \/ USB Type-C\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hk-specs-row\"\u003e\n          \u003cspan class=\"hk-spec-label\"\u003eLighting:\u003c\/span\u003e\n          \u003cspan class=\"hk-spec-value\"\u003eARGB Backlit\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hk-specs-row\"\u003e\n          \u003cspan class=\"hk-spec-label\"\u003eHot-Swap:\u003c\/span\u003e\n          \u003cspan class=\"hk-spec-value\"\u003e3-Pin \/ 5-Pin Compatible\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hk-specs-row\"\u003e\n          \u003cspan class=\"hk-spec-label\"\u003eN-Key Rollover:\u003c\/span\u003e\n          \u003cspan class=\"hk-spec-value\"\u003eSupported\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hk-specs-row hk-hidden\"\u003e\n          \u003cspan class=\"hk-spec-label\"\u003eBattery Capacity:\u003c\/span\u003e\n          \u003cspan class=\"hk-spec-value\"\u003e10,000mAh\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hk-specs-row hk-hidden\"\u003e\n          \u003cspan class=\"hk-spec-label\"\u003ePolling Rate:\u003c\/span\u003e\n          \u003cspan class=\"hk-spec-value\"\u003e8,000Hz in wired and 2.4G modes · 125Hz in Bluetooth mode\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hk-specs-row hk-hidden\"\u003e\n          \u003cspan class=\"hk-spec-label\"\u003eMacro:\u003c\/span\u003e\n          \u003cspan class=\"hk-spec-value\"\u003eAkko Macro V1.0\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hk-specs-row hk-hidden\"\u003e\n          \u003cspan class=\"hk-spec-label\"\u003eSwitches:\u003c\/span\u003e\n          \u003cspan class=\"hk-spec-value\"\u003eAkko V3 Piano Pro\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hk-specs-row hk-hidden\"\u003e\n          \u003cspan class=\"hk-spec-label\"\u003eMaterials:\u003c\/span\u003e\n          \u003cspan class=\"hk-spec-value\"\u003ePBT Keycap + ABS Case\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hk-specs-row hk-hidden\"\u003e\n          \u003cspan class=\"hk-spec-label\"\u003ePrinting Method:\u003c\/span\u003e\n          \u003cspan class=\"hk-spec-value\"\u003eDye-Sublimation\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hk-specs-row hk-hidden\"\u003e\n          \u003cspan class=\"hk-spec-label\"\u003eKeycap Profile:\u003c\/span\u003e\n          \u003cspan class=\"hk-spec-value\"\u003eCherry\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hk-specs-row hk-hidden\"\u003e\n          \u003cspan class=\"hk-spec-label\"\u003eProduct Weight:\u003c\/span\u003e\n          \u003cspan class=\"hk-spec-value\"\u003eApprox. 1.41 kg\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hk-specs-row hk-hidden\"\u003e\n          \u003cspan class=\"hk-spec-label\"\u003eDimensions:\u003c\/span\u003e\n          \u003cspan class=\"hk-spec-value\"\u003e440.5 × 130 × 30.1 mm (excluding keycap height)\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hk-specs-row hk-hidden\"\u003e\n          \u003cspan class=\"hk-spec-label\"\u003eOperating Systems:\u003c\/span\u003e\n          \u003cspan class=\"hk-spec-value\"\u003eWindows \/ macOS \/ iOS \/ Android\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hk-specs-row hk-hidden\"\u003e\n          \u003cspan class=\"hk-spec-label\"\u003ePackage Contents:\u003c\/span\u003e\n          \u003cspan class=\"hk-spec-value\"\u003eKeyboard ×1 · Manual ×1 · Cable ×1 · Receiver ×1 · Keycap Puller ×1 · Switch Puller ×1 · Dust Cover ×1 · Spare Switches\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hk-specs-toggle\"\u003e\n        \u003cbutton id=\"hk-specs-toggle-btn\" type=\"button\"\u003e\n          \u003cspan id=\"hk-specs-toggle-label\"\u003eView All\u003c\/span\u003e\n          \u003cspan class=\"hk-toggle-icon\"\u003e⌄\u003c\/span\u003e\n        \u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- PACKAGE CONTENTS --\u003e\n\u003csection class=\"hk-package-section\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cdiv class=\"hk-package-panel\"\u003e\n      \u003cdiv\u003e\n        \u003cspan class=\"hk-eyebrow-tag\"\u003eWhat's in the Box\u003c\/span\u003e\n        \u003ch3\u003ePackage Contents\u003c\/h3\u003e\n        \u003cp style=\"margin: 0;\"\u003eEverything you need to get started, in one box.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cul class=\"hk-package-list\"\u003e\n        \u003cli\u003eKeyboard × 1\u003c\/li\u003e\n        \u003cli\u003eUser Manual × 1\u003c\/li\u003e\n        \u003cli\u003eUSB-C Cable × 1\u003c\/li\u003e\n        \u003cli\u003e2.4G Receiver × 1\u003c\/li\u003e\n        \u003cli\u003eKeycap Puller × 1\u003c\/li\u003e\n        \u003cli\u003eSwitch Puller × 1\u003c\/li\u003e\n        \u003cli\u003eDust Cover × 1\u003c\/li\u003e\n        \u003cli\u003eSpare Switches\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FOOTER BANNER --\u003e\n\u003csection class=\"hk-container\"\u003e\n  \u003cdiv class=\"hk-footer-banner\"\u003e\n    \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/06\/Hello-Kitty-5108-V5-XQ-CC-GX.avif\" alt=\"Akko Hello Kitty 5108 V5 closing image\"\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cp class=\"hk-footer-note\"\u003eThis product is manufactured by \u003cstrong\u003eAkko\u003c\/strong\u003e and features a \u003cstrong\u003eSanrio Hello Kitty\u003c\/strong\u003e licensed design. Images are for illustrative purposes; actual product and packaging may differ slightly.\u003c\/p\u003e\n\n\u003c!-- ==========================================================================\n     END CTA — Add to Cart call-out\n     ========================================================================== --\u003e\n\u003csection class=\"hk-end-cta\"\u003e\n  \u003cdiv class=\"hk-container\"\u003e\n    \u003cdiv class=\"hk-end-cta-inner\"\u003e\n      \u003cdiv class=\"hk-end-cta-bows\" aria-hidden=\"true\"\u003e\n        \u003cspan\u003e♥\u003c\/span\u003e\u003cspan\u003e♥\u003c\/span\u003e\u003cspan\u003e♥\u003c\/span\u003e\u003cspan\u003e♥\u003c\/span\u003e\u003cspan\u003e♥\u003c\/span\u003e\u003cspan\u003e♥\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hk-end-tag\"\u003eHello Kitty × Akko\u003c\/span\u003e\n      \u003ch2 class=\"hk-end-title\"\u003eReady to Make It Yours?\u003c\/h2\u003e\n      \u003cp class=\"hk-end-sub\"\u003e100% layout · 8K Hz · Gasket Mount · 10,000mAh · Full Hello Kitty theme\u003c\/p\u003e\n      \u003cbutton class=\"hk-end-atc-btn\" id=\"hk-atc-jump-end\" type=\"button\"\u003e\n        \u003cspan class=\"hk-end-btn-icon\" aria-hidden=\"true\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003cpath d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n            \u003cline x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n            \u003cpath d=\"M16 10a4 4 0 01-8 0\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/span\u003e\n        Add to Cart\n      \u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cp\u003e \u003c\/p\u003e\n\n\u003c!-- ==========================================================================\n   JAVASCRIPT — Specs toggle + Jump to ATC + ATC glow (Shopify-safe)\n   ========================================================================== --\u003e\n\u003cscript\u003e\n(function() {\n  'use strict';\n\n  \/* --- Specs toggle --- *\/\n  var toggleBtn = document.getElementById('hk-specs-toggle-btn');\n  var toggleLabel = document.getElementById('hk-specs-toggle-label');\n  var hiddenRows = document.querySelectorAll('#hk-specs-list .hk-hidden');\n  var isExpanded = false;\n\n  if (toggleBtn) {\n    toggleBtn.addEventListener('click', function() {\n      isExpanded = !isExpanded;\n      hiddenRows.forEach(function(row) {\n        row.style.display = isExpanded ? 'grid' : 'none';\n      });\n      toggleLabel.textContent = isExpanded ? 'Show Less' : 'View All';\n      if (isExpanded) {\n        toggleBtn.classList.add('expanded');\n      } else {\n        toggleBtn.classList.remove('expanded');\n      }\n    });\n  }\n\n  \/* --- Shared: find Shopify ATC button, scroll to it, apply glow --- *\/\n  var atcSelectors = [\n    '[name=\"add\"]',\n    '.product-form__submit',\n    '.btn--add-to-cart',\n    '.add-to-cart',\n    'button[data-add-to-cart]',\n    '.product__submit__item button',\n    '.shopify-payment-button__button',\n    '[data-testid=\"add-to-cart-button\"]',\n    '#AddToCart',\n    '#add-to-cart'\n  ];\n\n  function findAtcBtn() {\n    for (var i = 0; i \u003c atcSelectors.length; i++) {\n      var el = document.querySelector(atcSelectors[i]);\n      if (el) return el;\n    }\n    return null;\n  }\n\n  function scrollToAtc() {\n    var atcBtn = findAtcBtn();\n    if (atcBtn) {\n      atcBtn.scrollIntoView({ behavior: 'smooth', block: 'center' });\n      setTimeout(function() {\n        atcBtn.classList.add('hk-atc-glow');\n        atcBtn.addEventListener('animationend', function handler() {\n          atcBtn.classList.remove('hk-atc-glow');\n          atcBtn.removeEventListener('animationend', handler);\n        });\n      }, 600);\n    } else {\n      var form = document.querySelector('form[action*=\"\/cart\/add\"]');\n      if (form) form.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    }\n  }\n\n  \/* --- Header CTA button --- *\/\n  var atcJumpBtn = document.getElementById('hk-atc-jump');\n  if (atcJumpBtn) {\n    atcJumpBtn.addEventListener('click', scrollToAtc);\n  }\n\n  \/* --- End CTA button --- *\/\n  var atcEndBtn = document.getElementById('hk-atc-jump-end');\n  if (atcEndBtn) {\n    atcEndBtn.addEventListener('click', scrollToAtc);\n  }\n\n})();\n\u003c\/script\u003e","brand":"Akko","offers":[{"title":"Akko V3 Piano Pro","offer_id":48747199725725,"sku":null,"price":154.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Hello-Kitty-5108-V5-GX.png?v=1785846567","url":"https:\/\/keyartisan.net\/products\/hello-kitty-5108-v5","provider":"KeyArtisan","version":"1.0","type":"link"}