{"product_id":"bun-wonderland-5108-v5-mechanical-keyboard","title":"Bun Wonderland 5108 V5 Mechanical Keyboard","description":"\u003c!-- ============================================================\n     BUN WONDERLAND 5108 V5 — PRODUCT DESCRIPTION (Enhanced Build)\n     Scoped under .bw5108v5 to avoid theme collisions.\n     Font stack: Nunito (headings) + Inter (body)\n============================================================ --\u003e\n\u003cdiv class=\"bw5108v5\"\u003e\n\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@700;800;900\u0026amp;family=Inter:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   ROOT VARIABLES — scoped to .bw5108v5 only\n============================================================ *\/\n.bw5108v5{\n  --bw-purple: #6f5cae;\n  --bw-purple-dark: #574689;\n  --bw-purple-light: #a794e0;\n  --bw-lilac-bg: #f6f3fc;\n  --bw-amber: #e8a020;\n  --bw-cream: #fff8ee;\n  --bw-ink: #1a1a2e;\n  --bw-body: #52506b;\n  --bw-muted: #8985a3;\n  --bw-card: #ffffff;\n  --bw-radius-lg: 26px;\n  --bw-radius-md: 18px;\n  --bw-radius-sm: 12px;\n  --bw-shadow-soft: 0 10px 30px rgba(111,92,174,0.10);\n  --bw-shadow-hover: 0 18px 44px rgba(111,92,174,0.18);\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  color: var(--bw-body);\n  background: #fff;\n  overflow-x: hidden;\n}\n.bw5108v5 *{ box-sizing: border-box; }\n.bw5108v5 h1, .bw5108v5 h2, .bw5108v5 h3{\n  font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif;\n  color: var(--bw-ink);\n}\n.bw5108v5 img{ max-width:100%; display:block; }\n.bw5108v5 .bw-section{\n  max-width: 1080px;\n  margin: 0 auto;\n  padding: 36px 24px;\n}\n.bw5108v5 .bw-section.tight{ padding: 18px 24px; }\n\n\/* ============================================================\n   SCROLL REVEAL ANIMATION SYSTEM\n============================================================ *\/\n.bw5108v5 .bw-reveal{\n  opacity: 0;\n  transform: translateY(28px);\n  transition: opacity .7s cubic-bezier(.22,.9,.35,1), transform .7s cubic-bezier(.22,.9,.35,1);\n}\n.bw5108v5 .bw-reveal.bw-in{\n  opacity: 1;\n  transform: translateY(0);\n}\n.bw5108v5 .bw-reveal.bw-left{ transform: translateX(-32px); }\n.bw5108v5 .bw-reveal.bw-left.bw-in{ transform: translateX(0); }\n.bw5108v5 .bw-reveal.bw-right{ transform: translateX(32px); }\n.bw5108v5 .bw-reveal.bw-right.bw-in{ transform: translateX(0); }\n.bw5108v5 .bw-reveal.bw-scale{ transform: scale(.94); }\n.bw5108v5 .bw-reveal.bw-scale.bw-in{ transform: scale(1); }\n.bw5108v5 .bw-d1{ transition-delay: .08s; }\n.bw5108v5 .bw-d2{ transition-delay: .16s; }\n.bw5108v5 .bw-d3{ transition-delay: .24s; }\n.bw5108v5 .bw-d4{ transition-delay: .32s; }\n\n\/* ============================================================\n   HERO\n============================================================ *\/\n.bw5108v5 .bw-hero{\n  position: relative;\n  border-radius: var(--bw-radius-lg);\n  overflow: hidden;\n  background: linear-gradient(155deg, #efe9fb 0%, #f9f6fd 45%, #fdf3f0 100%);\n  padding: 56px 40px;\n  isolation: isolate;\n}\n.bw5108v5 .bw-hero::before,\n.bw5108v5 .bw-hero::after{\n  content:'';\n  position:absolute;\n  border-radius:50%;\n  z-index:-1;\n  filter: blur(2px);\n}\n.bw5108v5 .bw-hero::before{\n  width: 380px; height: 380px;\n  background: radial-gradient(circle, rgba(111,92,174,0.16), transparent 70%);\n  top:-140px; right:-100px;\n  animation: bw-drift-a 10s ease-in-out infinite;\n}\n.bw5108v5 .bw-hero::after{\n  width: 300px; height: 300px;\n  background: radial-gradient(circle, rgba(232,160,32,0.14), transparent 70%);\n  bottom:-120px; left:-80px;\n  animation: bw-drift-b 12s ease-in-out infinite;\n}\n@keyframes bw-drift-a{ 0%,100%{transform:translate(0,0)} 50%{transform:translate(-24px,28px)} }\n@keyframes bw-drift-b{ 0%,100%{transform:translate(0,0)} 50%{transform:translate(20px,-22px)} }\n\n.bw5108v5 .bw-hero-grid{\n  display: grid;\n  grid-template-columns: 1.05fr 1fr;\n  gap: 48px;\n  align-items: center;\n  position: relative;\n}\n.bw5108v5 .bw-eyebrow{\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--bw-ink);\n  color:#fff;\n  font-size: .72rem;\n  font-weight: 800;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n  padding: 7px 16px;\n  border-radius: 999px;\n  margin-bottom: 18px;\n  animation: bw-pop .6s cubic-bezier(.34,1.56,.64,1) both;\n}\n@keyframes bw-pop{ from{opacity:0; transform:scale(.7)} to{opacity:1; transform:scale(1)} }\n.bw5108v5 .bw-hero h1{\n  font-size: clamp(1.9rem, 3.6vw, 2.7rem);\n  font-weight: 900;\n  line-height: 1.12;\n  margin: 0 0 16px;\n}\n.bw5108v5 .bw-hero h1 em{\n  font-style: normal;\n  background: linear-gradient(120deg, var(--bw-purple), #a480d8 60%, var(--bw-amber));\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n.bw5108v5 .bw-hero p{\n  font-size: 1.05rem;\n  line-height: 1.7;\n  max-width: 480px;\n  margin: 0 0 26px;\n}\n.bw5108v5 .bw-hero-chip-row{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n}\n.bw5108v5 .bw-hero-chip{\n  display:flex;\n  align-items:center;\n  gap:7px;\n  background: rgba(255,255,255,.75);\n  backdrop-filter: blur(6px);\n  border: 1px solid rgba(111,92,174,0.16);\n  padding: 8px 14px;\n  border-radius: 999px;\n  font-size: .8rem;\n  font-weight: 700;\n  color: var(--bw-purple-dark);\n}\n.bw5108v5 .bw-hero-chip svg{ width:15px; height:15px; stroke: var(--bw-purple); flex-shrink:0; }\n.bw5108v5 .bw-hero-visual{\n  position: relative;\n  border-radius: var(--bw-radius-md);\n  overflow: hidden;\n  box-shadow: var(--bw-shadow-soft);\n}\n.bw5108v5 .bw-hero-visual img{\n  width:100%;\n  transition: transform .6s ease;\n}\n.bw5108v5 .bw-hero-visual:hover img{ transform: scale(1.045); }\n\n@media (max-width: 860px){\n  .bw5108v5 .bw-hero{ padding: 40px 22px; }\n  .bw5108v5 .bw-hero-grid{ grid-template-columns: 1fr; gap: 30px; }\n  .bw5108v5 .bw-hero p{ max-width:none; }\n}\n\n\/* ============================================================\n   WHAT'S NEW STRIP\n============================================================ *\/\n.bw5108v5 .bw-whatsnew{\n  margin-top: 26px;\n}\n.bw5108v5 .bw-whatsnew-title{\n  text-align:center;\n  margin-bottom: 26px;\n}\n.bw5108v5 .bw-whatsnew-title .bw-tag{\n  display:inline-block;\n  background: var(--bw-purple);\n  color:#fff;\n  font-size:.68rem;\n  font-weight:800;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  padding:5px 15px;\n  border-radius:999px;\n  margin-bottom:10px;\n}\n.bw5108v5 .bw-whatsnew-title h2{ font-size: clamp(1.35rem,2.6vw,1.85rem); margin:0; }\n.bw5108v5 .bw-whatsnew-row{\n  display:grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap:14px;\n}\n.bw5108v5 .bw-whatsnew-badge{\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  gap:10px;\n  text-align:center;\n  background:#fff;\n  border:2px solid #ede9f8;\n  border-radius: 20px;\n  padding: 22px 14px;\n  transition: border-color .25s, box-shadow .25s, transform .25s;\n}\n.bw5108v5 .bw-whatsnew-badge:hover{\n  border-color: var(--bw-purple);\n  box-shadow: var(--bw-shadow-soft);\n  transform: translateY(-4px);\n}\n.bw5108v5 .bw-whatsnew-badge .bw-ico{\n  width:44px; height:44px;\n  border-radius:50%;\n  background: var(--bw-lilac-bg);\n  display:flex; align-items:center; justify-content:center;\n  flex-shrink:0;\n}\n.bw5108v5 .bw-whatsnew-badge svg{ width:22px; height:22px; stroke: var(--bw-purple); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }\n.bw5108v5 .bw-whatsnew-badge span{ font-weight:700; font-size:.82rem; color: var(--bw-ink); line-height:1.35; }\n\n@media(max-width:900px){\n  .bw5108v5 .bw-whatsnew-row{ grid-template-columns: repeat(3,1fr); }\n}\n@media(max-width:600px){\n  .bw5108v5 .bw-whatsnew-row{ grid-template-columns: repeat(2,1fr); }\n  .bw5108v5 .bw-whatsnew-badge{ padding:16px 10px; }\n}\n\n\/* ============================================================\n   FULL-WIDTH BANNER (used between chapters)\n============================================================ *\/\n.bw5108v5 .bw-fullbanner{\n  border-radius: var(--bw-radius-lg);\n  overflow: hidden;\n  margin: 30px 0;\n  position:relative;\n}\n.bw5108v5 .bw-fullbanner img{ width:100%; transition: transform .8s ease; }\n.bw5108v5 .bw-fullbanner:hover img{ transform: scale(1.02); }\n\n\/* ============================================================\n   FEATURE ICON GRID\n============================================================ *\/\n.bw5108v5 .bw-feat-header{ text-align:center; margin-bottom: 38px; }\n.bw5108v5 .bw-feat-header h2{\n  font-size: clamp(2rem, 4vw, 2.7rem);\n  font-weight: 900;\n  margin:0;\n  background: linear-gradient(120deg, var(--bw-purple) 0%, var(--bw-purple-light) 100%);\n  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;\n}\n.bw5108v5 .bw-featgrid{\n  display:grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 18px;\n}\n.bw5108v5 .bw-featcard{\n  background:#fff;\n  border-radius: 20px;\n  padding: 26px 12px 20px;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  text-align:center;\n  box-shadow: 0 6px 20px rgba(0,0,0,0.06);\n  transition: transform .25s ease, box-shadow .25s ease;\n}\n@media(hover:hover){\n  .bw5108v5 .bw-featcard:hover{\n    transform: translateY(-6px);\n    box-shadow: var(--bw-shadow-hover);\n  }\n}\n.bw5108v5 .bw-featcard .bw-icobox{\n  width: 76px; height:76px;\n  display:flex; align-items:center; justify-content:center;\n  margin-bottom: 16px;\n}\n.bw5108v5 .bw-featcard .bw-icobox img{ max-width:100%; max-height:100%; }\n.bw5108v5 .bw-featcard h3{ font-size: .86rem; font-weight:800; margin:0; line-height:1.3; }\n\n@media(max-width:1024px){ .bw5108v5 .bw-featgrid{ grid-template-columns: repeat(2,1fr); } }\n@media(max-width:600px){\n  .bw5108v5 .bw-featgrid{ grid-template-columns: repeat(2,1fr); gap:10px; }\n  .bw5108v5 .bw-featcard{ padding:18px 8px; }\n  .bw5108v5 .bw-featcard .bw-icobox{ width:56px; height:56px; margin-bottom:12px; }\n  .bw5108v5 .bw-featcard h3{ font-size:.72rem; }\n}\n\n\/* ============================================================\n   ALTERNATING IMAGE \/ TEXT MODULE (used repeatedly)\n============================================================ *\/\n.bw5108v5 .bw-module{\n  background:#fff;\n  border-radius: var(--bw-radius-lg);\n  overflow:hidden;\n  box-shadow: var(--bw-shadow-soft);\n  margin: 18px 0;\n}\n.bw5108v5 .bw-module-grid{\n  display:grid;\n  grid-template-columns: 1fr 1fr;\n  align-items:stretch;\n  min-height: 340px;\n}\n.bw5108v5 .bw-module-grid.bw-reverse{ direction: rtl; }\n.bw5108v5 .bw-module-grid.bw-reverse \u003e *{ direction: ltr; }\n.bw5108v5 .bw-module-img{\n  position:relative;\n  overflow:hidden;\n  min-height: 280px;\n}\n.bw5108v5 .bw-module-img img{\n  width:100%; height:100%;\n  object-fit: cover;\n  transition: transform .7s ease;\n}\n.bw5108v5 .bw-module:hover .bw-module-img img{ transform: scale(1.05); }\n.bw5108v5 .bw-module-text{\n  padding: 44px 46px;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n}\n.bw5108v5 .bw-module-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:6px;\n  font-size:.7rem;\n  font-weight:800;\n  letter-spacing:.1em;\n  text-transform:uppercase;\n  color: var(--bw-purple);\n  margin-bottom: 10px;\n}\n.bw5108v5 .bw-module-kicker::before{\n  content:'';\n  width:20px; height:2px;\n  background: var(--bw-amber);\n  border-radius:2px;\n}\n.bw5108v5 .bw-module-text h2{\n  font-size: clamp(1.3rem, 2.4vw, 1.7rem);\n  font-weight: 900;\n  margin: 0 0 14px;\n}\n.bw5108v5 .bw-module-text p{\n  font-size: 1.02rem;\n  line-height: 1.72;\n  margin:0;\n}\n.bw5108v5 .bw-module-text ul{\n  margin: 16px 0 0;\n  padding: 0;\n  list-style:none;\n}\n.bw5108v5 .bw-module-text ul li{\n  display:flex;\n  align-items:flex-start;\n  gap:10px;\n  font-size:.95rem;\n  padding: 6px 0;\n  color: var(--bw-body);\n}\n.bw5108v5 .bw-module-text ul li svg{\n  width:18px; height:18px;\n  stroke: var(--bw-purple);\n  flex-shrink:0;\n  margin-top:2px;\n}\n\n@media(max-width:820px){\n  .bw5108v5 .bw-module-grid,\n  .bw5108v5 .bw-module-grid.bw-reverse{\n    grid-template-columns: 1fr;\n    direction: ltr;\n  }\n  .bw5108v5 .bw-module-img{ min-height: 240px; order:1; }\n  .bw5108v5 .bw-module-text{ padding: 30px 26px; text-align:center; order:2; }\n  .bw5108v5 .bw-module-kicker{ justify-content:center; }\n  .bw5108v5 .bw-module-kicker::before{ display:none; }\n  .bw5108v5 .bw-module-text ul li{ text-align:left; }\n}\n\n\/* ============================================================\n   TRANSITION BANNERS (chapter dividers)\n============================================================ *\/\n.bw5108v5 .bw-divider{\n  position: relative;\n  border-radius: 22px;\n  overflow: hidden;\n  aspect-ratio: 7\/1;\n  background: #f5e6c8;\n  display:flex; align-items:center; justify-content:center;\n  margin: 30px 0;\n}\n.bw5108v5 .bw-divider-stripes{\n  position:absolute; top:0; left:0; right:0; height:16px;\n  background: repeating-linear-gradient(90deg, var(--bw-amber) 0 20px, var(--bw-cream) 20px 40px);\n  opacity:.85;\n}\n.bw5108v5 .bw-divider-dot{\n  position:absolute; border-radius:50%;\n  background: rgba(232,160,32,0.2);\n  animation: bw-float 8s linear infinite;\n}\n.bw5108v5 .bw-divider-dot:nth-child(2){ width:40px;height:40px; top:20%; left:6%; animation-duration:6s; }\n.bw5108v5 .bw-divider-dot:nth-child(3){ width:26px;height:26px; top:55%; left:14%; animation-duration:8s; animation-delay:1s; }\n.bw5108v5 .bw-divider-dot:nth-child(4){ width:32px;height:32px; top:18%; right:8%; animation-duration:7s; animation-delay:.5s; }\n.bw5108v5 .bw-divider-dot:nth-child(5){ width:20px;height:20px; top:58%; right:14%; animation-duration:9s; animation-delay:2s; }\n@keyframes bw-float{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\n.bw5108v5 .bw-divider-content{ position:relative; z-index:2; text-align:center; padding: 0 26px; }\n.bw5108v5 .bw-divider-content .bw-divider-tag{\n  display:inline-block; background: var(--bw-amber); color:#fff;\n  font-size:.65rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase;\n  padding:4px 14px; border-radius:999px; margin-bottom:4px;\n}\n.bw5108v5 .bw-divider-content h2{\n  font-size: clamp(1.05rem, 2.3vw, 1.7rem);\n  font-weight:900; color:#7a4a1e; margin:0;\n  text-shadow: 0 2px 0 rgba(255,255,255,.5);\n}\n@media(max-width:600px){\n  .bw5108v5 .bw-divider{ aspect-ratio: 4\/1; border-radius:16px; }\n  .bw5108v5 .bw-divider-content h2{ font-size:1rem; }\n}\n\n\/* ============================================================\n   TWO-UP CARD ROW (Hot-swap \/ Ultra-slim)\n============================================================ *\/\n.bw5108v5 .bw-duo{\n  display:grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 26px;\n}\n.bw5108v5 .bw-duo-card{\n  background:#fff;\n  border-radius: 22px;\n  border: 1px solid rgba(0,0,0,.05);\n  box-shadow: var(--bw-shadow-soft);\n  padding: 30px 26px 40px;\n  text-align:center;\n  transition: transform .3s ease, box-shadow .3s ease;\n}\n.bw5108v5 .bw-duo-card:hover{ transform: translateY(-6px); box-shadow: var(--bw-shadow-hover); }\n.bw5108v5 .bw-duo-card h3{ font-size:1.4rem; font-weight:800; margin: 0 0 10px; }\n.bw5108v5 .bw-duo-card p{ font-size:.95rem; line-height:1.6; margin:0 0 22px; }\n.bw5108v5 .bw-duo-card .bw-duo-img{ border-radius:16px; overflow:hidden; box-shadow: 0 12px 30px rgba(0,0,0,.1); }\n.bw5108v5 .bw-duo-card .bw-duo-img img{ width:100%; transition: transform .5s ease; }\n.bw5108v5 .bw-duo-card:hover .bw-duo-img img{ transform: scale(1.04); }\n\n@media(max-width:820px){\n  .bw5108v5 .bw-duo{ grid-template-columns: 1fr; }\n}\n\n\/* ============================================================\n   SNAP KEY \/ MOD-TAP DEMO\n============================================================ *\/\n.bw5108v5 .bw-demo-section{\n  position: relative;\n  border-radius: var(--bw-radius-lg);\n  overflow:hidden;\n  padding: 28px 5%;\n  background:#fff;\n  box-shadow: var(--bw-shadow-soft);\n  margin: 18px 0;\n}\n.bw5108v5 .bw-demo-section::before,\n.bw5108v5 .bw-demo-section::after{\n  content:''; position:absolute; border-radius:50%; pointer-events:none;\n}\n.bw5108v5 .bw-demo-section::before{\n  top:-30%; right:-8%; width:340px; height:340px;\n  background: radial-gradient(circle, rgba(111,92,174,.06), transparent 70%);\n  animation: bw-drift-a 9s ease-in-out infinite;\n}\n.bw5108v5 .bw-demo-section::after{\n  bottom:-25%; left:-6%; width:280px; height:280px;\n  background: radial-gradient(circle, rgba(111,92,174,.04), transparent 70%);\n  animation: bw-drift-b 11s ease-in-out infinite reverse;\n}\n.bw5108v5 .bw-demo-grid{\n  display:grid;\n  grid-template-columns: repeat(2,1fr);\n  gap: 28px;\n  position:relative;\n  z-index:1;\n}\n.bw5108v5 .bw-demo-card{\n  background: var(--bw-lilac-bg);\n  border-radius: 20px;\n  overflow:hidden;\n  border: 1px solid #eee;\n}\n.bw5108v5 .bw-demo-gif{\n  height: 320px;\n  background: #f1f0f9;\n  display:flex; align-items:center; justify-content:center;\n  padding: 0 10px;\n}\n.bw5108v5 .bw-demo-body{ padding: 26px 22px 24px; position:relative; }\n.bw5108v5 .bw-demo-num{\n  position:absolute; top:-18px; right:18px;\n  width:40px; height:40px;\n  background: var(--bw-purple); color:#fff;\n  border-radius:50%;\n  display:flex; align-items:center; justify-content:center;\n  font-weight:800; font-size:.95rem;\n}\n.bw5108v5 .bw-demo-body h3{ font-size:1.3rem; font-weight:800; margin: 0 0 12px; }\n.bw5108v5 .bw-demo-body p{ font-size:.92rem; line-height:1.6; margin:0; color: var(--bw-body); }\n\n.bw5108v5 .bw-demo-key{\n  width:58px; height:58px;\n  background:#fff; border:2px solid #ddd; border-radius:12px;\n  display:flex; align-items:center; justify-content:center;\n  font-size:22px; font-weight:800; color:#333;\n  box-shadow: 0 4px 0 #ccc;\n  transition: all .2s ease;\n}\n.bw5108v5 .bw-demo-key.bw-active{ background: var(--bw-purple); border-color: var(--bw-purple); color:#fff; }\n.bw5108v5 .bw-demo-key.bw-pressed{ transform: translateY(4px); box-shadow:0 0 0 var(--bw-purple); }\n.bw5108v5 .bw-snap-demo{ display:flex; align-items:center; justify-content:center; gap:12px; padding: 16px 5px; }\n.bw5108v5 .bw-snap-section{ display:flex; flex-direction:column; align-items:center; gap:10px; flex:1; }\n.bw5108v5 .bw-snap-title{ font-size:13px; font-weight:800; font-style:italic; color:#7c7794; text-align:center; }\n.bw5108v5 .bw-snap-scene{ display:flex; align-items:center; justify-content:center; min-height:56px; }\n.bw5108v5 .bw-snap-runner{ width:38px; height:38px; position:relative; display:inline-block; transition: transform .4s ease; }\n.bw5108v5 .bw-snap-runner svg{ width:100%; height:100%; fill: var(--bw-purple); filter: drop-shadow(0 2px 4px rgba(0,0,0,.1)); }\n.bw5108v5 .bw-snap-runner.bw-run-left{ animation: bw-run-l .5s ease forwards; }\n.bw5108v5 .bw-snap-runner.bw-run-right{ animation: bw-run-r .5s ease forwards; }\n@keyframes bw-run-l{ 0%{transform:translateX(0) scaleX(1)} 100%{transform:translateX(-12px) scaleX(1)} }\n@keyframes bw-run-r{ 0%{transform:translateX(0) scaleX(-1)} 100%{transform:translateX(12px) scaleX(-1)} }\n.bw5108v5 .bw-snap-keys{ display:flex; gap:5px; align-items:center; }\n.bw5108v5 .bw-snap-keys .bw-demo-key{ width:36px; height:36px; font-size:13px; }\n.bw5108v5 .bw-snap-keys .bw-key-plus{ font-size:13px; color:#999; font-weight:800; }\n.bw5108v5 .bw-snap-divider{ width:1px; height:110px; background:#ddd; }\n.bw5108v5 .bw-modtap-demo{ display:flex; flex-direction:column; align-items:center; gap:18px; padding: 26px 10px; }\n.bw5108v5 .bw-modtap-actions{ display:flex; gap:14px; margin-top:8px; }\n.bw5108v5 .bw-modtap-result{\n  width:56px; height:42px; background:#fff; border:2px solid #ddd; border-radius:8px;\n  display:flex; align-items:center; justify-content:center;\n  font-size:16px; font-weight:700; color:#333; margin-bottom:6px;\n  transition: all .3s ease;\n}\n.bw5108v5 .bw-modtap-result.bw-show{ background: var(--bw-purple); border-color: var(--bw-purple); color:#fff; transform: scale(1.1); }\n.bw5108v5 .bw-modtap-label{ font-size:13px; color:#8985a3; text-align:center; }\n\n@media(max-width:768px){\n  .bw5108v5 .bw-demo-section{ padding: 26px 5%; }\n  .bw5108v5 .bw-demo-grid{ grid-template-columns:1fr; gap:22px; }\n  .bw5108v5 .bw-demo-gif{ height:auto; min-height:200px; padding:20px 10px; }\n  .bw5108v5 .bw-snap-demo{ flex-direction:column; }\n  .bw5108v5 .bw-snap-divider{ width:80%; height:1px; }\n}\n\n\/* ============================================================\n   SWITCH SPEC CARDS\n============================================================ *\/\n.bw5108v5 .bw-switch{\n  border-radius: var(--bw-radius-lg);\n  background:#fff;\n  box-shadow: var(--bw-shadow-soft);\n  padding: 32px;\n  margin: 18px 0;\n}\n.bw5108v5 .bw-switch-badge{\n  display:inline-block; background: var(--bw-purple); color:#fff;\n  padding:7px 18px; border-radius:999px; font-size:.78rem; font-weight:800;\n  letter-spacing:.03em; margin-bottom:14px;\n}\n.bw5108v5 .bw-switch-title{ font-size:1.5rem; font-weight:900; margin:0 0 22px; }\n.bw5108v5 .bw-switch-body{ display:flex; gap:32px; align-items:center; }\n.bw5108v5 .bw-switch-left{ flex:1; display:flex; flex-direction:column; }\n.bw5108v5 .bw-switch-item{\n  display:flex; justify-content:space-between; align-items:center;\n  padding: 13px 0; border-bottom: 1px solid #f0edf9;\n}\n.bw5108v5 .bw-switch-item:last-child{ border-bottom:none; }\n.bw5108v5 .bw-switch-item span:first-child{ color:#6b7280; font-weight:700; text-transform:uppercase; font-size:.72rem; letter-spacing:.05em; }\n.bw5108v5 .bw-switch-item span:last-child{ color: var(--bw-purple); font-weight:800; font-size:.95rem; }\n.bw5108v5 .bw-switch-right{\n  flex: 0 0 380px; height: 380px; border-radius:20px; overflow:hidden; background: var(--bw-lilac-bg);\n}\n.bw5108v5 .bw-switch-right img{ width:100%; height:100%; object-fit:cover; transition: transform .5s ease; }\n.bw5108v5 .bw-switch:hover .bw-switch-right img{ transform: scale(1.05); }\n\n@media(max-width:768px){\n  .bw5108v5 .bw-switch-body{ flex-direction: column-reverse; }\n  .bw5108v5 .bw-switch-right{ flex: 0 0 auto; width:100%; height:auto; aspect-ratio:1\/1; }\n  .bw5108v5 .bw-switch{ padding:22px; }\n}\n\n\/* ============================================================\n   COMPARISON TABLE\n============================================================ *\/\n.bw5108v5 .bw-compare{ margin: 40px 0; }\n.bw5108v5 .bw-compare-head{\n  background: linear-gradient(135deg, var(--bw-purple) 0%, var(--bw-purple-light) 100%);\n  color:#fff; padding: 26px 20px; text-align:center; border-radius: 18px 18px 0 0;\n}\n.bw5108v5 .bw-compare-head h2{ margin:0; font-size:1.5rem; font-weight:800; color:#fff; }\n.bw5108v5 .bw-compare-wrap{ overflow-x:auto; background:#fff; border-radius: 0 0 18px 18px; box-shadow: var(--bw-shadow-soft); }\n.bw5108v5 .bw-compare table{ width:100%; border-collapse:collapse; font-size:.94rem; min-width:520px; }\n.bw5108v5 .bw-compare thead th{\n  padding:16px; background: var(--bw-lilac-bg); color: var(--bw-ink);\n  font-weight:800; text-align:center; border-bottom:2px solid #e4ddf5;\n}\n.bw5108v5 .bw-compare tbody td{ padding:15px 16px; text-align:center; border-bottom:1px solid #eee; color: var(--bw-body); }\n.bw5108v5 .bw-compare tbody td.bw-label{\n  font-weight:800; background: linear-gradient(90deg,#f4f2fa 0%, #fbfaff 100%);\n  text-align:left; color: var(--bw-ink); border-right:2px solid #eee;\n}\n.bw5108v5 .bw-compare tbody tr:last-child td{ border-bottom:none; }\n.bw5108v5 .bw-compare tbody tr:hover td{ background-color: #f6f3fc; }\n.bw5108v5 .bw-compare .bw-check{ color: #33a866; font-weight:800; }\n.bw5108v5 .bw-compare .bw-dash{ color:#c9c6d8; }\n\n@media(max-width:768px){\n  .bw5108v5 .bw-compare-head h2{ font-size:1.15rem; }\n  .bw5108v5 .bw-compare table{ font-size:.82rem; }\n  .bw5108v5 .bw-compare tbody td{ padding:11px 8px; }\n}\n\n\/* ============================================================\n   FULL SPEC LIST + TOGGLE\n============================================================ *\/\n.bw5108v5 .bw-specs{ padding: 28px 0; }\n.bw5108v5 .bw-specs-grid{ display:grid; grid-template-columns: 300px 1fr; gap: 56px; align-items:start; }\n.bw5108v5 .bw-specs-head .bw-tag{ font-size:1.05rem; font-weight:700; color: var(--bw-purple); margin:0 0 6px; }\n.bw5108v5 .bw-specs-head h2{ font-size: clamp(1.8rem, 3.6vw, 2.4rem); font-weight:900; margin:0 0 14px; }\n.bw5108v5 .bw-specs-head p{ font-size:.98rem; line-height:1.65; max-width:300px; margin:0 0 20px; }\n.bw5108v5 .bw-specs-btn{\n  display:inline-block; background: var(--bw-purple); color:#fff !important;\n  font-size:.92rem; font-weight:800; padding:12px 26px; border-radius:50px;\n  text-decoration:none; box-shadow: 0 6px 15px rgba(111,92,174,.3); transition:.25s;\n}\n.bw5108v5 .bw-specs-btn:hover{ background: var(--bw-purple-dark); box-shadow: 0 8px 20px rgba(111,92,174,.4); transform: translateY(-1px); }\n.bw5108v5 .bw-spec-row{ display:flex; gap:36px; padding:16px 0; border-bottom:1px solid #e8e8e8; }\n.bw5108v5 .bw-spec-row:first-child{ border-top:1px solid #e8e8e8; }\n.bw5108v5 .bw-spec-row .bw-spec-label{ font-size:.92rem; font-weight:800; color: var(--bw-ink); min-width:170px; flex-shrink:0; }\n.bw5108v5 .bw-spec-row .bw-spec-value{ font-size:.92rem; color: var(--bw-muted); line-height:1.6; }\n.bw5108v5 .bw-spec-row.bw-hidden{ display:none; }\n.bw5108v5 .bw-spec-toggle{ display:flex; justify-content:center; margin-top:6px; }\n.bw5108v5 .bw-spec-toggle button{\n  background:none; border:none; font-size:.92rem; font-weight:700; color: var(--bw-ink);\n  cursor:pointer; display:flex; align-items:center; gap:8px; padding:10px 16px;\n}\n.bw5108v5 .bw-toggle-icon{\n  width:26px; height:26px; border-radius:50%; background: var(--bw-lilac-bg);\n  display:flex; align-items:center; justify-content:center; font-size:.8rem; transition: transform .3s;\n}\n.bw5108v5 .bw-spec-toggle button.bw-expanded .bw-toggle-icon{ transform: rotate(180deg); }\n\n@media(max-width:768px){\n  .bw5108v5 .bw-specs-grid{ grid-template-columns:1fr; gap:24px; }\n  .bw5108v5 .bw-specs-head p{ max-width:none; }\n  .bw5108v5 .bw-spec-row .bw-spec-label{ min-width:130px; }\n}\n@media(max-width:480px){\n  .bw5108v5 .bw-spec-row{ gap:14px; flex-direction:column; }\n}\n\n\/* ============================================================\n   FAQ ACCORDION\n============================================================ *\/\n.bw5108v5 .bw-faq{ margin: 50px 0; }\n.bw5108v5 .bw-faq-head{ text-align:center; margin-bottom:28px; }\n.bw5108v5 .bw-faq-head h2{ font-size: clamp(1.6rem,3vw,2.1rem); font-weight:900; margin:0; }\n.bw5108v5 .bw-faq-item{\n  background:#fff; border-radius:16px; box-shadow: var(--bw-shadow-soft);\n  margin-bottom: 12px; overflow:hidden;\n}\n.bw5108v5 .bw-faq-q{\n  display:flex; justify-content:space-between; align-items:center;\n  padding: 18px 22px; cursor:pointer; font-weight:800; font-size:.98rem; color: var(--bw-ink);\n}\n.bw5108v5 .bw-faq-q .bw-faq-plus{\n  width:26px; height:26px; border-radius:50%; background: var(--bw-lilac-bg);\n  display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-left:14px;\n  transition: transform .35s ease;\n  color: var(--bw-purple); font-weight:800;\n}\n.bw5108v5 .bw-faq-item.bw-open .bw-faq-plus{ transform: rotate(135deg); }\n.bw5108v5 .bw-faq-a{\n  max-height:0; opacity:0; overflow:hidden;\n  transition: max-height .45s cubic-bezier(.22,.9,.35,1), opacity .35s ease, padding .35s ease;\n  padding: 0 22px;\n  font-size:.92rem; line-height:1.7; color: var(--bw-body);\n}\n.bw5108v5 .bw-faq-item.bw-open .bw-faq-a{ padding: 0 22px 20px; opacity:1; }\n\n\/* ============================================================\n   CTA BUTTON\n============================================================ *\/\n.bw5108v5 .bw-cta-wrap{ display:flex; justify-content:center; padding: 14px 0 0; }\n.bw5108v5 .bw-cta-btn{\n  display:inline-flex; align-items:center; gap:10px;\n  background: var(--bw-purple); color:#fff !important;\n  font-family:'Nunito', sans-serif; font-weight:800;\n  padding:14px 28px; border-radius:18px; text-decoration:none;\n  font-size:1.05rem; box-shadow: 0 10px 22px rgba(111,92,174,.28); transition:.25s;\n}\n.bw5108v5 .bw-cta-btn:visited{ color:#fff !important; }\n.bw5108v5 .bw-cta-btn:hover{ background: var(--bw-purple-dark); box-shadow: 0 12px 26px rgba(111,92,174,.36); transform: translateY(-2px); }\n.bw5108v5 .bw-cta-btn svg{ width:18px; height:18px; flex-shrink:0; }\n\n\/* ============================================================\n   BATTERY \/ MODE STRIP\n============================================================ *\/\n.bw5108v5 .bw-strip-text{ text-align:center; max-width:640px; margin: 0 auto 16px; }\n.bw5108v5 .bw-strip-text h2{ font-size: clamp(1.5rem,3vw,2rem); font-weight:900; margin:0 0 12px; }\n.bw5108v5 .bw-strip-text p{ font-size:1rem; line-height:1.7; margin:0; }\n.bw5108v5 .bw-strip-banner{ border-radius: var(--bw-radius-lg); overflow:hidden; box-shadow: var(--bw-shadow-soft); }\n.bw5108v5 .bw-strip-banner img{ width:100%; transition: transform .6s ease; }\n.bw5108v5 .bw-strip-banner:hover img{ transform: scale(1.03); }\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     HERO\n============================================================ --\u003e\n\u003cdiv class=\"bw-section tight\"\u003e\n  \u003cdiv class=\"bw-hero bw-reveal bw-in\"\u003e\n    \u003cdiv class=\"bw-hero-grid\"\u003e\n      \u003cdiv\u003e\n        \u003cspan class=\"bw-eyebrow\"\u003eV5 Upgrade · Bun Wonderland\u003c\/span\u003e\n        \u003ch1\u003eAkko 5108 V5 — the refined upgrade to the \u003cem\u003e5108B Plus\u003c\/em\u003e\n\u003c\/h1\u003e\n        \u003cp\u003eNow featuring Akko V3 Piano Pro switches for a smoother, more refined typing feel — wrapped in the full-body Bun Wonderland theme, front to back.\u003c\/p\u003e\n        \u003cdiv class=\"bw-hero-chip-row\"\u003e\n          \u003cdiv class=\"bw-hero-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M13 2 3 14h9l-1 8 10-12h-9l1-8z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e 1KHz Polling (Wired + 2.4G)\u003c\/div\u003e\n          \u003cdiv class=\"bw-hero-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"1\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"23\" x2=\"23\" y1=\"10\" y2=\"14\"\u003e\u003c\/line\u003e\u003c\/svg\u003e 10,000mAh Battery\u003c\/div\u003e\n          \u003cdiv class=\"bw-hero-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 3v18M3 12h18\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Tri-Mode Connection\u003c\/div\u003e\n          \u003cdiv class=\"bw-hero-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 12h16M4 6h16M4 18h16\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Gasket-Mounted\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bw-hero-visual\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-XQ-Q.avif\" alt=\"Bun Wonderland 5108 V5 Mechanical Keyboard\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- What's New strip --\u003e\n    \u003cdiv class=\"bw-whatsnew bw-reveal bw-in bw-d1\"\u003e\n      \u003cdiv class=\"bw-whatsnew-title\"\u003e\n        \u003cspan class=\"bw-tag\"\u003eV5 Upgrade\u003c\/span\u003e\n        \u003ch2\u003eWhat's New in the 5108 V5?\u003c\/h2\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bw-whatsnew-row\"\u003e\n        \u003cdiv class=\"bw-whatsnew-badge\"\u003e\n          \u003cdiv class=\"bw-ico\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"16 12 12 8 8 12\"\u003e\u003c\/polyline\u003e\u003cline x1=\"12\" x2=\"12\" y1=\"16\" y2=\"8\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003cspan\u003eUpgraded Switch — V3 Piano Pro\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bw-whatsnew-badge\"\u003e\n          \u003cdiv class=\"bw-ico\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect height=\"10\" rx=\"2\" ry=\"2\" width=\"16\" x=\"2\" y=\"7\"\u003e\u003c\/rect\u003e\u003cline x1=\"22\" x2=\"22\" y1=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" x2=\"5\" y1=\"10\" y2=\"14\"\u003e\u003c\/line\u003e\u003cline x1=\"9\" x2=\"9\" y1=\"10\" y2=\"14\"\u003e\u003c\/line\u003e\u003cline x1=\"13\" x2=\"13\" y1=\"10\" y2=\"14\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003cspan\u003e10,000mAh Long-Lasting Battery\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bw-whatsnew-badge\"\u003e\n          \u003cdiv class=\"bw-ico\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2a10 10 0 0 1 10 10c0 5.523-4.477 10-10 10S2 17.523 2 12\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"2\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003cspan\u003eBottom Case Art — Aesthetic Unity\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bw-whatsnew-badge\"\u003e\n          \u003cdiv class=\"bw-ico\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect height=\"4\" rx=\"1.5\" width=\"20\" x=\"2\" y=\"3\"\u003e\u003c\/rect\u003e\u003crect height=\"4\" rx=\"1.5\" width=\"16\" x=\"4\" y=\"10\"\u003e\u003c\/rect\u003e\u003crect height=\"4\" rx=\"1.5\" width=\"20\" x=\"2\" y=\"17\"\u003e\u003c\/rect\u003e\u003cline x1=\"7\" x2=\"6\" y1=\"7\" y2=\"10\"\u003e\u003c\/line\u003e\u003cline x1=\"17\" x2=\"18\" y1=\"7\" y2=\"10\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003cspan\u003eUltra-Narrow Gasket Structure\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bw-whatsnew-badge\"\u003e\n          \u003cdiv class=\"bw-ico\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect height=\"8\" rx=\"2\" width=\"10\" x=\"1\" y=\"8\"\u003e\u003c\/rect\u003e\u003crect height=\"8\" rx=\"2\" width=\"10\" x=\"13\" y=\"8\"\u003e\u003c\/rect\u003e\u003cline x1=\"11\" x2=\"13\" y1=\"10\" y2=\"10\"\u003e\u003c\/line\u003e\u003cline x1=\"11\" x2=\"13\" y1=\"14\" y2=\"14\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003cspan\u003eDual-Section Split PC Plate\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     FULL-WIDTH TOP BANNER\n============================================================ --\u003e\n\u003cdiv class=\"bw-section tight\"\u003e\n  \u003cdiv class=\"bw-fullbanner bw-reveal bw-scale\"\u003e\n    \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-XQ-Q.avif\" alt=\"Bun Wonderland 5108 V5 Top Banner\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     FEATURE ICON GRID\n============================================================ --\u003e\n\u003cdiv class=\"bw-section\"\u003e\n  \u003cdiv class=\"bw-feat-header bw-reveal\"\u003e\n    \u003ch2\u003ePro Gaming Features\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bw-featgrid\"\u003e\n    \u003cdiv class=\"bw-featcard bw-reveal bw-scale bw-d1\"\u003e\n      \u003cdiv class=\"bw-icobox\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-100-Layout.avif\" alt=\"100% Layout\"\u003e\u003c\/div\u003e\n      \u003ch3\u003e100% Layout\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bw-featcard bw-reveal bw-scale bw-d2\"\u003e\n      \u003cdiv class=\"bw-icobox\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-100-8K.avif\" alt=\"1KHz Polling Rate\"\u003e\u003c\/div\u003e\n      \u003ch3\u003e1KHz Polling Rate\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bw-featcard bw-reveal bw-scale bw-d3\"\u003e\n      \u003cdiv class=\"bw-icobox\"\u003e\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\u003c\/div\u003e\n      \u003ch3\u003ePer-Key Flex-Cut\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bw-featcard bw-reveal bw-scale bw-d4\"\u003e\n      \u003cdiv class=\"bw-icobox\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-Gasket-Mount.avif\" alt=\"Gasket Mount\"\u003e\u003c\/div\u003e\n      \u003ch3\u003eGasket Mount\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bw-featcard bw-reveal bw-scale bw-d1\"\u003e\n      \u003cdiv class=\"bw-icobox\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-Hot-Swappable.avif\" alt=\"Hot-Swappable\"\u003e\u003c\/div\u003e\n      \u003ch3\u003eHot-Swappable\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bw-featcard bw-reveal bw-scale bw-d2\"\u003e\n      \u003cdiv class=\"bw-icobox\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-RGB.avif\" alt=\"RGB Backlit\"\u003e\u003c\/div\u003e\n      \u003ch3\u003eRGB Backlit\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bw-featcard bw-reveal bw-scale bw-d3\"\u003e\n      \u003cdiv class=\"bw-icobox\"\u003e\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\u003c\/div\u003e\n      \u003ch3\u003ePBT Dye-Sub\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bw-featcard bw-reveal bw-scale bw-d4\"\u003e\n      \u003cdiv class=\"bw-icobox\"\u003e\u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-Multi-mode.avif\" alt=\"Multi-mode\"\u003e\u003c\/div\u003e\n      \u003ch3\u003eMulti-mode\u003c\/h3\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     MODULE: Full-Body Themed Design (image right)\n============================================================ --\u003e\n\u003cdiv class=\"bw-section tight\"\u003e\n  \u003cdiv class=\"bw-module bw-reveal\"\u003e\n    \u003cdiv class=\"bw-module-grid\"\u003e\n      \u003cdiv class=\"bw-module-text\"\u003e\n        \u003cspan class=\"bw-module-kicker\"\u003eFull-Body Aesthetic\u003c\/span\u003e\n        \u003ch2\u003eFull-Body Themed Design\u003c\/h2\u003e\n        \u003cp\u003eThe keyboard features Bun Wonderland theme artwork across the top case and the entire back panel. Paired with matching themed keycaps, it presents a perfectly cohesive design from every angle.\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Themed top case + full back panel art\u003c\/li\u003e\n          \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Matching PBT dye-sub keycap set\u003c\/li\u003e\n          \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Cohesive look from every angle\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bw-module-img\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-XQ-CT-BM.avif\" alt=\"Full-Body Themed Aesthetic\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     MODULE: 8KHz Polling (image left, reversed)\n============================================================ --\u003e\n\u003cdiv class=\"bw-section tight\"\u003e\n  \u003cdiv class=\"bw-module bw-reveal\"\u003e\n    \u003cdiv class=\"bw-module-grid bw-reverse\"\u003e\n      \u003cdiv class=\"bw-module-img\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-XQ-CT-8Kz.avif\" alt=\"8kHz Polling Rate\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bw-module-text\"\u003e\n        \u003cspan class=\"bw-module-kicker\"\u003eResponsiveness\u003c\/span\u003e\n        \u003ch2\u003eUp to 8KHz Polling Rate\u003c\/h2\u003e\n        \u003cp\u003eWired connection unlocks up to 8,000Hz polling for near-instant input response — every keystroke registers faster, keeping pace with the fastest in-game reactions.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     CHAPTER DIVIDER: MEET THE NEW 5108 V5\n============================================================ --\u003e\n\u003cdiv class=\"bw-section tight\"\u003e\n  \u003cdiv class=\"bw-divider bw-reveal\"\u003e\n    \u003cdiv class=\"bw-divider-stripes\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bw-divider-dot\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bw-divider-dot\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bw-divider-dot\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bw-divider-dot\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bw-divider-content\"\u003e\n      \u003cspan class=\"bw-divider-tag\"\u003eBun Wonderland\u003c\/span\u003e\n      \u003ch2\u003eMeet the New 5108 V5\u003c\/h2\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     MODULE: ARGB Backlight (image right)\n============================================================ --\u003e\n\u003cdiv class=\"bw-section tight\"\u003e\n  \u003cdiv class=\"bw-module bw-reveal\"\u003e\n    \u003cdiv class=\"bw-module-grid\"\u003e\n      \u003cdiv class=\"bw-module-text\"\u003e\n        \u003cspan class=\"bw-module-kicker\"\u003eIllumination\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, customizable through the Akko Cloud Driver to add a striking glow to your setup.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bw-module-img\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-XQ-CT-RGB.avif\" alt=\"ARGB Backlight\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     MODULE: Side-Integrated Controls (image left)\n============================================================ --\u003e\n\u003cdiv class=\"bw-section tight\"\u003e\n  \u003cdiv class=\"bw-module bw-reveal\"\u003e\n    \u003cdiv class=\"bw-module-grid bw-reverse\"\u003e\n      \u003cdiv class=\"bw-module-img\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-XQ-CT-Type-C.avif\" alt=\"Side-Integrated Controls\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bw-module-text\"\u003e\n        \u003cspan class=\"bw-module-kicker\"\u003eConvenience\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.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     MODULE: Dual-Section Split PC Plate (image right)\n============================================================ --\u003e\n\u003cdiv class=\"bw-section tight\"\u003e\n  \u003cdiv class=\"bw-module bw-reveal\"\u003e\n    \u003cdiv class=\"bw-module-grid\"\u003e\n      \u003cdiv class=\"bw-module-text\"\u003e\n        \u003cspan class=\"bw-module-kicker\"\u003eTyping Feel\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 soft bounce.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bw-module-img\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-XQ-CT-Dual-Section.avif\" alt=\"Dual-Section Split PC Plate\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     TWO-UP CARDS: Hot-swap + Ultra-Slim\n============================================================ --\u003e\n\u003cdiv class=\"bw-section\"\u003e\n  \u003cdiv class=\"bw-duo\"\u003e\n    \u003cdiv class=\"bw-duo-card bw-reveal bw-left\"\u003e\n      \u003ch3\u003eFlex-Cut Hot-Swappable\u003c\/h3\u003e\n      \u003cp\u003eHot-swappable design for easy customization and upgrades. Flex-cut PCB and dual-section plate for a softer, more responsive feel. Multi-layer dampening for deeper, quieter, more refined sound.\u003c\/p\u003e\n      \u003cdiv class=\"bw-duo-img\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-XQ-XT-Hotswap-Socket.avif\" alt=\"Flex-Cut Hot-Swappable\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bw-duo-card bw-reveal bw-right\"\u003e\n      \u003ch3\u003eUltra-Slim Design\u003c\/h3\u003e\n      \u003cp\u003eMaximize desk space while enjoying a soft and flexible gasket typing feel, enhanced by the clean contrast of polished shine and textured details.\u003c\/p\u003e\n      \u003cdiv class=\"bw-duo-img\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-XQ-XT-CB.avif\" alt=\"Ultra-Slim Design\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     CHAPTER DIVIDER: Get the MOST out of 5108 V5\n============================================================ --\u003e\n\u003cdiv class=\"bw-section tight\"\u003e\n  \u003cdiv class=\"bw-divider bw-reveal\"\u003e\n    \u003cdiv class=\"bw-divider-stripes\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bw-divider-dot\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bw-divider-dot\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bw-divider-dot\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bw-divider-dot\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bw-divider-content\"\u003e\n      \u003cspan class=\"bw-divider-tag\"\u003eBun Wonderland\u003c\/span\u003e\n      \u003ch2\u003eGet the MOST out of 5108 V5\u003c\/h2\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     MODULE: PBT Dye-Sub Keycaps (image left)\n============================================================ --\u003e\n\u003cdiv class=\"bw-section tight\"\u003e\n  \u003cdiv class=\"bw-module bw-reveal\"\u003e\n    \u003cdiv class=\"bw-module-grid bw-reverse\"\u003e\n      \u003cdiv class=\"bw-module-img\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-XQ-Keycap-MOG-Profile.avif\" alt=\"PBT Dye-Sub Keycaps\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bw-module-text\"\u003e\n        \u003cspan class=\"bw-module-kicker\"\u003eKeycaps\u003c\/span\u003e\n        \u003ch2\u003ePBT Dye-Sub Keycaps\u003c\/h2\u003e\n        \u003cp\u003eMade through a dye-sub process with durable PBT materials that ensure the legends will not fade easily. These keycaps keep their pristine matte look while delivering a comfortable, tactile typing experience.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     MODULE: 10,000mAh Battery (image right)\n============================================================ --\u003e\n\u003cdiv class=\"bw-section tight\"\u003e\n  \u003cdiv class=\"bw-module bw-reveal\"\u003e\n    \u003cdiv class=\"bw-module-grid\"\u003e\n      \u003cdiv class=\"bw-module-text\"\u003e\n        \u003cspan class=\"bw-module-kicker\"\u003ePower\u003c\/span\u003e\n        \u003ch2\u003e10,000mAh Battery\u003c\/h2\u003e\n        \u003cp\u003eA significantly larger cell than the outgoing model — go days between charges even with backlighting on, so you can stay in wireless mode without worrying about the battery indicator.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bw-module-img\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-XQ-10000mAh.avif\" alt=\"10,000mAh Battery\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     MULTI-MODES STRIP\n============================================================ --\u003e\n\u003cdiv class=\"bw-section\"\u003e\n  \u003cdiv class=\"bw-strip-text bw-reveal\"\u003e\n    \u003ch2\u003eMulti-Modes\u003c\/h2\u003e\n    \u003cp\u003eBun Wonderland 5108 V5 supports BT 5.0, multi-host 2.4GHz (with receiver), and wired Type-C connection for seamless device switching.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bw-strip-banner bw-reveal bw-scale\"\u003e\n    \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-XQ-SM-K-GX.avif\" alt=\"Multi-Modes\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     WEB \u0026 CLOUD DRIVER STRIP\n============================================================ --\u003e\n\u003cdiv class=\"bw-section\"\u003e\n  \u003cdiv class=\"bw-strip-text bw-reveal\"\u003e\n    \u003ch2\u003eWeb \u0026amp; Cloud Driver\u003c\/h2\u003e\n    \u003cp\u003eFull customization for lighting, keys, and macros. Configure your keyboard anytime, anywhere.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bw-strip-banner bw-reveal bw-scale\"\u003e\n    \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-XQ-QD.avif\" alt=\"Bun Wonderland 5108 V5 Web \u0026amp; Cloud Driver\"\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bw-cta-wrap bw-reveal\"\u003e\n    \u003ca class=\"bw-cta-btn\" href=\"https:\/\/web.akkogear.com\" target=\"_blank\" rel=\"noopener\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\u003e\u003c\/path\u003e\u003cpolyline points=\"15 3 21 3 21 9\"\u003e\u003c\/polyline\u003e\u003cline x1=\"10\" x2=\"21\" y1=\"14\" y2=\"3\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n      Launch Web Driver\n    \u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     GASKET-MOUNTED STRIP\n============================================================ --\u003e\n\u003cdiv class=\"bw-section\"\u003e\n  \u003cdiv class=\"bw-strip-text bw-reveal\"\u003e\n    \u003ch2\u003eGasket-Mounted\u003c\/h2\u003e\n    \u003cp\u003eAkko's innovative gasket design effectively eliminates the key-striking resonance common in traditional tray-mount structures.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bw-strip-banner bw-reveal bw-scale\"\u003e\n    \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-XQ-CJ.avif\" alt=\"Gasket-Mounted\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     COMPARISON TABLE\n============================================================ --\u003e\n\u003cdiv class=\"bw-section\"\u003e\n  \u003cdiv class=\"bw-compare bw-reveal\"\u003e\n    \u003cdiv class=\"bw-compare-head\"\u003e\n      \u003ch2\u003eBun Wonderland 5108 V5 — Compare Models\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bw-compare-wrap\"\u003e\n      \u003ctable\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n            \u003cth style=\"text-align:left; padding-left:20px;\"\u003eSpec\u003c\/th\u003e\n            \u003cth\u003e5108B Plus\u003c\/th\u003e\n            \u003cth\u003e5108 V5\u003c\/th\u003e\n          \u003c\/tr\u003e\n        \u003c\/thead\u003e\n        \u003ctbody\u003e\n          \u003ctr\u003e\n            \u003ctd class=\"bw-label\"\u003eSwitch\u003c\/td\u003e\n            \u003ctd\u003eCreamy Yellow U1\u003c\/td\u003e\n            \u003ctd\u003eV3 Piano Pro\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd class=\"bw-label\"\u003eBattery\u003c\/td\u003e\n            \u003ctd\u003e8,000mAh\u003c\/td\u003e\n            \u003ctd\u003e10,000mAh\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd class=\"bw-label\"\u003eBottom Case Art\u003c\/td\u003e\n            \u003ctd\u003e\u003cspan class=\"bw-dash\"\u003e—\u003c\/span\u003e\u003c\/td\u003e\n            \u003ctd\u003e\u003cspan class=\"bw-check\"\u003e✓\u003c\/span\u003e\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd class=\"bw-label\"\u003eGasket Structure\u003c\/td\u003e\n            \u003ctd\u003eStandard\u003c\/td\u003e\n            \u003ctd\u003eUltra-Narrow\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd class=\"bw-label\"\u003ePC Plate\u003c\/td\u003e\n            \u003ctd\u003eSingle Flex-Cut\u003c\/td\u003e\n            \u003ctd\u003eDual-Section Split\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd class=\"bw-label\"\u003eConnection\u003c\/td\u003e\n            \u003ctd\u003eTri-mode\u003c\/td\u003e\n            \u003ctd\u003eTri-mode + 8KHz Wired\u003c\/td\u003e\n          \u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     SNAP KEY \/ MOD-TAP DEMO\n============================================================ --\u003e\n\u003cdiv class=\"bw-section\"\u003e\n  \u003cdiv class=\"bw-demo-section bw-reveal\"\u003e\n    \u003cdiv class=\"bw-demo-grid\"\u003e\n      \u003cdiv class=\"bw-demo-card\"\u003e\n        \u003cdiv class=\"bw-demo-gif\"\u003e\n          \u003cdiv class=\"bw-snap-demo\"\u003e\n            \u003cdiv class=\"bw-snap-section\"\u003e\n              \u003cdiv class=\"bw-snap-title\"\u003eAkko Snap Keys\u003cbr\u003eOff\u003c\/div\u003e\n              \u003cdiv class=\"bw-snap-scene\"\u003e\u003cdiv class=\"bw-snap-runner\" id=\"bwSnapOffRunner\"\u003e\u003csvg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M13.5 5.5c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2M9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6l1.8-.7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\u003c\/div\u003e\n              \u003cdiv class=\"bw-snap-keys\"\u003e\n                \u003cdiv class=\"bw-demo-key\" id=\"bwSnapOffA\"\u003eA\u003c\/div\u003e\n\u003cspan class=\"bw-key-plus\"\u003e+\u003c\/span\u003e\u003cdiv class=\"bw-demo-key\" id=\"bwSnapOffD\"\u003eD\u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bw-snap-divider\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"bw-snap-section\"\u003e\n              \u003cdiv class=\"bw-snap-title\"\u003eAkko Snap Keys\u003cbr\u003eOn\u003c\/div\u003e\n              \u003cdiv class=\"bw-snap-scene\"\u003e\u003cdiv class=\"bw-snap-runner\" id=\"bwSnapOnRunner\"\u003e\u003csvg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M13.5 5.5c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2M9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6l1.8-.7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\u003c\/div\u003e\n              \u003cdiv class=\"bw-snap-keys\"\u003e\n                \u003cdiv class=\"bw-demo-key\" id=\"bwSnapOnA\"\u003eA\u003c\/div\u003e\n\u003cspan class=\"bw-key-plus\"\u003e+\u003c\/span\u003e\u003cdiv class=\"bw-demo-key\" id=\"bwSnapOnD\"\u003eD\u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bw-demo-body\"\u003e\n          \u003cdiv class=\"bw-demo-num\"\u003e01\u003c\/div\u003e\n          \u003ch3\u003eSnap Key\u003c\/h3\u003e\n          \u003cp\u003eSnap Key is Akko's implementation of SOCD, prioritizing 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      \u003c\/div\u003e\n      \u003cdiv class=\"bw-demo-card\"\u003e\n        \u003cdiv class=\"bw-demo-gif\"\u003e\n          \u003cdiv class=\"bw-modtap-demo\"\u003e\n            \u003cdiv class=\"bw-demo-key\" id=\"bwModtapKey\"\u003eG\u003c\/div\u003e\n            \u003cdiv class=\"bw-modtap-actions\"\u003e\n              \u003cdiv\u003e\n                \u003cdiv class=\"bw-modtap-result\" id=\"bwTapResult\"\u003eG\u003c\/div\u003e\n                \u003cdiv class=\"bw-modtap-label\"\u003eTap\u003c\/div\u003e\n              \u003c\/div\u003e\n              \u003cdiv\u003e\n                \u003cdiv class=\"bw-modtap-result\" id=\"bwHoldResult\"\u003eF\u003c\/div\u003e\n                \u003cdiv class=\"bw-modtap-label\"\u003eHold\u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bw-demo-body\"\u003e\n          \u003cdiv class=\"bw-demo-num\"\u003e02\u003c\/div\u003e\n          \u003ch3\u003eMod-Tap\u003c\/h3\u003e\n          \u003cp\u003eMod Tap is a design that provides convenience for gaming. It enables the creation of dedicated or dual-functional keys based on key press behavior. A single keypress can achieve two functions: holding down the key for one function, and pressing the key for another, improving efficiency and control.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     SWITCH SPEC CARDS\n============================================================ --\u003e\n\u003cdiv class=\"bw-section\"\u003e\n  \u003cdiv class=\"bw-switch bw-reveal\"\u003e\n    \u003cdiv class=\"bw-switch-badge\"\u003eLinear Switch\u003c\/div\u003e\n    \u003cdiv class=\"bw-switch-title\"\u003eAkko V3 Piano Pro Switch\u003c\/div\u003e\n    \u003cdiv class=\"bw-switch-body\"\u003e\n      \u003cdiv class=\"bw-switch-left\"\u003e\n        \u003cdiv class=\"bw-switch-item\"\u003e\n\u003cspan\u003eType\u003c\/span\u003e\u003cspan\u003eLinear\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"bw-switch-item\"\u003e\n\u003cspan\u003eOperating Force\u003c\/span\u003e\u003cspan\u003e45 ± 5gf\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"bw-switch-item\"\u003e\n\u003cspan\u003eTotal Travel\u003c\/span\u003e\u003cspan\u003e3.1 mm\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"bw-switch-item\"\u003e\n\u003cspan\u003ePre Travel\u003c\/span\u003e\u003cspan\u003e1.9 ± 0.5 mm\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"bw-switch-item\"\u003e\n\u003cspan\u003eMaterial\u003c\/span\u003e\u003cspan\u003ePOM \/ PA \/ PA\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"bw-switch-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=\"bw-switch-right\"\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\n  \u003cdiv class=\"bw-switch bw-reveal\"\u003e\n    \u003cdiv class=\"bw-switch-badge\"\u003eLinear Switch\u003c\/div\u003e\n    \u003cdiv class=\"bw-switch-title\"\u003eAkko Creamy Yellow U1 Switch\u003c\/div\u003e\n    \u003cdiv class=\"bw-switch-body\"\u003e\n      \u003cdiv class=\"bw-switch-left\"\u003e\n        \u003cdiv class=\"bw-switch-item\"\u003e\n\u003cspan\u003eType\u003c\/span\u003e\u003cspan\u003eLinear\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"bw-switch-item\"\u003e\n\u003cspan\u003eOperating Force\u003c\/span\u003e\u003cspan\u003e45 ± 8gf\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"bw-switch-item\"\u003e\n\u003cspan\u003eTotal Travel\u003c\/span\u003e\u003cspan\u003e3.6 ± 0.4 mm\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"bw-switch-item\"\u003e\n\u003cspan\u003ePre Travel\u003c\/span\u003e\u003cspan\u003e2.0 ± 0.4 mm\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"bw-switch-item\"\u003e\n\u003cspan\u003eMaterial\u003c\/span\u003e\u003cspan\u003ePOM \/ PC \/ PA\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"bw-switch-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=\"bw-switch-right\"\u003e\n        \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-V5-Creamy-Yellow-Ultra.avif\" alt=\"Akko Creamy Yellow U1 Switch\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     FULL SPECS + TOGGLE\n============================================================ --\u003e\n\u003cdiv class=\"bw-section\"\u003e\n  \u003cdiv class=\"bw-specs bw-reveal\"\u003e\n    \u003cdiv class=\"bw-specs-grid\"\u003e\n      \u003cdiv class=\"bw-specs-head\"\u003e\n        \u003cp class=\"bw-tag\"\u003eBun Wonderland 5108 V5\u003c\/p\u003e\n        \u003ch2\u003eSpecs\u003c\/h2\u003e\n        \u003cp\u003eLearn more about the 5108 V5 such as the hotkeys, system commands, backlight setting, and more in the user manual.\u003c\/p\u003e\n        \u003ca class=\"bw-specs-btn\" href=\"https:\/\/file.akkogear.com\/5108_V5.pdf\" target=\"_blank\" rel=\"noopener\"\u003eUser Manual\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cdiv class=\"bw-spec-list\"\u003e\n          \u003cdiv class=\"bw-spec-row\"\u003e\n\u003cspan class=\"bw-spec-label\"\u003eStructure:\u003c\/span\u003e\u003cspan class=\"bw-spec-value\"\u003eGasket Mount\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"bw-spec-row\"\u003e\n\u003cspan class=\"bw-spec-label\"\u003eConnection:\u003c\/span\u003e\u003cspan class=\"bw-spec-value\"\u003eBluetooth 5.0 \/ 2.4GHz \/ USB Type-C\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"bw-spec-row\"\u003e\n\u003cspan class=\"bw-spec-label\"\u003eBacklight:\u003c\/span\u003e\u003cspan class=\"bw-spec-value\"\u003eARGB Backlit\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"bw-spec-row\"\u003e\n\u003cspan class=\"bw-spec-label\"\u003eHot Swappable:\u003c\/span\u003e\u003cspan class=\"bw-spec-value\"\u003e3-Pin \/ 5-Pin Support\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"bw-spec-row\"\u003e\n\u003cspan class=\"bw-spec-label\"\u003eN-Key Rollover:\u003c\/span\u003e\u003cspan class=\"bw-spec-value\"\u003eSupport\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"bw-spec-row bw-hidden\"\u003e\n\u003cspan class=\"bw-spec-label\"\u003eBattery Capacity:\u003c\/span\u003e\u003cspan class=\"bw-spec-value\"\u003e10,000mAh\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"bw-spec-row bw-hidden\"\u003e\n\u003cspan class=\"bw-spec-label\"\u003ePolling Rate:\u003c\/span\u003e\u003cspan class=\"bw-spec-value\"\u003eUp to 8,000Hz (Wired), 1,000Hz (2.4G)\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"bw-spec-row bw-hidden\"\u003e\n\u003cspan class=\"bw-spec-label\"\u003eMacro:\u003c\/span\u003e\u003cspan class=\"bw-spec-value\"\u003eAkko Macro V1.0\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"bw-spec-row bw-hidden\"\u003e\n\u003cspan class=\"bw-spec-label\"\u003eSwitches:\u003c\/span\u003e\u003cspan class=\"bw-spec-value\"\u003eAkko V3 Piano Pro\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"bw-spec-row bw-hidden\"\u003e\n\u003cspan class=\"bw-spec-label\"\u003eMaterials:\u003c\/span\u003e\u003cspan class=\"bw-spec-value\"\u003ePBT Keycaps + ABS Case\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"bw-spec-row bw-hidden\"\u003e\n\u003cspan class=\"bw-spec-label\"\u003eLegends Printing:\u003c\/span\u003e\u003cspan class=\"bw-spec-value\"\u003eDye-Sublimation\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"bw-spec-row bw-hidden\"\u003e\n\u003cspan class=\"bw-spec-label\"\u003eKeycap Profile:\u003c\/span\u003e\u003cspan class=\"bw-spec-value\"\u003eMOG\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"bw-spec-row bw-hidden\"\u003e\n\u003cspan class=\"bw-spec-label\"\u003eProduct Weight:\u003c\/span\u003e\u003cspan class=\"bw-spec-value\"\u003eApproximately 1.41KG\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"bw-spec-row bw-hidden\"\u003e\n\u003cspan class=\"bw-spec-label\"\u003eDimensions:\u003c\/span\u003e\u003cspan class=\"bw-spec-value\"\u003e440.5 × 130 × 30.1mm (excluding keycap height)\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"bw-spec-row bw-hidden\"\u003e\n\u003cspan class=\"bw-spec-label\"\u003eOperating Systems:\u003c\/span\u003e\u003cspan class=\"bw-spec-value\"\u003eWindows \/ macOS \/ iOS \/ Android\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"bw-spec-row bw-hidden\"\u003e\n\u003cspan class=\"bw-spec-label\"\u003ePackage List:\u003c\/span\u003e\u003cspan class=\"bw-spec-value\"\u003eKeyboard×1, Manual×1, Cable×1, Receiver×1, Keycap Puller×1, Switch Puller×1, Dust Cover×1, Supplementary Keycaps, Extra Switches\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bw-spec-toggle\"\u003e\n          \u003cbutton id=\"bwSpecToggleBtn\" type=\"button\"\u003e\n            \u003cspan id=\"bwSpecToggleLabel\"\u003eView all\u003c\/span\u003e\n            \u003cspan class=\"bw-toggle-icon\"\u003e⌄\u003c\/span\u003e\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     FAQ\n============================================================ --\u003e\n\u003cdiv class=\"bw-section\"\u003e\n  \u003cdiv class=\"bw-faq bw-reveal\"\u003e\n    \u003cdiv class=\"bw-faq-head\"\u003e\n      \u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bw-faq-item\"\u003e\n      \u003cdiv class=\"bw-faq-q\"\u003eIs the 5108 V5 hot-swappable? \u003cspan class=\"bw-faq-plus\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"bw-faq-a\"\u003eYes — both 3-pin and 5-pin mechanical switches are supported, so you can freely swap the pre-installed V3 Piano Pro switches for any hot-swap compatible switch of your choice.\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bw-faq-item\"\u003e\n      \u003cdiv class=\"bw-faq-q\"\u003eHow long does the battery last? \u003cspan class=\"bw-faq-plus\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"bw-faq-a\"\u003eThe 10,000mAh battery offers significantly longer runtime than the previous 5108B Plus — actual duration will vary depending on backlight brightness, effect, and connection mode used.\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bw-faq-item\"\u003e\n      \u003cdiv class=\"bw-faq-q\"\u003eWhich operating systems are supported? \u003cspan class=\"bw-faq-plus\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"bw-faq-a\"\u003eThe 5108 V5 works with Windows, macOS, iOS, and Android across all three connection modes — wired USB-C, 2.4GHz wireless, and Bluetooth 5.0.\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bw-faq-item\"\u003e\n      \u003cdiv class=\"bw-faq-q\"\u003eCan I customize the RGB lighting and macros? \u003cspan class=\"bw-faq-plus\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"bw-faq-a\"\u003eYes — the Akko Web \u0026amp; Cloud Driver lets you fully customize ARGB lighting effects, remap keys, and program macros directly from your browser, with settings saved to the cloud.\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bw-faq-item\"\u003e\n      \u003cdiv class=\"bw-faq-q\"\u003eWhat's the difference between the 5108B Plus and the 5108 V5? \u003cspan class=\"bw-faq-plus\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"bw-faq-a\"\u003eThe V5 upgrades to Akko V3 Piano Pro switches, jumps from an 8,000mAh to a 10,000mAh battery, adds themed bottom-case artwork, an ultra-narrow gasket structure, and a dual-section split PC plate for an even softer typing feel.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     FINAL BANNER\n============================================================ --\u003e\n\u003cdiv class=\"bw-section tight\" id=\"local_link_description\"\u003e\n  \u003cdiv class=\"bw-fullbanner bw-reveal bw-scale\"\u003e\n    \u003cimg src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-XQ-CC.avif\" alt=\"Bun Wonderland 5108 V5 Mechanical Keyboard\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function(){\n  var root = document.currentScript.closest('.bw5108v5');\n  if(!root) return;\n\n  \/* ---------- Scroll reveal ---------- *\/\n  var revealEls = root.querySelectorAll('.bw-reveal');\n  if('IntersectionObserver' in window){\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if(entry.isIntersecting){\n          entry.target.classList.add('bw-in');\n          io.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n    revealEls.forEach(function(el){ io.observe(el); });\n  } else {\n    revealEls.forEach(function(el){ el.classList.add('bw-in'); });\n  }\n\n  \/* ---------- FAQ accordion ---------- *\/\n  var faqItems = root.querySelectorAll('.bw-faq-item');\n  faqItems.forEach(function(item){\n    var q = item.querySelector('.bw-faq-q');\n    var a = item.querySelector('.bw-faq-a');\n    q.addEventListener('click', function(){\n      var isOpen = item.classList.contains('bw-open');\n      faqItems.forEach(function(other){\n        other.classList.remove('bw-open');\n        other.querySelector('.bw-faq-a').style.maxHeight = null;\n      });\n      if(!isOpen){\n        item.classList.add('bw-open');\n        a.style.maxHeight = a.scrollHeight + 40 + 'px';\n      }\n    });\n  });\n\n  \/* ---------- Specs \"View all\" toggle ---------- *\/\n  var toggleBtn = root.querySelector('#bwSpecToggleBtn');\n  var toggleLabel = root.querySelector('#bwSpecToggleLabel');\n  var hiddenRows = root.querySelectorAll('.bw-spec-row.bw-hidden');\n  if(toggleBtn){\n    toggleBtn.addEventListener('click', function(){\n      var expanded = toggleBtn.classList.toggle('bw-expanded');\n      hiddenRows.forEach(function(row){ row.classList.toggle('bw-hidden', !expanded); });\n      toggleLabel.textContent = expanded ? 'View less' : 'View all';\n    });\n  }\n\n  \/* ---------- Snap Key demo animation loop ---------- *\/\n  var snapOffRunner = root.querySelector('#bwSnapOffRunner');\n  var snapOnRunner = root.querySelector('#bwSnapOnRunner');\n  var snapOffA = root.querySelector('#bwSnapOffA');\n  var snapOffD = root.querySelector('#bwSnapOffD');\n  var snapOnD = root.querySelector('#bwSnapOnD');\n\n  function animateSnap(){\n    setTimeout(function(){\n      snapOffA.classList.add('bw-active','bw-pressed');\n      snapOffD.classList.add('bw-active','bw-pressed');\n      snapOffRunner.classList.add('bw-run-left');\n      setTimeout(function(){ snapOffA.classList.remove('bw-pressed'); snapOffD.classList.remove('bw-pressed'); }, 200);\n    }, 500);\n\n    setTimeout(function(){ snapOffRunner.classList.remove('bw-run-left'); snapOffRunner.classList.add('bw-run-right'); }, 1300);\n\n    setTimeout(function(){\n      snapOffA.classList.remove('bw-active'); snapOffD.classList.remove('bw-active');\n      snapOffRunner.classList.remove('bw-run-right'); snapOffRunner.style.transform = '';\n    }, 2800);\n\n    setTimeout(function(){\n      snapOnD.classList.add('bw-active','bw-pressed'); snapOnRunner.classList.add('bw-run-right');\n      setTimeout(function(){ snapOnD.classList.remove('bw-pressed'); }, 200);\n    }, 500);\n\n    setTimeout(function(){ snapOnD.classList.remove('bw-active'); snapOnRunner.classList.remove('bw-run-right'); snapOnRunner.style.transform = ''; }, 2800);\n\n    setTimeout(animateSnap, 4000);\n  }\n  if(snapOffRunner \u0026\u0026 snapOnRunner) animateSnap();\n\n  \/* ---------- Mod-Tap demo animation loop ---------- *\/\n  var modtapKey = root.querySelector('#bwModtapKey');\n  var tapResult = root.querySelector('#bwTapResult');\n  var holdResult = root.querySelector('#bwHoldResult');\n\n  function animateModTap(){\n    setTimeout(function(){\n      modtapKey.classList.add('bw-pressed','bw-active');\n      setTimeout(function(){\n        modtapKey.classList.remove('bw-pressed','bw-active'); tapResult.classList.add('bw-show');\n        setTimeout(function(){ tapResult.classList.remove('bw-show'); }, 800);\n      }, 200);\n    }, 500);\n\n    setTimeout(function(){\n      modtapKey.classList.add('bw-pressed','bw-active');\n      setTimeout(function(){\n        holdResult.classList.add('bw-show');\n        setTimeout(function(){ modtapKey.classList.remove('bw-pressed','bw-active'); holdResult.classList.remove('bw-show'); }, 1000);\n      }, 400);\n    }, 2500);\n\n    setTimeout(animateModTap, 5000);\n  }\n  if(modtapKey) animateModTap();\n\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Akko","offers":[{"title":"1KHz (Akko V3 Piano Pro)","offer_id":48701692772509,"sku":null,"price":129.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Bun-Wonderland-5108-V5.png?v=1784882130","url":"https:\/\/keyartisan.net\/products\/bun-wonderland-5108-v5-mechanical-keyboard","provider":"KeyArtisan","version":"1.0","type":"link"}