{"product_id":"mario-question-mark-box-theme-artisan-keycap","title":"Mario Question Mark Box Theme Artisan Keycap","description":"\u003c!-- ================================================================= --\u003e\u003c!--  MARIO QUESTION MARK KEYCAP — PREMIUM PRODUCT DESCRIPTION         --\u003e\u003c!--  ----------------------------------------------------------------- --\u003e\u003c!--  Paste into Shopify product editor \"\u003c\u003e\" (Show HTML) view.          --\u003e\u003c!--  • Fully responsive  ·  Mobile · Tablet · Desktop                  --\u003e\u003c!--  • Styles scoped under .mrio (safe alongside other descriptions)   --\u003e\u003c!--  • lang=\"en\" — uppercase \"i\" renders as \"I\"                        --\u003e\u003c!--  • Gallery images displayed individually with hover frames          --\u003e\u003c!--  • Closing seal scrolls to Add to Cart                             --\u003e\u003c!--  • All max-widths: 1200px minimum                                  --\u003e\u003c!-- ================================================================= --\u003e\n\u003cstyle\u003e\n\/* ================================================================= *\/\n\/*  GOOGLE FONTS                                                       *\/\n\/* ================================================================= *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400\u0026family=Press+Start+2P\u0026display=swap');\n\n\/* ================================================================= *\/\n\/*  DESIGN TOKENS — retro gaming · bold · collectible                 *\/\n\/* ================================================================= *\/\n.mrio {\n  \/* --- Palette --- *\/\n  --mrio-red:       #e52521;   \/* Mario red                   *\/\n  --mrio-red-deep:  #a31a18;   \/* shadowed red                *\/\n  --mrio-red-soft:  #f26461;   \/* lit red highlight           *\/\n  --mrio-yellow:    #fbd000;   \/* coin \/ question block       *\/\n  --mrio-yellow-2:  #d4a800;   \/* deep coin gold              *\/\n  --mrio-yellow-3:  #ffe55a;   \/* highlight yellow            *\/\n  --mrio-blue:      #049cd8;   \/* sky \/ starman blue          *\/\n  --mrio-blue-deep: #026ea0;   \/* deep blue                   *\/\n  --mrio-dark:      #3d2b1f;   \/* Mario outline brown\/black   *\/\n  --mrio-night:     #2a1f18;   \/* darkest surface             *\/\n  --mrio-night-2:   #3a2c23;   \/* card dark surface           *\/\n  --mrio-cream:     #fffdf5;   \/* light background            *\/\n  --mrio-parchment: #fff8e7;   \/* warm white                  *\/\n  --mrio-text:      #3a2c23;   \/* body text                   *\/\n  --mrio-text-soft: #6b5444;   \/* secondary text              *\/\n  --mrio-line:      rgba(229,37,33,0.22);\n  --mrio-line-soft: rgba(229,37,33,0.12);\n  --mrio-shadow:    0 18px 50px -18px rgba(61,43,31,0.50);\n  --mrio-shadow-sm: 0 8px 24px -10px rgba(61,43,31,0.38);\n  --mrio-glow-y:    0 0 28px rgba(251,208,0,0.50);\n  --mrio-glow-r:    0 0 24px rgba(229,37,33,0.40);\n\n  \/* --- Typography --- *\/\n  --mrio-display: 'Nunito', 'Trebuchet MS', Arial, sans-serif;\n  --mrio-pixel:   'Press Start 2P', monospace;\n  --mrio-body:    'Nunito', 'Trebuchet MS', Arial, sans-serif;\n\n  \/* --- Layout rhythm --- *\/\n  --mrio-radius:    14px;\n  --mrio-radius-lg: 20px;\n  --mrio-maxw:      1200px;\n  --mrio-gap:       clamp(14px, 2.2vw, 22px);\n  --mrio-section:   clamp(44px, 7vw, 78px);\n\n  \/* --- Base --- *\/\n  font-family: var(--mrio-body);\n  color: var(--mrio-dark);\n  line-height: 1.7;\n  font-size: 18px;\n  max-width: var(--mrio-maxw);\n  margin: 0 auto;\n  padding: 0 4px;\n  text-align: center;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n  box-sizing: border-box;\n}\n\n.mrio *,\n.mrio *::before,\n.mrio *::after { box-sizing: border-box; }\n\n.mrio p {\n  margin: 0 0 1em;\n  font-size: clamp(16px, 1.6vw, 18px);\n}\n.mrio p:last-child { margin-bottom: 0; }\n.mrio strong { font-weight: 800; }\n.mrio h1, .mrio h2, .mrio h3, .mrio h4 { margin: 0; line-height: 1.15; }\n\n\/* ================================================================= *\/\n\/*  PAGE FRAME                                                        *\/\n\/* ================================================================= *\/\n.mrio__sheet {\n  position: relative;\n  background: linear-gradient(180deg, #fffdf5 0%, #fff8e7 55%, #fff3d6 100%);\n  border: 2px solid rgba(229,37,33,0.2);\n  border-radius: var(--mrio-radius-lg);\n  overflow: hidden;\n  box-shadow: var(--mrio-shadow);\n}\n\n\/* pixel-dot grain texture *\/\n.mrio__sheet::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  opacity: 0.35;\n  background-image:\n    radial-gradient(rgba(229,37,33,0.07) 1px, transparent 1px),\n    radial-gradient(rgba(251,208,0,0.06) 1px, transparent 1px);\n  background-size: 20px 20px, 32px 32px;\n  background-position: 0 0, 10px 16px;\n  mix-blend-mode: multiply;\n}\n\n.mrio__inner {\n  position: relative;\n  z-index: 1;\n  padding: clamp(22px, 5vw, 56px);\n}\n\n\/* ================================================================= *\/\n\/*  HERO                                                              *\/\n\/* ================================================================= *\/\n.mrio__hero {\n  position: relative;\n  text-align: center;\n  padding: clamp(28px, 5.5vw, 58px) clamp(10px, 3vw, 36px) clamp(32px, 5.5vw, 60px);\n  border-radius: var(--mrio-radius);\n  background:\n    radial-gradient(80% 100% at 50% 0%, rgba(251,208,0,0.18), transparent 55%),\n    linear-gradient(160deg, #2a1f18 0%, #1a1410 60%, #2a1f18 100%);\n  color: var(--mrio-cream);\n  overflow: hidden;\n  border: 2px solid rgba(251,208,0,0.30);\n  box-shadow: inset 0 0 60px rgba(0,0,0,0.55), var(--mrio-shadow);\n}\n\n\/* floating coin shimmer *\/\n.mrio__coins {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background-image:\n    radial-gradient(2px 2px at 14% 20%, rgba(251,208,0,0.85), transparent),\n    radial-gradient(1.5px 1.5px at 82% 18%, rgba(251,208,0,0.70), transparent),\n    radial-gradient(2px 2px at 36% 68%, rgba(251,208,0,0.80), transparent),\n    radial-gradient(1.2px 1.2px at 68% 58%, rgba(251,208,0,0.55), transparent),\n    radial-gradient(1.8px 1.8px at 90% 80%, rgba(251,208,0,0.65), transparent),\n    radial-gradient(1.5px 1.5px at 24% 84%, rgba(251,208,0,0.60), transparent),\n    radial-gradient(1px 1px at 55% 30%, rgba(229,37,33,0.50), transparent),\n    radial-gradient(1.2px 1.2px at 8% 55%, rgba(4,156,216,0.45), transparent);\n  animation: mrio-shimmer 5s ease-in-out infinite alternate;\n}\n@keyframes mrio-shimmer {\n  0%   { opacity: 0.5; transform: translateY(0); }\n  100% { opacity: 1;   transform: translateY(-4px); }\n}\n\n.mrio__eyebrow {\n  position: relative;\n  z-index: 2;\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  font-family: var(--mrio-pixel);\n  letter-spacing: 0.12em;\n  font-size: clamp(7px, 1.2vw, 9px);\n  color: var(--mrio-yellow);\n  padding: 10px 20px;\n  border: 1px solid rgba(251,208,0,0.45);\n  border-radius: 999px;\n  background: rgba(251,208,0,0.08);\n  margin-bottom: 6px;\n  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;\n}\n.mrio__eyebrow::before,\n.mrio__eyebrow::after { content: \"?\"; font-size: 10px; }\n.mrio__eyebrow:hover {\n  transform: translateY(-2px) scale(1.03);\n  background: rgba(251,208,0,0.16);\n  box-shadow: var(--mrio-glow-y);\n}\n\n.mrio__title {\n  position: relative;\n  z-index: 2;\n  font-family: var(--mrio-display);\n  font-weight: 900;\n  line-height: 1.04;\n  margin: clamp(36px, 5.5vw, 54px) 0 0;\n  font-size: clamp(30px, 6vw, 60px);\n  color: var(--mrio-cream);\n  text-shadow: 0 3px 0 rgba(0,0,0,0.45), 0 0 30px rgba(251,208,0,0.22);\n  letter-spacing: -0.01em;\n}\n.mrio__title .mrio__yellow {\n  background: linear-gradient(180deg, #ffe55a 0%, #fbd000 50%, #d4a800 100%);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n.mrio__subtitle {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  font-weight: 600;\n  font-size: clamp(16px, 2.2vw, 21px);\n  color: rgba(255,253,245,0.82);\n  max-width: 1200px;\n  margin: clamp(18px, 3vw, 26px) auto 0;\n}\n\n.mrio__hero-rule {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  margin: clamp(24px, 4vw, 34px) auto 0;\n  max-width: 1200px;\n  color: var(--mrio-yellow);\n}\n.mrio__hero-rule::before,\n.mrio__hero-rule::after {\n  content: \"\";\n  height: 1px;\n  flex: 1;\n  background: linear-gradient(90deg, transparent, rgba(251,208,0,0.7), transparent);\n}\n.mrio__hero-rule span {\n  font-family: var(--mrio-pixel);\n  font-size: 9px;\n  letter-spacing: 0.15em;\n  color: var(--mrio-yellow);\n}\n\n.mrio__badges {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-top: clamp(24px, 4vw, 32px);\n}\n.mrio__badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: var(--mrio-display);\n  font-size: clamp(11px, 1.5vw, 13px);\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--mrio-cream);\n  padding: 10px 18px;\n  border-radius: 999px;\n  border: 1px solid rgba(251,208,0,0.30);\n  background: rgba(255,253,245,0.05);\n  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n.mrio__badge span:first-child { font-size: 16px; }\n.mrio__badge:hover {\n  transform: translateY(-3px);\n  background: rgba(251,208,0,0.14);\n  border-color: var(--mrio-yellow);\n  box-shadow: var(--mrio-glow-y);\n}\n\n\/* ================================================================= *\/\n\/*  SECTION SCAFFOLD                                                  *\/\n\/* ================================================================= *\/\n.mrio__section { margin-top: var(--mrio-section); }\n.mrio__head { text-align: center; margin-bottom: clamp(28px, 4vw, 44px); }\n\n.mrio__kicker {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  font-family: var(--mrio-pixel);\n  letter-spacing: 0.18em;\n  font-size: clamp(7px, 1.1vw, 8px);\n  color: var(--mrio-red);\n  margin-bottom: 14px;\n  text-transform: uppercase;\n}\n.mrio__kicker::before,\n.mrio__kicker::after { content: \"★\"; font-size: 8px; color: var(--mrio-yellow); }\n\n.mrio__h2 {\n  font-family: var(--mrio-display);\n  font-weight: 900;\n  text-align: center;\n  font-size: clamp(26px, 4.6vw, 44px);\n  line-height: 1.1;\n  margin: 0 auto 12px;\n  color: var(--mrio-dark);\n  max-width: 1200px;\n  letter-spacing: -0.01em;\n  transition: text-shadow 0.4s ease;\n}\n.mrio__h2:hover { text-shadow: 0 0 22px rgba(229,37,33,0.28); }\n\n.mrio__lead {\n  text-align: center;\n  max-width: 1200px;\n  margin: 0 auto;\n  color: var(--mrio-text-soft);\n  font-size: clamp(16px, 1.8vw, 19px);\n  font-weight: 600;\n}\n\n.mrio__divider {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  margin: clamp(18px, 3vw, 24px) auto 0;\n  max-width: 1200px;\n  color: var(--mrio-yellow-2);\n}\n.mrio__divider::before,\n.mrio__divider::after {\n  content: \"\";\n  height: 2px;\n  flex: 1;\n  background: linear-gradient(90deg, transparent, var(--mrio-yellow-2), transparent);\n  border-radius: 2px;\n}\n.mrio__diamond {\n  width: 10px; height: 10px;\n  transform: rotate(45deg);\n  background: var(--mrio-yellow);\n  box-shadow: 0 0 0 4px rgba(251,208,0,0.22);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.mrio__divider:hover .mrio__diamond {\n  transform: rotate(225deg) scale(1.3);\n  box-shadow: 0 0 0 6px rgba(251,208,0,0.28);\n}\n\n.mrio__prose {\n  max-width: 1200px;\n  margin: 0 auto;\n  text-align: center;\n}\n.mrio__prose p { color: var(--mrio-text); margin: 0 auto 1.1em; font-weight: 600; }\n.mrio__prose p:last-child { margin-bottom: 0; }\n\n\/* ================================================================= *\/\n\/*  FEATURE GRID                                                      *\/\n\/* ================================================================= *\/\n.mrio__features {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: var(--mrio-gap);\n}\n.mrio__feature {\n  position: relative;\n  text-align: left;\n  background: var(--mrio-cream);\n  border: 2px solid rgba(229,37,33,0.15);\n  border-radius: var(--mrio-radius);\n  padding: clamp(20px, 3vw, 28px);\n  overflow: hidden;\n  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n.mrio__feature::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 3px;\n  background: linear-gradient(90deg, var(--mrio-red), var(--mrio-yellow), var(--mrio-blue));\n  opacity: 0;\n  transition: opacity 0.35s ease;\n}\n.mrio__feature:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mrio-shadow-sm);\n  border-color: rgba(229,37,33,0.40);\n}\n.mrio__feature:hover::after { opacity: 1; }\n\n.mrio__feature-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 54px; height: 54px;\n  border-radius: 14px;\n  font-size: 26px;\n  margin-bottom: 16px;\n  background: linear-gradient(145deg, #2a1f18, #1a1410);\n  border: 2px solid rgba(251,208,0,0.35);\n  box-shadow: inset 0 0 14px rgba(251,208,0,0.15);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.mrio__feature:hover .mrio__feature-icon {\n  transform: rotate(-6deg) scale(1.1);\n  box-shadow: inset 0 0 14px rgba(251,208,0,0.28), var(--mrio-glow-y);\n}\n.mrio__feature h3 {\n  font-family: var(--mrio-display);\n  font-weight: 800;\n  font-size: clamp(16px, 2vw, 19px);\n  margin: 0 0 8px;\n  color: var(--mrio-dark);\n}\n.mrio__feature p { margin: 0; font-size: clamp(14px, 1.5vw, 16px); color: var(--mrio-text-soft); line-height: 1.65; }\n\n\/* ================================================================= *\/\n\/*  SPOTLIGHT — dark band                                             *\/\n\/* ================================================================= *\/\n.mrio__spotlight {\n  position: relative;\n  text-align: center;\n  border-radius: var(--mrio-radius-lg);\n  overflow: hidden;\n  padding: clamp(30px, 5vw, 58px);\n  background:\n    radial-gradient(80% 120% at 50% 0%, rgba(251,208,0,0.14), transparent 55%),\n    linear-gradient(155deg, #2a1f18, #1a1410);\n  color: var(--mrio-cream);\n  border: 2px solid rgba(251,208,0,0.25);\n  box-shadow: var(--mrio-shadow);\n}\n.mrio__spotlight .mrio__kicker { color: var(--mrio-yellow); }\n.mrio__spotlight .mrio__kicker::before,\n.mrio__spotlight .mrio__kicker::after { color: var(--mrio-yellow-3); }\n.mrio__spotlight h2 {\n  font-family: var(--mrio-display);\n  font-weight: 900;\n  text-align: center;\n  font-size: clamp(24px, 4vw, 40px);\n  margin: 0 auto 16px;\n  color: var(--mrio-cream);\n  max-width: 1200px;\n  text-shadow: 0 2px 0 rgba(0,0,0,0.35);\n}\n.mrio__spotlight \u003e p {\n  max-width: 1200px;\n  color: rgba(255,253,245,0.82);\n  margin: 0 auto;\n  font-weight: 600;\n  font-size: clamp(15px, 1.7vw, 17.5px);\n}\n.mrio__spec-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));\n  gap: 14px;\n  margin-top: clamp(26px, 3.5vw, 36px);\n}\n.mrio__spec {\n  border: 1px solid rgba(251,208,0,0.24);\n  border-radius: 12px;\n  padding: 18px 18px 16px;\n  background: rgba(255,253,245,0.04);\n  transition: background 0.3s ease, transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n.mrio__spec:hover {\n  background: rgba(251,208,0,0.10);\n  transform: translateY(-4px);\n  border-color: var(--mrio-yellow);\n  box-shadow: var(--mrio-glow-y);\n}\n.mrio__spec-k {\n  font-family: var(--mrio-pixel);\n  font-size: 8px;\n  letter-spacing: 0.1em;\n  color: var(--mrio-yellow);\n  margin-bottom: 7px;\n}\n.mrio__spec-v {\n  font-size: clamp(15px, 1.8vw, 18px);\n  color: var(--mrio-cream);\n  font-weight: 700;\n}\n\n\/* ================================================================= *\/\n\/*  COLOR OPTIONS                                                     *\/\n\/* ================================================================= *\/\n.mrio__colors {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: var(--mrio-gap);\n}\n.mrio__color-card {\n  position: relative;\n  text-align: center;\n  border-radius: var(--mrio-radius);\n  padding: clamp(26px, 3.5vw, 36px) 20px;\n  color: var(--mrio-cream);\n  overflow: hidden;\n  border: 2px solid rgba(255,255,255,0.15);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.mrio__color-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,0.18), transparent 55%);\n  pointer-events: none;\n}\n.mrio__color-card:hover { transform: translateY(-7px) scale(1.02); box-shadow: var(--mrio-shadow); }\n.mrio__color-card--red    { background: linear-gradient(155deg, #c41f1c, #7a1412); }\n.mrio__color-card--yellow { background: linear-gradient(155deg, #d4a800, #7a5f00); }\n.mrio__color-card--blue   { background: linear-gradient(155deg, #037eb0, #024d6e); }\n.mrio__color-glyph {\n  font-size: 36px;\n  margin-bottom: 14px;\n  position: relative; z-index: 1;\n  display: inline-block;\n  transition: transform 0.4s ease;\n}\n.mrio__color-card:hover .mrio__color-glyph { transform: scale(1.2) rotate(5deg); }\n.mrio__color-card h3 {\n  position: relative; z-index: 1;\n  font-family: var(--mrio-display);\n  font-weight: 900;\n  font-size: clamp(18px, 2.2vw, 22px);\n  margin: 0 0 6px;\n  letter-spacing: 0.02em;\n}\n.mrio__color-card p {\n  position: relative; z-index: 1;\n  margin: 0;\n  font-size: 14.5px;\n  font-weight: 600;\n  color: rgba(255,253,245,0.82);\n}\n\n\/* ================================================================= *\/\n\/*  SPECS TABLE                                                       *\/\n\/* ================================================================= *\/\n.mrio__table-wrap {\n  max-width: 1200px;\n  margin: 0 auto;\n  border: 2px solid rgba(229,37,33,0.18);\n  border-radius: var(--mrio-radius);\n  overflow: hidden;\n  background: var(--mrio-cream);\n}\n.mrio__table {\n  width: 100%;\n  border-collapse: collapse;\n  text-align: left;\n  font-size: clamp(15px, 1.7vw, 17px);\n}\n.mrio__table tr { transition: background 0.25s ease; }\n.mrio__table tr:hover { background: rgba(251,208,0,0.10); }\n.mrio__table tr + tr { border-top: 1px solid rgba(229,37,33,0.10); }\n.mrio__table th,\n.mrio__table td { padding: 15px 22px; vertical-align: top; }\n.mrio__table th {\n  width: 42%;\n  font-family: var(--mrio-display);\n  font-weight: 800;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  font-size: 0.82em;\n  color: var(--mrio-red);\n}\n.mrio__table td { color: var(--mrio-dark); font-weight: 600; }\n\n\/* ================================================================= *\/\n\/*  GALLERY — individual framed images                               *\/\n\/* ================================================================= *\/\n.mrio__gallery {\n  display: flex;\n  flex-direction: column;\n  gap: 0;                        \/* slices stitch with no gap *\/\n  border-radius: var(--mrio-radius);\n  overflow: hidden;\n  border: 2px solid rgba(229,37,33,0.20);\n  background: var(--mrio-cream);\n  box-shadow: var(--mrio-shadow-sm);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.mrio__gallery:hover { transform: translateY(-4px); box-shadow: var(--mrio-shadow); }\n.mrio__frame {\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n.mrio__frame img {\n  width: 100%;\n  display: block;\n  height: auto;\n  margin: 0;\n  vertical-align: top;           \/* removes baseline hairline gap *\/\n}\n\n\/* ================================================================= *\/\n\/*  STEPS — how to order \u0026 install                                   *\/\n\/* ================================================================= *\/\n.mrio__steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: var(--mrio-gap);\n  text-align: left;\n}\n.mrio__step {\n  position: relative;\n  background: var(--mrio-cream);\n  border: 2px solid rgba(229,37,33,0.15);\n  border-radius: var(--mrio-radius);\n  padding: clamp(22px, 3vw, 28px);\n  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n}\n.mrio__step:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--mrio-shadow-sm);\n  border-color: rgba(229,37,33,0.45);\n}\n.mrio__step-num {\n  font-family: var(--mrio-pixel);\n  font-size: 20px;\n  color: var(--mrio-yellow);\n  line-height: 1;\n  margin-bottom: 12px;\n  display: inline-block;\n  transition: transform 0.35s ease;\n  text-shadow: 2px 2px 0 var(--mrio-yellow-2);\n}\n.mrio__step:hover .mrio__step-num { transform: scale(1.12) rotate(-3deg); }\n.mrio__step h4 {\n  font-family: var(--mrio-display);\n  font-weight: 800;\n  font-size: 16.5px;\n  margin: 0 0 7px;\n  color: var(--mrio-dark);\n}\n.mrio__step p { margin: 0; font-size: 15px; color: var(--mrio-text-soft); line-height: 1.65; font-weight: 600; }\n\n\/* ================================================================= *\/\n\/*  CARE GUIDE                                                        *\/\n\/* ================================================================= *\/\n.mrio__care {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\n  gap: var(--mrio-gap);\n  text-align: left;\n}\n.mrio__care-card {\n  background: var(--mrio-cream);\n  border: 2px solid rgba(229,37,33,0.15);\n  border-radius: var(--mrio-radius);\n  padding: clamp(20px, 3vw, 26px);\n  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n}\n.mrio__care-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--mrio-shadow-sm);\n  border-color: rgba(251,208,0,0.55);\n}\n.mrio__care-num {\n  font-family: var(--mrio-pixel);\n  font-size: 18px;\n  color: var(--mrio-yellow);\n  line-height: 1;\n  margin-bottom: 10px;\n  display: inline-block;\n  text-shadow: 2px 2px 0 var(--mrio-yellow-2);\n  transition: transform 0.35s ease;\n}\n.mrio__care-card:hover .mrio__care-num { transform: scale(1.1); }\n.mrio__care-card h4 {\n  font-family: var(--mrio-display);\n  font-weight: 800;\n  font-size: 16.5px;\n  margin: 0 0 7px;\n  color: var(--mrio-dark);\n}\n.mrio__care-card p { margin: 0; font-size: 15px; color: var(--mrio-text-soft); line-height: 1.65; font-weight: 600; }\n\n\/* ================================================================= *\/\n\/*  STATS STRIP                                                       *\/\n\/* ================================================================= *\/\n.mrio__stats {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: var(--mrio-gap);\n  text-align: center;\n}\n.mrio__stat {\n  padding: clamp(22px, 3vw, 30px) 14px;\n  border: 2px solid rgba(229,37,33,0.15);\n  border-radius: var(--mrio-radius);\n  background: var(--mrio-cream);\n  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n}\n.mrio__stat:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--mrio-shadow-sm);\n  border-color: rgba(251,208,0,0.55);\n}\n.mrio__stat-num {\n  font-family: var(--mrio-display);\n  font-weight: 900;\n  font-size: clamp(32px, 4.5vw, 46px);\n  background: linear-gradient(180deg, #fbd000 0%, #d4a800 100%);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n  line-height: 1;\n  margin-bottom: 8px;\n}\n.mrio__stat-label {\n  font-family: var(--mrio-display);\n  font-weight: 700;\n  font-size: 14.5px;\n  color: var(--mrio-dark);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n\/* ================================================================= *\/\n\/*  FAQ — CSS-only accordion                                          *\/\n\/* ================================================================= *\/\n.mrio__faq { max-width: 1200px; margin: 0 auto; text-align: left; }\n.mrio__faq details {\n  border: 2px solid rgba(229,37,33,0.15);\n  border-radius: 12px;\n  background: var(--mrio-cream);\n  margin-bottom: 12px;\n  overflow: hidden;\n  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;\n}\n.mrio__faq details:hover {\n  border-color: rgba(229,37,33,0.40);\n  box-shadow: var(--mrio-shadow-sm);\n}\n.mrio__faq details[open] {\n  border-color: rgba(251,208,0,0.55);\n  box-shadow: var(--mrio-shadow-sm);\n}\n.mrio__faq summary {\n  list-style: none;\n  cursor: pointer;\n  padding: 18px 22px;\n  font-family: var(--mrio-display);\n  font-weight: 800;\n  font-size: clamp(15px, 1.8vw, 17px);\n  color: var(--mrio-dark);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n  transition: color 0.25s ease;\n}\n.mrio__faq summary:hover { color: var(--mrio-red); }\n.mrio__faq summary::-webkit-details-marker { display: none; }\n.mrio__faq summary::after {\n  content: \"+\";\n  font-family: var(--mrio-pixel);\n  font-size: 14px;\n  color: var(--mrio-yellow);\n  transition: transform 0.3s ease;\n  line-height: 1;\n}\n.mrio__faq details[open] summary::after { transform: rotate(45deg); }\n.mrio__faq-body {\n  padding: 0 22px 20px;\n  color: var(--mrio-text-soft);\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.7;\n}\n\n\/* ================================================================= *\/\n\/* ================================================================= *\/\n\/*  MIX \u0026 MATCH IDEAS — horizontal tips                              *\/\n\/* ================================================================= *\/\n.mrio__tips {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\n  gap: var(--mrio-gap);\n  text-align: left;\n}\n.mrio__tip {\n  position: relative;\n  background: var(--mrio-cream);\n  border: 2px solid rgba(229,37,33,0.14);\n  border-radius: var(--mrio-radius);\n  padding: clamp(20px, 3vw, 28px);\n  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n.mrio__tip:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--mrio-shadow-sm);\n  border-color: rgba(251,208,0,0.55);\n}\n.mrio__tip-ic {\n  font-size: 28px;\n  display: inline-block;\n  margin-bottom: 12px;\n  transition: transform 0.4s ease;\n}\n.mrio__tip:hover .mrio__tip-ic { transform: scale(1.15) rotate(-5deg); }\n.mrio__tip h4 {\n  font-family: var(--mrio-display);\n  font-weight: 800;\n  font-size: 16.5px;\n  margin: 0 0 7px;\n  color: var(--mrio-dark);\n}\n.mrio__tip p { margin: 0; font-size: 15px; color: var(--mrio-text-soft); line-height: 1.65; font-weight: 600; }\n\n\/* ================================================================= *\/\n\/*  PROMISE CARDS                                                     *\/\n\/* ================================================================= *\/\n.mrio__promise {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: var(--mrio-gap);\n  text-align: left;\n}\n.mrio__promise-card {\n  background: var(--mrio-cream);\n  border: 2px solid rgba(229,37,33,0.14);\n  border-radius: var(--mrio-radius);\n  padding: clamp(22px, 3vw, 30px);\n  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n.mrio__promise-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--mrio-shadow-sm);\n  border-color: rgba(251,208,0,0.55);\n}\n.mrio__promise-ic {\n  font-size: 28px;\n  display: inline-block;\n  margin-bottom: 12px;\n  transition: transform 0.4s ease;\n}\n.mrio__promise-card:hover .mrio__promise-ic { transform: scale(1.14) rotate(-6deg); }\n.mrio__promise-card h4 {\n  font-family: var(--mrio-display);\n  font-weight: 800;\n  font-size: 16.5px;\n  margin: 0 0 8px;\n  color: var(--mrio-dark);\n}\n.mrio__promise-card p { margin: 0; font-size: 15px; color: var(--mrio-text-soft); line-height: 1.65; font-weight: 600; }\n\n\/* ================================================================= *\/\n\/*  SPLIT PANELS (sound \u0026 feel style)                                *\/\n\/* ================================================================= *\/\n.mrio__split {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: var(--mrio-gap);\n  text-align: left;\n}\n.mrio__panel {\n  background: var(--mrio-cream);\n  border: 2px solid rgba(229,37,33,0.14);\n  border-radius: var(--mrio-radius);\n  padding: clamp(24px, 3.4vw, 34px);\n  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n.mrio__panel:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--mrio-shadow-sm);\n  border-color: rgba(251,208,0,0.55);\n}\n.mrio__panel-ic {\n  font-size: 32px;\n  margin-bottom: 12px;\n  display: inline-block;\n  transition: transform 0.4s ease;\n}\n.mrio__panel:hover .mrio__panel-ic { transform: scale(1.12) rotate(-5deg); }\n.mrio__panel h3 {\n  font-family: var(--mrio-display);\n  font-weight: 800;\n  font-size: clamp(17px, 2.2vw, 21px);\n  margin: 0 0 10px;\n  color: var(--mrio-dark);\n}\n.mrio__panel p { margin: 0; color: var(--mrio-text-soft); font-size: 15.5px; line-height: 1.7; font-weight: 600; }\n\n\/* ================================================================= *\/\n\/*  GIFT BANNER                                                       *\/\n\/* ================================================================= *\/\n.mrio__gift {\n  position: relative;\n  text-align: center;\n  border-radius: var(--mrio-radius-lg);\n  overflow: hidden;\n  padding: clamp(30px, 5vw, 52px) clamp(20px, 4vw, 40px);\n  background: linear-gradient(160deg, #fff8e7, #fff3d0);\n  border: 2px solid rgba(251,208,0,0.40);\n  box-shadow: var(--mrio-shadow-sm);\n}\n.mrio__gift-ic {\n  font-size: 40px;\n  margin-bottom: 12px;\n  display: inline-block;\n  transition: transform 0.4s ease;\n}\n.mrio__gift:hover .mrio__gift-ic { transform: scale(1.16) rotate(-8deg); }\n.mrio__gift h2 {\n  font-family: var(--mrio-display);\n  font-weight: 900;\n  font-size: clamp(24px, 4vw, 38px);\n  color: var(--mrio-dark);\n  margin: 0 0 12px;\n}\n.mrio__gift p {\n  max-width: 1200px;\n  margin: 0 auto;\n  color: var(--mrio-text);\n  font-size: clamp(16px, 1.8vw, 19px);\n  font-weight: 600;\n}\n\n\/* ================================================================= *\/\n\/*  TRUST STRIP                                                       *\/\n\/* ================================================================= *\/\n.mrio__trust {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 14px;\n  text-align: center;\n}\n.mrio__trust-item {\n  padding: 22px 14px;\n  border: 2px solid rgba(229,37,33,0.14);\n  border-radius: 12px;\n  background: var(--mrio-cream);\n  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n}\n.mrio__trust-item:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--mrio-shadow-sm);\n  border-color: rgba(251,208,0,0.55);\n}\n.mrio__trust-ic { font-size: 26px; display: inline-block; transition: transform 0.35s ease; }\n.mrio__trust-item:hover .mrio__trust-ic { transform: scale(1.2) rotate(-5deg); }\n.mrio__trust-t { font-family: var(--mrio-display); font-weight: 800; font-size: 14.5px; margin: 8px 0 2px; color: var(--mrio-dark); }\n.mrio__trust-s { font-size: 13px; color: var(--mrio-text-soft); font-weight: 600; }\n\n\/* ================================================================= *\/\n\/*  CLOSING CTA                                                       *\/\n\/* ================================================================= *\/\n.mrio__cta {\n  position: relative;\n  text-align: center;\n  border-radius: var(--mrio-radius-lg);\n  overflow: hidden;\n  padding: clamp(36px, 6vw, 66px) clamp(20px, 4vw, 40px);\n  background:\n    radial-gradient(80% 110% at 50% 0%, rgba(251,208,0,0.16), transparent 55%),\n    linear-gradient(155deg, #2a1f18, #1a1410);\n  color: var(--mrio-cream);\n  border: 2px solid rgba(251,208,0,0.28);\n  box-shadow: var(--mrio-shadow);\n}\n.mrio__cta .mrio__coins { opacity: 0.6; }\n.mrio__cta h2 {\n  position: relative; z-index: 2;\n  font-family: var(--mrio-display);\n  font-weight: 900;\n  font-size: clamp(26px, 5vw, 48px);\n  margin: 0 0 14px;\n  color: var(--mrio-cream);\n  text-shadow: 0 0 28px rgba(251,208,0,0.28);\n}\n.mrio__cta p {\n  position: relative; z-index: 2;\n  max-width: 1200px;\n  margin: 0 auto;\n  color: rgba(255,253,245,0.84);\n  font-size: clamp(16px, 2vw, 20px);\n  font-weight: 600;\n}\n.mrio__cta-seal {\n  position: relative; z-index: 2;\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-top: clamp(24px, 3.5vw, 32px);\n  font-family: var(--mrio-display);\n  font-weight: 800;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  font-size: clamp(12px, 1.6vw, 14px);\n  color: var(--mrio-yellow);\n  padding: 14px 28px;\n  border: 2px solid rgba(251,208,0,0.45);\n  border-radius: 999px;\n  background: rgba(251,208,0,0.08);\n  cursor: pointer;\n  text-decoration: none;\n  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;\n}\n.mrio__cta-seal:hover {\n  background: rgba(251,208,0,0.20);\n  border-color: var(--mrio-yellow);\n  transform: translateY(-3px) scale(1.02);\n  box-shadow: 0 12px 30px -12px rgba(251,208,0,0.65);\n  color: #fff;\n}\n.mrio__cta-seal:active { transform: translateY(-1px) scale(0.99); }\n\n\/* ================================================================= *\/\n\/*  RESPONSIVE — TABLET                                              *\/\n\/* ================================================================= *\/\n@media (max-width: 900px) {\n  .mrio { font-size: 17px; }\n}\n\n\/* ================================================================= *\/\n\/*  RESPONSIVE — MOBILE                                               *\/\n\/* ================================================================= *\/\n@media (max-width: 600px) {\n  .mrio { padding: 0; font-size: 16.5px; }\n  .mrio__inner { padding: 18px 14px; }\n  .mrio__features,\n  .mrio__colors,\n  .mrio__steps,\n  .mrio__care,\n  .mrio__stats,\n  .mrio__trust,\n  .mrio__tips,\n  .mrio__promise,\n  .mrio__split,\n  .mrio__spec-grid { grid-template-columns: 1fr; }\n  .mrio__eyebrow { letter-spacing: 0.1em; }\n  .mrio__title { font-size: clamp(26px, 9vw, 38px); }\n}\n\n\/* ================================================================= *\/\n\/*  REDUCED MOTION                                                    *\/\n\/* ================================================================= *\/\n@media (prefers-reduced-motion: reduce) {\n  .mrio * { animation: none !important; transition: none !important; }\n}\n\u003c\/style\u003e\n\u003c!-- ================================================================= --\u003e\u003c!--  MARKUP                                                           --\u003e\u003c!-- ================================================================= --\u003e\n\u003cdiv lang=\"en\" class=\"mrio\"\u003e\n\u003cdiv class=\"mrio__sheet\"\u003e\n\u003cdiv class=\"mrio__inner\"\u003e\n\u003c!-- ======================== HERO ======================== --\u003e\u003cheader class=\"mrio__hero\"\u003e\u003cspan class=\"mrio__eyebrow\"\u003eLimited Collectible\u003c\/span\u003e\n\u003ch1 class=\"mrio__title\"\u003eMario Question Mark\u003cbr\u003e\u003cspan class=\"mrio__yellow\"\u003eKeycap\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"mrio__subtitle\"\u003eA single iconic keycap straight out of the Mushroom Kingdom — because every great keyboard deserves at least one hidden power-up.\u003c\/p\u003e\n\u003cdiv class=\"mrio__hero-rule\"\u003e\u003cspan\u003e★   ?   ★\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"mrio__badges\"\u003e\n\u003cspan class=\"mrio__badge\"\u003e\u003cspan\u003e🎮\u003c\/span\u003e\u003cspan\u003eRetro Design\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"mrio__badge\"\u003e\u003cspan\u003e🟥\u003c\/span\u003e\u003cspan\u003e3 Colors\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"mrio__badge\"\u003e\u003cspan\u003e🔗\u003c\/span\u003e\u003cspan\u003eMX Compatible\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- ======================== INTRO ======================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__head\"\u003e\n\u003cdiv class=\"mrio__kicker\"\u003eThe Power-Up\u003c\/div\u003e\n\u003ch2 class=\"mrio__h2\"\u003eOne Key. Infinite Personality.\u003c\/h2\u003e\n\u003cdiv class=\"mrio__divider\"\u003e\n\u003cspan class=\"mrio__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__prose\"\u003e\n\u003cp\u003eInspired by the legendary question mark block from one of gaming's most beloved universes, this single keycap brings a touch of retro-gaming magic to any mechanical keyboard. Whether you place it on your spacebar row, an F-key, or make it the star of your escape key — it is guaranteed to spark a smile every single session.\u003c\/p\u003e\n\u003cp\u003eInjection-moulded from \u003cstrong\u003eABS plastic\u003c\/strong\u003e, it slots right into your existing board with zero fuss. Available in \u003cstrong\u003eRed, Yellow,\u003c\/strong\u003e and \u003cstrong\u003eBlue\u003c\/strong\u003e — pick any three colors and note your choices to customer service at checkout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ====================== FEATURES ====================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__head\"\u003e\n\u003cdiv class=\"mrio__kicker\"\u003eWhy You'll Love It\u003c\/div\u003e\n\u003ch2 class=\"mrio__h2\"\u003eKey Features\u003c\/h2\u003e\n\u003cdiv class=\"mrio__divider\"\u003e\n\u003cspan class=\"mrio__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__features\"\u003e\n\u003carticle class=\"mrio__feature\"\u003e\n\u003cdiv class=\"mrio__feature-icon\"\u003e🎮\u003c\/div\u003e\n\u003ch3\u003eIconic Retro Design\u003c\/h3\u003e\n\u003cp\u003eThe instantly recognizable question mark block, faithfully recreated as a tactile keycap for your keyboard.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__feature\"\u003e\n\u003cdiv class=\"mrio__feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003ch3\u003e3 Color Options\u003c\/h3\u003e\n\u003cp\u003eChoose from classic Red, Coin Yellow, and Sky Blue. Pick any three at checkout — mix and match to your heart's content.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__feature\"\u003e\n\u003cdiv class=\"mrio__feature-icon\"\u003e⭐\u003c\/div\u003e\n\u003ch3\u003eCollector's Statement\u003c\/h3\u003e\n\u003cp\u003eA novelty keycap that doubles as a display piece — swap it in, show it off, and let your desk tell the story of your love for gaming culture.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__feature\"\u003e\n\u003cdiv class=\"mrio__feature-icon\"\u003e🔗\u003c\/div\u003e\n\u003ch3\u003eMX-Style Compatible\u003c\/h3\u003e\n\u003cp\u003eWorks with Cherry MX, Gateron, Kailh, and most MX-style switches you already have installed.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__feature\"\u003e\n\u003cdiv class=\"mrio__feature-icon\"\u003e🧩\u003c\/div\u003e\n\u003ch3\u003eSold Individually\u003c\/h3\u003e\n\u003cp\u003eA single statement piece — place it wherever you want to claim your power-up on the board.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__feature\"\u003e\n\u003cdiv class=\"mrio__feature-icon\"\u003e🏆\u003c\/div\u003e\n\u003ch3\u003eInstant Conversation Starter\u003c\/h3\u003e\n\u003cp\u003eDesk setups, streaming rigs, office builds — this one key will get noticed and commented on every time.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================== MATERIAL SPOTLIGHT ==================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__spotlight\"\u003e\n\u003cdiv class=\"mrio__kicker\"\u003eBuilt to Last\u003c\/div\u003e\n\u003ch2\u003eInjection-Moulded ABS — Crisp \u0026amp; Consistent\u003c\/h2\u003e\n\u003cp\u003eManufactured via a precision injection-moulding process, every keycap is produced with sharp edges, consistent dimensions, and a smooth surface finish. ABS delivers the satisfying click acoustics and the solid mounting feel that keycap collectors expect — built to sit proudly on your board for years to come.\u003c\/p\u003e\n\u003cdiv class=\"mrio__spec-grid\"\u003e\n\u003cdiv class=\"mrio__spec\"\u003e\n\u003cdiv class=\"mrio__spec-k\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"mrio__spec-v\"\u003eABS Plastic\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__spec\"\u003e\n\u003cdiv class=\"mrio__spec-k\"\u003eProcess\u003c\/div\u003e\n\u003cdiv class=\"mrio__spec-v\"\u003eInjection Moulding\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__spec\"\u003e\n\u003cdiv class=\"mrio__spec-k\"\u003eMount\u003c\/div\u003e\n\u003cdiv class=\"mrio__spec-v\"\u003eMX-Style Stem\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__spec\"\u003e\n\u003cdiv class=\"mrio__spec-k\"\u003eBacklight\u003c\/div\u003e\n\u003cdiv class=\"mrio__spec-v\"\u003eNon-Backlit\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__spec\"\u003e\n\u003cdiv class=\"mrio__spec-k\"\u003eCount\u003c\/div\u003e\n\u003cdiv class=\"mrio__spec-v\"\u003eSingle Piece\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ====================== COLOR OPTIONS ====================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__head\"\u003e\n\u003cdiv class=\"mrio__kicker\"\u003ePick Your Power\u003c\/div\u003e\n\u003ch2 class=\"mrio__h2\"\u003eThree Colors, One Block\u003c\/h2\u003e\n\u003cp class=\"mrio__lead\"\u003eChoose any three colors at checkout and note your selection to customer service.\u003c\/p\u003e\n\u003cdiv class=\"mrio__divider\"\u003e\n\u003cspan class=\"mrio__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__colors\"\u003e\n\u003carticle class=\"mrio__color-card mrio__color-card--red\"\u003e\n\u003cdiv class=\"mrio__color-glyph\"\u003e🟥\u003c\/div\u003e\n\u003ch3\u003eRed\u003c\/h3\u003e\n\u003cp\u003eBold \u0026amp; iconic · classic Mario red\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__color-card mrio__color-card--yellow\"\u003e\n\u003cdiv class=\"mrio__color-glyph\"\u003e🟡\u003c\/div\u003e\n\u003ch3\u003eYellow\u003c\/h3\u003e\n\u003cp\u003eThe coin block original · golden \u0026amp; bright\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__color-card mrio__color-card--blue\"\u003e\n\u003cdiv class=\"mrio__color-glyph\"\u003e🟦\u003c\/div\u003e\n\u003ch3\u003eBlue\u003c\/h3\u003e\n\u003cp\u003eCool \u0026amp; vivid · Mushroom Kingdom sky\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ====================== SPECIFICATIONS ====================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__head\"\u003e\n\u003cdiv class=\"mrio__kicker\"\u003eThe Details\u003c\/div\u003e\n\u003ch2 class=\"mrio__h2\"\u003eFull Specifications\u003c\/h2\u003e\n\u003cdiv class=\"mrio__divider\"\u003e\n\u003cspan class=\"mrio__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__table-wrap\"\u003e\n\u003ctable class=\"mrio__table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003eABS Plastic\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eManufacturing\u003c\/th\u003e\n\u003ctd\u003eInjection Moulding\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eStem Type\u003c\/th\u003e\n\u003ctd\u003eMX-Style (cross stem)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eBacklight\u003c\/th\u003e\n\u003ctd\u003eNon-Backlit\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eErgonomics\u003c\/th\u003e\n\u003ctd\u003eErgonomic-friendly shape\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eQuantity\u003c\/th\u003e\n\u003ctd\u003eSingle piece (sold individually)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eAvailable Colors\u003c\/th\u003e\n\u003ctd\u003eRed · Yellow · Blue (choose any 3)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eCompatible Switches\u003c\/th\u003e\n\u003ctd\u003eCherry MX, Gateron, Kailh \u0026amp; most MX clones\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================== GALLERY ======================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__head\"\u003e\n\u003cdiv class=\"mrio__kicker\"\u003eA Closer Look\u003c\/div\u003e\n\u003ch2 class=\"mrio__h2\"\u003eSee It in Action\u003c\/h2\u003e\n\u003cp class=\"mrio__lead\"\u003eEvery angle and color, captured up close.\u003c\/p\u003e\n\u003cdiv class=\"mrio__divider\"\u003e\n\u003cspan class=\"mrio__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__gallery\"\u003e\n\u003cfigure class=\"mrio__frame\"\u003e\u003cimg loading=\"lazy\" alt=\"Mario Question Mark Keycap product photo\" src=\"https:\/\/img.alicdn.com\/imgextra\/i4\/2217237246816\/O1CN01ta4Nyb20DmdsKx19K_!!2217237246816.jpg\"\u003e\u003c\/figure\u003e\n\u003cfigure class=\"mrio__frame\"\u003e\u003cimg loading=\"lazy\" alt=\"Mario Question Mark Keycap animation 1\" src=\"https:\/\/img.alicdn.com\/imgextra\/i2\/2217237246816\/O1CN01wlPGQ020DmdqRTdNa_!!2217237246816.gif\"\u003e\u003c\/figure\u003e\n\u003cfigure class=\"mrio__frame\"\u003e\u003cimg loading=\"lazy\" alt=\"Mario Question Mark Keycap animation 2\" src=\"https:\/\/img.alicdn.com\/imgextra\/i1\/2217237246816\/O1CN01qOywKc20DmdqVGY7P_!!2217237246816.gif\"\u003e\u003c\/figure\u003e\n\u003cfigure class=\"mrio__frame\"\u003e\u003cimg loading=\"lazy\" alt=\"Mario Question Mark Keycap animation 3\" src=\"https:\/\/img.alicdn.com\/imgextra\/i1\/2217237246816\/O1CN01KMUErs20Dmds2RknC_!!2217237246816.gif\"\u003e\u003c\/figure\u003e\n\u003cfigure class=\"mrio__frame\"\u003e\u003cimg loading=\"lazy\" alt=\"Mario Question Mark Keycap animation 4\" src=\"https:\/\/img.alicdn.com\/imgextra\/i3\/2217237246816\/O1CN01aPMq0p20Dmdohg7iU_!!2217237246816.gif\"\u003e\u003c\/figure\u003e\n\u003cfigure class=\"mrio__frame\"\u003e\u003cimg loading=\"lazy\" alt=\"Mario Question Mark Keycap animation 5\" src=\"https:\/\/img.alicdn.com\/imgextra\/i2\/2217237246816\/O1CN01NKQyf920Dmdqr4IxY_!!2217237246816.gif\"\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================== HOW TO ORDER ==================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__head\"\u003e\n\u003cdiv class=\"mrio__kicker\"\u003eEasy Setup\u003c\/div\u003e\n\u003ch2 class=\"mrio__h2\"\u003eOrder \u0026amp; Install in 4 Steps\u003c\/h2\u003e\n\u003cp class=\"mrio__lead\"\u003eNo coins required. It is simpler than finding a warp pipe.\u003c\/p\u003e\n\u003cdiv class=\"mrio__divider\"\u003e\n\u003cspan class=\"mrio__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__steps\"\u003e\n\u003carticle class=\"mrio__step\"\u003e\n\u003cdiv class=\"mrio__step-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eChoose Your Color\u003c\/h4\u003e\n\u003cp\u003ePick any three from Red, Yellow, or Blue and note your selection in the order notes or to customer service.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__step\"\u003e\n\u003cdiv class=\"mrio__step-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003ePull the Old Cap\u003c\/h4\u003e\n\u003cp\u003eUse a wire keycap puller to lift the existing key from its switch stem cleanly without scratching nearby caps.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__step\"\u003e\n\u003cdiv class=\"mrio__step-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003ePress Into Place\u003c\/h4\u003e\n\u003cp\u003eAlign the question mark keycap over the switch stem and press firmly until it clicks securely into position.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__step\"\u003e\n\u003cdiv class=\"mrio__step-num\"\u003e04\u003c\/div\u003e\n\u003ch4\u003eCollect Your Power-Up\u003c\/h4\u003e\n\u003cp\u003eStep back, admire the view, and enjoy the most satisfying key on your entire board.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================== CARE ======================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__head\"\u003e\n\u003cdiv class=\"mrio__kicker\"\u003eKeep It Looking New\u003c\/div\u003e\n\u003ch2 class=\"mrio__h2\"\u003eCare Guide\u003c\/h2\u003e\n\u003cdiv class=\"mrio__divider\"\u003e\n\u003cspan class=\"mrio__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__care\"\u003e\n\u003carticle class=\"mrio__care-card\"\u003e\n\u003cdiv class=\"mrio__care-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eWipe Regularly\u003c\/h4\u003e\n\u003cp\u003eA soft, dry microfiber cloth keeps the surface dust-free and the colors vibrant between deeper cleans. A quick wipe after each session keeps oils from building up on the ABS surface.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__care-card\"\u003e\n\u003cdiv class=\"mrio__care-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eDamp Cloth for Stains\u003c\/h4\u003e\n\u003cp\u003eFor grease or smudges, wipe with a lightly dampened cloth. Dry immediately — avoid soaking the cap or submerging it in water, which can affect the stem channel fit.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__care-card\"\u003e\n\u003cdiv class=\"mrio__care-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eUse a Puller to Remove\u003c\/h4\u003e\n\u003cp\u003eAlways remove with a wire keycap puller to protect both the cap and the switch stem underneath. Prying with fingernails can scratch the cap or stress the stem housing.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__care-card\"\u003e\n\u003cdiv class=\"mrio__care-num\"\u003e04\u003c\/div\u003e\n\u003ch4\u003eAvoid Direct Sunlight\u003c\/h4\u003e\n\u003cp\u003eProlonged exposure to direct UV can fade ABS pigments over time. Store your keyboard away from direct sun or window light to keep the colors bold and true for years.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003cdetails\u003e\n\u003csummary\u003eIs it compatible with hot-swap keyboards?\u003c\/summary\u003e\n\u003cdiv class=\"mrio__faq-body\"\u003eYes. Hot-swap compatibility is determined by the switch type, not the keycap. As long as your board uses MX-style sockets, the question mark keycap will seat and remove cleanly just like any standard cap.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan I order all three colors at once?\u003c\/summary\u003e\n\u003cdiv class=\"mrio__faq-body\"\u003eYes — simply note your preferred colors (Red, Yellow, Blue) in the order notes at checkout or message customer service, and we will fulfil them together in a single shipment where possible.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWill it scratch or chip with regular use?\u003c\/summary\u003e\n\u003cdiv class=\"mrio__faq-body\"\u003eNormal keyboard use will not chip or crack the keycap. ABS is durable everyday plastic. To protect the surface, always remove the keycap with a wire keycap puller rather than prying with fingernails or hard tools.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ================== DESK SETUP INSPIRATION ================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__head\"\u003e\n\u003cdiv class=\"mrio__kicker\"\u003eElevate Your Desk\u003c\/div\u003e\n\u003ch2 class=\"mrio__h2\"\u003eThe Finishing Touch for Any Setup\u003c\/h2\u003e\n\u003cp class=\"mrio__lead\"\u003eGreat desks have personality. This single key delivers it.\u003c\/p\u003e\n\u003cdiv class=\"mrio__divider\"\u003e\n\u003cspan class=\"mrio__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__split\"\u003e\n\u003carticle class=\"mrio__panel\"\u003e\u003cspan class=\"mrio__panel-ic\"\u003e🖥️\u003c\/span\u003e\n\u003ch3\u003eGaming \u0026amp; Streaming Setups\u003c\/h3\u003e\n\u003cp\u003eStreamers, content creators and competitive players all share one thing: they want a desk that looks as good on camera as it feels to use. One question mark keycap in the right spot speaks louder than any RGB strip ever could.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__panel\"\u003e\u003cspan class=\"mrio__panel-ic\"\u003e🏢\u003c\/span\u003e\n\u003ch3\u003eOffice \u0026amp; Work-from-Home\u003c\/h3\u003e\n\u003cp\u003eA subtle nod to gaming culture that keeps things professional. It is small enough to blend in but distinctive enough to start the best conversations on your next video call background.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ====================== STATS STRIP ====================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__head\"\u003e\n\u003cdiv class=\"mrio__kicker\"\u003eAt a Glance\u003c\/div\u003e\n\u003ch2 class=\"mrio__h2\"\u003eWhy Collectors Love It\u003c\/h2\u003e\n\u003cdiv class=\"mrio__divider\"\u003e\n\u003cspan class=\"mrio__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__stats\"\u003e\n\u003cdiv class=\"mrio__stat\"\u003e\n\u003cdiv class=\"mrio__stat-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mrio__stat-label\"\u003eColor Options\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__stat\"\u003e\n\u003cdiv class=\"mrio__stat-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mrio__stat-label\"\u003eBold Statement Key\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__stat\"\u003e\n\u003cdiv class=\"mrio__stat-num\"\u003eMX\u003c\/div\u003e\n\u003cdiv class=\"mrio__stat-label\"\u003eUniversal Compatibility\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__stat\"\u003e\n\u003cdiv class=\"mrio__stat-num\"\u003e∞\u003c\/div\u003e\n\u003cdiv class=\"mrio__stat-label\"\u003eSmiles Guaranteed\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================== FAQ ======================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__head\"\u003e\n\u003cdiv class=\"mrio__kicker\"\u003eQuestions?\u003c\/div\u003e\n\u003ch2 class=\"mrio__h2\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdiv class=\"mrio__divider\"\u003e\n\u003cspan class=\"mrio__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__faq\"\u003e\n\u003cdetails open=\"\"\u003e\n\u003csummary\u003eWill this fit my keyboard?\u003c\/summary\u003e\n\u003cdiv class=\"mrio__faq-body\"\u003eYes — it uses a standard MX-style stem, so it fits Cherry MX, Gateron, Kailh and most MX-compatible switches.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow do I choose my colors?\u003c\/summary\u003e\n\u003cdiv class=\"mrio__faq-body\"\u003eSelect the listing and add a note at checkout with your three preferred colors (Red, Yellow, Blue). You can also contact customer service directly after ordering to confirm your selection.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eIs it sold as a single keycap or a set?\u003c\/summary\u003e\n\u003cdiv class=\"mrio__faq-body\"\u003eThis listing sells individual keycaps. Each order gives you one question mark keycap per color selected — perfect for accenting specific keys on your board.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eDoes it work with backlit \/ RGB keyboards?\u003c\/summary\u003e\n\u003cdiv class=\"mrio__faq-body\"\u003eThe keycap is non-backlit and made from opaque ABS, so it will not let RGB light shine through. It will still physically fit on any MX-compatible board regardless of lighting.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan I place it on any key position?\u003c\/summary\u003e\n\u003cdiv class=\"mrio__faq-body\"\u003eAbsolutely. Escape, F keys, letter keys, numpad — as long as the switch underneath is MX-style, the cap will mount securely. Most collectors place it on the Escape key or a spare F-key for maximum visual impact.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =================== PLACEMENT IDEAS =================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__head\"\u003e\n\u003cdiv class=\"mrio__kicker\"\u003eMake It Yours\u003c\/div\u003e\n\u003ch2 class=\"mrio__h2\"\u003eWhere to Place It\u003c\/h2\u003e\n\u003cp class=\"mrio__lead\"\u003eThree colors means three chances to customize. Here are the most popular spots.\u003c\/p\u003e\n\u003cdiv class=\"mrio__divider\"\u003e\n\u003cspan class=\"mrio__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__tips\"\u003e\n\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e⌨️\u003c\/span\u003e\n\u003ch4\u003eEscape Key\u003c\/h4\u003e\n\u003cp\u003eThe top-left position is the most visible on any board — turn your Escape into a statement piece and make every rage-quit feel a little more legendary.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e🎛️\u003c\/span\u003e\n\u003ch4\u003eFunction Row\u003c\/h4\u003e\n\u003cp\u003eDrop it on F1, F5, or F12 for a subtle easter egg. Coworkers and viewers will do a double-take every single time they notice it.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e🟨\u003c\/span\u003e\n\u003ch4\u003eAccent on Number Row\u003c\/h4\u003e\n\u003cp\u003eReplace a tilde, backtick, or number key for a clever nod to the classic coin block — bonus points if it is the number 1 key.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e🎮\u003c\/span\u003e\n\u003ch4\u003eGaming Macro Key\u003c\/h4\u003e\n\u003cp\u003eAssign your most-used macro or push-to-talk key and make it the most satisfying button press in your entire setup.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =================== FEEL \u0026 SOUND =================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__head\"\u003e\n\u003cdiv class=\"mrio__kicker\"\u003eThe Experience\u003c\/div\u003e\n\u003ch2 class=\"mrio__h2\"\u003eSound \u0026amp; Feel\u003c\/h2\u003e\n\u003cp class=\"mrio__lead\"\u003eABS is not just a material — it is a tactile statement.\u003c\/p\u003e\n\u003cdiv class=\"mrio__divider\"\u003e\n\u003cspan class=\"mrio__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__split\"\u003e\n\u003carticle class=\"mrio__panel\"\u003e\u003cspan class=\"mrio__panel-ic\"\u003e🔊\u003c\/span\u003e\n\u003ch3\u003eSatisfying Click\u003c\/h3\u003e\n\u003cp\u003eABS plastic produces a crisp, snappy click on actuation. The injection-moulded construction keeps wall thickness consistent, so every press sounds and feels exactly the same — clean, sharp, and deeply satisfying.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__panel\"\u003e\u003cspan class=\"mrio__panel-ic\"\u003e🤚\u003c\/span\u003e\n\u003ch3\u003eSmooth Surface Finish\u003c\/h3\u003e\n\u003cp\u003eThe smooth ABS surface gives a slick, frictionless landing that feels effortless under your fingertip. Place it on a high-use key and enjoy the contrast against your surrounding textured keycaps.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =================== OUR PROMISE =================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__head\"\u003e\n\u003cdiv class=\"mrio__kicker\"\u003eShop With Confidence\u003c\/div\u003e\n\u003ch2 class=\"mrio__h2\"\u003eOur Promise to You\u003c\/h2\u003e\n\u003cdiv class=\"mrio__divider\"\u003e\n\u003cspan class=\"mrio__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__promise\"\u003e\n\u003carticle class=\"mrio__promise-card\"\u003e\u003cspan class=\"mrio__promise-ic\"\u003e📦\u003c\/span\u003e\n\u003ch4\u003eCarefully Packed\u003c\/h4\u003e\n\u003cp\u003eEvery keycap is individually wrapped and securely packed to arrive in pristine, ready-to-mount condition — because first impressions on the desk should always be perfect.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__promise-card\"\u003e\u003cspan class=\"mrio__promise-ic\"\u003e🔍\u003c\/span\u003e\n\u003ch4\u003eQuality Checked\u003c\/h4\u003e\n\u003cp\u003eEach piece is inspected for sharp legends, correct colour pigmentation, and a clean stem channel before shipping. Only pieces that meet our standards leave the facility.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__promise-card\"\u003e\u003cspan class=\"mrio__promise-ic\"\u003e💬\u003c\/span\u003e\n\u003ch4\u003eColor Support\u003c\/h4\u003e\n\u003cp\u003eNot sure which colors to pick or how to note your selection? Message us before or after ordering and we will guide you through the process from start to delivery.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__promise-card\"\u003e\u003cspan class=\"mrio__promise-ic\"\u003e🎮\u003c\/span\u003e\n\u003ch4\u003eMade for Fans\u003c\/h4\u003e\n\u003cp\u003eDesigned for people who love gaming culture and want their desk to reflect it — one carefully chosen key at a time, with the passion of someone who truly gets it.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003cdetails\u003e\n\u003csummary\u003eDoes ABS plastic yellow over time?\u003c\/summary\u003e\n\u003cdiv class=\"mrio__faq-body\"\u003eABS can discolor with prolonged UV exposure. Keep the keycap away from direct sunlight when not in use and it will retain its original color for years. Regular wiping also prevents oils from building up on the surface.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan I use it on a wireless keyboard?\u003c\/summary\u003e\n\u003cdiv class=\"mrio__faq-body\"\u003eAbsolutely. Wireless keyboards use exactly the same physical switches and keycap stems as wired boards. If your wireless keyboard uses MX-style switches, this keycap will fit perfectly.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow do I tell customer service which colors I want?\u003c\/summary\u003e\n\u003cdiv class=\"mrio__faq-body\"\u003eAdd a note at checkout specifying your three color choices (Red, Yellow, Blue), or send a message to customer service directly after placing your order. We will confirm your selection before your order ships.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWill the color look the same as in the photos?\u003c\/summary\u003e\n\u003cdiv class=\"mrio__faq-body\"\u003eWe do our best to ensure product photos accurately represent the real colors. Red is a bold, classic Mario red; Yellow is a bright coin-gold; Blue is a vivid sky blue. Monitor calibration can slightly affect how colors appear on screen, but the real-world keycaps are vibrant and true to their listed colors.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eIs this an official licensed Nintendo product?\u003c\/summary\u003e\n\u003cdiv class=\"mrio__faq-body\"\u003eThis is a third-party novelty keycap inspired by retro gaming culture. It is not an officially licensed Nintendo product. It is sold as a fan-made collectible accessory for mechanical keyboard enthusiasts.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =================== WHY ABS =================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__head\"\u003e\n\u003cdiv class=\"mrio__kicker\"\u003eMaterial Matters\u003c\/div\u003e\n\u003ch2 class=\"mrio__h2\"\u003eWhy ABS Plastic?\u003c\/h2\u003e\n\u003cp class=\"mrio__lead\"\u003eABS is the material of choice for novelty and artisan-style keycaps worldwide — here is why.\u003c\/p\u003e\n\u003cdiv class=\"mrio__divider\"\u003e\n\u003cspan class=\"mrio__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__tips\"\u003e\n\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e🎨\u003c\/span\u003e\n\u003ch4\u003eVibrant, True Colors\u003c\/h4\u003e\n\u003cp\u003eABS accepts pigments deeply and evenly, producing the bold, saturated reds, yellows, and blues that make this keycap immediately recognizable from across the room.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e🔩\u003c\/span\u003e\n\u003ch4\u003eInjection-Moulding Precision\u003c\/h4\u003e\n\u003cp\u003eThe injection-moulding process gives ABS tight dimensional tolerances, so each keycap clicks onto your switch with a firm, satisfying mount every single time.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e🪶\u003c\/span\u003e\n\u003ch4\u003eLightweight \u0026amp; Durable\u003c\/h4\u003e\n\u003cp\u003eABS is light enough not to add friction to your keystrokes while being tough enough to handle years of daily presses without cracking, warping, or discoloring under normal use.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e✨\u003c\/span\u003e\n\u003ch4\u003eSmooth, Glossy Finish\u003c\/h4\u003e\n\u003cp\u003eThe naturally smooth surface of ABS gives the keycap a clean, polished look that photographs beautifully and catches the light in all the right ways on your desk.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ====================== GIFT BANNER ====================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__gift\"\u003e\n\u003cspan class=\"mrio__gift-ic\"\u003e🎁\u003c\/span\u003e\n\u003ch2\u003eThe Perfect Gift for Any Gamer\u003c\/h2\u003e\n\u003cp\u003eCompact, affordable, and immediately recognizable — a thoughtful treat for keyboard enthusiasts, retro gaming fans, and anyone who appreciates the classics.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ====================== TRUST STRIP ====================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__trust\"\u003e\n\u003cdiv class=\"mrio__trust-item\"\u003e\n\u003cdiv class=\"mrio__trust-ic\"\u003e🎮\u003c\/div\u003e\n\u003cdiv class=\"mrio__trust-t\"\u003eIconic Design\u003c\/div\u003e\n\u003cdiv class=\"mrio__trust-s\"\u003eRetro gaming classic\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__trust-item\"\u003e\n\u003cdiv class=\"mrio__trust-ic\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"mrio__trust-t\"\u003eYour Choice\u003c\/div\u003e\n\u003cdiv class=\"mrio__trust-s\"\u003eRed, Yellow or Blue\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__trust-item\"\u003e\n\u003cdiv class=\"mrio__trust-ic\"\u003e💬\u003c\/div\u003e\n\u003cdiv class=\"mrio__trust-t\"\u003eFriendly Support\u003c\/div\u003e\n\u003cdiv class=\"mrio__trust-s\"\u003eColor queries welcome\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__trust-item\"\u003e\n\u003cdiv class=\"mrio__trust-ic\"\u003e📦\u003c\/div\u003e\n\u003cdiv class=\"mrio__trust-t\"\u003eReady to Ship\u003c\/div\u003e\n\u003cdiv class=\"mrio__trust-s\"\u003eCarefully packed\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ====================== FUN FACTS ====================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__head\"\u003e\n\u003cdiv class=\"mrio__kicker\"\u003eDid You Know?\u003c\/div\u003e\n\u003ch2 class=\"mrio__h2\"\u003eFun Facts About the Question Block\u003c\/h2\u003e\n\u003cdiv class=\"mrio__divider\"\u003e\n\u003cspan class=\"mrio__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mrio__tips\"\u003e\n\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e🍄\u003c\/span\u003e\n\u003ch4\u003eBorn in 1985\u003c\/h4\u003e\n\u003cp\u003eThe question mark block made its debut in the original Super Mario Bros. on the Nintendo Famicom — now it lives on your keyboard, four decades later.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e🪙\u003c\/span\u003e\n\u003ch4\u003eMost Punched Object in Gaming\u003c\/h4\u003e\n\u003cp\u003eBillions of players have punched a question block from below. Now you can press one from above — a much more civilized way to collect your power-up.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e🎯\u003c\/span\u003e\n\u003ch4\u003e3 Colors, Endless Combinations\u003c\/h4\u003e\n\u003cp\u003eRed, Yellow, and Blue are the three primary colors — making this keycap set a small, tactile tribute to both gaming history and color theory at the same time.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e⌨️\u003c\/span\u003e\n\u003ch4\u003eThe Original Power-Up Key\u003c\/h4\u003e\n\u003cp\u003eEvery keyboard has an Escape key — but only yours has a question block. And in gaming, the question block always has something better inside than just \"cancel\".\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ====================== CLOSING CTA ====================== --\u003e\n\u003csection class=\"mrio__section\"\u003e\n\u003cdiv class=\"mrio__cta\"\u003e\n\u003cdiv class=\"mrio__coins\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch2\u003eClaim Your Power-Up Today\u003c\/h2\u003e\n\u003cp\u003eOne key. Three colors. Zero reason not to hit Add to Cart.\u003c\/p\u003e\n\u003ca class=\"mrio__cta-seal\" id=\"mrioCartLink\" href=\"#AddToCart\"\u003e🎮   Add to Cart — Press Start\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ================================================================= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!--  END MARIO QUESTION MARK KEYCAP DESCRIPTION                       --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ================================================================= --\u003e","brand":"KeyArtisan","offers":[{"title":"Yellow","offer_id":48374195421341,"sku":null,"price":16.9,"currency_code":"USD","in_stock":true},{"title":"Red","offer_id":48374195388573,"sku":null,"price":16.9,"currency_code":"USD","in_stock":true},{"title":"Blue","offer_id":48374195454109,"sku":null,"price":16.9,"currency_code":"USD","in_stock":true},{"title":"All in One","offer_id":48374195486877,"sku":null,"price":39.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN01eSUI3d20DmdrVttBD__2217237246816.png_eebd7a8b-36e0-49b6-a705-e36030a81ee0.webp?v=1780585903","url":"https:\/\/keyartisan.net\/products\/mario-question-mark-box-theme-artisan-keycap","provider":"KeyArtisan","version":"1.0","type":"link"}