{"title":"Artisan Keycaps","description":"","products":[{"product_id":"one-piece-theme-anime-artisan-keycap-set","title":"One Piece Theme Anime Artisan Keycap Set","description":"\u003c!-- One Piece Anime Artisan Keycap Set — Ultimate E-Commerce Page --\u003e\u003cstyle\u003e :root{ --pm-text:#111827; --pm-muted:#6b7280; --pm-border:#e5e7eb; --pm-soft:#fff9f6; --pm-radius:16px; --pm-orange:#ff8c42; --pm-orange-light:#ffb380; --pm-orange-soft:#fff0e6; --pm-treasure:#ffd700; --pm-ocean:#4a90e2; --pm-gradient: linear-gradient(135deg, #ff8c42 0%, #ffb380 50%, #fff0e6 100%); } * { box-sizing: border-box; } .pm-wrap{ max-width: 1020px; margin: 0 auto; padding: 24px 16px 48px; color: var(--pm-text); line-height: 1.7; font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif; overflow-x: hidden; } \/* ===== HERO BADGE - CENTERED \u0026 PREMIUM ===== *\/ .pm-hero-badge{ display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background: var(--pm-gradient); color: #fff; font-size: 13px; font-weight: 900; border-radius: 24px; margin-bottom: 12px; letter-spacing: 0.5px; text-transform: uppercase; box-shadow: 0 6px 20px rgba(255,140,66,0.5); animation: premium-glow 3s ease-in-out infinite; } @keyframes premium-glow { 0%, 100% { box-shadow: 0 6px 20px rgba(255,140,66,0.5); } 50% { box-shadow: 0 8px 28px rgba(255,140,66,0.7); } } .pm-badge-center{ text-align: center; margin-bottom: 16px; } .pm-title{ font-size: 32px; font-weight: 900; letter-spacing: -0.5px; margin: 0 0 12px; line-height: 1.2; min-height: auto; background: linear-gradient(135deg, #111827 0%, #4b5563 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; word-wrap: break-word; overflow-wrap: break-word; } .pm-sub{ margin: 0 0 18px; color: var(--pm-muted); font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .pm-sub span{ display: inline-flex; align-items: center; gap: 4px; } \/* ===== CARDS ===== *\/ .pm-card{ border: 1px solid var(--pm-border); border-radius: 20px; background: #fff; padding: 28px 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-bottom: 16px; overflow: hidden; } .pm-p{ margin: 12px 0; color: #374151; font-size: 15px; line-height: 1.75; word-wrap: break-word; overflow-wrap: break-word; } .pm-h3{ margin: 24px 0 14px; font-size: 18px; font-weight: 900; letter-spacing: -0.3px; display:flex; align-items:center; gap:12px; color: #111827; word-wrap: break-word; overflow-wrap: break-word; } .pm-ico{ width: 32px; height: 32px; display:inline-grid; place-items:center; border-radius: 10px; background: var(--pm-orange-soft); border: 1px solid var(--pm-orange-light); font-size: 16px; flex-shrink: 0; } .pm-ul{ margin: 0; padding-left: 0; color:#374151; font-size: 15px; list-style: none; } .pm-ul li{ margin: 10px 0; padding-left: 28px; position: relative; word-wrap: break-word; overflow-wrap: break-word; } .pm-ul li:before{ content: \"⚓\"; position: absolute; left: 0; color: #ff8c42; font-weight: 900; font-size: 16px; } .pm-hr{ border: 0; border-top: 2px solid var(--pm-soft); margin: 24px 0; } \/* ===== TRUST BADGES WITH HOVER ===== *\/ .pm-trust{ display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 24px 0; } .pm-trust-item{ display: flex; align-items: center; gap: 12px; padding: 14px; background: var(--pm-orange-soft); border: 1px solid var(--pm-orange-light); border-radius: 12px; font-size: 13px; font-weight: 700; color: #111827; transition: all 0.3s ease; cursor: pointer; } .pm-trust-item:hover{ transform: translateY(-4px); box-shadow: 0 8px 20px rgba(255,140,66,0.35); background: linear-gradient(135deg, var(--pm-orange-soft) 0%, #fff 100%); border-color: var(--pm-orange); } .pm-trust-icon{ width: 36px; height: 36px; background: #fff; border-radius: 8px; display: grid; place-items: center; font-size: 18px; flex-shrink: 0; transition: transform 0.3s ease; } .pm-trust-item:hover .pm-trust-icon{ transform: scale(1.15) rotate(5deg); } \/* ===== FEATURE GRID ===== *\/ .pm-feature-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0; } .pm-feature-card{ padding: 20px; background: linear-gradient(135deg, #fff 0%, var(--pm-soft) 100%); border: 1px solid var(--pm-border); border-radius: 16px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } .pm-feature-card:hover{ transform: translateY(-4px); box-shadow: 0 8px 24px rgba(255,140,66,0.2); } .pm-feature-icon{ font-size: 32px; margin-bottom: 12px; } .pm-feature-title{ font-size: 15px; font-weight: 800; color: #111827; margin: 0 0 6px; } .pm-feature-desc{ font-size: 13px; color: var(--pm-muted); margin: 0; } \/* ===== SPECS TABLE - ENHANCED WITH HOVER ===== *\/ .pm-table-wrapper{ transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 16px; overflow: hidden; } .pm-table-wrapper:hover{ transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); } .pm-table{ width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--pm-border); border-radius: 16px; background: #fff; } .pm-table th, .pm-table td{ padding: 16px; border-bottom: 1px solid var(--pm-border); font-size: 14px; text-align: left; transition: background 0.2s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-table tr:hover th, .pm-table tr:hover td{ background: var(--pm-orange-soft); } .pm-table tr:last-child th, .pm-table tr:last-child td{ border-bottom: 0; } .pm-table th{ width: 38%; color:#374151; font-weight: 900; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%); } .pm-table td{ font-weight: 700; color:#111827; background:#ffffff; } \/* ===== ALERT - ENHANCED WITH HOVER ===== *\/ .pm-alert{ margin-top: 16px; padding: 16px 18px; border: 2px solid #fee2e2; background: #fef2f2; border-radius: 14px; color:#991b1b; font-size: 14px; font-weight: 600; display: flex; align-items: flex-start; gap: 10px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-alert:hover{ transform: translateY(-2px); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.15); border-color: #fecaca; } .pm-alert-icon{ font-size: 20px; flex-shrink: 0; } \/* ===== INFO BOX - ENHANCED WITH HOVER ===== *\/ .pm-info-box{ padding: 12px 16px; background: var(--pm-soft); border-radius: 12px; border-left: 4px solid #ff8c42; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-info-box:hover{ transform: translateX(4px); box-shadow: 0 4px 16px rgba(255, 140, 66, 0.2); border-color: #ff6b1a; } \/* ===== 3-IMAGE GRID WITH LABELS (TOP SECTION) ===== *\/ .pm-image-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 24px 0; } .pm-grid-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 350px; } .pm-grid-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1); transition: transform 0.5s ease; } .pm-grid-img:hover img{ transform: scale(1.08); } \/* Image Label Badge - Top Right Corner *\/ .pm-img-label{ position: absolute; top: 12px; right: 12px; background: rgba(255, 255, 255, 0.95); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; color: #111827; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 2; backdrop-filter: blur(4px); border: 1px solid rgba(0,0,0,0.05); } \/* ===== 2-IMAGE GALLERY ===== *\/ .pm-double-gallery{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 24px 0; } .pm-double-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 400px; } .pm-double-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-double-img:hover img{ transform: scale(1.05); } \/* ===== RECTANGLE IMAGE SECTION (Between Content) ===== *\/ .pm-rectangle-image{ margin: 32px 0; border-radius: 16px; overflow: hidden; border: 1px solid var(--pm-border); line-height: 0; height: 480px; } .pm-rectangle-image img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-rectangle-image:hover img{ transform: scale(1.05); } \/* ===== LAYOUT SECTION - SQUARE WITH IMAGE LEFT \u0026 TEXT RIGHT ===== *\/ .pm-layout-section{ margin: 32px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; overflow: hidden; } .pm-layout-img{ width: 100%; aspect-ratio: 1\/1; border-radius: 0px; border: 2px solid var(--pm-border); overflow: hidden; line-height: 0; background: #fff; display: flex; align-items: center; justify-content: center; max-width: 100%; position: relative; } .pm-layout-img img{ width: 100%; height: 100%; object-fit: contain; display: block; padding: 0px; max-width: 100%; } \/* Layout Image Label - Same style as top images *\/ .pm-layout-label{ position: absolute; top: 12px; right: 12px; background: rgba(255, 255, 255, 0.95); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; color: #111827; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 2; backdrop-filter: blur(4px); border: 1px solid rgba(0,0,0,0.05); } .pm-layout-text{ aspect-ratio: 1\/1; padding: 24px 20px; background: var(--pm-soft); border-radius: 0px; border: 2px solid var(--pm-orange-light); display: flex; flex-direction: column; justify-content: center; overflow: hidden; max-width: 100%; } .pm-layout-title{ font-size: 18px; font-weight: 900; color: #111827; margin: 0 0 20px; line-height: 1.4; word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; } .pm-layout-list{ margin: 0 0 14px 0; padding-left: 0; list-style: none; } .pm-layout-list li{ padding: 10px 0; font-size: 14px; font-weight: 600; color: #374151; position: relative; padding-left: 28px; word-wrap: break-word; overflow-wrap: break-word; } .pm-layout-list li:before{ content: \"⚓\"; position: absolute; left: 0; color: #ff8c42; font-weight: 900; font-size: 18px; } .pm-layout-note{ font-size: 13px; color: var(--pm-muted); line-height: 1.7; margin: 0; font-style: italic; padding: 12px; background: rgba(255,140,66,0.1); border-radius: 8px; word-wrap: break-word; overflow-wrap: break-word; } \/* ===== CTA SECTION WITH ADJUSTED SPACING ===== *\/ .pm-cta{ margin-top: 32px; padding: 32px 28px; background: var(--pm-gradient); border-radius: 20px; text-align: center; color: #fff; box-shadow: 0 8px 24px rgba(255,140,66,0.45); } .pm-cta-title{ font-size: 24px; font-weight: 900; margin: 0 0 10px; word-wrap: break-word; overflow-wrap: break-word; } .pm-cta-text{ font-size: 15px; margin: 0 0 12px; opacity: 0.95; word-wrap: break-word; overflow-wrap: break-word; } .pm-cta-btn{ display: inline-block; padding: 14px 32px; background: #fff; color: #111827; font-size: 15px; font-weight: 800; border-radius: 12px; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.1); cursor: pointer; animation: heartbeat-slow 3s ease-in-out infinite; } .pm-cta-btn:hover{ transform: translateY(-2px) scale(1.05); box-shadow: 0 6px 20px rgba(0,0,0,0.15); animation: heartbeat-hover 2s ease-in-out infinite; } @keyframes heartbeat-slow { 0%, 100% { transform: scale(1); } 7% { transform: scale(1.03); } 14% { transform: scale(1); } 21% { transform: scale(1.03); } 28% { transform: scale(1); } } @keyframes heartbeat-hover { 0%, 100% { transform: translateY(-2px) scale(1.05); } 50% { transform: translateY(-2px) scale(1.08); } } \/* ===== CENTERED HELP SECTION ===== *\/ .pm-help-center{ text-align: center; margin-top: 32px; } \/* ===== FOOTER INFO - MINIMAL SPACING ===== *\/ .pm-footer-info{ margin-top: 16px; margin-bottom: 0; padding: 14px 18px; text-align: center; background: var(--pm-soft); border-radius: 20px; border: 1px solid var(--pm-border); } .pm-footer-badges{ display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; font-size: 13px; color: var(--pm-muted); margin: 0; } .pm-footer-badge-item{ display: flex; align-items: center; gap: 6px; } .pm-footer-badge-icon{ font-size: 16px; } \/* ===== RESPONSIVE - TABLET ===== *\/ @media (max-width: 860px){ .pm-wrap{ padding: 16px 12px 32px; } .pm-title{ font-size: 24px; } .pm-sub{ font-size: 14px; gap: 10px; } .pm-card{ padding: 20px 16px; } .pm-p{ font-size: 14px; } .pm-h3{ font-size: 17px; margin: 20px 0 12px; } .pm-ico{ width: 28px; height: 28px; font-size: 14px; } .pm-ul{ font-size: 14px; } .pm-ul li{ padding-left: 24px; } .pm-ul li:before{ font-size: 14px; } .pm-trust{ grid-template-columns: 1fr; gap: 10px; } .pm-trust-item{ padding: 12px; font-size: 12px; } .pm-trust-icon{ width: 32px; height: 32px; font-size: 16px; } .pm-feature-grid{ grid-template-columns: repeat(2, 1fr); gap: 12px; } .pm-feature-card{ padding: 16px; } .pm-feature-icon{ font-size: 28px; margin-bottom: 10px; } .pm-feature-title{ font-size: 14px; } .pm-feature-desc{ font-size: 12px; } .pm-table th, .pm-table td{ padding: 12px; font-size: 13px; } .pm-table th{ font-size: 11px; } .pm-alert{ padding: 14px 16px; font-size: 13px; } .pm-alert-icon{ font-size: 18px; } .pm-cta{ padding: 24px 20px; } .pm-cta-title{ font-size: 20px; } .pm-cta-text{ font-size: 14px; margin: 0 0 10px; } .pm-cta-btn{ padding: 12px 28px; font-size: 14px; } .pm-image-grid{ grid-template-columns: 1fr; gap: 10px; } .pm-grid-img{ height: 300px; } .pm-double-gallery{ grid-template-columns: 1fr; gap: 10px; } .pm-double-img{ height: 300px; } .pm-img-label, .pm-layout-label{ font-size: 10px; padding: 5px 10px; top: 10px; right: 10px; } .pm-rectangle-image{ height: 350px; margin: 24px 0; } .pm-layout-section{ grid-template-columns: 1fr; gap: 16px; margin: 24px 0; } .pm-layout-img, .pm-layout-text{ aspect-ratio: 1\/1; max-width: 100%; } .pm-layout-text{ padding: 20px 16px; } .pm-layout-title{ font-size: 16px; margin: 0 0 16px; } .pm-layout-list li{ font-size: 13px; padding: 8px 0; padding-left: 24px; } .pm-layout-list li:before{ font-size: 16px; } .pm-layout-note{ font-size: 12px; padding: 10px; } .pm-footer-badges{ font-size: 12px; gap: 16px; } } \/* ===== RESPONSIVE - MOBILE ===== *\/ @media (max-width: 500px){ .pm-wrap{ padding: 12px 10px 28px; max-width: 100%; overflow-x: hidden; } .pm-hero-badge{ font-size: 10px; padding: 5px 12px; } .pm-title{ font-size: 18px; line-height: 1.3; margin-bottom: 10px; } .pm-sub{ font-size: 11px; gap: 6px; } .pm-card{ padding: 16px 12px; border-radius: 16px; } .pm-p{ font-size: 13px; line-height: 1.65; margin: 10px 0; } .pm-h3{ font-size: 14px; margin: 16px 0 10px; gap: 8px; } .pm-ico{ width: 24px; height: 24px; font-size: 12px; } .pm-ul{ font-size: 12px; } .pm-ul li{ margin: 8px 0; padding-left: 20px; } .pm-ul li:before{ font-size: 12px; } .pm-hr{ margin: 16px 0; } .pm-trust{ grid-template-columns: 1fr; gap: 8px; margin: 16px 0; } .pm-trust-item{ padding: 10px; font-size: 11px; } .pm-trust-icon{ width: 28px; height: 28px; font-size: 14px; } .pm-feature-grid{ grid-template-columns: 1fr; gap: 10px; margin: 16px 0; } .pm-feature-card{ padding: 12px; } .pm-feature-icon{ font-size: 22px; margin-bottom: 8px; } .pm-feature-title{ font-size: 12px; margin-bottom: 4px; } .pm-feature-desc{ font-size: 10px; } .pm-table-wrapper{ border-radius: 12px; overflow-x: auto; -webkit-overflow-scrolling: touch; } .pm-table{ border-radius: 12px; min-width: 100%; } .pm-table th, .pm-table td{ padding: 10px 8px; font-size: 11px; } .pm-table th{ font-size: 9px; width: 35%; } .pm-alert{ padding: 12px 14px; font-size: 11px; border-radius: 12px; } .pm-alert-icon{ font-size: 16px; } .pm-info-box{ font-size: 11px; padding: 10px 12px; } .pm-cta{ padding: 20px 14px; margin-top: 24px; border-radius: 16px; } .pm-cta-title{ font-size: 17px; margin-bottom: 8px; } .pm-cta-text{ font-size: 12px; margin: 0 0 10px; } .pm-cta-btn{ padding: 11px 24px; font-size: 12px; border-radius: 10px; } .pm-image-grid{ grid-template-columns: 1fr; gap: 8px; margin: 16px 0; } .pm-grid-img{ height: 250px; border-radius: 12px; } .pm-double-gallery{ grid-template-columns: 1fr; gap: 8px; } .pm-double-img{ height: 250px; border-radius: 12px; } .pm-img-label, .pm-layout-label{ font-size: 8px; padding: 4px 8px; top: 8px; right: 8px; border-radius: 6px; } .pm-rectangle-image{ height: 280px; margin: 20px 0; border-radius: 12px; } .pm-layout-section{ grid-template-columns: 1fr; gap: 12px; margin: 20px 0; overflow: hidden; } .pm-layout-img{ border-radius: 12px; border: 1px solid var(--pm-border); aspect-ratio: 1\/1; max-width: 100%; } .pm-layout-img img{ max-width: 100%; height: auto; } .pm-layout-text{ padding: 14px 12px; border-radius: 12px; border: 1px solid var(--pm-orange-light); aspect-ratio: auto; min-height: auto; } .pm-layout-title{ font-size: 13px; margin: 0 0 12px; line-height: 1.4; } .pm-layout-list{ margin: 0 0 10px 0; } .pm-layout-list li{ font-size: 11px; padding: 5px 0; padding-left: 20px; line-height: 1.5; } .pm-layout-list li:before{ font-size: 13px; } .pm-layout-note{ font-size: 10px; padding: 8px; line-height: 1.5; } .pm-help-center{ margin-top: 24px; } .pm-help-center .pm-p{ font-size: 12px; } .pm-footer-info{ padding: 10px 14px; border-radius: 16px; margin-top: 12px; } .pm-footer-badges{ gap: 12px; flex-direction: column; align-items: center; font-size: 11px; } .pm-footer-badge-icon{ font-size: 14px; } }\u003c\/style\u003e\u003cdiv class=\"pm-wrap\"\u003e\n\u003c!-- Hero Badge - CENTERED \u0026 PREMIUM --\u003e\u003cdiv class=\"pm-badge-center\"\u003e\u003cdiv class=\"pm-hero-badge\"\u003e⚓ Anime Collection • Limited Edition\u003c\/div\u003e\u003c\/div\u003e\n\u003c!-- PRODUCT IMAGES IN 3-IMAGE GRID WITH TOP-RIGHT LABELS --\u003e\u003cdiv class=\"pm-image-grid\"\u003e\n\u003c!-- Main Product View --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eMain Product View\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/one-piece-theme-anime-artisan-keycap-set-7932635.jpg?v=1769761181\" alt=\"One Piece Theme Anime Artisan Keycap Set - KeyArtisan\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c!-- Lifestyle Setup View --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eLifestyle Setup\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/one-piece-theme-anime-artisan-keycap-set-5496522.jpg?v=1769761181\" alt=\"One Piece Theme Anime Artisan Keycap Set - KeyArtisan\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c!-- Detail Close-Up Shot --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eDetail Close-Up\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/one-piece-theme-anime-artisan-keycap-set-5976122.jpg?v=1769761181\" alt=\"One Piece Theme Anime Artisan Keycap Set - KeyArtisan\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch1 class=\"pm-title\"\u003eOne Piece Anime Artisan Keycap Set\u003c\/h1\u003e\n\u003cdiv class=\"pm-sub\"\u003e\n\u003cspan\u003e⚓ Chibi Crew Characters\u003c\/span\u003e \u003cspan\u003e🏴☠️ Adventure Theme\u003c\/span\u003e \u003cspan\u003e🗺️ Premium Quality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pm-p\"\u003e⚓ \u003cstrong\u003eTransform your keyboard into a Grand Line adventure!\u003c\/strong\u003e Ready to sail with the Straw Hat crew? 🏴☠️\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eThe \u003cstrong\u003eOne Piece Anime Artisan Keycap Set\u003c\/strong\u003e brings your favorite pirate adventure to life with stunning chibi character art, treasure motifs, and nautical details. Every keystroke becomes part of an epic journey across the seas.\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eFeaturing beloved characters in adorable chibi style, treasure maps, sailing ships, and iconic One Piece symbols. The warm color palette of ocean blues, treasure golds, adventure reds, and wood-tone browns creates an immersive pirate aesthetic that anime fans and keyboard enthusiasts will treasure.\u003c\/p\u003e\n\u003c!-- Trust Badges with Hover Effects --\u003e\u003cdiv class=\"pm-trust\"\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🚚\u003c\/div\u003e\n\u003cdiv\u003eFree Shipping Over $100\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🔒\u003c\/div\u003e\n\u003cdiv\u003eSecure Checkout\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e↩️\u003c\/div\u003e\n\u003cdiv\u003e60-Day Returns\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- Feature Grid - 6 items --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e✨\u003c\/span\u003e Why You'll Love This Set\u003c\/h3\u003e\n\u003cdiv class=\"pm-feature-grid\"\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🏴☠️\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eEpic Adventure Theme\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eChibi characters, treasure maps \u0026amp; pirate details\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e⚓\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eAnime Authenticity\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eOfficial One Piece inspired artwork \u0026amp; symbols\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🗺️\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eDual Profile Options\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eChoose MOA (rounded) or Cherry (classic)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eRich Color Palette\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eOcean blues, treasure golds \u0026amp; warm tones\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e💪\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003ePremium PBT Build\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eDye-sublimation print, 142-key coverage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎁\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eCollector's Item\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003ePerfect gift for anime \u0026amp; keyboard fans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🌊\u003c\/span\u003e Set Sail on Every Keystroke\u003c\/h3\u003e\n\u003cp class=\"pm-p\"\u003eFrom Luffy's infectious smile to detailed nautical maps, this keycap set captures the heart of One Piece. Each key tells a story through meticulously crafted artwork featuring the Straw Hat crew, treasure chests, compass roses, and iconic pirate symbols that make every typing session feel like an adventure on the Grand Line.\u003c\/p\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎀\u003c\/span\u003e Standout Features\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003eAdorable chibi One Piece character novelties with vibrant colors\u003c\/li\u003e\n\u003cli\u003eTreasure-themed artwork: maps, barrels, ships \u0026amp; compass designs\u003c\/li\u003e\n\u003cli\u003eChoice between MOA profile (smooth, rounded) or Cherry profile (classic)\u003c\/li\u003e\n\u003cli\u003eComplete 142-key set with full ANSI \u0026amp; ISO layout support\u003c\/li\u003e\n\u003cli\u003ePremium PBT material with dye-sublimation printing (fade-resistant)\u003c\/li\u003e\n\u003cli\u003eOcean-inspired color palette with warm adventure accent tones\u003c\/li\u003e\n\u003cli\u003eIncludes keycap puller tool for hassle-free installation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- DOUBLE IMAGE GALLERY --\u003e\u003cdiv class=\"pm-double-gallery\"\u003e\n\u003cdiv class=\"pm-double-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/one-piece-theme-anime-artisan-keycap-set-7625762.jpg?v=1769761181\" alt=\"One Piece Theme Anime Artisan Keycap Set - KeyArtisan\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-double-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/one-piece-theme-anime-artisan-keycap-set-1627956.jpg?v=1769761181\" alt=\"One Piece Theme Anime Artisan Keycap Set - KeyArtisan\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RECTANGLE IMAGE BETWEEN SECTIONS --\u003e\u003cdiv class=\"pm-rectangle-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/one-piece-theme-anime-artisan-keycap-set-1505512.jpg?v=1769761181\" alt=\"One Piece Theme Anime Artisan Keycap Set - KeyArtisan\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎨\u003c\/span\u003e Available Variations\u003c\/h3\u003e\n\u003cp class=\"pm-p\"\u003e\u003cstrong\u003eChoose Your Perfect Profile:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMOA Profile\u003c\/strong\u003e - Smooth, rounded top for comfortable typing (142 keys)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCherry Profile\u003c\/strong\u003e - Classic sculpted shape for traditional feel (142 keys)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-p\"\u003eBoth profiles include the complete character artwork and 142-key coverage for maximum compatibility.\u003c\/p\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e💎\u003c\/span\u003e Premium Build Quality\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Premium PBT plastic for long-lasting durability\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrinting:\u003c\/strong\u003e Dye-sublimation legends (permanent, never fades)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eThickness:\u003c\/strong\u003e 1.4mm thick keycaps for premium sound \u0026amp; feel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFinish:\u003c\/strong\u003e Textured matte surface prevents shine \u0026amp; fingerprints\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurability:\u003c\/strong\u003e Designed for daily heavy use \u0026amp; long-term collecting\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQuality Control:\u003c\/strong\u003e Each set inspected before shipping\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e⚙️\u003c\/span\u003e Technical Specifications\u003c\/h3\u003e\n\u003cdiv class=\"pm-table-wrapper\"\u003e\u003ctable class=\"pm-table\" role=\"table\" aria-label=\"Keyboard compatibility specifications\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eProfile Options\u003c\/th\u003e\n\u003ctd\u003eMOA Profile (Rounded) \/ Cherry Profile (Classic)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKey Count\u003c\/th\u003e\n\u003ctd\u003e142 Keys (Complete Set)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eLayout Support\u003c\/th\u003e\n\u003ctd\u003eANSI \u0026amp; ISO Compatible\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKeyboard Sizes\u003c\/th\u003e\n\u003ctd\u003e60% \/ 65% \/ 75% \/ 80% (TKL) \/ 96% \/ Full-Size \/ Alice \u0026amp; Much More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSwitch Type\u003c\/th\u003e\n\u003ctd\u003eMX-Style Cross Mechanical Switches Only\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003ePremium PBT (1.4mm thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePrinting Method\u003c\/th\u003e\n\u003ctd\u003eDye-Sublimation (Permanent \u0026amp; Fade-Resistant)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSurface Finish\u003c\/th\u003e\n\u003ctd\u003eTextured Matte (Anti-Shine)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-alert\"\u003e\n\u003cspan class=\"pm-alert-icon\"\u003e⚠️\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eCompatibility Notice:\u003c\/strong\u003e This keycap set works ONLY with MX-style mechanical switches. NOT compatible with membrane keyboards, laptop scissor switches, or low-profile mechanical keyboards. Verify your keyboard uses standard MX switches before ordering.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- LAYOUT SECTION HEADING --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📐\u003c\/span\u003e Layout Coverage \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c!-- SQUARE LAYOUT SECTION - IMAGE LEFT, TEXT RIGHT WITH LABEL --\u003e\u003cdiv class=\"pm-layout-section\"\u003e\n\u003cdiv class=\"pm-layout-img\"\u003e\n\u003cspan class=\"pm-layout-label\"\u003eKeycap SET LAYOUT\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/one-piece-theme-anime-artisan-keycap-set-2172244.jpg?v=1769761181\" alt=\"One Piece Theme Anime Artisan Keycap Set - KeyArtisan\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-layout-text\"\u003e\n\u003ch2 class=\"pm-layout-title\"\u003eUniversal Compatibility with Most Mechanical Keyboards\u003c\/h2\u003e\n\u003cul class=\"pm-layout-list\"\u003e\n\u003cli\u003e60% Compact Layouts\u003c\/li\u003e\n\u003cli\u003e65% Compact with Arrows\u003c\/li\u003e\n\u003cli\u003e75% Compact Full Function\u003c\/li\u003e\n\u003cli\u003e80% TKL (Tenkeyless)\u003c\/li\u003e\n\u003cli\u003e96% \/ 100%\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eAlice Ergonomic Layout\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-layout-note\"\u003e\u003cstrong\u003e💡 Tip:\u003c\/strong\u003e Compatible with ANSI \u0026amp; ISO layouts. Not sure if your keyboard is compatible? Send us a photo or model number — our team is happy to verify compatibility before you order!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📦\u003c\/span\u003e Complete Package Contents\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e142-Key Keycap Set\u003c\/strong\u003e - Your choice of MOA or Cherry profile\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCharacter Novelty Keys\u003c\/strong\u003e - All One Piece themed special keys\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKeycap Puller Tool\u003c\/strong\u003e - Plastic puller for easy installation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePremium Box\u003c\/strong\u003e - High Quality Packaging\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-p pm-info-box\"\u003e\u003cstrong\u003e📝 Important:\u003c\/strong\u003e This listing includes \u003cstrong\u003eKEYCAPS ONLY\u003c\/strong\u003e. Keyboards, switches, and other accessories shown in product photos are for display purposes only and are NOT included in your purchase.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Additional Image Gallery with Variation Names --\u003e\u003cdiv class=\"pm-image-grid\"\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eMOA Profile\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/one-piece-theme-anime-artisan-keycap-set-7932635.jpg?v=1769761181\" alt=\"One Piece Theme Anime Artisan Keycap Set - KeyArtisan\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eNovelty Details\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/one-piece-theme-anime-artisan-keycap-set-3112657.jpg?v=1769761181\" alt=\"One Piece Theme Anime Artisan Keycap Set - KeyArtisan\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eCherry Profile\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/one-piece-theme-anime-artisan-keycap-set-6814826.jpg?v=1769761181\" alt=\"One Piece Theme Anime Artisan Keycap Set - KeyArtisan\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section with Heartbeat Animation --\u003e\u003cdiv class=\"pm-cta\"\u003e\n\u003ch2 class=\"pm-cta-title\"\u003e⚓ Begin Your Adventure Today! 🏴☠️\u003c\/h2\u003e\n\u003cp class=\"pm-cta-text\"\u003eJoin the One Piece crew and transform your keyboard into an epic pirate journey\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Centered Help Section --\u003e\u003cdiv class=\"pm-card pm-help-center\"\u003e\n\u003cp class=\"pm-p\"\u003e\u003cstrong\u003e💬 Questions? We're Here to Help!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eNeed advice on profile differences? Wondering about compatibility with your specific keyboard? Want help choosing between MOA and Cherry profiles?\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eOur KeyArtisan support team loves helping fellow a keyboard enthusiasts! We typically respond within 24 hours and can answer any questions about installation, compatibility, or building your perfect setup. 😊\u003c\/p\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003cp style=\"margin-bottom: 0; font-size: 13px;\" class=\"pm-p\"\u003e\u003cstrong\u003e🏴☠️ The Adventure Awaits\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 0; font-size: 13px;\" class=\"pm-p\"\u003eColorful, detailed, and brimming with personality — the One Piece Anime Artisan Keycap Set is the ultimate choice for anime enthusiasts, mechanical keyboard collectors, and anyone who wants to bring the spirit of adventure, friendship, and epic journeys to their daily typing experience. Every keystroke becomes part of the Grand Line adventure. ⚓\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Footer Info - MINIMAL SPACING --\u003e\u003cdiv class=\"pm-footer-info\"\u003e\u003cdiv class=\"pm-footer-badges\"\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e📧\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eFull Order Tracking Included\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e🌍\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eWorldwide Shipping Available\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e💝\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003ePremium Quality Guaranteed\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Rolipan","offers":[{"title":"MOA Profile","offer_id":49406823497943,"sku":null,"price":69.9,"currency_code":"USD","in_stock":true},{"title":"Cherry Profile","offer_id":49406823530711,"sku":null,"price":69.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/one-piece-theme-anime-artisan-keycap-set-9737168.jpg?v=1783490096"},{"product_id":"hatsune-miku-theme-japanese-style-keycap-set","title":"Hatsune Miku Theme Japanese Style Keycap Set","description":"\u003c!-- Hatsune Miku Japanese Style PBT Cherry Keycap Set — Ultimate E-Commerce Page --\u003e\u003cstyle\u003e :root{ --pm-text:#111827; --pm-muted:#6b7280; --pm-border:#e5e7eb; --pm-soft:#f0fdfe; --pm-radius:16px; --pm-orange:#00bcd4; --pm-orange-light:#4dd0e1; --pm-orange-soft:#e0f7fa; --pm-gradient: linear-gradient(135deg, #00bcd4 0%, #4dd0e1 50%, #e0f7fa 100%); } * { box-sizing: border-box; } .pm-wrap{ max-width: 1020px; margin: 0 auto; padding: 24px 16px 48px; color: var(--pm-text); line-height: 1.7; font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif; overflow-x: hidden; } \/* ===== HERO BADGE - CENTERED \u0026 PREMIUM ===== *\/ .pm-hero-badge{ display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background: var(--pm-gradient); color: #fff; font-size: 13px; font-weight: 900; border-radius: 24px; margin-bottom: 12px; letter-spacing: 0.5px; text-transform: uppercase; box-shadow: 0 6px 20px rgba(0,188,212,0.5); animation: premium-glow 3s ease-in-out infinite; } @keyframes premium-glow { 0%, 100% { box-shadow: 0 6px 20px rgba(0,188,212,0.5); } 50% { box-shadow: 0 8px 28px rgba(0,188,212,0.7); } } .pm-badge-center{ text-align: center; margin-bottom: 16px; } .pm-title{ font-size: 32px; font-weight: 900; letter-spacing: -0.5px; margin: 0 0 12px; line-height: 1.2; min-height: auto; background: linear-gradient(135deg, #111827 0%, #4b5563 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; word-wrap: break-word; overflow-wrap: break-word; } .pm-sub{ margin: 0 0 18px; color: var(--pm-muted); font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .pm-sub span{ display: inline-flex; align-items: center; gap: 4px; } \/* ===== CARDS ===== *\/ .pm-card{ border: 1px solid var(--pm-border); border-radius: 20px; background: #fff; padding: 28px 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-bottom: 16px; overflow: hidden; } .pm-p{ margin: 12px 0; color: #374151; font-size: 15px; line-height: 1.75; word-wrap: break-word; overflow-wrap: break-word; } .pm-h3{ margin: 24px 0 14px; font-size: 18px; font-weight: 900; letter-spacing: -0.3px; display:flex; align-items:center; gap:12px; color: #111827; word-wrap: break-word; overflow-wrap: break-word; } .pm-ico{ width: 32px; height: 32px; display:inline-grid; place-items:center; border-radius: 10px; background: var(--pm-orange-soft); border: 1px solid var(--pm-orange-light); font-size: 16px; flex-shrink: 0; } .pm-ul{ margin: 0; padding-left: 0; color:#374151; font-size: 15px; list-style: none; } .pm-ul li{ margin: 10px 0; padding-left: 28px; position: relative; word-wrap: break-word; overflow-wrap: break-word; } .pm-ul li:before{ content: \"🎵\"; position: absolute; left: 0; color: #00bcd4; font-weight: 900; font-size: 16px; } .pm-hr{ border: 0; border-top: 2px solid var(--pm-soft); margin: 24px 0; } \/* ===== TRUST BADGES WITH HOVER ===== *\/ .pm-trust{ display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 24px 0; } .pm-trust-item{ display: flex; align-items: center; gap: 12px; padding: 14px; background: var(--pm-orange-soft); border: 1px solid var(--pm-orange-light); border-radius: 12px; font-size: 13px; font-weight: 700; color: #111827; transition: all 0.3s ease; cursor: pointer; } .pm-trust-item:hover{ transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,188,212,0.35); background: linear-gradient(135deg, var(--pm-orange-soft) 0%, #fff 100%); border-color: var(--pm-orange); } .pm-trust-icon{ width: 36px; height: 36px; background: #fff; border-radius: 8px; display: grid; place-items: center; font-size: 18px; flex-shrink: 0; transition: transform 0.3s ease; } .pm-trust-item:hover .pm-trust-icon{ transform: scale(1.15) rotate(5deg); } \/* ===== FEATURE GRID ===== *\/ .pm-feature-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0; } .pm-feature-card{ padding: 20px; background: linear-gradient(135deg, #fff 0%, var(--pm-soft) 100%); border: 1px solid var(--pm-border); border-radius: 16px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } .pm-feature-card:hover{ transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,188,212,0.2); } .pm-feature-icon{ font-size: 32px; margin-bottom: 12px; } .pm-feature-title{ font-size: 15px; font-weight: 800; color: #111827; margin: 0 0 6px; } .pm-feature-desc{ font-size: 13px; color: var(--pm-muted); margin: 0; } \/* ===== SPECS TABLE - ENHANCED WITH HOVER ===== *\/ .pm-table-wrapper{ transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 16px; overflow: hidden; } .pm-table-wrapper:hover{ transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); } .pm-table{ width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--pm-border); border-radius: 16px; background: #fff; } .pm-table th, .pm-table td{ padding: 16px; border-bottom: 1px solid var(--pm-border); font-size: 14px; text-align: left; transition: background 0.2s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-table tr:hover th, .pm-table tr:hover td{ background: var(--pm-orange-soft); } .pm-table tr:last-child th, .pm-table tr:last-child td{ border-bottom: 0; } .pm-table th{ width: 38%; color:#374151; font-weight: 900; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%); } .pm-table td{ font-weight: 700; color:#111827; background:#ffffff; } \/* ===== ALERT - ENHANCED WITH HOVER ===== *\/ .pm-alert{ margin-top: 16px; padding: 16px 18px; border: 2px solid #fee2e2; background: #fef2f2; border-radius: 14px; color:#991b1b; font-size: 14px; font-weight: 600; display: flex; align-items: flex-start; gap: 10px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-alert:hover{ transform: translateY(-2px); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.15); border-color: #fecaca; } .pm-alert-icon{ font-size: 20px; flex-shrink: 0; } \/* ===== INFO BOX - ENHANCED WITH HOVER ===== *\/ .pm-info-box{ padding: 12px 16px; background: var(--pm-soft); border-radius: 12px; border-left: 4px solid #00bcd4; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-info-box:hover{ transform: translateX(4px); box-shadow: 0 4px 16px rgba(0,188,212,0.2); border-color: #0097a7; } \/* ===== 3-IMAGE GRID WITH LABELS (TOP SECTION) ===== *\/ .pm-image-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 24px 0; } .pm-grid-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 350px; } .pm-grid-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1); transition: transform 0.5s ease; } .pm-grid-img:hover img{ transform: scale(1.08); } \/* Image Label Badge - Top Right Corner *\/ .pm-img-label{ position: absolute; top: 12px; right: 12px; background: rgba(255, 255, 255, 0.95); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; color: #111827; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 2; backdrop-filter: blur(4px); border: 1px solid rgba(0,0,0,0.05); } \/* ===== 2-IMAGE GALLERY ===== *\/ .pm-double-gallery{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 24px 0; } .pm-double-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 400px; } .pm-double-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-double-img:hover img{ transform: scale(1.05); } \/* ===== RECTANGLE IMAGE SECTION (Between Content) ===== *\/ .pm-rectangle-image{ margin: 32px 0; border-radius: 16px; overflow: hidden; border: 1px solid var(--pm-border); line-height: 0; height: 480px; } .pm-rectangle-image img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-rectangle-image:hover img{ transform: scale(1.05); } \/* ===== LAYOUT SECTION - SQUARE WITH IMAGE LEFT \u0026 TEXT RIGHT ===== *\/ .pm-layout-section{ margin: 32px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; overflow: hidden; } .pm-layout-img{ width: 100%; aspect-ratio: 1\/1; border-radius: 0px; border: 2px solid var(--pm-border); overflow: hidden; line-height: 0; background: #fff; display: flex; align-items: center; justify-content: center; max-width: 100%; position: relative; } .pm-layout-img img{ width: 100%; height: 100%; object-fit: contain; display: block; padding: 0px; max-width: 100%; } \/* Layout Image Label - Same style as top images *\/ .pm-layout-label{ position: absolute; top: 12px; right: 12px; background: rgba(255, 255, 255, 0.95); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; color: #111827; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 2; backdrop-filter: blur(4px); border: 1px solid rgba(0,0,0,0.05); } .pm-layout-text{ aspect-ratio: 1\/1; padding: 24px 20px; background: var(--pm-soft); border-radius: 0px; border: 2px solid var(--pm-orange-light); display: flex; flex-direction: column; justify-content: center; overflow: hidden; max-width: 100%; } .pm-layout-title{ font-size: 18px; font-weight: 900; color: #111827; margin: 0 0 20px; line-height: 1.4; word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; } .pm-layout-list{ margin: 0 0 12px 0; padding-left: 0; list-style: none; } .pm-layout-list li{ padding: 7px 0; font-size: 13px; font-weight: 600; color: #374151; position: relative; padding-left: 28px; word-wrap: break-word; overflow-wrap: break-word; } .pm-layout-list li:before{ content: \"🎵\"; position: absolute; left: 0; color: #00bcd4; font-weight: 900; font-size: 16px; } .pm-layout-note{ font-size: 12px; color: var(--pm-muted); line-height: 1.7; margin: 0; font-style: italic; padding: 10px; background: rgba(0,188,212,0.08); border-radius: 8px; word-wrap: break-word; overflow-wrap: break-word; } \/* ===== CTA SECTION WITH ADJUSTED SPACING ===== *\/ .pm-cta{ margin-top: 32px; padding: 32px 28px; background: var(--pm-gradient); border-radius: 20px; text-align: center; color: #fff; box-shadow: 0 8px 24px rgba(0,188,212,0.45); } .pm-cta-title{ font-size: 24px; font-weight: 900; margin: 0 0 10px; word-wrap: break-word; overflow-wrap: break-word; } .pm-cta-text{ font-size: 15px; margin: 0 0 12px; opacity: 0.95; word-wrap: break-word; overflow-wrap: break-word; } .pm-cta-btn{ display: inline-block; padding: 14px 32px; background: #fff; color: #111827; font-size: 15px; font-weight: 800; border-radius: 12px; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.1); cursor: pointer; animation: heartbeat-slow 3s ease-in-out infinite; } .pm-cta-btn:hover{ transform: translateY(-2px) scale(1.05); box-shadow: 0 6px 20px rgba(0,0,0,0.15); animation: heartbeat-hover 2s ease-in-out infinite; } @keyframes heartbeat-slow { 0%, 100% { transform: scale(1); } 7% { transform: scale(1.03); } 14% { transform: scale(1); } 21% { transform: scale(1.03); } 28% { transform: scale(1); } } @keyframes heartbeat-hover { 0%, 100% { transform: translateY(-2px) scale(1.05); } 50% { transform: translateY(-2px) scale(1.08); } } \/* ===== CENTERED HELP SECTION ===== *\/ .pm-help-center{ text-align: center; margin-top: 32px; } \/* ===== FOOTER INFO - MINIMAL SPACING ===== *\/ .pm-footer-info{ margin-top: 16px; margin-bottom: 0; padding: 14px 18px; text-align: center; background: var(--pm-soft); border-radius: 20px; border: 1px solid var(--pm-border); } .pm-footer-badges{ display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; font-size: 13px; color: var(--pm-muted); margin: 0; } .pm-footer-badge-item{ display: flex; align-items: center; gap: 6px; } .pm-footer-badge-icon{ font-size: 16px; } \/* ===== RESPONSIVE - TABLET ===== *\/ @media (max-width: 860px){ .pm-wrap{ padding: 16px 12px 32px; } .pm-title{ font-size: 24px; } .pm-sub{ font-size: 14px; gap: 10px; } .pm-card{ padding: 20px 16px; } .pm-p{ font-size: 14px; } .pm-h3{ font-size: 17px; margin: 20px 0 12px; } .pm-ico{ width: 28px; height: 28px; font-size: 14px; } .pm-ul{ font-size: 14px; } .pm-ul li{ padding-left: 24px; } .pm-ul li:before{ font-size: 14px; } .pm-trust{ grid-template-columns: 1fr; gap: 10px; } .pm-trust-item{ padding: 12px; font-size: 12px; } .pm-trust-icon{ width: 32px; height: 32px; font-size: 16px; } .pm-feature-grid{ grid-template-columns: repeat(2, 1fr); gap: 12px; } .pm-feature-card{ padding: 16px; } .pm-feature-icon{ font-size: 28px; margin-bottom: 10px; } .pm-feature-title{ font-size: 14px; } .pm-feature-desc{ font-size: 12px; } .pm-table th, .pm-table td{ padding: 12px; font-size: 13px; } .pm-table th{ font-size: 11px; } .pm-alert{ padding: 14px 16px; font-size: 13px; } .pm-alert-icon{ font-size: 18px; } .pm-cta{ padding: 24px 20px; } .pm-cta-title{ font-size: 20px; } .pm-cta-text{ font-size: 14px; margin: 0 0 10px; } .pm-cta-btn{ padding: 12px 28px; font-size: 14px; } .pm-image-grid{ grid-template-columns: 1fr; gap: 10px; } .pm-grid-img{ height: 300px; } .pm-double-gallery{ grid-template-columns: 1fr; gap: 10px; } .pm-double-img{ height: 300px; } .pm-img-label, .pm-layout-label{ font-size: 10px; padding: 5px 10px; top: 10px; right: 10px; } .pm-rectangle-image{ height: 350px; margin: 24px 0; } .pm-layout-section{ grid-template-columns: 1fr; gap: 16px; margin: 24px 0; } .pm-layout-img, .pm-layout-text{ aspect-ratio: 1\/1; max-width: 100%; } .pm-layout-text{ padding: 20px 16px; } .pm-layout-title{ font-size: 16px; margin: 0 0 16px; } .pm-layout-list li{ font-size: 13px; padding: 8px 0; padding-left: 24px; } .pm-layout-list li:before{ font-size: 16px; } .pm-layout-note{ font-size: 12px; padding: 10px; } .pm-footer-badges{ font-size: 12px; gap: 16px; } } \/* ===== RESPONSIVE - MOBILE ===== *\/ @media (max-width: 500px){ .pm-wrap{ padding: 12px 10px 28px; max-width: 100%; overflow-x: hidden; } .pm-hero-badge{ font-size: 10px; padding: 5px 12px; } .pm-title{ font-size: 18px; line-height: 1.3; margin-bottom: 10px; } .pm-sub{ font-size: 11px; gap: 6px; } .pm-card{ padding: 16px 12px; border-radius: 16px; } .pm-p{ font-size: 13px; line-height: 1.65; margin: 10px 0; } .pm-h3{ font-size: 14px; margin: 16px 0 10px; gap: 8px; } .pm-ico{ width: 24px; height: 24px; font-size: 12px; } .pm-ul{ font-size: 12px; } .pm-ul li{ margin: 8px 0; padding-left: 20px; } .pm-ul li:before{ font-size: 12px; } .pm-hr{ margin: 16px 0; } .pm-trust{ grid-template-columns: 1fr; gap: 8px; margin: 16px 0; } .pm-trust-item{ padding: 10px; font-size: 11px; } .pm-trust-icon{ width: 28px; height: 28px; font-size: 14px; } .pm-feature-grid{ grid-template-columns: 1fr; gap: 10px; margin: 16px 0; } .pm-feature-card{ padding: 12px; } .pm-feature-icon{ font-size: 22px; margin-bottom: 8px; } .pm-feature-title{ font-size: 12px; margin-bottom: 4px; } .pm-feature-desc{ font-size: 10px; } .pm-table-wrapper{ border-radius: 12px; overflow-x: auto; -webkit-overflow-scrolling: touch; } .pm-table{ border-radius: 12px; min-width: 100%; } .pm-table th, .pm-table td{ padding: 10px 8px; font-size: 11px; } .pm-table th{ font-size: 9px; width: 35%; } .pm-alert{ padding: 12px 14px; font-size: 11px; border-radius: 12px; } .pm-alert-icon{ font-size: 16px; } .pm-info-box{ font-size: 11px; padding: 10px 12px; } .pm-cta{ padding: 20px 14px; margin-top: 24px; border-radius: 16px; } .pm-cta-title{ font-size: 17px; margin-bottom: 8px; } .pm-cta-text{ font-size: 12px; margin: 0 0 10px; } .pm-cta-btn{ padding: 11px 24px; font-size: 12px; border-radius: 10px; } .pm-image-grid{ grid-template-columns: 1fr; gap: 8px; margin: 16px 0; } .pm-grid-img{ height: 250px; border-radius: 12px; } .pm-double-gallery{ grid-template-columns: 1fr; gap: 8px; } .pm-double-img{ height: 250px; border-radius: 12px; } .pm-img-label, .pm-layout-label{ font-size: 8px; padding: 4px 8px; top: 8px; right: 8px; border-radius: 6px; } .pm-rectangle-image{ height: 280px; margin: 20px 0; border-radius: 12px; } .pm-layout-section{ grid-template-columns: 1fr; gap: 12px; margin: 20px 0; overflow: hidden; } .pm-layout-img{ border-radius: 12px; border: 1px solid var(--pm-border); aspect-ratio: 1\/1; max-width: 100%; } .pm-layout-img img{ max-width: 100%; height: auto; } .pm-layout-text{ padding: 14px 12px; border-radius: 12px; border: 1px solid var(--pm-orange-light); aspect-ratio: auto; min-height: auto; } .pm-layout-title{ font-size: 13px; margin: 0 0 12px; line-height: 1.4; } .pm-layout-list{ margin: 0 0 10px 0; } .pm-layout-list li{ font-size: 11px; padding: 5px 0; padding-left: 20px; line-height: 1.5; } .pm-layout-list li:before{ font-size: 13px; } .pm-layout-note{ font-size: 10px; padding: 8px; line-height: 1.5; } .pm-help-center{ margin-top: 24px; } .pm-help-center .pm-p{ font-size: 12px; } .pm-footer-info{ padding: 10px 14px; border-radius: 16px; margin-top: 12px; } .pm-footer-badges{ gap: 12px; flex-direction: column; align-items: center; font-size: 11px; } .pm-footer-badge-icon{ font-size: 14px; } }\u003c\/style\u003e\u003cdiv class=\"pm-wrap\"\u003e\n\u003c!-- Hero Badge - CENTERED \u0026 PREMIUM --\u003e\u003cdiv class=\"pm-badge-center\"\u003e\u003cdiv class=\"pm-hero-badge\"\u003e🎵 Vocaloid Collection • MIKU Edition\u003c\/div\u003e\u003c\/div\u003e\n\u003c!-- PRODUCT IMAGES IN 3-IMAGE GRID WITH TOP-RIGHT LABELS --\u003e\u003cdiv class=\"pm-image-grid\"\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eMain Product View\u003c\/span\u003e \u003cimg alt=\"Hatsune Miku Japanese Style PBT OEM Keycap Set - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/hatsune-miku-japanese-style-pbt-oem-keycap-set-8349663.jpg?v=1769701347\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eLifestyle Setup\u003c\/span\u003e \u003cimg alt=\"Hatsune Miku Japanese Style PBT OEM Keycap Set - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/hatsune-miku-japanese-style-pbt-oem-keycap-set-2697334.jpg?v=1769701349\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eDetail Close-Up\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/hatsune-miku-japanese-style-pbt-oem-keycap-set-8600805.jpg?v=1769701347\" alt=\"Hatsune Miku Japanese Style PBT OEM Keycap Set - KeyArtisan\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch1 class=\"pm-title\"\u003eHatsune Miku Japanese Style Keycap Set\u003c\/h1\u003e\n\u003cdiv class=\"pm-sub\"\u003e\n\u003cspan\u003e🎤 Vocaloid Inspired\u003c\/span\u003e \u003cspan\u003e🌊 Signature Teal Theme\u003c\/span\u003e \u003cspan\u003e🎀 Kawaii Aesthetic\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pm-p\"\u003e🎵 \u003cstrong\u003eLet your keyboard sing with the iconic voice of Vocaloid culture!\u003c\/strong\u003e Bring Hatsune Miku's legendary kawaii charm to every keystroke. 💙\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eThe \u003cstrong\u003eHatsune Miku Japanese Style Keycap Set\u003c\/strong\u003e is a love letter to anime culture and mechanical keyboard artistry. Featuring Miku's signature turquoise tones, adorable anime-style artwork, and Japanese design elements — every key is a tiny celebration of the world's most iconic virtual idol.\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eCrafted from premium PBT material with five-sided dye-sublimation printing, this 129-key set delivers stunning visuals and exceptional durability. Whether you're composing, gaming, or simply typing, your desk will radiate pure kawaii energy. 💻💖\u003c\/p\u003e\n\u003c!-- Trust Badges --\u003e\u003cdiv class=\"pm-trust\"\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🚚\u003c\/div\u003e\n\u003cdiv\u003eFree Shipping Over $100\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🔒\u003c\/div\u003e\n\u003cdiv\u003eSecure Checkout\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e↩️\u003c\/div\u003e\n\u003cdiv\u003e60-Day Returns\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- Feature Grid - 6 items --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e✨\u003c\/span\u003e Why You'll Love This Set\u003c\/h3\u003e\n\u003cdiv class=\"pm-feature-grid\"\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎤\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eIconic Vocaloid Theme\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eHatsune Miku inspired artwork \u0026amp; signature teal tones\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🌊\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eKawaii Japanese Style\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eAuthentic anime aesthetic with Japanese design details\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🖋️\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003e5-Sided Dye-Sub Print\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eVibrant legends on all visible sides, never fades\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e💪\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003ePremium PBT Material\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eResists shine, wear \u0026amp; oils for long-lasting quality\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e⌨️\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eCherry Profile\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eSculpted comfort for daily typing \u0026amp; gaming sessions\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎁\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003ePerfect Gift\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eIdeal for Miku fans, gamers \u0026amp; keyboard enthusiasts\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎵\u003c\/span\u003e A Keyboard That Sings\u003c\/h3\u003e\n\u003cp class=\"pm-p\"\u003eFrom Miku's iconic twin tails to delicate Japanese motifs, every detail of this keycap set has been lovingly crafted to capture the essence of the world's most beloved virtual idol. The signature turquoise and teal palette pairs beautifully with any desk setup, creating an aesthetic that's as expressive as Miku herself.\u003c\/p\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎀\u003c\/span\u003e Standout Features\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003eHatsune Miku inspired turquoise \u0026amp; teal color palette throughout\u003c\/li\u003e\n\u003cli\u003eAdorable kawaii anime-style artwork with Japanese design elements\u003c\/li\u003e\n\u003cli\u003eFive-sided dye-sublimation printing — vibrant from every angle\u003c\/li\u003e\n\u003cli\u003eCherry profile sculpting for ergonomic, comfortable daily use\u003c\/li\u003e\n\u003cli\u003eComplete 129-key set supporting multiple popular layouts\u003c\/li\u003e\n\u003cli\u003ePremium PBT plastic — shine-resistant, oil-resistant, durable\u003c\/li\u003e\n\u003cli\u003eIncludes keycap puller tool for easy, hassle-free installation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- DOUBLE IMAGE GALLERY --\u003e\u003cdiv class=\"pm-double-gallery\"\u003e\n\u003cdiv class=\"pm-double-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/hatsune-miku-japanese-style-pbt-oem-keycap-set-8234415.jpg?v=1769701349\" alt=\"Hatsune Miku Japanese Style PBT OEM Keycap Set - KeyArtisan\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-double-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/hatsune-miku-japanese-style-pbt-oem-keycap-set-7093817.jpg?v=1769701348\" alt=\"Hatsune Miku Japanese Style PBT OEM Keycap Set - KeyArtisan\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RECTANGLE IMAGE BETWEEN SECTIONS --\u003e\u003cdiv class=\"pm-rectangle-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/hatsune-miku-japanese-style-pbt-oem-keycap-set-2697334.jpg?v=1769701349\" alt=\"Hatsune Miku Japanese Style PBT OEM Keycap Set - KeyArtisan\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎨\u003c\/span\u003e Available Variations\u003c\/h3\u003e\n\u003cp class=\"pm-p\"\u003e\u003cstrong\u003eOne Complete Set — Everything Included:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"pm-ul\"\u003e\u003cli\u003e\n\u003cstrong\u003eCherry Profile\u003c\/strong\u003e — Classic sculpted shape for comfortable, traditional typing feel (129 keys)\u003c\/li\u003e\u003c\/ul\u003e\n\u003cp class=\"pm-p\"\u003eThe 129-key set provides full coverage for versatile layout configurations while maintaining the complete kawaii Miku theme across every single key.\u003c\/p\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e💎\u003c\/span\u003e Premium Build Quality\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Premium PBT plastic — durable, shine-resistant \u0026amp; oil-resistant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrinting:\u003c\/strong\u003e Five-sided dye-sublimation (permanent, vivid, never fades)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProfile:\u003c\/strong\u003e Cherry — ergonomic sculpted rows for comfortable typing\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFinish:\u003c\/strong\u003e Smooth matte texture that feels great under fingertips\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurability:\u003c\/strong\u003e Built for daily use — gaming, typing \u0026amp; long work sessions\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQuality Control:\u003c\/strong\u003e Every set inspected before shipping\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e⚙️\u003c\/span\u003e Technical Specifications\u003c\/h3\u003e\n\u003cdiv class=\"pm-table-wrapper\"\u003e\u003ctable aria-label=\"Keycap technical specifications\" role=\"table\" class=\"pm-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eProfile\u003c\/th\u003e\n\u003ctd\u003eCherry Profile (Classic Sculpted)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKey Count\u003c\/th\u003e\n\u003ctd\u003e129 Keys (Complete Set)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eLayout Support\u003c\/th\u003e\n\u003ctd\u003eANSI Compatible\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKeyboard Sizes\u003c\/th\u003e\n\u003ctd\u003e61 \/ 64 \/ 68 \/ 75 \/ 84 \/ 87 \/ 96 \/ 98 \/ 100 \/ 104 \/ 108 Key\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSwitch Type\u003c\/th\u003e\n\u003ctd\u003eMX-Style Cross Mechanical Switches Only\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003ePremium PBT (Shine \u0026amp; Oil Resistant)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePrinting Method\u003c\/th\u003e\n\u003ctd\u003eFive-Sided Dye-Sublimation (Permanent \u0026amp; Fade-Resistant)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eColor Theme\u003c\/th\u003e\n\u003ctd\u003eHatsune Miku Turquoise \u0026amp; Teal Signature Palette\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-alert\"\u003e\n\u003cspan class=\"pm-alert-icon\"\u003e⚠️\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eCompatibility Notice:\u003c\/strong\u003e This keycap set works ONLY with MX-style mechanical switches. NOT compatible with membrane keyboards, laptop scissor switches, or low-profile mechanical keyboards. Verify your keyboard uses standard MX switches before ordering.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- LAYOUT SECTION HEADING --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📐\u003c\/span\u003e Layout Coverage \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c!-- SQUARE LAYOUT SECTION - IMAGE LEFT, TEXT RIGHT WITH LABEL --\u003e\u003cdiv class=\"pm-layout-section\"\u003e\n\u003cdiv class=\"pm-layout-img\"\u003e\n\u003cspan class=\"pm-layout-label\"\u003eKeycap Set Layout\u003c\/span\u003e \u003cimg loading=\"lazy\" alt=\"Hatsune Miku Japanese Style PBT Cherry Keycap Set Layout - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/imgi_9_O1CN0122XF3x22Iw7Q5OS6M__3025407098_png.webp?v=1771574271\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-layout-text\"\u003e\n\u003ch4 class=\"pm-layout-title\"\u003eWide Compatibility with Most Popular Keyboard Sizes\u003c\/h4\u003e\n\u003cul class=\"pm-layout-list\"\u003e\n\u003cli\u003e61-Key 60% Compact Layout\u003c\/li\u003e\n\u003cli\u003e64 \/ 68-Key 65% Compact Layout\u003c\/li\u003e\n\u003cli\u003e75-Key 75% Compact Layout\u003c\/li\u003e\n\u003cli\u003e84-Key Compact TKL Layout\u003c\/li\u003e\n\u003cli\u003e87-Key TKL (Tenkeyless) Layout\u003c\/li\u003e\n\u003cli\u003e96 \/ 98-Key Compact Full-Size\u003c\/li\u003e\n\u003cli\u003e100 \/ 104 \/ 108-Key Full-Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-layout-note\"\u003e\u003cstrong\u003eNOTE:\u003c\/strong\u003e Not sure if your keyboard is compatible? Send us your keyboard model — our team will verify compatibility before you order! 💙\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📦\u003c\/span\u003e Complete Package Contents\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e129-Key PBT Keycap Set\u003c\/strong\u003e — Complete Cherry profile set\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKawaii Novelty Keys\u003c\/strong\u003e — All Hatsune Miku themed special keys included\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKeycap Puller Tool\u003c\/strong\u003e — Plastic puller for easy, safe installation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePremium Box\u003c\/strong\u003e — High quality packaging, perfect for gifting\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-p pm-info-box\"\u003e\u003cstrong\u003e📝 Important:\u003c\/strong\u003e This listing includes \u003cstrong\u003eKEYCAPS ONLY\u003c\/strong\u003e. Keyboards, switches, and all other accessories shown in product photos are for display purposes only and are NOT included in your purchase.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Additional Image Gallery with Detail Labels --\u003e\u003cdiv class=\"pm-image-grid\"\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eCherry Profile\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/hatsune-miku-japanese-style-pbt-oem-keycap-set-9702534.jpg?v=1769701348\" alt=\"Hatsune Miku Japanese Style PBT OEM Keycap Set - KeyArtisan\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: start;\" class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eNovelty Details\u003c\/span\u003e \u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/hatsune-miku-japanese-style-pbt-oem-keycap-set-1992184.jpg?v=1769701348\" alt=\"Hatsune Miku Japanese Style PBT OEM Keycap Set - KeyArtisan\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003ePerfect!\u003c\/span\u003e \u003cimg alt=\"Hatsune Miku Japanese Style PBT OEM Keycap Set - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/hatsune-miku-japanese-style-pbt-oem-keycap-set-8234415.jpg?v=1769701349\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section with Heartbeat Animation --\u003e\u003cdiv class=\"pm-cta\"\u003e\n\u003ch2 class=\"pm-cta-title\"\u003e🎵 Let Your Keyboard Sing with Miku! 💙\u003c\/h2\u003e\n\u003cp class=\"pm-cta-text\"\u003eAdd kawaii Vocaloid vibes to your mechanical keyboard today\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Centered Help Section --\u003e\u003cdiv class=\"pm-card pm-help-center\"\u003e\n\u003cp class=\"pm-p\"\u003e\u003cstrong\u003e💬 Questions? We're Here to Help!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eNeed help confirming compatibility with your keyboard? Curious about the Cherry profile feel? Want advice on pairing this set with the perfect switches?\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eOur KeyArtisan support team loves helping fellow keyboard enthusiasts and anime fans! We typically respond within 24 hours and are happy to answer any questions about installation, compatibility, or building your dream Miku setup. 😊\u003c\/p\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003cp class=\"pm-p\" style=\"margin-bottom: 0; font-size: 13px;\"\u003e\u003cstrong\u003e🎤 Where Kawaii Meets Quality\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"pm-p\" style=\"margin-bottom: 0; font-size: 13px;\"\u003eVibrant, detailed, and bursting with personality — the Hatsune Miku Japanese Style PBT Cherry Keycap Set is the perfect choice for Vocaloid fans, anime enthusiasts, and keyboard collectors who want to express their love for the iconic virtual idol every single day. Let your keyboard make music. 🎵💙\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Footer Info - MINIMAL SPACING --\u003e\u003cdiv class=\"pm-footer-info\"\u003e\u003cdiv class=\"pm-footer-badges\"\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e📧\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eFull Order Tracking Included\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e🌍\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eWorldwide Shipping Available\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e💝\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003ePremium Quality Guaranteed\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406824677591,"sku":null,"price":48.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/hatsune-miku-japanese-style-pbt-oem-keycap-set-1992184.jpg?v=1783490109"},{"product_id":"cute-pink-melody-theme-pastel-keycap-set","title":"Cute Pink Melody Theme Pastel Keycap Set","description":"\u003ch2\u003e🌸 Want to make your keyboard as cute as your vibe? 💕\u003c\/h2\u003e\u003cp\u003eThe Melody Theme Keycap Set transforms your keyboard into a pastel dream. With its soft pink tones, sweet artwork novelties, and high-quality build, it’s perfect for anyone who loves kawaii aesthetics.\u003cbr\u003e\u003cbr\u003e𝐖𝐡𝐲 𝐘𝐨𝐮’𝐥𝐥 𝐋𝐨𝐯𝐞 𝐈𝐭\u003cbr\u003e\u003cbr\u003e• Sweet pastel pink \u0026amp; white theme with Melody artwork\u003cbr\u003e• Fun novelty keys with cherries, ribbons \u0026amp; cute characters\u003cbr\u003e• Designed for a kawaii, cozy desk setup\u003cbr\u003e• Great gift for collectors and lovers of cute accessories\u003cbr\u003e\u003cbr\u003e𝐏𝐫𝐞𝐦𝐢𝐮𝐦 𝐁𝐮𝐢𝐥𝐝\u003cbr\u003e\u003cbr\u003e• Profile: Cherry Profile \u0026amp; MOA Profile\u003cbr\u003e• Material: PBT\u003cbr\u003e• Printing: Dye-Sub legends\u003cbr\u003e\u003cbr\u003e𝐂𝐨𝐦𝐩𝐚𝐭𝐢𝐛𝐢𝐥𝐢𝐭𝐲\u003cbr\u003e\u003cbr\u003e✔ Works with 61 \/ 64 \/ 68 \/ 75 \/ 84 \/ 87 \/ 96 \/ 980 \/ 104 \/ 108 \/ Alice Layouts\u003cbr\u003e✔ Supports ANSI \u0026amp; ISO layouts\u003cbr\u003e\u003cbr\u003e💬 Not sure if it fits your board? Contact us — we reply fast!\u003cbr\u003e\u003cbr\u003e𝐖𝐡𝐚𝐭’𝐬 𝐈𝐧𝐜𝐥𝐮𝐝𝐞𝐝\u003cbr\u003e\u003cbr\u003e• Keycaps\u003cbr\u003e• Novelties \u0026amp; unique printed spacebars\u003cbr\u003e• Secure packaging for safe shipping\u003cbr\u003e\u003cbr\u003e𝐓𝐡𝐞 𝐕𝐢𝐛𝐞 🌸\u003cbr\u003e\u003cbr\u003eCute, pastel, and cozy — this set brings charm and happiness to every keystroke, making your desk feel like a kawaii wonderland.\u003c\/p\u003e","brand":"Rolipan","offers":[{"title":"PC + Cherry Profile","offer_id":49406827593943,"sku":null,"price":65.9,"currency_code":"USD","in_stock":true},{"title":"Cherry Profile","offer_id":49406827626711,"sku":null,"price":53.9,"currency_code":"USD","in_stock":true},{"title":"Side Print","offer_id":49406827659479,"sku":null,"price":61.9,"currency_code":"USD","in_stock":true},{"title":"MOA Profile","offer_id":49406827692247,"sku":null,"price":53.9,"currency_code":"USD","in_stock":true},{"title":"PC Keycaps","offer_id":49406827725015,"sku":null,"price":20.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/cute-pink-melody-theme-pastel-keycap-set-9602029.jpg?v=1783490132"},{"product_id":"honkai-star-rail-anaxagoras-theme-keycap-set","title":"Honkai Star Rail Anaxagoras Theme Keycap Set","description":"\u003c!-- Honkai Star Rail Anaxagoras Theme Keycap Set — Ultimate E-Commerce Page --\u003e\u003cstyle\u003e :root{ --pm-text:#111827; --pm-muted:#6b7280; --pm-border:#e5e7eb; --pm-soft:#f0f7ff; --pm-radius:16px; --pm-orange:#6a9fd8; --pm-orange-light:#a8cef0; --pm-orange-soft:#e8f4fd; --pm-treasure:#c9b8e8; --pm-ocean:#9b8ec4; --pm-gradient: linear-gradient(135deg, #6a9fd8 0%, #a8cef0 50%, #e8d5f5 100%); } * { box-sizing: border-box; } .pm-wrap{ max-width: 1020px; margin: 0 auto; padding: 24px 16px 48px; color: var(--pm-text); line-height: 1.7; font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif; overflow-x: hidden; } \/* ===== HERO BADGE - CENTERED \u0026 PREMIUM ===== *\/ .pm-hero-badge{ display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background: var(--pm-gradient); color: #fff; font-size: 13px; font-weight: 900; border-radius: 24px; margin-bottom: 12px; letter-spacing: 0.5px; text-transform: uppercase; box-shadow: 0 6px 20px rgba(106,159,216,0.5); animation: premium-glow 3s ease-in-out infinite; } @keyframes premium-glow { 0%, 100% { box-shadow: 0 6px 20px rgba(106,159,216,0.5); } 50% { box-shadow: 0 8px 28px rgba(106,159,216,0.7); } } .pm-badge-center{ text-align: center; margin-bottom: 16px; } .pm-title{ font-size: 32px; font-weight: 900; letter-spacing: -0.5px; margin: 0 0 12px; line-height: 1.2; min-height: auto; background: linear-gradient(135deg, #111827 0%, #4b5563 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; word-wrap: break-word; overflow-wrap: break-word; } .pm-sub{ margin: 0 0 18px; color: var(--pm-muted); font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .pm-sub span{ display: inline-flex; align-items: center; gap: 4px; } \/* ===== CARDS ===== *\/ .pm-card{ border: 1px solid var(--pm-border); border-radius: 20px; background: #fff; padding: 28px 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-bottom: 16px; overflow: hidden; } .pm-p{ margin: 12px 0; color: #374151; font-size: 15px; line-height: 1.75; word-wrap: break-word; overflow-wrap: break-word; } .pm-h3{ margin: 24px 0 14px; font-size: 18px; font-weight: 900; letter-spacing: -0.3px; display:flex; align-items:center; gap:12px; color: #111827; word-wrap: break-word; overflow-wrap: break-word; } .pm-ico{ width: 32px; height: 32px; display:inline-grid; place-items:center; border-radius: 10px; background: var(--pm-orange-soft); border: 1px solid var(--pm-orange-light); font-size: 16px; flex-shrink: 0; } .pm-ul{ margin: 0; padding-left: 0; color:#374151; font-size: 15px; list-style: none; } .pm-ul li{ margin: 10px 0; padding-left: 28px; position: relative; word-wrap: break-word; overflow-wrap: break-word; } .pm-ul li:before{ content: \"🌌\"; position: absolute; left: 0; color: #6a9fd8; font-weight: 900; font-size: 16px; } .pm-hr{ border: 0; border-top: 2px solid var(--pm-soft); margin: 24px 0; } \/* ===== TRUST BADGES WITH HOVER ===== *\/ .pm-trust{ display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 24px 0; } .pm-trust-item{ display: flex; align-items: center; gap: 12px; padding: 14px; background: var(--pm-orange-soft); border: 1px solid var(--pm-orange-light); border-radius: 12px; font-size: 13px; font-weight: 700; color: #111827; transition: all 0.3s ease; cursor: pointer; } .pm-trust-item:hover{ transform: translateY(-4px); box-shadow: 0 8px 20px rgba(106,159,216,0.35); background: linear-gradient(135deg, var(--pm-orange-soft) 0%, #fff 100%); border-color: var(--pm-orange); } .pm-trust-icon{ width: 36px; height: 36px; background: #fff; border-radius: 8px; display: grid; place-items: center; font-size: 18px; flex-shrink: 0; transition: transform 0.3s ease; } .pm-trust-item:hover .pm-trust-icon{ transform: scale(1.15) rotate(5deg); } \/* ===== FEATURE GRID ===== *\/ .pm-feature-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0; } .pm-feature-card{ padding: 20px; background: linear-gradient(135deg, #fff 0%, var(--pm-soft) 100%); border: 1px solid var(--pm-border); border-radius: 16px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } .pm-feature-card:hover{ transform: translateY(-4px); box-shadow: 0 8px 24px rgba(106,159,216,0.2); } .pm-feature-icon{ font-size: 32px; margin-bottom: 12px; } .pm-feature-title{ font-size: 15px; font-weight: 800; color: #111827; margin: 0 0 6px; } .pm-feature-desc{ font-size: 13px; color: var(--pm-muted); margin: 0; } \/* ===== SPECS TABLE - ENHANCED WITH HOVER ===== *\/ .pm-table-wrapper{ transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 16px; overflow: hidden; } .pm-table-wrapper:hover{ transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); } .pm-table{ width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--pm-border); border-radius: 16px; background: #fff; } .pm-table th, .pm-table td{ padding: 16px; border-bottom: 1px solid var(--pm-border); font-size: 14px; text-align: left; transition: background 0.2s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-table tr:hover th, .pm-table tr:hover td{ background: var(--pm-orange-soft); } .pm-table tr:last-child th, .pm-table tr:last-child td{ border-bottom: 0; } .pm-table th{ width: 38%; color:#374151; font-weight: 900; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%); } .pm-table td{ font-weight: 700; color:#111827; background:#ffffff; } \/* ===== ALERT - ENHANCED WITH HOVER ===== *\/ .pm-alert{ margin-top: 16px; padding: 16px 18px; border: 2px solid #fee2e2; background: #fef2f2; border-radius: 14px; color:#991b1b; font-size: 14px; font-weight: 600; display: flex; align-items: flex-start; gap: 10px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-alert:hover{ transform: translateY(-2px); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.15); border-color: #fecaca; } .pm-alert-icon{ font-size: 20px; flex-shrink: 0; } \/* ===== INFO BOX - ENHANCED WITH HOVER ===== *\/ .pm-info-box{ padding: 12px 16px; background: var(--pm-soft); border-radius: 12px; border-left: 4px solid #6a9fd8; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-info-box:hover{ transform: translateX(4px); box-shadow: 0 4px 16px rgba(106,159,216,0.2); border-color: #4a82c4; } \/* ===== 3-IMAGE GRID WITH LABELS (TOP SECTION) ===== *\/ .pm-image-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 24px 0; } .pm-grid-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 350px; } .pm-grid-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1); transition: transform 0.5s ease; } .pm-grid-img:hover img{ transform: scale(1.08); } \/* Image Label Badge - Top Right Corner *\/ .pm-img-label{ position: absolute; top: 12px; right: 12px; background: rgba(255,255,255,0.95); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; color: #111827; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 2; backdrop-filter: blur(4px); border: 1px solid rgba(0,0,0,0.05); } \/* ===== 2-IMAGE GALLERY ===== *\/ .pm-double-gallery{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 24px 0; } .pm-double-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 400px; } .pm-double-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-double-img:hover img{ transform: scale(1.05); } \/* ===== RECTANGLE IMAGE SECTION (Between Content) ===== *\/ .pm-rectangle-image{ margin: 32px 0; border-radius: 16px; overflow: hidden; border: 1px solid var(--pm-border); line-height: 0; height: 480px; } .pm-rectangle-image img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-rectangle-image:hover img{ transform: scale(1.05); } \/* ===== LAYOUT SECTION - SQUARE WITH IMAGE LEFT \u0026 TEXT RIGHT ===== *\/ .pm-layout-section{ margin: 32px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; overflow: hidden; } .pm-layout-img{ width: 100%; aspect-ratio: 1\/1; border-radius: 0px; border: 2px solid var(--pm-border); overflow: hidden; line-height: 0; background: #fff; display: flex; align-items: center; justify-content: center; max-width: 100%; position: relative; } .pm-layout-img img{ width: 100%; height: 100%; object-fit: contain; display: block; padding: 0px; max-width: 100%; } \/* Layout Image Label - Same style as top images *\/ .pm-layout-label{ position: absolute; top: 12px; right: 12px; background: rgba(255,255,255,0.95); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; color: #111827; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 2; backdrop-filter: blur(4px); border: 1px solid rgba(0,0,0,0.05); } .pm-layout-text{ aspect-ratio: 1\/1; padding: 24px 20px; background: var(--pm-soft); border-radius: 0px; border: 2px solid var(--pm-orange-light); display: flex; flex-direction: column; justify-content: center; overflow: hidden; max-width: 100%; } .pm-layout-title{ font-size: 18px; font-weight: 900; color: #111827; margin: 0 0 20px; line-height: 1.4; word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; } .pm-layout-list{ margin: 0 0 14px 0; padding-left: 0; list-style: none; } .pm-layout-list li{ padding: 10px 0; font-size: 14px; font-weight: 600; color: #374151; position: relative; padding-left: 28px; word-wrap: break-word; overflow-wrap: break-word; } .pm-layout-list li:before{ content: \"🌌\"; position: absolute; left: 0; color: #6a9fd8; font-weight: 900; font-size: 18px; } .pm-layout-note{ font-size: 13px; color: var(--pm-muted); line-height: 1.7; margin: 0; font-style: italic; padding: 12px; background: rgba(106,159,216,0.1); border-radius: 8px; word-wrap: break-word; overflow-wrap: break-word; } \/* ===== CTA SECTION WITH ADJUSTED SPACING ===== *\/ .pm-cta{ margin-top: 32px; padding: 32px 28px; background: var(--pm-gradient); border-radius: 20px; text-align: center; color: #fff; box-shadow: 0 8px 24px rgba(106,159,216,0.45); } .pm-cta-title{ font-size: 24px; font-weight: 900; margin: 0 0 10px; word-wrap: break-word; overflow-wrap: break-word; } .pm-cta-text{ font-size: 15px; margin: 0 0 12px; opacity: 0.95; word-wrap: break-word; overflow-wrap: break-word; } .pm-cta-btn{ display: inline-block; padding: 14px 32px; background: #fff; color: #111827; font-size: 15px; font-weight: 800; border-radius: 12px; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.1); cursor: pointer; animation: heartbeat-slow 3s ease-in-out infinite; } .pm-cta-btn:hover{ transform: translateY(-2px) scale(1.05); box-shadow: 0 6px 20px rgba(0,0,0,0.15); animation: heartbeat-hover 2s ease-in-out infinite; } @keyframes heartbeat-slow { 0%, 100% { transform: scale(1); } 7% { transform: scale(1.03); } 14% { transform: scale(1); } 21% { transform: scale(1.03); } 28% { transform: scale(1); } } @keyframes heartbeat-hover { 0%, 100% { transform: translateY(-2px) scale(1.05); } 50% { transform: translateY(-2px) scale(1.08); } } \/* ===== CENTERED HELP SECTION ===== *\/ .pm-help-center{ text-align: center; margin-top: 32px; } \/* ===== FOOTER INFO - MINIMAL SPACING ===== *\/ .pm-footer-info{ margin-top: 16px; margin-bottom: 0; padding: 14px 18px; text-align: center; background: var(--pm-soft); border-radius: 20px; border: 1px solid var(--pm-border); } .pm-footer-badges{ display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; font-size: 13px; color: var(--pm-muted); margin: 0; } .pm-footer-badge-item{ display: flex; align-items: center; gap: 6px; } .pm-footer-badge-icon{ font-size: 16px; } \/* ===== RESPONSIVE - TABLET ===== *\/ @media (max-width: 860px){ .pm-wrap{ padding: 16px 12px 32px; } .pm-title{ font-size: 24px; } .pm-sub{ font-size: 14px; gap: 10px; } .pm-card{ padding: 20px 16px; } .pm-p{ font-size: 14px; } .pm-h3{ font-size: 17px; margin: 20px 0 12px; } .pm-ico{ width: 28px; height: 28px; font-size: 14px; } .pm-ul{ font-size: 14px; } .pm-ul li{ padding-left: 24px; } .pm-ul li:before{ font-size: 14px; } .pm-trust{ grid-template-columns: 1fr; gap: 10px; } .pm-trust-item{ padding: 12px; font-size: 12px; } .pm-trust-icon{ width: 32px; height: 32px; font-size: 16px; } .pm-feature-grid{ grid-template-columns: repeat(2, 1fr); gap: 12px; } .pm-feature-card{ padding: 16px; } .pm-feature-icon{ font-size: 28px; margin-bottom: 10px; } .pm-feature-title{ font-size: 14px; } .pm-feature-desc{ font-size: 12px; } .pm-table th, .pm-table td{ padding: 12px; font-size: 13px; } .pm-table th{ font-size: 11px; } .pm-alert{ padding: 14px 16px; font-size: 13px; } .pm-alert-icon{ font-size: 18px; } .pm-cta{ padding: 24px 20px; } .pm-cta-title{ font-size: 20px; } .pm-cta-text{ font-size: 14px; margin: 0 0 10px; } .pm-cta-btn{ padding: 12px 28px; font-size: 14px; } .pm-image-grid{ grid-template-columns: 1fr; gap: 10px; } .pm-grid-img{ height: 300px; } .pm-double-gallery{ grid-template-columns: 1fr; gap: 10px; } .pm-double-img{ height: 300px; } .pm-img-label, .pm-layout-label{ font-size: 10px; padding: 5px 10px; top: 10px; right: 10px; } .pm-rectangle-image{ height: 350px; margin: 24px 0; } .pm-layout-section{ grid-template-columns: 1fr; gap: 16px; margin: 24px 0; } .pm-layout-img, .pm-layout-text{ aspect-ratio: 1\/1; max-width: 100%; } .pm-layout-text{ padding: 20px 16px; } .pm-layout-title{ font-size: 16px; margin: 0 0 16px; } .pm-layout-list li{ font-size: 13px; padding: 8px 0; padding-left: 24px; } .pm-layout-list li:before{ font-size: 16px; } .pm-layout-note{ font-size: 12px; padding: 10px; } .pm-footer-badges{ font-size: 12px; gap: 16px; } } \/* ===== RESPONSIVE - MOBILE ===== *\/ @media (max-width: 500px){ .pm-wrap{ padding: 12px 10px 28px; max-width: 100%; overflow-x: hidden; } .pm-hero-badge{ font-size: 10px; padding: 5px 12px; } .pm-title{ font-size: 18px; line-height: 1.3; margin-bottom: 10px; } .pm-sub{ font-size: 11px; gap: 6px; } .pm-card{ padding: 16px 12px; border-radius: 16px; } .pm-p{ font-size: 13px; line-height: 1.65; margin: 10px 0; } .pm-h3{ font-size: 14px; margin: 16px 0 10px; gap: 8px; } .pm-ico{ width: 24px; height: 24px; font-size: 12px; } .pm-ul{ font-size: 12px; } .pm-ul li{ margin: 8px 0; padding-left: 20px; } .pm-ul li:before{ font-size: 12px; } .pm-hr{ margin: 16px 0; } .pm-trust{ grid-template-columns: 1fr; gap: 8px; margin: 16px 0; } .pm-trust-item{ padding: 10px; font-size: 11px; } .pm-trust-icon{ width: 28px; height: 28px; font-size: 14px; } .pm-feature-grid{ grid-template-columns: 1fr; gap: 10px; margin: 16px 0; } .pm-feature-card{ padding: 12px; } .pm-feature-icon{ font-size: 22px; margin-bottom: 8px; } .pm-feature-title{ font-size: 12px; margin-bottom: 4px; } .pm-feature-desc{ font-size: 10px; } .pm-table-wrapper{ border-radius: 12px; overflow-x: auto; -webkit-overflow-scrolling: touch; } .pm-table{ border-radius: 12px; min-width: 100%; } .pm-table th, .pm-table td{ padding: 10px 8px; font-size: 11px; } .pm-table th{ font-size: 9px; width: 35%; } .pm-alert{ padding: 12px 14px; font-size: 11px; border-radius: 12px; } .pm-alert-icon{ font-size: 16px; } .pm-info-box{ font-size: 11px; padding: 10px 12px; } .pm-cta{ padding: 20px 14px; margin-top: 24px; border-radius: 16px; } .pm-cta-title{ font-size: 17px; margin-bottom: 8px; } .pm-cta-text{ font-size: 12px; margin: 0 0 10px; } .pm-cta-btn{ padding: 11px 24px; font-size: 12px; border-radius: 10px; } .pm-image-grid{ grid-template-columns: 1fr; gap: 8px; margin: 16px 0; } .pm-grid-img{ height: 250px; border-radius: 12px; } .pm-double-gallery{ grid-template-columns: 1fr; gap: 8px; } .pm-double-img{ height: 250px; border-radius: 12px; } .pm-img-label, .pm-layout-label{ font-size: 8px; padding: 4px 8px; top: 8px; right: 8px; border-radius: 6px; } .pm-rectangle-image{ height: 280px; margin: 20px 0; border-radius: 12px; } .pm-layout-section{ grid-template-columns: 1fr; gap: 12px; margin: 20px 0; overflow: hidden; } .pm-layout-img{ border-radius: 12px; border: 1px solid var(--pm-border); aspect-ratio: 1\/1; max-width: 100%; } .pm-layout-img img{ max-width: 100%; height: auto; } .pm-layout-text{ padding: 14px 12px; border-radius: 12px; border: 1px solid var(--pm-orange-light); aspect-ratio: auto; min-height: auto; } .pm-layout-title{ font-size: 13px; margin: 0 0 12px; line-height: 1.4; } .pm-layout-list{ margin: 0 0 10px 0; } .pm-layout-list li{ font-size: 11px; padding: 5px 0; padding-left: 20px; line-height: 1.5; } .pm-layout-list li:before{ font-size: 13px; } .pm-layout-note{ font-size: 10px; padding: 8px; line-height: 1.5; } .pm-help-center{ margin-top: 24px; } .pm-help-center .pm-p{ font-size: 12px; } .pm-footer-info{ padding: 10px 14px; border-radius: 16px; margin-top: 12px; } .pm-footer-badges{ gap: 12px; flex-direction: column; align-items: center; font-size: 11px; } .pm-footer-badge-icon{ font-size: 14px; } }\u003c\/style\u003e\u003cdiv class=\"pm-wrap\"\u003e\n\u003c!-- Hero Badge - CENTERED \u0026 PREMIUM --\u003e\u003cdiv class=\"pm-badge-center\"\u003e\u003cdiv class=\"pm-hero-badge\"\u003e✨ Anime Collection • Celestial Edition\u003c\/div\u003e\u003c\/div\u003e\n\u003c!-- PRODUCT IMAGES IN 3-IMAGE GRID WITH TOP-RIGHT LABELS --\u003e\u003cdiv class=\"pm-image-grid\"\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eMain Product View\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.6937326413_4n60.jpg?v=1772014365\" alt=\"Honkai Star Rail Anaxagoras Theme Keycap Set for Mechanical Keyboard, ISO Keycaps, Cherry Profile, PBT Dye-Sub, Mx(+)Switches, 120pcs\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eLifestyle Setup\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.6889351582_owvf.jpg?v=1772014364\" alt=\"Honkai Star Rail Anaxagoras Theme Keycap Set for Mechanical Keyboard, ISO Keycaps, Cherry Profile, PBT Dye-Sub, Mx(+)Switches, 120pcs\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eDetail Close-Up\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.6937326441_px27.jpg?v=1772014364\" alt=\"Honkai Star Rail Anaxagoras Theme Keycap Set for Mechanical Keyboard, ISO Keycaps, Cherry Profile, PBT Dye-Sub, Mx(+)Switches, 120pcs\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch1 class=\"pm-title\"\u003eHonkai Star Rail Anaxagoras Theme Keycap Set\u003c\/h1\u003e\n\u003cdiv class=\"pm-sub\"\u003e\n\u003cspan\u003e✨ Cosmic Pastels\u003c\/span\u003e \u003cspan\u003e🌌 Starbound Aesthetics\u003c\/span\u003e \u003cspan\u003e🚀 120 Keycaps\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pm-p\"\u003e✨ \u003cstrong\u003eGive your mechanical keyboard a celestial glow!\u003c\/strong\u003e Inspired by cosmic journeys and dreamlike moments — \"That Moment in Summer.\" 🌌\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eThe \u003cstrong\u003eHonkai Star Rail Anaxagoras Theme Keycap Set\u003c\/strong\u003e blends soft pastels with starbound aesthetics, bringing the beloved game to life on your keyboard. Every keystroke becomes a journey through the cosmos.\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eFeaturing space-inspired designs with dreamlike visuals, vivid 5-sided dye-sublimation printing, and premium PBT construction. The ethereal color palette of cosmic blues, soft purples, and pastel tones creates an immersive celestial aesthetic that Honkai: Star Rail fans and keyboard enthusiasts will adore.\u003c\/p\u003e\n\u003c!-- Trust Badges with Hover Effects --\u003e\u003cdiv class=\"pm-trust\"\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🚚\u003c\/div\u003e\n\u003cdiv\u003eFree Shipping Over $100\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🔒\u003c\/div\u003e\n\u003cdiv\u003eSecure Checkout\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e↩️\u003c\/div\u003e\n\u003cdiv\u003e60-Day Returns\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- Feature Grid - 6 items --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e✨\u003c\/span\u003e Why You'll Love This Set\u003c\/h3\u003e\n\u003cdiv class=\"pm-feature-grid\"\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🌌\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eCosmic Journey Theme\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eSpace-inspired designs with dreamlike summer visuals\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e✨\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eAnime Authenticity\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eHonkai: Star Rail inspired artwork \u0026amp; characters\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🚀\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eDual Profile Options\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eChoose MOA (rounded) or Cherry (classic)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eEthereal Color Palette\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eSoft pastels, cosmic blues \u0026amp; dreamy purples\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e💪\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003ePremium PBT Build\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003e5-sided dye-sublimation, 120-key coverage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎁\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eCollector's Item\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003ePerfect gift for Honkai: Star Rail \u0026amp; keyboard fans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🌠\u003c\/span\u003e Type Across the Stars\u003c\/h3\u003e\n\u003cp class=\"pm-p\"\u003eFrom Anaxagoras's ethereal presence to the breathtaking summer sky vistas, this keycap set captures the soul of Honkai: Star Rail. Each key tells a story through meticulously crafted artwork featuring cosmic scenery, celestial motifs, and iconic game symbols that make every typing session feel like a journey through the universe.\u003c\/p\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎀\u003c\/span\u003e Standout Features\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003eSpace-inspired Honkai: Star Rail \"Anaxagoras\" summer theme artwork\u003c\/li\u003e\n\u003cli\u003eDreamlike visuals: cosmic scenery, star motifs \u0026amp; celestial details\u003c\/li\u003e\n\u003cli\u003eChoice between MOA profile (smooth, rounded) or Cherry profile (classic)\u003c\/li\u003e\n\u003cli\u003e120-key set with full ANSI \u0026amp; ISO layout support\u003c\/li\u003e\n\u003cli\u003ePremium PBT material with 5-sided dye-sublimation printing (fade-resistant)\u003c\/li\u003e\n\u003cli\u003eSoft pastel color palette with ethereal accent tones\u003c\/li\u003e\n\u003cli\u003eContact us for more details on exact key count \u0026amp; layout coverage\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- DOUBLE IMAGE GALLERY --\u003e\u003cdiv class=\"pm-double-gallery\"\u003e\n\u003cdiv class=\"pm-double-img\"\u003e\u003cimg loading=\"lazy\" alt=\"Honkai Star Rail Anaxagoras Theme Keycap Set - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.6889351542_oldy.jpg?v=1772014365\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-double-img\"\u003e\u003cimg loading=\"lazy\" alt=\"Honkai Star Rail Anaxagoras Theme Keycap Set - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.6889351498_19qh.jpg?v=1772014365\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RECTANGLE IMAGE BETWEEN SECTIONS --\u003e\u003cdiv class=\"pm-rectangle-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.6889351578_sfvp.jpg?v=1772014365\" alt=\"Honkai Star Rail Anaxagoras Theme Keycap Set for Mechanical Keyboard, ISO Keycaps, Cherry Profile, PBT Dye-Sub, Mx(+)Switches, 120pcs\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎨\u003c\/span\u003e Available Variations\u003c\/h3\u003e\n\u003cp class=\"pm-p\"\u003e\u003cstrong\u003eChoose Your Perfect Profile:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCherry Profile\u003c\/strong\u003e - Classic sculpted shape for traditional feel (120 keys)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMOA Profile\u003c\/strong\u003e - Smooth, rounded top for comfortable typing (120 keys)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-p\"\u003eBoth profiles include the complete Anaxagoras artwork and 120-key coverage for maximum compatibility. Please contact us for specific details.\u003c\/p\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e💎\u003c\/span\u003e Premium Build Quality\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e High-quality PBT plastic for long-lasting durability\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrinting:\u003c\/strong\u003e 5-sided dye-sublimation legends (permanent, never fades)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCoverage:\u003c\/strong\u003e All-around vivid legends on every visible surface\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFinish:\u003c\/strong\u003e Smooth matte surface — comfortable to touch and type on\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurability:\u003c\/strong\u003e Designed for daily heavy use \u0026amp; long-term collecting\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQuality Control:\u003c\/strong\u003e Each set inspected before shipping\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e⚙️\u003c\/span\u003e Technical Specifications\u003c\/h3\u003e\n\u003cdiv class=\"pm-table-wrapper\"\u003e\u003ctable aria-label=\"Keyboard compatibility specifications\" role=\"table\" class=\"pm-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eTheme\u003c\/th\u003e\n\u003ctd\u003eHonkai: Star Rail \"Anaxagoras\" Summer Theme\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eProfile Options\u003c\/th\u003e\n\u003ctd\u003eCherry Profile (Classic) \/ MOA Profile (Rounded)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKey Count\u003c\/th\u003e\n\u003ctd\u003e120 Keys (Contact us for full details)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eLayout Support\u003c\/th\u003e\n\u003ctd\u003eANSI \u0026amp; ISO Compatible\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKeyboard Sizes\u003c\/th\u003e\n\u003ctd\u003e61 \/ 64 \/ 68 \/ 75 \/ 84 \/ 87 \/ 96 \/ 100 \/ 104 \/ 108-key\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSwitch Type\u003c\/th\u003e\n\u003ctd\u003eCherry MX(+) \u0026amp; Compatible (Gateron, Kailh \u0026amp; Similar)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003eHigh-Quality PBT (Fade-Resistant)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePrinting Method\u003c\/th\u003e\n\u003ctd\u003e5-Sided Dye-Sublimation (Permanent \u0026amp; Vivid)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-alert\"\u003e\n\u003cspan class=\"pm-alert-icon\"\u003e⚠️\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eCompatibility Notice:\u003c\/strong\u003e This keycap set is NOT compatible with 6U or 6.5U spacebars, membrane keyboards, laptop scissor switches, or ultra-slim keyboards. Works only with standard MX-style mechanical switches. Verify your keyboard's switch type and spacebar size before ordering.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- LAYOUT SECTION HEADING --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📐\u003c\/span\u003e Layout Coverage \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c!-- SQUARE LAYOUT SECTION - IMAGE LEFT, TEXT RIGHT WITH LABEL --\u003e\u003cdiv class=\"pm-layout-section\"\u003e\n\u003cdiv class=\"pm-layout-img\"\u003e\u003cspan class=\"pm-layout-label\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.6889351548_iufy.jpg?v=1772014365\" alt=\"Honkai Star Rail Anaxagoras Theme Keycap Set for Mechanical Keyboard, ISO Keycaps, Cherry Profile, PBT Dye-Sub, Mx(+)Switches, 120pcs\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-layout-text\"\u003e\n\u003ch2 class=\"pm-layout-title\"\u003eUniversal Compatibility with Most Mechanical Keyboards\u003c\/h2\u003e\n\u003cul class=\"pm-layout-list\"\u003e\n\u003cli\u003e61-Key 60% Compact Layouts\u003c\/li\u003e\n\u003cli\u003e64 \/ 65% Compact with Arrows\u003c\/li\u003e\n\u003cli\u003e68 \/ 75% Compact Full Function\u003c\/li\u003e\n\u003cli\u003e84 \/ 87% TKL (Tenkeyless)\u003c\/li\u003e\n\u003cli\u003e96 \/ 100 \/ 104 \/ 108-Key Full Size\u003c\/li\u003e\n\u003cli\u003eANSI \u0026amp; ISO Format Support\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-layout-note\"\u003e\u003cstrong\u003e💡 Tip:\u003c\/strong\u003e Compatible with ANSI \u0026amp; ISO layouts. Not sure if your keyboard is compatible? Send us a photo or model number — our team is happy to verify compatibility before you order!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📦\u003c\/span\u003e Complete Package Contents\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e120-Key Keycap Set\u003c\/strong\u003e - Your choice of Cherry or MOA profile\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eThemed Novelty Keys\u003c\/strong\u003e - All Honkai: Star Rail Anaxagoras special keys\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKeycap Puller Tool\u003c\/strong\u003e - Plastic puller for easy installation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePremium Box\u003c\/strong\u003e - High Quality Packaging\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-p pm-info-box\"\u003e\u003cstrong\u003e📝 Important:\u003c\/strong\u003e This listing includes \u003cstrong\u003eKEYCAPS ONLY\u003c\/strong\u003e. Keyboards, switches, and other accessories shown in product photos are for display purposes only and are NOT included in your purchase.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Additional Image Gallery with Variation Names --\u003e\u003cdiv class=\"pm-image-grid\"\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eCherry Profile\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.6889351498_19qh.jpg?v=1772014365\" alt=\"Honkai Star Rail Anaxagoras Theme Keycap Set for Mechanical Keyboard, ISO Keycaps, Cherry Profile, PBT Dye-Sub, Mx(+)Switches, 120pcs\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eNovelty Details\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.6889351542_oldy.jpg?v=1772014365\" alt=\"Honkai Star Rail Anaxagoras Theme Keycap Set for Mechanical Keyboard, ISO Keycaps, Cherry Profile, PBT Dye-Sub, Mx(+)Switches, 120pcs\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eMOA Profile\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.6889351582_owvf.jpg?v=1772014364\" alt=\"Honkai Star Rail Anaxagoras Theme Keycap Set for Mechanical Keyboard, ISO Keycaps, Cherry Profile, PBT Dye-Sub, Mx(+)Switches, 120pcs\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section with Heartbeat Animation --\u003e\u003cdiv class=\"pm-cta\"\u003e\n\u003ch2 class=\"pm-cta-title\"\u003e✨ Begin Your Celestial Journey Today! 🌌\u003c\/h2\u003e\n\u003cp class=\"pm-cta-text\"\u003eJoin the Honkai: Star Rail universe and transform your keyboard into a cosmic adventure\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Centered Help Section --\u003e\u003cdiv class=\"pm-card pm-help-center\"\u003e\n\u003cp class=\"pm-p\"\u003e\u003cstrong\u003e💬 Questions? We're Here to Help!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eNeed advice on profile differences? Wondering about compatibility with your specific keyboard? Want help choosing between Cherry and MOA profiles?\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eOur KeyArtisan support team loves helping fellow keyboard enthusiasts! We typically respond within 24 hours and can answer any questions about installation, compatibility, or building your perfect setup. 😊\u003c\/p\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003cp class=\"pm-p\" style=\"margin-bottom: 0; font-size: 13px;\"\u003e\u003cstrong\u003e🌌 The Stars Await\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"pm-p\" style=\"margin-bottom: 0; font-size: 13px;\"\u003eEthereal, detailed, and brimming with cosmic personality — the Honkai Star Rail Anaxagoras Theme Keycap Set is the ultimate choice for anime enthusiasts, mechanical keyboard collectors, and anyone who wants to bring the spirit of adventure, discovery, and celestial wonder to their daily typing experience. Every keystroke becomes part of the starbound journey. ✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Footer Info - MINIMAL SPACING --\u003e\u003cdiv class=\"pm-footer-info\"\u003e\u003cdiv class=\"pm-footer-badges\"\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e📧\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eFull Order Tracking Included\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e🌍\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eWorldwide Shipping Available\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e💝\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003ePremium Quality Guaranteed\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Rolipan","offers":[{"title":"MOA Profile","offer_id":49406834442455,"sku":null,"price":48.9,"currency_code":"USD","in_stock":true},{"title":"Cherry Profile","offer_id":49406834475223,"sku":null,"price":48.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/honkai-star-rail-anaxagoras-theme-keycap-set-2178564.jpg?v=1783490233"},{"product_id":"cute-puppy-dog-theme-artisan-keycap-set-1","title":"Cute Puppy Dog Theme Artisan Keycap Set","description":"\u003ch2\u003e\u003cstrong\u003e🐶 Ready to make your keyboard a puppy playground?\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003eThe Cute Puppy Dog Theme Artisan Keycap Set brings warm colors, adorable dog illustrations, and playful vibes straight to your desk — perfect for dog lovers who want a cozy and cheerful typing experience. 🐾 \u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e✨ 𝑾𝒉𝒚 𝒀𝒐𝒖’𝒍𝒍 𝑳𝒐𝒗𝒆 𝑰𝒕\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e✔ Puppy-inspired theme with cute dog faces, paw prints, and playful accessories\u003cbr\u003e✔ Warm, inviting color palette — creams, soft blues, peaches, and browns for a relaxing look\u003cbr\u003e✔ Cheerful illustrations — bones, collars, toys, and musical notes for a lively aesthetic\u003cbr\u003e✔ Adds character and coziness to your keyboard setup\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e🎨 𝑪𝒉𝒂𝒓𝒎𝒊𝒏𝒈 𝑫𝒆𝒕𝒂𝒊𝒍𝒔\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e• Cute puppy designs — happy, sleepy, and playful dogs with cartoon-style emotions (smiling, curious, etc.)\u003cbr\u003e• Paw print novelties — spacebars and special keys adorned with paws and playful icons\u003cbr\u003e• Whimsical accents — dog bowls, bones, collars, toys, and music notes add personality to your board\u003cbr\u003e• Highlight keys — ESC in olive green, Shift and Backspace with puppy art, and fun extras on arrows and numpad\u003cbr\u003e• Spacebars that tell a story — heartbeat lines, puppy icons, and decorative paws for that ultimate “aww” factor\u003cbr\u003e• Every key feels like a cozy corner of a dog lover’s world — cute, cheerful, and full of character!\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e🌈 𝑪𝒐𝒍𝒐𝒓 𝑷𝒂𝒍𝒆𝒕𝒕𝒆\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e• Cream white alphas for a clean base\u003cbr\u003e• Warm peach\/orange modifiers for a cozy feel\u003cbr\u003e• Muted blue keys for calm contrast\u003cbr\u003e• Touches of green-gray for grounding accents\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e💎 𝑷𝒓𝒆𝒎𝒊𝒖𝒎 𝑩𝒖𝒊𝒍𝒅 \u0026amp; 𝑭𝒆𝒆𝒍\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e• Profile: XOA \/ FOA \/ MDA (rounded, tall, and comfortable)\u003cbr\u003e• Material: High-quality PBT for durability\u003cbr\u003e• Printing: Five-Side Dye-Sublimation for vivid, long-lasting designs\u003cbr\u003e• Smooth matte finish for a soft-touch experience\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e✅ 𝑪𝒐𝒎𝒑𝒂𝒕𝒊𝒃𝒊𝒍𝒊𝒕𝒚\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e✔ Fits MX-style switches (Cherry, Gateron, Kailh \u0026amp; more)\u003cbr\u003e✔ Supports standard layouts: 61 \/ 64 \/ 68 \/ 75 \/ 84 \/ 87 \/ 96 \/ 980 \/ 104 \/ 108 keys and similar layouts.\u003cbr\u003e💬 Not sure if it fits your keyboard? Send us a quick message — we reply fast!\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e📦 𝑾𝒉𝒂𝒕’𝒔 𝑰𝒏𝒄𝒍𝒖𝒅𝒆𝒅\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e• 141 keys including novelty spacebars and themed extras\u003cbr\u003e• Secure boxed packaging for safe delivery\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e🐶 𝑻𝒉𝒆 𝑽𝒊𝒃𝒆\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eThink cozy afternoons with your furry friend, pastel tones, and a playful touch — that’s what this keycap set feels like. A cute companion for every keystroke!\u003cbr\u003e\u003cbr\u003e✨ \u003cstrong\u003eIn short:\u003c\/strong\u003e Warm, fun, and full of dog-lover charm — a puppy playground on your keyboard.\u003c\/p\u003e","brand":"Rolipan","offers":[{"title":"XOA Profile","offer_id":49406834507991,"sku":null,"price":61.9,"currency_code":"USD","in_stock":true},{"title":"MDA Profile","offer_id":49406834540759,"sku":null,"price":61.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/cute-puppy-dog-theme-artisan-keycap-set-1594295.jpg?v=1783490234"},{"product_id":"the-azalea-manor-theme-artisan-keycap-set","title":"The Azalea Manor Theme Artisan Keycap Set","description":"\u003ch2\u003e\u003cstrong\u003e🌸 Want to give your keyboard a touch of elegance?\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003eThe Azalea Manor Keycap Set blends refined style with enchanting details. With its navy, pink, and white tones paired with artistic novelties, this set is perfect for those who love a sophisticated yet creative setup. Built from durable PBT in Cherry profile, it’s made to feel as good as it looks.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐖𝐡𝐲 𝐘𝐨𝐮’𝐥𝐥 𝐋𝐨𝐯𝐞 𝐈𝐭\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e• Elegant navy, pink \u0026amp; white colorway\u003cbr\u003e• Vintage novelty designs \u0026amp; decorative spacebars\u003cbr\u003e• Cherry profile for comfort \u0026amp; smooth typing\u003cbr\u003e• Perfect for elegant and artistic desk setups\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐏𝐫𝐞𝐦𝐢𝐮𝐦 𝐁𝐮𝐢𝐥𝐝\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e• Profile: Cherry\u003cbr\u003e• Material: PBT\u003cbr\u003e• Printing: Dye-Sub legends\u003cbr\u003e• Keys: 141pcs\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐂𝐨𝐦𝐩𝐚𝐭𝐢𝐛𝐢𝐥𝐢𝐭𝐲\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e✔ Works with 61 \/ 64 \/ 68 \/ 75 \/ 84 \/ 87 \/ 96 \/ 980 \/ 104 \/ 108 Layouts\u003cbr\u003e✔ Supports ANSI \u0026amp; ISO layouts\u003cbr\u003e\u003cbr\u003e💬 Not sure if it fits your board? Reach out — we’ll help fast!\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐖𝐡𝐚𝐭’𝐬 𝐈𝐧𝐜𝐥𝐮𝐝𝐞𝐝\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e• 141 pcs keycap set\u003cbr\u003e• Illustrated novelty spacebars\u003cbr\u003e• Protective packaging for safe delivery\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐓𝐡𝐞 𝐕𝐢𝐛𝐞\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eMysterious, refined, and enchanting — this set makes every keystroke feel like part of a story, turning your desk into a manor of elegance.\u003c\/p\u003e","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406834573527,"sku":null,"price":76.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/the-azalea-manor-theme-artisan-keycap-set-1795541.jpg?v=1783490235"},{"product_id":"cute-pink-notebook-theme-artisan-keycap-set","title":"Cute Pink Notebook Theme Artisan Keycap Set","description":"\u003cp\u003e📘 Want to turn your keyboard into a dreamy scrapbook of calm and creativity?\u003cbr\u003e\u003cbr\u003eThe Cute Pink Notebook Theme Artisan Keycaps Set blends soft kawaii tones with nostalgic stationery patterns — grids, stripes, stars, and tiny notes — just like the pages of your favorite school notebook. Its gentle pastel palette and clean design create a cozy, thoughtful typing space perfect for journaling, writing, or simply enjoying a minimalist setup.\u003cbr\u003e\u003cbr\u003e🩵\u003cstrong\u003e The vibe: \u003c\/strong\u003ecalm, academic, and nostalgic — like a quiet afternoon study session filled with pink ink and peaceful focus.\u003cbr\u003e\u003cbr\u003e🎨 𝐂𝐨𝐥𝐨𝐫 𝐏𝐚𝐥𝐞𝐭𝐭𝐞\u003cbr\u003e\u003cbr\u003e• Powder pink, white, and light gray tones\u003cbr\u003e• Soft notebook-themed illustrations\u003cbr\u003e• Subtle matte finish with a pastel harmony\u003cbr\u003e\u003cbr\u003e🎭 𝐓𝐡𝐞𝐦𝐞 \u0026amp; 𝐈𝐜𝐨𝐧𝐬\u003cbr\u003e\u003cbr\u003e• Notebook and collage motifs (hearts, grids, stars)\u003cbr\u003e• Journal-inspired prints\u003cbr\u003e• Whimsical and relaxing “back-to-school” charm\u003cbr\u003e\u003cbr\u003e🌟 𝐇𝐢𝐠𝐡𝐥𝐢𝐠𝐡𝐭 𝐅𝐞𝐚𝐭𝐮𝐫𝐞𝐬\u003cbr\u003e\u003cbr\u003e• 129-key full set, supports multiple layouts\u003cbr\u003e• Cherry profile for ergonomic comfort\u003cbr\u003e• Premium PBT with durable dye-sublimated legends\u003cbr\u003e• Smooth matte texture, fade-resistant finish\u003cbr\u003e\u003cbr\u003e💎 𝐌𝐚𝐭𝐞𝐫𝐢𝐚𝐥 \u0026amp; 𝐁𝐮𝐢𝐥𝐝\u003cbr\u003e\u003cbr\u003e• Material: PBT\u003cbr\u003e• Printing: High-quality dye-sublimation\u003cbr\u003e• Profile: Cherry\u003cbr\u003e• Key Count: 129 keys\u003cbr\u003e• Layout: ANSI\u003cbr\u003e\u003cbr\u003e⚙️ 𝐂𝐨𝐦𝐩𝐚𝐭𝐢𝐛𝐢𝐥𝐢𝐭𝐲\u003cbr\u003e\u003cbr\u003e✔ Fits MX-style switches (Cherry MX, Gateron, Kailh, etc.)\u003cbr\u003e✔ Compatible with 61 \/ 64 \/ 68 \/ 75 \/ 84 \/ 87 \/ 96 \/ 98 \/ 100 \/ 104 \/ 108-key mechanical keyboard layouts\u003cbr\u003e❌ Not compatible with Alice layout\u003cbr\u003e\u003cbr\u003e💬 𝐏𝐞𝐫𝐟𝐞𝐜𝐭 𝐅𝐨𝐫\u003cbr\u003e\u003cbr\u003e• Writers and students who love clean aesthetics\u003cbr\u003e• Minimal setups with light pastel themes\u003cbr\u003e• Everyday comfort with long-lasting legends\u003cbr\u003e\u003cbr\u003e💙 𝐄𝐍𝐃𝐈𝐍𝐆 𝐓𝐎𝐔𝐂𝐇\u003cbr\u003eLet your keyboard tell a gentle story — the Notebook Collage Journal Pink Keycap Set brings back the charm of handwritten notes and peaceful study days.\u003cbr\u003eSoft colors, cozy patterns, and thoughtful design — it’s like typing on your favorite page. 🩵📘\u003c\/p\u003e","brand":"Rolipan","offers":[{"title":"Pink","offer_id":49406834606295,"sku":null,"price":53.9,"currency_code":"USD","in_stock":true},{"title":"Blue","offer_id":49406834639063,"sku":null,"price":53.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/cute-pink-notebook-theme-artisan-keycap-set-6678942.jpg?v=1783490236"},{"product_id":"harry-potter-marauder-s-map-theme-keycap-set","title":"Harry Potter | Marauder’s Map Theme Keycap Set","description":"\u003c!-- Harry Potter | Marauder's Map Theme Keycap Set — Ultimate E-Commerce Page --\u003e\u003cstyle\u003e :root{ --pm-text:#111827; --pm-muted:#6b7280; --pm-border:#e5e7eb; --pm-soft:#fdf6e3; --pm-radius:16px; --pm-orange:#7b1c2e; --pm-orange-light:#c8a96e; --pm-orange-soft:#fdf0d5; --pm-gradient: linear-gradient(135deg, #7b1c2e 0%, #a0522d 50%, #c8a96e 100%); } * { box-sizing: border-box; } .pm-wrap{ max-width: 1020px; margin: 0 auto; padding: 24px 16px 48px; color: var(--pm-text); line-height: 1.7; font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif; overflow-x: hidden; } \/* ===== HERO BADGE ===== *\/ .pm-hero-badge{ display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background: var(--pm-gradient); color: #fff; font-size: 13px; font-weight: 900; border-radius: 24px; margin-bottom: 12px; letter-spacing: 0.5px; text-transform: uppercase; box-shadow: 0 6px 20px rgba(123,28,46,0.5); animation: premium-glow 3s ease-in-out infinite; } @keyframes premium-glow { 0%, 100% { box-shadow: 0 6px 20px rgba(123,28,46,0.5); } 50% { box-shadow: 0 8px 28px rgba(123,28,46,0.75); } } .pm-badge-center{ text-align: center; margin-bottom: 16px; } .pm-title{ font-size: 32px; font-weight: 900; letter-spacing: -0.5px; margin: 0 0 12px; line-height: 1.2; min-height: auto; background: linear-gradient(135deg, #111827 0%, #4b5563 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; word-wrap: break-word; overflow-wrap: break-word; } .pm-sub{ margin: 0 0 18px; color: var(--pm-muted); font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .pm-sub span{ display: inline-flex; align-items: center; gap: 4px; } \/* ===== CARDS ===== *\/ .pm-card{ border: 1px solid var(--pm-border); border-radius: 20px; background: #fff; padding: 28px 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-bottom: 16px; overflow: hidden; } .pm-p{ margin: 12px 0; color: #374151; font-size: 15px; line-height: 1.75; word-wrap: break-word; overflow-wrap: break-word; } .pm-h3{ margin: 24px 0 14px; font-size: 18px; font-weight: 900; letter-spacing: -0.3px; display: flex; align-items: center; gap: 12px; color: #111827; word-wrap: break-word; overflow-wrap: break-word; } .pm-ico{ width: 32px; height: 32px; display: inline-grid; place-items: center; border-radius: 10px; background: var(--pm-orange-soft); border: 1px solid var(--pm-orange-light); font-size: 16px; flex-shrink: 0; } .pm-ul{ margin: 0; padding-left: 0; color: #374151; font-size: 15px; list-style: none; } .pm-ul li{ margin: 10px 0; padding-left: 28px; position: relative; word-wrap: break-word; overflow-wrap: break-word; } .pm-ul li:before{ content: \"🪄\"; position: absolute; left: 0; color: #7b1c2e; font-weight: 900; font-size: 16px; } .pm-hr{ border: 0; border-top: 2px solid var(--pm-soft); margin: 24px 0; } \/* ===== TRUST BADGES ===== *\/ .pm-trust{ display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 24px 0; } .pm-trust-item{ display: flex; align-items: center; gap: 12px; padding: 14px; background: var(--pm-orange-soft); border: 1px solid var(--pm-orange-light); border-radius: 12px; font-size: 13px; font-weight: 700; color: #111827; transition: all 0.3s ease; cursor: pointer; } .pm-trust-item:hover{ transform: translateY(-4px); box-shadow: 0 8px 20px rgba(123,28,46,0.25); background: linear-gradient(135deg, var(--pm-orange-soft) 0%, #fff 100%); border-color: var(--pm-orange); } .pm-trust-icon{ width: 36px; height: 36px; background: #fff; border-radius: 8px; display: grid; place-items: center; font-size: 18px; flex-shrink: 0; transition: transform 0.3s ease; } .pm-trust-item:hover .pm-trust-icon{ transform: scale(1.15) rotate(5deg); } \/* ===== FEATURE GRID ===== *\/ .pm-feature-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0; } .pm-feature-card{ padding: 20px; background: linear-gradient(135deg, #fff 0%, var(--pm-soft) 100%); border: 1px solid var(--pm-border); border-radius: 16px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } .pm-feature-card:hover{ transform: translateY(-4px); box-shadow: 0 8px 24px rgba(123,28,46,0.15); } .pm-feature-icon{ font-size: 32px; margin-bottom: 12px; } .pm-feature-title{ font-size: 15px; font-weight: 800; color: #111827; margin: 0 0 6px; } .pm-feature-desc{ font-size: 13px; color: var(--pm-muted); margin: 0; } \/* ===== SPECS TABLE ===== *\/ .pm-table-wrapper{ transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 16px; overflow: hidden; } .pm-table-wrapper:hover{ transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); } .pm-table{ width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--pm-border); border-radius: 16px; background: #fff; } .pm-table th, .pm-table td{ padding: 16px; border-bottom: 1px solid var(--pm-border); font-size: 14px; text-align: left; transition: background 0.2s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-table tr:hover th, .pm-table tr:hover td{ background: var(--pm-orange-soft); } .pm-table tr:last-child th, .pm-table tr:last-child td{ border-bottom: 0; } .pm-table th{ width: 38%; color: #374151; font-weight: 900; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%); } .pm-table td{ font-weight: 700; color: #111827; background: #ffffff; } \/* ===== ALERT ===== *\/ .pm-alert{ margin-top: 16px; padding: 16px 18px; border: 2px solid #fee2e2; background: #fef2f2; border-radius: 14px; color: #991b1b; font-size: 14px; font-weight: 600; display: flex; align-items: flex-start; gap: 10px; transition: transform 0.3s ease, box-shadow 0.3s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-alert:hover{ transform: translateY(-2px); box-shadow: 0 6px 20px rgba(220,38,38,0.15); border-color: #fecaca; } .pm-alert-icon{ font-size: 20px; flex-shrink: 0; } \/* ===== INFO BOX ===== *\/ .pm-info-box{ padding: 12px 16px; background: var(--pm-soft); border-radius: 12px; border-left: 4px solid #7b1c2e; transition: transform 0.3s ease, box-shadow 0.3s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-info-box:hover{ transform: translateX(4px); box-shadow: 0 4px 16px rgba(123,28,46,0.15); border-color: #5a1020; } \/* ===== 3-IMAGE GRID ===== *\/ .pm-image-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 24px 0; } .pm-grid-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 350px; } .pm-grid-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1); transition: transform 0.5s ease; } .pm-grid-img:hover img{ transform: scale(1.08); } .pm-img-label{ position: absolute; top: 12px; right: 12px; background: rgba(255,255,255,0.95); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; color: #111827; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 2; backdrop-filter: blur(4px); border: 1px solid rgba(0,0,0,0.05); } \/* ===== 2-IMAGE GALLERY ===== *\/ .pm-double-gallery{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 24px 0; } .pm-double-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 400px; } .pm-double-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-double-img:hover img{ transform: scale(1.05); } \/* ===== RECTANGLE IMAGE ===== *\/ .pm-rectangle-image{ margin: 32px 0; border-radius: 16px; overflow: hidden; border: 1px solid var(--pm-border); line-height: 0; height: 480px; } .pm-rectangle-image img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-rectangle-image:hover img{ transform: scale(1.05); } \/* ===== LAYOUT SECTION ===== *\/ .pm-layout-section{ margin: 32px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; overflow: hidden; } .pm-layout-img{ width: 100%; aspect-ratio: 1\/1; border-radius: 0px; border: 2px solid var(--pm-border); overflow: hidden; line-height: 0; background: #fff; display: flex; align-items: center; justify-content: center; max-width: 100%; position: relative; } .pm-layout-img img{ width: 100%; height: 100%; object-fit: contain; display: block; max-width: 100%; } .pm-layout-label{ position: absolute; top: 12px; right: 12px; background: rgba(255,255,255,0.95); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; color: #111827; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 2; backdrop-filter: blur(4px); border: 1px solid rgba(0,0,0,0.05); } .pm-layout-text{ aspect-ratio: 1\/1; padding: 24px 20px; background: var(--pm-soft); border-radius: 0px; border: 2px solid var(--pm-orange-light); display: flex; flex-direction: column; justify-content: center; overflow: hidden; max-width: 100%; } .pm-layout-title{ font-size: 18px; font-weight: 900; color: #111827; margin: 0 0 20px; line-height: 1.4; word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; } .pm-layout-list{ margin: 0 0 14px 0; padding-left: 0; list-style: none; } .pm-layout-list li{ padding: 10px 0; font-size: 14px; font-weight: 600; color: #374151; position: relative; padding-left: 28px; word-wrap: break-word; overflow-wrap: break-word; } .pm-layout-list li:before{ content: \"🪄\"; position: absolute; left: 0; color: #7b1c2e; font-weight: 900; font-size: 18px; } .pm-layout-note{ font-size: 13px; color: var(--pm-muted); line-height: 1.7; margin: 0; font-style: italic; padding: 12px; background: rgba(123,28,46,0.07); border-radius: 8px; word-wrap: break-word; overflow-wrap: break-word; } \/* ===== CTA SECTION ===== *\/ .pm-cta{ margin-top: 32px; padding: 32px 28px; background: var(--pm-gradient); border-radius: 20px; text-align: center; color: #fff; box-shadow: 0 8px 24px rgba(123,28,46,0.45); } .pm-cta-title{ font-size: 24px; font-weight: 900; margin: 0 0 10px; word-wrap: break-word; overflow-wrap: break-word; } .pm-cta-text{ font-size: 15px; margin: 0 0 12px; opacity: 0.95; word-wrap: break-word; overflow-wrap: break-word; } .pm-cta-btn{ display: inline-block; padding: 14px 32px; background: #fff; color: #111827; font-size: 15px; font-weight: 800; border-radius: 12px; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.1); cursor: pointer; animation: heartbeat-slow 3s ease-in-out infinite; } .pm-cta-btn:hover{ transform: translateY(-2px) scale(1.05); box-shadow: 0 6px 20px rgba(0,0,0,0.15); animation: heartbeat-hover 2s ease-in-out infinite; } @keyframes heartbeat-slow { 0%, 100% { transform: scale(1); } 7% { transform: scale(1.03); } 14% { transform: scale(1); } 21% { transform: scale(1.03); } 28% { transform: scale(1); } } @keyframes heartbeat-hover { 0%, 100% { transform: translateY(-2px) scale(1.05); } 50% { transform: translateY(-2px) scale(1.08); } } \/* ===== HELP SECTION ===== *\/ .pm-help-center{ text-align: center; margin-top: 32px; } \/* ===== FOOTER INFO ===== *\/ .pm-footer-info{ margin-top: 16px; margin-bottom: 0; padding: 14px 18px; text-align: center; background: var(--pm-soft); border-radius: 20px; border: 1px solid var(--pm-border); } .pm-footer-badges{ display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; font-size: 13px; color: var(--pm-muted); margin: 0; } .pm-footer-badge-item{ display: flex; align-items: center; gap: 6px; } .pm-footer-badge-icon{ font-size: 16px; } \/* ===== RESPONSIVE - TABLET ===== *\/ @media (max-width: 860px){ .pm-wrap{ padding: 16px 12px 32px; } .pm-title{ font-size: 24px; } .pm-sub{ font-size: 14px; gap: 10px; } .pm-card{ padding: 20px 16px; } .pm-p{ font-size: 14px; } .pm-h3{ font-size: 17px; margin: 20px 0 12px; } .pm-ico{ width: 28px; height: 28px; font-size: 14px; } .pm-ul{ font-size: 14px; } .pm-ul li{ padding-left: 24px; } .pm-ul li:before{ font-size: 14px; } .pm-trust{ grid-template-columns: 1fr; gap: 10px; } .pm-trust-item{ padding: 12px; font-size: 12px; } .pm-trust-icon{ width: 32px; height: 32px; font-size: 16px; } .pm-feature-grid{ grid-template-columns: repeat(2, 1fr); gap: 12px; } .pm-feature-card{ padding: 16px; } .pm-feature-icon{ font-size: 28px; margin-bottom: 10px; } .pm-feature-title{ font-size: 14px; } .pm-feature-desc{ font-size: 12px; } .pm-table th, .pm-table td{ padding: 12px; font-size: 13px; } .pm-table th{ font-size: 11px; } .pm-alert{ padding: 14px 16px; font-size: 13px; } .pm-alert-icon{ font-size: 18px; } .pm-cta{ padding: 24px 20px; } .pm-cta-title{ font-size: 20px; } .pm-cta-text{ font-size: 14px; margin: 0 0 10px; } .pm-cta-btn{ padding: 12px 28px; font-size: 14px; } .pm-image-grid{ grid-template-columns: 1fr; gap: 10px; } .pm-grid-img{ height: 300px; } .pm-double-gallery{ grid-template-columns: 1fr; gap: 10px; } .pm-double-img{ height: 300px; } .pm-img-label, .pm-layout-label{ font-size: 10px; padding: 5px 10px; top: 10px; right: 10px; } .pm-rectangle-image{ height: 350px; margin: 24px 0; } .pm-layout-section{ grid-template-columns: 1fr; gap: 16px; margin: 24px 0; } .pm-layout-img, .pm-layout-text{ aspect-ratio: 1\/1; max-width: 100%; } .pm-layout-text{ padding: 20px 16px; } .pm-layout-title{ font-size: 16px; margin: 0 0 16px; } .pm-layout-list li{ font-size: 13px; padding: 8px 0; padding-left: 24px; } .pm-layout-list li:before{ font-size: 16px; } .pm-layout-note{ font-size: 12px; padding: 10px; } .pm-footer-badges{ font-size: 12px; gap: 16px; } } \/* ===== RESPONSIVE - MOBILE ===== *\/ @media (max-width: 500px){ .pm-wrap{ padding: 12px 10px 28px; max-width: 100%; overflow-x: hidden; } .pm-hero-badge{ font-size: 10px; padding: 5px 12px; } .pm-title{ font-size: 18px; line-height: 1.3; margin-bottom: 10px; } .pm-sub{ font-size: 11px; gap: 6px; } .pm-card{ padding: 16px 12px; border-radius: 16px; } .pm-p{ font-size: 13px; line-height: 1.65; margin: 10px 0; } .pm-h3{ font-size: 14px; margin: 16px 0 10px; gap: 8px; } .pm-ico{ width: 24px; height: 24px; font-size: 12px; } .pm-ul{ font-size: 12px; } .pm-ul li{ margin: 8px 0; padding-left: 20px; } .pm-ul li:before{ font-size: 12px; } .pm-hr{ margin: 16px 0; } .pm-trust{ grid-template-columns: 1fr; gap: 8px; margin: 16px 0; } .pm-trust-item{ padding: 10px; font-size: 11px; } .pm-trust-icon{ width: 28px; height: 28px; font-size: 14px; } .pm-feature-grid{ grid-template-columns: 1fr; gap: 10px; margin: 16px 0; } .pm-feature-card{ padding: 12px; } .pm-feature-icon{ font-size: 22px; margin-bottom: 8px; } .pm-feature-title{ font-size: 12px; margin-bottom: 4px; } .pm-feature-desc{ font-size: 10px; } .pm-table-wrapper{ border-radius: 12px; overflow-x: auto; -webkit-overflow-scrolling: touch; } .pm-table{ border-radius: 12px; min-width: 100%; } .pm-table th, .pm-table td{ padding: 10px 8px; font-size: 11px; } .pm-table th{ font-size: 9px; width: 35%; } .pm-alert{ padding: 12px 14px; font-size: 11px; border-radius: 12px; } .pm-alert-icon{ font-size: 16px; } .pm-info-box{ font-size: 11px; padding: 10px 12px; } .pm-cta{ padding: 20px 14px; margin-top: 24px; border-radius: 16px; } .pm-cta-title{ font-size: 17px; margin-bottom: 8px; } .pm-cta-text{ font-size: 12px; margin: 0 0 10px; } .pm-cta-btn{ padding: 11px 24px; font-size: 12px; border-radius: 10px; } .pm-image-grid{ grid-template-columns: 1fr; gap: 8px; margin: 16px 0; } .pm-grid-img{ height: 250px; border-radius: 12px; } .pm-double-gallery{ grid-template-columns: 1fr; gap: 8px; } .pm-double-img{ height: 250px; border-radius: 12px; } .pm-img-label, .pm-layout-label{ font-size: 8px; padding: 4px 8px; top: 8px; right: 8px; border-radius: 6px; } .pm-rectangle-image{ height: 280px; margin: 20px 0; border-radius: 12px; } .pm-layout-section{ grid-template-columns: 1fr; gap: 12px; margin : 20px 0; overflow: hidden; } .pm-layout-img{ border-radius: 12px; border: 1px solid var(--pm-border); aspect-ratio: 1\/1; max-width: 100%; } .pm-layout-img img{ max-width: 100%; height: auto; } .pm-layout-text{ padding: 14px 12px; border-radius: 12px; border: 1px solid var(--pm-orange-light); aspect-ratio: auto; min-height: auto; } .pm-layout-title{ font-size: 13px; margin: 0 0 12px; line-height: 1.4; } .pm-layout-list{ margin: 0 0 10px 0; } .pm-layout-list li{ font-size: 11px; padding: 5px 0; padding-left: 20px; line-height: 1.5; } .pm-layout-list li:before{ font-size: 13px; } .pm-layout-note{ font-size: 10px; padding: 8px; line-height: 1.5; } .pm-help-center{ margin-top: 24px; } .pm-help-center .pm-p{ font-size: 12px; } .pm-footer-info{ padding: 10px 14px; border-radius: 16px; margin-top: 12px; } .pm-footer-badges{ gap: 12px; flex-direction: column; align-items: center; font-size: 11px; } .pm-footer-badge-icon{ font-size: 14px; } }\u003c\/style\u003e\u003cdiv class=\"pm-wrap\"\u003e\n\u003c!-- Hero Badge - CENTERED \u0026 PREMIUM --\u003e\u003cdiv class=\"pm-badge-center\"\u003e\u003cdiv class=\"pm-hero-badge\"\u003e🪄 Wizarding Collection • Collector's Edition\u003c\/div\u003e\u003c\/div\u003e\n\u003c!-- PRODUCT IMAGES IN 3-IMAGE GRID WITH TOP-RIGHT LABELS --\u003e\u003cdiv class=\"pm-image-grid\"\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eMain Product View\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/harry-potter-marauders-map-theme-keycap-set-keyartisan-2027304.webp?v=1769701170\" alt=\"Harry Potter Marauder's Map Theme Keycap Set - KeyArtisan\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eLifestyle Setup\u003c\/span\u003e \u003cimg alt=\"Harry Potter | Marauder’s Map Theme Keycap Set - KeyArtisan® - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/harry-potter-marauders-map-theme-keycap-set-keyartisan-3932907.webp?v=1769701170\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eDetail Close-Up\u003c\/span\u003e \u003cimg alt=\"Harry Potter | Marauder’s Map Theme Keycap Set - KeyArtisan® - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/harry-potter-marauders-map-theme-keycap-set-keyartisan-6226062.jpg?v=1769701419\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch1 class=\"pm-title\"\u003eHarry Potter | Marauder's Map Theme Keycap Set\u003c\/h1\u003e\n\u003cdiv class=\"pm-sub\"\u003e\n\u003cspan\u003e🪄 Wizarding World Inspired\u003c\/span\u003e \u003cspan\u003e📜 Parchment \u0026amp; Maroon Theme\u003c\/span\u003e \u003cspan\u003e👣 Magical Motifs\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pm-p\"\u003e🪄 \u003cstrong\u003eI solemnly swear that your keyboard is up to no good!\u003c\/strong\u003e Transform every keystroke into a step through Hogwarts' most secret hidden passages. 📜\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eThe \u003cstrong\u003eHarry Potter Marauder's Map Theme Keycap Set\u003c\/strong\u003e brings the magic of the wizarding world to your fingertips. With warm parchment tones, deep maroon accents, iconic footprint trails and legendary spell phrases — every key tells a story of mischief, mystery, and adventure.\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eWhether you're a lifelong Potterhead, a mechanical keyboard collector, or searching for the ultimate wizarding gift — this set is pure magic. Crafted from durable PBT with crisp dye-sublimation printing, it's built to cast spells on your desk for years to come.\u003c\/p\u003e\n\u003c!-- Trust Badges --\u003e\u003cdiv class=\"pm-trust\"\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🚚\u003c\/div\u003e\n\u003cdiv\u003eFree Shipping Over $100\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🔒\u003c\/div\u003e\n\u003cdiv\u003eSecure Checkout\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e↩️\u003c\/div\u003e\n\u003cdiv\u003e60-Day Returns\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- Feature Grid - 6 items --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e✨\u003c\/span\u003e Why You'll Love This Set\u003c\/h3\u003e\n\u003cdiv class=\"pm-feature-grid\"\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e📜\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eMarauder's Map Design\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eWarm parchment tones with iconic footprint trails\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🪄\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eSpell Phrase Legends\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003e\"I Solemnly Swear\" \u0026amp; \"Mischief Managed\" details\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🏰\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eHogwarts Aesthetic\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eDeep maroon accents \u0026amp; magical symbol motifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e💪\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003ePremium PBT Build\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eDye-sublimation print, 143-key full coverage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e⌨️\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eCherry Profile\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eClassic sculpted rows for comfortable daily typing\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎁\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eCollector's Item\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003ePerfect gift for Potterheads \u0026amp; keyboard fans alike\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e👣\u003c\/span\u003e Type Straight Into Hogwarts\u003c\/h3\u003e\n\u003cp class=\"pm-p\"\u003eFrom the faint echo of footsteps in hidden corridors to the swirl of spell symbols across the keys, the Marauder's Map Keycap Set is a love letter to the wizarding world. The warm parchment base tone pairs beautifully with deep maroon accents, creating an immersive magical atmosphere that makes every typing session feel like a secret adventure through Hogwarts' most mysterious passages.\u003c\/p\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎀\u003c\/span\u003e Standout Features\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003eMischievous Marauder's Map design with parchment \u0026amp; maroon color palette\u003c\/li\u003e\n\u003cli\u003eIconic spell phrases: \"I Solemnly Swear\" \u0026amp; \"Mischief Managed\"\u003c\/li\u003e\n\u003cli\u003eFootprint trails \u0026amp; magical spell symbols across the keyset\u003c\/li\u003e\n\u003cli\u003eCherry profile sculpted rows for ergonomic, comfortable daily use\u003c\/li\u003e\n\u003cli\u003eComplete 143-key set with full ANSI \u0026amp; ISO layout support\u003c\/li\u003e\n\u003cli\u003ePremium PBT material with crisp dye-sublimation printing (fade-resistant)\u003c\/li\u003e\n\u003cli\u003eIncludes keycap puller tool for hassle-free installation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- DOUBLE IMAGE GALLERY --\u003e\u003cdiv class=\"pm-double-gallery\"\u003e\n\u003cdiv style=\"text-align: start;\" class=\"pm-double-img\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"Harry Potter | Marauder’s Map Theme Keycap Set - KeyArtisan® - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/harry-potter-marauders-map-theme-keycap-set-keyartisan-4714408.jpg?v=1769701171\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-double-img\"\u003e\u003cimg alt=\"Harry Potter | Marauder’s Map Theme Keycap Set - KeyArtisan® - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/harry-potter-marauders-map-theme-keycap-set-keyartisan-1705092.jpg?v=1769701169\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RECTANGLE IMAGE BETWEEN SECTIONS --\u003e\u003cdiv class=\"pm-rectangle-image\"\u003e\u003cimg alt=\"Harry Potter | Marauder’s Map Theme Keycap Set - KeyArtisan® - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/harry-potter-marauders-map-theme-keycap-set-keyartisan-2600506.webp?v=1769701170\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎨\u003c\/span\u003e Available Variations\u003c\/h3\u003e\n\u003cp class=\"pm-p\"\u003e\u003cstrong\u003eOne Complete Wizarding Set:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"pm-ul\"\u003e\u003cli\u003e\n\u003cstrong\u003eCherry Profile\u003c\/strong\u003e — Classic sculpted shape for comfortable, traditional typing feel (143 keys)\u003c\/li\u003e\u003c\/ul\u003e\n\u003cp class=\"pm-p\"\u003eThe full 143-key set delivers complete layout coverage while keeping the magical Marauder's Map theme consistent across every single key.\u003c\/p\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e💎\u003c\/span\u003e Premium Build Quality\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Premium PBT plastic for long-lasting durability\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrinting:\u003c\/strong\u003e Dye-sublimation legends (permanent, crisp, never fades)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProfile:\u003c\/strong\u003e Cherry — sculpted rows for ergonomic daily typing comfort\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFinish:\u003c\/strong\u003e Smooth matte parchment-tone surface, naturally shine-resistant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurability:\u003c\/strong\u003e Designed for daily heavy use \u0026amp; long-term collecting\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQuality Control:\u003c\/strong\u003e Every set inspected before shipping\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e⚙️\u003c\/span\u003e Technical Specifications\u003c\/h3\u003e\n\u003cdiv class=\"pm-table-wrapper\"\u003e\u003ctable class=\"pm-table\" role=\"table\" aria-label=\"Keycap technical specifications\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eProfile\u003c\/th\u003e\n\u003ctd\u003eCherry Profile (Classic Sculpted)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKey Count\u003c\/th\u003e\n\u003ctd\u003e143 Keys (Complete Set)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eLayout Support\u003c\/th\u003e\n\u003ctd\u003eANSI \u0026amp; ISO Compatible\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKeyboard Sizes\u003c\/th\u003e\n\u003ctd\u003e60% \/ 65% \/ 75% \/ 80% TKL \/ 96% \/ Full-Size \u0026amp; More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSwitch Type\u003c\/th\u003e\n\u003ctd\u003eMX-Style Cross Mechanical Switches Only\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eCompatible Switches\u003c\/th\u003e\n\u003ctd\u003eCherry, Gateron, Kailh \u0026amp; All MX-Style\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003ePremium PBT (Durable \u0026amp; Shine-Resistant)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePrinting Method\u003c\/th\u003e\n\u003ctd\u003eDye-Sublimation (Permanent \u0026amp; Fade-Resistant)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eColor Theme\u003c\/th\u003e\n\u003ctd\u003eWarm Parchment \u0026amp; Deep Maroon Accent Tones\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-alert\"\u003e\n\u003cspan class=\"pm-alert-icon\"\u003e⚠️\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eCompatibility Notice:\u003c\/strong\u003e This keycap set works ONLY with MX-style mechanical switches (Cherry, Gateron, Kailh \u0026amp; compatible). NOT compatible with membrane keyboards, laptop scissor switches, or low-profile mechanical keyboards. Please verify your keyboard uses standard MX switches before ordering.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- LAYOUT SECTION HEADING --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📐\u003c\/span\u003e Layout Coverage \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c!-- SQUARE LAYOUT SECTION - IMAGE LEFT, TEXT RIGHT WITH LABEL --\u003e\u003cdiv class=\"pm-layout-section\"\u003e\n\u003cdiv class=\"pm-layout-img\"\u003e\u003cspan class=\"pm-layout-label\"\u003e\u003cimg alt=\"Harry Potter | Marauder’s Map Theme Keycap Set - KeyArtisan® - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/harry-potter-marauders-map-theme-keycap-set-keyartisan-9561767.webp?v=1769701171\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-layout-text\"\u003e\n\u003ch2 class=\"pm-layout-title\"\u003eUniversal Compatibility with Most Mechanical Keyboards\u003c\/h2\u003e\n\u003cul class=\"pm-layout-list\"\u003e\n\u003cli\u003e60% Compact Layouts\u003c\/li\u003e\n\u003cli\u003e65% Compact with Arrows\u003c\/li\u003e\n\u003cli\u003e75% Compact Full Function\u003c\/li\u003e\n\u003cli\u003e80% TKL (Tenkeyless)\u003c\/li\u003e\n\u003cli\u003e96% Compact Full-Size\u003c\/li\u003e\n\u003cli\u003e100% Full-Size with Numpad\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-layout-note\"\u003e\u003cstrong\u003e💡 Tip:\u003c\/strong\u003e Compatible with ANSI \u0026amp; ISO layouts across virtually all popular keyboard sizes. Not sure if your keyboard qualifies? Send us your model — our team will verify compatibility before you order! 🪄\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📦\u003c\/span\u003e Complete Package Contents\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e143-Key Keycap Set\u003c\/strong\u003e — Full Cherry profile Marauder's Map themed set\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSpell Phrase Novelty Keys\u003c\/strong\u003e — All magical themed special keys included\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKeycap Puller Tool\u003c\/strong\u003e — Plastic puller for easy, safe installation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSecure Packaging\u003c\/strong\u003e — Designed to protect keys safely during shipping\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-p pm-info-box\"\u003e\u003cstrong\u003e📝 Important:\u003c\/strong\u003e This listing includes \u003cstrong\u003eKEYCAPS ONLY\u003c\/strong\u003e. Keyboards, switches, and all other accessories shown in product photos are for display purposes only and are NOT included in your purchase.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Additional Image Gallery with Detail Labels --\u003e\u003cdiv class=\"pm-image-grid\"\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eCherry Profile\u003c\/span\u003e \u003cimg alt=\"Harry Potter | Marauder’s Map Theme Keycap Set - KeyArtisan® - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/harry-potter-marauders-map-theme-keycap-set-keyartisan-2600506.webp?v=1769701170\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eNovelty Details\u003c\/span\u003e \u003cimg alt=\"Harry Potter | Marauder’s Map Theme Keycap Set - KeyArtisan® - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/harry-potter-marauders-map-theme-keycap-set-keyartisan-6226062.jpg?v=1769701419\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eFull Keycap Set\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/harry-potter-marauders-map-theme-keycap-set-keyartisan-2027304.webp?v=1769701170\" alt=\"Harry Potter Marauder's Map Theme Keycap Set - KeyArtisan\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section with Heartbeat Animation --\u003e\u003cdiv class=\"pm-cta\"\u003e\n\u003ch2 class=\"pm-cta-title\"\u003e🪄 Mischief Managed — Add to Cart! 📜\u003c\/h2\u003e\n\u003cp class=\"pm-cta-text\"\u003eBring the magic of the Marauder's Map to your keyboard today\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Centered Help Section --\u003e\u003cdiv class=\"pm-card pm-help-center\"\u003e\n\u003cp class=\"pm-p\"\u003e\u003cstrong\u003e💬 Questions? We're Here to Help!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eNot sure about MX switch compatibility? Want to confirm this set works with your specific keyboard? Curious about how Cherry profile feels for extended typing?\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eOur KeyArtisan support team loves helping fellow keyboard enthusiasts and Potterheads! We typically respond within 24 hours and can help with installation, compatibility checks, or building your perfect wizarding setup. 😊\u003c\/p\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003cp style=\"margin-bottom: 0; font-size: 13px;\" class=\"pm-p\"\u003e\u003cstrong\u003e🏰 Where Magic Meets Craftsmanship\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 0; font-size: 13px;\" class=\"pm-p\"\u003eMysterious, magical, and crafted with obsessive attention to detail — the Harry Potter Marauder's Map Theme Keycap Set is the ultimate choice for Potterheads, keyboard collectors, and anyone who wants to carry a little piece of the wizarding world into their daily life. Every keystroke is a step deeper into Hogwarts' most secret corridors. 🪄📜\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Footer Info - MINIMAL SPACING --\u003e\u003cdiv class=\"pm-footer-info\"\u003e\u003cdiv class=\"pm-footer-badges\"\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e📧\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eFull Order Tracking Included\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e🌍\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eWorldwide Shipping Available\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e💝\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003ePremium Quality Guaranteed\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Rolipan","offers":[{"title":"Keycap Set","offer_id":49406835589335,"sku":null,"price":99.9,"currency_code":"USD","in_stock":true},{"title":"Deskmat","offer_id":49406835622103,"sku":null,"price":43.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/harry-potter-marauders-map-theme-keycap-set-keyartisan-3932907.webp?v=1783490248"},{"product_id":"cool-neon-rift-theme-artisan-graffiti-keycap-set","title":"Cool Neon Rift Theme Artisan Graffiti Keycap Set","description":"\u003c!-- Cool Black Graffiti Themed Keycap Set — Ultimate E-Commerce Page --\u003e\u003cstyle\u003e :root{ --pm-text:#111827; --pm-muted:#6b7280; --pm-border:#e5e7eb; --pm-soft:#f9f9f9; --pm-radius:16px; --pm-orange:#1a1a1a; --pm-orange-light:#555555; --pm-orange-soft:#f0f0f0; --pm-treasure:#ffffff; --pm-ocean:#333333; --pm-gradient: linear-gradient(135deg, #1a1a1a 0%, #444444 50%, #888888 100%); } * { box-sizing: border-box; } .pm-wrap{ max-width: 1020px; margin: 0 auto; padding: 24px 16px 48px; color: var(--pm-text); line-height: 1.7; font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif; overflow-x: hidden; } \/* ===== HERO BADGE - CENTERED \u0026 PREMIUM ===== *\/ .pm-hero-badge{ display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background: var(--pm-gradient); color: #fff; font-size: 13px; font-weight: 900; border-radius: 24px; margin-bottom: 12px; letter-spacing: 0.5px; text-transform: uppercase; box-shadow: 0 6px 20px rgba(0,0,0,0.4); animation: premium-glow 3s ease-in-out infinite; } @keyframes premium-glow { 0%, 100% { box-shadow: 0 6px 20px rgba(0,0,0,0.4); } 50% { box-shadow: 0 8px 28px rgba(0,0,0,0.6); } } .pm-badge-center{ text-align: center; margin-bottom: 16px; } .pm-title{ font-size: 32px; font-weight: 900; letter-spacing: -0.5px; margin: 0 0 12px; line-height: 1.2; min-height: auto; background: linear-gradient(135deg, #111827 0%, #4b5563 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; word-wrap: break-word; overflow-wrap: break-word; } .pm-sub{ margin: 0 0 18px; color: var(--pm-muted); font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .pm-sub span{ display: inline-flex; align-items: center; gap: 4px; } \/* ===== CARDS ===== *\/ .pm-card{ border: 1px solid var(--pm-border); border-radius: 20px; background: #fff; padding: 28px 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-bottom: 16px; overflow: hidden; } .pm-p{ margin: 12px 0; color: #374151; font-size: 15px; line-height: 1.75; word-wrap: break-word; overflow-wrap: break-word; } .pm-h3{ margin: 24px 0 14px; font-size: 18px; font-weight: 900; letter-spacing: -0.3px; display:flex; align-items:center; gap:12px; color: #111827; word-wrap: break-word; overflow-wrap: break-word; } .pm-ico{ width: 32px; height: 32px; display:inline-grid; place-items:center; border-radius: 10px; background: var(--pm-orange-soft); border: 1px solid var(--pm-orange-light); font-size: 16px; flex-shrink: 0; } .pm-ul{ margin: 0; padding-left: 0; color:#374151; font-size: 15px; list-style: none; } .pm-ul li{ margin: 10px 0; padding-left: 28px; position: relative; word-wrap: break-word; overflow-wrap: break-word; } .pm-ul li:before{ content: \"🎨\"; position: absolute; left: 0; font-size: 15px; } .pm-hr{ border: 0; border-top: 2px solid var(--pm-soft); margin: 24px 0; } \/* ===== TRUST BADGES WITH HOVER ===== *\/ .pm-trust{ display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 24px 0; } .pm-trust-item{ display: flex; align-items: center; gap: 12px; padding: 14px; background: var(--pm-orange-soft); border: 1px solid #d1d5db; border-radius: 12px; font-size: 13px; font-weight: 700; color: #111827; transition: all 0.3s ease; cursor: pointer; } .pm-trust-item:hover{ transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); background: linear-gradient(135deg, var(--pm-orange-soft) 0%, #fff 100%); border-color: #1a1a1a; } .pm-trust-icon{ width: 36px; height: 36px; background: #fff; border-radius: 8px; display: grid; place-items: center; font-size: 18px; flex-shrink: 0; transition: transform 0.3s ease; } .pm-trust-item:hover .pm-trust-icon{ transform: scale(1.15) rotate(5deg); } \/* ===== FEATURE GRID ===== *\/ .pm-feature-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0; } .pm-feature-card{ padding: 20px; background: linear-gradient(135deg, #fff 0%, var(--pm-soft) 100%); border: 1px solid var(--pm-border); border-radius: 16px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } .pm-feature-card:hover{ transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); } .pm-feature-icon{ font-size: 32px; margin-bottom: 12px; } .pm-feature-title{ font-size: 15px; font-weight: 800; color: #111827; margin: 0 0 6px; } .pm-feature-desc{ font-size: 13px; color: var(--pm-muted); margin: 0; } \/* ===== SPECS TABLE - ENHANCED WITH HOVER ===== *\/ .pm-table-wrapper{ transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 16px; overflow: hidden; } .pm-table-wrapper:hover{ transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); } .pm-table{ width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--pm-border); border-radius: 16px; background: #fff; } .pm-table th, .pm-table td{ padding: 16px; border-bottom: 1px solid var(--pm-border); font-size: 14px; text-align: left; transition: background 0.2s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-table tr:hover th, .pm-table tr:hover td{ background: var(--pm-orange-soft); } .pm-table tr:last-child th, .pm-table tr:last-child td{ border-bottom: 0; } .pm-table th{ width: 38%; color:#374151; font-weight: 900; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%); } .pm-table td{ font-weight: 700; color:#111827; background:#ffffff; } \/* ===== ALERT - ENHANCED WITH HOVER ===== *\/ .pm-alert{ margin-top: 16px; padding: 16px 18px; border: 2px solid #fee2e2; background: #fef2f2; border-radius: 14px; color:#991b1b; font-size: 14px; font-weight: 600; display: flex; align-items: flex-start; gap: 10px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-alert:hover{ transform: translateY(-2px); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.15); border-color: #fecaca; } .pm-alert-icon{ font-size: 20px; flex-shrink: 0; } \/* ===== INFO BOX - ENHANCED WITH HOVER ===== *\/ .pm-info-box{ padding: 12px 16px; background: var(--pm-soft); border-radius: 12px; border-left: 4px solid #1a1a1a; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-info-box:hover{ transform: translateX(4px); box-shadow: 0 4px 16px rgba(0,0,0,0.12); border-color: #555; } \/* ===== 3-IMAGE GRID WITH LABELS (TOP SECTION) ===== *\/ .pm-image-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 24px 0; } .pm-grid-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 350px; } .pm-grid-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1); transition: transform 0.5s ease; } .pm-grid-img:hover img{ transform: scale(1.08); } \/* Image Label Badge - Top Right Corner *\/ .pm-img-label{ position: absolute; top: 12px; right: 12px; background: rgba(255, 255, 255, 0.95); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; color: #111827; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 2; backdrop-filter: blur(4px); border: 1px solid rgba(0,0,0,0.05); } \/* ===== 2-IMAGE GALLERY ===== *\/ .pm-double-gallery{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 24px 0; } .pm-double-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 400px; } .pm-double-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-double-img:hover img{ transform: scale(1.05); } \/* ===== RECTANGLE IMAGE SECTION (Between Content) ===== *\/ .pm-rectangle-image{ margin: 32px 0; border-radius: 16px; overflow: hidden; border: 1px solid var(--pm-border); line-height: 0; height: 480px; } .pm-rectangle-image img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-rectangle-image:hover img{ transform: scale(1.05); } \/* ===== LAYOUT SECTION - SQUARE WITH IMAGE LEFT \u0026 TEXT RIGHT ===== *\/ .pm-layout-section{ margin: 32px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; overflow: hidden; } .pm-layout-img{ width: 100%; aspect-ratio: 1\/1; border-radius: 0px; border: 2px solid var(--pm-border); overflow: hidden; line-height: 0; background: #fff; display: flex; align-items: center; justify-content: center; max-width: 100%; position: relative; } .pm-layout-img img{ width: 100%; height: 100%; object-fit: contain; display: block; padding: 0px; max-width: 100%; } \/* Layout Image Label - Same style as top images *\/ .pm-layout-label{ position: absolute; top: 12px; right: 12px; background: rgba(255, 255, 255, 0.95); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; color: #111827; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 2; backdrop-filter: blur(4px); border: 1px solid rgba(0,0,0,0.05); } .pm-layout-text{ aspect-ratio: 1\/1; padding: 24px 20px; background: var(--pm-soft); border-radius: 0px; border: 2px solid #d1d5db; display: flex; flex-direction: column; justify-content: center; overflow: hidden; max-width: 100%; } .pm-layout-title{ font-size: 18px; font-weight: 900; color: #111827; margin: 0 0 20px; line-height: 1.4; word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; } .pm-layout-list{ margin: 0 0 14px 0; padding-left: 0; list-style: none; } .pm-layout-list li{ padding: 10px 0; font-size: 14px; font-weight: 600; color: #374151; position: relative; padding-left: 28px; word-wrap: break-word; overflow-wrap: break-word; } .pm-layout-list li:before{ content: \"🎨\"; position: absolute; left: 0; font-size: 16px; } .pm-layout-note{ font-size: 13px; color: var(--pm-muted); line-height: 1.7; margin: 0; font-style: italic; padding: 12px; background: rgba(0,0,0,0.05); border-radius: 8px; word-wrap: break-word; overflow-wrap: break-word; } \/* ===== CTA SECTION WITH ADJUSTED SPACING ===== *\/ .pm-cta{ margin-top: 32px; padding: 32px 28px; background: var(--pm-gradient); border-radius: 20px; text-align: center; color: #fff; box-shadow: 0 8px 24px rgba(0,0,0,0.4); } .pm-cta-title{ font-size: 24px; font-weight: 900; margin: 0 0 10px; word-wrap: break-word; overflow-wrap: break-word; } .pm-cta-text{ font-size: 15px; margin: 0 0 12px; opacity: 0.95; word-wrap: break-word; overflow-wrap: break-word; } .pm-cta-btn{ display: inline-block; padding: 14px 32px; background: #fff; color: #111827; font-size: 15px; font-weight: 800; border-radius: 12px; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.1); cursor: pointer; animation: heartbeat-slow 3s ease-in-out infinite; } .pm-cta-btn:hover{ transform: translateY(-2px) scale(1.05); box-shadow: 0 6px 20px rgba(0,0,0,0.2); animation: heartbeat-hover 2s ease-in-out infinite; } @keyframes heartbeat-slow { 0%, 100% { transform: scale(1); } 7% { transform: scale(1.03); } 14% { transform: scale(1); } 21% { transform: scale(1.03); } 28% { transform: scale(1); } } @keyframes heartbeat-hover { 0%, 100% { transform: translateY(-2px) scale(1.05); } 50% { transform: translateY(-2px) scale(1.08); } } \/* ===== CENTERED HELP SECTION ===== *\/ .pm-help-center{ text-align: center; margin-top: 32px; } \/* ===== FOOTER INFO - MINIMAL SPACING ===== *\/ .pm-footer-info{ margin-top: 16px; margin-bottom: 0; padding: 14px 18px; text-align: center; background: var(--pm-soft); border-radius: 20px; border: 1px solid var(--pm-border); } .pm-footer-badges{ display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; font-size: 13px; color: var(--pm-muted); margin: 0; } .pm-footer-badge-item{ display: flex; align-items: center; gap: 6px; } .pm-footer-badge-icon{ font-size: 16px; } \/* ===== RESPONSIVE - TABLET ===== *\/ @media (max-width: 860px){ .pm-wrap{ padding: 16px 12px 32px; } .pm-title{ font-size: 24px; } .pm-sub{ font-size: 14px; gap: 10px; } .pm-card{ padding: 20px 16px; } .pm-p{ font-size: 14px; } .pm-h3{ font-size: 17px; margin: 20px 0 12px; } .pm-ico{ width: 28px; height: 28px; font-size: 14px; } .pm-ul{ font-size: 14px; } .pm-ul li{ padding-left: 24px; } .pm-ul li:before{ font-size: 13px; } .pm-trust{ grid-template-columns: 1fr; gap: 10px; } .pm-trust-item{ padding: 12px; font-size: 12px; } .pm-trust-icon{ width: 32px; height: 32px; font-size: 16px; } .pm-feature-grid{ grid-template-columns: repeat(2, 1fr); gap: 12px; } .pm-feature-card{ padding: 16px; } .pm-feature-icon{ font-size: 28px; margin-bottom: 10px; } .pm-feature-title{ font-size: 14px; } .pm-feature-desc{ font-size: 12px; } .pm-table th, .pm-table td{ padding: 12px; font-size: 13px; } .pm-table th{ font-size: 11px; } .pm-alert{ padding: 14px 16px; font-size: 13px; } .pm-alert-icon{ font-size: 18px; } .pm-cta{ padding: 24px 20px; } .pm-cta-title{ font-size: 20px; } .pm-cta-text{ font-size: 14px; margin: 0 0 10px; } .pm-cta-btn{ padding: 12px 28px; font-size: 14px; } .pm-image-grid{ grid-template-columns: 1fr; gap: 10px; } .pm-grid-img{ height: 300px; } .pm-double-gallery{ grid-template-columns: 1fr; gap: 10px; } .pm-double-img{ height: 300px; } .pm-img-label, .pm-layout-label{ font-size: 10px; padding: 5px 10px; top: 10px; right: 10px; } .pm-rectangle-image{ height: 350px; margin: 24px 0; } .pm-layout-section{ grid-template-columns: 1fr; gap: 16px; margin: 24px 0; } .pm-layout-img, .pm-layout-text{ aspect-ratio: 1\/1; max-width: 100%; } .pm-layout-text{ padding: 20px 16px; } .pm-layout-title{ font-size: 16px; margin: 0 0 16px; } .pm-layout-list li{ font-size: 13px; padding: 8px 0; padding-left: 24px; } .pm-layout-list li:before{ font-size: 14px; } .pm-layout-note{ font-size: 12px; padding: 10px; } .pm-footer-badges{ font-size: 12px; gap: 16px; } } \/* ===== RESPONSIVE - MOBILE ===== *\/ @media (max-width: 500px){ .pm-wrap{ padding: 12px 10px 28px; max-width: 100%; overflow-x: hidden; } .pm-hero-badge{ font-size: 10px; padding: 5px 12px; } .pm-title{ font-size: 18px; line-height: 1.3; margin-bottom: 10px; } .pm-sub{ font-size: 11px; gap: 6px; } .pm-card{ padding: 16px 12px; border-radius: 16px; } .pm-p{ font-size: 13px; line-height: 1.65; margin: 10px 0; } .pm-h3{ font-size: 14px; margin: 16px 0 10px; gap: 8px; } .pm-ico{ width: 24px; height: 24px; font-size: 12px; } .pm-ul{ font-size: 12px; } .pm-ul li{ margin: 8px 0; padding-left: 20px; } .pm-ul li:before{ font-size: 12px; } .pm-hr{ margin: 16px 0; } .pm-trust{ grid-template-columns: 1fr; gap: 8px; margin: 16px 0; } .pm-trust-item{ padding: 10px; font-size: 11px; } .pm-trust-icon{ width: 28px; height: 28px; font-size: 14px; } .pm-feature-grid{ grid-template-columns: 1fr; gap: 10px; margin: 16px 0; } .pm-feature-card{ padding: 12px; } .pm-feature-icon{ font-size: 22px; margin-bottom: 8px; } .pm-feature-title{ font-size: 12px; margin-bottom: 4px; } .pm-feature-desc{ font-size: 10px; } .pm-table-wrapper{ border-radius: 12px; overflow-x: auto; -webkit-overflow-scrolling: touch; } .pm-table{ border-radius: 12px; min-width: 100%; } .pm-table th, .pm-table td{ padding: 10px 8px; font-size: 11px; } .pm-table th{ font-size: 9px; width: 35%; } .pm-alert{ padding: 12px 14px; font-size: 11px; border-radius: 12px; } .pm-alert-icon{ font-size: 16px; } .pm-info-box{ font-size: 11px; padding: 10px 12px; } .pm-cta{ padding: 20px 14px; margin-top: 24px; border-radius: 16px; } .pm-cta-title{ font-size: 17px; margin-bottom: 8px; } .pm-cta-text{ font-size: 12px; margin: 0 0 10px; } .pm-cta-btn{ padding: 11px 24px; font-size: 12px; border-radius: 10px; } .pm-image-grid{ grid-template-columns: 1fr; gap: 8px; margin: 16px 0; } .pm-grid-img{ height: 250px; border-radius: 12px; } .pm-double-gallery{ grid-template-columns: 1fr; gap: 8px; } .pm-double-img{ height: 250px; border-radius: 12px; } .pm-img-label, .pm-layout-label{ font-size: 8px; padding: 4px 8px; top: 8px; right: 8px; border-radius: 6px; } .pm-rectangle-image{ height: 280px; margin: 20px 0; border-radius: 12px; } .pm-layout-section{ grid-template-columns: 1fr; gap: 12px; margin: 20px 0; overflow: hidden; } .pm-layout-img{ border-radius: 12px; border: 1px solid var(--pm-border); aspect-ratio: 1\/1; max-width: 100%; } .pm-layout-img img{ max-width: 100%; height: auto; } .pm-layout-text{ padding: 14px 12px; border-radius: 12px; border: 1px solid #d1d5db; aspect-ratio: auto; min-height: auto; } .pm-layout-title{ font-size: 13px; margin: 0 0 12px; line-height: 1.4; } .pm-layout-list{ margin: 0 0 10px 0; } .pm-layout-list li{ font-size: 11px; padding: 5px 0; padding-left: 20px; line-height: 1.5; } .pm-layout-list li:before{ font-size: 12px; } .pm-layout-note{ font-size: 10px; padding: 8px; line-height: 1.5; } .pm-help-center{ margin-top: 24px; } .pm-help-center .pm-p{ font-size: 12px; } .pm-footer-info{ padding: 10px 14px; border-radius: 16px; margin-top: 12px; } .pm-footer-badges{ gap: 12px; flex-direction: column; align-items: center; font-size: 11px; } .pm-footer-badge-icon{ font-size: 14px; } }\u003c\/style\u003e\u003cdiv class=\"pm-wrap\"\u003e\n\u003c!-- Hero Badge - CENTERED \u0026 PREMIUM --\u003e\u003cdiv class=\"pm-badge-center\"\u003e\u003cdiv class=\"pm-hero-badge\"\u003e🎨 Street Art Collection • Bold Edition\u003c\/div\u003e\u003c\/div\u003e\n\u003c!-- PRODUCT IMAGES IN 3-IMAGE GRID WITH TOP-RIGHT LABELS --\u003e\u003cdiv class=\"pm-image-grid\"\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eMain Product View\u003c\/span\u003e \u003cimg loading=\"lazy\" alt=\"Cool Black Graffiti Themed Keycap Set - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/cool-neon-rift-theme-artisan-graffiti-keycap-set-2051200.jpg?v=1769701472\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eLifestyle Setup\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/cool-neon-rift-theme-artisan-graffiti-keycap-set-5491332.jpg?v=1769701473\" alt=\"Cool Neon Rift Theme Artisan Graffiti Keycap Set - KeyArtisan\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eDetail Close-Up\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/cool-neon-rift-theme-artisan-graffiti-keycap-set-7266730.jpg?v=1769701473\" alt=\"Cool Neon Rift Theme Artisan Graffiti Keycap Set - KeyArtisan\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch1 class=\"pm-title\"\u003eCool Black Graffiti Themed Keycap Set\u003c\/h1\u003e\n\u003cdiv class=\"pm-sub\"\u003e\n\u003cspan\u003e🎨 Bold Street Art Design\u003c\/span\u003e \u003cspan\u003e🏙️ Black \u0026amp; White Aesthetic\u003c\/span\u003e \u003cspan\u003e💻 146 Keycaps\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pm-p\"\u003e🎨 \u003cstrong\u003eGive your mechanical keyboard an edgy, urban makeover!\u003c\/strong\u003e Bold black-and-white street art design for those who love artistic expression. 🏙️✨\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eThe \u003cstrong\u003eCool Black Graffiti Themed Keycap Set\u003c\/strong\u003e brings a rebellious, street-style aesthetic to your keyboard. Whether you're gaming, typing, or just upgrading your setup, these keycaps make every keystroke a statement piece of art.\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eFeaturing bold graffiti-style legends deeply embedded through dye-sublimation printing, premium PBT construction, and a timeless black-and-white color palette. The high-contrast urban design creates a striking visual impact that artists, gamers, and keyboard enthusiasts will love.\u003c\/p\u003e\n\u003c!-- Trust Badges with Hover Effects --\u003e\u003cdiv class=\"pm-trust\"\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🚚\u003c\/div\u003e\n\u003cdiv\u003eFree Shipping Over $100\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🔒\u003c\/div\u003e\n\u003cdiv\u003eSecure Checkout\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e↩️\u003c\/div\u003e\n\u003cdiv\u003e60-Day Returns\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- Feature Grid - 6 items --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e✨\u003c\/span\u003e Why You'll Love This Set\u003c\/h3\u003e\n\u003cdiv class=\"pm-feature-grid\"\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🏙️\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eUrban Graffiti Theme\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eBold black-and-white street art on every key\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eArtistic Authenticity\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eUnique graffiti legends \u0026amp; expressive artwork\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e⌨️\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eCherry Profile\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eErgonomic sculpted shape for comfort \u0026amp; speed\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🖋️\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eDye-Sub Printing\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eLegends embedded deep — never fade or wear off\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e💪\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003ePremium PBT Build\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eDurable, wear-resistant \u0026amp; premium feel — 146 keys\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎁\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003ePerfect Gift\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eIdeal for artists, gamers \u0026amp; street-style lovers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🏙️\u003c\/span\u003e Make Every Keystroke a Statement\u003c\/h3\u003e\n\u003cp class=\"pm-p\"\u003eFrom bold tag-style legends to intricate street art motifs, this keycap set channels the raw energy of urban expression. Each key is a canvas — meticulously crafted with high-contrast black-and-white graffiti artwork that transforms your keyboard into a rolling gallery of street culture and creative rebellion.\u003c\/p\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎀\u003c\/span\u003e Standout Features\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003eBold black-and-white graffiti street art design on every keycap\u003c\/li\u003e\n\u003cli\u003eCherry profile for ergonomic, comfortable daily typing \u0026amp; gaming\u003c\/li\u003e\n\u003cli\u003ePremium PBT plastic — durable, wear-resistant \u0026amp; high quality\u003c\/li\u003e\n\u003cli\u003eDye-sublimation printing: legends embedded deep, permanently fade-resistant\u003c\/li\u003e\n\u003cli\u003eComplete 146-key set covering wide range of layouts \u0026amp; sizes\u003c\/li\u003e\n\u003cli\u003eHigh-contrast urban aesthetic — perfect for any desk setup\u003c\/li\u003e\n\u003cli\u003eIncludes keycap puller tool for hassle-free installation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- DOUBLE IMAGE GALLERY --\u003e\u003cdiv class=\"pm-double-gallery\"\u003e\n\u003cdiv class=\"pm-double-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/cool-neon-rift-theme-artisan-graffiti-keycap-set-7266730.jpg?v=1769701473\" alt=\"Cool Neon Rift Theme Artisan Graffiti Keycap Set - KeyArtisan\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-double-img\"\u003e\u003cimg loading=\"lazy\" alt=\"Cool Black Graffiti Themed Keycap Set - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/cool-neon-rift-theme-artisan-graffiti-keycap-set-5491332.jpg?v=1769701473\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RECTANGLE IMAGE BETWEEN SECTIONS --\u003e\u003cdiv class=\"pm-rectangle-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/cool-neon-rift-theme-artisan-graffiti-keycap-set-2051200.jpg?v=1769701472\" alt=\"Cool Neon Rift Theme Artisan Graffiti Keycap Set - KeyArtisan\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎨\u003c\/span\u003e Available Variations\u003c\/h3\u003e\n\u003cp class=\"pm-p\"\u003e\u003cstrong\u003eChoose Your Perfect Profile:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"pm-ul\"\u003e\u003cli\u003e\n\u003cstrong\u003eCherry Profile\u003c\/strong\u003e - Classic sculpted ergonomic shape for traditional feel (146 keys)\u003c\/li\u003e\u003c\/ul\u003e\n\u003cp class=\"pm-p\"\u003eThe 146-key set includes comprehensive coverage for standard and custom layouts with full graffiti artwork across all keycaps.\u003c\/p\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e💎\u003c\/span\u003e Premium Build Quality\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Premium PBT plastic for long-lasting durability\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrinting:\u003c\/strong\u003e Dye-sublimation legends (permanent, never fades or wears)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProfile:\u003c\/strong\u003e Cherry profile — sculpted ergonomic shape for comfort\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFinish:\u003c\/strong\u003e Smooth matte surface — comfortable to type on\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurability:\u003c\/strong\u003e Designed for daily heavy use \u0026amp; long-term collecting\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQuality Control:\u003c\/strong\u003e Each set inspected before shipping\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e⚙️\u003c\/span\u003e Technical Specifications\u003c\/h3\u003e\n\u003cdiv class=\"pm-table-wrapper\"\u003e\u003ctable aria-label=\"Keyboard compatibility specifications\" role=\"table\" class=\"pm-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eTheme\u003c\/th\u003e\n\u003ctd\u003eCool Black Graffiti Street Art\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eProfile\u003c\/th\u003e\n\u003ctd\u003eCherry Profile (Sculpted Ergonomic)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKey Count\u003c\/th\u003e\n\u003ctd\u003e146 Keys (Complete Set)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eLayout Support\u003c\/th\u003e\n\u003ctd\u003eANSI \u0026amp; ISO Compatible\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKeyboard Sizes\u003c\/th\u003e\n\u003ctd\u003e61 \/ 64 \/ 68 \/ 75 \/ 80 \/ 84 \/ 87 \/ 96 \/ 98 \/ 104 \/ 108-key \u0026amp; More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSwitch Type\u003c\/th\u003e\n\u003ctd\u003eCherry MX \u0026amp; MX-Style (Gateron, Kailh, Outemu \u0026amp; Similar)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003ePremium PBT (Wear \u0026amp; Fade Resistant)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePrinting Method\u003c\/th\u003e\n\u003ctd\u003eDye-Sublimation (Permanent \u0026amp; Deep-Embedded)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-alert\"\u003e\n\u003cspan class=\"pm-alert-icon\"\u003e⚠️\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eCompatibility Notice:\u003c\/strong\u003e This keycap set is NOT compatible with non-standard 6U spacebars, membrane keyboards, laptop scissor switches, or ultra-thin keyboards. Works only with Cherry MX and MX-style mechanical switches. Verify your keyboard's switch type before ordering.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- LAYOUT SECTION HEADING --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📐\u003c\/span\u003e Layout Coverage \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c!-- SQUARE LAYOUT SECTION - IMAGE LEFT, TEXT RIGHT WITH LABEL --\u003e\u003cdiv class=\"pm-layout-section\"\u003e\n\u003cdiv class=\"pm-layout-img\"\u003e\n\u003cspan class=\"pm-layout-label\"\u003eKeycap Set Layout\u003c\/span\u003e \u003cimg loading=\"lazy\" alt=\"Cool Black Graffiti Themed Keycap Set - Layout - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/cool-neon-rift-theme-artisan-graffiti-keycap-set-8143662.jpg?v=1769701472\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-layout-text\"\u003e\n\u003ch2 class=\"pm-layout-title\"\u003eUniversal Compatibility with Most Mechanical Keyboards\u003c\/h2\u003e\n\u003cul class=\"pm-layout-list\"\u003e\n\u003cli\u003e60% \/ 61-Key Compact Layouts\u003c\/li\u003e\n\u003cli\u003e64 \/ 65% Compact with Arrows\u003c\/li\u003e\n\u003cli\u003e68 \/ 75% Compact Full Function\u003c\/li\u003e\n\u003cli\u003e80% \/ 84 \/ 87% TKL (Tenkeyless)\u003c\/li\u003e\n\u003cli\u003e96% \/ 98% Extended Layouts\u003c\/li\u003e\n\u003cli\u003e104 \/ 108-Key Full-Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-layout-note\"\u003e\u003cstrong\u003e💡 Tip:\u003c\/strong\u003e Compatible with ANSI \u0026amp; ISO layouts. Not sure if your keyboard is compatible? Send us a photo or model number — our team is happy to verify compatibility before you order!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📦\u003c\/span\u003e Complete Package Contents\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e146-Key Keycap Set\u003c\/strong\u003e - Cherry profile with full graffiti artwork\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGraffiti Novelty Keys\u003c\/strong\u003e - All street art themed special keys included\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKeycap Puller Tool\u003c\/strong\u003e - Plastic puller for easy installation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePremium Box\u003c\/strong\u003e - High Quality Packaging\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-p pm-info-box\"\u003e\u003cstrong\u003e📝 Important:\u003c\/strong\u003e This listing includes \u003cstrong\u003eKEYCAPS ONLY\u003c\/strong\u003e. Keyboards, switches, and other accessories shown in product photos are for display purposes only and are NOT included in your purchase.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section with Heartbeat Animation --\u003e\u003cdiv class=\"pm-cta\"\u003e\n\u003ch2 class=\"pm-cta-title\"\u003e🎨 Own Your Style Today! 🏙️\u003c\/h2\u003e\n\u003cp class=\"pm-cta-text\"\u003eBring rebellious street art energy to your keyboard and make every keystroke a statement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Centered Help Section --\u003e\u003cdiv class=\"pm-card pm-help-center\"\u003e\n\u003cp class=\"pm-p\"\u003e\u003cstrong\u003e💬 Questions? We're Here to Help!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eNeed advice on compatibility with your keyboard? Wondering about the profile feel? Want to know more about the graffiti artwork details?\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eOur KeyArtisan support team loves helping fellow keyboard enthusiasts! We typically respond within 24 hours and can answer any questions about installation, compatibility, or building your perfect setup. 😊\u003c\/p\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003cp class=\"pm-p\" style=\"margin-bottom: 0; font-size: 13px;\"\u003e\u003cstrong\u003e🏙️ The Streets Are Calling\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"pm-p\" style=\"margin-bottom: 0; font-size: 13px;\"\u003eBold, expressive, and dripping with urban personality — the Cool Black Graffiti Themed Keycap Set is the ultimate choice for artists, gamers, and anyone who wants to bring the spirit of street culture, creative rebellion, and raw artistic energy to their daily typing experience. Every keystroke becomes a statement. 🎨✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Footer Info - MINIMAL SPACING --\u003e\u003cdiv class=\"pm-footer-info\"\u003e\u003cdiv class=\"pm-footer-badges\"\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e📧\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eFull Order Tracking Included\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e🌍\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eWorldwide Shipping Available\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e💝\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003ePremium Quality Guaranteed\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406836801751,"sku":null,"price":76.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/cool-neon-rift-theme-artisan-graffiti-keycap-set-2051200.jpg?v=1783490263"},{"product_id":"chiikawa-theme-anime-artisan-keycap-set","title":"Chiikawa Theme Anime Artisan Keycap Set","description":"\u003c!-- Chiikawa Theme Anime Artisan Keycap Set — Enhanced E-Commerce Page --\u003e\u003cstyle\u003e :root{ --pm-text:#111827; --pm-muted:#6b7280; --pm-border:#e5e7eb; --pm-soft:#fef8f5; --pm-radius:16px; --pm-peach:#ffd4c8; --pm-peach-light:#ffe8e0; --pm-peach-soft:#fff5f1; --pm-blue:#c8e1ff; --pm-blue-light:#e0efff; --pm-gradient: linear-gradient(135deg, #ffd4c8 0%, #c8e1ff 100%); } * { box-sizing: border-box; } .pm-wrap{ max-width: 1020px; margin: 0 auto; padding: 24px 16px 48px; color: var(--pm-text); line-height: 1.7; font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif; } \/* ===== HERO BADGE - CENTERED ===== *\/ .pm-hero-badge{ display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: var(--pm-gradient); color: #fff; font-size: 12px; font-weight: 800; border-radius: 20px; margin-bottom: 12px; letter-spacing: 0.3px; text-transform: uppercase; box-shadow: 0 4px 12px rgba(255,210,200,0.4); } .pm-badge-center{ text-align: center; margin-bottom: 16px; } .pm-title{ font-size: 32px; font-weight: 900; letter-spacing: -0.5px; margin: 0 0 12px; line-height: 1.2; min-height: auto; background: linear-gradient(135deg, #111827 0%, #4b5563 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .pm-sub{ margin: 0 0 18px; color: var(--pm-muted); font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .pm-sub span{ display: inline-flex; align-items: center; gap: 4px; } \/* ===== CARDS ===== *\/ .pm-card{ border: 1px solid var(--pm-border); border-radius: 20px; background: #fff; padding: 28px 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-bottom: 16px; } .pm-p{ margin: 12px 0; color: #374151; font-size: 15px; line-height: 1.75; } .pm-h3{ margin: 24px 0 14px; font-size: 18px; font-weight: 900; letter-spacing: -0.3px; display:flex; align-items:center; gap:12px; color: #111827; } .pm-ico{ width: 32px; height: 32px; display:inline-grid; place-items:center; border-radius: 10px; background: var(--pm-peach-soft); border: 1px solid var(--pm-peach-light); font-size: 16px; flex-shrink: 0; } .pm-ul{ margin: 0; padding-left: 0; color:#374151; font-size: 15px; list-style: none; } .pm-ul li{ margin: 10px 0; padding-left: 28px; position: relative; } .pm-ul li:before{ content: \"✓\"; position: absolute; left: 0; color: #ff9e80; font-weight: 900; font-size: 16px; } .pm-hr{ border: 0; border-top: 2px solid var(--pm-soft); margin: 24px 0; } \/* ===== TRUST BADGES WITH HOVER ===== *\/ .pm-trust{ display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 24px 0; } .pm-trust-item{ display: flex; align-items: center; gap: 12px; padding: 14px; background: var(--pm-peach-soft); border: 1px solid var(--pm-peach-light); border-radius: 12px; font-size: 13px; font-weight: 700; color: #111827; transition: all 0.3s ease; cursor: pointer; } .pm-trust-item:hover{ transform: translateY(-4px); box-shadow: 0 8px 20px rgba(255, 210, 200, 0.35); background: linear-gradient(135deg, var(--pm-peach-soft) 0%, #fff 100%); border-color: var(--pm-peach); } .pm-trust-icon{ width: 36px; height: 36px; background: #fff; border-radius: 8px; display: grid; place-items: center; font-size: 18px; flex-shrink: 0; transition: transform 0.3s ease; } .pm-trust-item:hover .pm-trust-icon{ transform: scale(1.15) rotate(5deg); } \/* ===== FEATURE GRID ===== *\/ .pm-feature-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0; } .pm-feature-card{ padding: 20px; background: linear-gradient(135deg, #fff 0%, var(--pm-soft) 100%); border: 1px solid var(--pm-border); border-radius: 16px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } .pm-feature-card:hover{ transform: translateY(-4px); box-shadow: 0 8px 24px rgba(255,210,200,0.15); } .pm-feature-icon{ font-size: 32px; margin-bottom: 12px; } .pm-feature-title{ font-size: 15px; font-weight: 800; color: #111827; margin: 0 0 6px; } .pm-feature-desc{ font-size: 13px; color: var(--pm-muted); margin: 0; } \/* ===== SPECS TABLE - ENHANCED WITH HOVER ===== *\/ .pm-table-wrapper{ transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 16px; overflow: hidden; } .pm-table-wrapper:hover{ transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); } .pm-table{ width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--pm-border); border-radius: 16px; background: #fff; } .pm-table th, .pm-table td{ padding: 16px; border-bottom: 1px solid var(--pm-border); font-size: 14px; text-align: left; transition: background 0.2s ease; } .pm-table tr:hover th, .pm-table tr:hover td{ background: var(--pm-peach-soft); } .pm-table tr:last-child th, .pm-table tr:last-child td{ border-bottom: 0; } .pm-table th{ width: 38%; color:#374151; font-weight: 900; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%); } .pm-table td{ font-weight: 700; color:#111827; background:#ffffff; } \/* ===== ALERT - ENHANCED WITH HOVER ===== *\/ .pm-alert{ margin-top: 16px; padding: 16px 18px; border: 2px solid #fee2e2; background: #fef2f2; border-radius: 14px; color:#991b1b; font-size: 14px; font-weight: 600; display: flex; align-items: flex-start; gap: 10px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } .pm-alert:hover{ transform: translateY(-2px); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.15); border-color: #fecaca; } .pm-alert-icon{ font-size: 20px; flex-shrink: 0; } \/* ===== INFO BOX - ENHANCED WITH HOVER ===== *\/ .pm-info-box{ padding: 12px 16px; background: var(--pm-soft); border-radius: 12px; border-left: 4px solid #ff9e80; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } .pm-info-box:hover{ transform: translateX(4px); box-shadow: 0 4px 16px rgba(255, 158, 128, 0.2); border-color: #ff7043; } \/* ===== 3-IMAGE GRID WITH LABELS (TOP SECTION) ===== *\/ .pm-image-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 24px 0; } .pm-grid-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 350px; } .pm-grid-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1); transition: transform 0.5s ease; } .pm-grid-img:hover img{ transform: scale(1.08); } \/* Image Label Badge - Top Right Corner *\/ .pm-img-label{ position: absolute; top: 12px; right: 12px; background: rgba(255, 255, 255, 0.95); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; color: #111827; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 2; backdrop-filter: blur(4px); border: 1px solid rgba(0,0,0,0.05); } \/* ===== RECTANGLE IMAGE SECTION (Between Content) - MADE TALLER ===== *\/ .pm-rectangle-image{ margin: 32px 0; border-radius: 16px; overflow: hidden; border: 1px solid var(--pm-border); line-height: 0; height: 480px; } .pm-rectangle-image img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-rectangle-image:hover img{ transform: scale(1.05); } \/* ===== LAYOUT SECTION - SQUARE WITH IMAGE LEFT \u0026 TEXT RIGHT ===== *\/ .pm-layout-section{ margin: 32px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; } .pm-layout-img{ width: 100%; aspect-ratio: 1\/1; border-radius: 0px; border: 2px solid var(--pm-border); overflow: hidden; line-height: 0; background: #fff; display: flex; align-items: center; justify-content: center; } .pm-layout-img img{ width: 100%; height: 100%; object-fit: contain; display: block; padding: 0px; } .pm-layout-text{ aspect-ratio: 1\/1; padding: 2px 2px; background: var(--pm-soft); border-radius: 0px; border: 2px solid var(--pm-peach-light); display: flex; flex-direction: column; justify-content: center; } .pm-layout-title{ font-size: 18px; font-weight: 1000; color: #111827; margin: 0 0 30px; line-height: 1.4; } .pm-layout-list{ margin: 0 0 14px 0; padding-left: 0; list-style: none; } .pm-layout-list li{ padding: 10px 0; font-size: 14px; font-weight: 600; color: #374151; position: relative; padding-left: 28px; } .pm-layout-list li:before{ content: \"✓\"; position: absolute; left: 0; color: #ff9e80; font-weight: 900; font-size: 18px; } .pm-layout-note{ font-size: 13px; color: var(--pm-muted); line-height: 1.7; margin: 0; font-style: italic; padding: 12px; background: rgba(255,210,200,0.1); border-radius: 8px; } \/* ===== FULL WIDTH IMAGE - ENHANCED QUALITY ===== *\/ .pm-full-width-section{ width: 100vw; margin-left: calc(-50vw + 50%); margin-top: 32px; margin-bottom: 32px; } .pm-full-width-img{ width: 100%; height: 600px; overflow: hidden; position: relative; background: #fef8f5; } .pm-full-width-img img{ width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transform: scale(1); transition: transform 0.6s ease; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; backface-visibility: hidden; -webkit-backface-visibility: hidden; filter: contrast(1.03) saturate(1.08) brightness(1.02); -webkit-filter: contrast(1.03) saturate(1.08) brightness(1.02); } .pm-full-width-img:hover img{ transform: scale(1.05); } \/* ===== CTA SECTION WITH ADJUSTED SPACING ===== *\/ .pm-cta{ margin-top: 32px; padding: 32px 28px; background: var(--pm-gradient); border-radius: 20px; text-align: center; color: #fff; box-shadow: 0 8px 24px rgba(255,210,200,0.45); } .pm-cta-title{ font-size: 24px; font-weight: 900; margin: 0 0 10px; } .pm-cta-text{ font-size: 15px; margin: 0 0 12px; opacity: 0.95; } .pm-cta-btn{ display: inline-block; padding: 14px 32px; background: #fff; color: #111827; font-size: 15px; font-weight: 800; border-radius: 12px; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.1); cursor: pointer; animation: heartbeat-slow 3s ease-in-out infinite; } .pm-cta-btn:hover{ transform: translateY(-2px) scale(1.05); box-shadow: 0 6px 20px rgba(0,0,0,0.15); animation: heartbeat-hover 2s ease-in-out infinite; } @keyframes heartbeat-slow { 0%, 100% { transform: scale(1); } 7% { transform: scale(1.03); } 14% { transform: scale(1); } 21% { transform: scale(1.03); } 28% { transform: scale(1); } } @keyframes heartbeat-hover { 0%, 100% { transform: translateY(-2px) scale(1.05); } 50% { transform: translateY(-2px) scale(1.08); } } \/* ===== CENTERED HELP SECTION ===== *\/ .pm-help-center{ text-align: center; margin-top: 32px; } \/* ===== FOOTER INFO - MINIMAL SPACING ===== *\/ .pm-footer-info{ margin-top: 16px; margin-bottom: 0; padding: 14px 18px; text-align: center; background: var(--pm-soft); border-radius: 20px; border: 1px solid var(--pm-border); } .pm-footer-badges{ display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; font-size: 13px; color: var(--pm-muted); margin: 0; } .pm-footer-badge-item{ display: flex; align-items: center; gap: 6px; } .pm-footer-badge-icon{ font-size: 16px; } \/* ===== RESPONSIVE ===== *\/ @media (max-width: 860px){ .pm-wrap{ padding: 16px 12px 32px; } .pm-title{ font-size: 26px; } .pm-card{ padding: 20px 18px; } .pm-trust{ grid-template-columns: 1fr; } .pm-feature-grid{ grid-template-columns: repeat(2, 1fr); } .pm-cta{ padding: 24px 20px; } .pm-cta-title{ font-size: 20px; } .pm-cta-text{ margin: 0 0 6px; } .pm-image-grid{ grid-template-columns: 1fr; } .pm-grid-img{ height: 300px; } .pm-rectangle-image{ height: 350px; } .pm-layout-section{ grid-template-columns: 1fr; } .pm-layout-img, .pm-layout-text{ aspect-ratio: 1\/1; } .pm-full-width-img{ height: 400px; } } @media (max-width: 500px){ .pm-title{ font-size: 22px; line-height: 1.3; } .pm-sub{ font-size: 13px; } .pm-h3{ font-size: 16px; } .pm-feature-grid{ grid-template-columns: 1fr; } .pm-grid-img{ height: 250px; } .pm-rectangle-image{ height: 300px; } .pm-layout-img, .pm-layout-text{ aspect-ratio: 1\/1; } .pm-full-width-img{ height: 300px; } .pm-footer-badges{ gap: 14px; flex-direction: column; align-items: center; } .pm-footer-info{ padding: 12px 16px; } }\u003c\/style\u003e\u003cdiv class=\"pm-wrap\"\u003e\n\u003c!-- Hero Badge - CENTERED --\u003e\u003cdiv class=\"pm-badge-center\"\u003e\u003cdiv class=\"pm-hero-badge\"\u003e✨ New Arrival • Anime Theme\u003c\/div\u003e\u003c\/div\u003e\n\u003c!-- PRODUCT IMAGES IN 3-IMAGE GRID WITH TOP-RIGHT LABELS --\u003e\u003cdiv class=\"pm-image-grid\"\u003e\n\u003c!-- Main Product View - Full Keycap Set --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eMain Product View\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7730286149_oex6.jpg?v=1770921213\" alt=\"Chiikawa Theme Anime Artisan Keycap Set | Cozy Pastel Ceramic-Feel Keycaps, MOA Profile – KeyArtisan®\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c!-- Lifestyle Setup View - On Keyboard --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eLifestyle Setup\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/chiikawa-theme-anime-artisan-keycap-set-5442031.jpg?v=1771372031\" alt=\"Chiikawa Theme Anime Artisan Keycap Set - KeyArtisan\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c!-- Close-Up Detail Shot - Texture \u0026 Characters --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eDetail Close-Up\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/chiikawa-theme-anime-artisan-keycap-set-2895817.jpg?v=1771372031\" alt=\"Chiikawa Theme Anime Artisan Keycap Set - KeyArtisan\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch1 class=\"pm-title\"\u003eChiikawa Theme Anime Artisan Keycap Set\u003c\/h1\u003e\n\u003cdiv class=\"pm-sub\"\u003e\n\u003cspan\u003e🐹 Kawaii Anime\u003c\/span\u003e \u003cspan\u003e⌨️ MOA Profile\u003c\/span\u003e \u003cspan\u003e💎 PBT+PC Blend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pm-p\"\u003eLooking for a keycap set that feels soft, calming, and adorably cozy every time you type? 🐹🌸⌨️\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eThe \u003cstrong\u003eChiikawa Theme Anime Artisan Keycap Set\u003c\/strong\u003e brings gentle kawaii charm to your desk with sweet Chiikawa character illustrations, soft symbols, and soothing pastel tones. Inspired by quiet daily moments, small joys, and cozy routines, this set turns everyday typing into a warm, feel-good experience.\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eFeaturing creamy off-white, blush pink, and soft pastel blue accents, each key feels like a tiny moment from a peaceful day — light, comforting, and easy on the eyes. Perfect for kawaii, pastel, and cozy desk setups.\u003c\/p\u003e\n\u003c!-- Trust Badges with Hover Effects --\u003e\u003cdiv class=\"pm-trust\"\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🚚\u003c\/div\u003e\n\u003cdiv\u003eFree Shipping Over $100\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🔒\u003c\/div\u003e\n\u003cdiv\u003eSecure Checkout\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e↩️\u003c\/div\u003e\n\u003cdiv\u003e60-Day Returns\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- Feature Grid - 6 items --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e✨\u003c\/span\u003e Why You'll Love It\u003c\/h3\u003e\n\u003cdiv class=\"pm-feature-grid\"\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003ePremium Quality\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003ePBT+PC blend with fade-resistant dye-sub legends\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🐹\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eKawaii Characters\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eAdorable Chiikawa anime theme with expressive faces\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e⌨️\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eMOA Profile\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eErgonomic design for comfortable all-day typing\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🌈\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eRGB Friendly\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eSemi-transparent finish for gentle RGB diffusion\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e💪\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eLong-Lasting\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eDurable ceramic-feel surface that stays pristine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎁\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eGift-Ready\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eBeautiful premium packaging included\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🌸\u003c\/span\u003e Premium Materials \u0026amp; Craftsmanship\u003c\/h3\u003e\n\u003cp class=\"pm-p\"\u003eCrafted from a premium \u003cstrong\u003ePBT + PC material blend (≈80% PBT)\u003c\/strong\u003e using high-quality \u003cstrong\u003edye-sublimation\u003c\/strong\u003e printing, these keycaps offer long-lasting clarity and durability. The \u003cstrong\u003eMOA profile\u003c\/strong\u003e delivers an ergonomic, comfortable typing feel, while the semi-transparent ceramic-like finish gently diffuses RGB lighting for a warm, cozy glow.\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eWhether you're gaming, working, or decorating your dream desk, this set adds a gentle kawaii personality that feels calming and delightful with every keystroke.\u003c\/p\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎀\u003c\/span\u003e Theme \u0026amp; Aesthetic\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003eChiikawa-inspired anime aesthetic\u003c\/li\u003e\n\u003cli\u003eCute animal characters with expressive faces\u003c\/li\u003e\n\u003cli\u003eSoft pastel tones and playful icons\u003c\/li\u003e\n\u003cli\u003eCozy, calm, and heart-warming atmosphere\u003c\/li\u003e\n\u003cli\u003ePerfect for kawaii, pastel, and cozy desk setups\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- RECTANGLE IMAGE BETWEEN SECTIONS - Angled Keyboard View --\u003e\u003cdiv class=\"pm-rectangle-image\" style=\"text-align: start;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7682338138_sfrs.jpg?v=1770921214\" alt=\"Chiikawa Theme Anime Artisan Keycap Set | Cozy Pastel Ceramic-Feel Keycaps, MOA Profile – KeyArtisan®\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e💎\u003c\/span\u003e Material \u0026amp; Build Quality\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003ePBT + PC keycaps (high-content PBT blend)\u003c\/li\u003e\n\u003cli\u003eDye-sublimation printing for long-lasting legends\u003c\/li\u003e\n\u003cli\u003eMOA profile for ergonomic typing experience\u003c\/li\u003e\n\u003cli\u003eSemi-transparent, ceramic-like finish\u003c\/li\u003e\n\u003cli\u003eSmooth matte texture with gentle RGB diffusion\u003c\/li\u003e\n\u003cli\u003eComfortable, soothing typing feel for extended sessions\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e⚙️\u003c\/span\u003e Compatibility Details\u003c\/h3\u003e\n\u003cdiv class=\"pm-table-wrapper\"\u003e\u003ctable style=\"width: 100.067%; height: 433.854px;\" aria-label=\"Keyboard compatibility\" role=\"table\" class=\"pm-table\"\u003e\u003ctbody\u003e\n\u003ctr style=\"height: 80.9167px;\"\u003e\n\u003cth style=\"width: 37.8703%; height: 80.9167px;\"\u003eSupported Layouts\u003c\/th\u003e\n\u003ctd style=\"width: 61.7929%; height: 80.9167px;\"\u003eANSI layout ONLY (ISO not included)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 77.5208px;\"\u003e\n\u003cth style=\"width: 37.8703%; height: 77.5208px;\"\u003eSwitch Compatibility\u003c\/th\u003e\n\u003ctd style=\"width: 61.7929%; height: 77.5208px;\"\u003eMX-style (cross) mechanical switches\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 80.9167px;\"\u003e\n\u003cth style=\"width: 37.8703%; height: 80.9167px;\"\u003eKeyboard Sizes\u003c\/th\u003e\n\u003ctd style=\"width: 61.7929%; height: 80.9167px;\"\u003e60%, 65%, 75%, 80% (TKL), 96%, 100% (Full-Size)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 57.125px;\"\u003e\n\u003cth style=\"width: 37.8703%; height: 57.125px;\"\u003eProfile Type\u003c\/th\u003e\n\u003ctd style=\"width: 61.7929%; height: 57.125px;\"\u003eMOA Profile\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 57.125px;\"\u003e\n\u003cth style=\"width: 37.8703%; height: 57.125px;\"\u003eMaterial\u003c\/th\u003e\n\u003ctd style=\"width: 61.7929%; height: 57.125px;\"\u003ePBT + PC Blend (≈80% PBT)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 80.25px;\"\u003e\n\u003cth style=\"width: 37.8703%; height: 80.25px;\"\u003ePrinting Method\u003c\/th\u003e\n\u003ctd style=\"width: 61.7929%; height: 80.25px;\"\u003eDye-Sublimation (permanent, fade-resistant)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-alert\"\u003e\n\u003cspan class=\"pm-alert-icon\"\u003e⚠️\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eImportant:\u003c\/strong\u003e This product is ANSI layout ONLY. ISO keycaps are NOT included. Not compatible with membrane keyboards, scissor-switch laptops, or low-profile mechanical keyboards. Only works with standard MX-style switches.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- LAYOUT SECTION HEADING --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📐\u003c\/span\u003e Layout \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c!-- SQUARE LAYOUT SECTION - IMAGE LEFT (Top View), TEXT RIGHT --\u003e\u003cdiv class=\"pm-layout-section\"\u003e\n\u003cdiv style=\"text-align: start;\" class=\"pm-layout-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7682324836_d6h8.jpg?v=1770921214\" alt=\"Chiikawa Theme Anime Artisan Keycap Set | Cozy Pastel Ceramic-Feel Keycaps, MOA Profile – KeyArtisan®\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-layout-text\"\u003e\n\u003ch2 class=\"pm-layout-title\"\u003e This comprehensive set is compatible with the following keyboard layouts:\u003c\/h2\u003e\n\u003cul class=\"pm-layout-list\"\u003e\n\u003cli\u003e60% Layouts — 61 keys\u003c\/li\u003e\n\u003cli\u003e65% Layouts — 64–68 keys\u003c\/li\u003e\n\u003cli\u003e75% Layouts — 75–84 keys\u003c\/li\u003e\n\u003cli\u003e80% (TKL) Layouts — 87 keys\u003c\/li\u003e\n\u003cli\u003e96% Layouts — 96–100 keys\u003c\/li\u003e\n\u003cli\u003e100% Full-Size Layouts — 104–108 keys\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-layout-note\"\u003e\u003cstrong\u003e💡 Compatibility Note:\u003c\/strong\u003e This set is compatible with most popular ANSI-layout mechanical keyboards. Please make sure your keyboard uses an ANSI layout before purchasing. Not sure if your keyboard is compatible? Reach out to our support team — we're happy to help verify!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FULL WIDTH IMAGE SECTION - Side Profile Lifestyle Shot --\u003e\u003cdiv class=\"pm-full-width-section\"\u003e\u003cdiv class=\"pm-full-width-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/chiikawa-theme-anime-artisan-keycap-set-2895817.jpg?v=1771372031\" alt=\"Chiikawa Theme Anime Artisan Keycap Set - KeyArtisan\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📦\u003c\/span\u003e What's Included\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003eFull keycap set (ANSI layout coverage)\u003c\/li\u003e\n\u003cli\u003eMultiple keycap sizes for various layouts\u003c\/li\u003e\n\u003cli\u003eKeycap puller tool (for easy installation)\u003c\/li\u003e\n\u003cli\u003ePremium gift box packaging\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-p pm-info-box\"\u003e\u003cstrong\u003e📝 Important Note:\u003c\/strong\u003e This listing includes \u003cstrong\u003ekeycaps only\u003c\/strong\u003e. Keyboards, desk setups, and accessories shown in photos are for display purposes and are not included.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section with Slower Heartbeat Animation --\u003e\u003cdiv class=\"pm-cta\"\u003e\n\u003ch2 class=\"pm-cta-title\"\u003e🐹 Transform Your Keyboard Today ✨\u003c\/h2\u003e\n\u003cp class=\"pm-cta-text\"\u003eJoin thousands of happy customers who've upgraded to kawaii perfection\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Centered Help Section --\u003e\u003cdiv class=\"pm-card pm-help-center\"\u003e\n\u003cp class=\"pm-p\"\u003e\u003cstrong\u003e💬 Need Help?\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eStill have questions about compatibility or want styling advice for your setup?\u003cbr\u003eMessage us anytime at KeyArtisan — we typically reply within 24 hours and love helping you create your perfect desk aesthetic! 💌\u003c\/p\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003cp style=\"margin-bottom: 0; font-size: 16px;\" class=\"pm-p\"\u003e\u003cstrong\u003e🌸 Your Perfect Desk Companion\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eSoft, cozy, and full of gentle joy.\u003cbr\u003eThe Chiikawa Theme Anime Artisan Keycap Set is perfect for kawaii lovers, pastel desk enthusiasts, and anyone who wants their keyboard to feel calm, comforting, and irresistibly cute every day 🐹⌨️💗\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Footer Info - MINIMAL SPACING --\u003e\u003cdiv class=\"pm-footer-info\"\u003e\u003cdiv class=\"pm-footer-badges\"\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e📧\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eOrder Tracking Included\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e🌍\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eShips Worldwide\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e💝\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003ePremium Quality Guaranteed\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406839292119,"sku":null,"price":48.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/chiikawa-theme-anime-artisan-keycap-set-2895817.jpg?v=1783490286"},{"product_id":"coffee-bunny-theme-artisan-keycap-set","title":"Coffee Bunny Theme Artisan Keycap Set","description":"\u003c!-- Coffee Bunny Theme Artisan Keycap Set — Enhanced E-Commerce Page --\u003e\u003cstyle\u003e :root{ --pm-text:#111827; --pm-muted:#6b7280; --pm-border:#e5e7eb; --pm-soft:#fef9f5; --pm-radius:16px; --pm-coffee:#8b6f47; --pm-mocha:#c8a882; --pm-cream:#f5e6d3; --pm-vanilla:#fff8f0; --pm-latte:#e8d4c0; --pm-gradient: linear-gradient(135deg, #8b6f47 0%, #c8a882 50%, #f5e6d3 100%); } * { box-sizing: border-box; } .pm-wrap{ max-width: 1020px; margin: 0 auto; padding: 24px 16px 48px; color: var(--pm-text); line-height: 1.7; font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif; overflow-x: hidden; } \/* ===== HERO BADGE - CENTERED ===== *\/ .pm-hero-badge{ display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: var(--pm-gradient); color: #fff; font-size: 12px; font-weight: 800; border-radius: 20px; margin-bottom: 12px; letter-spacing: 0.3px; text-transform: uppercase; box-shadow: 0 4px 12px rgba(139,111,71,0.4); } .pm-badge-center{ text-align: center; margin-bottom: 16px; } .pm-title{ font-size: 32px; font-weight: 900; letter-spacing: -0.5px; margin: 0 0 12px; line-height: 1.2; min-height: auto; background: linear-gradient(135deg, #111827 0%, #4b5563 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; word-wrap: break-word; overflow-wrap: break-word; } .pm-sub{ margin: 0 0 18px; color: var(--pm-muted); font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .pm-sub span{ display: inline-flex; align-items: center; gap: 4px; } \/* ===== CARDS ===== *\/ .pm-card{ border: 1px solid var(--pm-border); border-radius: 20px; background: #fff; padding: 28px 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-bottom: 16px; overflow: hidden; } .pm-p{ margin: 12px 0; color: #374151; font-size: 15px; line-height: 1.75; word-wrap: break-word; overflow-wrap: break-word; } .pm-h3{ margin: 24px 0 14px; font-size: 18px; font-weight: 900; letter-spacing: -0.3px; display:flex; align-items:center; gap:12px; color: #111827; word-wrap: break-word; overflow-wrap: break-word; } .pm-ico{ width: 32px; height: 32px; display:inline-grid; place-items:center; border-radius: 10px; background: var(--pm-vanilla); border: 1px solid var(--pm-cream); font-size: 16px; flex-shrink: 0; } .pm-ul{ margin: 0; padding-left: 0; color:#374151; font-size: 15px; list-style: none; } .pm-ul li{ margin: 10px 0; padding-left: 28px; position: relative; word-wrap: break-word; overflow-wrap: break-word; } .pm-ul li:before{ content: \"✓\"; position: absolute; left: 0; color: #8b6f47; font-weight: 900; font-size: 16px; } .pm-hr{ border: 0; border-top: 2px solid var(--pm-soft); margin: 24px 0; } \/* ===== TRUST BADGES WITH HOVER ===== *\/ .pm-trust{ display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 24px 0; } .pm-trust-item{ display: flex; align-items: center; gap: 12px; padding: 14px; background: var(--pm-vanilla); border: 1px solid var(--pm-cream); border-radius: 12px; font-size: 13px; font-weight: 700; color: #111827; transition: all 0.3s ease; cursor: pointer; } .pm-trust-item:hover{ transform: translateY(-4px); box-shadow: 0 8px 20px rgba(139,111,71,0.35); background: linear-gradient(135deg, var(--pm-vanilla) 0%, #fff 100%); border-color: var(--pm-mocha); } .pm-trust-icon{ width: 36px; height: 36px; background: #fff; border-radius: 8px; display: grid; place-items: center; font-size: 18px; flex-shrink: 0; transition: transform 0.3s ease; } .pm-trust-item:hover .pm-trust-icon{ transform: scale(1.15) rotate(5deg); } \/* ===== FEATURE GRID ===== *\/ .pm-feature-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0; } .pm-feature-card{ padding: 20px; background: linear-gradient(135deg, #fff 0%, var(--pm-soft) 100%); border: 1px solid var(--pm-border); border-radius: 16px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } .pm-feature-card:hover{ transform: translateY(-4px); box-shadow: 0 8px 24px rgba(139,111,71,0.15); } .pm-feature-icon{ font-size: 32px; margin-bottom: 12px; } .pm-feature-title{ font-size: 15px; font-weight: 800; color: #111827; margin: 0 0 6px; } .pm-feature-desc{ font-size: 13px; color: var(--pm-muted); margin: 0; } \/* ===== SPECS TABLE - ENHANCED WITH HOVER ===== *\/ .pm-table-wrapper{ transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 16px; overflow: hidden; } .pm-table-wrapper:hover{ transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); } .pm-table{ width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--pm-border); border-radius: 16px; background: #fff; } .pm-table th, .pm-table td{ padding: 16px; border-bottom: 1px solid var(--pm-border); font-size: 14px; text-align: left; transition: background 0.2s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-table tr:hover th, .pm-table tr:hover td{ background: var(--pm-vanilla); } .pm-table tr:last-child th, .pm-table tr:last-child td{ border-bottom: 0; } .pm-table th{ width: 38%; color:#374151; font-weight: 900; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%); } .pm-table td{ font-weight: 700; color:#111827; background:#ffffff; } \/* ===== ALERT - ENHANCED WITH HOVER ===== *\/ .pm-alert{ margin-top: 16px; padding: 16px 18px; border: 2px solid #fee2e2; background: #fef2f2; border-radius: 14px; color:#991b1b; font-size: 14px; font-weight: 600; display: flex; align-items: flex-start; gap: 10px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-alert:hover{ transform: translateY(-2px); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.15); border-color: #fecaca; } .pm-alert-icon{ font-size: 20px; flex-shrink: 0; } \/* ===== INFO BOX - ENHANCED WITH HOVER ===== *\/ .pm-info-box{ padding: 12px 16px; background: var(--pm-soft); border-radius: 12px; border-left: 4px solid #8b6f47; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-info-box:hover{ transform: translateX(4px); box-shadow: 0 4px 16px rgba(139, 111, 71, 0.2); border-color: #6d5737; } \/* ===== 3-IMAGE GRID WITH LABELS (TOP SECTION) ===== *\/ .pm-image-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 24px 0; } .pm-grid-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 350px; } .pm-grid-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1); transition: transform 0.5s ease; } .pm-grid-img:hover img{ transform: scale(1.08); } \/* Image Label Badge - Top Right Corner *\/ .pm-img-label{ position: absolute; top: 12px; right: 12px; background: rgba(255, 255, 255, 0.95); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; color: #111827; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 2; backdrop-filter: blur(4px); border: 1px solid rgba(0,0,0,0.05); } \/* ===== RECTANGLE IMAGE SECTION (Between Content) ===== *\/ .pm-rectangle-image{ margin: 32px 0; border-radius: 16px; overflow: hidden; border: 1px solid var(--pm-border); line-height: 0; height: 480px; } .pm-rectangle-image img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-rectangle-image:hover img{ transform: scale(1.05); } \/* ===== LAYOUT SECTION - SQUARE WITH IMAGE LEFT \u0026 TEXT RIGHT ===== *\/ .pm-layout-section{ margin: 32px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; overflow: hidden; } .pm-layout-img{ width: 100%; aspect-ratio: 1\/1; border-radius: 0px; border: 2px solid var(--pm-border); overflow: hidden; line-height: 0; background: #fff; display: flex; align-items: center; justify-content: center; max-width: 100%; } .pm-layout-img img{ width: 100%; height: 100%; object-fit: contain; display: block; padding: 0px; max-width: 100%; } .pm-layout-text{ aspect-ratio: 1\/1; padding: 24px 20px; background: var(--pm-soft); border-radius: 0px; border: 2px solid var(--pm-cream); display: flex; flex-direction: column; justify-content: center; overflow: hidden; max-width: 100%; } .pm-layout-title{ font-size: 18px; font-weight: 900; color: #111827; margin: 0 0 20px; line-height: 1.4; word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; } .pm-layout-list{ margin: 0 0 14px 0; padding-left: 0; list-style: none; } .pm-layout-list li{ padding: 10px 0; font-size: 14px; font-weight: 600; color: #374151; position: relative; padding-left: 28px; word-wrap: break-word; overflow-wrap: break-word; } .pm-layout-list li:before{ content: \"✓\"; position: absolute; left: 0; color: #8b6f47; font-weight: 900; font-size: 18px; } .pm-layout-note{ font-size: 13px; color: var(--pm-muted); line-height: 1.7; margin: 0; font-style: italic; padding: 12px; background: rgba(139,111,71,0.1); border-radius: 8px; word-wrap: break-word; overflow-wrap: break-word; } \/* ===== FULL WIDTH IMAGE - ENHANCED QUALITY ===== *\/ .pm-full-width-section{ width: 100vw; margin-left: calc(-50vw + 50%); margin-top: 32px; margin-bottom: 32px; overflow: hidden; } .pm-full-width-img{ width: 100%; height: 600px; overflow: hidden; position: relative; background: #fef9f5; } .pm-full-width-img img{ width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transform: scale(1); transition: transform 0.6s ease; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; backface-visibility: hidden; -webkit-backface-visibility: hidden; filter: contrast(1.03) saturate(1.08) brightness(1.02); -webkit-filter: contrast(1.03) saturate(1.08) brightness(1.02); } .pm-full-width-img:hover img{ transform: scale(1.05); } \/* ===== CTA SECTION WITH ADJUSTED SPACING ===== *\/ .pm-cta{ margin-top: 32px; padding: 32px 28px; background: var(--pm-gradient); border-radius: 20px; text-align: center; color: #fff; box-shadow: 0 8px 24px rgba(139,111,71,0.45); } .pm-cta-title{ font-size: 24px; font-weight: 900; margin: 0 0 10px; word-wrap: break-word; overflow-wrap: break-word; } .pm-cta-text{ font-size: 15px; margin: 0 0 12px; opacity: 0.95; word-wrap: break-word; overflow-wrap: break-word; } .pm-cta-btn{ display: inline-block; padding: 14px 32px; background: #fff; color: #111827; font-size: 15px; font-weight: 800; border-radius: 12px; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.1); cursor: pointer; animation: heartbeat-slow 3s ease-in-out infinite; } .pm-cta-btn:hover{ transform: translateY(-2px) scale(1.05); box-shadow: 0 6px 20px rgba(0,0,0,0.15); animation: heartbeat-hover 2s ease-in-out infinite; } @keyframes heartbeat-slow { 0%, 100% { transform: scale(1); } 7% { transform: scale(1.03); } 14% { transform: scale(1); } 21% { transform: scale(1.03); } 28% { transform: scale(1); } } @keyframes heartbeat-hover { 0%, 100% { transform: translateY(-2px) scale(1.05); } 50% { transform: translateY(-2px) scale(1.08); } } \/* ===== CENTERED HELP SECTION ===== *\/ .pm-help-center{ text-align: center; margin-top: 32px; } \/* ===== FOOTER INFO - MINIMAL SPACING ===== *\/ .pm-footer-info{ margin-top: 16px; margin-bottom: 0; padding: 14px 18px; text-align: center; background: var(--pm-soft); border-radius: 20px; border: 1px solid var(--pm-border); } .pm-footer-badges{ display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; font-size: 13px; color: var(--pm-muted); margin: 0; } .pm-footer-badge-item{ display: flex; align-items: center; gap: 6px; } .pm-footer-badge-icon{ font-size: 16px; } \/* ===== RESPONSIVE - TABLET ===== *\/ @media (max-width: 860px){ .pm-wrap{ padding: 16px 12px 32px; } .pm-title{ font-size: 24px; } .pm-sub{ font-size: 14px; gap: 10px; } .pm-card{ padding: 20px 16px; } .pm-p{ font-size: 14px; } .pm-h3{ font-size: 17px; margin: 20px 0 12px; } .pm-ico{ width: 28px; height: 28px; font-size: 14px; } .pm-ul{ font-size: 14px; } .pm-ul li{ padding-left: 24px; } .pm-ul li:before{ font-size: 14px; } .pm-trust{ grid-template-columns: 1fr; gap: 10px; } .pm-trust-item{ padding: 12px; font-size: 12px; } .pm-trust-icon{ width: 32px; height: 32px; font-size: 16px; } .pm-feature-grid{ grid-template-columns: repeat(2, 1fr); gap: 12px; } .pm-feature-card{ padding: 16px; } .pm-feature-icon{ font-size: 28px; margin-bottom: 10px; } .pm-feature-title{ font-size: 14px; } .pm-feature-desc{ font-size: 12px; } .pm-table th, .pm-table td{ padding: 12px; font-size: 13px; } .pm-table th{ font-size: 11px; } .pm-alert{ padding: 14px 16px; font-size: 13px; } .pm-alert-icon{ font-size: 18px; } .pm-cta{ padding: 24px 20px; } .pm-cta-title{ font-size: 20px; } .pm-cta-text{ font-size: 14px; margin: 0 0 10px; } .pm-cta-btn{ padding: 12px 28px; font-size: 14px; } .pm-image-grid{ grid-template-columns: 1fr; gap: 10px; } .pm-grid-img{ height: 300px; } .pm-img-label{ font-size: 10px; padding: 5px 10px; top: 10px; right: 10px; } .pm-rectangle-image{ height: 350px; margin: 24px 0; } .pm-layout-section{ grid-template-columns: 1fr; gap: 16px; margin: 24px 0; } .pm-layout-img, .pm-layout-text{ aspect-ratio: 1\/1; max-width: 100%; } .pm-layout-text{ padding: 20px 16px; } .pm-layout-title{ font-size: 16px; margin: 0 0 16px; } .pm-layout-list li{ font-size: 13px; padding: 8px 0; padding-left: 24px; } .pm-layout-list li:before{ font-size: 16px; } .pm-layout-note{ font-size: 12px; padding: 10px; } .pm-full-width-img{ height: 400px; } .pm-footer-badges{ font-size: 12px; gap: 16px; } } \/* ===== RESPONSIVE - MOBILE ===== *\/ @media (max-width: 500px){ .pm-wrap{ padding: 12px 10px 28px; max-width: 100%; overflow-x: hidden; } .pm-hero-badge{ font-size: 10px; padding: 5px 12px; } .pm-title{ font-size: 18px; line-height: 1.3; margin-bottom: 10px; } .pm-sub{ font-size: 11px; gap: 6px; } .pm-card{ padding: 16px 12px; border-radius: 16px; } .pm-p{ font-size: 13px; line-height: 1.65; margin: 10px 0; } .pm-h3{ font-size: 14px; margin: 16px 0 10px; gap: 8px; } .pm-ico{ width: 24px; height: 24px; font-size: 12px; } .pm-ul{ font-size: 12px; } .pm-ul li{ margin: 8px 0; padding-left: 20px; } .pm-ul li:before{ font-size: 12px; } .pm-hr{ margin: 16px 0; } .pm-trust{ grid-template-columns: 1fr; gap: 8px; margin: 16px 0; } .pm-trust-item{ padding: 10px; font-size: 11px; } .pm-trust-icon{ width: 28px; height: 28px; font-size: 14px; } .pm-feature-grid{ grid-template-columns: 1fr; gap: 10px; margin: 16px 0; } .pm-feature-card{ padding: 12px; } .pm-feature-icon{ font-size: 22px; margin-bottom: 8px; } .pm-feature-title{ font-size: 12px; margin-bottom: 4px; } .pm-feature-desc{ font-size: 10px; } .pm-table-wrapper{ border-radius: 12px; overflow-x: auto; -webkit-overflow-scrolling: touch; } .pm-table{ border-radius: 12px; min-width: 100%; } .pm-table th, .pm-table td{ padding: 10px 8px; font-size: 11px; } .pm-table th{ font-size: 9px; width: 35%; } .pm-alert{ padding: 12px 14px; font-size: 11px; border-radius: 12px; } .pm-alert-icon{ font-size: 16px; } .pm-info-box{ font-size: 11px; padding: 10px 12px; } .pm-cta{ padding: 20px 14px; margin-top: 24px; border-radius: 16px; } .pm-cta-title{ font-size: 17px; margin-bottom: 8px; } .pm-cta-text{ font-size: 12px; margin: 0 0 10px; } .pm-cta-btn{ padding: 11px 24px; font-size: 12px; border-radius: 10px; } .pm-image-grid{ grid-template-columns: 1fr; gap: 8px; margin: 16px 0; } .pm-grid-img{ height: 250px; border-radius: 12px; } .pm-img-label{ font-size: 8px; padding: 4px 8px; top: 8px; right: 8px; border-radius: 6px; } .pm-rectangle-image{ height: 280px; margin: 20px 0; border-radius: 12px; } .pm-layout-section{ grid-template-columns: 1fr; gap: 12px; margin: 20px 0; overflow: hidden; } .pm-layout-img{ border-radius: 12px; border: 1px solid var(--pm-border); aspect-ratio: 1\/1; max-width: 100%; } .pm-layout-img img{ max-width: 100%; height: auto; } .pm-layout-text{ padding: 14px 12px; border-radius: 12px; border: 1px solid var(--pm-cream); aspect-ratio: auto; min-height: auto; } .pm-layout-title{ font-size: 13px; margin: 0 0 12px; line-height: 1.4; } .pm-layout-list{ margin: 0 0 10px 0; } .pm-layout-list li{ font-size: 11px; padding: 5px 0; padding-left: 20px; line-height: 1.5; } .pm-layout-list li:before{ font-size: 13px; } .pm-layout-note{ font-size: 10px; padding: 8px; line-height: 1.5; } .pm-full-width-section{ margin-top: 20px; margin-bottom: 20px; } .pm-full-width-img{ height: 280px; } .pm-help-center{ margin-top: 24px; } .pm-help-center .pm-p{ font-size: 12px; } .pm-footer-info{ padding: 10px 14px; border-radius: 16px; margin-top: 12px; } .pm-footer-badges{ gap: 12px; flex-direction: column; align-items: center; font-size: 11px; } .pm-footer-badge-icon{ font-size: 14px; } }\u003c\/style\u003e\u003cdiv class=\"pm-wrap\"\u003e\n\u003c!-- Hero Badge - CENTERED --\u003e\u003cdiv class=\"pm-badge-center\"\u003e\u003cdiv class=\"pm-hero-badge\"\u003e✨ New Arrival • Coffee Bunny Theme\u003c\/div\u003e\u003c\/div\u003e\n\u003c!-- PRODUCT IMAGES IN 3-IMAGE GRID WITH TOP-RIGHT LABELS --\u003e\u003cdiv class=\"pm-image-grid\"\u003e\n\u003c!-- Main Product View - Full Keycap Set --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eMain Product View\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7703270322_28je.jpg?v=1770921208\" alt=\"Coffee Bunny Theme Artisan Keycap Set — Full keycap set display\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c!-- Lifestyle Setup View - On Keyboard --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eLifestyle Setup\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7703267934_c4rl.jpg?v=1770921209\" alt=\"Coffee Bunny Theme Artisan Keycap Set for Mechanical Keyboard | Cute Cozy Cafe Pastel Keycaps, Cherry Profile, PBT Dye-Sub – KeyArtisan®\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c!-- Close-Up Detail Shot --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eDetail Close-Up\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/coffee-bunny-theme-artisan-keycap-set-5516983.jpg?v=1771454958\" alt=\"Coffee Bunny Theme Artisan Keycap Set - KeyArtisan\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch1 class=\"pm-title\"\u003eCoffee Bunny Theme Artisan Keycap Set\u003c\/h1\u003e\n\u003cdiv class=\"pm-sub\"\u003e\n\u003cspan\u003e☕ Coffee Shop Theme\u003c\/span\u003e \u003cspan\u003e🐰 Cute Bunny\u003c\/span\u003e \u003cspan\u003e💎 Premium PBT\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pm-p\"\u003eLooking for a keycap set that feels warm, cozy, and softly brewed like your favorite café corner? ☕🐰⌨️\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eThe \u003cstrong\u003eCoffee Bunny Theme Artisan Keycaps\u003c\/strong\u003e blends adorable cute bunny illustrations with sweet bakery details and creamy coffee tones. Featuring croissants, cakes, coffee cups, plaid accents, and soft handwritten-style legends, this set captures the calm charm of a quiet coffee shop morning.\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eWith its warm brown, blush mocha, and creamy vanilla palette, every key feels comforting, aesthetic, and easy on the eyes — perfect for cozy desk setups and café-inspired spaces.\u003c\/p\u003e\n\u003c!-- Trust Badges with Hover Effects --\u003e\u003cdiv class=\"pm-trust\"\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🚚\u003c\/div\u003e\n\u003cdiv\u003eFree Shipping Over $100\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🔒\u003c\/div\u003e\n\u003cdiv\u003eSecure Checkout\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e↩️\u003c\/div\u003e\n\u003cdiv\u003e60-Day Returns\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- Feature Grid - 6 items --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e✨\u003c\/span\u003e Why You'll Love It\u003c\/h3\u003e\n\u003cdiv class=\"pm-feature-grid\"\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003ePremium Quality\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003ePremium PBT with fade-resistant dye-sub legends\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🐰\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eCoffee Bunny Theme\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eAdorable bunnies with bakery and café details\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e⌨️\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eCherry Profile\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eComfortable sculpted design for all-day typing\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🍪\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eBakery Details\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eCroissants, cakes, coffee \u0026amp; plaid accents\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e💪\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eLong-Lasting\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eDurable PBT that stays pristine over time\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎁\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eGift-Ready\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eBeautiful premium packaging included\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🌸\u003c\/span\u003e Premium Materials \u0026amp; Craftsmanship\u003c\/h3\u003e\n\u003cp class=\"pm-p\"\u003eCrafted from premium \u003cstrong\u003ePBT material\u003c\/strong\u003e using high-quality \u003cstrong\u003edye-sublimation\u003c\/strong\u003e printing, these keycaps offer long-lasting clarity and resistance to shine. The \u003cstrong\u003eCherry profile\u003c\/strong\u003e provides a comfortable, sculpted typing experience with a smooth matte texture that feels soft yet satisfying for everyday use.\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eWhether you're gaming, working, or decorating your dream desk, this set adds a gentle café personality that feels calming and delightful with every keystroke.\u003c\/p\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎀\u003c\/span\u003e Theme \u0026amp; Aesthetic\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003eCoffee shop \u0026amp; bakery-inspired aesthetic\u003c\/li\u003e\n\u003cli\u003eCute bunny character details\u003c\/li\u003e\n\u003cli\u003eCroissants, cakes, coffee \u0026amp; plaid accents\u003c\/li\u003e\n\u003cli\u003eWarm mocha, cream, and soft brown tones\u003c\/li\u003e\n\u003cli\u003eCozy, calm, and café-style atmosphere\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- RECTANGLE IMAGE BETWEEN SECTIONS --\u003e\u003cdiv class=\"pm-rectangle-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7703266618_5ah9.jpg?v=1770921209\" alt=\"Coffee Bunny Theme Artisan Keycap Set for Mechanical Keyboard | Cute Cozy Cafe Pastel Keycaps, Cherry Profile, PBT Dye-Sub – KeyArtisan®\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e💎\u003c\/span\u003e Material \u0026amp; Build Quality\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003ePremium PBT keycaps\u003c\/li\u003e\n\u003cli\u003eDye-sublimation printing for fade-resistant legends\u003c\/li\u003e\n\u003cli\u003eCherry profile (comfortable sculpted height)\u003c\/li\u003e\n\u003cli\u003eSmooth matte texture\u003c\/li\u003e\n\u003cli\u003eDurable and ideal for daily typing\u003c\/li\u003e\n\u003cli\u003eHandwritten-style legends for cozy aesthetic\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e⚙️\u003c\/span\u003e Compatibility Details\u003c\/h3\u003e\n\u003cdiv class=\"pm-table-wrapper\"\u003e\u003ctable class=\"pm-table\" role=\"table\" aria-label=\"Keyboard compatibility\" style=\"width: 100%; height: auto;\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eSupported Layouts\u003c\/th\u003e\n\u003ctd\u003eANSI \u0026amp; ISO layouts supported\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSwitch Compatibility\u003c\/th\u003e\n\u003ctd\u003eMX-style (cross) mechanical switches\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKeyboard Sizes\u003c\/th\u003e\n\u003ctd\u003e60%, 65%, 75%, 80% (TKL), 96%, 100%, Alice\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eProfile Type\u003c\/th\u003e\n\u003ctd\u003eCherry Profile\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003ePremium PBT\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePrinting Method\u003c\/th\u003e\n\u003ctd\u003eDye-Sublimation (permanent, fade-resistant)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-alert\"\u003e\n\u003cspan class=\"pm-alert-icon\"\u003e⚠️\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eImportant:\u003c\/strong\u003e Not compatible with membrane keyboards, scissor-switch laptops, or low-profile mechanical keyboards. Only works with standard MX-style switches.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- LAYOUT SECTION HEADING --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📐\u003c\/span\u003e Layout \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c!-- SQUARE LAYOUT SECTION - IMAGE LEFT, TEXT RIGHT (MOBILE OVERFLOW FIXED) --\u003e\u003cdiv class=\"pm-layout-section\"\u003e\n\u003cdiv class=\"pm-layout-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7751205219_oa98.jpg?v=1770921208\" alt=\"Coffee Bunny Theme Artisan Keycap Set — Full layout view\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-layout-text\"\u003e\n\u003ch2 class=\"pm-layout-title\"\u003eCompatible with these keyboard layouts:\u003c\/h2\u003e\n\u003cul class=\"pm-layout-list\"\u003e\n\u003cli\u003e60%\u003c\/li\u003e\n\u003cli\u003e65%\u003c\/li\u003e\n\u003cli\u003e75%\u003c\/li\u003e\n\u003cli\u003e80% (TKL)\u003c\/li\u003e\n\u003cli\u003e96%\u003c\/li\u003e\n\u003cli\u003e100% Full-Size\u003c\/li\u003e\n\u003cli\u003eAlice Layout supported\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-layout-note\"\u003e\u003cstrong\u003e💡 Note:\u003c\/strong\u003e Compatible with most ANSI \u0026amp; ISO mechanical keyboards. Not sure if yours is compatible? Contact us — we're happy to help!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FULL WIDTH IMAGE SECTION --\u003e\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📦\u003c\/span\u003e What's Included\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003eFull keycap set (ANSI \u0026amp; ISO layout coverage)\u003c\/li\u003e\n\u003cli\u003eMultiple keycap sizes for various layouts\u003c\/li\u003e\n\u003cli\u003eKeycap puller tool (for easy installation)\u003c\/li\u003e\n\u003cli\u003ePremium gift box packaging\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-p pm-info-box\"\u003e\u003cstrong\u003e📝 Important Note:\u003c\/strong\u003e This listing includes \u003cstrong\u003ekeycaps only\u003c\/strong\u003e. Keyboard, desk mat, and accessories shown in photos are for display purposes only.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section with Slower Heartbeat Animation --\u003e\u003cdiv class=\"pm-cta\"\u003e\n\u003ch2 class=\"pm-cta-title\"\u003e☕ Transform Your Keyboard Today ✨\u003c\/h2\u003e\n\u003cp class=\"pm-cta-text\"\u003eJoin thousands of happy customers who've upgraded to cozy perfection\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Centered Help Section --\u003e\u003cdiv class=\"pm-card pm-help-center\"\u003e\n\u003cp class=\"pm-p\"\u003e\u003cstrong\u003e💬 Need Help?\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eStill have questions about compatibility or want styling advice for your setup?\u003cbr\u003eMessage us anytime at KeyArtisan — we typically reply within 24 hours and love helping you create your perfect desk aesthetic! 💌\u003c\/p\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003cp class=\"pm-p\" style=\"margin-bottom: 0; font-size: 12px;\"\u003e\u003cstrong\u003e🌿 Your Perfect Desk Companion\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eSoft, warm, and freshly brewed.\u003cbr\u003eThe Coffee Bunny Theme Artisan Keycaps is perfect for café lovers, cozy desk enthusiasts, and anyone who wants their keyboard to feel like a peaceful coffee break ☕🐰✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Footer Info - MINIMAL SPACING --\u003e\u003cdiv class=\"pm-footer-info\"\u003e\u003cdiv class=\"pm-footer-badges\"\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e📧\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eOrder Tracking Included\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e🌍\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eShips Worldwide\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e💝\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003ePremium Quality Guaranteed\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406839587031,"sku":null,"price":48.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/coffee-bunny-theme-artisan-keycap-set-7119253.jpg?v=1783490288"},{"product_id":"pixel-miffy-bunny-theme-pink-keycap-set","title":"Pixel Miffy Bunny Theme Pink Keycap Set","description":"\u003c!-- Pixel Miffy Bunny Theme Pink Keycaps — Enhanced E-Commerce Page --\u003e\u003cstyle\u003e :root{ --pm-text:#111827; --pm-muted:#6b7280; --pm-border:#e5e7eb; --pm-soft:#f9fafb; --pm-radius:16px; --pm-pink:#ffc0cb; --pm-pink-light:#ffe4e6; --pm-pink-soft:#fff1f2; --pm-gradient: linear-gradient(135deg, #ffc0cb 0%, #ffb3d9 100%); } * { box-sizing: border-box; } .pm-wrap{ max-width: 1020px; margin: 0 auto; padding: 24px 16px 48px; color: var(--pm-text); line-height: 1.7; font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif; } \/* ===== HERO BADGE - CENTERED ===== *\/ .pm-hero-badge{ display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: var(--pm-gradient); color: #fff; font-size: 12px; font-weight: 800; border-radius: 20px; margin-bottom: 12px; letter-spacing: 0.3px; text-transform: uppercase; box-shadow: 0 4px 12px rgba(255,192,203,0.3); } .pm-badge-center{ text-align: center; margin-bottom: 16px; } .pm-title{ font-size: 32px; font-weight: 900; letter-spacing: -0.5px; margin: 0 0 12px; line-height: 1.2; min-height: auto; background: linear-gradient(135deg, #111827 0%, #4b5563 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .pm-sub{ margin: 0 0 18px; color: var(--pm-muted); font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .pm-sub span{ display: inline-flex; align-items: center; gap: 4px; } \/* ===== CARDS ===== *\/ .pm-card{ border: 1px solid var(--pm-border); border-radius: 20px; background: #fff; padding: 28px 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-bottom: 16px; } .pm-p{ margin: 12px 0; color: #374151; font-size: 15px; line-height: 1.75; } .pm-h3{ margin: 24px 0 14px; font-size: 18px; font-weight: 900; letter-spacing: -0.3px; display:flex; align-items:center; gap:12px; color: #111827; } .pm-ico{ width: 32px; height: 32px; display:inline-grid; place-items:center; border-radius: 10px; background: var(--pm-pink-soft); border: 1px solid var(--pm-pink-light); font-size: 16px; flex-shrink: 0; } .pm-ul{ margin: 0; padding-left: 0; color:#374151; font-size: 15px; list-style: none; } .pm-ul li{ margin: 10px 0; padding-left: 28px; position: relative; } .pm-ul li:before{ content: \"✓\"; position: absolute; left: 0; color: var(--pm-pink); font-weight: 900; font-size: 16px; } .pm-hr{ border: 0; border-top: 2px solid var(--pm-soft); margin: 24px 0; } \/* ===== TRUST BADGES WITH HOVER ===== *\/ .pm-trust{ display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 24px 0; } .pm-trust-item{ display: flex; align-items: center; gap: 12px; padding: 14px; background: var(--pm-pink-soft); border: 1px solid var(--pm-pink-light); border-radius: 12px; font-size: 13px; font-weight: 700; color: #111827; transition: all 0.3s ease; cursor: pointer; } .pm-trust-item:hover{ transform: translateY(-4px); box-shadow: 0 8px 20px rgba(255, 192, 203, 0.3); background: linear-gradient(135deg, var(--pm-pink-soft) 0%, #fff 100%); border-color: var(--pm-pink); } .pm-trust-icon{ width: 36px; height: 36px; background: #fff; border-radius: 8px; display: grid; place-items: center; font-size: 18px; flex-shrink: 0; transition: transform 0.3s ease; } .pm-trust-item:hover .pm-trust-icon{ transform: scale(1.15) rotate(5deg); } \/* ===== FEATURE GRID ===== *\/ .pm-feature-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0; } .pm-feature-card{ padding: 20px; background: linear-gradient(135deg, #fff 0%, var(--pm-soft) 100%); border: 1px solid var(--pm-border); border-radius: 16px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } .pm-feature-card:hover{ transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.08); } .pm-feature-icon{ font-size: 32px; margin-bottom: 12px; } .pm-feature-title{ font-size: 15px; font-weight: 800; color: #111827; margin: 0 0 6px; } .pm-feature-desc{ font-size: 13px; color: var(--pm-muted); margin: 0; } \/* ===== SPECS TABLE - ENHANCED WITH HOVER ===== *\/ .pm-table-wrapper{ transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 16px; overflow: hidden; } .pm-table-wrapper:hover{ transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); } .pm-table{ width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--pm-border); border-radius: 16px; background: #fff; } .pm-table th, .pm-table td{ padding: 16px; border-bottom: 1px solid var(--pm-border); font-size: 14px; text-align: left; transition: background 0.2s ease; } .pm-table tr:hover th, .pm-table tr:hover td{ background: var(--pm-pink-soft); } .pm-table tr:last-child th, .pm-table tr:last-child td{ border-bottom: 0; } .pm-table th{ width: 38%; color:#374151; font-weight: 900; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%); } .pm-table td{ font-weight: 700; color:#111827; background:#ffffff; } \/* ===== ALERT - ENHANCED WITH HOVER ===== *\/ .pm-alert{ margin-top: 16px; padding: 16px 18px; border: 2px solid #fee2e2; background: #fef2f2; border-radius: 14px; color:#991b1b; font-size: 14px; font-weight: 600; display: flex; align-items: flex-start; gap: 10px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } .pm-alert:hover{ transform: translateY(-2px); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.15); border-color: #fecaca; } .pm-alert-icon{ font-size: 20px; flex-shrink: 0; } \/* ===== INFO BOX - ENHANCED WITH HOVER ===== *\/ .pm-info-box{ padding: 12px 16px; background: var(--pm-soft); border-radius: 12px; border-left: 4px solid var(--pm-pink); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } .pm-info-box:hover{ transform: translateX(4px); box-shadow: 0 4px 16px rgba(255, 192, 203, 0.2); border-color: #fb7185; } \/* ===== 3-IMAGE GRID WITH LABELS (TOP SECTION) ===== *\/ .pm-image-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 24px 0; } .pm-grid-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 350px; } .pm-grid-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1); transition: transform 0.5s ease; } .pm-grid-img:hover img{ transform: scale(1.08); } \/* Image Label Badge - Top Right Corner *\/ .pm-img-label{ position: absolute; top: 12px; right: 12px; background: rgba(255, 255, 255, 0.95); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; color: #111827; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 2; backdrop-filter: blur(4px); border: 1px solid rgba(0,0,0,0.05); } \/* ===== RECTANGLE IMAGE SECTION (Between Content) - MADE TALLER ===== *\/ .pm-rectangle-image{ margin: 32px 0; border-radius: 16px; overflow: hidden; border: 1px solid var(--pm-border); line-height: 0; height: 480px; \/* INCREASED from 400px to 480px *\/ } .pm-rectangle-image img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-rectangle-image:hover img{ transform: scale(1.05); } \/* ===== LAYOUT SECTION - SQUARE WITH IMAGE LEFT \u0026 TEXT RIGHT ===== *\/ .pm-layout-section{ margin: 32px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; } .pm-layout-img{ width: 100%; aspect-ratio: 1\/1; \/* ENSURES SQUARE *\/ border-radius: 0px; border: 2px solid var(--pm-border); overflow: hidden; line-height: 0; background: #fff; display: flex; align-items: center; justify-content: center; } .pm-layout-img img{ width: 100%; height: 100%; object-fit: contain; display: block; padding: 0px; } .pm-layout-text{ aspect-ratio: 1\/1; \/* ENSURES SQUARE *\/ padding: 2px 2px; background: var(--pm-soft); border-radius: 0px; border: 2px solid var(--pm-pink-light); display: flex; flex-direction: column; justify-content: center; } .pm-layout-title{ font-size: 18px; font-weight: 1000; color: #111827; margin: 0 0 30px; line-height: 1.4; } .pm-layout-list{ margin: 0 0 14px 0; padding-left: 0; list-style: none; } .pm-layout-list li{ padding: 10px 0; font-size: 14px; font-weight: 600; color: #374151; position: relative; padding-left: 28px; } .pm-layout-list li:before{ content: \"✓\"; position: absolute; left: 0; color: var(--pm-pink); font-weight: 900; font-size: 18px; } .pm-layout-note{ font-size: 13px; color: var(--pm-muted); line-height: 1.7; margin: 0; font-style: italic; padding: 12px; background: rgba(255,192,203,0.08); border-radius: 8px; } \/* ===== FULL WIDTH IMAGE - ENHANCED QUALITY ===== *\/ .pm-full-width-section{ width: 100vw; margin-left: calc(-50vw + 50%); margin-top: 32px; margin-bottom: 32px; } .pm-full-width-img{ width: 100%; height: 600px; overflow: hidden; position: relative; background: #000; \/* Dark background for better contrast *\/ } .pm-full-width-img img{ width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transform: scale(1); transition: transform 0.6s ease; \/* ENHANCED IMAGE QUALITY SETTINGS *\/ image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; backface-visibility: hidden; -webkit-backface-visibility: hidden; filter: contrast(1.03) saturate(1.08) brightness(1.02); -webkit-filter: contrast(1.03) saturate(1.08) brightness(1.02); } .pm-full-width-img:hover img{ transform: scale(1.05); } \/* ===== CTA SECTION WITH ADJUSTED SPACING ===== *\/ .pm-cta{ margin-top: 32px; padding: 32px 28px; background: var(--pm-gradient); border-radius: 20px; text-align: center; color: #fff; box-shadow: 0 8px 24px rgba(255,192,203,0.4); } .pm-cta-title{ font-size: 24px; font-weight: 900; margin: 0 0 10px; } .pm-cta-text{ font-size: 15px; margin: 0 0 12px; \/* CHANGED from 32px to 12px for desktop *\/ opacity: 0.95; } .pm-cta-btn{ display: inline-block; padding: 14px 32px; background: #fff; color: #111827; font-size: 15px; font-weight: 800; border-radius: 12px; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.1); cursor: pointer; animation: heartbeat-slow 3s ease-in-out infinite; } .pm-cta-btn:hover{ transform: translateY(-2px) scale(1.05); box-shadow: 0 6px 20px rgba(0,0,0,0.15); animation: heartbeat-hover 2s ease-in-out infinite; } @keyframes heartbeat-slow { 0%, 100% { transform: scale(1); } 7% { transform: scale(1.03); } 14% { transform: scale(1); } 21% { transform: scale(1.03); } 28% { transform: scale(1); } } @keyframes heartbeat-hover { 0%, 100% { transform: translateY(-2px) scale(1.05); } 50% { transform: translateY(-2px) scale(1.08); } } \/* ===== CENTERED HELP SECTION ===== *\/ .pm-help-center{ text-align: center; margin-top: 32px; } \/* ===== FOOTER INFO - MINIMAL SPACING ===== *\/ .pm-footer-info{ margin-top: 16px; margin-bottom: 0; padding: 14px 18px; text-align: center; background: var(--pm-soft); border-radius: 20px; border: 1px solid var(--pm-border); } .pm-footer-badges{ display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; font-size: 13px; color: var(--pm-muted); margin: 0; } .pm-footer-badge-item{ display: flex; align-items: center; gap: 6px; } .pm-footer-badge-icon{ font-size: 16px; } \/* ===== RESPONSIVE ===== *\/ @media (max-width: 860px){ .pm-wrap{ padding: 16px 12px 32px; } .pm-title{ font-size: 26px; } .pm-card{ padding: 20px 18px; } .pm-trust{ grid-template-columns: 1fr; } .pm-feature-grid{ grid-template-columns: repeat(2, 1fr); } .pm-cta{ padding: 24px 20px; } .pm-cta-title{ font-size: 20px; } .pm-cta-text{ margin: 0 0 6px; } \/* CHANGED to 6px for mobile *\/ .pm-image-grid{ grid-template-columns: 1fr; } .pm-grid-img{ height: 300px; } .pm-rectangle-image{ height: 350px; \/* Adjusted for mobile *\/ } .pm-layout-section{ grid-template-columns: 1fr; } .pm-layout-img, .pm-layout-text{ aspect-ratio: 1\/1; \/* MAINTAINS SQUARE on mobile too *\/ } .pm-full-width-img{ height: 400px; } } @media (max-width: 500px){ .pm-title{ font-size: 22px; line-height: 1.3; } .pm-sub{ font-size: 13px; } .pm-h3{ font-size: 16px; } .pm-feature-grid{ grid-template-columns: 1fr; } .pm-grid-img{ height: 250px; } .pm-rectangle-image{ height: 300px; \/* Adjusted for small mobile *\/ } .pm-layout-img, .pm-layout-text{ aspect-ratio: 1\/1; \/* MAINTAINS SQUARE on small mobile too *\/ } .pm-full-width-img{ height: 300px; } .pm-footer-badges{ gap: 14px; flex-direction: column; align-items: center; } .pm-footer-info{ padding: 12px 16px; } }\u003c\/style\u003e\u003cdiv class=\"pm-wrap\"\u003e\n\u003c!-- Hero Badge - CENTERED --\u003e\u003cdiv class=\"pm-badge-center\"\u003e\u003cdiv class=\"pm-hero-badge\"\u003e✨ New Arrival • Limited Edition\u003c\/div\u003e\u003c\/div\u003e\n\u003c!-- PRODUCT IMAGES IN 3-IMAGE GRID WITH TOP-RIGHT LABELS --\u003e\u003cdiv class=\"pm-image-grid\"\u003e\n\u003c!-- Main Product View --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eMain Product View\u003c\/span\u003e \u003cimg loading=\"lazy\" alt=\"Pixel Miffy Bunny Theme Pink Keycap Set — Full straight-on view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7703306994_mxv0.jpg?v=1770921208\"\u003e\n\u003c\/div\u003e\n\u003c!-- Lifestyle Setup View --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eLifestyle Setup\u003c\/span\u003e \u003cimg loading=\"lazy\" alt=\"Pixel Miffy Bunny Theme Pink Keycap Set — In styled desk environment\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7703307276_g3tq.jpg?v=1770921207\"\u003e\n\u003c\/div\u003e\n\u003c!-- Close-Up Detail Shot --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eDetail Close-Up\u003c\/span\u003e \u003cimg loading=\"lazy\" alt=\"Pixel Miffy Bunny Theme Pink Keycap Set — Macro texture and print detail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7751245173_q6np.jpg?v=1770921207\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch1 class=\"pm-title\"\u003ePixel Miffy Bunny Theme Pink Keycaps\u003c\/h1\u003e\n\u003cdiv class=\"pm-sub\"\u003e\n\u003cspan\u003e🎨 8-Bit Retro\u003c\/span\u003e \u003cspan\u003e⌨️ Cherry Profile\u003c\/span\u003e \u003cspan\u003e💎 PBT Dye-Sub\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pm-p\"\u003eLooking for a keycap set that feels playful, soft, and adorably nostalgic? 🐰💗\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eThe \u003cstrong\u003ePixel Miffy Bunny Theme Pink Keycaps\u003c\/strong\u003e brings 8-bit charm to your desk with tiny cute pixel rabbit icons, hearts, sparkles, and sweet pastel tones. Inspired by Miffy aesthetics and cozy pink desk setups, this set turns every keystroke into a cute little moment of joy.\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eBlending blush pink, creamy white, and soft pastel accents, the design feels clean, light, and soothing — perfect for cute, girly, and minimal setups.\u003c\/p\u003e\n\u003c!-- Trust Badges with Hover Effects --\u003e\u003cdiv class=\"pm-trust\"\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🚚\u003c\/div\u003e\n\u003cdiv\u003eFree Shipping Over $100\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🔒\u003c\/div\u003e\n\u003cdiv\u003eSecure Checkout\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e↩️\u003c\/div\u003e\n\u003cdiv\u003e60-Day Returns\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- Feature Grid - 6 items --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e✨\u003c\/span\u003e Why You'll Love It\u003c\/h3\u003e\n\u003cdiv class=\"pm-feature-grid\"\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003ePremium Quality\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eDurable PBT material with fade-resistant legends\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🐰\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eCute Design\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eAdorable pixel Miffy bunnies \u0026amp; pastel aesthetic\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e⌨️\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eErgonomic Profile\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eCherry profile for comfortable all-day typing\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🌈\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eUniversal Fit\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eCompatible with 60%-100% keyboards\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e💪\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eLong-Lasting\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eOil-resistant surface that stays pristine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎁\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eGift-Ready\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eBeautiful premium packaging included\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🌸\u003c\/span\u003e Premium Materials \u0026amp; Craftsmanship\u003c\/h3\u003e\n\u003cp class=\"pm-p\"\u003eCrafted from premium \u003cstrong\u003ePBT\u003c\/strong\u003e material using high-quality \u003cstrong\u003edye-sublimation\u003c\/strong\u003e printing, these keycaps are built for durability and daily comfort. The \u003cstrong\u003eCherry profile\u003c\/strong\u003e offers a familiar, ergonomic typing feel, while the matte surface keeps legends crisp and resistant to shine over time.\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eWhether you're gaming, working, or decorating your dream desk, this set adds a subtle retro-cute personality without overwhelming your setup.\u003c\/p\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎀\u003c\/span\u003e Theme \u0026amp; Aesthetic\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003eAuthentic Miffy-inspired pixel art theme\u003c\/li\u003e\n\u003cli\u003e8-bit retro gaming aesthetic with modern charm\u003c\/li\u003e\n\u003cli\u003eSoft pink, creamy white \u0026amp; pastel color palette\u003c\/li\u003e\n\u003cli\u003eHearts, sparkles \u0026amp; adorable bunny icons\u003c\/li\u003e\n\u003cli\u003ePerfect for cute, girly, and minimal desk setups\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- RECTANGLE IMAGE BETWEEN SECTIONS --\u003e\u003cdiv class=\"pm-rectangle-image\"\u003e\u003cimg loading=\"lazy\" alt=\"Pixel Miffy Bunny Keycap Set — Lifestyle shot on keyboard\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7703307276_g3tq.jpg?v=1770921207\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e💎\u003c\/span\u003e Material \u0026amp; Build Quality\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003ePremium PBT keycaps (more durable than ABS)\u003c\/li\u003e\n\u003cli\u003e5-sided dye-sublimation printing technology\u003c\/li\u003e\n\u003cli\u003eCherry profile for ergonomic typing experience\u003c\/li\u003e\n\u003cli\u003eSmooth matte texture (oil \u0026amp; fingerprint resistant)\u003c\/li\u003e\n\u003cli\u003eComfortable for extended typing and gaming sessions\u003c\/li\u003e\n\u003cli\u003eFade-resistant legends that last for years\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e⚙️\u003c\/span\u003e Compatibility Details\u003c\/h3\u003e\n\u003cdiv class=\"pm-table-wrapper\"\u003e\u003ctable style=\"width: 100.067%; height: 433.854px;\" aria-label=\"Keyboard compatibility\" role=\"table\" class=\"pm-table\"\u003e\u003ctbody\u003e\n\u003ctr style=\"height: 80.9167px;\"\u003e\n\u003cth style=\"width: 37.8703%; height: 80.9167px;\"\u003eSupported Layouts\u003c\/th\u003e\n\u003ctd style=\"width: 61.7929%; height: 80.9167px;\"\u003eANSI \u0026amp; ISO (see layout image for all included keys)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 77.5208px;\"\u003e\n\u003cth style=\"width: 37.8703%; height: 77.5208px;\"\u003eSwitch Compatibility\u003c\/th\u003e\n\u003ctd style=\"width: 61.7929%; height: 77.5208px;\"\u003eMX-style (cross) mechanical switches\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 80.9167px;\"\u003e\n\u003cth style=\"width: 37.8703%; height: 80.9167px;\"\u003eKeyboard Sizes\u003c\/th\u003e\n\u003ctd style=\"width: 61.7929%; height: 80.9167px;\"\u003e60%, 65%, 75%, 80% (TKL), 96%, 100% (Full-Size), Alice \u0026amp; much more\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 57.125px;\"\u003e\n\u003cth style=\"width: 37.8703%; height: 57.125px;\"\u003eTotal Keys\u003c\/th\u003e\n\u003ctd style=\"width: 61.7929%; height: 57.125px;\"\u003e145+ keycaps (full coverage kit)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 57.125px;\"\u003e\n\u003cth style=\"width: 37.8703%; height: 57.125px;\"\u003eMaterial\u003c\/th\u003e\n\u003ctd style=\"width: 61.7929%; height: 57.125px;\"\u003ePBT\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 80.25px;\"\u003e\n\u003cth style=\"width: 37.8703%; height: 80.25px;\"\u003ePrinting Method\u003c\/th\u003e\n\u003ctd style=\"width: 61.7929%; height: 80.25px;\"\u003eDye-Sublimation (permanent, fade-resistant)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-alert\"\u003e\n\u003cspan class=\"pm-alert-icon\"\u003e⚠️\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eNot compatible\u003c\/strong\u003e with membrane keyboards, scissor-switch laptops, or low-profile mechanical keyboards. Only works with standard MX-style switches.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- LAYOUT SECTION HEADING --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📐\u003c\/span\u003e Layout \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c!-- SQUARE LAYOUT SECTION - IMAGE LEFT, TEXT RIGHT (OUTSIDE CARD) --\u003e\u003cdiv class=\"pm-layout-section\"\u003e\n\u003cdiv style=\"text-align: start;\" class=\"pm-layout-img\"\u003e\u003cimg style=\"float: none;\" loading=\"lazy\" alt=\"Pixel Miffy Bunny Keycap Set — Full Layout Diagram\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7751245273_efxb_1024x1024.jpg?v=1770921207\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-layout-text\"\u003e\n\u003ch2 class=\"pm-layout-title\"\u003e  This comprehensive set is compatible with the following keyboard layouts:\u003c\/h2\u003e\n\u003cul class=\"pm-layout-list\"\u003e\n\u003cli\u003e60% Layouts (Compact ANSI\/ISO)\u003c\/li\u003e\n\u003cli\u003e65% Layouts (With arrow keys)\u003c\/li\u003e\n\u003cli\u003e75% Layouts (Compact function row)\u003c\/li\u003e\n\u003cli\u003e80% (TKL) Layouts (Tenkeyless)\u003c\/li\u003e\n\u003cli\u003e96% Layouts (Compact full-size)\u003c\/li\u003e\n\u003cli\u003e100% Full-Size Layouts (With numpad)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-layout-note\"\u003e\u003cstrong\u003e💡 Compatibility Note:\u003c\/strong\u003e This set includes multiple spacebar sizes (2.25u, 2.75u, 6.25u) and extra modifier keys to support various layouts. The layout diagram shows all included keycaps. Not sure if your keyboard is compatible? Reach out to our support team — we're happy to help verify!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FULL WIDTH IMAGE SECTION --\u003e\u003cdiv class=\"pm-full-width-section\"\u003e\u003cdiv class=\"pm-full-width-img\"\u003e\u003cimg loading=\"lazy\" alt=\"Pixel Miffy Bunny Keycap Set — High Quality Detail Shot\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7751245173_q6np.jpg?v=1770921207\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📦\u003c\/span\u003e What's Included\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003e145+ PBT keycaps (full keyboard coverage)\u003c\/li\u003e\n\u003cli\u003eExtra keys for ANSI \u0026amp; ISO layouts\u003c\/li\u003e\n\u003cli\u003eMultiple spacebar sizes (2.25u, 2.75u, 6.25u)\u003c\/li\u003e\n\u003cli\u003eKeycap puller tool (for easy installation)\u003c\/li\u003e\n\u003cli\u003ePremium gift box packaging\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-p pm-info-box\"\u003e\u003cstrong\u003e📝 Important Note:\u003c\/strong\u003e This listing includes \u003cstrong\u003ekeycaps only\u003c\/strong\u003e. Keyboard, desk mat, switches, and other accessories shown in photos are for display purposes and are not included.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section with Slower Heartbeat Animation --\u003e\u003cdiv class=\"pm-cta\"\u003e\n\u003ch2 class=\"pm-cta-title\"\u003e🐰 Transform Your Keyboard Today ✨\u003c\/h2\u003e\n\u003cp class=\"pm-cta-text\"\u003eJoin thousands of happy customers who've upgraded to cute perfection\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Centered Help Section --\u003e\u003cdiv class=\"pm-card pm-help-center\"\u003e\n\u003cp class=\"pm-p\"\u003e\u003cstrong\u003e💬 Need Help?\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eStill have questions about compatibility or want styling advice for your setup?\u003cbr\u003eMessage us anytime at KeyArtisan — we typically reply within 24 hours and love helping you create your perfect desk aesthetic! 💌\u003c\/p\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003cp style=\"margin-bottom: 0; font-size: 16px;\" class=\"pm-p\"\u003e\u003cstrong\u003e🌸 Your Perfect Desk Companion\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eCute, pixel-perfect, and irresistibly soft.\u003cbr\u003eThe Pixel Bunny Pastel Keycap Set is perfect for pink desk lovers, retro aesthetic fans, and anyone who wants their keyboard to feel sweet, playful, and uniquely theirs 🐰✨💗\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Footer Info - MINIMAL SPACING --\u003e\u003cdiv class=\"pm-footer-info\"\u003e\u003cdiv class=\"pm-footer-badges\"\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e📧\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eOrder Tracking Included\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e🌍\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eShips Worldwide\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e💝\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003ePremium Quality Guaranteed\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406839619799,"sku":null,"price":48.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/pixel-miffy-bunny-theme-pink-keycap-set-9179571.jpg?v=1783490289"},{"product_id":"cute-funny-emote-bear-theme-keycap-set","title":"Cute Funny Emote Bear Theme Keycap Set","description":"\u003ch2\u003e✨ \u003cstrong\u003eLooking for a cute, funny keycap set that instantly brings joy to your keyboard?\u003c\/strong\u003e\n\u003c\/h2\u003e\u003cp\u003eThe Cute Funny Emote Bear Artisan Pastel Keycap Set is designed for those who love playful expressions, soft pastel colors, and cozy desk vibes. Featuring adorable bear emotes, gentle cream, baby blue, and blush tones, this set turns every keystroke into a smile.\u003c\/p\u003e\u003cp\u003eCrafted from premium PBT material with dye-sublimation printing, these keycaps are built to last while keeping every illustration crisp and vibrant—even with daily use.\u003c\/p\u003e\u003chr\u003e\u003cp\u003e💖 \u003cstrong\u003e𝐅𝐞𝐚𝐭𝐮𝐫𝐞𝐬\u003c\/strong\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003ePremium PBT Keycaps – Thick, durable, and resistant to shine\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eDye-Sublimation Printing – Long-lasting, fade-resistant cute bear designs\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eTwo Profile Options – Choose MOA for a soft, rounded feel or Cherry \/ DMA for a classic typing experience\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003ePlayful Kawaii Theme – Expressive bear emotes for a fun and cheerful setup\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003cp\u003e🧶 \u003cstrong\u003e𝐌𝐚𝐭𝐞𝐫𝐢𝐚𝐥𝐬\u003c\/strong\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003eHigh-quality PBT\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eDye-sublimated legends\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003cp\u003e📐 \u003cstrong\u003e𝐏𝐫𝐨𝐟𝐢𝐥𝐞 \u0026amp; 𝐊𝐞𝐲 𝐂𝐨𝐧𝐭\u003c\/strong\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003eMOA Profile: 130 keys\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eCherry \/ DMA Profile: 147 keys\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003cp\u003e📐 \u003cstrong\u003e𝐂𝐨𝐦𝐩𝐚𝐭𝐢𝐛𝐢𝐥𝐢𝐭𝐲\u003c\/strong\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003eANSI \u0026amp; ISO layout compatible\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eFits most standard mechanical keyboard layouts: 61 \/ 64 \/ 68 \/ 75 \/ 84 \/ 87 \/ 96 \/ 98 \/ 104 \/ 108 keys, Alice layout\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eCompatible with Cherry-style (MX cross) mechanical switches\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003cp\u003e❌ \u003cstrong\u003eNot compatible with:\u003c\/strong\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003eMembrane keyboards\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eLow-profile keyboards or switches\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eRound-key keyboards\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eKeyboards using stabilizer bars (e.g. Ducky, Filco)\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003cp\u003e📏 \u003cstrong\u003e𝐒𝐩𝐚𝐜𝐞𝐛a𝐫 𝐒𝐮𝐩𝐩𝐨rt\u003c\/strong\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003e2.25u \u0026amp; 2.75u split spacebars\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e6.25u spacebar\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e7u spacebar\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eSupports 7u layout\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003cp\u003e(Please refer to the key layout diagram for exact details.)\u003c\/p\u003e\u003chr\u003e\u003cp\u003e🌿 \u003cstrong\u003ePerfect 𝐅𝐨𝐫\u003c\/strong\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003eKawaii \u0026amp; pastel desk setups\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eCute character lovers\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eDaily typing, gaming, and keycap collectors\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003cp\u003e💬 \u003cstrong\u003eNot sure if it fits your keyboard?\u003c\/strong\u003e\u003cbr\u003eContact us – we will reply within 24 hours!\u003c\/p\u003e\u003chr\u003e\u003cp\u003e⚠️ \u003cstrong\u003eImportant Notice\u003c\/strong\u003e\u003cbr\u003eThis product includes keycaps only. Keyboards and desk setups shown in images are for display purposes only.\u003c\/p\u003e","brand":"Rolipan","offers":[{"title":"Cherry Profile","offer_id":49406839750871,"sku":null,"price":48.9,"currency_code":"USD","in_stock":true},{"title":"DMA Profile","offer_id":49406839783639,"sku":null,"price":48.9,"currency_code":"USD","in_stock":true},{"title":"MOA Profile","offer_id":49406839816407,"sku":null,"price":48.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/cute-funny-emote-bear-theme-keycap-set-6763627.jpg?v=1783490290"},{"product_id":"cute-pink-hello-kitty-theme-keycap-set","title":"Cute Pink Hello Kitty Theme Keycap Set","description":"\u003ch2\u003e💗 What if every keystroke felt like a soft cute pink dream?\u003c\/h2\u003e\u003cp\u003eThe \u003cstrong\u003eHello Kitty Theme Artisan Pastel Keycap Set\u003c\/strong\u003e brings gentle sweetness and nostalgic charm to your keyboard. With pastel pink and white tones, adorable Hello Kitty illustrations, and optional transparent PC keycaps, this set transforms your desk into a cozy, kawaii-inspired space. Cute details, soft colors, and playful novelties make typing feel light, joyful, and comforting.\u003c\/p\u003e\u003chr\u003e\u003ch2\u003e✨ Features\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003ePremium PBT Keycaps\u003c\/strong\u003e – Durable, matte texture with long-lasting quality\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eDye-Sublimation Printing\u003c\/strong\u003e – Crisp, fade-resistant legends and artwork\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eCherry Profile\u003c\/strong\u003e – Comfortable, classic sculpt for everyday typing\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eHello Kitty Theme\u003c\/strong\u003e – Sweet icons, bows, desserts, and pastel details\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eTransparent PC Keycaps Option\u003c\/strong\u003e – Glossy, see-through kawaii novelties for extra charm\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003e🎀 Variations\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eKeycap Set + PC Keycaps\u003c\/strong\u003e – 159 pcs\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eKeycap Set Only\u003c\/strong\u003e – 133 pcs\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003ePC Keycaps Only (Transparent)\u003c\/strong\u003e – 26 pcs\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003e⌨️ Compatibility\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eANSI layout only\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eCompatible with most standard layouts:\u003cbr\u003e61 \/ 64 \/ 68 \/ 75 \/ 84 \/ 87 (TKL) \/ 96 \/ 98 \/ 104 \/ 108 keys\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eNot compatible\u003c\/strong\u003e with membrane or low-profile keyboards\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch3\u003e❓ Not sure if it fits your keyboard?\u003c\/h3\u003e\u003cp\u003e\u003cstrong\u003eContact us – we will reply within 24 hours!\u003c\/strong\u003e\u003c\/p\u003e\u003chr\u003e\u003ch2\u003e🌸 Perfect for\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003eKawaii \u0026amp; pastel desk setups\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eHello Kitty lovers and collectors\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eCute, cozy, and soft-themed workspaces\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003cp\u003e💖 \u003cstrong\u003eThe Hello Kitty Pastel Dream Keycap Set\u003c\/strong\u003e turns your keyboard into a playful, heartwarming centerpiece – where every press feels cute, calm, and full of charm.\u003c\/p\u003e","brand":"Rolipan","offers":[{"title":"Keycap Set","offer_id":49406839849175,"sku":null,"price":48.9,"currency_code":"USD","in_stock":true},{"title":"PC Keycaps","offer_id":49406839881943,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true},{"title":"Keycap Set + PC Keycaps","offer_id":49406839914711,"sku":null,"price":59.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/cute-pink-hello-kitty-theme-keycap-set-1504058.jpg?v=1783490292"},{"product_id":"cute-green-matcha-pastel-artisan-keycap-set","title":"Cute Green Matcha Pastel Artisan Keycap Set","description":"\u003ch2\u003e\u003cstrong\u003e🌿 Want a refreshing and playful upgrade for your keyboard?\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003eThe Cute Green Matcha Pastel Artisan Keycaps Set brings soft mint colors, crisp white legends, and transparent novelty accents for a dreamy desk setup. This keycap set built with PBT Dye-Sub and PC for durability and style, it’s perfect for kawaii lovers and collectors alike.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐖𝐡𝐲 𝐘𝐨𝐮’𝐥𝐥 𝐋𝐨𝐯𝐞 𝐈𝐭\u003c\/strong\u003e\u003cbr\u003e• Fresh pastel green \u0026amp; white tones\u003cbr\u003e• Transparent PC novelty keys for extra flair\u003cbr\u003e• Cherry profile for a comfortable typing feel\u003cbr\u003e• Cute kawaii theme with lucky icons\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐏𝐫𝐞𝐦𝐢𝐮𝐦 𝐁𝐮𝐢𝐥𝐝\u003c\/strong\u003e\u003cbr\u003e• Profile: Cherry\u003cbr\u003e• Material: PBT Dye-Sub + PC\u003cbr\u003e• Keys: 157 pcs with translucent novelties\u003cbr\u003e• Layout: ANSI only\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐂𝐨𝐦𝐩𝐚𝐭𝐢𝐛𝐢𝐥𝐢𝐭𝐲\u003c\/strong\u003e\u003cbr\u003e✔ Works with 61 \/ 64 \/ 68 \/ 75 \/ 84 \/ 87 \/ 96 \/ 980 \/ 104 \/ 108 Layouts\u003cbr\u003e✔ ANSI layout supported\u003cbr\u003e\u003cbr\u003e💬 Unsure if it fits your board? Contact us — we’ll help quickly!\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐖𝐡𝐚𝐭’𝐬 𝐈𝐧𝐜𝐥𝐮𝐝𝐞𝐝\u003c\/strong\u003e\u003cbr\u003e• 157 pcs keycap set with translucent novelty caps\u003cbr\u003e• Secure packaging for safe delivery\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐓𝐡𝐞 𝐕𝐢𝐛𝐞\u003c\/strong\u003e\u003cbr\u003eRefreshing, playful, and kawaii — this set transforms your keyboard into a pastel lucky charm.\u003c\/p\u003e","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406839947479,"sku":null,"price":76.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/cute-green-matcha-pastel-artisan-keycap-set-5516625.jpg?v=1783490293"},{"product_id":"spring-bunny-orchard-keycap-set","title":"Spring Bunny Orchard Keycap Set","description":"\u003c!-- ================================================================= --\u003e\u003c!-- SPRING BUNNY ORCHARD THEME PBT DYE-SUB KEYCAP SET — DESCRIPTION --\u003e\u003c!-- Scoped under .sbot — lang=\"en\" prevents \"i\" auto-caps --\u003e\u003c!-- Closing seal scrolls slowly up to Add to Cart --\u003e\u003c!-- ================================================================= --\u003e\u003cstyle\u003e@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500\u0026family=Quicksand:wght@400;500;600;700\u0026display=swap');.sbot { --sb-sage: #9db98a; --sb-sage-deep: #6f8c5c; --sb-sage-soft: #c3d9b3; --sb-mint: #eaf3e2; --sb-mint-2: #dcebd0; --sb-cream: #fdfcf6; --sb-paper: #f8f6ec; --sb-blush: #f0c9c9; --sb-blush-deep: #d99a9a; --sb-ink: #33422b; --sb-text: #4d5c43; --sb-muted: #7c8a70; --sb-line: rgba(111,140,92,0.18); --sb-shadow: 0 20px 52px -20px rgba(51,66,43,0.35); --sb-shadow-sm: 0 10px 26px -12px rgba(51,66,43,0.24); --sb-glow: 0 0 26px rgba(157,185,138,0.4); --sb-display: 'Cormorant Garamond', Georgia, serif; --sb-body: 'Quicksand', system-ui, -apple-system, sans-serif; --sb-radius: 16px; --sb-radius-lg: 22px; --sb-maxw: 1280px; --sb-gap: clamp(14px, 2.2vw, 22px); --sb-section: clamp(40px, 6.5vw, 72px); font-family: var(--sb-body); color: var(--sb-ink); line-height: 1.7; font-size: 18px; max-width: var(--sb-maxw); margin: 0 auto; padding: 0 4px; text-align: center; -webkit-font-smoothing: antialiased;}.sbot *, .sbot *::before, .sbot *::after { box-sizing: border-box; }.sbot p { margin: 0 0 1em; font-size: clamp(15px, 1.6vw, 17.5px); }.sbot p:last-child { margin-bottom: 0; }.sbot strong { font-weight: 700; color: var(--sb-ink); }.sbot h1, .sbot h2, .sbot h3, .sbot h4 { margin: 0; line-height: 1.18; font-family: var(--sb-display); }.sbot__sheet { position: relative; background: linear-gradient(180deg, #fdfcf6 0%, #f8f6ec 55%, #eef2e4 100%); border: 1px solid var(--sb-line); border-radius: var(--sb-radius-lg); overflow: hidden; box-shadow: var(--sb-shadow);}.sbot__inner { position: relative; z-index: 1; padding: clamp(22px, 5vw, 56px); }.sbot__hero { position: relative; text-align: center; padding: clamp(30px, 5.5vw, 58px) clamp(10px, 3vw, 36px) clamp(32px, 5.5vw, 58px); border-radius: var(--sb-radius); background: radial-gradient(85% 100% at 50% 0%, rgba(157,185,138,0.18), transparent 60%), linear-gradient(160deg, #6f8c5c 0%, #4f6841 60%, #6f8c5c 100%); color: var(--sb-cream); overflow: hidden; border: 1px solid rgba(220,235,208,0.35); box-shadow: inset 0 0 60px rgba(0,0,0,0.18), var(--sb-shadow);}.sbot__petals { position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(1.6px 1.6px at 12% 20%, rgba(255,255,255,0.7), transparent), radial-gradient(1.3px 1.3px at 82% 16%, rgba(255,255,255,0.55), transparent), radial-gradient(1.5px 1.5px at 30% 74%, rgba(255,255,255,0.6), transparent), radial-gradient(1.1px 1.1px at 68% 58%, rgba(255,255,255,0.5), transparent), radial-gradient(1.4px 1.4px at 90% 82%, rgba(255,255,255,0.55), transparent); animation: sb-drift 7s ease-in-out infinite alternate;}@keyframes sb-drift {0% { opacity: 0.5; transform: translateY(0); }100% { opacity: 1; transform: translateY(-5px); } }.sbot__eyebrow { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 10px; font-family: var(--sb-body); font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; font-size: clamp(10px, 1.3vw, 12px); color: var(--sb-mint); padding: 9px 18px; border: 1px solid rgba(234,243,226,0.4); border-radius: 999px; background: rgba(234,243,226,0.1); margin-bottom: 8px; transition: 0.3s;}.sbot__eyebrow::before, .sbot__eyebrow::after { content: \"🐇\"; font-size: 11px; }.sbot__eyebrow:hover { transform: translateY(-2px) scale(1.03); background: rgba(234,243,226,0.18); box-shadow: var(--sb-glow); }.sbot__title { position: relative; z-index: 2; font-weight: 700; line-height: 1.08; margin: clamp(26px, 4vw, 42px) 0 0; font-size: clamp(28px, 5.2vw, 52px); color: var(--sb-cream); text-shadow: 0 2px 0 rgba(0,0,0,0.15);}.sbot__title em { font-style: italic; color: var(--sb-blush); }.sbot__subtitle { position: relative; z-index: 2; font-style: italic; font-size: clamp(15px, 2vw, 19px); color: rgba(253,252,246,0.85); max-width: 1200px; margin: clamp(16px, 3vw, 24px) auto 0; font-family: var(--sb-display);}.sbot__hero-rule { position: relative; z-index: 2; display: flex; align-items: center; gap: 14px; margin: clamp(20px, 4vw, 30px) auto 0; max-width: 1200px;}.sbot__hero-rule::before, .sbot__hero-rule::after { content: \"\"; height: 1px; flex: 1; background: linear-gradient(90deg, transparent, rgba(234,243,226,0.6), transparent); }.sbot__hero-rule span { font-size: 13px; letter-spacing: 0.2em; }.sbot__badges { position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: clamp(20px, 4vw, 28px);}.sbot__badge { display: inline-flex; align-items: center; gap: 8px; font-family: var(--sb-body); font-weight: 600; font-size: clamp(11px, 1.4vw, 13px); color: var(--sb-cream); padding: 10px 16px; border-radius: 999px; border: 1px solid rgba(234,243,226,0.3); background: rgba(253,252,246,0.06); transition: 0.3s;}.sbot__badge:hover { transform: translateY(-3px); background: rgba(234,243,226,0.16); border-color: var(--sb-mint); box-shadow: var(--sb-glow); }.sbot__section { margin-top: var(--sb-section); }.sbot__head { text-align: center; margin-bottom: clamp(24px, 3.5vw, 38px); }.sbot__kicker { display: flex; align-items: center; justify-content: center; gap: 12px; font-family: var(--sb-body); font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; font-size: clamp(10px, 1.3vw, 12px); color: var(--sb-sage-deep); margin-bottom: 12px;}.sbot__kicker::before, .sbot__kicker::after { content: \"🍃\"; font-size: 12px; }.sbot__h2 { font-weight: 700; text-align: center; font-size: clamp(24px, 4.2vw, 40px); line-height: 1.14; margin: 0 auto 10px; max-width: 1200px;}.sbot__h2 em { font-style: italic; color: var(--sb-sage-deep); }.sbot__lead { text-align: center; max-width: 1200px; margin: 0 auto; color: var(--sb-text); font-size: clamp(15px, 1.7vw, 18px);}.sbot__divider { display: flex; align-items: center; gap: 16px; margin: clamp(14px, 3vw, 20px) auto 0; max-width: 1200px;}.sbot__divider::before, .sbot__divider::after { content: \"\"; height: 1px; flex: 1; background: linear-gradient(90deg, transparent, var(--sb-sage), transparent); }.sbot__bud { font-size: 13px; }.sbot__prose { max-width: 1200px; margin: 0 auto; }.sbot__prose p { color: var(--sb-text); }.sbot__media-full { width: 100%; border-radius: var(--sb-radius); overflow: hidden; border: 1px solid var(--sb-line); box-shadow: var(--sb-shadow-sm); line-height: 0; transition: 0.4s;}.sbot__media-full:hover { transform: translateY(-4px); box-shadow: var(--sb-shadow); }.sbot__media-full img { width: 100%; display: block; height: auto; transition: 0.6s; }.sbot__media-full:hover img { transform: scale(1.03); }.sbot__hero-banner { aspect-ratio: 30 \/ 7; }.sbot__hero-banner img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }@media (max-width: 600px) { .sbot__hero-banner { aspect-ratio: 16 \/ 9; } }.sbot__split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(18px, 3vw, 32px); align-items: stretch; }.sbot__split-img { position: relative; border-radius: var(--sb-radius); overflow: hidden; border: 1px solid var(--sb-line); box-shadow: var(--sb-shadow-sm); line-height: 0; background: var(--sb-paper); min-height: 300px; transition: 0.4s;}.sbot__split-img:hover { transform: translateY(-4px); box-shadow: var(--sb-shadow); }.sbot__split-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.6s; }.sbot__split-img:hover img { transform: scale(1.05); }.sbot__split-text { text-align: left; background: var(--sb-paper); border: 1px solid var(--sb-line); border-radius: var(--sb-radius); padding: clamp(24px, 3.4vw, 36px); display: flex; flex-direction: column; justify-content: center;}.sbot__split-text h3 { font-family: var(--sb-body); font-weight: 700; font-size: clamp(19px, 2.4vw, 25px); margin: 0 0 14px; }.sbot__split-list { list-style: none; margin: 0; padding: 0; }.sbot__split-list li { position: relative; padding: 9px 0 9px 28px; font-size: clamp(14px, 1.6vw, 16px); color: var(--sb-text); border-bottom: 1px solid var(--sb-line); }.sbot__split-list li:last-child { border-bottom: none; }.sbot__split-list li::before { content: \"🐾\"; position: absolute; left: 0; top: 8px; font-size: 14px; }.sbot__split-note { margin-top: 14px; font-size: 13.5px; color: var(--sb-muted); font-style: italic; }@media (max-width: 900px) { .sbot__split { grid-template-columns: 1fr; } .sbot__split-img { min-height: 260px; } }.sbot__pair, .sbot__grid3 { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(12px, 1.8vw, 18px); }.sbot__pair-img, .sbot__grid3 .sbot__pair-img { flex: 1 1 260px; max-width: 380px; }.sbot__pair-img { position: relative; overflow: hidden; border-radius: var(--sb-radius); border: 1px solid var(--sb-line); line-height: 0; box-shadow: var(--sb-shadow-sm); aspect-ratio: 1\/1; transition: 0.4s;}.sbot__pair-img:hover { transform: translateY(-5px); box-shadow: var(--sb-shadow); border-color: rgba(157,185,138,0.5); }.sbot__pair-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.6s;}.sbot__pair-img:hover img { transform: scale(1.08); }.sbot__img-label { position: absolute; top: 12px; right: 12px; background: rgba(253,252,246,0.94); color: var(--sb-sage-deep); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; z-index: 2; border: 1px solid var(--sb-line);}.sbot__media-rect { width: 100%; border-radius: var(--sb-radius); overflow: hidden; border: 1px solid var(--sb-line); box-shadow: var(--sb-shadow-sm); line-height: 0; aspect-ratio: 21\/9; transition: 0.4s;}.sbot__media-rect:hover { transform: translateY(-4px); box-shadow: var(--sb-shadow); }.sbot__media-rect img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.6s;}.sbot__media-rect:hover img { transform: scale(1.04); }.sbot__trust-strip { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: clamp(20px, 3vw, 28px); }.sbot__trust-item { display: flex; align-items: center; gap: 12px; padding: 16px 18px; background: var(--sb-paper); border: 1px solid var(--sb-line); border-radius: var(--sb-radius); text-align: left; flex: 1 1 220px; max-width: 320px; transition: 0.3s;}.sbot__trust-item:hover { transform: translateY(-4px); box-shadow: var(--sb-shadow-sm); border-color: rgba(157,185,138,0.5); }.sbot__trust-ic { width: 42px; height: 42px; flex: none; border-radius: 12px; display: grid; place-items: center; font-size: 19px; background: linear-gradient(135deg, rgba(157,185,138,0.14), rgba(240,201,201,0.14)); border: 1px solid var(--sb-line);}.sbot__trust-t { font-family: var(--sb-body); font-weight: 700; font-size: 14px; }.sbot__trust-s { font-size: 12.5px; color: var(--sb-muted); }.sbot__features { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sb-gap); }.sbot__feature { position: relative; text-align: left; background: var(--sb-paper); border: 1px solid var(--sb-line); border-radius: var(--sb-radius); padding: clamp(18px, 3vw, 26px); overflow: hidden; flex: 1 1 240px; max-width: 320px; transition: 0.35s;}.sbot__feature:hover { transform: translateY(-6px); box-shadow: var(--sb-shadow-sm); border-color: rgba(157,185,138,0.45); }.sbot__feature-icon { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 14px; font-size: 22px; margin-bottom: 12px; background: linear-gradient(145deg, #6f8c5c, #4f6841); border: 1px solid rgba(220,235,208,0.4); transition: 0.4s;}.sbot__feature:hover .sbot__feature-icon { transform: rotate(-6deg) scale(1.08); box-shadow: var(--sb-glow); }.sbot__feature h3 { font-family: var(--sb-body); font-weight: 700; font-size: clamp(16px, 2vw, 19px); margin: 0 0 7px; }.sbot__feature p { margin: 0; font-size: clamp(14px, 1.5vw, 15.5px); color: var(--sb-muted); line-height: 1.6; }.sbot__spotlight { position: relative; text-align: center; border-radius: var(--sb-radius-lg); overflow: hidden; padding: clamp(28px, 4.5vw, 52px); background: radial-gradient(80% 120% at 50% 0%, rgba(157,185,138,0.16), transparent 55%), linear-gradient(155deg, #6f8c5c, #4f6841); color: var(--sb-cream); border: 1px solid rgba(220,235,208,0.3); box-shadow: var(--sb-shadow);}.sbot__spotlight .sbot__kicker { color: var(--sb-mint); }.sbot__spotlight h2 { font-weight: 700; font-size: clamp(22px, 3.8vw, 38px); margin: 0 auto 14px; max-width: 1200px; color: var(--sb-cream);}.sbot__spotlight h2 em { color: var(--sb-blush); }.sbot__spotlight \u003e p { max-width: 1200px; color: rgba(253,252,246,0.85); margin: 0 auto; }.sbot__spec-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: clamp(22px, 3vw, 32px); }.sbot__spec { border: 1px solid rgba(234,243,226,0.28); border-radius: 12px; padding: 16px 16px 14px; background: rgba(253,252,246,0.06); flex: 1 1 180px; max-width: 240px; transition: 0.3s;}.sbot__spec:hover { background: rgba(234,243,226,0.14); transform: translateY(-4px); border-color: var(--sb-mint); }.sbot__spec-k { font-family: var(--sb-body); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; font-size: 10.5px; color: var(--sb-mint); margin-bottom: 6px;}.sbot__spec-v { font-size: clamp(14px, 1.7vw, 17px); color: var(--sb-cream); font-weight: 600; font-family: var(--sb-display); }.sbot__variants { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sb-gap); }.sbot__variant { position: relative; text-align: center; background: var(--sb-paper); border: 1px solid var(--sb-line); border-radius: var(--sb-radius); padding: clamp(22px, 3vw, 30px) 16px; overflow: hidden; flex: 1 1 200px; max-width: 250px; transition: 0.35s;}.sbot__variant::after { content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--sb-sage), var(--sb-blush), var(--sb-sage));}.sbot__variant:hover { transform: translateY(-6px); box-shadow: var(--sb-shadow-sm); border-color: rgba(157,185,138,0.5); }.sbot__variant-glyph { font-size: 30px; margin-bottom: 10px; display: inline-block; transition: 0.4s; }.sbot__variant:hover .sbot__variant-glyph { transform: scale(1.15) rotate(-4deg); }.sbot__variant h3 { font-weight: 700; font-size: clamp(16px, 2vw, 19px); margin: 0 0 6px; }.sbot__variant p { font-size: 13.5px; color: var(--sb-muted); margin: 0; line-height: 1.55; }.sbot__table-wrap { max-width: 1200px; margin: 0 auto; border: 1px solid var(--sb-line); border-radius: var(--sb-radius); overflow: hidden; background: var(--sb-paper);}.sbot__table { width: 100%; border-collapse: collapse; text-align: left; font-size: clamp(14px, 1.7vw, 16.5px); }.sbot__table tr:hover { background: rgba(157,185,138,0.08); }.sbot__table tr + tr { border-top: 1px solid var(--sb-line); }.sbot__table th, .sbot__table td { padding: 14px 20px; vertical-align: top; }.sbot__table th { width: 40%; font-family: var(--sb-body); font-weight: 700; text-transform: uppercase; font-size: 0.8em; letter-spacing: 0.04em; color: var(--sb-sage-deep); background: rgba(157,185,138,0.06);}.sbot__table td { color: var(--sb-ink); font-weight: 500; }.sbot__alert { max-width: 1200px; margin: clamp(16px, 3vw, 24px) auto 0; display: flex; gap: 14px; text-align: left; padding: 16px 20px; border-radius: var(--sb-radius); border: 1px solid rgba(217,154,154,0.4); background: rgba(240,201,201,0.12); color: var(--sb-blush-deep); font-size: 15px; font-weight: 500;}.sbot__alert-ic { font-size: 20px; flex: none; }.sbot__steps, .sbot__panels, .sbot__care, .sbot__tips, .sbot__promise { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sb-gap); text-align: left; }.sbot__step, .sbot__panel, .sbot__care-card, .sbot__tip, .sbot__promise-card { background: var(--sb-paper); border: 1px solid var(--sb-line); border-radius: var(--sb-radius); padding: clamp(18px, 2.6vw, 26px); flex: 1 1 210px; max-width: 280px; transition: 0.3s;}.sbot__panel { flex-basis: 260px; max-width: 420px; }.sbot__step:hover, .sbot__panel:hover, .sbot__care-card:hover, .sbot__tip:hover, .sbot__promise-card:hover { transform: translateY(-5px); box-shadow: var(--sb-shadow-sm); border-color: rgba(157,185,138,0.5); }.sbot__step-num, .sbot__care-num { font-weight: 700; font-size: 26px; color: var(--sb-sage-deep); line-height: 1; margin-bottom: 10px; font-family: var(--sb-display);}.sbot__step h4, .sbot__panel h3, .sbot__care-card h4, .sbot__tip h4, .sbot__promise-card h4 { font-family: var(--sb-body); font-weight: 700; font-size: 16px; margin: 0 0 6px; }.sbot__step p, .sbot__panel p, .sbot__care-card p, .sbot__tip p, .sbot__promise-card p { margin: 0; font-size: 14.5px; color: var(--sb-muted); line-height: 1.6; }.sbot__panel-ic, .sbot__tip-ic, .sbot__promise-ic { font-size: 26px; display: inline-block; margin-bottom: 10px; }.sbot__inbox { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }.sbot__inbox-item { background: var(--sb-paper); border: 1px solid var(--sb-line); border-radius: var(--sb-radius); padding: 18px 12px; text-align: center; font-size: 13.5px; color: var(--sb-muted); line-height: 1.5; flex: 1 1 150px; max-width: 200px; transition: 0.3s;}.sbot__inbox-item:hover { transform: translateY(-4px); border-color: rgba(157,185,138,0.5); }.sbot__inbox-num { font-family: var(--sb-display); font-weight: 700; font-size: 22px; color: var(--sb-sage-deep); display: block; margin-bottom: 4px;}.sbot__inbox-t { font-family: var(--sb-body); font-weight: 700; }.sbot__palette { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sb-gap); }.sbot__swatch { border-radius: var(--sb-radius); overflow: hidden; border: 1px solid var(--sb-line); background: var(--sb-paper); flex: 1 1 140px; max-width: 190px; transition: 0.35s;}.sbot__swatch:hover { transform: translateY(-5px); box-shadow: var(--sb-shadow-sm); }.sbot__swatch-chip { height: 72px; transition: 0.4s; }.sbot__swatch:hover .sbot__swatch-chip { transform: scale(1.04); }.sbot__swatch-chip--sage { background: linear-gradient(135deg, #c3d9b3, #6f8c5c); }.sbot__swatch-chip--mint { background: linear-gradient(135deg, #eaf3e2, #b9d2a4); }.sbot__swatch-chip--cream { background: linear-gradient(135deg, #fdfcf6, #ece4c8); }.sbot__swatch-chip--blush { background: linear-gradient(135deg, #f5dede, #d99a9a); }.sbot__swatch-body { padding: 12px 14px; text-align: center; }.sbot__swatch-body h4 { font-family: var(--sb-body); font-weight: 700; font-size: 14px; margin: 0 0 3px; }.sbot__swatch-body p { font-size: 12px; color: var(--sb-muted); margin: 0; }.sbot__stats { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sb-gap); text-align: center; }.sbot__stat { padding: clamp(20px, 3vw, 28px) 12px; border: 1px solid var(--sb-line); border-radius: var(--sb-radius); background: var(--sb-paper); flex: 1 1 140px; max-width: 180px; transition: 0.3s;}.sbot__stat:hover { transform: translateY(-5px); border-color: rgba(157,185,138,0.5); }.sbot__stat-num { font-family: var(--sb-display); font-weight: 700; font-size: clamp(26px, 3.8vw, 40px); color: var(--sb-sage-deep); line-height: 1; margin-bottom: 6px;}.sbot__stat-label { font-family: var(--sb-body); font-weight: 700; font-size: 12.5px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--sb-ink);}.sbot__faq { max-width: 1200px; margin: 0 auto; text-align: left; }.sbot__faq details { border: 1px solid var(--sb-line); border-radius: 12px; background: var(--sb-paper); margin-bottom: 10px; overflow: hidden;}.sbot__faq details[open] { border-color: rgba(157,185,138,0.5); box-shadow: var(--sb-shadow-sm); }.sbot__faq summary { list-style: none; cursor: pointer; padding: 16px 20px; font-family: var(--sb-body); font-weight: 700; font-size: clamp(15px, 1.8vw, 17px); display: flex; align-items: center; justify-content: space-between; gap: 14px;}.sbot__faq summary::-webkit-details-marker { display: none; }.sbot__faq summary::after { content: \"+\"; font-size: 18px; color: var(--sb-sage-deep); transition: 0.3s; }.sbot__faq details[open] summary::after { transform: rotate(45deg); }.sbot__faq-body { padding: 0 20px 18px; color: var(--sb-muted); font-size: 15px; line-height: 1.65; }.sbot__gift { position: relative; text-align: center; border-radius: var(--sb-radius-lg); overflow: hidden; padding: clamp(26px, 4.5vw, 48px) clamp(18px, 4vw, 36px); background: linear-gradient(160deg, #fdfcf6, #eef2e4); border: 1px solid rgba(157,185,138,0.35); box-shadow: var(--sb-shadow-sm);}.sbot__gift-ic { font-size: 36px; margin-bottom: 10px; display: inline-block; }.sbot__gift h2 { font-weight: 700; font-size: clamp(22px, 3.8vw, 34px); margin: 0 0 10px; }.sbot__gift p { max-width: 1200px; margin: 0 auto; color: var(--sb-text); font-size: clamp(15px, 1.7vw, 18px); }.sbot__cta { position: relative; text-align: center; border-radius: var(--sb-radius-lg); overflow: hidden; padding: clamp(32px, 5.5vw, 60px) clamp(18px, 4vw, 36px); background: radial-gradient(80% 110% at 50% 0%, rgba(157,185,138,0.18), transparent 55%), linear-gradient(155deg, #6f8c5c, #4f6841); color: var(--sb-cream); border: 1px solid rgba(220,235,208,0.3); box-shadow: var(--sb-shadow);}.sbot__cta h2 { position: relative; z-index: 2; font-weight: 700; font-size: clamp(24px, 4.6vw, 42px); margin: 0 0 12px; color: var(--sb-cream);}.sbot__cta h2 em { color: var(--sb-blush); }.sbot__cta p { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; color: rgba(253,252,246,0.85); font-size: clamp(15px, 1.8vw, 19px); font-style: italic; font-family: var(--sb-display);}.sbot__cta-seal { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 10px; margin-top: clamp(20px, 3.5vw, 28px); font-family: var(--sb-body); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; font-size: clamp(12px, 1.6vw, 14px); color: var(--sb-mint); padding: 14px 28px; border: 1px solid rgba(234,243,226,0.4); border-radius: 999px; background: rgba(234,243,226,0.08); cursor: pointer; text-decoration: none; transition: 0.3s;}.sbot__cta-seal:hover { background: rgba(234,243,226,0.2); border-color: var(--sb-mint); transform: translateY(-3px) scale(1.02); box-shadow: 0 12px 30px -12px rgba(234,243,226,0.5); color: #fff;}@media (max-width: 900px) {.sbot { font-size: 17px; } }@media (max-width: 600px) {.sbot { padding: 0; font-size: 16.5px; }.sbot__inner { padding: 18px 14px; }.sbot__features, .sbot__variants, .sbot__panels, .sbot__stats, .sbot__trust-strip, .sbot__spec-grid, .sbot__pair, .sbot__grid3, .sbot__care, .sbot__palette, .sbot__tips, .sbot__promise, .sbot__steps, .sbot__inbox { grid-template-columns: 1fr; }.sbot__title { font-size: clamp(24px, 8vw, 36px); }.sbot__media-rect { aspect-ratio: 16\/9; }}@keyframes sb-add-pulse {0% { box-shadow: 0 0 0 0 rgba(157,185,138,0.6); }70% { box-shadow: 0 0 0 16px rgba(157,185,138,0); }100% { box-shadow: 0 0 0 0 rgba(157,185,138,0); } }.sb-add-pulse { animation: sb-add-pulse 0.9s ease-out 2; }@media (prefers-reduced-motion: reduce) {.sbot * { animation: none !important; transition: none !important; } }\u003c\/style\u003e\u003cdiv class=\"sbot\" lang=\"en\"\u003e\u003cdiv class=\"sbot__sheet\"\u003e\u003cdiv class=\"sbot__inner\"\u003e\n\u003cheader class=\"sbot__hero\"\u003e\u003cdiv class=\"sbot__petals\"\u003e\u003c\/div\u003e\n\u003cspan class=\"sbot__eyebrow\"\u003eSpring Collection\u003c\/span\u003e\u003ch1 class=\"sbot__title\"\u003eSpring Bunny \u003cem\u003eOrchard\u003c\/em\u003e\u003cbr\u003eTheme PBT Keycap Set\u003c\/h1\u003e\n\u003cp class=\"sbot__subtitle\"\u003eA quiet spring morning, an apple orchard, a little bunny curled up in the grass — 120 keys of soft sage and cream dye-sublimated PBT, ready to bring gentle color to your whole board.\u003c\/p\u003e\n\u003cdiv class=\"sbot__hero-rule\"\u003e\u003cspan\u003e🐇 🍎 🌿\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbot__badges\"\u003e\n\u003cspan class=\"sbot__badge\"\u003e\u003cspan\u003e🐰\u003c\/span\u003e\u003cspan\u003eBunny \u0026amp; Orchard Theme\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"sbot__badge\"\u003e\u003cspan\u003e🔢\u003c\/span\u003e\u003cspan\u003e120 Keys\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"sbot__badge\"\u003e\u003cspan\u003e🧵\u003c\/span\u003e\u003cspan\u003ePBT Dye-Sub\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"sbot__badge\"\u003e\u003cspan\u003e💡\u003c\/span\u003e\u003cspan\u003eBacklit Options\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/header\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__media-full sbot__hero-banner\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN01f1EYSr20rAmnmowlW__346366902.webp?v=1778777287\" alt=\"Spring Bunny Orchard Theme PBT Keycap Set full keyboard view\" loading=\"eager\"\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__head\"\u003e\n\u003cdiv class=\"sbot__kicker\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"sbot__h2\"\u003eA Gentle Walk Through the \u003cem\u003eOrchard\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"sbot__divider\"\u003e\u003cspan class=\"sbot__bud\"\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__prose\"\u003e\n\u003cp\u003eBring a little quiet spring warmth to your desk. The \u003cstrong\u003eSpring Bunny Orchard Theme Keycap Set\u003c\/strong\u003e wraps your board in soft sage green, dove white and warm cream, illustrated with sleepy bunnies, hand-drawn apples, gentle sheep and trailing vines that turn every keystroke into a small, calm moment.\u003c\/p\u003e\n\u003cp\u003eEvery legend is finished in fine cursive script over a smooth \u003cstrong\u003ePBT dye-sublimated\u003c\/strong\u003e surface, so the artwork is sealed into the plastic rather than sitting on top of it — it won't fade, peel, or wear thin with everyday typing. The full \u003cstrong\u003e120-key set\u003c\/strong\u003e is built on a standard \u003cstrong\u003ecross-stem (MX-style) mount\u003c\/strong\u003e and includes the extra keys needed for ergonomic layouts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__trust-strip\"\u003e\n\u003cdiv class=\"sbot__trust-item\"\u003e\n\u003cdiv class=\"sbot__trust-ic\"\u003e🧵\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"sbot__trust-t\"\u003eDye-Sub PBT\u003c\/div\u003e\n\u003cdiv class=\"sbot__trust-s\"\u003eSealed-in artwork, won't fade\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__trust-item\"\u003e\n\u003cdiv class=\"sbot__trust-ic\"\u003e📦\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"sbot__trust-t\"\u003eCarefully Packed\u003c\/div\u003e\n\u003cdiv class=\"sbot__trust-s\"\u003eSecure, pristine delivery\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__trust-item\"\u003e\n\u003cdiv class=\"sbot__trust-ic\"\u003e💬\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"sbot__trust-t\"\u003eFriendly Support\u003c\/div\u003e\n\u003cdiv class=\"sbot__trust-s\"\u003eReal answers, real fast\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__head\"\u003e\n\u003cdiv class=\"sbot__kicker\"\u003eWhy You'll Love It\u003c\/div\u003e\n\u003ch2 class=\"sbot__h2\"\u003eKey Features\u003c\/h2\u003e\n\u003cdiv class=\"sbot__divider\"\u003e\u003cspan class=\"sbot__bud\"\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__features\"\u003e\n\u003carticle class=\"sbot__feature\"\u003e\u003cdiv class=\"sbot__feature-icon\"\u003e🐰\u003c\/div\u003e\n\u003ch3\u003eBunny \u0026amp; Orchard Artwork\u003c\/h3\u003e\n\u003cp\u003eBunnies, apples, sheep and vines in a soft, storybook color palette across the whole board.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__feature\"\u003e\u003cdiv class=\"sbot__feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003ch3\u003ePBT Dye-Sublimation\u003c\/h3\u003e\n\u003cp\u003eLegends are dyed into the plastic itself, not printed on top — durable, oil-resistant, and long-lasting.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__feature\"\u003e\u003cdiv class=\"sbot__feature-icon\"\u003e🔢\u003c\/div\u003e\n\u003ch3\u003eFull 120-Key Set\u003c\/h3\u003e\n\u003cp\u003eGenerous coverage with modifiers, function row, and the novelty accent keys shown in the photos.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__feature\"\u003e\u003cdiv class=\"sbot__feature-icon\"\u003e🔺\u003c\/div\u003e\n\u003ch3\u003eThree Profile Options\u003c\/h3\u003e\n\u003cp\u003eChoose Cherry, MOA, or SOA profile to match the sculpt and feel of your current board.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__feature\"\u003e\u003cdiv class=\"sbot__feature-icon\"\u003e💡\u003c\/div\u003e\n\u003ch3\u003eOptional Backlighting\u003c\/h3\u003e\n\u003cp\u003ePick opaque, front-shine-through, or side-shine-through legends depending on your RGB setup.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__feature\"\u003e\u003cdiv class=\"sbot__feature-icon\"\u003e🔗\u003c\/div\u003e\n\u003ch3\u003eCross-Stem Compatible\u003c\/h3\u003e\n\u003cp\u003eStandard MX-style mount fits Cherry MX, Gateron, Kailh and most MX-clone switches.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__pair\"\u003e\n\u003cdiv class=\"sbot__pair-img\"\u003e\n\u003cspan class=\"sbot__img-label\"\u003eClose-Up\u003c\/span\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN01LeJ9ZE20rAmnP5B0W__346366902.webp?v=1778777286\" alt=\"Spring Bunny Orchard keycap close-up detail\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__pair-img\"\u003e\n\u003cspan class=\"sbot__img-label\"\u003eNovelty Keys\u003c\/span\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN01mR2hYn20rAmoExSxT__346366902.webp?v=1778777287\" alt=\"Spring Bunny Orchard novelty keycaps close-up\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__spotlight\"\u003e\n\u003cdiv class=\"sbot__kicker\"\u003eBuilt to Last\u003c\/div\u003e\n\u003ch2\u003eDyed In, Not Printed \u003cem\u003eOn\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eDye-sublimation works differently from simple pad printing — the ink is heat-transferred directly into the PBT plastic, becoming part of the material rather than a coating on its surface. That means the script lettering, the tiny bunny silhouettes, and the delicate vine trims stay crisp and vivid through years of daily typing, without the shine-through or peeling that cheaper printed keycaps develop over time.\u003c\/p\u003e\n\u003cdiv class=\"sbot__spec-grid\"\u003e\n\u003cdiv class=\"sbot__spec\"\u003e\n\u003cdiv class=\"sbot__spec-k\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"sbot__spec-v\"\u003ePBT Plastic\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__spec\"\u003e\n\u003cdiv class=\"sbot__spec-k\"\u003ePrint Method\u003c\/div\u003e\n\u003cdiv class=\"sbot__spec-v\"\u003eDye-Sublimation\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__spec\"\u003e\n\u003cdiv class=\"sbot__spec-k\"\u003eKey Count\u003c\/div\u003e\n\u003cdiv class=\"sbot__spec-v\"\u003e120 Keys\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__spec\"\u003e\n\u003cdiv class=\"sbot__spec-k\"\u003eMount\u003c\/div\u003e\n\u003cdiv class=\"sbot__spec-v\"\u003eCross Stem (MX-Style)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__spec\"\u003e\n\u003cdiv class=\"sbot__spec-k\"\u003eProfiles\u003c\/div\u003e\n\u003cdiv class=\"sbot__spec-v\"\u003eCherry \/ MOA \/ SOA\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__spec\"\u003e\n\u003cdiv class=\"sbot__spec-k\"\u003eErgonomic Keys\u003c\/div\u003e\n\u003cdiv class=\"sbot__spec-v\"\u003eIncluded\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__head\"\u003e\n\u003cdiv class=\"sbot__kicker\"\u003eChoose Your Fit\u003c\/div\u003e\n\u003ch2 class=\"sbot__h2\"\u003eThree Profiles, Five Variants\u003c\/h2\u003e\n\u003cp class=\"sbot__lead\"\u003eCherry, MOA and SOA profile — with Cherry available in opaque, front-backlit and side-backlit versions.\u003c\/p\u003e\n\u003cdiv class=\"sbot__divider\"\u003e\u003cspan class=\"sbot__bud\"\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__variants\"\u003e\n\u003carticle class=\"sbot__variant\"\u003e\u003cdiv class=\"sbot__variant-glyph\"\u003e◻️\u003c\/div\u003e\n\u003ch3\u003eCherry – Opaque\u003c\/h3\u003e\n\u003cp\u003eClassic sculpted Cherry profile with fully opaque, non-backlit legends.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__variant\"\u003e\u003cdiv class=\"sbot__variant-glyph\"\u003e🔵\u003c\/div\u003e\n\u003ch3\u003eMOA – Opaque\u003c\/h3\u003e\n\u003cp\u003eRounded, low-profile MOA sculpt with opaque, non-backlit legends.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__variant\"\u003e\u003cdiv class=\"sbot__variant-glyph\"\u003e🟢\u003c\/div\u003e\n\u003ch3\u003eSOA – Opaque\u003c\/h3\u003e\n\u003cp\u003eRounded SOA sculpt for a soft, ball-top feel, opaque legends.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__variant\"\u003e\u003cdiv class=\"sbot__variant-glyph\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eCherry – Front Backlit\u003c\/h3\u003e\n\u003cp\u003eCherry profile with the front legend face shining through for RGB boards.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__variant\"\u003e\u003cdiv class=\"sbot__variant-glyph\"\u003e💫\u003c\/div\u003e\n\u003ch3\u003eCherry – Side Backlit\u003c\/h3\u003e\n\u003cp\u003eCherry profile with side-shine legends for a softer, ambient glow.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__head\"\u003e\n\u003cdiv class=\"sbot__kicker\"\u003eFirst Look\u003c\/div\u003e\n\u003ch2 class=\"sbot__h2\"\u003eEvery Detail, \u003cem\u003eHand-Illustrated\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"sbot__divider\"\u003e\u003cspan class=\"sbot__bud\"\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__grid3\"\u003e\n\u003cdiv class=\"sbot__pair-img\"\u003e\n\u003cspan class=\"sbot__img-label\"\u003eFull Layout\u003c\/span\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN01bdkDzd20rAmnP4RFI__346366902.webp?v=1778777290\" alt=\"Spring Bunny Orchard full keyboard layout on desk\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__pair-img\"\u003e\n\u003cspan class=\"sbot__img-label\"\u003eSide by Side\u003c\/span\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN01UG1J4420rAmo5Q2Ga__346366902.webp?v=1778777288\" alt=\"Spring Bunny Orchard keycap set on two keyboard colorways\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__pair-img\"\u003e\n\u003cspan class=\"sbot__img-label\"\u003eDetail\u003c\/span\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN01mR2hYn20rAmoExSxT__346366902.webp?v=1778777287\" alt=\"Spring Bunny Orchard spacebar and novelty key detail\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__media-rect\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN01bdkDzd20rAmnP4RFI__346366902.webp?v=1778777290\" alt=\"Spring Bunny Orchard keycap set wide lifestyle desk view\" loading=\"lazy\"\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__head\"\u003e\n\u003cdiv class=\"sbot__kicker\"\u003eThe Details\u003c\/div\u003e\n\u003ch2 class=\"sbot__h2\"\u003eFull Specifications\u003c\/h2\u003e\n\u003cdiv class=\"sbot__divider\"\u003e\u003cspan class=\"sbot__bud\"\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__table-wrap\"\u003e\u003ctable class=\"sbot__table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eModel\u003c\/th\u003e\n\u003ctd\u003eSpring Bunny Orchard Theme Keycap Set\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003ePBT Plastic\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePrint Method\u003c\/th\u003e\n\u003ctd\u003eDye-Sublimation\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKey Count\u003c\/th\u003e\n\u003ctd\u003e120 Keys\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eAvailable Profiles\u003c\/th\u003e\n\u003ctd\u003eCherry · MOA · SOA\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eBacklight Options\u003c\/th\u003e\n\u003ctd\u003eOpaque · Front Backlit · Side Backlit\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eStem Type\u003c\/th\u003e\n\u003ctd\u003eCross Stem (MX-Style)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eErgonomic Support\u003c\/th\u003e\n\u003ctd\u003eYes — extra keys included\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\u003ctr\u003e\n\u003cth\u003eSold As\u003c\/th\u003e\n\u003ctd\u003eFull keycap set (keyboard not included)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbot__alert\"\u003e\n\u003cspan class=\"sbot__alert-ic\"\u003e⚠️\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eKeycaps only.\u003c\/strong\u003e This listing includes the keycap set only. The keyboard, switches, decor props and flowers shown in the photos are for display purposes only and are not included. Works only with standard MX-style cross-stem mechanical switches — not membrane, scissor, or low-profile keyboards.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__head\"\u003e\n\u003cdiv class=\"sbot__kicker\"\u003eSet Coverage\u003c\/div\u003e\n\u003ch2 class=\"sbot__h2\"\u003eDesigned to Fit Your \u003cem\u003eBoard\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"sbot__divider\"\u003e\u003cspan class=\"sbot__bud\"\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__split\"\u003e\n\u003cdiv class=\"sbot__split-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN01bdkDzd20rAmnP4RFI__346366902.webp?v=1778777290\" alt=\"Spring Bunny Orchard full keyboard layout coverage\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbot__split-text\"\u003e\n\u003ch3\u003eBroad Layout Compatibility\u003c\/h3\u003e\n\u003cul class=\"sbot__split-list\"\u003e\n\u003cli\u003e60% \u0026amp; 65% compact layouts\u003c\/li\u003e\n\u003cli\u003e75% compact full-function\u003c\/li\u003e\n\u003cli\u003e80% TKL (tenkeyless)\u003c\/li\u003e\n\u003cli\u003e96% \u0026amp; full-size boards\u003c\/li\u003e\n\u003cli\u003eAlice layout ergonomic keyboards\u003c\/li\u003e\n\u003cli\u003eANSI \u0026amp; ISO layout boards\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"sbot__split-note\"\u003eNot sure if your board is covered? Send us your keyboard model and we'll happily confirm fit before you order.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__head\"\u003e\n\u003cdiv class=\"sbot__kicker\"\u003eEasy Setup\u003c\/div\u003e\n\u003ch2 class=\"sbot__h2\"\u003eInstall in Three Steps\u003c\/h2\u003e\n\u003cp class=\"sbot__lead\"\u003eNo tools beyond a standard keycap puller. Done in minutes.\u003c\/p\u003e\n\u003cdiv class=\"sbot__divider\"\u003e\u003cspan class=\"sbot__bud\"\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__steps\"\u003e\n\u003carticle class=\"sbot__step\"\u003e\u003cdiv class=\"sbot__step-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003ePull the Old Caps\u003c\/h4\u003e\n\u003cp\u003eSlide a wire keycap puller over each existing cap and lift straight up to remove it.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__step\"\u003e\u003cdiv class=\"sbot__step-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eMatch Your Layout\u003c\/h4\u003e\n\u003cp\u003eLay the new set out to match your board before mounting, using the layout photo as a guide.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__step\"\u003e\u003cdiv class=\"sbot__step-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003ePress Into Place\u003c\/h4\u003e\n\u003cp\u003eAlign each cap over its switch stem and press down gently until it clicks into position.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__head\"\u003e\n\u003cdiv class=\"sbot__kicker\"\u003ePackage Contents\u003c\/div\u003e\n\u003ch2 class=\"sbot__h2\"\u003eWhat's in the Box\u003c\/h2\u003e\n\u003cdiv class=\"sbot__divider\"\u003e\u003cspan class=\"sbot__bud\"\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__inbox\"\u003e\n\u003cdiv class=\"sbot__inbox-item\"\u003e\n\u003cspan class=\"sbot__inbox-num\"\u003e120×\u003c\/span\u003e\u003cspan class=\"sbot__inbox-t\"\u003eKeycap Set\u003c\/span\u003e\u003cbr\u003eFull coverage kit\u003c\/div\u003e\n\u003cdiv class=\"sbot__inbox-item\"\u003e\n\u003cspan class=\"sbot__inbox-num\"\u003e1×\u003c\/span\u003e\u003cspan class=\"sbot__inbox-t\"\u003eKeycap Puller\u003c\/span\u003e\u003cbr\u003eFor easy installation\u003c\/div\u003e\n\u003cdiv class=\"sbot__inbox-item\"\u003e\n\u003cspan class=\"sbot__inbox-num\"\u003e✓\u003c\/span\u003e\u003cspan class=\"sbot__inbox-t\"\u003eErgonomic Keys\u003c\/span\u003e\u003cbr\u003eIncluded in every set\u003c\/div\u003e\n\u003cdiv class=\"sbot__inbox-item\"\u003e\n\u003cspan class=\"sbot__inbox-num\"\u003e✓\u003c\/span\u003e\u003cspan class=\"sbot__inbox-t\"\u003eProtective Packaging\u003c\/span\u003e\u003cbr\u003eDamage-free delivery\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__head\"\u003e\n\u003cdiv class=\"sbot__kicker\"\u003eKeep It Looking Fresh\u003c\/div\u003e\n\u003ch2 class=\"sbot__h2\"\u003eCare \u0026amp; Keeping\u003c\/h2\u003e\n\u003cdiv class=\"sbot__divider\"\u003e\u003cspan class=\"sbot__bud\"\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__care\"\u003e\n\u003carticle class=\"sbot__care-card\"\u003e\u003cdiv class=\"sbot__care-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eGentle Cleaning\u003c\/h4\u003e\n\u003cp\u003eWipe with a soft, slightly damp cloth for everyday dust. For a deeper clean, remove caps and rinse gently in warm soapy water.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__care-card\"\u003e\u003cdiv class=\"sbot__care-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eDry Fully\u003c\/h4\u003e\n\u003cp\u003eLet keycaps air-dry completely before remounting them on your switches.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__care-card\"\u003e\u003cdiv class=\"sbot__care-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eUse a Puller\u003c\/h4\u003e\n\u003cp\u003eRemove caps with a wire keycap puller to avoid scratching the artwork or bending the stems.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__care-card\"\u003e\u003cdiv class=\"sbot__care-num\"\u003e04\u003c\/div\u003e\n\u003ch4\u003eAvoid Harsh Chemicals\u003c\/h4\u003e\n\u003cp\u003eSkip solvents and abrasive cleaners — mild soap and water is all dye-sub PBT ever needs.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__head\"\u003e\n\u003cdiv class=\"sbot__kicker\"\u003eOrchard Palette\u003c\/div\u003e\n\u003ch2 class=\"sbot__h2\"\u003eSoft Spring \u003cem\u003eColors\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sbot__lead\"\u003eFour gentle tones pulled straight from the orchard at dawn.\u003c\/p\u003e\n\u003cdiv class=\"sbot__divider\"\u003e\u003cspan class=\"sbot__bud\"\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__palette\"\u003e\n\u003cdiv class=\"sbot__swatch\"\u003e\n\u003cdiv class=\"sbot__swatch-chip sbot__swatch-chip--sage\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbot__swatch-body\"\u003e\n\u003ch4\u003eSage Green\u003c\/h4\u003e\n\u003cp\u003eOrchard leaves\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__swatch\"\u003e\n\u003cdiv class=\"sbot__swatch-chip sbot__swatch-chip--mint\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbot__swatch-body\"\u003e\n\u003ch4\u003eSoft Mint\u003c\/h4\u003e\n\u003cp\u003eMorning mist\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__swatch\"\u003e\n\u003cdiv class=\"sbot__swatch-chip sbot__swatch-chip--cream\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbot__swatch-body\"\u003e\n\u003ch4\u003eWarm Cream\u003c\/h4\u003e\n\u003cp\u003eBunny fur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__swatch\"\u003e\n\u003cdiv class=\"sbot__swatch-chip sbot__swatch-chip--blush\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbot__swatch-body\"\u003e\n\u003ch4\u003eApple Blush\u003c\/h4\u003e\n\u003cp\u003eOrchard fruit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__head\"\u003e\n\u003cdiv class=\"sbot__kicker\"\u003eAt a Glance\u003c\/div\u003e\n\u003ch2 class=\"sbot__h2\"\u003eWhy Fans Love It\u003c\/h2\u003e\n\u003cdiv class=\"sbot__divider\"\u003e\u003cspan class=\"sbot__bud\"\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__stats\"\u003e\n\u003cdiv class=\"sbot__stat\"\u003e\n\u003cdiv class=\"sbot__stat-num\"\u003e120\u003c\/div\u003e\n\u003cdiv class=\"sbot__stat-label\"\u003eKeys Included\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__stat\"\u003e\n\u003cdiv class=\"sbot__stat-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sbot__stat-label\"\u003eProfile Choices\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__stat\"\u003e\n\u003cdiv class=\"sbot__stat-num\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"sbot__stat-label\"\u003eVariants Total\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__stat\"\u003e\n\u003cdiv class=\"sbot__stat-num\"\u003eMX\u003c\/div\u003e\n\u003cdiv class=\"sbot__stat-label\"\u003eCompatible\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__media-full sbot__hero-banner\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN01UG1J4420rAmo5Q2Ga__346366902.webp?v=1778777288\" alt=\"Spring Bunny Orchard keycap set full lifestyle scene\" loading=\"lazy\"\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__head\"\u003e\n\u003cdiv class=\"sbot__kicker\"\u003eMade For\u003c\/div\u003e\n\u003ch2 class=\"sbot__h2\"\u003eWho Will Love This Set\u003c\/h2\u003e\n\u003cp class=\"sbot__lead\"\u003eIf any of these sound like you, this set belongs on your desk.\u003c\/p\u003e\n\u003cdiv class=\"sbot__divider\"\u003e\u003cspan class=\"sbot__bud\"\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__tips\"\u003e\n\u003carticle class=\"sbot__tip\"\u003e\u003cspan class=\"sbot__tip-ic\"\u003e🐰\u003c\/span\u003e\u003ch4\u003eBunny \u0026amp; Animal Lovers\u003c\/h4\u003e\n\u003cp\u003eAnyone who can't resist a sleepy bunny motif and wants that charm on their desk.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__tip\"\u003e\u003cspan class=\"sbot__tip-ic\"\u003e🧵\u003c\/span\u003e\u003ch4\u003eKeyboard Enthusiasts\u003c\/h4\u003e\n\u003cp\u003eCollectors who want a genuine dye-sub PBT set with real profile and lighting choice.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__tip\"\u003e\u003cspan class=\"sbot__tip-ic\"\u003e🌷\u003c\/span\u003e\u003ch4\u003eCozy Spring Aesthetics\u003c\/h4\u003e\n\u003cp\u003eBuilders adding a soft, pastel spring theme to their desk setup.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__tip\"\u003e\u003cspan class=\"sbot__tip-ic\"\u003e🎁\u003c\/span\u003e\u003ch4\u003eGift Givers\u003c\/h4\u003e\n\u003cp\u003eA thoughtful, characterful present for the keyboard fan or animal lover in your life.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__head\"\u003e\n\u003cdiv class=\"sbot__kicker\"\u003eQuestions?\u003c\/div\u003e\n\u003ch2 class=\"sbot__h2\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdiv class=\"sbot__divider\"\u003e\u003cspan class=\"sbot__bud\"\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__faq\"\u003e\n\u003cdetails open\u003e\u003csummary\u003eWill this fit my keyboard?\u003c\/summary\u003e\u003cdiv class=\"sbot__faq-body\"\u003eThe set uses standard MX-style cross stems and fits Cherry MX, Gateron, Kailh and most MX-clone switches. Unsure about your specific board? Send us your keyboard model and we'll confirm before you order.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eWhat's the difference between Cherry, MOA and SOA?\u003c\/summary\u003e\u003cdiv class=\"sbot__faq-body\"\u003eThese are the three keycap sculpt profiles offered for this set. Cherry has a classic sculpted, cylindrical top with a slightly lower row angle — a comfortable, widely-used everyday profile. MOA and SOA are both rounded, lower-profile sculpts with a softer, more spherical top — MOA is slightly taller than SOA. Pick whichever feel you prefer.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eWhat does opaque vs. backlit mean?\u003c\/summary\u003e\u003cdiv class=\"sbot__faq-body\"\u003eOpaque legends block all light and suit non-RGB boards. Front Backlit lets light shine through the front-facing legend for standard RGB boards. Side Backlit lets light glow through the side legend instead, for a softer ambient effect.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eHow many keys are included?\u003c\/summary\u003e\u003cdiv class=\"sbot__faq-body\"\u003eThe set includes 120 keycaps, covering alphas, modifiers, the function row, and the themed novelty caps shown in the photos, plus extra keys for ergonomic layouts.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eDoes it work with Alice layout keyboards?\u003c\/summary\u003e\u003cdiv class=\"sbot__faq-body\"\u003eYes. The set includes the extra keys needed to dress ergonomic Alice-style split keyboards, alongside standard 60%–96%, TKL and full-size ANSI\/ISO layouts.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eIs a keyboard included?\u003c\/summary\u003e\u003cdiv class=\"sbot__faq-body\"\u003eNo — this listing is for the keycap set only. The keyboards, decor and flowers shown in the photos are for display purposes and are not included.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eHow do I install the keycaps?\u003c\/summary\u003e\u003cdiv class=\"sbot__faq-body\"\u003eUse a keycap puller to remove your existing caps, match the new set to your layout, and press each cap onto its switch stem until it clicks. The whole swap usually takes just a few minutes.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eWill the colors look like the photos?\u003c\/summary\u003e\u003cdiv class=\"sbot__faq-body\"\u003eWe work hard to represent the sage green, cream and blush tones accurately. Monitor calibration can shift on-screen color slightly, but the dye-sublimated caps stay true to the soft palette shown.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eIs the material durable for daily use?\u003c\/summary\u003e\u003cdiv class=\"sbot__faq-body\"\u003eYes — PBT is naturally more wear- and oil-resistant than ABS, and because the artwork is dye-sublimated into the plastic rather than printed on top, it won't shine through or peel with everyday typing.\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__head\"\u003e\n\u003cdiv class=\"sbot__kicker\"\u003eThe Experience\u003c\/div\u003e\n\u003ch2 class=\"sbot__h2\"\u003eLook \u0026amp; \u003cem\u003eFeel\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sbot__lead\"\u003eMore than a look — the profile you choose changes how the whole board feels under your fingers.\u003c\/p\u003e\n\u003cdiv class=\"sbot__divider\"\u003e\u003cspan class=\"sbot__bud\"\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__panels\"\u003e\n\u003carticle class=\"sbot__panel\"\u003e\u003cspan class=\"sbot__panel-ic\"\u003e🤚\u003c\/span\u003e\u003ch3\u003eA Smooth, Textured Touch\u003c\/h3\u003e\n\u003cp\u003ePBT's naturally slightly grainy surface feels dry and grippy under the fingertip, resisting the shine that ABS caps develop with wear.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__panel\"\u003e\u003cspan class=\"sbot__panel-ic\"\u003e🌿\u003c\/span\u003e\u003ch3\u003eA Theme You Can Feel\u003c\/h3\u003e\n\u003cp\u003eFrom the spacebar's trailing vine illustration to the tiny bunny and apple novelties, the orchard theme extends across the whole board.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__head\"\u003e\n\u003cdiv class=\"sbot__kicker\"\u003eShop With Confidence\u003c\/div\u003e\n\u003ch2 class=\"sbot__h2\"\u003eOur Promise to \u003cem\u003eYou\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"sbot__divider\"\u003e\u003cspan class=\"sbot__bud\"\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbot__promise\"\u003e\n\u003carticle class=\"sbot__promise-card\"\u003e\u003cspan class=\"sbot__promise-ic\"\u003e📦\u003c\/span\u003e\u003ch4\u003eCarefully Packed\u003c\/h4\u003e\n\u003cp\u003eEvery set ships in protective packaging so your keycaps arrive ready to mount.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__promise-card\"\u003e\u003cspan class=\"sbot__promise-ic\"\u003e🔍\u003c\/span\u003e\u003ch4\u003eQuality Checked\u003c\/h4\u003e\n\u003cp\u003eEach order is inspected for clean, even dye-sub artwork before it ships.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__promise-card\"\u003e\u003cspan class=\"sbot__promise-ic\"\u003e💬\u003c\/span\u003e\u003ch4\u003eFriendly Support\u003c\/h4\u003e\n\u003cp\u003eQuestions about profile, backlighting or fit? Reach out any time and a real person will help.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"sbot__promise-card\"\u003e\u003cspan class=\"sbot__promise-ic\"\u003e🐇\u003c\/span\u003e\u003ch4\u003eMade for Fans\u003c\/h4\u003e\n\u003cp\u003eDesigned for people who love a cozy, characterful desk with a soft spring story.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__gift\"\u003e\n\u003cspan class=\"sbot__gift-ic\"\u003e🎁\u003c\/span\u003e\u003ch2\u003eA Cozy Gift for Any Desk\u003c\/h2\u003e\n\u003cp\u003eSoft, whimsical and full of quiet charm — the Spring Bunny Orchard set is a thoughtful surprise for keyboard enthusiasts, animal lovers, and anyone who treasures a gentle, characterful setup.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"sbot__section\"\u003e\u003cdiv class=\"sbot__cta\"\u003e\n\u003cdiv class=\"sbot__petals\"\u003e\u003c\/div\u003e\n\u003ch2\u003eBring the \u003cem\u003eOrchard\u003c\/em\u003e to Your Desk\u003c\/h2\u003e\n\u003cp\u003eA bunny curled in the grass, apples on the vine, script lettering catching the morning light — one board, five ways to make it yours.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cnoscript\u003e(function () { var sbotScrolling = false; function sbotIsVisible(el) { if (!el) return false; var s = window.getComputedStyle(el); if (s.display === 'none' || s.visibility === 'hidden' || parseFloat(s.opacity) === 0) return false; var r = el.getBoundingClientRect(); return r.width \u0026gt; 0 \u0026amp;\u0026amp; r.height \u0026gt; 0; } function sbotIsFixedOrSticky(el) { var node = el; while (node \u0026amp;\u0026amp; node !== document.body \u0026amp;\u0026amp; node !== document.documentElement) { var pos = window.getComputedStyle(node).position; if (pos === 'fixed' || pos === 'sticky') return true; node = node.parentElement; } return false; } function sbotFindCartButton() { var sels = ['form[action*=\"\/cart\/add\"] button[type=\"submit\"]','button[name=\"add\"]','.product-form__submit','.product-form__buttons button','#AddToCart','.shopify-payment-button__button','.btn--add-to-cart','.product__submit']; var candidates = []; for (var i = 0; i \u0026lt; sels.length; i++) { var found = document.querySelectorAll(sels[i]); for (var j = 0; j \u0026lt; found.length; j++) candidates.push(found[j]); } for (var k = 0; k \u0026lt; candidates.length; k++) { if (sbotIsVisible(candidates[k]) \u0026amp;\u0026amp; !sbotIsFixedOrSticky(candidates[k])) return candidates[k]; } for (var m = 0; m \u0026lt; candidates.length; m++) { if (sbotIsVisible(candidates[m])) return candidates[m]; } return candidates.length ? candidates[0] : null; } function sbotEase(t) { return t \u0026lt; 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) \/ 2; } function sbotSlowScrollTo(el, duration) { if (sbotScrolling) return; sbotScrolling = true; var startY = window.pageYOffset || document.documentElement.scrollTop; var rect = el.getBoundingClientRect(); var maxY = Math.max(0, document.documentElement.scrollHeight - window.innerHeight); var targetY = Math.min(maxY, Math.max(0, startY + rect.top - (window.innerHeight \/ 2) + (rect.height \/ 2))); var startTime = null; function step(ts) { if (!startTime) startTime = ts; var progress = Math.min((ts - startTime) \/ duration, 1); window.scrollTo({ top: startY + (targetY - startY) * sbotEase(progress), left: 0 }); if (progress \u0026lt; 1) { requestAnimationFrame(step); } else { sbotScrolling = false; el.classList.add('sb-add-pulse'); setTimeout(function () { el.classList.remove('sb-add-pulse'); }, 1900); } } requestAnimationFrame(step); } function bind() { var link = document.getElementById('sbotCartLink'); if (!link) return; link.addEventListener('click', function (e) { e.preventDefault(); if (sbotScrolling) return; var target = sbotFindCartButton(); if (target) { sbotSlowScrollTo(target, 1800); } else { sbotScrolling = true; window.scrollTo({ top: 0, behavior: 'smooth' }); setTimeout(function () { sbotScrolling = false; }, 1800); } }); } if (document.readyState !== 'loading') { bind(); } else { document.addEventListener('DOMContentLoaded', bind); }})();\u003c\/noscript\u003e\u003c!-- END SPRING BUNNY ORCHARD THEME PBT DYE-SUB KEYCAP SET DESCRIPTION --\u003e","brand":"Rolipan","offers":[{"title":"Cherry Profile","offer_id":49406846075095,"sku":null,"price":49.9,"currency_code":"USD","in_stock":true},{"title":"MOA Profile","offer_id":49406846107863,"sku":null,"price":49.9,"currency_code":"USD","in_stock":true},{"title":"SOA Profile","offer_id":49406846140631,"sku":null,"price":69.9,"currency_code":"USD","in_stock":true},{"title":"Cherry Profile – Front Backlit","offer_id":49406846173399,"sku":null,"price":59.9,"currency_code":"USD","in_stock":true},{"title":"Cherry Profile – Side Backlit","offer_id":49406846206167,"sku":null,"price":59.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/spring-bunny-orchard-theme-keycap-set-8376038.webp?v=1783490368"},{"product_id":"super-mario-bros-layered-resin-artisan-keycap","title":"Super Mario Bros. Layered Resin Artisan Keycap","description":"\u003c!-- ================================================================= --\u003e\u003cp\u003e \u003c\/p\u003e\u003c!-- SUPER MARIO BROS. LAYERED RESIN ARTISAN KEYCAP — DESCRIPTION --\u003e\u003cp\u003e \u003c\/p\u003e\u003c!-- Paste into Shopify product editor \"\u003c\u003e\" (Show HTML) view. --\u003e\u003cp\u003e \u003c\/p\u003e\u003c!-- Scoped under .smrz — lang=\"en\" prevents \"i\" auto-caps --\u003e\u003cp\u003e \u003c\/p\u003e\u003c!-- Closing seal scrolls slowly to Add to Cart --\u003e\u003cp\u003e \u003c\/p\u003e\u003c!-- ================================================================= --\u003e\u003cstyle\u003e@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');.smrz { --smrz-red: #e52521; --smrz-red-deep: #a31a18; --smrz-red-soft: #f26461; --smrz-green: #1aa05a; --smrz-green-deep: #0f6e3c; --smrz-yellow: #fbd000; --smrz-yellow-2: #d4a800; --smrz-yellow-3: #ffe55a; --smrz-pink: #f783c4; --smrz-pink-deep: #c14a90; --smrz-night: #1a1210; --smrz-night-2: #120e0c; --smrz-cream: #fffdf5; --smrz-paper: #fff8e7; --smrz-ink: #2a1e16; --smrz-text: #4a3828; --smrz-muted: #7a6050; --smrz-line: rgba(229,37,33,0.16); --smrz-shadow: 0 20px 52px -20px rgba(42,28,18,0.50); --smrz-shadow-sm: 0 10px 26px -12px rgba(42,28,18,0.36); --smrz-glow-y: 0 0 28px rgba(251,208,0,0.45); --smrz-display: 'Nunito', 'Trebuchet MS', Arial, sans-serif; --smrz-pixel: 'Press Start 2P', monospace; --smrz-radius: 16px; --smrz-radius-lg: 22px; --smrz-maxw: 1280px; --smrz-gap: clamp(14px, 2.2vw, 22px); --smrz-section: clamp(40px, 6.5vw, 72px); font-family: var(--smrz-display); color: var(--smrz-ink); line-height: 1.7; font-size: 18px; max-width: var(--smrz-maxw); margin: 0 auto; padding: 0 4px; text-align: center; -webkit-font-smoothing: antialiased;}.smrz *, .smrz *::before, .smrz *::after { box-sizing: border-box;}.smrz p { margin: 0 0 1em; font-size: clamp(15px, 1.6vw, 17.5px);}.smrz p:last-child { margin-bottom: 0;}.smrz strong { font-weight: 800;}.smrz h1, .smrz h2, .smrz h3, .smrz h4 { margin: 0; line-height: 1.15;}.smrz__sheet { position: relative; background: linear-gradient(180deg, #fffdf5 0%, #fff8e7 55%, #fff3d6 100%); border: 2px solid rgba(229,37,33,0.18); border-radius: var(--smrz-radius-lg); overflow: hidden; box-shadow: var(--smrz-shadow);}.smrz__inner { position: relative; z-index: 1; padding: clamp(22px, 5vw, 56px);}.smrz__hero { position: relative; text-align: center; padding: clamp(26px, 5vw, 54px) clamp(10px, 3vw, 36px) clamp(30px, 5vw, 56px); border-radius: var(--smrz-radius); background: radial-gradient(80% 100% at 50% 0%, rgba(251,208,0,0.16), transparent 55%), linear-gradient(160deg, #1a1210 0%, #120e0c 60%, #1a1210 100%); color: var(--smrz-cream); overflow: hidden; border: 2px solid rgba(251,208,0,0.28); box-shadow: inset 0 0 60px rgba(0,0,0,0.55), var(--smrz-shadow);}.smrz__coins { position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(2px 2px at 10% 18%, rgba(251,208,0,0.85), transparent), radial-gradient(1.5px 1.5px at 84% 20%, rgba(251,208,0,0.7), transparent), radial-gradient(1.8px 1.8px at 32% 72%, rgba(229,37,33,0.7), transparent), radial-gradient(1.2px 1.2px at 70% 60%, rgba(26,160,90,0.55), transparent), radial-gradient(1.6px 1.6px at 88% 82%, rgba(247,131,196,0.55), transparent), radial-gradient(1.4px 1.4px at 20% 86%, rgba(251,208,0,0.55), transparent); animation: smrz-shimmer 5s ease-in-out infinite alternate;}@keyframes smrz-shimmer { 0% { opacity: 0.5;} 100% { opacity: 1; transform: translateY(-4px);} }.smrz__eyebrow { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 12px; font-family: var(--smrz-pixel); letter-spacing: 0.1em; font-size: clamp(7px, 1.2vw, 9px); color: var(--smrz-yellow); padding: 10px 20px; border: 1px solid rgba(251,208,0,0.45); border-radius: 999px; background: rgba(251,208,0,0.08); margin-bottom: 8px; transition: 0.3s;}.smrz__eyebrow::before, .smrz__eyebrow::after { content: \"★\"; font-size: 9px;}.smrz__eyebrow:hover { transform: translateY(-2px) scale(1.03); background: rgba(251,208,0,0.16); box-shadow: var(--smrz-glow-y);}.smrz__title { position: relative; z-index: 2; font-weight: 900; line-height: 1.05; margin: clamp(28px, 4.5vw, 46px) 0 0; font-size: clamp(28px, 5.5vw, 56px); color: var(--smrz-cream); text-shadow: 0 3px 0 rgba(0,0,0,0.45), 0 0 30px rgba(251,208,0,0.22); letter-spacing: -0.01em;}.smrz__title .smrz__yellow { background: linear-gradient(180deg, #ffe55a 0%, #fbd000 50%, #d4a800 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}.smrz__subtitle { position: relative; z-index: 2; font-weight: 600; font-style: italic; font-size: clamp(15px, 2vw, 20px); color: rgba(255,253,245,0.84); max-width: 1200px; margin: clamp(14px, 3vw, 22px) auto 0;}.smrz__hero-rule { position: relative; z-index: 2; display: flex; align-items: center; gap: 16px; margin: clamp(20px, 4vw, 30px) auto 0; max-width: 1200px;}.smrz__hero-rule::before, .smrz__hero-rule::after { content: \"\"; height: 1px; flex: 1; background: linear-gradient(90deg, transparent, rgba(251,208,0,0.7), transparent);}.smrz__hero-rule span { font-family: var(--smrz-pixel); font-size: 9px; color: var(--smrz-yellow); letter-spacing: 0.15em;}.smrz__badges { position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: clamp(20px, 4vw, 28px);}.smrz__badge { display: inline-flex; align-items: center; gap: 8px; font-size: clamp(11px, 1.4vw, 13px); font-weight: 700; color: var(--smrz-cream); padding: 10px 16px; border-radius: 999px; border: 1px solid rgba(251,208,0,0.3); background: rgba(255,253,245,0.05); transition: 0.3s;}.smrz__badge:hover { transform: translateY(-3px); background: rgba(251,208,0,0.14); border-color: var(--smrz-yellow); box-shadow: var(--smrz-glow-y);}.smrz__section { margin-top: var(--smrz-section);}.smrz__head { text-align: center; margin-bottom: clamp(24px, 3.5vw, 38px);}.smrz__kicker { display: flex; align-items: center; justify-content: center; gap: 14px; font-family: var(--smrz-pixel); letter-spacing: 0.16em; font-size: clamp(7px, 1.1vw, 8px); color: var(--smrz-red); margin-bottom: 12px; text-transform: uppercase;}.smrz__kicker::before, .smrz__kicker::after { content: \"◆\"; font-size: 7px; color: var(--smrz-yellow);}.smrz__h2 { font-weight: 900; text-align: center; font-size: clamp(24px, 4.2vw, 40px); line-height: 1.1; margin: 0 auto 10px; max-width: 1200px;}.smrz__lead { text-align: center; max-width: 1200px; margin: 0 auto; color: var(--smrz-muted); font-size: clamp(15px, 1.7vw, 18px); font-weight: 600;}.smrz__divider { display: flex; align-items: center; gap: 16px; margin: clamp(14px, 3vw, 20px) auto 0; max-width: 1200px;}.smrz__divider::before, .smrz__divider::after { content: \"\"; height: 2px; flex: 1; background: linear-gradient(90deg, transparent, var(--smrz-yellow-2), transparent);}.smrz__diamond { width: 10px; height: 10px; transform: rotate(45deg); background: var(--smrz-yellow); box-shadow: 0 0 0 4px rgba(251,208,0,0.2);}.smrz__prose { max-width: 1200px; margin: 0 auto;}.smrz__prose p { color: var(--smrz-text); font-weight: 600;}.smrz__media-full { width: 100%; border-radius: var(--smrz-radius); overflow: hidden; border: 2px solid rgba(229,37,33,0.18); box-shadow: var(--smrz-shadow-sm); line-height: 0; transition: 0.4s;}.smrz__media-full:hover { transform: translateY(-4px); box-shadow: var(--smrz-shadow);}.smrz__media-full img { width: 100%; display: block; height: auto; transition: 0.6s;}.smrz__media-full:hover img { transform: scale(1.03);}.smrz__pair, .smrz__grid3 { display: grid; gap: clamp(12px, 1.8vw, 18px);}.smrz__pair { grid-template-columns: repeat(2, 1fr);}.smrz__grid3 { grid-template-columns: repeat(3, 1fr);}.smrz__pair-img { position: relative; overflow: hidden; border-radius: var(--smrz-radius); border: 2px solid rgba(229,37,33,0.14); line-height: 0; box-shadow: var(--smrz-shadow-sm); aspect-ratio: 1\/1; transition: 0.4s;}.smrz__pair-img:hover { transform: translateY(-5px); box-shadow: var(--smrz-shadow); border-color: rgba(251,208,0,0.55);}.smrz__pair-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.6s;}.smrz__pair-img:hover img { transform: scale(1.08);}.smrz__img-label { position: absolute; top: 12px; right: 12px; background: rgba(255,253,245,0.94); color: var(--smrz-red-deep); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; text-transform: uppercase; z-index: 2; border: 1px solid rgba(229,37,33,0.28);}.smrz__media-rect { width: 100%; border-radius: var(--smrz-radius); overflow: hidden; border: 2px solid rgba(229,37,33,0.18); box-shadow: var(--smrz-shadow-sm); line-height: 0; aspect-ratio: 21\/9; transition: 0.4s;}.smrz__media-rect:hover { transform: translateY(-4px); box-shadow: var(--smrz-shadow);}.smrz__media-rect img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.6s;}.smrz__media-rect:hover img { transform: scale(1.04);}.smrz__trust-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin-top: clamp(20px, 3vw, 28px);}.smrz__trust-item { display: flex; align-items: center; gap: 12px; padding: 16px 18px; background: var(--smrz-paper); border: 2px solid rgba(229,37,33,0.14); border-radius: var(--smrz-radius); text-align: left; transition: 0.3s;}.smrz__trust-item:hover { transform: translateY(-4px); box-shadow: var(--smrz-shadow-sm); border-color: rgba(251,208,0,0.55);}.smrz__trust-ic { width: 42px; height: 42px; flex: none; border-radius: 12px; display: grid; place-items: center; font-size: 19px; background: linear-gradient(135deg, rgba(229,37,33,0.1), rgba(251,208,0,0.1)); border: 1px solid rgba(229,37,33,0.16);}.smrz__trust-t { font-weight: 800; font-size: 14px;}.smrz__trust-s { font-size: 12.5px; color: var(--smrz-muted);}.smrz__features { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--smrz-gap);}.smrz__feature { position: relative; text-align: left; background: var(--smrz-paper); border: 2px solid rgba(229,37,33,0.14); border-radius: var(--smrz-radius); padding: clamp(18px, 3vw, 26px); overflow: hidden; transition: 0.35s;}.smrz__feature:hover { transform: translateY(-6px); box-shadow: var(--smrz-shadow-sm); border-color: rgba(229,37,33,0.4);}.smrz__feature-icon { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 14px; font-size: 23px; margin-bottom: 12px; background: linear-gradient(145deg, #1a1210, #120e0c); border: 2px solid rgba(251,208,0,0.35); transition: 0.4s;}.smrz__feature:hover .smrz__feature-icon { transform: rotate(-6deg) scale(1.1); box-shadow: var(--smrz-glow-y);}.smrz__feature h3 { font-weight: 800; font-size: clamp(16px, 2vw, 19px); margin: 0 0 7px;}.smrz__feature p { margin: 0; font-size: clamp(14px, 1.5vw, 15.5px); color: var(--smrz-muted); line-height: 1.6;}.smrz__spotlight { position: relative; text-align: center; border-radius: var(--smrz-radius-lg); overflow: hidden; padding: clamp(28px, 4.5vw, 52px); background: radial-gradient(80% 120% at 50% 0%, rgba(251,208,0,0.14), transparent 55%), linear-gradient(155deg, #1a1210, #120e0c); color: var(--smrz-cream); border: 2px solid rgba(251,208,0,0.25); box-shadow: var(--smrz-shadow);}.smrz__spotlight .smrz__kicker { color: var(--smrz-yellow);}.smrz__spotlight .smrz__kicker::before, .smrz__spotlight .smrz__kicker::after { color: var(--smrz-yellow-3);}.smrz__spotlight h2 { font-weight: 900; font-size: clamp(22px, 3.8vw, 38px); margin: 0 auto 14px; max-width: 1200px;}.smrz__spotlight \u003e p { max-width: 1200px; color: rgba(255,253,245,0.84); margin: 0 auto; font-weight: 600;}.smrz__spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; margin-top: clamp(22px, 3vw, 32px);}.smrz__spec { border: 1px solid rgba(251,208,0,0.24); border-radius: 12px; padding: 16px 16px 14px; background: rgba(255,253,245,0.04); transition: 0.3s;}.smrz__spec:hover { background: rgba(251,208,0,0.1); transform: translateY(-4px); border-color: var(--smrz-yellow);}.smrz__spec-k { font-family: var(--smrz-pixel); font-size: 8px; letter-spacing: 0.1em; color: var(--smrz-yellow); margin-bottom: 6px;}.smrz__spec-v { font-size: clamp(14px, 1.7vw, 17px); color: var(--smrz-cream); font-weight: 700;}.smrz__variants { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--smrz-gap);}.smrz__variant { position: relative; text-align: center; border-radius: var(--smrz-radius); padding: clamp(24px, 3vw, 32px) 18px; color: var(--smrz-cream); overflow: hidden; border: 2px solid rgba(255,255,255,0.15); transition: 0.4s;}.smrz__variant:hover { transform: translateY(-7px) scale(1.02); box-shadow: var(--smrz-shadow);}.smrz__variant--red { background: linear-gradient(155deg, #c41f1c, #7a1412);}.smrz__variant--green { background: linear-gradient(155deg, #1aa05a, #0f6e3c);}.smrz__variant--yellow { background: linear-gradient(155deg, #d4a800, #8a6c00);}.smrz__variant--pink { background: linear-gradient(155deg, #f06fb8, #c14a90);}.smrz__variant-glyph { font-size: 36px; margin-bottom: 12px; display: inline-block; transition: 0.4s;}.smrz__variant:hover .smrz__variant-glyph { transform: scale(1.2) rotate(8deg);}.smrz__variant h3 { font-weight: 900; font-size: clamp(17px, 2.2vw, 21px); margin: 0 0 5px;}.smrz__variant-tag { display: inline-block; font-family: var(--smrz-pixel); font-size: 8px; color: rgba(255,253,245,0.75); letter-spacing: 0.12em; margin-bottom: 8px;}.smrz__variant p { margin: 0; font-size: 14px; font-weight: 600; color: rgba(255,253,245,0.82);}.smrz__table-wrap { max-width: 1200px; margin: 0 auto; border: 2px solid rgba(229,37,33,0.18); border-radius: var(--smrz-radius); overflow: hidden; background: var(--smrz-paper);}.smrz__table { width: 100%; border-collapse: collapse; text-align: left; font-size: clamp(14px, 1.7vw, 16.5px);}.smrz__table tr:hover { background: rgba(251,208,0,0.1);}.smrz__table tr + tr { border-top: 1px solid rgba(229,37,33,0.1);}.smrz__table th, .smrz__table td { padding: 14px 20px; vertical-align: top;}.smrz__table th { width: 42%; font-weight: 800; text-transform: uppercase; font-size: 0.82em; color: var(--smrz-red); background: rgba(229,37,33,0.05);}.smrz__table td { color: var(--smrz-ink); font-weight: 600;}.smrz__alert { max-width: 1200px; margin: clamp(16px, 3vw, 24px) auto 0; display: flex; gap: 14px; text-align: left; padding: 16px 20px; border-radius: var(--smrz-radius); border: 2px solid rgba(229,37,33,0.3); background: rgba(229,37,33,0.06); color: var(--smrz-red-deep); font-size: 15px; font-weight: 600;}.smrz__alert-ic { font-size: 20px; flex: none;}.smrz__steps, .smrz__panels, .smrz__care, .smrz__tips, .smrz__promise { display: grid; gap: var(--smrz-gap); text-align: left;}.smrz__steps { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));}.smrz__panels { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));}.smrz__care { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));}.smrz__tips { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));}.smrz__promise { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));}.smrz__step, .smrz__panel, .smrz__care-card, .smrz__tip, .smrz__promise-card { background: var(--smrz-paper); border: 2px solid rgba(229,37,33,0.14); border-radius: var(--smrz-radius); padding: clamp(18px, 2.6vw, 26px); transition: 0.3s;}.smrz__step:hover, .smrz__panel:hover, .smrz__care-card:hover, .smrz__tip:hover, .smrz__promise-card:hover { transform: translateY(-5px); box-shadow: var(--smrz-shadow-sm); border-color: rgba(251,208,0,0.55);}.smrz__step-num, .smrz__care-num { font-weight: 900; font-size: 27px; color: var(--smrz-yellow-2); line-height: 1; margin-bottom: 10px;}.smrz__step h4, .smrz__panel h3, .smrz__care-card h4, .smrz__tip h4, .smrz__promise-card h4 { font-weight: 800; font-size: 16.5px; margin: 0 0 6px;}.smrz__step p, .smrz__panel p, .smrz__care-card p, .smrz__tip p, .smrz__promise-card p { margin: 0; font-size: 14.5px; color: var(--smrz-muted); line-height: 1.6;}.smrz__panel-ic, .smrz__tip-ic, .smrz__promise-ic { font-size: 27px; display: inline-block; margin-bottom: 10px;}.smrz__inbox { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px;}.smrz__inbox-item { background: var(--smrz-paper); border: 2px solid rgba(229,37,33,0.14); border-radius: var(--smrz-radius); padding: 18px 12px; text-align: center; font-size: 13.5px; color: var(--smrz-muted); line-height: 1.5; transition: 0.3s;}.smrz__inbox-item:hover { transform: translateY(-4px); border-color: rgba(251,208,0,0.55);}.smrz__inbox-num { font-weight: 900; font-size: 22px; color: var(--smrz-red); display: block; margin-bottom: 4px;}.smrz__inbox-t { font-weight: 800;}.smrz__stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--smrz-gap); text-align: center;}.smrz__stat { padding: clamp(20px, 3vw, 28px) 12px; border: 2px solid rgba(229,37,33,0.14); border-radius: var(--smrz-radius); background: var(--smrz-paper); transition: 0.3s;}.smrz__stat:hover { transform: translateY(-5px); border-color: rgba(251,208,0,0.55);}.smrz__stat-num { font-weight: 900; font-size: clamp(28px, 4vw, 42px); background: linear-gradient(180deg, var(--smrz-yellow-3), var(--smrz-yellow-2)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; line-height: 1; margin-bottom: 6px;}.smrz__stat-label { font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em;}.smrz__faq { max-width: 1200px; margin: 0 auto; text-align: left;}.smrz__faq details { border: 2px solid rgba(229,37,33,0.14); border-radius: 12px; background: var(--smrz-paper); margin-bottom: 10px; overflow: hidden;}.smrz__faq details[open] { border-color: rgba(251,208,0,0.55); box-shadow: var(--smrz-shadow-sm);}.smrz__faq summary { list-style: none; cursor: pointer; padding: 16px 20px; font-weight: 800; font-size: clamp(15px, 1.8vw, 17px); display: flex; align-items: center; justify-content: space-between; gap: 14px;}.smrz__faq summary::-webkit-details-marker { display: none;}.smrz__faq summary::after { content: \"+\"; font-size: 14px; color: var(--smrz-yellow-2); transition: 0.3s;}.smrz__faq details[open] summary::after { transform: rotate(45deg);}.smrz__faq-body { padding: 0 20px 18px; color: var(--smrz-muted); font-size: 15px; font-weight: 600; line-height: 1.65;}.smrz__gift { position: relative; text-align: center; border-radius: var(--smrz-radius-lg); overflow: hidden; padding: clamp(26px, 4.5vw, 48px) clamp(18px, 4vw, 36px); background: linear-gradient(160deg, #fffdf5, #fff3d0); border: 2px solid rgba(251,208,0,0.4); box-shadow: var(--smrz-shadow-sm);}.smrz__gift-ic { font-size: 38px; margin-bottom: 10px; display: inline-block;}.smrz__gift h2 { font-weight: 900; font-size: clamp(22px, 3.8vw, 34px); margin: 0 0 10px;}.smrz__gift p { max-width: 1200px; margin: 0 auto; color: var(--smrz-text); font-size: clamp(15px, 1.7vw, 18px); font-weight: 600;}.smrz__cta { position: relative; text-align: center; border-radius: var(--smrz-radius-lg); overflow: hidden; padding: clamp(32px, 5.5vw, 60px) clamp(18px, 4vw, 36px); background: radial-gradient(80% 110% at 50% 0%, rgba(251,208,0,0.16), transparent 55%), linear-gradient(155deg, #1a1210, #120e0c); color: var(--smrz-cream); border: 2px solid rgba(251,208,0,0.28); box-shadow: var(--smrz-shadow);}.smrz__cta h2 { position: relative; z-index: 2; font-weight: 900; font-size: clamp(24px, 4.8vw, 44px); margin: 0 0 12px; text-shadow: 0 0 28px rgba(251,208,0,0.28);}.smrz__cta p { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; color: rgba(255,253,245,0.84); font-size: clamp(15px, 1.8vw, 19px); font-weight: 600; font-style: italic;}.smrz__cta-seal { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 12px; margin-top: clamp(20px, 3.5vw, 28px); font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; font-size: clamp(12px, 1.6vw, 14px); color: var(--smrz-yellow); padding: 14px 28px; border: 2px solid rgba(251,208,0,0.45); border-radius: 999px; background: rgba(251,208,0,0.08); cursor: pointer; text-decoration: none; transition: 0.3s;}.smrz__cta-seal:hover { background: rgba(251,208,0,0.2); border-color: var(--smrz-yellow); transform: translateY(-3px) scale(1.02); box-shadow: 0 12px 30px -12px rgba(251,208,0,0.6); color: #fff;}@media (max-width: 900px) { .smrz { font-size: 17px;} }@media (max-width: 600px) { .smrz { padding: 0; font-size: 16.5px;} .smrz__inner { padding: 18px 14px;} .smrz__features, .smrz__variants, .smrz__panels, .smrz__stats, .smrz__trust-strip, .smrz__spec-grid, .smrz__pair, .smrz__grid3, .smrz__care, .smrz__tips, .smrz__promise, .smrz__steps, .smrz__inbox { grid-template-columns: 1fr;} .smrz__title { font-size: clamp(24px, 8vw, 36px);} .smrz__media-rect { aspect-ratio: 16\/9;}}@keyframes smrz-add-pulse { 0% { box-shadow: 0 0 0 0 rgba(251,208,0,0.65);} 70% { box-shadow: 0 0 0 16px rgba(251,208,0,0);} 100% { box-shadow: 0 0 0 0 rgba(251,208,0,0);} }.smrz-add-pulse { animation: smrz-add-pulse 0.9s ease-out 2;}@media (prefers-reduced-motion: reduce) { .smrz * { animation: none !important; transition: none !important;} }\u003c\/style\u003e\u003cdiv class=\"smrz\" lang=\"en\"\u003e\u003cdiv class=\"smrz__sheet\"\u003e\u003cdiv class=\"smrz__inner\"\u003e\n\u003cheader class=\"smrz__hero\"\u003e\u003cdiv class=\"smrz__coins\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"smrz__eyebrow\"\u003eArtisan Collectible\u003c\/span\u003e\u003ch1 class=\"smrz__title\"\u003eSuper Mario Bros.\u003cbr\u003e\u003cspan class=\"smrz__yellow\"\u003eLayered Resin Artisan Keycap\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"smrz__subtitle\"\u003eHand-poured, layer by layer, until a Mushroom Kingdom hero rises right out of the plastic. A single artisan keycap built for fans who notice the details everyone else walks past.\u003c\/p\u003e\n\u003cdiv class=\"smrz__hero-rule\"\u003e\u003cspan\u003e★ 🍄 ★\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"smrz__badges\"\u003e\n\u003cspan class=\"smrz__badge\"\u003e\u003cspan\u003e🎨\u003c\/span\u003e\u003cspan\u003eLayered Resin\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"smrz__badge\"\u003e\u003cspan\u003e🎮\u003c\/span\u003e\u003cspan\u003e4 Characters\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"smrz__badge\"\u003e\u003cspan\u003e⌨️\u003c\/span\u003e\u003cspan\u003eESC-Sized Fit\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"smrz__badge\"\u003e\u003cspan\u003e🔗\u003c\/span\u003e\u003cspan\u003eCross-Stem Compatible\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/header\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__media-full\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN01TZogE01UF69eOJtcX__2606162487.jpg_q50.jpg_92cbee4b-0a5f-4d4f-997a-1bb67acc9949.webp?v=1780672893\" alt=\"Super Mario Bros. Layered Resin Artisan Keycap hero shot\" loading=\"eager\" width=\"350\" height=\"350\"\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__head\"\u003e\n\u003cdiv class=\"smrz__kicker\"\u003eThe Mushroom Kingdom, In Your Hand\u003c\/div\u003e\n\u003ch2 class=\"smrz__h2\"\u003eOne Keycap. Four Legends. Endless Detail.\u003c\/h2\u003e\n\u003cdiv class=\"smrz__divider\"\u003e\n\u003cspan class=\"smrz__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__prose\"\u003e\n\u003cp\u003eThis is not a printed novelty cap. The \u003cstrong\u003eSuper Mario Bros. Layered Resin Artisan Keycap\u003c\/strong\u003e is hand-built using a layered drip-resin technique — tiny pours of tinted resin stacked and cured one at a time until a character emerges with real depth, shading and dimension instead of a flat sticker-like image.\u003c\/p\u003e\n\u003cp\u003eChoose your hero: \u003cstrong\u003eMario\u003c\/strong\u003e, \u003cstrong\u003eLuigi\u003c\/strong\u003e, \u003cstrong\u003eYoshi\u003c\/strong\u003e or \u003cstrong\u003ePrincess Peach\u003c\/strong\u003e — each sold as an individual artisan piece, sized to sit perfectly on an \u003cstrong\u003eESC key\u003c\/strong\u003e or any other key on your board, mounted on a standard cross-stem base.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__trust-strip\"\u003e\n\u003cdiv class=\"smrz__trust-item\"\u003e\n\u003cdiv class=\"smrz__trust-ic\"\u003e🎨\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"smrz__trust-t\"\u003eHand-Layered Resin\u003c\/div\u003e\n\u003cdiv class=\"smrz__trust-s\"\u003eBuilt up in stages, not printed\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__trust-item\"\u003e\n\u003cdiv class=\"smrz__trust-ic\"\u003e📦\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"smrz__trust-t\"\u003eCarefully Packed\u003c\/div\u003e\n\u003cdiv class=\"smrz__trust-s\"\u003eSecure, pristine delivery\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__trust-item\"\u003e\n\u003cdiv class=\"smrz__trust-ic\"\u003e💬\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"smrz__trust-t\"\u003eFriendly Support\u003c\/div\u003e\n\u003cdiv class=\"smrz__trust-s\"\u003eReal answers, real fast\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__head\"\u003e\n\u003cdiv class=\"smrz__kicker\"\u003eWhy You'll Love It\u003c\/div\u003e\n\u003ch2 class=\"smrz__h2\"\u003eKey Features\u003c\/h2\u003e\n\u003cdiv class=\"smrz__divider\"\u003e\n\u003cspan class=\"smrz__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__features\"\u003e\n\u003carticle class=\"smrz__feature\"\u003e\u003cdiv class=\"smrz__feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003ch3\u003eLayered Resin Build\u003c\/h3\u003e\n\u003cp\u003eHand-poured layers of tinted resin, each cured before the next is added, for real depth instead of a flat printed surface.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__feature\"\u003e\u003cdiv class=\"smrz__feature-icon\"\u003e🍄\u003c\/div\u003e\n\u003ch3\u003eFour Iconic Characters\u003c\/h3\u003e\n\u003cp\u003eMario, Luigi, Yoshi or Princess Peach — pick the hero for your desk, or collect the whole crew one switch at a time.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__feature\"\u003e\u003cdiv class=\"smrz__feature-icon\"\u003e⌨️\u003c\/div\u003e\n\u003ch3\u003eESC-Sized, Goes Anywhere\u003c\/h3\u003e\n\u003cp\u003eSized to sit beautifully on your ESC key, but works just as well on any standard-size key on your board.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__feature\"\u003e\u003cdiv class=\"smrz__feature-icon\"\u003e🔗\u003c\/div\u003e\n\u003ch3\u003eCross-Stem Compatible\u003c\/h3\u003e\n\u003cp\u003eBuilt on a standard MX-style cross stem — fits Cherry MX, Gateron, Kailh and most MX-style switches.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__feature\"\u003e\u003cdiv class=\"smrz__feature-icon\"\u003e🏆\u003c\/div\u003e\n\u003ch3\u003eTrue Artisan Piece\u003c\/h3\u003e\n\u003cp\u003eHand-finished and individually inspected — not stamped out by the thousand. Every cap is a small collector's item.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__feature\"\u003e\u003cdiv class=\"smrz__feature-icon\"\u003e🎁\u003c\/div\u003e\n\u003ch3\u003eGift-Ready Detail\u003c\/h3\u003e\n\u003cp\u003eCompact, characterful and instantly recognisable — the kind of small gift that gets picked up and looked at twice.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__pair\"\u003e\n\u003cdiv class=\"smrz__pair-img\"\u003e\n\u003cspan class=\"smrz__img-label\"\u003eResin Detail\u003c\/span\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN010sIe1L1UF69hDqe7w__2606162487.png_q50.jpg_52c0cc24-40a1-4a11-89dc-86720f3eca96.webp?v=1780672894\" alt=\"Layered resin close-up detail\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__pair-img\"\u003e\n\u003cspan class=\"smrz__img-label\"\u003eOn the Switch\u003c\/span\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN01cZ42M81UF69heL8V9__2606162487.png_q50.jpg_3f9c957b-e43e-4ef8-adec-5c3f779fc68d.webp?v=1780672894\" alt=\"Keycap mounted on a mechanical switch\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__spotlight\"\u003e\n\u003cdiv class=\"smrz__kicker\"\u003eThe Signature Technique\u003c\/div\u003e\n\u003ch2\u003eBuilt in Layers. Not Printed on Top.\u003c\/h2\u003e\n\u003cp\u003eMost novelty keycaps print a flat image and call it a day. This one is different — each character is formed by pouring small amounts of tinted resin in stages, letting each layer set before the next colour goes on, the same patient technique used by diorama artists. The result is a cap with real depth: shading that sits inside the plastic, and a glassy finish that catches the light from every angle.\u003c\/p\u003e\n\u003cdiv class=\"smrz__spec-grid\"\u003e\n\u003cdiv class=\"smrz__spec\"\u003e\n\u003cdiv class=\"smrz__spec-k\"\u003eTechnique\u003c\/div\u003e\n\u003cdiv class=\"smrz__spec-v\"\u003eLayered Drip Resin\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__spec\"\u003e\n\u003cdiv class=\"smrz__spec-k\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"smrz__spec-v\"\u003eResin + PBT Base\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__spec\"\u003e\n\u003cdiv class=\"smrz__spec-k\"\u003eModel\u003c\/div\u003e\n\u003cdiv class=\"smrz__spec-v\"\u003eSuper Mario Bros.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__spec\"\u003e\n\u003cdiv class=\"smrz__spec-k\"\u003eMount\u003c\/div\u003e\n\u003cdiv class=\"smrz__spec-v\"\u003eCross Stem (MX-Style)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__spec\"\u003e\n\u003cdiv class=\"smrz__spec-k\"\u003eFit\u003c\/div\u003e\n\u003cdiv class=\"smrz__spec-v\"\u003eESC Key \u0026amp; Standard Keys\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__spec\"\u003e\n\u003cdiv class=\"smrz__spec-k\"\u003eBacklit\u003c\/div\u003e\n\u003cdiv class=\"smrz__spec-v\"\u003eNon-Backlit\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__head\"\u003e\n\u003cdiv class=\"smrz__kicker\"\u003eChoose Your Hero\u003c\/div\u003e\n\u003ch2 class=\"smrz__h2\"\u003eFour Layered-Resin Editions\u003c\/h2\u003e\n\u003cp class=\"smrz__lead\"\u003eEach character is sold individually. One switch, one hero, one story.\u003c\/p\u003e\n\u003cdiv class=\"smrz__divider\"\u003e\n\u003cspan class=\"smrz__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__variants\"\u003e\n\u003carticle class=\"smrz__variant smrz__variant--red\"\u003e\u003cdiv class=\"smrz__variant-glyph\"\u003e🍄\u003c\/div\u003e\n\u003ch3\u003eMario\u003c\/h3\u003e\n\u003cspan class=\"smrz__variant-tag\"\u003eLayered Resin Edition\u003c\/span\u003e\u003cp\u003eThe original plumber-turned-hero, captured mid-leap in rich red and blue layered resin.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__variant smrz__variant--green\"\u003e\u003cdiv class=\"smrz__variant-glyph\"\u003e👨🔧\u003c\/div\u003e\n\u003ch3\u003eLuigi\u003c\/h3\u003e\n\u003cspan class=\"smrz__variant-tag\"\u003eLayered Resin Edition\u003c\/span\u003e\u003cp\u003eMario's taller, greener brother — built up in deep emerald layers with the same careful detail.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__variant smrz__variant--yellow\"\u003e\u003cdiv class=\"smrz__variant-glyph\"\u003e🦖\u003c\/div\u003e\n\u003ch3\u003eYoshi\u003c\/h3\u003e\n\u003cspan class=\"smrz__variant-tag\"\u003eLayered Resin Edition\u003c\/span\u003e\u003cp\u003eThe loyal dino sidekick, rendered in bright layered green with a saddle of warm orange detail.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__variant smrz__variant--pink\"\u003e\u003cdiv class=\"smrz__variant-glyph\"\u003e👑\u003c\/div\u003e\n\u003ch3\u003ePrincess Peach\u003c\/h3\u003e\n\u003cspan class=\"smrz__variant-tag\"\u003eLayered Resin Edition\u003c\/span\u003e\u003cp\u003eThe ruler of the Mushroom Kingdom herself, poured in soft pink and gold resin layers.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__head\"\u003e\n\u003cdiv class=\"smrz__kicker\"\u003eFirst Look\u003c\/div\u003e\n\u003ch2 class=\"smrz__h2\"\u003eCrafted Down to the Last Drop\u003c\/h2\u003e\n\u003cdiv class=\"smrz__divider\"\u003e\n\u003cspan class=\"smrz__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__grid3\"\u003e\n\u003cdiv class=\"smrz__pair-img\"\u003e\n\u003cspan class=\"smrz__img-label\"\u003eAngled View\u003c\/span\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN019bM6st1UF69j3kK2X__2606162487.png_q50.jpg_01b7d0ef-e2fd-4e5e-b31f-f73176a8dfb5.webp?v=1780672894\" alt=\"Angled view showing resin depth\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__pair-img\"\u003e\n\u003cspan class=\"smrz__img-label\"\u003eTop View\u003c\/span\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN015jXiho1UF69j3iyty__2606162487.png_q50.jpg_2eb13697-eba2-426b-a7e6-2960e8472834.webp?v=1780672893\" alt=\"Top-down character detail\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__pair-img\"\u003e\n\u003cspan class=\"smrz__img-label\"\u003eScale\u003c\/span\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN01TZogE01UF69eOJtcX__2606162487.jpg_q50.jpg_92cbee4b-0a5f-4d4f-997a-1bb67acc9949.webp?v=1780672893\" alt=\"Scale reference on keyboard\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__media-rect\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN010sIe1L1UF69hDqe7w__2606162487.png_q50.jpg_52c0cc24-40a1-4a11-89dc-86720f3eca96.webp?v=1780672894\" alt=\"Wide lifestyle desk view\" loading=\"lazy\"\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__head\"\u003e\n\u003cdiv class=\"smrz__kicker\"\u003eThe Details\u003c\/div\u003e\n\u003ch2 class=\"smrz__h2\"\u003eFull Specifications\u003c\/h2\u003e\n\u003cdiv class=\"smrz__divider\"\u003e\n\u003cspan class=\"smrz__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__table-wrap\"\u003e\u003ctable class=\"smrz__table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eProduct Type\u003c\/th\u003e\n\u003ctd\u003eArtisan Keycap — Single Piece\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eModel\u003c\/th\u003e\n\u003ctd\u003eSuper Mario Bros.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003eResin (character top) + PBT base\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eBuild Technique\u003c\/th\u003e\n\u003ctd\u003eHand-Layered Drip Resin\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eStem Type\u003c\/th\u003e\n\u003ctd\u003eCross Stem (MX-Style)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eRecommended Position\u003c\/th\u003e\n\u003ctd\u003eESC key (fits standard-size keys)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eBacklit Compatible\u003c\/th\u003e\n\u003ctd\u003eNo — opaque resin construction\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eAvailable Characters\u003c\/th\u003e\n\u003ctd\u003eMario · Luigi · Yoshi · Princess Peach\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\u003ctr\u003e\n\u003cth\u003eSold As\u003c\/th\u003e\n\u003ctd\u003eIndividual keycap (one piece per order)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n\u003cdiv class=\"smrz__alert\"\u003e\n\u003cspan class=\"smrz__alert-ic\"\u003e⚠️\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eKeycap only.\u003c\/strong\u003e This listing is for a single artisan keycap. The keyboard, switches and any other items shown in the photos are for display purposes only and are not included. Works only with standard MX-style cross-stem mechanical switches — not membrane, scissor, or low-profile keyboards.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__head\"\u003e\n\u003cdiv class=\"smrz__kicker\"\u003eEasy Setup\u003c\/div\u003e\n\u003ch2 class=\"smrz__h2\"\u003eInstall in Three Steps\u003c\/h2\u003e\n\u003cp class=\"smrz__lead\"\u003eNo tools beyond a standard keycap puller. Done in seconds.\u003c\/p\u003e\n\u003cdiv class=\"smrz__divider\"\u003e\n\u003cspan class=\"smrz__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__steps\"\u003e\n\u003carticle class=\"smrz__step\"\u003e\u003cdiv class=\"smrz__step-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003ePull the Old Cap\u003c\/h4\u003e\n\u003cp\u003eSlide a wire keycap puller over your current ESC cap (or whichever key you've chosen) and lift it straight up.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__step\"\u003e\u003cdiv class=\"smrz__step-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eLine It Up\u003c\/h4\u003e\n\u003cp\u003eHold the new resin keycap so the character faces forward, and centre it over the exposed switch stem.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__step\"\u003e\u003cdiv class=\"smrz__step-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003ePress Into Place\u003c\/h4\u003e\n\u003cp\u003ePress down gently and evenly until the cap clicks securely onto the cross stem. Power-up complete.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__head\"\u003e\n\u003cdiv class=\"smrz__kicker\"\u003ePackage Contents\u003c\/div\u003e\n\u003ch2 class=\"smrz__h2\"\u003eWhat's in the Box\u003c\/h2\u003e\n\u003cdiv class=\"smrz__divider\"\u003e\n\u003cspan class=\"smrz__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__inbox\"\u003e\n\u003cdiv class=\"smrz__inbox-item\"\u003e\n\u003cspan class=\"smrz__inbox-num\"\u003e1×\u003c\/span\u003e\u003cspan class=\"smrz__inbox-t\"\u003eResin Artisan Keycap\u003c\/span\u003e\u003cbr\u003eYour chosen character\u003c\/div\u003e\n\u003cdiv class=\"smrz__inbox-item\"\u003e\n\u003cspan class=\"smrz__inbox-num\"\u003e1\u003c\/span\u003e\u003cspan class=\"smrz__inbox-t\"\u003eCross Stem Mount\u003c\/span\u003e\u003cbr\u003eReady to install\u003c\/div\u003e\n\u003cdiv class=\"smrz__inbox-item\"\u003e\n\u003cspan class=\"smrz__inbox-num\"\u003e✓\u003c\/span\u003e\u003cspan class=\"smrz__inbox-t\"\u003eProtective Packaging\u003c\/span\u003e\u003cbr\u003eDamage-free delivery\u003c\/div\u003e\n\u003cdiv class=\"smrz__inbox-item\"\u003e\n\u003cspan class=\"smrz__inbox-num\"\u003e🎁\u003c\/span\u003e\u003cspan class=\"smrz__inbox-t\"\u003eGift-Ready Look\u003c\/span\u003e\u003cbr\u003eSmall box, big smile\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__head\"\u003e\n\u003cdiv class=\"smrz__kicker\"\u003eKeep It Looking Sharp\u003c\/div\u003e\n\u003ch2 class=\"smrz__h2\"\u003eCare \u0026amp; Keeping\u003c\/h2\u003e\n\u003cdiv class=\"smrz__divider\"\u003e\n\u003cspan class=\"smrz__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__care\"\u003e\n\u003carticle class=\"smrz__care-card\"\u003e\u003cdiv class=\"smrz__care-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eGentle Dusting\u003c\/h4\u003e\n\u003cp\u003eWipe with a soft, dry or barely damp cloth to keep the glossy resin top free of dust and fingerprints.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__care-card\"\u003e\u003cdiv class=\"smrz__care-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eAvoid Harsh Chemicals\u003c\/h4\u003e\n\u003cp\u003eSkip solvents, alcohol wipes and abrasive cleaners — they can dull or cloud the cured resin surface.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__care-card\"\u003e\u003cdiv class=\"smrz__care-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eUse a Puller\u003c\/h4\u003e\n\u003cp\u003eAlways remove the cap with a wire keycap puller rather than prying with your fingernail.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__care-card\"\u003e\u003cdiv class=\"smrz__care-num\"\u003e04\u003c\/div\u003e\n\u003ch4\u003eKeep Out of Direct Sun\u003c\/h4\u003e\n\u003cp\u003eProlonged direct sunlight can yellow resin over time — keep your board out of harsh UV exposure.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__head\"\u003e\n\u003cdiv class=\"smrz__kicker\"\u003eAt a Glance\u003c\/div\u003e\n\u003ch2 class=\"smrz__h2\"\u003eWhy Collectors Love It\u003c\/h2\u003e\n\u003cdiv class=\"smrz__divider\"\u003e\n\u003cspan class=\"smrz__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__stats\"\u003e\n\u003cdiv class=\"smrz__stat\"\u003e\n\u003cdiv class=\"smrz__stat-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"smrz__stat-label\"\u003eCharacters\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__stat\"\u003e\n\u003cdiv class=\"smrz__stat-num\"\u003e1×1\u003c\/div\u003e\n\u003cdiv class=\"smrz__stat-label\"\u003eStandard Key Size\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__stat\"\u003e\n\u003cdiv class=\"smrz__stat-num\"\u003eMX\u003c\/div\u003e\n\u003cdiv class=\"smrz__stat-label\"\u003eCompatible\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__stat\"\u003e\n\u003cdiv class=\"smrz__stat-num\"\u003e∞\u003c\/div\u003e\n\u003cdiv class=\"smrz__stat-label\"\u003eDesk Personality\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__media-full\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN01cZ42M81UF69heL8V9__2606162487.png_q50.jpg_3f9c957b-e43e-4ef8-adec-5c3f779fc68d.webp?v=1780672894\" alt=\"Full character collection lifestyle\" loading=\"lazy\"\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__head\"\u003e\n\u003cdiv class=\"smrz__kicker\"\u003eMade For\u003c\/div\u003e\n\u003ch2 class=\"smrz__h2\"\u003eWho Will Love This Keycap\u003c\/h2\u003e\n\u003cp class=\"smrz__lead\"\u003eIf any of these sound like you, this little hero belongs on your desk.\u003c\/p\u003e\n\u003cdiv class=\"smrz__divider\"\u003e\n\u003cspan class=\"smrz__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__tips\"\u003e\n\u003carticle class=\"smrz__tip\"\u003e\u003cspan class=\"smrz__tip-ic\"\u003e🍄\u003c\/span\u003e\u003ch4\u003eLifelong Mario Fans\u003c\/h4\u003e\n\u003cp\u003eAnyone who grew up jumping on Goombas and still smiles at the sight of the Mushroom Kingdom crew.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__tip\"\u003e\u003cspan class=\"smrz__tip-ic\"\u003e⌨️\u003c\/span\u003e\u003ch4\u003eArtisan Keycap Collectors\u003c\/h4\u003e\n\u003cp\u003eEnthusiasts who appreciate hand-built craft and genuine resin depth over mass-printed novelty caps.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__tip\"\u003e\u003cspan class=\"smrz__tip-ic\"\u003e🎮\u003c\/span\u003e\u003ch4\u003eRetro Gaming Decor Lovers\u003c\/h4\u003e\n\u003cp\u003eBuilders adding small, characterful details to a retro-gaming or arcade-inspired desk setup.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__tip\"\u003e\u003cspan class=\"smrz__tip-ic\"\u003e🎁\u003c\/span\u003e\u003ch4\u003eGift Givers\u003c\/h4\u003e\n\u003cp\u003eA small, instantly recognisable present for the keyboard fan or Nintendo lover in your life.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__head\"\u003e\n\u003cdiv class=\"smrz__kicker\"\u003eQuestions?\u003c\/div\u003e\n\u003ch2 class=\"smrz__h2\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdiv class=\"smrz__divider\"\u003e\n\u003cspan class=\"smrz__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__faq\"\u003e\n\u003cdetails open=\"\"\u003e\u003csummary\u003eWhat does \"layered resin\" actually mean?\u003c\/summary\u003e\u003cdiv class=\"smrz__faq-body\"\u003eInstead of printing a flat image onto the cap, the character is built by pouring small amounts of tinted resin in stages, letting each layer cure before adding the next. This gives the artwork real physical depth and a glassy finish rather than a flat printed surface.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eWill it fit my switches?\u003c\/summary\u003e\u003cdiv class=\"smrz__faq-body\"\u003eIt uses a standard cross stem and fits Cherry MX, Gateron, Kailh and most MX-compatible switches. If you're unsure about your board, message us with your keyboard model and we'll confirm before you order.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eCan I buy all four characters together?\u003c\/summary\u003e\u003cdiv class=\"smrz__faq-body\"\u003eEach character — Mario, Luigi, Yoshi and Princess Peach — is listed and sold individually. To collect the full crew, simply add each character to your cart separately.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eIs it compatible with RGB \/ backlit keyboards?\u003c\/summary\u003e\u003cdiv class=\"smrz__faq-body\"\u003eThe keycap is made from opaque, tinted resin and does not let RGB light shine through — backlit compatible: No. It still fits physically on any MX board, but the RGB effect is blocked underneath the cap.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eWhich key should I put it on?\u003c\/summary\u003e\u003cdiv class=\"smrz__faq-body\"\u003eIt's sized to sit beautifully on a standard ESC key, the most popular spot for artisan keycaps, but it fits any standard-size 1×1 key on your board.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eIs this an official Nintendo \/ Mario product?\u003c\/summary\u003e\u003cdiv class=\"smrz__faq-body\"\u003eThis is a third-party artisan keycap inspired by the Super Mario Bros. universe. It is not an officially licensed Nintendo product and is sold as a fan-made collectible accessory.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eHow do I install or remove it?\u003c\/summary\u003e\u003cdiv class=\"smrz__faq-body\"\u003ePress the cap down over the cross stem of your chosen key until it clicks into place. To remove it, use a wire keycap puller rather than prying with your fingers.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eWill the resin yellow or fade over time?\u003c\/summary\u003e\u003cdiv class=\"smrz__faq-body\"\u003eHigh-quality resin can discolour with prolonged, constant direct UV exposure. Keep your board out of harsh, continuous sunlight to preserve the clarity and colour of the resin.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eIs the keyboard included?\u003c\/summary\u003e\u003cdiv class=\"smrz__faq-body\"\u003eNo — this listing is for the keycap only. The keyboard, switches and any props shown in the photos are for display purposes and are not included in your purchase.\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__head\"\u003e\n\u003cdiv class=\"smrz__kicker\"\u003eThe Experience\u003c\/div\u003e\n\u003ch2 class=\"smrz__h2\"\u003eLook \u0026amp; Feel\u003c\/h2\u003e\n\u003cp class=\"smrz__lead\"\u003eMore than a picture — the layered resin changes how the cap catches light and feels under your finger.\u003c\/p\u003e\n\u003cdiv class=\"smrz__divider\"\u003e\n\u003cspan class=\"smrz__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__panels\"\u003e\n\u003carticle class=\"smrz__panel\"\u003e\u003cspan class=\"smrz__panel-ic\"\u003e✨\u003c\/span\u003e\u003ch3\u003eA Glossy, Dimensional Surface\u003c\/h3\u003e\n\u003cp\u003eThe cured resin top has a smooth, glass-like finish that sits proud of the cap, giving the character genuine height and shadow rather than a flat printed look.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__panel\"\u003e\u003cspan class=\"smrz__panel-ic\"\u003e🤚\u003c\/span\u003e\u003ch3\u003eA Solid, Premium Touch\u003c\/h3\u003e\n\u003cp\u003eThe resin top adds a touch of weight and rigidity compared to a standard plastic cap, so it feels every bit as substantial as it looks.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__head\"\u003e\n\u003cdiv class=\"smrz__kicker\"\u003eShop With Confidence\u003c\/div\u003e\n\u003ch2 class=\"smrz__h2\"\u003eOur Promise to You\u003c\/h2\u003e\n\u003cdiv class=\"smrz__divider\"\u003e\n\u003cspan class=\"smrz__diamond\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smrz__promise\"\u003e\n\u003carticle class=\"smrz__promise-card\"\u003e\u003cspan class=\"smrz__promise-ic\"\u003e📦\u003c\/span\u003e\u003ch4\u003eCarefully Packed\u003c\/h4\u003e\n\u003cp\u003eEvery keycap ships in protective packaging so the resin arrives in perfect, scratch-free condition.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__promise-card\"\u003e\u003cspan class=\"smrz__promise-ic\"\u003e🔍\u003c\/span\u003e\u003ch4\u003eQuality Checked\u003c\/h4\u003e\n\u003cp\u003eEach piece is inspected for clean, even layering and a smooth, glassy cured finish before it ships.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__promise-card\"\u003e\u003cspan class=\"smrz__promise-ic\"\u003e💬\u003c\/span\u003e\u003ch4\u003eFriendly Support\u003c\/h4\u003e\n\u003cp\u003eQuestions about fit, character options or your order? Reach out any time and a real person will help.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"smrz__promise-card\"\u003e\u003cspan class=\"smrz__promise-ic\"\u003e🍄\u003c\/span\u003e\u003ch4\u003eMade for Fans\u003c\/h4\u003e\n\u003cp\u003eDesigned for people who love a desk with character — one small, hand-crafted detail at a time.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__gift\"\u003e\n\u003cspan class=\"smrz__gift-ic\"\u003e🎁\u003c\/span\u003e\u003ch2\u003eThe Perfect Gift for Any Gamer\u003c\/h2\u003e\n\u003cp\u003eSmall, collectible and genuinely surprising up close — a hand-layered resin keycap is the kind of gift that gets picked up, turned over and admired before it even reaches the keyboard.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"smrz__section\"\u003e\u003cdiv class=\"smrz__cta\"\u003e\n\u003cdiv class=\"smrz__coins\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch2\u003ePower Up Your Setup Today\u003c\/h2\u003e\n\u003cp\u003eFour heroes. One layered-resin technique. Zero reasons to wait.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cp\u003e \u003c\/p\u003e\u003c!-- END SUPER MARIO BROS. LAYERED RESIN ARTISAN KEYCAP DESCRIPTION --\u003e","brand":"Rolipan","offers":[{"title":"Mario","offer_id":49406846337239,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true},{"title":"Luigi","offer_id":49406846370007,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true},{"title":"Yoshi","offer_id":49406846402775,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true},{"title":"Princess Peach","offer_id":49406846435543,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/super-mario-bros-layered-resin-artisan-keycap-7410874.webp?v=1783490369"},{"product_id":"fox-forest-friends-theme-keycap-set","title":"Fox Forest Friends Theme Keycap Set","description":"\u003c!-- ================================================================= --\u003e\u003c!-- RED FOX FOREST FRIENDS — KEYCAP SET PRODUCT DESCRIPTION --\u003e\u003c!-- ----------------------------------------------------------------- --\u003e\u003c!-- Paste into Shopify product editor \"\u003c\u003e\" (Show HTML) view. --\u003e\u003c!-- • Varied image placement (full-width · grids · pairs · split) --\u003e\u003c!-- • Styles scoped under .panda (safe alongside your theme) --\u003e\u003c!-- • lang=\"en\" — uppercase \"i\" renders as \"I\" --\u003e\u003c!-- • Hover effects on every card, image and special text --\u003e\u003c!-- • Closing seal scrolls to Add to Cart --\u003e\u003c!-- • Fully responsive · Mobile · Tablet · Desktop --\u003e\u003c!-- • All content max-widths: 1200px minimum --\u003e\u003c!-- ================================================================= --\u003e\u003cstyle\u003e@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;0,9..144,900;1,9..144,400\u0026family=Inter:wght@400;500;600;700;800\u0026display=swap');.panda { --pd-terracotta: #c1714f; --pd-terracotta-d: #8f4f35; --pd-terracotta-s: #e0a585; --pd-sage: #8a9a76; --pd-sage-2: #b3c19a; --pd-cream: #f5ecd9; --pd-cream-2: #ede0c4; --pd-paper: #fbf6ea; --pd-mustard: #d8a850; --pd-mustard-d: #a9772f; --pd-brown: #5a3c2e; --pd-brown-deep: #3c2a20; --pd-ink: #2e231b; --pd-text: #4f4032; --pd-muted: #80715f; --pd-line: rgba(90,60,46,0.18); --pd-line-soft: rgba(90,60,46,0.10); --pd-shadow: 0 20px 52px -20px rgba(46,35,27,0.45); --pd-shadow-sm: 0 10px 26px -12px rgba(46,35,27,0.32); --pd-glow: 0 0 26px rgba(216,168,80,0.4); --pd-display: 'Fraunces', Georgia, 'Times New Roman', serif; --pd-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; --pd-radius: 16px; --pd-radius-lg: 22px; --pd-maxw: 1280px; --pd-gap: clamp(14px, 2.2vw, 22px); --pd-section: clamp(44px, 7vw, 80px); font-family: var(--pd-body); color: var(--pd-ink); line-height: 1.7; font-size: 18px; max-width: var(--pd-maxw); margin: 0 auto; padding: 0 4px; text-align: center; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; box-sizing: border-box;}.panda *, .panda *::before, .panda *::after { box-sizing: border-box; }.panda p { margin: 0 0 1em; font-size: clamp(15px, 1.6vw, 17.5px); }.panda p:last-child { margin-bottom: 0; }.panda strong { font-weight: 700; color: var(--pd-ink); }.panda h1, .panda h2, .panda h3, .panda h4 { margin: 0; line-height: 1.18; }.panda__sheet { position: relative; background: radial-gradient(120% 80% at 50% -10%, rgba(216,168,80,0.10), transparent 55%), linear-gradient(180deg, #fbf6ea 0%, #f5ecd9 50%, #ede0c4 100%); border: 1px solid var(--pd-line); border-radius: var(--pd-radius-lg); overflow: hidden; box-shadow: var(--pd-shadow);}.panda__sheet::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: 0.5; background-image: radial-gradient(rgba(90,60,46,0.05) 1px, transparent 1px), radial-gradient(rgba(138,154,118,0.05) 1px, transparent 1px); background-size: 22px 22px, 34px 34px; background-position: 0 0, 11px 17px; mix-blend-mode: multiply;}.panda__inner { position: relative; z-index: 1; padding: clamp(20px, 4.5vw, 52px); }.panda__hero { position: relative; text-align: center; padding: clamp(28px, 5vw, 54px) clamp(10px, 3vw, 36px) clamp(30px, 5vw, 54px); border-radius: var(--pd-radius); background: radial-gradient(85% 110% at 50% 0%, rgba(216,168,80,0.16), transparent 60%), linear-gradient(160deg, #5a3c2e 0%, #3c2a20 60%, #5a3c2e 100%); color: var(--pd-cream); overflow: hidden; border: 1px solid rgba(216,168,80,0.3); box-shadow: inset 0 0 60px rgba(0,0,0,0.4), var(--pd-shadow);}.panda__sparkle { position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(1.5px 1.5px at 12% 22%, rgba(217,189,126,0.85), transparent), radial-gradient(1.2px 1.2px at 80% 18%, rgba(217,189,126,0.65), transparent), radial-gradient(1.6px 1.6px at 34% 72%, rgba(217,189,126,0.8), transparent), radial-gradient(1.1px 1.1px at 66% 60%, rgba(217,189,126,0.55), transparent), radial-gradient(1.4px 1.4px at 90% 80%, rgba(217,189,126,0.65), transparent), radial-gradient(1.2px 1.2px at 22% 88%, rgba(217,189,126,0.55), transparent); animation: pd-twinkle 6s ease-in-out infinite alternate;}@keyframes pd-twinkle { 0% { opacity: 0.5; } 100% { opacity: 1; } }.panda__eyebrow { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 10px; font-family: var(--pd-body); font-weight: 700; letter-spacing: 0.26em; text-transform: uppercase; font-size: clamp(10px, 1.4vw, 12px); color: var(--pd-mustard); padding: 9px 18px; border: 1px solid rgba(216,168,80,0.45); border-radius: 999px; background: rgba(216,168,80,0.10); margin-bottom: 8px; transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;}.panda__eyebrow::before, .panda__eyebrow::after { content: \"🍂\"; font-size: 12px; }.panda__eyebrow:hover { transform: translateY(-2px) scale(1.03); background: rgba(216,168,80,0.18); box-shadow: var(--pd-glow); }.panda__title { position: relative; z-index: 2; font-family: var(--pd-display); font-weight: 900; line-height: 1.05; margin: clamp(28px, 4vw, 42px) 0 0; font-size: clamp(28px, 5.4vw, 54px); color: var(--pd-cream); text-shadow: 0 2px 0 rgba(0,0,0,0.3), 0 0 30px rgba(216,168,80,0.22);}.panda__title .panda__accent { font-style: italic; background: linear-gradient(180deg, #e6c583 0%, #d8a850 55%, #a9772f 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}.panda__subtitle { position: relative; z-index: 2; text-align: center; font-size: clamp(15px, 2vw, 20px); color: rgba(245,236,217,0.85); max-width: 1200px; margin: clamp(16px, 3vw, 24px) auto 0; font-style: italic;}.panda__hero-rule { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 14px; margin: clamp(20px, 4vw, 30px) auto 0; max-width: 1200px; color: var(--pd-mustard);}.panda__hero-rule::before, .panda__hero-rule::after { content: \"\"; height: 1px; flex: 1; background: linear-gradient(90deg, transparent, var(--pd-mustard), transparent); }.panda__hero-rule span { font-size: 14px; letter-spacing: 0.2em; }.panda__badges { position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: clamp(22px, 4vw, 30px); }.panda__badge { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: clamp(11px, 1.4vw, 13px); letter-spacing: 0.04em; color: var(--pd-cream); padding: 10px 16px; border-radius: 999px; border: 1px solid rgba(216,168,80,0.32); background: rgba(245,236,217,0.05); transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;}.panda__badge span:first-child { font-size: 15px; }.panda__badge:hover { transform: translateY(-3px); background: rgba(216,168,80,0.16); border-color: var(--pd-mustard); box-shadow: var(--pd-glow); }.panda__section { margin-top: var(--pd-section); }.panda__head { text-align: center; margin-bottom: clamp(26px, 4vw, 40px); }.panda__kicker { display: flex; align-items: center; justify-content: center; gap: 12px; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; font-size: clamp(10px, 1.4vw, 12px); color: var(--pd-mustard-d); margin-bottom: 12px;}.panda__kicker::before, .panda__kicker::after { content: \"❧\"; color: var(--pd-mustard); font-size: 13px; }.panda__h2 { font-family: var(--pd-display); font-weight: 900; text-align: center; font-size: clamp(25px, 4.4vw, 40px); line-height: 1.12; margin: 0 auto 12px; color: var(--pd-ink); max-width: 1200px; transition: text-shadow 0.4s ease;}.panda__h2:hover { text-shadow: 0 0 22px rgba(216,168,80,0.32); }.panda__h2 em { font-style: italic; color: var(--pd-terracotta); }.panda__lead { text-align: center; max-width: 1200px; margin: 0 auto; color: var(--pd-text); font-size: clamp(15px, 1.7vw, 18px); }.panda__divider { display: flex; align-items: center; justify-content: center; gap: 16px; margin: clamp(16px, 3vw, 22px) auto 0; max-width: 1200px; color: var(--pd-mustard);}.panda__divider::before, .panda__divider::after { content: \"\"; height: 1px; flex: 1; background: linear-gradient(90deg, transparent, var(--pd-mustard-d), transparent); }.panda__leaf { font-size: 14px; transition: transform 0.4s ease; }.panda__divider:hover .panda__leaf { transform: rotate(20deg) scale(1.2); }.panda__prose { max-width: 1200px; margin: 0 auto; text-align: center; }.panda__prose p { color: var(--pd-text); margin: 0 auto 1.1em; }.panda__prose p:last-child { margin-bottom: 0; }.panda__media-full { width: 100%; border-radius: var(--pd-radius); overflow: hidden; border: 1px solid var(--pd-line); box-shadow: var(--pd-shadow-sm); line-height: 0; background: var(--pd-paper); transition: transform 0.4s ease, box-shadow 0.4s ease;}.panda__media-full:hover { transform: translateY(-4px); box-shadow: var(--pd-shadow); }.panda__media-full img { width: 100%; display: block; height: auto; transition: transform 0.6s ease; }.panda__media-full:hover img { transform: scale(1.03); }.panda__hero-banner { aspect-ratio: 30 \/ 7; }.panda__hero-banner img { width: 100%; height: 100%; object-fit: cover; object-position: center 72%; display: block; transition: transform 0.6s ease; }@media (max-width: 600px) { .panda__hero-banner { aspect-ratio: 16 \/ 9; } }.panda__media-rect.panda__hero-banner { aspect-ratio: 30 \/ 7; }@media (max-width: 600px) { .panda__media-rect.panda__hero-banner { aspect-ratio: 16 \/ 9; } }.panda__grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(12px, 1.8vw, 18px); }.panda__grid-img { position: relative; overflow: hidden; border-radius: var(--pd-radius); border: 1px solid var(--pd-line); line-height: 0; background: var(--pd-paper); box-shadow: var(--pd-shadow-sm); aspect-ratio: 1 \/ 1; transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;}.panda__grid-img:hover { transform: translateY(-5px); box-shadow: var(--pd-shadow); border-color: rgba(216,168,80,0.5); }.panda__grid-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }.panda__grid-img:hover img { transform: scale(1.08); }.panda__img-label { position: absolute; top: 12px; right: 12px; background: rgba(251,246,234,0.94); color: var(--pd-brown); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; box-shadow: 0 2px 8px rgba(46,35,27,0.18); z-index: 2; border: 1px solid rgba(216,168,80,0.35);}.panda__grid2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(12px, 1.8vw, 18px); }.panda__grid2 .panda__grid-img { aspect-ratio: 4 \/ 3; }.panda__media-rect { width: 100%; border-radius: var(--pd-radius); overflow: hidden; border: 1px solid var(--pd-line); box-shadow: var(--pd-shadow-sm); line-height: 0; aspect-ratio: 21 \/ 9; background: var(--pd-paper); transition: transform 0.4s ease, box-shadow 0.4s ease;}.panda__media-rect:hover { transform: translateY(-4px); box-shadow: var(--pd-shadow); }.panda__media-rect img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }.panda__media-rect:hover img { transform: scale(1.04); }.panda__split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(18px, 3vw, 32px); align-items: stretch; }.panda__split-img { position: relative; border-radius: var(--pd-radius); overflow: hidden; border: 1px solid var(--pd-line); box-shadow: var(--pd-shadow-sm); line-height: 0; background: var(--pd-paper); min-height: 320px; transition: transform 0.4s ease, box-shadow 0.4s ease;}.panda__split-img:hover { transform: translateY(-4px); box-shadow: var(--pd-shadow); }.panda__split-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }.panda__split-img:hover img { transform: scale(1.05); }.panda__split-text { text-align: left; background: var(--pd-paper); border: 1px solid var(--pd-line); border-radius: var(--pd-radius); padding: clamp(24px, 3.4vw, 38px); display: flex; flex-direction: column; justify-content: center;}.panda__split-text h3 { font-family: var(--pd-display); font-weight: 700; font-size: clamp(20px, 2.6vw, 27px); margin: 0 0 14px; color: var(--pd-ink); }.panda__split-list { list-style: none; margin: 0; padding: 0; }.panda__split-list li { position: relative; padding: 9px 0 9px 30px; font-size: clamp(14px, 1.6vw, 16px); color: var(--pd-text); border-bottom: 1px solid var(--pd-line-soft); }.panda__split-list li:last-child { border-bottom: none; }.panda__split-list li::before { content: \"🐾\"; position: absolute; left: 0; top: 8px; font-size: 15px; }.panda__trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: clamp(24px, 3vw, 32px); }.panda__trust-item { display: flex; align-items: center; gap: 14px; padding: 16px 18px; background: var(--pd-paper); border: 1px solid var(--pd-line); border-radius: var(--pd-radius); text-align: left; flex: 1 1 220px; max-width: 320px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}.panda__trust-item:hover { transform: translateY(-4px); box-shadow: var(--pd-shadow-sm); border-color: rgba(216,168,80,0.5); }.panda__trust-ic { width: 44px; height: 44px; flex: none; border-radius: 12px; display: grid; place-items: center; font-size: 20px; background: linear-gradient(135deg, rgba(90,60,46,0.10), rgba(216,168,80,0.10)); border: 1px solid var(--pd-line); transition: transform 0.35s ease;}.panda__trust-item:hover .panda__trust-ic { transform: scale(1.12) rotate(-5deg); }.panda__trust-t { font-weight: 700; font-size: 14.5px; color: var(--pd-ink); }.panda__trust-s { font-size: 12.5px; color: var(--pd-muted); }.panda__features { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pd-gap); }.panda__feature { position: relative; text-align: left; background: var(--pd-paper); border: 1px solid var(--pd-line); border-radius: var(--pd-radius); padding: clamp(20px, 3vw, 28px); overflow: hidden; flex: 1 1 250px; max-width: 340px; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;}.panda__feature::after { content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--pd-sage), var(--pd-mustard), var(--pd-terracotta)); opacity: 0; transition: opacity 0.35s ease;}.panda__feature:hover { transform: translateY(-6px); box-shadow: var(--pd-shadow-sm); border-color: rgba(216,168,80,0.5); }.panda__feature:hover::after { opacity: 1; }.panda__feature-icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px; font-size: 24px; margin-bottom: 16px; background: linear-gradient(145deg, #5a3c2e, #3c2a20); border: 1px solid rgba(216,168,80,0.35); box-shadow: inset 0 0 16px rgba(216,168,80,0.15); transition: transform 0.4s ease, box-shadow 0.4s ease;}.panda__feature:hover .panda__feature-icon { transform: rotate(-6deg) scale(1.08); box-shadow: inset 0 0 16px rgba(216,168,80,0.28), var(--pd-glow); }.panda__feature h3 { font-family: var(--pd-display); font-weight: 700; font-size: clamp(17px, 2vw, 20px); margin: 0 0 8px; color: var(--pd-ink); }.panda__feature p { margin: 0; font-size: clamp(14px, 1.5vw, 15.5px); color: var(--pd-muted); line-height: 1.65; }.panda__spotlight { position: relative; text-align: center; border-radius: var(--pd-radius-lg); overflow: hidden; padding: clamp(30px, 5vw, 58px); background: radial-gradient(80% 120% at 50% 0%, rgba(216,168,80,0.14), transparent 55%), linear-gradient(155deg, #5a3c2e, #3c2a20); color: var(--pd-cream); border: 1px solid rgba(216,168,80,0.28); box-shadow: var(--pd-shadow);}.panda__spotlight .panda__kicker { color: var(--pd-mustard); }.panda__spotlight h2 { font-family: var(--pd-display); font-weight: 900; font-size: clamp(23px, 4vw, 38px); margin: 0 auto 14px; color: var(--pd-cream); max-width: 1200px; }.panda__spotlight h2 em { font-style: italic; color: var(--pd-mustard); }.panda__spotlight \u003e p { max-width: 1200px; color: rgba(245,236,217,0.85); margin: 0 auto; }.panda__spec-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: clamp(26px, 3.5vw, 36px); }.panda__spec { border: 1px solid rgba(216,168,80,0.26); border-radius: 14px; padding: 18px 18px 16px; background: rgba(245,236,217,0.04); flex: 1 1 190px; max-width: 260px; transition: background 0.3s ease, transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;}.panda__spec:hover { background: rgba(216,168,80,0.12); transform: translateY(-4px); border-color: var(--pd-mustard); box-shadow: var(--pd-glow); }.panda__spec-k { font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; font-size: 10.5px; color: var(--pd-mustard); margin-bottom: 6px; }.panda__spec-v { font-size: clamp(15px, 1.8vw, 18px); color: var(--pd-cream); font-weight: 600; font-family: var(--pd-display); }.panda__variants { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pd-gap); }.panda__variant { position: relative; text-align: center; background: var(--pd-paper); border: 1px solid var(--pd-line); border-radius: var(--pd-radius); padding: clamp(26px, 3.5vw, 38px) clamp(18px, 3vw, 28px); overflow: hidden; flex: 1 1 260px; max-width: 360px; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;}.panda__variant::after { content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--pd-mustard-d), var(--pd-mustard), var(--pd-mustard-d)); }.panda__variant:hover { transform: translateY(-7px); box-shadow: var(--pd-shadow-sm); border-color: rgba(216,168,80,0.55); }.panda__variant-num { font-family: var(--pd-display); font-weight: 900; font-size: clamp(34px, 4.4vw, 46px); line-height: 1; color: var(--pd-terracotta); margin-bottom: 4px; transition: transform 0.4s ease; }.panda__variant:hover .panda__variant-num { transform: scale(1.08); }.panda__variant-key { font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; font-size: 12px; color: var(--pd-mustard-d); margin-bottom: 14px; }.panda__variant h3 { font-family: var(--pd-display); font-weight: 700; font-size: clamp(18px, 2.2vw, 22px); margin: 0 0 8px; color: var(--pd-ink); }.panda__variant p { font-size: 14.5px; color: var(--pd-muted); margin: 0; line-height: 1.6; }.panda__table-wrap { max-width: 1200px; margin: 0 auto; border: 1px solid var(--pd-line); border-radius: var(--pd-radius); overflow: hidden; background: var(--pd-paper); transition: transform 0.3s ease, box-shadow 0.3s ease;}.panda__table-wrap:hover { transform: translateY(-2px); box-shadow: var(--pd-shadow-sm); }.panda__table { width: 100%; border-collapse: collapse; text-align: left; font-size: clamp(14px, 1.7vw, 16.5px); }.panda__table tr { transition: background 0.25s ease; }.panda__table tr:hover { background: rgba(216,168,80,0.10); }.panda__table tr + tr { border-top: 1px solid var(--pd-line-soft); }.panda__table th, .panda__table td { padding: 15px 22px; vertical-align: top; }.panda__table th { width: 38%; font-family: var(--pd-display); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; font-size: 0.84em; color: var(--pd-sage); background: rgba(138,154,118,0.08); }.panda__table td { color: var(--pd-ink); font-weight: 600; }.panda__alert { max-width: 1200px; margin: clamp(20px, 3vw, 28px) auto 0; display: flex; align-items: flex-start; gap: 14px; text-align: left; padding: 18px 22px; border-radius: var(--pd-radius); border: 1px solid rgba(193,113,79,0.30); background: rgba(193,113,79,0.07); color: var(--pd-terracotta-d); font-size: 15px; font-weight: 500; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}.panda__alert:hover { transform: translateY(-3px); box-shadow: var(--pd-shadow-sm); border-color: rgba(193,113,79,0.5); }.panda__alert-ic { font-size: 20px; flex: none; }.panda__care { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pd-gap); text-align: left; }.panda__care-card { background: var(--pd-paper); border: 1px solid var(--pd-line); border-radius: var(--pd-radius); padding: clamp(20px, 3vw, 26px); flex: 1 1 230px; max-width: 300px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }.panda__care-card:hover { transform: translateY(-5px); box-shadow: var(--pd-shadow-sm); border-color: rgba(216,168,80,0.55); }.panda__care-num { font-family: var(--pd-display); font-weight: 900; font-size: 28px; color: var(--pd-mustard); line-height: 1; margin-bottom: 10px; transition: transform 0.35s ease; }.panda__care-card:hover .panda__care-num { transform: scale(1.12); }.panda__care-card h4 { font-family: var(--pd-display); font-weight: 700; font-size: 16.5px; margin: 0 0 7px; color: var(--pd-ink); }.panda__care-card p { margin: 0; font-size: 14.5px; color: var(--pd-muted); line-height: 1.65; }.panda__stats { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pd-gap); text-align: center; }.panda__stat { padding: clamp(22px, 3vw, 30px) 14px; border: 1px solid var(--pd-line); border-radius: var(--pd-radius); background: var(--pd-paper); flex: 1 1 180px; max-width: 260px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }.panda__stat:hover { transform: translateY(-5px); box-shadow: var(--pd-shadow-sm); border-color: rgba(216,168,80,0.55); }.panda__stat-num { font-family: var(--pd-display); font-weight: 900; font-size: clamp(30px, 4.2vw, 44px); background: linear-gradient(180deg, #e6c583, #a9772f); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; line-height: 1; margin-bottom: 8px;}.panda__stat-label { font-weight: 700; font-size: 13.5px; color: var(--pd-ink); text-transform: uppercase; letter-spacing: 0.06em; }.panda__stat--terracotta { background: var(--pd-terracotta); border-color: var(--pd-terracotta-d); }.panda__stat--terracotta:hover { background: var(--pd-terracotta); border-color: var(--pd-terracotta-d); }.panda__stat--terracotta .panda__stat-num { background: none; -webkit-text-fill-color: var(--pd-cream); color: var(--pd-cream); }.panda__stat--terracotta .panda__stat-label { color: var(--pd-cream); }.panda__stat--sage { background: var(--pd-sage); border-color: #6f7d5c; }.panda__stat--sage:hover { background: var(--pd-sage); border-color: #6f7d5c; }.panda__stat--sage .panda__stat-num { background: none; -webkit-text-fill-color: var(--pd-ink); color: var(--pd-ink); }.panda__stat--sage .panda__stat-label { color: var(--pd-ink); }.panda__stat--cream { background: var(--pd-cream-2); border-color: rgba(90,60,46,0.22); }.panda__stat--cream:hover { background: var(--pd-cream-2); border-color: rgba(90,60,46,0.22); }.panda__stat--cream .panda__stat-num { background: none; -webkit-text-fill-color: var(--pd-ink); color: var(--pd-ink); }.panda__stat--cream .panda__stat-label { color: var(--pd-ink); }.panda__stat--mustard { background: var(--pd-mustard); border-color: var(--pd-mustard-d); }.panda__stat--mustard:hover { background: var(--pd-mustard); border-color: var(--pd-mustard-d); }.panda__stat--mustard .panda__stat-num { background: none; -webkit-text-fill-color: var(--pd-brown-deep); color: var(--pd-brown-deep); }.panda__stat--mustard .panda__stat-label { color: var(--pd-brown-deep); }.panda__faq { max-width: 1200px; margin: 0 auto; text-align: left; }.panda__faq details { border: 1px solid var(--pd-line); border-radius: 14px; background: var(--pd-paper); margin-bottom: 12px; overflow: hidden; transition: border-color 0.3s ease, box-shadow 0.3s ease; }.panda__faq details:hover { border-color: rgba(216,168,80,0.5); box-shadow: var(--pd-shadow-sm); }.panda__faq details[open] { border-color: rgba(216,168,80,0.55); box-shadow: var(--pd-shadow-sm); }.panda__faq summary { list-style: none; cursor: pointer; padding: 18px 22px; font-family: var(--pd-display); font-weight: 700; font-size: clamp(15px, 1.8vw, 17px); color: var(--pd-ink); display: flex; align-items: center; justify-content: space-between; gap: 14px; transition: color 0.25s ease;}.panda__faq summary:hover { color: var(--pd-terracotta); }.panda__faq summary::-webkit-details-marker { display: none; }.panda__faq summary::after { content: \"+\"; font-family: var(--pd-display); font-weight: 700; font-size: 22px; color: var(--pd-mustard); transition: transform 0.3s ease; line-height: 1; }.panda__faq details[open] summary::after { transform: rotate(45deg); }.panda__faq-body { padding: 0 22px 20px; color: var(--pd-muted); font-size: 15.5px; line-height: 1.7; }.panda__gift { position: relative; text-align: center; border-radius: var(--pd-radius-lg); overflow: hidden; padding: clamp(30px, 5vw, 52px) clamp(20px, 4vw, 40px); background: linear-gradient(160deg, #fbf6ea, #ede0c4); border: 1px solid rgba(216,168,80,0.4); box-shadow: var(--pd-shadow-sm);}.panda__gift-ic { font-size: 40px; margin-bottom: 12px; display: inline-block; transition: transform 0.4s ease; }.panda__gift:hover .panda__gift-ic { transform: scale(1.14) rotate(-8deg); }.panda__gift h2 { font-family: var(--pd-display); font-weight: 900; font-size: clamp(23px, 4vw, 36px); color: var(--pd-ink); margin: 0 0 12px; }.panda__gift p { max-width: 1200px; margin: 0 auto; color: var(--pd-text); font-size: clamp(15px, 1.8vw, 18px); }.panda__cta { position: relative; text-align: center; border-radius: var(--pd-radius-lg); overflow: hidden; padding: clamp(36px, 6vw, 64px) clamp(20px, 4vw, 40px); background: radial-gradient(80% 110% at 50% 0%, rgba(216,168,80,0.18), transparent 55%), linear-gradient(155deg, #5a3c2e, #3c2a20); color: var(--pd-cream); border: 1px solid rgba(216,168,80,0.3); box-shadow: var(--pd-shadow);}.panda__cta .panda__sparkle { opacity: 0.7; }.panda__cta h2 { position: relative; z-index: 2; font-family: var(--pd-display); font-weight: 900; font-size: clamp(25px, 5vw, 44px); margin: 0 0 14px; color: var(--pd-cream); text-shadow: 0 0 26px rgba(216,168,80,0.3); }.panda__cta h2 em { font-style: italic; color: var(--pd-mustard); }.panda__cta p { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; color: rgba(245,236,217,0.85); font-size: clamp(15px, 2vw, 19px); font-style: italic; }.panda__cta-seal { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 10px; margin-top: clamp(22px, 3.5vw, 30px); font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; font-size: clamp(12px, 1.6vw, 14px); color: var(--pd-mustard); padding: 14px 28px; border: 1px solid rgba(216,168,80,0.45); border-radius: 999px; background: rgba(216,168,80,0.10); cursor: pointer; text-decoration: none; transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;}.panda__cta-seal:hover { background: rgba(216,168,80,0.2); border-color: var(--pd-mustard); transform: translateY(-3px) scale(1.02); box-shadow: 0 12px 30px -12px rgba(216,168,80,0.6); color: var(--pd-cream); }.panda__cta-seal:active { transform: translateY(-1px) scale(0.99); }.panda__panels { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pd-gap); text-align: left; }.panda__panel { background: var(--pd-paper); border: 1px solid var(--pd-line); border-radius: var(--pd-radius); padding: clamp(24px, 3.4vw, 34px); flex: 1 1 260px; max-width: 420px; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; }.panda__panel:hover { transform: translateY(-5px); box-shadow: var(--pd-shadow-sm); border-color: rgba(216,168,80,0.55); }.panda__panel-ic { font-size: 32px; margin-bottom: 12px; display: inline-block; transition: transform 0.4s ease; }.panda__panel:hover .panda__panel-ic { transform: scale(1.12) rotate(-5deg); }.panda__panel h3 { font-family: var(--pd-display); font-weight: 700; font-size: clamp(18px, 2.2vw, 22px); margin: 0 0 10px; color: var(--pd-ink); }.panda__panel p { margin: 0; color: var(--pd-muted); font-size: 15.5px; line-height: 1.7; }.panda__palette { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pd-gap); }.panda__swatch { border-radius: var(--pd-radius); overflow: hidden; border: 1px solid var(--pd-line); background: var(--pd-paper); flex: 1 1 150px; max-width: 220px; transition: transform 0.35s ease, box-shadow 0.35s ease; }.panda__swatch:hover { transform: translateY(-5px); box-shadow: var(--pd-shadow-sm); }.panda__swatch-chip { height: 80px; transition: transform 0.4s ease; }.panda__swatch:hover .panda__swatch-chip { transform: scale(1.04); }.panda__swatch-chip--terracotta { background: linear-gradient(135deg, #d4906c, #8f4f35); }.panda__swatch-chip--cream { background: linear-gradient(135deg, #f5ecd9, #e0d0a8); }.panda__swatch-chip--sage { background: linear-gradient(135deg, #b3c19a, #6f7d5c); }.panda__swatch-chip--mustard { background: linear-gradient(135deg, #e6c583, #a9772f); }.panda__swatch-body { padding: 14px 16px; text-align: center; }.panda__swatch-body h4 { font-family: var(--pd-display); font-weight: 700; font-size: 15px; color: var(--pd-ink); margin: 0 0 3px; }.panda__swatch-body p { font-size: 12.5px; color: var(--pd-muted); margin: 0; }.panda__tips { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pd-gap); text-align: left; }.panda__tip { background: var(--pd-paper); border: 1px solid var(--pd-line); border-radius: var(--pd-radius); padding: clamp(20px, 3vw, 28px); flex: 1 1 230px; max-width: 320px; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; }.panda__tip:hover { transform: translateY(-5px); box-shadow: var(--pd-shadow-sm); border-color: rgba(216,168,80,0.55); }.panda__tip-ic { font-size: 28px; display: inline-block; margin-bottom: 12px; transition: transform 0.4s ease; }.panda__tip:hover .panda__tip-ic { transform: scale(1.15) rotate(-5deg); }.panda__tip h4 { font-family: var(--pd-display); font-weight: 700; font-size: 16.5px; margin: 0 0 7px; color: var(--pd-ink); }.panda__tip p { margin: 0; font-size: 14.5px; color: var(--pd-muted); line-height: 1.65; }.panda__promise { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pd-gap); text-align: left; }.panda__promise-card { background: var(--pd-paper); border: 1px solid var(--pd-line); border-radius: var(--pd-radius); padding: clamp(22px, 3vw, 30px); flex: 1 1 220px; max-width: 300px; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; }.panda__promise-card:hover { transform: translateY(-5px); box-shadow: var(--pd-shadow-sm); border-color: rgba(216,168,80,0.55); }.panda__promise-ic { font-size: 28px; display: inline-block; margin-bottom: 12px; transition: transform 0.4s ease; }.panda__promise-card:hover .panda__promise-ic { transform: scale(1.14) rotate(-6deg); }.panda__promise-card h4 { font-family: var(--pd-display); font-weight: 700; font-size: 16.5px; margin: 0 0 8px; color: var(--pd-ink); }.panda__promise-card p { margin: 0; font-size: 14.5px; color: var(--pd-muted); line-height: 1.65; }.panda__steps { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pd-gap); text-align: left; }.panda__step { background: var(--pd-paper); border: 1px solid var(--pd-line); border-radius: var(--pd-radius); padding: clamp(22px, 3vw, 28px); flex: 1 1 220px; max-width: 300px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }.panda__step:hover { transform: translateY(-5px); box-shadow: var(--pd-shadow-sm); border-color: rgba(216,168,80,0.55); }.panda__step-num { font-family: var(--pd-display); font-weight: 900; font-size: 30px; color: var(--pd-mustard); line-height: 1; margin-bottom: 12px; transition: transform 0.35s ease; }.panda__step:hover .panda__step-num { transform: scale(1.12); }.panda__step h4 { font-family: var(--pd-display); font-weight: 700; font-size: 16.5px; margin: 0 0 7px; color: var(--pd-ink); }.panda__step p { margin: 0; font-size: 14.5px; color: var(--pd-muted); line-height: 1.65; }.panda__inbox { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }.panda__inbox-item { background: var(--pd-paper); border: 1px solid var(--pd-line); border-radius: var(--pd-radius); padding: 20px 14px; text-align: center; font-size: 13.5px; color: var(--pd-muted); line-height: 1.5; flex: 1 1 160px; max-width: 220px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }.panda__inbox-item:hover { transform: translateY(-4px); box-shadow: var(--pd-shadow-sm); border-color: rgba(216,168,80,0.55); }.panda__inbox-num { font-family: var(--pd-display); font-weight: 900; font-size: 24px; color: var(--pd-terracotta); display: block; margin-bottom: 4px; }.panda__inbox-t { font-weight: 700; color: var(--pd-ink); }@media (max-width: 900px) { .panda { font-size: 17px; } .panda__split { grid-template-columns: 1fr; } .panda__split-img { min-height: 280px; aspect-ratio: 4 \/ 3; }}@media (max-width: 600px) { .panda { padding: 0; font-size: 16.5px; } .panda__inner { padding: 18px 14px; } .panda__grid3, .panda__grid2 { grid-template-columns: 1fr; } .panda__features \u003e *, .panda__variants \u003e *, .panda__care \u003e *, .panda__stats \u003e *, .panda__trust \u003e *, .panda__panels \u003e *, .panda__palette \u003e *, .panda__tips \u003e *, .panda__promise \u003e *, .panda__steps \u003e *, .panda__inbox \u003e *, .panda__spec-grid \u003e * { flex-basis: 100%; max-width: 100%; } .panda__eyebrow { letter-spacing: 0.18em; } .panda__title { font-size: clamp(24px, 8vw, 34px); } .panda__media-rect { aspect-ratio: 16 \/ 10; } .panda__grid-img { aspect-ratio: 4 \/ 3; }}@keyframes pd-add-pulse { 0% { box-shadow: 0 0 0 0 rgba(216,168,80,0.65); } 70% { box-shadow: 0 0 0 16px rgba(216,168,80,0); } 100% { box-shadow: 0 0 0 0 rgba(216,168,80,0); }}.pd-add-pulse { animation: pd-add-pulse 0.9s ease-out 2; }@media (prefers-reduced-motion: reduce) { .panda * { animation: none !important; transition: none !important; }}\u003c\/style\u003e\u003cdiv class=\"panda\" lang=\"en\"\u003e\u003cdiv class=\"panda__sheet\"\u003e\u003cdiv class=\"panda__inner\"\u003e\n\u003cheader class=\"panda__hero\"\u003e\u003cspan class=\"panda__eyebrow\"\u003eArtisan Collection\u003c\/span\u003e\u003ch1 class=\"panda__title\"\u003eRed Fox \u0026amp; \u003cspan class=\"panda__accent\"\u003eForest Friends\u003c\/span\u003e\u003cbr\u003eKeycap Set\u003c\/h1\u003e\n\u003cp class=\"panda__subtitle\"\u003eWander into a cozy autumn woodland. SO profile sculpting, a full 139-piece set, and a storybook cast of red foxes and forest critters — a keyboard that feels like a stroll through fallen leaves.\u003c\/p\u003e\n\u003cdiv class=\"panda__hero-rule\"\u003e\u003cspan\u003e🍂 🐾 🍂\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"panda__badges\"\u003e\n\u003cspan class=\"panda__badge\"\u003e\u003cspan\u003e🦊\u003c\/span\u003e\u003cspan\u003eRed Fox Theme\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"panda__badge\"\u003e\u003cspan\u003e🔢\u003c\/span\u003e\u003cspan\u003e139 Keys\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"panda__badge\"\u003e\u003cspan\u003e⌨️\u003c\/span\u003e\u003cspan\u003eSO Profile\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"panda__badge\"\u003e\u003cspan\u003e🧩\u003c\/span\u003e\u003cspan\u003eANSI \u0026amp; ISO\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/header\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__media-full panda__hero-banner\"\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i3\/3386302779\/O1CN01dTRDSQ1WOpaTma3Mn_!!3386302779.jpg\" alt=\"Red Fox and Forest Friends keycap set mounted on a mechanical keyboard, full landscape view\" loading=\"eager\"\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__head\"\u003e\n\u003cdiv class=\"panda__kicker\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"panda__h2\"\u003eA Cozy Walk Through the \u003cem\u003eAutumn Forest\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"panda__divider\"\u003e\u003cspan class=\"panda__leaf\"\u003e🍁\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__prose\"\u003e\n\u003cp\u003eBring a little woodland warmth to your desk. The \u003cstrong\u003eRed Fox \u0026amp; Forest Friends\u003c\/strong\u003e keycap set wraps your board in soft sage greens, toasty terracotta and warm cream tones, scattered with red foxes, hedgehogs and falling leaves that turn every keystroke into a quiet moment in the forest.\u003c\/p\u003e\n\u003cp\u003eSculpted in a comfortable \u003cstrong\u003eSO profile\u003c\/strong\u003e, this set ships as a complete \u003cstrong\u003e139-piece kit\u003c\/strong\u003e built to cover a wide range of boards — including \u003cstrong\u003eAlice layout ergonomic keyboards\u003c\/strong\u003e and boards with a \u003cstrong\u003e7u spacebar\u003c\/strong\u003e. Both \u003cstrong\u003eANSI and ISO\u003c\/strong\u003e layouts are supported, so almost any mechanical keyboard on the market can wear the theme.\u003c\/p\u003e\n\u003cp\u003eWhether you're typing through a late-night project or settling in for a long session, every glance at your board becomes a tiny escape into a storybook autumn forest.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__trust\"\u003e\n\u003cdiv class=\"panda__trust-item\"\u003e\n\u003cdiv class=\"panda__trust-ic\"\u003e🚚\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"panda__trust-t\"\u003eWorldwide Shipping\u003c\/div\u003e\n\u003cdiv class=\"panda__trust-s\"\u003eCarefully packed \u0026amp; tracked\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__trust-item\"\u003e\n\u003cdiv class=\"panda__trust-ic\"\u003e🔒\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"panda__trust-t\"\u003eSecure Checkout\u003c\/div\u003e\n\u003cdiv class=\"panda__trust-s\"\u003eSafe, encrypted payment\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__trust-item\"\u003e\n\u003cdiv class=\"panda__trust-ic\"\u003e↩️\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"panda__trust-t\"\u003eEasy Returns\u003c\/div\u003e\n\u003cdiv class=\"panda__trust-s\"\u003eHassle-free support\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__head\"\u003e\n\u003cdiv class=\"panda__kicker\"\u003eFirst Look\u003c\/div\u003e\n\u003ch2 class=\"panda__h2\"\u003eCrafted Down to the \u003cem\u003eLast Leaf\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"panda__divider\"\u003e\u003cspan class=\"panda__leaf\"\u003e🍁\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__grid3\"\u003e\n\u003cdiv class=\"panda__grid-img\"\u003e\n\u003cspan class=\"panda__img-label\"\u003eFull Set\u003c\/span\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i1\/3386302779\/O1CN01zkLCmg1WOpaP4DwfZ_!!3386302779.jpg_q50.jpg_.webp\" alt=\"Red Fox and Forest Friends keycap set full view\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__grid-img\"\u003e\n\u003cspan class=\"panda__img-label\"\u003eDetail\u003c\/span\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i3\/3386302779\/O1CN01oVAtyH1WOpaSayzTQ_!!3386302779.jpg_q50.jpg_.webp\" alt=\"Red Fox and Forest Friends keycap close-up detail\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__grid-img\"\u003e\n\u003cspan class=\"panda__img-label\"\u003eNovelties\u003c\/span\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i4\/3386302779\/O1CN01rxD4N71WOpaUQVElf_!!3386302779.jpg\" alt=\"Red Fox and Forest Friends novelty keycaps and charm close-up\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__head\"\u003e\n\u003cdiv class=\"panda__kicker\"\u003eWhy You'll Love It\u003c\/div\u003e\n\u003ch2 class=\"panda__h2\"\u003eKey Features\u003c\/h2\u003e\n\u003cdiv class=\"panda__divider\"\u003e\u003cspan class=\"panda__leaf\"\u003e🍁\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__features\"\u003e\n\u003carticle class=\"panda__feature\"\u003e\u003cdiv class=\"panda__feature-icon\"\u003e🦊\u003c\/div\u003e\n\u003ch3\u003eRed Fox Artistry\u003c\/h3\u003e\n\u003cp\u003eRed foxes, hedgehogs and forest foliage in a warm autumn palette that turns your board into a storybook scene.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__feature\"\u003e\u003cdiv class=\"panda__feature-icon\"\u003e⌨️\u003c\/div\u003e\n\u003ch3\u003eSO Profile Sculpt\u003c\/h3\u003e\n\u003cp\u003eA comfortable, gently rounded SO profile shape that supports a natural typing posture for long sessions.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__feature\"\u003e\u003cdiv class=\"panda__feature-icon\"\u003e🔢\u003c\/div\u003e\n\u003ch3\u003eFull 139-Key Set\u003c\/h3\u003e\n\u003cp\u003eA complete 139-piece kit with generous coverage for modifiers, function rows and novelty accents.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__feature\"\u003e\u003cdiv class=\"panda__feature-icon\"\u003e🧩\u003c\/div\u003e\n\u003ch3\u003eANSI \u0026amp; ISO Ready\u003c\/h3\u003e\n\u003cp\u003eBuilt to support both ANSI and ISO layouts, so the set works across a wide range of keyboard standards.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__feature\"\u003e\u003cdiv class=\"panda__feature-icon\"\u003e🦾\u003c\/div\u003e\n\u003ch3\u003eAlice Layout Friendly\u003c\/h3\u003e\n\u003cp\u003eIncludes the extra keys needed to dress up ergonomic Alice-style split keyboards.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__feature\"\u003e\u003cdiv class=\"panda__feature-icon\"\u003e⎵\u003c\/div\u003e\n\u003ch3\u003e7u Spacebar Coverage\u003c\/h3\u003e\n\u003cp\u003eComes with the long spacebar option, so boards using a 7u spacebar are fully covered too.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__grid2\"\u003e\n\u003cdiv class=\"panda__grid-img\"\u003e\n\u003cspan class=\"panda__img-label\"\u003eLifestyle\u003c\/span\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i4\/3386302779\/O1CN01M8Gyub1WOpaP6mi7D_!!3386302779.jpg_q50.jpg_.webp\" alt=\"Red Fox and Forest Friends keycap set styled with seasonal gift box scene\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__grid-img\"\u003e\n\u003cspan class=\"panda__img-label\"\u003eOn Desk\u003c\/span\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i1\/3386302779\/O1CN017QRXPp1WOpaSb6NEb_!!3386302779.jpg\" alt=\"Red Fox and Forest Friends keycap set on a desk with autumn leaves\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__spotlight\"\u003e\n\u003cdiv class=\"panda__kicker\"\u003eBuilt for Everyday Use\u003c\/div\u003e\n\u003ch2\u003eSculpted \u003cem\u003eSO Profile\u003c\/em\u003e, Full Coverage\u003c\/h2\u003e\n\u003cp\u003eThis set is built around a smooth, gently sculpted SO profile that feels comfortable under the fingers during long typing or gaming sessions. With 139 keys in the box, the set is sized for real coverage — extra modifiers, function-row caps and the novelty accents that bring the red fox theme to life, all included rather than sold piecemeal.\u003c\/p\u003e\n\u003cdiv class=\"panda__spec-grid\"\u003e\n\u003cdiv class=\"panda__spec\"\u003e\n\u003cdiv class=\"panda__spec-k\"\u003eProfile\u003c\/div\u003e\n\u003cdiv class=\"panda__spec-v\"\u003eSO Profile\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__spec\"\u003e\n\u003cdiv class=\"panda__spec-k\"\u003eKey Count\u003c\/div\u003e\n\u003cdiv class=\"panda__spec-v\"\u003e139 Keys\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__spec\"\u003e\n\u003cdiv class=\"panda__spec-k\"\u003eLayout\u003c\/div\u003e\n\u003cdiv class=\"panda__spec-v\"\u003eANSI \u0026amp; ISO\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__spec\"\u003e\n\u003cdiv class=\"panda__spec-k\"\u003eSpacebar\u003c\/div\u003e\n\u003cdiv class=\"panda__spec-v\"\u003e7u Compatible\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__spec\"\u003e\n\u003cdiv class=\"panda__spec-k\"\u003eErgonomic\u003c\/div\u003e\n\u003cdiv class=\"panda__spec-v\"\u003eAlice Friendly\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__media-rect\"\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i3\/3386302779\/O1CN01F1nGtG1WOpaSb66bv_!!3386302779.jpg\" alt=\"Red Fox and Forest Friends keycap set wide lifestyle view\" loading=\"lazy\"\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__head\"\u003e\n\u003cdiv class=\"panda__kicker\"\u003eSet Coverage\u003c\/div\u003e\n\u003ch2 class=\"panda__h2\"\u003eDesigned to Fit Your \u003cem\u003eBoard\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"panda__divider\"\u003e\u003cspan class=\"panda__leaf\"\u003e🍁\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__split\"\u003e\n\u003cdiv class=\"panda__split-img\"\u003e\n\u003cspan class=\"panda__img-label\"\u003eLayout\u003c\/span\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i3\/3386302779\/O1CN01JdJ8Vl1WOpg1VBic6_!!3386302779.jpg\" alt=\"Red Fox and Forest Friends full keycap layout chart showing every key in the set\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__split-text\"\u003e\n\u003ch3\u003eBroad Layout Compatibility\u003c\/h3\u003e\n\u003cul class=\"panda__split-list\"\u003e\n\u003cli\u003e60% \u0026amp; 65% compact layouts\u003c\/li\u003e\n\u003cli\u003e75% compact full-function\u003c\/li\u003e\n\u003cli\u003e80% TKL (tenkeyless)\u003c\/li\u003e\n\u003cli\u003e96% \u0026amp; full-size boards\u003c\/li\u003e\n\u003cli\u003eAlice layout ergonomic keyboards\u003c\/li\u003e\n\u003cli\u003e7u spacebar \u0026amp; ANSI \/ ISO boards\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"margin-top: 14px; font-size: 14px; color: var(--pd-muted); font-style: italic;\"\u003eNot sure if your board is covered? Send us your keyboard model and we'll happily confirm fit before you order.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__head\"\u003e\n\u003cdiv class=\"panda__kicker\"\u003eThe Set\u003c\/div\u003e\n\u003ch2 class=\"panda__h2\"\u003eOne Complete \u003cem\u003e139-Key\u003c\/em\u003e Kit\u003c\/h2\u003e\n\u003cp class=\"panda__lead\"\u003eNo piecing together extras — everything you need is already in the box.\u003c\/p\u003e\n\u003cdiv class=\"panda__divider\"\u003e\u003cspan class=\"panda__leaf\"\u003e🍁\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__variants\"\u003e\n\u003carticle class=\"panda__variant\"\u003e\u003cdiv class=\"panda__variant-num\"\u003e139\u003c\/div\u003e\n\u003cdiv class=\"panda__variant-key\"\u003eKeys\u003c\/div\u003e\n\u003ch3\u003eFull Coverage Set\u003c\/h3\u003e\n\u003cp\u003eAlphas, modifiers, function row and themed novelties together in one complete kit for broad layout support.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__variant\"\u003e\u003cdiv class=\"panda__variant-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"panda__variant-key\"\u003eLayouts\u003c\/div\u003e\n\u003ch3\u003eANSI \u0026amp; ISO\u003c\/h3\u003e\n\u003cp\u003eBuilt to support both major layout standards, with the extra keys Alice and 7u-spacebar boards need too.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__head\"\u003e\n\u003cdiv class=\"panda__kicker\"\u003eThe Details\u003c\/div\u003e\n\u003ch2 class=\"panda__h2\"\u003eFull Specifications\u003c\/h2\u003e\n\u003cdiv class=\"panda__divider\"\u003e\u003cspan class=\"panda__leaf\"\u003e🍁\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__table-wrap\"\u003e\u003ctable class=\"panda__table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eModel\u003c\/th\u003e\n\u003ctd\u003eRed Fox \u0026amp; Forest Friends Keycap Set\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eProfile\u003c\/th\u003e\n\u003ctd\u003eSO Profile\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKey Count\u003c\/th\u003e\n\u003ctd\u003e139 Pieces\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eLayout Support\u003c\/th\u003e\n\u003ctd\u003eANSI \u0026amp; ISO\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eErgonomic Boards\u003c\/th\u003e\n\u003ctd\u003eAlice Layout Compatible\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSpacebar Support\u003c\/th\u003e\n\u003ctd\u003e7u Spacebar Compatible\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\u003eCompatibility\u003c\/th\u003e\n\u003ctd\u003eMost mechanical keyboards on the market\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eProduct Type\u003c\/th\u003e\n\u003ctd\u003eKeycap Set (for mechanical keyboards)\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\u003c\/table\u003e\u003c\/div\u003e\n\u003cdiv class=\"panda__alert\"\u003e\n\u003cspan class=\"panda__alert-ic\"\u003e⚠️\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eKeycaps only.\u003c\/strong\u003e This listing includes the keycap set only. The keyboard, switches and other items shown in the photos are for display and are not included. Works only with MX-style mechanical switches — not membrane, scissor, or low-profile keyboards.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__head\"\u003e\n\u003cdiv class=\"panda__kicker\"\u003eMore Views\u003c\/div\u003e\n\u003ch2 class=\"panda__h2\"\u003eEvery Angle of the \u003cem\u003eForest\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"panda__divider\"\u003e\u003cspan class=\"panda__leaf\"\u003e🍁\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__grid3\"\u003e\n\u003cdiv class=\"panda__grid-img\"\u003e\n\u003cspan class=\"panda__img-label\"\u003eDisplay\u003c\/span\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i4\/3386302779\/O1CN01BA04Di1WOpaUQXRzJ_!!3386302779.jpg\" alt=\"Red Fox and Forest Friends keycap set displayed with seasonal charm and props\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__grid-img\"\u003e\n\u003cspan class=\"panda__img-label\"\u003eClose-Up\u003c\/span\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i3\/3386302779\/O1CN01wgAiwL1WOpaRhNZIm_!!3386302779.jpg\" alt=\"Red Fox and Forest Friends keycap close-up with charm pendant\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__grid-img\"\u003e\n\u003cspan class=\"panda__img-label\"\u003eAngle View\u003c\/span\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i1\/3386302779\/O1CN01Fd8XRN1WOpaLimS8C_!!3386302779.jpg\" alt=\"Red Fox and Forest Friends keycap set angled view on desk\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__head\"\u003e\n\u003cdiv class=\"panda__kicker\"\u003eEasy Setup\u003c\/div\u003e\n\u003ch2 class=\"panda__h2\"\u003eInstall in \u003cem\u003eFour Steps\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"panda__lead\"\u003eNo tools beyond a standard keycap puller. Done in minutes.\u003c\/p\u003e\n\u003cdiv class=\"panda__divider\"\u003e\u003cspan class=\"panda__leaf\"\u003e🍁\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__steps\"\u003e\n\u003carticle class=\"panda__step\"\u003e\u003cdiv class=\"panda__step-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003ePull the Old Caps\u003c\/h4\u003e\n\u003cp\u003eSlide a wire keycap puller over each cap and lift straight up to remove your existing keycaps.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__step\"\u003e\u003cdiv class=\"panda__step-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eMatch the Layout\u003c\/h4\u003e\n\u003cp\u003eLay out the new set to match your ANSI, ISO, Alice or 7u-spacebar board before mounting.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__step\"\u003e\u003cdiv class=\"panda__step-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003ePress Into Place\u003c\/h4\u003e\n\u003cp\u003eAlign each cap over its switch stem and press down gently until it clicks securely into position.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__step\"\u003e\u003cdiv class=\"panda__step-num\"\u003e04\u003c\/div\u003e\n\u003ch4\u003eEnter the Forest\u003c\/h4\u003e\n\u003cp\u003eGive your board a once-over, then enjoy a desk that feels like a cozy autumn woodland escape.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__head\"\u003e\n\u003cdiv class=\"panda__kicker\"\u003ePackage Contents\u003c\/div\u003e\n\u003ch2 class=\"panda__h2\"\u003eWhat's in the \u003cem\u003eBox\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"panda__divider\"\u003e\u003cspan class=\"panda__leaf\"\u003e🍁\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__inbox\"\u003e\n\u003cdiv class=\"panda__inbox-item\"\u003e\n\u003cspan class=\"panda__inbox-num\"\u003e139×\u003c\/span\u003e\u003cspan class=\"panda__inbox-t\"\u003eKeycap Set\u003c\/span\u003e\u003cbr\u003eFull coverage kit\u003c\/div\u003e\n\u003cdiv class=\"panda__inbox-item\"\u003e\n\u003cspan class=\"panda__inbox-num\"\u003e1×\u003c\/span\u003e\u003cspan class=\"panda__inbox-t\"\u003eKeycap Puller\u003c\/span\u003e\u003cbr\u003eFor easy installation\u003c\/div\u003e\n\u003cdiv class=\"panda__inbox-item\"\u003e\n\u003cspan class=\"panda__inbox-num\"\u003e2\u003c\/span\u003e\u003cspan class=\"panda__inbox-t\"\u003eLayout Support\u003c\/span\u003e\u003cbr\u003eANSI \u0026amp; ISO ready\u003c\/div\u003e\n\u003cdiv class=\"panda__inbox-item\"\u003e\n\u003cspan class=\"panda__inbox-num\"\u003e✓\u003c\/span\u003e\u003cspan class=\"panda__inbox-t\"\u003eProtective Packaging\u003c\/span\u003e\u003cbr\u003eDamage-free delivery\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__head\"\u003e\n\u003cdiv class=\"panda__kicker\"\u003eKeep the Magic Alive\u003c\/div\u003e\n\u003ch2 class=\"panda__h2\"\u003eCare \u0026amp; Keeping\u003c\/h2\u003e\n\u003cdiv class=\"panda__divider\"\u003e\u003cspan class=\"panda__leaf\"\u003e🍁\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__care\"\u003e\n\u003carticle class=\"panda__care-card\"\u003e\u003cdiv class=\"panda__care-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eGentle Cleaning\u003c\/h4\u003e\n\u003cp\u003eWipe with a soft, slightly damp cloth for everyday cleaning — skip solvents and abrasive cleaners. For a deeper clean, remove the caps and rinse gently in warm soapy water.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__care-card\"\u003e\u003cdiv class=\"panda__care-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eDry Fully\u003c\/h4\u003e\n\u003cp\u003eAlways let keycaps dry completely before remounting them on your switches to protect your board.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__care-card\"\u003e\u003cdiv class=\"panda__care-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eUse a Puller\u003c\/h4\u003e\n\u003cp\u003eRemove caps with a wire keycap puller to avoid scratching the artwork or bending the stems.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__care-card\"\u003e\u003cdiv class=\"panda__care-num\"\u003e04\u003c\/div\u003e\n\u003ch4\u003eKeep Out of Direct Sun\u003c\/h4\u003e\n\u003cp\u003eStore and use your board away from prolonged direct sunlight to keep the autumn tones vivid for years.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__head\"\u003e\n\u003cdiv class=\"panda__kicker\"\u003eMade For\u003c\/div\u003e\n\u003ch2 class=\"panda__h2\"\u003eWho Will \u003cem\u003eLove\u003c\/em\u003e This Set\u003c\/h2\u003e\n\u003cp class=\"panda__lead\"\u003eIf any of these sound like you, this set belongs on your desk.\u003c\/p\u003e\n\u003cdiv class=\"panda__divider\"\u003e\u003cspan class=\"panda__leaf\"\u003e🍁\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__tips\"\u003e\n\u003carticle class=\"panda__tip\"\u003e\u003cspan class=\"panda__tip-ic\"\u003e🦊\u003c\/span\u003e\u003ch4\u003eRed Fox Fans\u003c\/h4\u003e\n\u003cp\u003eAnyone who can't resist a good red fox and wants that charm sitting right on their desk.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__tip\"\u003e\u003cspan class=\"panda__tip-ic\"\u003e⌨️\u003c\/span\u003e\u003ch4\u003eKeyboard Enthusiasts\u003c\/h4\u003e\n\u003cp\u003eCollectors who appreciate a comfortable SO profile and a generously sized, full-coverage 139-key set.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__tip\"\u003e\u003cspan class=\"panda__tip-ic\"\u003e🦾\u003c\/span\u003e\u003ch4\u003eAlice \u0026amp; Ergo Builders\u003c\/h4\u003e\n\u003cp\u003eOwners of Alice-layout or 7u-spacebar boards looking for a themed set sized to actually fit.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__tip\"\u003e\u003cspan class=\"panda__tip-ic\"\u003e🎁\u003c\/span\u003e\u003ch4\u003eGift Givers\u003c\/h4\u003e\n\u003cp\u003eA thoughtful, characterful present for the keyboard fan or animal lover in your life.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__head\"\u003e\n\u003cdiv class=\"panda__kicker\"\u003eStraight From the Forest\u003c\/div\u003e\n\u003ch2 class=\"panda__h2\"\u003eWhy Fans Love It\u003c\/h2\u003e\n\u003cp class=\"panda__lead\"\u003eIt's not just novelty art — every key shares one warm, storybook autumn palette pulled straight from the red fox's woodland home.\u003c\/p\u003e\n\u003cdiv class=\"panda__divider\"\u003e\u003cspan class=\"panda__leaf\"\u003e🍁\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__stats\"\u003e\n\u003cdiv class=\"panda__stat panda__stat--terracotta\"\u003e\n\u003cdiv class=\"panda__stat-num\"\u003eTerracotta\u003c\/div\u003e\n\u003cdiv class=\"panda__stat-label\"\u003eWarm Fox Red\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__stat panda__stat--sage\"\u003e\n\u003cdiv class=\"panda__stat-num\"\u003eSage\u003c\/div\u003e\n\u003cdiv class=\"panda__stat-label\"\u003eForest Green\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__stat panda__stat--cream\"\u003e\n\u003cdiv class=\"panda__stat-num\"\u003eCream\u003c\/div\u003e\n\u003cdiv class=\"panda__stat-label\"\u003eSoft Daylight\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__stat panda__stat--mustard\"\u003e\n\u003cdiv class=\"panda__stat-num\"\u003eMustard\u003c\/div\u003e\n\u003cdiv class=\"panda__stat-label\"\u003eGolden Hour\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__media-rect panda__hero-banner\"\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i2\/3386302779\/O1CN01xxnm7D1WOpaRRk4vX_!!3386302779.jpg\" alt=\"Red Fox and Forest Friends keycap set close lifestyle scene\" loading=\"lazy\" style=\"object-position: center;\"\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__head\"\u003e\n\u003cdiv class=\"panda__kicker\"\u003eAnswers\u003c\/div\u003e\n\u003ch2 class=\"panda__h2\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdiv class=\"panda__divider\"\u003e\u003cspan class=\"panda__leaf\"\u003e🍁\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__faq\"\u003e\n\u003cdetails open\u003e\u003csummary\u003eWill this fit my keyboard?\u003c\/summary\u003e\u003cdiv class=\"panda__faq-body\"\u003eThe set uses standard MX-style stems and supports most popular layouts, including ANSI and ISO boards, Alice layout ergonomic keyboards, and boards with a 7u spacebar. Unsure? Send us your keyboard model and we'll confirm before you order.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eHow many keys are included?\u003c\/summary\u003e\u003cdiv class=\"panda__faq-body\"\u003eThe set includes 139 keycaps in total, covering alphas, modifiers, the function row, and the themed novelty caps shown in the photos.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eWhat switches does it work with?\u003c\/summary\u003e\u003cdiv class=\"panda__faq-body\"\u003eAny MX-style switch — Cherry MX, Gateron, Kailh and most MX clones. It is not compatible with membrane, scissor-switch, or low-profile keyboards.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eDoes it work with Alice layout keyboards?\u003c\/summary\u003e\u003cdiv class=\"panda__faq-body\"\u003eYes. The set includes the extra keys needed to dress ergonomic Alice-style split keyboards, alongside standard ANSI and ISO layouts.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eIs a keyboard included?\u003c\/summary\u003e\u003cdiv class=\"panda__faq-body\"\u003eNo — this listing is for the keycap set only. Keyboards, switches and accessories shown in the photos are for display purposes and are not included.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eHow do I install the keycaps?\u003c\/summary\u003e\u003cdiv class=\"panda__faq-body\"\u003eUse a keycap puller to remove your existing caps, line up the new set with your layout, and press each cap onto its switch stem until it clicks. The whole swap usually takes just a few minutes.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eWhat profile is SO profile?\u003c\/summary\u003e\u003cdiv class=\"panda__faq-body\"\u003eSO profile is a smooth, gently sculpted keycap shape designed for a comfortable, ergonomic typing feel during long sessions.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eWill the colours look like the photos?\u003c\/summary\u003e\u003cdiv class=\"panda__faq-body\"\u003eWe work hard to represent the warm terracotta, sage green and cream tones accurately. Monitor calibration can shift on-screen colour slightly, but the real-world caps stay true to the cozy autumn palette shown.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eDoes it support a 7u spacebar?\u003c\/summary\u003e\u003cdiv class=\"panda__faq-body\"\u003eYes, the set includes spacebar options sized for boards using a 7u spacebar, in addition to standard spacebar sizes.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eCan I buy just the novelty keys separately?\u003c\/summary\u003e\u003cdiv class=\"panda__faq-body\"\u003eThis listing is sold as the complete 139-key set rather than individual novelties. All the red fox and forest-friend novelty caps shown are included within the full set.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eHow should I store the set if I swap it out?\u003c\/summary\u003e\u003cdiv class=\"panda__faq-body\"\u003eKeep the caps in their original tray or a small storage box, away from direct sunlight and moisture, so they stay ready for your next swap whenever the mood strikes.\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__head\"\u003e\n\u003cdiv class=\"panda__kicker\"\u003eThe Experience\u003c\/div\u003e\n\u003ch2 class=\"panda__h2\"\u003eSound \u0026amp; \u003cem\u003eFeel\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"panda__lead\"\u003eMore than a look — the SO profile changes how your board feels under the fingers.\u003c\/p\u003e\n\u003cdiv class=\"panda__divider\"\u003e\u003cspan class=\"panda__leaf\"\u003e🍁\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__panels\"\u003e\n\u003carticle class=\"panda__panel\"\u003e\u003cspan class=\"panda__panel-ic\"\u003e🤚\u003c\/span\u003e\u003ch3\u003eA Comfortable, Rounded Touch\u003c\/h3\u003e\n\u003cp\u003eThe sculpted SO profile gives each cap a smooth, rounded top that feels gentle and natural under your fingertips through long typing sessions.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__panel\"\u003e\u003cspan class=\"panda__panel-ic\"\u003e🍂\u003c\/span\u003e\u003ch3\u003eA Theme You Can Feel\u003c\/h3\u003e\n\u003cp\u003eFrom the spacebar to the novelty corner keys, the autumn forest details extend across the whole board for a setup that feels complete, not just decorated.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__head\"\u003e\n\u003cdiv class=\"panda__kicker\"\u003eMake It Yours\u003c\/div\u003e\n\u003ch2 class=\"panda__h2\"\u003eStyling \u003cem\u003eIdeas\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"panda__lead\"\u003eBring the cozy autumn forest theme to life across your whole setup.\u003c\/p\u003e\n\u003cdiv class=\"panda__divider\"\u003e\u003cspan class=\"panda__leaf\"\u003e🍁\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__tips\"\u003e\n\u003carticle class=\"panda__tip\"\u003e\u003cspan class=\"panda__tip-ic\"\u003e🪵\u003c\/span\u003e\u003ch4\u003eWood-Tone Desk\u003c\/h4\u003e\n\u003cp\u003ePair the set with a wooden desk mat or warm wood deskpad to round out the woodland-cabin atmosphere.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__tip\"\u003e\u003cspan class=\"panda__tip-ic\"\u003e🕯️\u003c\/span\u003e\u003ch4\u003eWarm Lighting\u003c\/h4\u003e\n\u003cp\u003eSoft, warm-white desk lighting makes the terracotta and cream tones glow like a forest at golden hour.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__tip\"\u003e\u003cspan class=\"panda__tip-ic\"\u003e🌿\u003c\/span\u003e\u003ch4\u003eA Touch of Green\u003c\/h4\u003e\n\u003cp\u003eA small desk plant or two echoes the forest theme and keeps the whole setup feeling fresh and alive.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__tip\"\u003e\u003cspan class=\"panda__tip-ic\"\u003e🦊\u003c\/span\u003e\u003ch4\u003eFeature the Novelties\u003c\/h4\u003e\n\u003cp\u003ePlace the red fox and leaf novelty caps on your Escape or Enter key to make the theme's hero details pop.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__head\"\u003e\n\u003cdiv class=\"panda__kicker\"\u003eShop With Confidence\u003c\/div\u003e\n\u003ch2 class=\"panda__h2\"\u003eOur Promise to \u003cem\u003eYou\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"panda__divider\"\u003e\u003cspan class=\"panda__leaf\"\u003e🍁\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panda__promise\"\u003e\n\u003carticle class=\"panda__promise-card\"\u003e\u003cspan class=\"panda__promise-ic\"\u003e📦\u003c\/span\u003e\u003ch4\u003eCarefully Packed\u003c\/h4\u003e\n\u003cp\u003eEvery set is securely packaged so your keycaps arrive in perfect, ready-to-mount condition.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__promise-card\"\u003e\u003cspan class=\"panda__promise-ic\"\u003e🔍\u003c\/span\u003e\u003ch4\u003eQuality Checked\u003c\/h4\u003e\n\u003cp\u003eEach order is inspected for clean, even artwork and consistent moulding before it ships.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__promise-card\"\u003e\u003cspan class=\"panda__promise-ic\"\u003e💬\u003c\/span\u003e\u003ch4\u003eFriendly Support\u003c\/h4\u003e\n\u003cp\u003eQuestions about fit, layout or spacebar size? Reach out any time and a real person will help.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"panda__promise-card\"\u003e\u003cspan class=\"panda__promise-ic\"\u003e🦊\u003c\/span\u003e\u003ch4\u003eMade for Fans\u003c\/h4\u003e\n\u003cp\u003eDesigned for people who love a cozy, characterful desk that feels like a little escape into nature.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__gift\"\u003e\n\u003cspan class=\"panda__gift-ic\"\u003e🎁\u003c\/span\u003e\u003ch2\u003eA Cozy Gift for Any Desk\u003c\/h2\u003e\n\u003cp\u003eWarm, whimsical and full of charm — the Red Fox \u0026amp; Forest Friends set is a thoughtful surprise for keyboard enthusiasts, animal lovers, and anyone who treasures a cozy setup.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"panda__section\"\u003e\u003cdiv class=\"panda__cta\"\u003e\n\u003cdiv class=\"panda__sparkle\"\u003e\u003c\/div\u003e\n\u003ch2\u003eBring the \u003cem\u003eForest\u003c\/em\u003e to Your Desk\u003c\/h2\u003e\n\u003cp\u003eA red fox curled up by the trail, acorns underfoot, leaves drifting past every letter key — this 139-key set turns your board into a little storybook autumn woodland, one keystroke at a time.\u003c\/p\u003e\n\u003cp style=\"margin-top: 10px; font-size: clamp(13px, 1.6vw, 15px); color: rgba(245,236,217,0.7); font-style: normal;\"\u003eReady to bring this little guy home? Your set is just one tap away.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406846468311,"sku":null,"price":69.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/fox-forest-friends-theme-keycap-set-7849643.webp?v=1783490371"},{"product_id":"naruto-chibi-anime-artisan-keycap-set","title":"Naruto Chibi Anime Artisan Keycap Set","description":"\u003c!-- ================================================================= --\u003e\u003c!-- NARUTO CHIBI ANIME ARTISAN KEYCAP SET — PRODUCT DESCRIPTION --\u003e\u003c!-- ----------------------------------------------------------------- --\u003e\u003c!-- Paste into Shopify product editor \"\u003c\u003e\" (Show HTML) view. --\u003e\u003c!-- • 16 images placed in varied layouts (full-width \/ 3-grid \/ --\u003e\u003c!-- 2-pair \/ rectangle \/ split) — see HTML comments per slot --\u003e\u003c!-- • Styles scoped under .ntk — safe alongside your theme --\u003e\u003c!-- • lang=\"en\" — uppercase \"i\" renders as \"I\" --\u003e\u003c!-- • Hover effects on all cards, images and interactive elements --\u003e\u003c!-- • Closing seal scrolls to Add to Cart --\u003e\u003c!-- • Fully responsive · Mobile · Tablet · Desktop --\u003e\u003c!-- • All content max-widths: 1200px minimum --\u003e\u003c!-- • ANSI only — NOT compatible with ISO layouts (noted clearly) --\u003e\u003c!-- ================================================================= --\u003e\u003cstyle\u003e\/* ================================================================= *\/\/* FONTS *\/\/* ================================================================= *\/@import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400\u0026family=Inter:wght@400;500;600;700;800\u0026display=swap');\/* ================================================================= *\/\/* DESIGN TOKENS — Naruto · anime · sunset orange · ninja leaf *\/\/* ================================================================= *\/.ntk { \/* --- Palette --- *\/ --ntk-orange: #e8680a; --ntk-orange-deep: #b34d00; --ntk-orange-soft: #f5a04a; --ntk-orange-glow: rgba(232,104,10,0.45); --ntk-cream: #f6ebd4; --ntk-cream-2: #f0dfba; --ntk-paper: #fdf7ec; --ntk-ramen: #f5e6c8; --ntk-wood: #3d2710; --ntk-wood-2: #5a3a1a; --ntk-night: #0d1020; --ntk-night-2: #151828; --ntk-night-3: #1e2535; --ntk-leaf: #4a7c3f; --ntk-leaf-dark: #2e4e26; --ntk-scroll: #c42b2b; --ntk-chakra: #f5c518; --ntk-chakra-2: #d4a800; --ntk-ink: #1e1208; --ntk-text: #4a3018; --ntk-muted: #7a6040; --ntk-line: rgba(232,104,10,0.22); --ntk-line-soft: rgba(232,104,10,0.10); --ntk-shadow: 0 20px 52px -20px rgba(30,18,8,0.50); --ntk-shadow-sm: 0 10px 26px -12px rgba(30,18,8,0.35); --ntk-glow: 0 0 28px rgba(232,104,10,0.42); --ntk-glow-y: 0 0 26px rgba(245,197,24,0.40); \/* Typography *\/ --ntk-display: 'Nunito', 'Trebuchet MS', Arial, sans-serif; --ntk-body: 'Inter', system-ui, -apple-system, sans-serif; \/* Layout *\/ --ntk-radius: 16px; --ntk-radius-lg: 22px; --ntk-maxw: 1280px; --ntk-gap: clamp(14px, 2.2vw, 22px); --ntk-section: clamp(44px, 7vw, 80px); \/* Base *\/ font-family: var(--ntk-body); color: var(--ntk-ink); line-height: 1.7; font-size: 18px; max-width: var(--ntk-maxw); margin: 0 auto; padding: 0 4px; text-align: center; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; box-sizing: border-box;}.ntk *,.ntk *::before,.ntk *::after { box-sizing: border-box; }.ntk p { margin: 0 0 1em; font-size: clamp(15px, 1.6vw, 17.5px); }.ntk p:last-child { margin-bottom: 0; }.ntk strong { font-weight: 800; }.ntk h1, .ntk h2, .ntk h3, .ntk h4 { margin: 0; line-height: 1.15; }\/* ================================================================= *\/\/* PAGE FRAME *\/\/* ================================================================= *\/.ntk__sheet { position: relative; background: radial-gradient(120% 80% at 50% -10%, rgba(232,104,10,0.10), transparent 55%), linear-gradient(180deg, #fdf7ec 0%, #f6ebd4 50%, #f0dfba 100%); border: 2px solid rgba(232,104,10,0.20); border-radius: var(--ntk-radius-lg); overflow: hidden; box-shadow: var(--ntk-shadow);}.ntk__sheet::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: 0.40; background-image: radial-gradient(rgba(61,39,16,0.05) 1px, transparent 1px), radial-gradient(rgba(232,104,10,0.04) 1px, transparent 1px); background-size: 22px 22px, 34px 34px; background-position: 0 0, 11px 17px; mix-blend-mode: multiply;}.ntk__inner { position: relative; z-index: 1; padding: clamp(22px, 5vw, 56px); }\/* ================================================================= *\/\/* HERO *\/\/* ================================================================= *\/.ntk__hero { position: relative; text-align: center; padding: clamp(28px, 5.5vw, 58px) clamp(10px, 3vw, 36px) clamp(32px, 5.5vw, 60px); border-radius: var(--ntk-radius); background: radial-gradient(80% 110% at 50% 0%, rgba(232,104,10,0.22), transparent 58%), linear-gradient(160deg, #0d1020 0%, #080c18 60%, #0d1020 100%); color: var(--ntk-cream); overflow: hidden; border: 2px solid rgba(232,104,10,0.32); box-shadow: inset 0 0 60px rgba(0,0,0,0.55), var(--ntk-shadow);}\/* kunai \/ leaf particle ambience *\/.ntk__ambience { position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(1.8px 1.8px at 12% 20%, rgba(245,160,74,0.85), transparent), radial-gradient(1.4px 1.4px at 82% 16%, rgba(245,197,24,0.70), transparent), radial-gradient(1.6px 1.6px at 34% 72%, rgba(232,104,10,0.80), transparent), radial-gradient(1.2px 1.2px at 68% 58%, rgba(245,197,24,0.55), transparent), radial-gradient(1.5px 1.5px at 90% 80%, rgba(245,160,74,0.65), transparent), radial-gradient(1.3px 1.3px at 22% 86%, rgba(74,124,63,0.50), transparent), radial-gradient(1px 1px at 55% 30%, rgba(232,104,10,0.50), transparent); animation: ntk-drift 7s ease-in-out infinite alternate;}@keyframes ntk-drift { 0% { opacity: 0.5; transform: translateY(0); } 100% { opacity: 1; transform: translateY(-6px); }}.ntk__eyebrow { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 10px; font-weight: 700; letter-spacing: 0.28em; text-transform: uppercase; font-size: clamp(10px, 1.4vw, 12px); color: var(--ntk-orange-soft); padding: 9px 18px; border: 1px solid rgba(232,104,10,0.45); border-radius: 999px; background: rgba(232,104,10,0.10); margin-bottom: 8px; transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;}.ntk__eyebrow::before,.ntk__eyebrow::after { content: \"🍃\"; font-size: 12px; }.ntk__eyebrow:hover { transform: translateY(-2px) scale(1.03); background: rgba(232,104,10,0.18); box-shadow: var(--ntk-glow); }.ntk__title { position: relative; z-index: 2; font-family: var(--ntk-display); font-weight: 900; line-height: 1.05; margin: clamp(30px, 4.5vw, 48px) 0 0; font-size: clamp(28px, 5.5vw, 58px); color: var(--ntk-cream); text-shadow: 0 3px 0 rgba(0,0,0,0.40), 0 0 32px rgba(232,104,10,0.28); letter-spacing: -0.01em;}.ntk__title .ntk__orange { background: linear-gradient(180deg, #ffd37e 0%, #f5a04a 50%, #c06008 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}.ntk__subtitle { position: relative; z-index: 2; text-align: center; font-style: italic; font-size: clamp(15px, 2vw, 20px); color: rgba(246,235,212,0.86); max-width: 1200px; margin: clamp(16px, 3vw, 24px) auto 0;}.ntk__hero-rule { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 14px; margin: clamp(22px, 4vw, 30px) auto 0; max-width: 1200px;}.ntk__hero-rule::before,.ntk__hero-rule::after { content: \"\"; height: 1px; flex: 1; background: linear-gradient(90deg, transparent, rgba(232,104,10,0.7), transparent); }.ntk__hero-rule span { font-size: 16px; letter-spacing: 0.15em; }.ntk__badges { position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: clamp(22px, 4vw, 30px);}.ntk__badge { display: inline-flex; align-items: center; gap: 8px; font-size: clamp(11px, 1.4vw, 13px); font-weight: 700; color: var(--ntk-cream); padding: 10px 16px; border-radius: 999px; border: 1px solid rgba(232,104,10,0.32); background: rgba(246,235,212,0.05); transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;}.ntk__badge span:first-child { font-size: 15px; }.ntk__badge:hover { transform: translateY(-3px); background: rgba(232,104,10,0.16); border-color: var(--ntk-orange); box-shadow: var(--ntk-glow); }\/* ================================================================= *\/\/* SECTION SCAFFOLD *\/\/* ================================================================= *\/.ntk__section { margin-top: var(--ntk-section); }.ntk__head { text-align: center; margin-bottom: clamp(28px, 4vw, 44px); }.ntk__kicker { display: flex; align-items: center; justify-content: center; gap: 12px; font-weight: 700; letter-spacing: 0.28em; text-transform: uppercase; font-size: clamp(10px, 1.4vw, 12px); color: var(--ntk-orange-deep); margin-bottom: 12px;}.ntk__kicker::before,.ntk__kicker::after { content: \"✦\"; color: var(--ntk-orange); font-size: 10px; }.ntk__h2 { font-family: var(--ntk-display); font-weight: 900; text-align: center; font-size: clamp(25px, 4.4vw, 42px); line-height: 1.1; margin: 0 auto 12px; color: var(--ntk-ink); max-width: 1200px; letter-spacing: -0.01em; transition: text-shadow 0.4s ease;}.ntk__h2:hover { text-shadow: 0 0 22px rgba(232,104,10,0.32); }.ntk__lead { text-align: center; max-width: 1200px; margin: 0 auto; color: var(--ntk-muted); font-size: clamp(15px, 1.7vw, 18px);}.ntk__divider { display: flex; align-items: center; justify-content: center; gap: 16px; margin: clamp(16px, 3vw, 22px) auto 0; max-width: 1200px;}.ntk__divider::before,.ntk__divider::after { content: \"\"; height: 1px; flex: 1; background: linear-gradient(90deg, transparent, var(--ntk-orange-deep), transparent); }.ntk__divider-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ntk-orange); box-shadow: 0 0 0 4px rgba(232,104,10,0.20); transition: transform 0.4s ease, box-shadow 0.4s ease; }.ntk__divider:hover .ntk__divider-dot { transform: scale(1.35); box-shadow: 0 0 0 6px rgba(232,104,10,0.25); }.ntk__prose { max-width: 1200px; margin: 0 auto; text-align: center; }.ntk__prose p { color: var(--ntk-text); margin: 0 auto 1.1em; }.ntk__prose p:last-child { margin-bottom: 0; }\/* ================================================================= *\/\/* MEDIA: FULL-WIDTH *\/\/* ================================================================= *\/.ntk__media-full { width: 100%; border-radius: var(--ntk-radius); overflow: hidden; border: 2px solid rgba(232,104,10,0.18); box-shadow: var(--ntk-shadow-sm); line-height: 0; background: var(--ntk-paper); transition: transform 0.4s ease, box-shadow 0.4s ease;}.ntk__media-full:hover { transform: translateY(-4px); box-shadow: var(--ntk-shadow); }.ntk__media-full img { width: 100%; display: block; height: auto; transition: transform 0.6s ease; }.ntk__media-full:hover img { transform: scale(1.02); }\/* ================================================================= *\/\/* MEDIA: 3-IMAGE GRID (1:1, cover) *\/\/* ================================================================= *\/.ntk__grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(12px, 1.8vw, 18px);}.ntk__grid-img { position: relative; overflow: hidden; border-radius: var(--ntk-radius); border: 2px solid rgba(232,104,10,0.16); line-height: 0; background: var(--ntk-paper); box-shadow: var(--ntk-shadow-sm); aspect-ratio: 1 \/ 1; transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;}.ntk__grid-img:hover { transform: translateY(-5px); box-shadow: var(--ntk-shadow); border-color: rgba(232,104,10,0.55); }.ntk__grid-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }.ntk__grid-img:hover img { transform: scale(1.08); }.ntk__img-label { position: absolute; top: 12px; right: 12px; background: rgba(253,247,236,0.94); color: var(--ntk-orange-deep); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; box-shadow: 0 2px 8px rgba(30,18,8,0.20); z-index: 2; border: 1px solid rgba(232,104,10,0.30);}\/* ================================================================= *\/\/* MEDIA: 2-IMAGE PAIR (4:3, cover) *\/\/* ================================================================= *\/.ntk__pair { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(12px, 1.8vw, 18px);}.ntk__pair .ntk__grid-img { aspect-ratio: 4 \/ 3; }\/* ================================================================= *\/\/* MEDIA: RECTANGLE BREAK (21:9, cover) *\/\/* ================================================================= *\/.ntk__media-rect { width: 100%; border-radius: var(--ntk-radius); overflow: hidden; border: 2px solid rgba(232,104,10,0.18); box-shadow: var(--ntk-shadow-sm); line-height: 0; aspect-ratio: 21 \/ 9; background: var(--ntk-paper); transition: transform 0.4s ease, box-shadow 0.4s ease;}.ntk__media-rect:hover { transform: translateY(-4px); box-shadow: var(--ntk-shadow); }.ntk__media-rect img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }.ntk__media-rect:hover img { transform: scale(1.04); }\/* ================================================================= *\/\/* MEDIA: SPLIT (image left + text right) *\/\/* ================================================================= *\/.ntk__split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(18px, 3vw, 32px); align-items: stretch;}.ntk__split-img { position: relative; border-radius: var(--ntk-radius); overflow: hidden; border: 2px solid rgba(232,104,10,0.16); box-shadow: var(--ntk-shadow-sm); line-height: 0; background: var(--ntk-paper); min-height: 320px; transition: transform 0.4s ease, box-shadow 0.4s ease;}.ntk__split-img:hover { transform: translateY(-4px); box-shadow: var(--ntk-shadow); }.ntk__split-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }.ntk__split-img:hover img { transform: scale(1.05); }.ntk__split-text { text-align: left; background: var(--ntk-paper); border: 2px solid rgba(232,104,10,0.16); border-radius: var(--ntk-radius); padding: clamp(24px, 3.4vw, 38px); display: flex; flex-direction: column; justify-content: center;}.ntk__split-text h3 { font-family: var(--ntk-display); font-weight: 800; font-size: clamp(18px, 2.4vw, 26px); margin: 0 0 14px; color: var(--ntk-ink); }.ntk__split-list { list-style: none; margin: 0; padding: 0; }.ntk__split-list li { position: relative; padding: 9px 0 9px 32px; font-size: clamp(14px, 1.6vw, 16px); color: var(--ntk-text); border-bottom: 1px solid var(--ntk-line-soft); }.ntk__split-list li:last-child { border-bottom: none; }.ntk__split-list li::before { content: \"🍥\"; position: absolute; left: 0; top: 8px; font-size: 14px; }\/* ================================================================= *\/\/* TRUST STRIP *\/\/* ================================================================= *\/.ntk__trust { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin-top: clamp(22px, 3vw, 30px);}.ntk__trust-item { display: flex; align-items: center; gap: 12px; padding: 16px 18px; background: var(--ntk-paper); border: 2px solid rgba(232,104,10,0.14); border-radius: var(--ntk-radius); text-align: left; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}.ntk__trust-item:hover { transform: translateY(-4px); box-shadow: var(--ntk-shadow-sm); border-color: rgba(232,104,10,0.50); }.ntk__trust-ic { width: 42px; height: 42px; flex: none; border-radius: 12px; display: grid; place-items: center; font-size: 19px; background: linear-gradient(135deg, rgba(232,104,10,0.12), rgba(245,197,24,0.08)); border: 1px solid rgba(232,104,10,0.18); transition: transform 0.35s ease; }.ntk__trust-item:hover .ntk__trust-ic { transform: scale(1.12) rotate(-5deg); }.ntk__trust-t { font-weight: 800; font-size: 14px; color: var(--ntk-ink); }.ntk__trust-s { font-size: 12.5px; color: var(--ntk-muted); }\/* ================================================================= *\/\/* FEATURE GRID *\/\/* ================================================================= *\/.ntk__features { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--ntk-gap);}.ntk__feature { position: relative; text-align: left; background: var(--ntk-paper); border: 2px solid rgba(232,104,10,0.14); border-radius: var(--ntk-radius); padding: clamp(20px, 3vw, 28px); overflow: hidden; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;}.ntk__feature::after { content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--ntk-orange), var(--ntk-chakra), var(--ntk-leaf)); opacity: 0; transition: opacity 0.35s ease;}.ntk__feature:hover { transform: translateY(-6px); box-shadow: var(--ntk-shadow-sm); border-color: rgba(232,104,10,0.45); }.ntk__feature:hover::after { opacity: 1; }.ntk__feature-icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px; font-size: 24px; margin-bottom: 14px; background: linear-gradient(145deg, #0d1020, #080c18); border: 2px solid rgba(232,104,10,0.35); box-shadow: inset 0 0 14px rgba(232,104,10,0.15); transition: transform 0.4s ease, box-shadow 0.4s ease;}.ntk__feature:hover .ntk__feature-icon { transform: rotate(-6deg) scale(1.10); box-shadow: inset 0 0 14px rgba(232,104,10,0.28), var(--ntk-glow); }.ntk__feature h3 { font-family: var(--ntk-display); font-weight: 800; font-size: clamp(16px, 2vw, 19px); margin: 0 0 8px; color: var(--ntk-ink); }.ntk__feature p { margin: 0; font-size: clamp(14px, 1.5vw, 15.5px); color: var(--ntk-muted); line-height: 1.65; }\/* ================================================================= *\/\/* SPOTLIGHT — dark night band *\/\/* ================================================================= *\/.ntk__spotlight { position: relative; text-align: center; border-radius: var(--ntk-radius-lg); overflow: hidden; padding: clamp(30px, 5vw, 58px); background: radial-gradient(80% 120% at 50% 0%, rgba(232,104,10,0.16), transparent 55%), linear-gradient(155deg, #0d1020, #080c18); color: var(--ntk-cream); border: 2px solid rgba(232,104,10,0.28); box-shadow: var(--ntk-shadow);}.ntk__spotlight .ntk__kicker { color: var(--ntk-orange-soft); }.ntk__spotlight .ntk__kicker::before,.ntk__spotlight .ntk__kicker::after { color: var(--ntk-chakra); }.ntk__spotlight h2 { font-family: var(--ntk-display); font-weight: 900; font-size: clamp(24px, 4vw, 40px); margin: 0 auto 14px; color: var(--ntk-cream); max-width: 1200px; text-shadow: 0 2px 0 rgba(0,0,0,0.35); }.ntk__spotlight \u003e p { max-width: 1200px; color: rgba(246,235,212,0.85); margin: 0 auto; font-size: clamp(15px, 1.7vw, 17.5px); }.ntk__spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)); gap: 14px; margin-top: clamp(26px, 3.5vw, 36px);}.ntk__spec { border: 1px solid rgba(232,104,10,0.26); border-radius: 12px; padding: 18px 16px 16px; background: rgba(246,235,212,0.04); transition: background 0.3s ease, transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;}.ntk__spec:hover { background: rgba(232,104,10,0.12); transform: translateY(-4px); border-color: var(--ntk-orange); box-shadow: var(--ntk-glow); }.ntk__spec-k { font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; font-size: 10.5px; color: var(--ntk-orange-soft); margin-bottom: 6px; }.ntk__spec-v { font-size: clamp(15px, 1.8vw, 18px); color: var(--ntk-cream); font-weight: 700; font-family: var(--ntk-display); }\/* ================================================================= *\/\/* PROFILE CARDS (MAO \/ SOA) *\/\/* ================================================================= *\/.ntk__profiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--ntk-gap);}.ntk__profile { position: relative; background: var(--ntk-paper); border: 2px solid rgba(232,104,10,0.16); border-radius: var(--ntk-radius); padding: clamp(26px, 3.5vw, 36px) clamp(18px, 3vw, 26px); text-align: center; overflow: hidden; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;}.ntk__profile::after { content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--ntk-orange-deep), var(--ntk-orange-soft), var(--ntk-orange-deep));}.ntk__profile:hover { transform: translateY(-7px); box-shadow: var(--ntk-shadow-sm); border-color: rgba(232,104,10,0.55); }.ntk__profile-glyph { font-family: var(--ntk-display); font-weight: 900; font-size: 32px; width: 68px; height: 68px; margin: 0 auto 14px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--ntk-orange); border: 2px solid var(--ntk-orange); background: radial-gradient(circle at 50% 35%, rgba(232,104,10,0.14), transparent 70%); transition: transform 0.4s ease, box-shadow 0.4s ease;}.ntk__profile:hover .ntk__profile-glyph { transform: scale(1.10); box-shadow: var(--ntk-glow); }.ntk__profile h3 { font-family: var(--ntk-display); font-weight: 800; font-size: clamp(18px, 2.2vw, 22px); margin: 0 0 5px; color: var(--ntk-ink); }.ntk__profile-tag { display: inline-block; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; font-size: 11px; color: var(--ntk-orange-deep); margin-bottom: 12px; }.ntk__profile p { font-size: 15px; color: var(--ntk-muted); margin: 0; line-height: 1.6; }\/* ================================================================= *\/\/* SPECS TABLE *\/\/* ================================================================= *\/.ntk__table-wrap { max-width: 1200px; margin: 0 auto; border: 2px solid rgba(232,104,10,0.18); border-radius: var(--ntk-radius); overflow: hidden; background: var(--ntk-paper); transition: transform 0.3s ease, box-shadow 0.3s ease;}.ntk__table-wrap:hover { transform: translateY(-2px); box-shadow: var(--ntk-shadow-sm); }.ntk__table { width: 100%; border-collapse: collapse; text-align: left; font-size: clamp(14px, 1.7vw, 16.5px); }.ntk__table tr { transition: background 0.25s ease; }.ntk__table tr:hover { background: rgba(232,104,10,0.10); }.ntk__table tr + tr { border-top: 1px solid var(--ntk-line-soft); }.ntk__table th, .ntk__table td { padding: 15px 22px; vertical-align: top; }.ntk__table th { width: 38%; font-family: var(--ntk-display); font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; font-size: 0.83em; color: var(--ntk-orange-deep); background: rgba(232,104,10,0.06); }.ntk__table td { color: var(--ntk-ink); font-weight: 600; }\/* ================================================================= *\/\/* ALERT \/ NOTICE *\/\/* ================================================================= *\/.ntk__alert { max-width: 1200px; margin: clamp(18px, 3vw, 26px) auto 0; display: flex; align-items: flex-start; gap: 14px; text-align: left; padding: 18px 22px; border-radius: var(--ntk-radius); border: 2px solid rgba(196,43,43,0.30); background: rgba(196,43,43,0.06); color: #7a1818; font-size: 15px; font-weight: 600; transition: transform 0.3s ease, box-shadow 0.3s ease;}.ntk__alert:hover { transform: translateY(-3px); box-shadow: var(--ntk-shadow-sm); border-color: rgba(196,43,43,0.50); }.ntk__alert-ic { font-size: 20px; flex: none; }\/* ================================================================= *\/\/* PANELS (side-by-side text panels) *\/\/* ================================================================= *\/.ntk__panels { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--ntk-gap); text-align: left;}.ntk__panel { background: var(--ntk-paper); border: 2px solid rgba(232,104,10,0.14); border-radius: var(--ntk-radius); padding: clamp(22px, 3.4vw, 32px); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;}.ntk__panel:hover { transform: translateY(-5px); box-shadow: var(--ntk-shadow-sm); border-color: rgba(232,104,10,0.50); }.ntk__panel-ic { font-size: 30px; margin-bottom: 12px; display: inline-block; transition: transform 0.4s ease; }.ntk__panel:hover .ntk__panel-ic { transform: scale(1.12) rotate(-5deg); }.ntk__panel h3 { font-family: var(--ntk-display); font-weight: 800; font-size: clamp(17px, 2.2vw, 21px); margin: 0 0 10px; color: var(--ntk-ink); }.ntk__panel p { margin: 0; color: var(--ntk-muted); font-size: 15.5px; line-height: 1.7; }\/* ================================================================= *\/\/* CARE GUIDE *\/\/* ================================================================= *\/.ntk__care { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: var(--ntk-gap); text-align: left;}.ntk__care-card { background: var(--ntk-paper); border: 2px solid rgba(232,104,10,0.14); border-radius: var(--ntk-radius); padding: clamp(20px, 3vw, 26px); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}.ntk__care-card:hover { transform: translateY(-5px); box-shadow: var(--ntk-shadow-sm); border-color: rgba(232,104,10,0.50); }.ntk__care-num { font-family: var(--ntk-display); font-weight: 900; font-size: 28px; color: var(--ntk-orange); line-height: 1; margin-bottom: 10px; transition: transform 0.35s ease; }.ntk__care-card:hover .ntk__care-num { transform: scale(1.12); }.ntk__care-card h4 { font-family: var(--ntk-display); font-weight: 800; font-size: 16.5px; margin: 0 0 7px; color: var(--ntk-ink); }.ntk__care-card p { margin: 0; font-size: 14.5px; color: var(--ntk-muted); line-height: 1.65; }\/* ================================================================= *\/\/* STATS *\/\/* ================================================================= *\/.ntk__stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--ntk-gap); text-align: center;}.ntk__stat { padding: clamp(22px, 3vw, 30px) 14px; border: 2px solid rgba(232,104,10,0.14); border-radius: var(--ntk-radius); background: var(--ntk-paper); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}.ntk__stat:hover { transform: translateY(-5px); box-shadow: var(--ntk-shadow-sm); border-color: rgba(232,104,10,0.50); }.ntk__stat-num { font-family: var(--ntk-display); font-weight: 900; font-size: clamp(30px, 4.2vw, 44px); background: linear-gradient(180deg, var(--ntk-orange-soft), var(--ntk-orange-deep)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; line-height: 1; margin-bottom: 8px; }.ntk__stat-label { font-family: var(--ntk-display); font-weight: 700; font-size: 13.5px; color: var(--ntk-ink); text-transform: uppercase; letter-spacing: 0.06em; }\/* ================================================================= *\/\/* FAQ *\/\/* ================================================================= *\/.ntk__faq { max-width: 1200px; margin: 0 auto; text-align: left; }.ntk__faq details { border: 2px solid rgba(232,104,10,0.14); border-radius: 12px; background: var(--ntk-paper); margin-bottom: 12px; overflow: hidden; transition: border-color 0.3s ease, box-shadow 0.3s ease;}.ntk__faq details:hover { border-color: rgba(232,104,10,0.45); box-shadow: var(--ntk-shadow-sm); }.ntk__faq details[open] { border-color: rgba(232,104,10,0.55); box-shadow: var(--ntk-shadow-sm); }.ntk__faq summary { list-style: none; cursor: pointer; padding: 18px 22px; font-family: var(--ntk-display); font-weight: 800; font-size: clamp(15px, 1.8vw, 17px); color: var(--ntk-ink); display: flex; align-items: center; justify-content: space-between; gap: 14px; transition: color 0.25s ease; }.ntk__faq summary:hover { color: var(--ntk-orange); }.ntk__faq summary::-webkit-details-marker { display: none; }.ntk__faq summary::after { content: \"+\"; font-weight: 900; font-size: 22px; color: var(--ntk-orange); transition: transform 0.3s ease; line-height: 1; }.ntk__faq details[open] summary::after { transform: rotate(45deg); }.ntk__faq-body { padding: 0 22px 20px; color: var(--ntk-muted); font-size: 15.5px; line-height: 1.7; }\/* ================================================================= *\/\/* GIFT BANNER *\/\/* ================================================================= *\/.ntk__gift { position: relative; text-align: center; border-radius: var(--ntk-radius-lg); overflow: hidden; padding: clamp(30px, 5vw, 52px) clamp(20px, 4vw, 40px); background: linear-gradient(160deg, #fdf7ec, #f6ebd4); border: 2px solid rgba(232,104,10,0.38); box-shadow: var(--ntk-shadow-sm);}.ntk__gift-ic { font-size: 40px; margin-bottom: 12px; display: inline-block; transition: transform 0.4s ease; }.ntk__gift:hover .ntk__gift-ic { transform: scale(1.16) rotate(-8deg); }.ntk__gift h2 { font-family: var(--ntk-display); font-weight: 900; font-size: clamp(23px, 4vw, 36px); color: var(--ntk-ink); margin: 0 0 12px; }.ntk__gift p { max-width: 1200px; margin: 0 auto; color: var(--ntk-text); font-size: clamp(15px, 1.7vw, 18px); }\/* ================================================================= *\/\/* CLOSING CTA *\/\/* ================================================================= *\/.ntk__cta { position: relative; text-align: center; border-radius: var(--ntk-radius-lg); overflow: hidden; padding: clamp(36px, 6vw, 64px) clamp(20px, 4vw, 40px); background: radial-gradient(80% 110% at 50% 0%, rgba(232,104,10,0.20), transparent 55%), linear-gradient(155deg, #0d1020, #080c18); color: var(--ntk-cream); border: 2px solid rgba(232,104,10,0.32); box-shadow: var(--ntk-shadow);}.ntk__cta .ntk__ambience { opacity: 0.7; }.ntk__cta h2 { position: relative; z-index: 2; font-family: var(--ntk-display); font-weight: 900; font-size: clamp(25px, 5vw, 46px); margin: 0 0 14px; color: var(--ntk-cream); text-shadow: 0 0 28px rgba(232,104,10,0.32); }.ntk__cta p { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; color: rgba(246,235,212,0.86); font-size: clamp(15px, 1.8vw, 19px); font-style: italic; }.ntk__cta-seal { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 12px; margin-top: clamp(22px, 3.5vw, 30px); font-family: var(--ntk-display); font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; font-size: clamp(12px, 1.6vw, 14px); color: var(--ntk-orange-soft); padding: 14px 28px; border: 2px solid rgba(232,104,10,0.45); border-radius: 999px; background: rgba(232,104,10,0.10); cursor: pointer; text-decoration: none; transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;}.ntk__cta-seal:hover { background: rgba(232,104,10,0.22); border-color: var(--ntk-orange); transform: translateY(-3px) scale(1.02); box-shadow: 0 12px 30px -12px rgba(232,104,10,0.60); color: #fff; }.ntk__cta-seal:active { transform: translateY(-1px) scale(0.99); }\/* ================================================================= *\/\/* RESPONSIVE — TABLET *\/\/* ================================================================= *\/@media (max-width: 900px) { .ntk { font-size: 17px; } .ntk__split { grid-template-columns: 1fr; } .ntk__split-img { min-height: 280px; aspect-ratio: 4 \/ 3; }}\/* ================================================================= *\/\/* RESPONSIVE — MOBILE *\/\/* ================================================================= *\/@media (max-width: 600px) { .ntk { padding: 0; font-size: 16.5px; } .ntk__inner { padding: 18px 14px; } .ntk__grid3, .ntk__pair, .ntk__features, .ntk__profiles, .ntk__panels, .ntk__care, .ntk__stats, .ntk__trust, .ntk__spec-grid { grid-template-columns: 1fr; } .ntk__eyebrow { letter-spacing: 0.18em; } .ntk__title { font-size: clamp(24px, 8vw, 36px); } .ntk__media-rect { aspect-ratio: 16 \/ 9; }}\/* ================================================================= *\/\/* REDUCED MOTION *\/\/* ================================================================= *\/@media (prefers-reduced-motion: reduce) { .ntk * { animation: none !important; transition: none !important; }}\u003c\/style\u003e\u003c!-- ================================================================= --\u003e\u003c!-- MARKUP — lang=\"en\" prevents Turkish \"i\" → \"I\" rendering issue --\u003e\u003c!-- ================================================================= --\u003e\u003cdiv class=\"ntk\" lang=\"en\"\u003e \u003cdiv class=\"ntk__sheet\"\u003e \u003cdiv class=\"ntk__inner\"\u003e \u003c!-- ======================== HERO ======================== --\u003e \u003cheader class=\"ntk__hero\"\u003e \u003cdiv class=\"ntk__ambience\"\u003e\u003c\/div\u003e \u003cspan class=\"ntk__eyebrow\"\u003eAnime Collection\u003c\/span\u003e \u003ch1 class=\"ntk__title\"\u003e Naruto Chibi\u003cbr\u003e \u003cspan class=\"ntk__orange\"\u003eArtisan Keycap Set\u003c\/span\u003e \u003c\/h1\u003e \u003cp class=\"ntk__subtitle\"\u003e The Hidden Leaf Village, rendered in thick PBT — chibi ninjas, Hokage Rock and ramen bowls living on every key of your board. Believe it. \u003c\/p\u003e \u003cdiv class=\"ntk__hero-rule\"\u003e \u003cspan\u003e🍥   🍃   🔥\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__badges\"\u003e \u003cspan class=\"ntk__badge\"\u003e\u003cspan\u003e🎨\u003c\/span\u003e\u003cspan\u003eChibi Artwork\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"ntk__badge\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003cspan\u003eThick PBT\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"ntk__badge\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003cspan\u003e5-Sided Dye-Sub\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"ntk__badge\"\u003e\u003cspan\u003e⌨️\u003c\/span\u003e\u003cspan\u003eMAO · SOA\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"ntk__badge\"\u003e\u003cspan\u003e🔗\u003c\/span\u003e\u003cspan\u003eMX Compatible\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/header\u003e \u003c!-- ===================================================== --\u003e \u003c!-- IMAGE 1 — HERO FULL-WIDTH --\u003e \u003c!-- Best choice: main keyboard hero shot — set installed --\u003e \u003c!-- on a wooden keyboard in a styled desk scene --\u003e \u003c!-- ===================================================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__media-full\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/imgi_18_il_fullxfull.7969069794_kcyf.jpg?v=1781190825\" alt=\"Naruto Chibi Artisan Keycap Set mounted on keyboard — hero shot\" loading=\"eager\"\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ======================== INTRO ======================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__head\"\u003e \u003cdiv class=\"ntk__kicker\"\u003eThe Shinobi World\u003c\/div\u003e \u003ch2 class=\"ntk__h2\"\u003eEvery Key Tells a Ninja Story\u003c\/h2\u003e \u003cdiv class=\"ntk__divider\"\u003e\u003cspan class=\"ntk__divider-dot\"\u003e\u003c\/span\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__prose\"\u003e \u003cp\u003e Transform your workspace into a hidden village. The \u003cstrong\u003eNaruto Chibi Artisan Keycap Set\u003c\/strong\u003e captures the warmth and energy of the Shinobi world in a sunset-orange, earthy-wood palette that looks just as good on a wooden board as it does on a gaming rig. From the iconic Hokage Rock on the spacebar to the chibi character portraits on the modifiers, every key earns a second glance. \u003c\/p\u003e \u003cp\u003e Built in \u003cstrong\u003ethick PBT\u003c\/strong\u003e with \u003cstrong\u003efive-sided dye-sublimation\u003c\/strong\u003e, the artwork wraps across the top and walls of each cap — permanent, vivid and resistant to the shine that cheaper materials develop over time. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__trust\"\u003e \u003cdiv class=\"ntk__trust-item\"\u003e \u003cdiv class=\"ntk__trust-ic\"\u003e🚚\u003c\/div\u003e \u003cdiv\u003e \u003cdiv class=\"ntk__trust-t\"\u003eWorldwide Shipping\u003c\/div\u003e \u003cdiv class=\"ntk__trust-s\"\u003eTracked \u0026amp; carefully packed\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__trust-item\"\u003e \u003cdiv class=\"ntk__trust-ic\"\u003e🔒\u003c\/div\u003e \u003cdiv\u003e \u003cdiv class=\"ntk__trust-t\"\u003eSecure Checkout\u003c\/div\u003e \u003cdiv class=\"ntk__trust-s\"\u003eSafe, encrypted payment\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__trust-item\"\u003e \u003cdiv class=\"ntk__trust-ic\"\u003e💬\u003c\/div\u003e \u003cdiv\u003e \u003cdiv class=\"ntk__trust-t\"\u003eFast Support\u003c\/div\u003e \u003cdiv class=\"ntk__trust-s\"\u003eReply within 24 hours\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ===================================================== --\u003e \u003c!-- IMAGES 2, 3, 4 — FIRST 3-IMAGE GRID --\u003e \u003c!-- img5: Full keycap set spread (all ~142 keys laid out) --\u003e \u003c!-- img6: Close-up of chibi character novelty keys --\u003e \u003c!-- img7: Keyboard on desk \/ lifestyle setup shot --\u003e \u003c!-- ===================================================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__head\"\u003e \u003cdiv class=\"ntk__kicker\"\u003eFirst Look\u003c\/div\u003e \u003ch2 class=\"ntk__h2\"\u003eThe Set, Up Close\u003c\/h2\u003e \u003cdiv class=\"ntk__divider\"\u003e\u003cspan class=\"ntk__divider-dot\"\u003e\u003c\/span\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__grid3\"\u003e \u003cdiv class=\"ntk__grid-img\"\u003e \u003cspan class=\"ntk__img-label\"\u003eComplete Set\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/imgi_5_il_fullxfull.7969069682_r43t.jpg?v=1781190825\" alt=\"Naruto Chibi Keycap Set — all 142 keys spread\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__grid-img\"\u003e \u003cspan class=\"ntk__img-label\"\u003eChibi Novelties\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/imgi_6_il_fullxfull.8017035371_o71c.jpg?v=1781190825\" alt=\"Naruto Chibi novelty keycaps close-up\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__grid-img\"\u003e \u003cspan class=\"ntk__img-label\"\u003eOn the Desk\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/imgi_7_il_fullxfull.7969068534_kdqy.jpg?v=1781190825\" alt=\"Naruto Chibi Keycap Set styled on a wooden desk\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ======================== FEATURES ======================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__head\"\u003e \u003cdiv class=\"ntk__kicker\"\u003eWhy You'll Love It\u003c\/div\u003e \u003ch2 class=\"ntk__h2\"\u003eKey Features\u003c\/h2\u003e \u003cdiv class=\"ntk__divider\"\u003e\u003cspan class=\"ntk__divider-dot\"\u003e\u003c\/span\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__features\"\u003e \u003carticle class=\"ntk__feature\"\u003e \u003cdiv class=\"ntk__feature-icon\"\u003e🎨\u003c\/div\u003e \u003ch3\u003eChibi Ninja Artwork\u003c\/h3\u003e \u003cp\u003eAdorable chibi-style characters, scrolls, ramen bowls, kunai and the legendary Hokage Rock spacebar — a whole story across your board.\u003c\/p\u003e \u003c\/article\u003e \u003carticle class=\"ntk__feature\"\u003e \u003cdiv class=\"ntk__feature-icon\"\u003e🛡️\u003c\/div\u003e \u003ch3\u003eThick PBT Build\u003c\/h3\u003e \u003cp\u003eDense PBT resists shine, oil and wear — keeping your set looking premium long after thinner materials would have gone glossy.\u003c\/p\u003e \u003c\/article\u003e \u003carticle class=\"ntk__feature\"\u003e \u003cdiv class=\"ntk__feature-icon\"\u003e✨\u003c\/div\u003e \u003ch3\u003eFive-Sided Dye-Sub\u003c\/h3\u003e \u003cp\u003eVibrant, wrap-around legends baked into the plastic across five sides — impossible to peel, smudge or fade with everyday use.\u003c\/p\u003e \u003c\/article\u003e \u003carticle class=\"ntk__feature\"\u003e \u003cdiv class=\"ntk__feature-icon\"\u003e⌨️\u003c\/div\u003e \u003ch3\u003eTwo Profile Options\u003c\/h3\u003e \u003cp\u003eMAO (spherical, rounded tops) or SOA (sculpted, angled rows) — choose the typing feel that suits your hands.\u003c\/p\u003e \u003c\/article\u003e \u003carticle class=\"ntk__feature\"\u003e \u003cdiv class=\"ntk__feature-icon\"\u003e🔗\u003c\/div\u003e \u003ch3\u003eMX-Style Compatible\u003c\/h3\u003e \u003cp\u003eFits Cherry MX, Gateron, Kailh and most MX cross-stem mechanical switches — easy drop-in install.\u003c\/p\u003e \u003c\/article\u003e \u003carticle class=\"ntk__feature\"\u003e \u003cdiv class=\"ntk__feature-icon\"\u003e🪵\u003c\/div\u003e \u003ch3\u003eAlice Layout Support\u003c\/h3\u003e \u003cp\u003eSpecifically designed to cover standard ANSI plus Alice-style ergonomic boards — a rare and valuable inclusion.\u003c\/p\u003e \u003c\/article\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ===================================================== --\u003e \u003c!-- IMAGES 5, 6 — 2-UP PAIR --\u003e \u003c!-- img8: Keyboard from above \/ top-down angle --\u003e \u003c!-- img9: Side\/front angle showing texture \u0026 colors --\u003e \u003c!-- ===================================================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__pair\"\u003e \u003cdiv class=\"ntk__grid-img\"\u003e \u003cspan class=\"ntk__img-label\"\u003eColor Palette\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/imgi_8_il_fullxfull.8017021835_opun.jpg?v=1781190826\" alt=\"Naruto Chibi Keycap Set warm sunset palette\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__grid-img\"\u003e \u003cspan class=\"ntk__img-label\"\u003eDetail\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/imgi_9_il_fullxfull.8017022023_g9ae.jpg?v=1781190825\" alt=\"Naruto Chibi Keycap Set close-up surface detail\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ======================== MATERIAL SPOTLIGHT ======================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__spotlight\"\u003e \u003cdiv class=\"ntk__kicker\"\u003eBuilt to Endure\u003c\/div\u003e \u003ch2\u003eThick PBT. Five Sides. Never Fades.\u003c\/h2\u003e \u003cp\u003e Standard keycaps print legends on top and let them fade within months. This set is built differently. Dense PBT gives a deeper, more grounded sound and a matte, textured surface that stays exactly as it looks on day one. Five-sided dye-sublimation wraps the artwork across the top face and all four side walls — not applied on top, but fused into the plastic itself. The ninja imagery stays crisp whether you type 1,000 words or 1,000,000. \u003c\/p\u003e \u003cdiv class=\"ntk__spec-grid\"\u003e \u003cdiv class=\"ntk__spec\"\u003e\n\u003cdiv class=\"ntk__spec-k\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"ntk__spec-v\"\u003eThick PBT\u003c\/div\u003e\n\u003c\/div\u003e \u003cdiv class=\"ntk__spec\"\u003e\n\u003cdiv class=\"ntk__spec-k\"\u003ePrinting\u003c\/div\u003e\n\u003cdiv class=\"ntk__spec-v\"\u003e5-Sided Dye-Sub\u003c\/div\u003e\n\u003c\/div\u003e \u003cdiv class=\"ntk__spec\"\u003e\n\u003cdiv class=\"ntk__spec-k\"\u003eProfiles\u003c\/div\u003e\n\u003cdiv class=\"ntk__spec-v\"\u003eMAO · SOA\u003c\/div\u003e\n\u003c\/div\u003e \u003cdiv class=\"ntk__spec\"\u003e\n\u003cdiv class=\"ntk__spec-k\"\u003eKey Count\u003c\/div\u003e\n\u003cdiv class=\"ntk__spec-v\"\u003e~142–143 Keys\u003c\/div\u003e\n\u003c\/div\u003e \u003cdiv class=\"ntk__spec\"\u003e\n\u003cdiv class=\"ntk__spec-k\"\u003eFinish\u003c\/div\u003e\n\u003cdiv class=\"ntk__spec-v\"\u003eMatte, Anti-Shine\u003c\/div\u003e\n\u003c\/div\u003e \u003cdiv class=\"ntk__spec\"\u003e\n\u003cdiv class=\"ntk__spec-k\"\u003eMount\u003c\/div\u003e\n\u003cdiv class=\"ntk__spec-v\"\u003eMX-Style Stem\u003c\/div\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ===================================================== --\u003e \u003c!-- IMAGE 7 — RECTANGLE BREAK --\u003e \u003c!-- Best choice: wide lifestyle \/ keyboard in full scene --\u003e \u003c!-- ===================================================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__media-rect\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/imgi_10_il_fullxfull.7969071634_dr0o.jpg?v=1781190825\" alt=\"Naruto Chibi Keycap Set wide lifestyle view\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ======================== PROFILES ======================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__head\"\u003e \u003cdiv class=\"ntk__kicker\"\u003eChoose Your Style\u003c\/div\u003e \u003ch2 class=\"ntk__h2\"\u003eMAO or SOA — Pick Your Profile\u003c\/h2\u003e \u003cp class=\"ntk__lead\"\u003eSame set, same artwork, completely different typing feel. Both include ~142–143 keys.\u003c\/p\u003e \u003cdiv class=\"ntk__divider\"\u003e\u003cspan class=\"ntk__divider-dot\"\u003e\u003c\/span\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__profiles\"\u003e \u003carticle class=\"ntk__profile\"\u003e \u003cdiv class=\"ntk__profile-glyph\"\u003eM\u003c\/div\u003e \u003ch3\u003eMAO Profile\u003c\/h3\u003e \u003cspan class=\"ntk__profile-tag\"\u003eSpherical · Rounded\u003c\/span\u003e \u003cp\u003eSmooth, rounded tops that curve gently inward — an immersive, comfortable typing feel that looks as playful as the chibi artwork it wears.\u003c\/p\u003e \u003c\/article\u003e \u003carticle class=\"ntk__profile\"\u003e \u003cdiv class=\"ntk__profile-glyph\"\u003eS\u003c\/div\u003e \u003ch3\u003eSOA Profile\u003c\/h3\u003e \u003cspan class=\"ntk__profile-tag\"\u003eSculpted · Angled\u003c\/span\u003e \u003cp\u003eRow-sculpted with distinct angles per row — a purposeful, precise typing experience for those who want both style and ergonomic form.\u003c\/p\u003e \u003c\/article\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ===================================================== --\u003e \u003c!-- IMAGES 8, 9 — 2-UP PAIR --\u003e \u003c!-- img11: Character close-ups \/ Hokage Rock spacebar --\u003e \u003c!-- img12: Second keyboard angle or profile side view --\u003e \u003c!-- ===================================================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__pair\"\u003e \u003cdiv class=\"ntk__grid-img\"\u003e \u003cspan class=\"ntk__img-label\"\u003eHokage Rock\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/imgi_11_il_fullxfull.8017023437_rhjs.jpg?v=1781190825\" alt=\"Naruto Chibi Keycap Set Hokage Rock spacebar detail\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__grid-img\"\u003e \u003cspan class=\"ntk__img-label\"\u003eProfile View\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/imgi_12_il_fullxfull.7969071786_advj.jpg?v=1781190825\" alt=\"Naruto Chibi Keycap Set side profile view\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ===================================================== --\u003e \u003c!-- IMAGES 10, 11, 12 — SECOND 3-IMAGE GRID --\u003e \u003c!-- img13: Alice-layout board with set installed --\u003e \u003c!-- img14: Five-sided print side wall close-up --\u003e \u003c!-- img15: Themed lifestyle \/ warm wood desk setup --\u003e \u003c!-- ===================================================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__head\"\u003e \u003cdiv class=\"ntk__kicker\"\u003eMore Views\u003c\/div\u003e \u003ch2 class=\"ntk__h2\"\u003eThe Full Picture\u003c\/h2\u003e \u003cdiv class=\"ntk__divider\"\u003e\u003cspan class=\"ntk__divider-dot\"\u003e\u003c\/span\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__grid3\"\u003e \u003cdiv class=\"ntk__grid-img\"\u003e \u003cspan class=\"ntk__img-label\"\u003eSOA Profile\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/imgi_13_il_fullxfull.8017024305_lgx4.jpg?v=1781190826\" alt=\"Naruto Chibi Keycap Set on Alice ergonomic keyboard\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__grid-img\"\u003e \u003cspan class=\"ntk__img-label\"\u003eMAO Profile\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/imgi_14_il_fullxfull.8017025483_j8hm.jpg?v=1781190825\" alt=\"Naruto Chibi Keycap five-sided dye-sub side print detail\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__grid-img\"\u003e \u003cspan class=\"ntk__img-label\"\u003eThemed Setup\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/imgi_15_il_fullxfull.7969071228_t0on.jpg?v=1781190825\" alt=\"Naruto Chibi Keycap Set in a warm themed desk setup\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ======================== SPLIT: LAYOUT + COMPATIBILITY ======================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__head\"\u003e \u003cdiv class=\"ntk__kicker\"\u003eCoverage\u003c\/div\u003e \u003ch2 class=\"ntk__h2\"\u003eBuilt for Your Board\u003c\/h2\u003e \u003cdiv class=\"ntk__divider\"\u003e\u003cspan class=\"ntk__divider-dot\"\u003e\u003c\/span\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c!-- ===================================================== --\u003e \u003c!-- IMAGE 13 — SPLIT LEFT --\u003e \u003c!-- Best choice: full key layout sheet (all keys visible) --\u003e \u003c!-- ===================================================== --\u003e \u003cdiv class=\"ntk__split\"\u003e \u003cdiv class=\"ntk__split-img\"\u003e \u003cspan class=\"ntk__img-label\"\u003eFull Layout\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/imgi_19_il_fullxfull.8017021811_l94c.jpg?v=1781195341\" alt=\"Naruto Chibi Keycap Set full layout view\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__split-text\"\u003e \u003ch3\u003eANSI Layout — Wide Compatibility\u003c\/h3\u003e \u003cul class=\"ntk__split-list\"\u003e \u003cli\u003e60% compact keyboards\u003c\/li\u003e \u003cli\u003e65% compact with arrow keys\u003c\/li\u003e \u003cli\u003e75% full-function compact\u003c\/li\u003e \u003cli\u003e80% TKL (tenkeyless)\u003c\/li\u003e \u003cli\u003e96% \u0026amp; full-size 100%\u003c\/li\u003e \u003cli\u003eAlice-style ergonomic layouts\u003c\/li\u003e \u003c\/ul\u003e \u003cp style=\"margin-top:14px; font-size:14px; color:var(--ntk-muted); font-style:italic;\"\u003e Not sure if your board is compatible? Send us your keyboard model and we will confirm before you order. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ======================== SOUND \u0026 FEEL ======================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__head\"\u003e \u003cdiv class=\"ntk__kicker\"\u003eThe Experience\u003c\/div\u003e \u003ch2 class=\"ntk__h2\"\u003eSound \u0026amp; Feel\u003c\/h2\u003e \u003cp class=\"ntk__lead\"\u003eThick PBT changes how your board sounds — and the matte finish changes how it feels.\u003c\/p\u003e \u003cdiv class=\"ntk__divider\"\u003e\u003cspan class=\"ntk__divider-dot\"\u003e\u003c\/span\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__panels\"\u003e \u003carticle class=\"ntk__panel\"\u003e \u003cspan class=\"ntk__panel-ic\"\u003e🔊\u003c\/span\u003e \u003ch3\u003eA Deeper, Thockier Sound\u003c\/h3\u003e \u003cp\u003eThe thick PBT walls dampen the high-pitched ping of thinner caps, giving every keystroke a fuller, grounded sound — worthy of the intensity of a hokage-level battle.\u003c\/p\u003e \u003c\/article\u003e \u003carticle class=\"ntk__panel\"\u003e \u003cspan class=\"ntk__panel-ic\"\u003e🤚\u003c\/span\u003e \u003ch3\u003eGrippy Matte Texture\u003c\/h3\u003e \u003cp\u003eThe fine matte surface of PBT adds confident tactile feedback and resists the greasy shine that ABS caps develop over time — your set stays premium-looking session after session.\u003c\/p\u003e \u003c\/article\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ===================================================== --\u003e \u003c!-- IMAGES 14, 15 — 2-UP PAIR --\u003e \u003c!-- img17: Keyboard with warm lighting \/ mood shot --\u003e \u003c!-- img18: Alternative angle or profile comparison --\u003e \u003c!-- ===================================================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__pair\"\u003e \u003cdiv class=\"ntk__grid-img\"\u003e \u003cspan class=\"ntk__img-label\"\u003eWarm Lighting\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/imgi_17_il_fullxfull.8017021979_f1nd.jpg?v=1781190825\" alt=\"Naruto Chibi Keycap Set under warm desk lighting\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__grid-img\"\u003e \u003cspan class=\"ntk__img-label\"\u003eClose-Up Art\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/imgi_18_il_fullxfull.7969069794_kcyf.jpg?v=1781190825\" alt=\"Naruto Chibi Keycap Set artwork close-up\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ======================== SPECIFICATIONS ======================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__head\"\u003e \u003cdiv class=\"ntk__kicker\"\u003eThe Details\u003c\/div\u003e \u003ch2 class=\"ntk__h2\"\u003eFull Specifications\u003c\/h2\u003e \u003cdiv class=\"ntk__divider\"\u003e\u003cspan class=\"ntk__divider-dot\"\u003e\u003c\/span\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__table-wrap\"\u003e \u003ctable class=\"ntk__table\"\u003e \u003ctbody\u003e \u003ctr\u003e\n\u003cth\u003eSet Name\u003c\/th\u003e\n\u003ctd\u003eNaruto Chibi Anime Artisan Keycap Set\u003c\/td\u003e\n\u003c\/tr\u003e \u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003eHigh-grade PBT (Polybutylene Terephthalate)\u003c\/td\u003e\n\u003c\/tr\u003e \u003ctr\u003e\n\u003cth\u003ePrinting Method\u003c\/th\u003e\n\u003ctd\u003eFive-Sided Dye-Sublimation (fade-resistant)\u003c\/td\u003e\n\u003c\/tr\u003e \u003ctr\u003e\n\u003cth\u003eProfile Options\u003c\/th\u003e\n\u003ctd\u003eMAO (spherical) · SOA (sculpted)\u003c\/td\u003e\n\u003c\/tr\u003e \u003ctr\u003e\n\u003cth\u003eKey Count\u003c\/th\u003e\n\u003ctd\u003e~142–143 keys (varies by profile)\u003c\/td\u003e\n\u003c\/tr\u003e \u003ctr\u003e\n\u003cth\u003eSurface Finish\u003c\/th\u003e\n\u003ctd\u003eMatte, anti-shine texture\u003c\/td\u003e\n\u003c\/tr\u003e \u003ctr\u003e\n\u003cth\u003eStem Type\u003c\/th\u003e\n\u003ctd\u003eMX-Style Cross Stem\u003c\/td\u003e\n\u003c\/tr\u003e \u003ctr\u003e\n\u003cth\u003eLayout Support\u003c\/th\u003e\n\u003ctd\u003eANSI — 60% · 65% · 75% · TKL · 96% · Full-Size · Alice\u003c\/td\u003e\n\u003c\/tr\u003e \u003ctr\u003e\n\u003cth\u003eErgonomic Support\u003c\/th\u003e\n\u003ctd\u003eYes — includes Alice-style ergonomic coverage\u003c\/td\u003e\n\u003c\/tr\u003e \u003ctr\u003e\n\u003cth\u003eCompatible Switches\u003c\/th\u003e\n\u003ctd\u003eStandard MX-style mechanical switches\u003c\/td\u003e\n\u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__alert\"\u003e \u003cspan class=\"ntk__alert-ic\"\u003e❌\u003c\/span\u003e \u003cdiv\u003e \u003cstrong\u003eCompatibility Notice:\u003c\/strong\u003e This set is designed for \u003cstrong\u003eANSI layouts only\u003c\/strong\u003e. It is \u003cstrong\u003enot compatible\u003c\/strong\u003e with ISO layouts (large L-shaped Enter key), membrane keyboards, or low-profile mechanical switches. The keyboard, wooden cases and props shown in images are for display only and are not included. \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ======================== CARE GUIDE ======================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__head\"\u003e \u003cdiv class=\"ntk__kicker\"\u003eKeep the Ninja Spirit Alive\u003c\/div\u003e \u003ch2 class=\"ntk__h2\"\u003eCare \u0026amp; Keeping\u003c\/h2\u003e \u003cdiv class=\"ntk__divider\"\u003e\u003cspan class=\"ntk__divider-dot\"\u003e\u003c\/span\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__care\"\u003e \u003carticle class=\"ntk__care-card\"\u003e \u003cdiv class=\"ntk__care-num\"\u003e01\u003c\/div\u003e \u003ch4\u003eGentle Cleaning\u003c\/h4\u003e \u003cp\u003eWipe with a soft, slightly damp cloth. For deeper cleaning, remove the caps and rinse gently in warm soapy water.\u003c\/p\u003e \u003c\/article\u003e \u003carticle class=\"ntk__care-card\"\u003e \u003cdiv class=\"ntk__care-num\"\u003e02\u003c\/div\u003e \u003ch4\u003eDry Fully\u003c\/h4\u003e \u003cp\u003eAlways let keycaps dry completely before remounting them — moisture in the stem hole can affect your switch.\u003c\/p\u003e \u003c\/article\u003e \u003carticle class=\"ntk__care-card\"\u003e \u003cdiv class=\"ntk__care-num\"\u003e03\u003c\/div\u003e \u003ch4\u003eUse a Puller\u003c\/h4\u003e \u003cp\u003eRemove caps with a wire keycap puller to avoid scratching the legends or bending the switch stem.\u003c\/p\u003e \u003c\/article\u003e \u003carticle class=\"ntk__care-card\"\u003e \u003cdiv class=\"ntk__care-num\"\u003e04\u003c\/div\u003e \u003ch4\u003eAvoid Harsh Chemicals\u003c\/h4\u003e \u003cp\u003eSkip solvents and abrasive cleaners — PBT and dye-sub legends only need water and a little care.\u003c\/p\u003e \u003c\/article\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ======================== STATS ======================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__head\"\u003e \u003cdiv class=\"ntk__kicker\"\u003eAt a Glance\u003c\/div\u003e \u003ch2 class=\"ntk__h2\"\u003eWhy Anime Fans Love It\u003c\/h2\u003e \u003cdiv class=\"ntk__divider\"\u003e\u003cspan class=\"ntk__divider-dot\"\u003e\u003c\/span\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__stats\"\u003e \u003cdiv class=\"ntk__stat\"\u003e\n\u003cdiv class=\"ntk__stat-num\"\u003e142\u003c\/div\u003e\n\u003cdiv class=\"ntk__stat-label\"\u003eKeys\u003c\/div\u003e\n\u003c\/div\u003e \u003cdiv class=\"ntk__stat\"\u003e\n\u003cdiv class=\"ntk__stat-num\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"ntk__stat-label\"\u003eSided Dye-Sub\u003c\/div\u003e\n\u003c\/div\u003e \u003cdiv class=\"ntk__stat\"\u003e\n\u003cdiv class=\"ntk__stat-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ntk__stat-label\"\u003eProfiles\u003c\/div\u003e\n\u003c\/div\u003e \u003cdiv class=\"ntk__stat\"\u003e\n\u003cdiv class=\"ntk__stat-num\"\u003e∞\u003c\/div\u003e\n\u003cdiv class=\"ntk__stat-label\"\u003eNinja Spirit\u003c\/div\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ===================================================== --\u003e \u003c!-- IMAGE 16 — FULL-WIDTH --\u003e \u003c!-- Best choice: second full keyboard hero \/ wide scene --\u003e \u003c!-- ===================================================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__media-full\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/imgi_18_il_fullxfull.7969069794_kcyf.jpg?v=1781190825\" alt=\"Naruto Chibi Keycap Set full lifestyle scene\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ======================== FAQ ======================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__head\"\u003e \u003cdiv class=\"ntk__kicker\"\u003eAnswers\u003c\/div\u003e \u003ch2 class=\"ntk__h2\"\u003eFrequently Asked Questions\u003c\/h2\u003e \u003cdiv class=\"ntk__divider\"\u003e\u003cspan class=\"ntk__divider-dot\"\u003e\u003c\/span\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ntk__faq\"\u003e \u003cdetails open\u003e \u003csummary\u003eDoes this set support ISO keyboards?\u003c\/summary\u003e \u003cdiv class=\"ntk__faq-body\"\u003e No. This set is designed for \u003cstrong\u003eANSI layouts only\u003c\/strong\u003e and does not include an ISO Enter key. If your keyboard uses the large L-shaped Enter key (common in European layouts), this set will not cover it. Please check your layout before ordering. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails\u003e \u003csummary\u003eWhat is the difference between MAO and SOA profiles?\u003c\/summary\u003e \u003cdiv class=\"ntk__faq-body\"\u003e MAO has spherical, rounded keytop surfaces — they feel smooth and immersive. SOA is row-sculpted with distinct height and angle per row, giving a more structured, ergonomic typing feel. Both carry the same full Naruto artwork. Choose based on which typing style you prefer. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails\u003e \u003csummary\u003eWill it fit my keyboard?\u003c\/summary\u003e \u003cdiv class=\"ntk__faq-body\"\u003e The set supports most ANSI boards: 60%, 65%, 75%, TKL, 96%, full-size and Alice-style ergonomic layouts. It is not compatible with ISO, membrane, or low-profile keyboards. If you are unsure, message us with your keyboard model and we will confirm before you order. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails\u003e \u003csummary\u003eWhat switches does it work with?\u003c\/summary\u003e \u003cdiv class=\"ntk__faq-body\"\u003e Any standard MX-style mechanical switch — Cherry MX, Gateron, Kailh and most MX clones. Not compatible with low-profile mechanical switches. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails\u003e \u003csummary\u003eWill the artwork fade?\u003c\/summary\u003e \u003cdiv class=\"ntk__faq-body\"\u003e No. The legends are dye-sublimated across five sides, meaning the ink is fused into the PBT surface. It cannot peel, smudge or fade with normal daily use. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails\u003e \u003csummary\u003eIs the keyboard included?\u003c\/summary\u003e \u003cdiv class=\"ntk__faq-body\"\u003e No. This listing is for the keycap set only. The keyboards, wooden cases and props shown in the images are for display purposes and are not included in your purchase. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails\u003e \u003csummary\u003eDoes it include Alice ergonomic support?\u003c\/summary\u003e \u003cdiv class=\"ntk__faq-body\"\u003e Yes — the set specifically includes the extra keys needed for Alice-style ergonomic keyboard layouts, which is a rare and thoughtful inclusion that most sets do not cover. \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ======================== GIFT BANNER ======================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__gift\"\u003e \u003cspan class=\"ntk__gift-ic\"\u003e🎁\u003c\/span\u003e \u003ch2\u003eThe Perfect Gift for Any Anime Fan\u003c\/h2\u003e \u003cp\u003eBold, colourful and built to last — the Naruto Chibi Artisan Keycap Set is a thoughtful present for keyboard enthusiasts, Naruto fans and anyone whose desk deserves to believe in themselves just a little more.\u003c\/p\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ======================== CLOSING CTA ======================== --\u003e \u003csection class=\"ntk__section\"\u003e \u003cdiv class=\"ntk__cta\"\u003e \u003cdiv class=\"ntk__ambience\"\u003e\u003c\/div\u003e \u003ch2\u003eYour Board. Your Hidden Village.\u003c\/h2\u003e \u003cp\u003eThick PBT, five-sided dye-sub, chibi ninjas — the ultimate upgrade for every Naruto fan's keyboard.\u003c\/p\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c\/div\u003e \u003c\/div\u003e\n\u003c\/div\u003e\u003cnoscript\u003e(function () { function bind() { var link = document.getElementById('ntkCartLink'); if (!link) return; link.addEventListener('click', function (e) { var selectors = [ 'button[name=\"add\"]', '[name=\"add\"]', '.product-form__submit', '.product-form__cart-submit', '#AddToCart', '#AddToCart-product-template', '.add-to-cart', '[data-add-to-cart]', 'form[action*=\"\/cart\/add\"] [type=\"submit\"]', 'form[action*=\"\/cart\/add\"] button' ]; var target = null; for (var i = 0; i \u0026lt; selectors.length \u0026amp;\u0026amp; !target; i++) { target = document.querySelector(selectors[i]); } if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth', block: 'center' }); } }); } if (document.readyState !== 'loading') { bind(); } else { document.addEventListener('DOMContentLoaded', bind); }})();\u003c\/noscript\u003e\u003c!-- ================================================================= --\u003e\u003c!-- END NARUTO CHIBI ANIME ARTISAN KEYCAP SET DESCRIPTION --\u003e\u003c!-- ================================================================= --\u003e","brand":"Rolipan","offers":[{"title":"MAO Profile","offer_id":49406846501079,"sku":null,"price":69.9,"currency_code":"USD","in_stock":true},{"title":"SOA Profile","offer_id":49406846533847,"sku":null,"price":69.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/naruto-chibi-anime-artisan-keycap-set-4273629.jpg?v=1783490372"},{"product_id":"deer-in-the-deep-forest-theme-keycap-set","title":"Deer in the Deep Forest Theme Keycap Set","description":"\u003c!-- ================================================================= --\u003e\u003c!-- DEER IN THE DEEP FOREST — KEYCAP SET PRODUCT DESCRIPTION --\u003e\u003c!-- ----------------------------------------------------------------- --\u003e\u003c!-- Paste into Shopify product editor \"\u003c\u003e\" (Show HTML) view. --\u003e\u003c!-- • Varied image placement (full-width · grids · pairs · split) --\u003e\u003c!-- • Styles scoped under .deer (safe alongside your theme) --\u003e\u003c!-- • lang=\"en\" — uppercase \"i\" renders as \"I\" --\u003e\u003c!-- • Hover effects on every card, image and special text --\u003e\u003c!-- • Closing seal scrolls to Add to Cart --\u003e\u003c!-- • Fully responsive · Mobile · Tablet · Desktop --\u003e\u003c!-- • All content max-widths: 1200px minimum --\u003e\u003c!-- ================================================================= --\u003e\u003cstyle\u003e\/* ================================================================= *\/\/* FONTS *\/\/* ================================================================= *\/@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;0,9..144,900;1,9..144,400\u0026family=Inter:wght@400;500;600;700;800\u0026display=swap');\/* ================================================================= *\/\/* DESIGN TOKENS — cozy woodland · forest green · cream · berry *\/\/* ================================================================= *\/.deer { --deer-forest: #2f4a3a; --deer-forest-deep: #1d3026; --deer-forest-2: #3c5a48; --deer-moss: #6f8a72; --deer-cream: #f6efe0; --deer-cream-2: #efe4cf; --deer-paper: #fcf8ee; --deer-berry: #a8323a; --deer-berry-deep: #7d2027; --deer-berry-soft: #c75b62; --deer-wood: #6b4e3d; --deer-gold: #c2a05a; --deer-gold-soft: #d9bd7e; --deer-gold-deep: #9a7c3c; --deer-ink: #2a241d; --deer-text: #4a4035; --deer-muted: #7a6e5e; --deer-line: rgba(47,74,58,0.18); --deer-line-soft: rgba(47,74,58,0.10); --deer-shadow: 0 20px 52px -20px rgba(42,36,29,0.45); --deer-shadow-sm: 0 10px 26px -12px rgba(42,36,29,0.32); --deer-glow: 0 0 26px rgba(194,160,90,0.4); \/* Typography *\/ --deer-display: 'Fraunces', Georgia, 'Times New Roman', serif; --deer-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; \/* Layout *\/ --deer-radius: 16px; --deer-radius-lg: 22px; --deer-maxw: 1280px; --deer-gap: clamp(14px, 2.2vw, 22px); --deer-section: clamp(44px, 7vw, 80px); \/* Base *\/ font-family: var(--deer-body); color: var(--deer-ink); line-height: 1.7; font-size: 18px; max-width: var(--deer-maxw); margin: 0 auto; padding: 0 4px; text-align: center; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; box-sizing: border-box;}.deer *,.deer *::before,.deer *::after { box-sizing: border-box; }.deer p { margin: 0 0 1em; font-size: clamp(15px, 1.6vw, 17.5px); }.deer p:last-child { margin-bottom: 0; }.deer strong { font-weight: 700; color: var(--deer-ink); }.deer h1, .deer h2, .deer h3, .deer h4 { margin: 0; line-height: 1.18; }\/* ================================================================= *\/\/* PAGE FRAME *\/\/* ================================================================= *\/.deer__sheet { position: relative; background: radial-gradient(120% 80% at 50% -10%, rgba(194,160,90,0.10), transparent 55%), linear-gradient(180deg, #fcf8ee 0%, #f6efe0 50%, #efe4cf 100%); border: 1px solid var(--deer-line); border-radius: var(--deer-radius-lg); overflow: hidden; box-shadow: var(--deer-shadow);}.deer__sheet::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: 0.5; background-image: radial-gradient(rgba(107,78,61,0.05) 1px, transparent 1px), radial-gradient(rgba(47,74,58,0.04) 1px, transparent 1px); background-size: 22px 22px, 34px 34px; background-position: 0 0, 11px 17px; mix-blend-mode: multiply;}.deer__inner { position: relative; z-index: 1; padding: clamp(20px, 4.5vw, 52px); }\/* ================================================================= *\/\/* HERO *\/\/* ================================================================= *\/.deer__hero { position: relative; text-align: center; padding: clamp(28px, 5vw, 54px) clamp(10px, 3vw, 36px) clamp(30px, 5vw, 54px); border-radius: var(--deer-radius); background: radial-gradient(85% 110% at 50% 0%, rgba(194,160,90,0.16), transparent 60%), linear-gradient(160deg, #2f4a3a 0%, #1d3026 60%, #2f4a3a 100%); color: var(--deer-cream); overflow: hidden; border: 1px solid rgba(194,160,90,0.3); box-shadow: inset 0 0 60px rgba(0,0,0,0.4), var(--deer-shadow);}.deer__sparkle { position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(1.5px 1.5px at 12% 22%, rgba(217,189,126,0.85), transparent), radial-gradient(1.2px 1.2px at 80% 18%, rgba(217,189,126,0.65), transparent), radial-gradient(1.6px 1.6px at 34% 72%, rgba(217,189,126,0.8), transparent), radial-gradient(1.1px 1.1px at 66% 60%, rgba(217,189,126,0.55), transparent), radial-gradient(1.4px 1.4px at 90% 80%, rgba(217,189,126,0.65), transparent), radial-gradient(1.2px 1.2px at 22% 88%, rgba(217,189,126,0.55), transparent); animation: deer-twinkle 6s ease-in-out infinite alternate;}@keyframes deer-twinkle { 0% { opacity: 0.5; } 100% { opacity: 1; } }.deer__eyebrow { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 10px; font-family: var(--deer-body); font-weight: 700; letter-spacing: 0.26em; text-transform: uppercase; font-size: clamp(10px, 1.4vw, 12px); color: var(--deer-gold-soft); padding: 9px 18px; border: 1px solid rgba(194,160,90,0.45); border-radius: 999px; background: rgba(194,160,90,0.10); margin-bottom: 8px; transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;}.deer__eyebrow::before,.deer__eyebrow::after { content: \"🌿\"; font-size: 12px; }.deer__eyebrow:hover { transform: translateY(-2px) scale(1.03); background: rgba(194,160,90,0.18); box-shadow: var(--deer-glow); }.deer__title { position: relative; z-index: 2; font-family: var(--deer-display); font-weight: 900; line-height: 1.05; margin: clamp(28px, 4vw, 42px) 0 0; font-size: clamp(28px, 5.4vw, 54px); color: var(--deer-cream); text-shadow: 0 2px 0 rgba(0,0,0,0.3), 0 0 30px rgba(194,160,90,0.22);}.deer__title .deer__accent { font-style: italic; background: linear-gradient(180deg, #e9d29a 0%, #c2a05a 55%, #9a7c3c 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}.deer__subtitle { position: relative; z-index: 2; text-align: center; font-size: clamp(15px, 2vw, 20px); color: rgba(246,239,224,0.85); max-width: 1200px; margin: clamp(16px, 3vw, 24px) auto 0; font-style: italic;}.deer__hero-rule { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 14px; margin: clamp(20px, 4vw, 30px) auto 0; max-width: 1200px; color: var(--deer-gold);}.deer__hero-rule::before,.deer__hero-rule::after { content: \"\"; height: 1px; flex: 1; background: linear-gradient(90deg, transparent, var(--deer-gold), transparent); }.deer__hero-rule span { font-size: 14px; letter-spacing: 0.2em; }.deer__badges { position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: clamp(22px, 4vw, 30px);}.deer__badge { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: clamp(11px, 1.4vw, 13px); letter-spacing: 0.04em; color: var(--deer-cream); padding: 10px 16px; border-radius: 999px; border: 1px solid rgba(194,160,90,0.32); background: rgba(246,239,224,0.05); transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;}.deer__badge span:first-child { font-size: 15px; }.deer__badge:hover { transform: translateY(-3px); background: rgba(194,160,90,0.16); border-color: var(--deer-gold); box-shadow: var(--deer-glow); }\/* ================================================================= *\/\/* SECTION SCAFFOLD *\/\/* ================================================================= *\/.deer__section { margin-top: var(--deer-section); }.deer__head { text-align: center; margin-bottom: clamp(26px, 4vw, 40px); }.deer__kicker { display: flex; align-items: center; justify-content: center; gap: 12px; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; font-size: clamp(10px, 1.4vw, 12px); color: var(--deer-gold-deep); margin-bottom: 12px;}.deer__kicker::before,.deer__kicker::after { content: \"❧\"; color: var(--deer-gold); font-size: 13px; }.deer__h2 { font-family: var(--deer-display); font-weight: 900; text-align: center; font-size: clamp(25px, 4.4vw, 40px); line-height: 1.12; margin: 0 auto 12px; color: var(--deer-ink); max-width: 1200px; transition: text-shadow 0.4s ease;}.deer__h2:hover { text-shadow: 0 0 22px rgba(194,160,90,0.32); }.deer__h2 em { font-style: italic; color: var(--deer-berry); }.deer__lead { text-align: center; max-width: 1200px; margin: 0 auto; color: var(--deer-text); font-size: clamp(15px, 1.7vw, 18px);}.deer__divider { display: flex; align-items: center; justify-content: center; gap: 16px; margin: clamp(16px, 3vw, 22px) auto 0; max-width: 1200px; color: var(--deer-gold);}.deer__divider::before,.deer__divider::after { content: \"\"; height: 1px; flex: 1; background: linear-gradient(90deg, transparent, var(--deer-gold-deep), transparent); }.deer__leaf { font-size: 14px; transition: transform 0.4s ease; }.deer__divider:hover .deer__leaf { transform: rotate(20deg) scale(1.2); }.deer__prose { max-width: 1200px; margin: 0 auto; text-align: center; }.deer__prose p { color: var(--deer-text); margin: 0 auto 1.1em; }.deer__prose p:last-child { margin-bottom: 0; }\/* ================================================================= *\/\/* MEDIA: FULL-WIDTH *\/\/* ================================================================= *\/.deer__media-full { width: 100%; border-radius: var(--deer-radius); overflow: hidden; border: 1px solid var(--deer-line); box-shadow: var(--deer-shadow-sm); line-height: 0; background: var(--deer-paper); transition: transform 0.4s ease, box-shadow 0.4s ease;}.deer__media-full:hover { transform: translateY(-4px); box-shadow: var(--deer-shadow); }.deer__media-full img { width: 100%; display: block; height: auto; transition: transform 0.6s ease; }.deer__media-full:hover img { transform: scale(1.03); }\/* ================================================================= *\/\/* MEDIA: 3-IMAGE GRID WITH LABELS *\/\/* ================================================================= *\/.deer__grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(12px, 1.8vw, 18px);}.deer__grid-img { position: relative; overflow: hidden; border-radius: var(--deer-radius); border: 1px solid var(--deer-line); line-height: 0; background: var(--deer-paper); box-shadow: var(--deer-shadow-sm); aspect-ratio: 1 \/ 1; transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;}.deer__grid-img:hover { transform: translateY(-5px); box-shadow: var(--deer-shadow); border-color: rgba(194,160,90,0.5); }.deer__grid-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }.deer__grid-img:hover img { transform: scale(1.08); }.deer__img-label { position: absolute; top: 12px; right: 12px; background: rgba(252,248,238,0.94); color: var(--deer-forest); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; box-shadow: 0 2px 8px rgba(42,36,29,0.18); z-index: 2; border: 1px solid rgba(194,160,90,0.35);}\/* ================================================================= *\/\/* MEDIA: DOUBLE GALLERY *\/\/* ================================================================= *\/.deer__grid2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(12px, 1.8vw, 18px);}.deer__grid2 .deer__grid-img { aspect-ratio: 4 \/ 3; }\/* ================================================================= *\/\/* MEDIA: RECTANGLE BREAK *\/\/* ================================================================= *\/.deer__media-rect { width: 100%; border-radius: var(--deer-radius); overflow: hidden; border: 1px solid var(--deer-line); box-shadow: var(--deer-shadow-sm); line-height: 0; aspect-ratio: 21 \/ 9; background: var(--deer-paper); transition: transform 0.4s ease, box-shadow 0.4s ease;}.deer__media-rect:hover { transform: translateY(-4px); box-shadow: var(--deer-shadow); }.deer__media-rect img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }.deer__media-rect:hover img { transform: scale(1.04); }\/* ================================================================= *\/\/* MEDIA: SPLIT (image + text) *\/\/* ================================================================= *\/.deer__split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(18px, 3vw, 32px); align-items: stretch;}.deer__split-img { position: relative; border-radius: var(--deer-radius); overflow: hidden; border: 1px solid var(--deer-line); box-shadow: var(--deer-shadow-sm); line-height: 0; background: var(--deer-paper); min-height: 320px; transition: transform 0.4s ease, box-shadow 0.4s ease;}.deer__split-img:hover { transform: translateY(-4px); box-shadow: var(--deer-shadow); }.deer__split-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }.deer__split-img:hover img { transform: scale(1.05); }.deer__split-text { text-align: left; background: var(--deer-paper); border: 1px solid var(--deer-line); border-radius: var(--deer-radius); padding: clamp(24px, 3.4vw, 38px); display: flex; flex-direction: column; justify-content: center;}.deer__split-text h3 { font-family: var(--deer-display); font-weight: 700; font-size: clamp(20px, 2.6vw, 27px); margin: 0 0 14px; color: var(--deer-ink);}.deer__split-list { list-style: none; margin: 0; padding: 0; }.deer__split-list li { position: relative; padding: 9px 0 9px 30px; font-size: clamp(14px, 1.6vw, 16px); color: var(--deer-text); border-bottom: 1px solid var(--deer-line-soft);}.deer__split-list li:last-child { border-bottom: none; }.deer__split-list li::before { content: \"🦌\"; position: absolute; left: 0; top: 8px; font-size: 15px; }\/* ================================================================= *\/\/* TRUST BADGES *\/\/* ================================================================= *\/.deer__trust { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin-top: clamp(24px, 3vw, 32px);}.deer__trust-item { display: flex; align-items: center; gap: 14px; padding: 16px 18px; background: var(--deer-paper); border: 1px solid var(--deer-line); border-radius: var(--deer-radius); text-align: left; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}.deer__trust-item:hover { transform: translateY(-4px); box-shadow: var(--deer-shadow-sm); border-color: rgba(194,160,90,0.5); }.deer__trust-ic { width: 44px; height: 44px; flex: none; border-radius: 12px; display: grid; place-items: center; font-size: 20px; background: linear-gradient(135deg, rgba(47,74,58,0.10), rgba(194,160,90,0.10)); border: 1px solid var(--deer-line); transition: transform 0.35s ease;}.deer__trust-item:hover .deer__trust-ic { transform: scale(1.12) rotate(-5deg); }.deer__trust-t { font-weight: 700; font-size: 14.5px; color: var(--deer-ink); }.deer__trust-s { font-size: 12.5px; color: var(--deer-muted); }\/* ================================================================= *\/\/* FEATURE GRID *\/\/* ================================================================= *\/.deer__features { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: var(--deer-gap);}.deer__feature { position: relative; text-align: left; background: var(--deer-paper); border: 1px solid var(--deer-line); border-radius: var(--deer-radius); padding: clamp(20px, 3vw, 28px); overflow: hidden; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;}.deer__feature::after { content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--deer-forest), var(--deer-gold), var(--deer-berry)); opacity: 0; transition: opacity 0.35s ease;}.deer__feature:hover { transform: translateY(-6px); box-shadow: var(--deer-shadow-sm); border-color: rgba(194,160,90,0.5); }.deer__feature:hover::after { opacity: 1; }.deer__feature-icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px; font-size: 24px; margin-bottom: 16px; background: linear-gradient(145deg, #2f4a3a, #1d3026); border: 1px solid rgba(194,160,90,0.35); box-shadow: inset 0 0 16px rgba(194,160,90,0.15); transition: transform 0.4s ease, box-shadow 0.4s ease;}.deer__feature:hover .deer__feature-icon { transform: rotate(-6deg) scale(1.08); box-shadow: inset 0 0 16px rgba(194,160,90,0.28), var(--deer-glow); }.deer__feature h3 { font-family: var(--deer-display); font-weight: 700; font-size: clamp(17px, 2vw, 20px); margin: 0 0 8px; color: var(--deer-ink); }.deer__feature p { margin: 0; font-size: clamp(14px, 1.5vw, 15.5px); color: var(--deer-muted); line-height: 1.65; }\/* ================================================================= *\/\/* SPOTLIGHT — dark forest band *\/\/* ================================================================= *\/.deer__spotlight { position: relative; text-align: center; border-radius: var(--deer-radius-lg); overflow: hidden; padding: clamp(30px, 5vw, 58px); background: radial-gradient(80% 120% at 50% 0%, rgba(194,160,90,0.14), transparent 55%), linear-gradient(155deg, #2f4a3a, #1d3026); color: var(--deer-cream); border: 1px solid rgba(194,160,90,0.28); box-shadow: var(--deer-shadow);}.deer__spotlight .deer__kicker { color: var(--deer-gold-soft); }.deer__spotlight h2 { font-family: var(--deer-display); font-weight: 900; font-size: clamp(23px, 4vw, 38px); margin: 0 auto 14px; color: var(--deer-cream); max-width: 1200px;}.deer__spotlight h2 em { font-style: italic; color: var(--deer-gold-soft); }.deer__spotlight \u003e p { max-width: 1200px; color: rgba(246,239,224,0.85); margin: 0 auto; }.deer__spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; margin-top: clamp(26px, 3.5vw, 36px);}.deer__spec { border: 1px solid rgba(194,160,90,0.26); border-radius: 14px; padding: 18px 18px 16px; background: rgba(246,239,224,0.04); transition: background 0.3s ease, transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;}.deer__spec:hover { background: rgba(194,160,90,0.12); transform: translateY(-4px); border-color: var(--deer-gold); box-shadow: var(--deer-glow); }.deer__spec-k { font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; font-size: 10.5px; color: var(--deer-gold-soft); margin-bottom: 6px; }.deer__spec-v { font-size: clamp(15px, 1.8vw, 18px); color: var(--deer-cream); font-weight: 600; font-family: var(--deer-display); }\/* ================================================================= *\/\/* VARIANT CARDS (136 \/ 66 key) *\/\/* ================================================================= *\/.deer__variants { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--deer-gap);}.deer__variant { position: relative; text-align: center; background: var(--deer-paper); border: 1px solid var(--deer-line); border-radius: var(--deer-radius); padding: clamp(26px, 3.5vw, 38px) clamp(18px, 3vw, 28px); overflow: hidden; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;}.deer__variant::after { content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--deer-gold-deep), var(--deer-gold-soft), var(--deer-gold-deep));}.deer__variant:hover { transform: translateY(-7px); box-shadow: var(--deer-shadow-sm); border-color: rgba(194,160,90,0.55); }.deer__variant-num { font-family: var(--deer-display); font-weight: 900; font-size: clamp(38px, 5vw, 54px); line-height: 1; color: var(--deer-berry); margin-bottom: 4px; transition: transform 0.4s ease;}.deer__variant:hover .deer__variant-num { transform: scale(1.08); }.deer__variant-key { font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; font-size: 12px; color: var(--deer-gold-deep); margin-bottom: 14px; }.deer__variant h3 { font-family: var(--deer-display); font-weight: 700; font-size: clamp(18px, 2.2vw, 22px); margin: 0 0 8px; color: var(--deer-ink); }.deer__variant p { font-size: 14.5px; color: var(--deer-muted); margin: 0; line-height: 1.6; }\/* ================================================================= *\/\/* SPECS TABLE *\/\/* ================================================================= *\/.deer__table-wrap { max-width: 1200px; margin: 0 auto; border: 1px solid var(--deer-line); border-radius: var(--deer-radius); overflow: hidden; background: var(--deer-paper); transition: transform 0.3s ease, box-shadow 0.3s ease;}.deer__table-wrap:hover { transform: translateY(-2px); box-shadow: var(--deer-shadow-sm); }.deer__table { width: 100%; border-collapse: collapse; text-align: left; font-size: clamp(14px, 1.7vw, 16.5px); }.deer__table tr { transition: background 0.25s ease; }.deer__table tr:hover { background: rgba(194,160,90,0.10); }.deer__table tr + tr { border-top: 1px solid var(--deer-line-soft); }.deer__table th, .deer__table td { padding: 15px 22px; vertical-align: top; }.deer__table th { width: 38%; font-family: var(--deer-display); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; font-size: 0.84em; color: var(--deer-forest); background: rgba(47,74,58,0.05);}.deer__table td { color: var(--deer-ink); font-weight: 600; }\/* ================================================================= *\/\/* ALERT \/ NOTE *\/\/* ================================================================= *\/.deer__alert { max-width: 1200px; margin: clamp(20px, 3vw, 28px) auto 0; display: flex; align-items: flex-start; gap: 14px; text-align: left; padding: 18px 22px; border-radius: var(--deer-radius); border: 1px solid rgba(168,50,58,0.30); background: rgba(168,50,58,0.06); color: var(--deer-berry-deep); font-size: 15px; font-weight: 500; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}.deer__alert:hover { transform: translateY(-3px); box-shadow: var(--deer-shadow-sm); border-color: rgba(168,50,58,0.5); }.deer__alert-ic { font-size: 20px; flex: none; }\/* ================================================================= *\/\/* CARE GUIDE *\/\/* ================================================================= *\/.deer__care { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: var(--deer-gap); text-align: left;}.deer__care-card { background: var(--deer-paper); border: 1px solid var(--deer-line); border-radius: var(--deer-radius); padding: clamp(20px, 3vw, 26px); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}.deer__care-card:hover { transform: translateY(-5px); box-shadow: var(--deer-shadow-sm); border-color: rgba(194,160,90,0.55); }.deer__care-num { font-family: var(--deer-display); font-weight: 900; font-size: 28px; color: var(--deer-gold); line-height: 1; margin-bottom: 10px; transition: transform 0.35s ease; }.deer__care-card:hover .deer__care-num { transform: scale(1.12); }.deer__care-card h4 { font-family: var(--deer-display); font-weight: 700; font-size: 16.5px; margin: 0 0 7px; color: var(--deer-ink); }.deer__care-card p { margin: 0; font-size: 14.5px; color: var(--deer-muted); line-height: 1.65; }\/* ================================================================= *\/\/* STATS *\/\/* ================================================================= *\/.deer__stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--deer-gap); text-align: center;}.deer__stat { padding: clamp(22px, 3vw, 30px) 14px; border: 1px solid var(--deer-line); border-radius: var(--deer-radius); background: var(--deer-paper); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}.deer__stat:hover { transform: translateY(-5px); box-shadow: var(--deer-shadow-sm); border-color: rgba(194,160,90,0.55); }.deer__stat-num { font-family: var(--deer-display); font-weight: 900; font-size: clamp(30px, 4.2vw, 44px); background: linear-gradient(180deg, #d9bd7e, #9a7c3c); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; line-height: 1; margin-bottom: 8px;}.deer__stat-label { font-weight: 700; font-size: 13.5px; color: var(--deer-ink); text-transform: uppercase; letter-spacing: 0.06em; }\/* ================================================================= *\/\/* FAQ *\/\/* ================================================================= *\/.deer__faq { max-width: 1200px; margin: 0 auto; text-align: left; }.deer__faq details { border: 1px solid var(--deer-line); border-radius: 14px; background: var(--deer-paper); margin-bottom: 12px; overflow: hidden; transition: border-color 0.3s ease, box-shadow 0.3s ease;}.deer__faq details:hover { border-color: rgba(194,160,90,0.5); box-shadow: var(--deer-shadow-sm); }.deer__faq details[open] { border-color: rgba(194,160,90,0.55); box-shadow: var(--deer-shadow-sm); }.deer__faq summary { list-style: none; cursor: pointer; padding: 18px 22px; font-family: var(--deer-display); font-weight: 700; font-size: clamp(15px, 1.8vw, 17px); color: var(--deer-ink); display: flex; align-items: center; justify-content: space-between; gap: 14px; transition: color 0.25s ease;}.deer__faq summary:hover { color: var(--deer-berry); }.deer__faq summary::-webkit-details-marker { display: none; }.deer__faq summary::after { content: \"+\"; font-family: var(--deer-display); font-weight: 700; font-size: 22px; color: var(--deer-gold); transition: transform 0.3s ease; line-height: 1; }.deer__faq details[open] summary::after { transform: rotate(45deg); }.deer__faq-body { padding: 0 22px 20px; color: var(--deer-muted); font-size: 15.5px; line-height: 1.7; }\/* ================================================================= *\/\/* GIFT BANNER *\/\/* ================================================================= *\/.deer__gift { position: relative; text-align: center; border-radius: var(--deer-radius-lg); overflow: hidden; padding: clamp(30px, 5vw, 52px) clamp(20px, 4vw, 40px); background: linear-gradient(160deg, #fcf8ee, #efe4cf); border: 1px solid rgba(194,160,90,0.4); box-shadow: var(--deer-shadow-sm);}.deer__gift-ic { font-size: 40px; margin-bottom: 12px; display: inline-block; transition: transform 0.4s ease; }.deer__gift:hover .deer__gift-ic { transform: scale(1.14) rotate(-8deg); }.deer__gift h2 { font-family: var(--deer-display); font-weight: 900; font-size: clamp(23px, 4vw, 36px); color: var(--deer-ink); margin: 0 0 12px; }.deer__gift p { max-width: 1200px; margin: 0 auto; color: var(--deer-text); font-size: clamp(15px, 1.8vw, 18px); }\/* ================================================================= *\/\/* CLOSING CTA *\/\/* ================================================================= *\/.deer__cta { position: relative; text-align: center; border-radius: var(--deer-radius-lg); overflow: hidden; padding: clamp(36px, 6vw, 64px) clamp(20px, 4vw, 40px); background: radial-gradient(80% 110% at 50% 0%, rgba(194,160,90,0.18), transparent 55%), linear-gradient(155deg, #2f4a3a, #1d3026); color: var(--deer-cream); border: 1px solid rgba(194,160,90,0.3); box-shadow: var(--deer-shadow);}.deer__cta .deer__sparkle { opacity: 0.7; }.deer__cta h2 { position: relative; z-index: 2; font-family: var(--deer-display); font-weight: 900; font-size: clamp(25px, 5vw, 44px); margin: 0 0 14px; color: var(--deer-cream); text-shadow: 0 0 26px rgba(194,160,90,0.3); }.deer__cta h2 em { font-style: italic; color: var(--deer-gold-soft); }.deer__cta p { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; color: rgba(246,239,224,0.85); font-size: clamp(15px, 2vw, 19px); font-style: italic; }.deer__cta-seal { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 10px; margin-top: clamp(22px, 3.5vw, 30px); font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; font-size: clamp(12px, 1.6vw, 14px); color: var(--deer-gold-soft); padding: 14px 28px; border: 1px solid rgba(194,160,90,0.45); border-radius: 999px; background: rgba(194,160,90,0.10); cursor: pointer; text-decoration: none; transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;}.deer__cta-seal:hover { background: rgba(194,160,90,0.2); border-color: var(--deer-gold); transform: translateY(-3px) scale(1.02); box-shadow: 0 12px 30px -12px rgba(194,160,90,0.6); color: var(--deer-cream); }.deer__cta-seal:active { transform: translateY(-1px) scale(0.99); }\/* ================================================================= *\/\/* SPLIT PANELS (sound \u0026 feel) *\/\/* ================================================================= *\/.deer__panels { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--deer-gap); text-align: left;}.deer__panel { background: var(--deer-paper); border: 1px solid var(--deer-line); border-radius: var(--deer-radius); padding: clamp(24px, 3.4vw, 34px); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;}.deer__panel:hover { transform: translateY(-5px); box-shadow: var(--deer-shadow-sm); border-color: rgba(194,160,90,0.55); }.deer__panel-ic { font-size: 32px; margin-bottom: 12px; display: inline-block; transition: transform 0.4s ease; }.deer__panel:hover .deer__panel-ic { transform: scale(1.12) rotate(-5deg); }.deer__panel h3 { font-family: var(--deer-display); font-weight: 700; font-size: clamp(18px, 2.2vw, 22px); margin: 0 0 10px; color: var(--deer-ink); }.deer__panel p { margin: 0; color: var(--deer-muted); font-size: 15.5px; line-height: 1.7; }\/* ================================================================= *\/\/* PALETTE SWATCHES *\/\/* ================================================================= *\/.deer__palette { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--deer-gap);}.deer__swatch { border-radius: var(--deer-radius); overflow: hidden; border: 1px solid var(--deer-line); background: var(--deer-paper); transition: transform 0.35s ease, box-shadow 0.35s ease;}.deer__swatch:hover { transform: translateY(-5px); box-shadow: var(--deer-shadow-sm); }.deer__swatch-chip { height: 80px; transition: transform 0.4s ease; }.deer__swatch:hover .deer__swatch-chip { transform: scale(1.04); }.deer__swatch-chip--berry { background: linear-gradient(135deg, #c0444c, #7d2027); }.deer__swatch-chip--cream { background: linear-gradient(135deg, #f6efe0, #e3d4b6); }.deer__swatch-chip--forest { background: linear-gradient(135deg, #3c5a48, #1d3026); }.deer__swatch-chip--gold { background: linear-gradient(135deg, #d9bd7e, #9a7c3c); }.deer__swatch-body { padding: 14px 16px; text-align: center; }.deer__swatch-body h4 { font-family: var(--deer-display); font-weight: 700; font-size: 15px; color: var(--deer-ink); margin: 0 0 3px; }.deer__swatch-body p { font-size: 12.5px; color: var(--deer-muted); margin: 0; }\/* ================================================================= *\/\/* TIPS *\/\/* ================================================================= *\/.deer__tips { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: var(--deer-gap); text-align: left;}.deer__tip { background: var(--deer-paper); border: 1px solid var(--deer-line); border-radius: var(--deer-radius); padding: clamp(20px, 3vw, 28px); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;}.deer__tip:hover { transform: translateY(-5px); box-shadow: var(--deer-shadow-sm); border-color: rgba(194,160,90,0.55); }.deer__tip-ic { font-size: 28px; display: inline-block; margin-bottom: 12px; transition: transform 0.4s ease; }.deer__tip:hover .deer__tip-ic { transform: scale(1.15) rotate(-5deg); }.deer__tip h4 { font-family: var(--deer-display); font-weight: 700; font-size: 16.5px; margin: 0 0 7px; color: var(--deer-ink); }.deer__tip p { margin: 0; font-size: 14.5px; color: var(--deer-muted); line-height: 1.65; }\/* ================================================================= *\/\/* PROMISE *\/\/* ================================================================= *\/.deer__promise { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--deer-gap); text-align: left;}.deer__promise-card { background: var(--deer-paper); border: 1px solid var(--deer-line); border-radius: var(--deer-radius); padding: clamp(22px, 3vw, 30px); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;}.deer__promise-card:hover { transform: translateY(-5px); box-shadow: var(--deer-shadow-sm); border-color: rgba(194,160,90,0.55); }.deer__promise-ic { font-size: 28px; display: inline-block; margin-bottom: 12px; transition: transform 0.4s ease; }.deer__promise-card:hover .deer__promise-ic { transform: scale(1.14) rotate(-6deg); }.deer__promise-card h4 { font-family: var(--deer-display); font-weight: 700; font-size: 16.5px; margin: 0 0 8px; color: var(--deer-ink); }.deer__promise-card p { margin: 0; font-size: 14.5px; color: var(--deer-muted); line-height: 1.65; }\/* ================================================================= *\/\/* STEPS *\/\/* ================================================================= *\/.deer__steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--deer-gap); text-align: left;}.deer__step { background: var(--deer-paper); border: 1px solid var(--deer-line); border-radius: var(--deer-radius); padding: clamp(22px, 3vw, 28px); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}.deer__step:hover { transform: translateY(-5px); box-shadow: var(--deer-shadow-sm); border-color: rgba(194,160,90,0.55); }.deer__step-num { font-family: var(--deer-display); font-weight: 900; font-size: 30px; color: var(--deer-gold); line-height: 1; margin-bottom: 12px; transition: transform 0.35s ease; }.deer__step:hover .deer__step-num { transform: scale(1.12); }.deer__step h4 { font-family: var(--deer-display); font-weight: 700; font-size: 16.5px; margin: 0 0 7px; color: var(--deer-ink); }.deer__step p { margin: 0; font-size: 14.5px; color: var(--deer-muted); line-height: 1.65; }\/* ================================================================= *\/\/* IN THE BOX *\/\/* ================================================================= *\/.deer__inbox { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px;}.deer__inbox-item { background: var(--deer-paper); border: 1px solid var(--deer-line); border-radius: var(--deer-radius); padding: 20px 14px; text-align: center; font-size: 13.5px; color: var(--deer-muted); line-height: 1.5; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}.deer__inbox-item:hover { transform: translateY(-4px); box-shadow: var(--deer-shadow-sm); border-color: rgba(194,160,90,0.55); }.deer__inbox-num { font-family: var(--deer-display); font-weight: 900; font-size: 24px; color: var(--deer-berry); display: block; margin-bottom: 4px; }.deer__inbox-t { font-weight: 700; color: var(--deer-ink); }\/* ================================================================= *\/\/* RESPONSIVE — TABLET *\/\/* ================================================================= *\/@media (max-width: 900px) { .deer { font-size: 17px; } .deer__split { grid-template-columns: 1fr; } .deer__split-img { min-height: 280px; aspect-ratio: 4 \/ 3; }}\/* ================================================================= *\/\/* RESPONSIVE — MOBILE *\/\/* ================================================================= *\/@media (max-width: 600px) { .deer { padding: 0; font-size: 16.5px; } .deer__inner { padding: 18px 14px; } .deer__grid3, .deer__grid2, .deer__features, .deer__variants, .deer__care, .deer__stats, .deer__trust, .deer__panels, .deer__palette, .deer__tips, .deer__promise, .deer__steps, .deer__inbox, .deer__spec-grid { grid-template-columns: 1fr; } .deer__eyebrow { letter-spacing: 0.18em; } .deer__title { font-size: clamp(24px, 8vw, 34px); } .deer__media-rect { aspect-ratio: 16 \/ 10; } .deer__grid-img { aspect-ratio: 4 \/ 3; }}\/* ================================================================= *\/\/* REDUCED MOTION *\/\/* ================================================================= *\/@media (prefers-reduced-motion: reduce) { .deer * { animation: none !important; transition: none !important; }}\u003c\/style\u003e\u003c!-- ================================================================= --\u003e\u003c!-- MARKUP --\u003e\u003c!-- ================================================================= --\u003e\u003cdiv class=\"deer\" lang=\"en\"\u003e\u003cdiv class=\"deer__sheet\"\u003e\u003cdiv class=\"deer__inner\"\u003e\n\u003c!-- ======================== HERO ======================== --\u003e\u003cheader class=\"deer__hero\"\u003e\u003cspan class=\"deer__eyebrow\"\u003eArtisan Collection\u003c\/span\u003e\u003ch1 class=\"deer__title\"\u003eDeer in the \u003cspan class=\"deer__accent\"\u003eDeep Forest\u003c\/span\u003e\u003cbr\u003eKeycap Set\u003c\/h1\u003e\n\u003cp class=\"deer__subtitle\"\u003eStep into a hushed woodland glade. Thick PBT, five-sided dye-sublimation, and a storybook palette of berry red and forest cream — a keyboard that feels like a walk among the trees.\u003c\/p\u003e\n\u003cdiv class=\"deer__hero-rule\"\u003e\u003cspan\u003e🌲   🦌   🌲\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"deer__badges\"\u003e\n\u003cspan class=\"deer__badge\"\u003e\u003cspan\u003e🦌\u003c\/span\u003e\u003cspan\u003eWoodland Theme\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"deer__badge\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003cspan\u003eThick PBT\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"deer__badge\"\u003e\u003cspan\u003e🎨\u003c\/span\u003e\u003cspan\u003e5-Sided Dye-Sub\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"deer__badge\"\u003e\u003cspan\u003e⌨️\u003c\/span\u003e\u003cspan\u003eCherry Profile\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/header\u003e\u003c!-- ======================== HERO IMAGE (full-width) ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__media-full\"\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i1\/2215738300422\/O1CN01IzbYbf1EzKFlOuOOe_!!2215738300422.jpg\" alt=\"Deer in the Deep Forest keycap set mounted on a mechanical keyboard\" loading=\"eager\"\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== INTRO ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__head\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"deer__h2\"\u003eA Quiet Walk Through the \u003cem\u003eDeep Forest\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"deer__divider\"\u003e\u003cspan class=\"deer__leaf\"\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__prose\"\u003e\n\u003cp\u003eTransform your keyboard into a cozy woodland scene. The \u003cstrong\u003eDeer in the Deep Forest\u003c\/strong\u003e keycap set wraps your board in warm berry reds, soft creams, and gentle forest tones, scattered with deer, foliage, and storybook details that make every keystroke feel like a stroll beneath the canopy.\u003c\/p\u003e\n\u003cp\u003eSculpted in the classic \u003cstrong\u003eCherry profile\u003c\/strong\u003e and built from \u003cstrong\u003ethick PBT\u003c\/strong\u003e, each cap is finished with crisp \u003cstrong\u003efive-sided dye-sublimation\u003c\/strong\u003e — so the artwork wraps beautifully across the top and sides and never fades, no matter how many words you write.\u003c\/p\u003e\n\u003cp\u003eAvailable as a complete \u003cstrong\u003e136-key set\u003c\/strong\u003e or a compact \u003cstrong\u003e66-key set\u003c\/strong\u003e, it adapts to almost any mechanical board. Whether you are writing late into the night or settling in for a long gaming session, every glance at your keyboard becomes a quiet little moment of calm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Trust badges --\u003e\u003cdiv class=\"deer__trust\"\u003e\n\u003cdiv class=\"deer__trust-item\"\u003e\n\u003cdiv class=\"deer__trust-ic\"\u003e🚚\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"deer__trust-t\"\u003eWorldwide Shipping\u003c\/div\u003e\n\u003cdiv class=\"deer__trust-s\"\u003eCarefully packed \u0026amp; tracked\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__trust-item\"\u003e\n\u003cdiv class=\"deer__trust-ic\"\u003e🔒\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"deer__trust-t\"\u003eSecure Checkout\u003c\/div\u003e\n\u003cdiv class=\"deer__trust-s\"\u003eSafe, encrypted payment\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__trust-item\"\u003e\n\u003cdiv class=\"deer__trust-ic\"\u003e↩️\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"deer__trust-t\"\u003eEasy Returns\u003c\/div\u003e\n\u003cdiv class=\"deer__trust-s\"\u003eHassle-free support\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== 3-IMAGE GRID ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__head\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003eFirst Look\u003c\/div\u003e\n\u003ch2 class=\"deer__h2\"\u003eCrafted Down to the \u003cem\u003eLast Leaf\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"deer__divider\"\u003e\u003cspan class=\"deer__leaf\"\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__grid3\"\u003e\n\u003cdiv class=\"deer__grid-img\"\u003e\n\u003cspan class=\"deer__img-label\"\u003eFull Set\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN01IzbYbf1EzKFlOuOOe__2215738300422.jpg_q50.jpg_21f9150c-3815-4ccf-a446-35db9a1486db.webp?v=1780645874\" alt=\"Deer in the Deep Forest keycap set full view\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__grid-img\"\u003e\n\u003cspan class=\"deer__img-label\"\u003eDetail\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN01iJAVxs1EzK7YR5q7k__2215738300422.jpg_q50.jpg_b9fb2de5-9e67-41f1-99e1-ba748989a8a3.webp?v=1780645875\" alt=\"Deer in the Deep Forest keycap close-up detail\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__grid-img\"\u003e\n\u003cspan class=\"deer__img-label\"\u003eOn Desk\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN013h6oO21EzK7aNfCuU__2215738300422.jpg_q50.jpg_68e748d3-e74f-4475-bc7d-f5a600372d0a.webp?v=1780645874\" alt=\"Deer in the Deep Forest keycap set styled on a desk\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== FEATURES ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__head\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003eWhy You'll Love It\u003c\/div\u003e\n\u003ch2 class=\"deer__h2\"\u003eKey Features\u003c\/h2\u003e\n\u003cdiv class=\"deer__divider\"\u003e\u003cspan class=\"deer__leaf\"\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__features\"\u003e\n\u003carticle class=\"deer__feature\"\u003e\u003cdiv class=\"deer__feature-icon\"\u003e🦌\u003c\/div\u003e\n\u003ch3\u003eWoodland Artistry\u003c\/h3\u003e\n\u003cp\u003eDeer, foliage and storybook forest motifs in a warm berry-and-cream palette that turns your board into a cozy scene.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__feature\"\u003e\u003cdiv class=\"deer__feature-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eThick PBT Build\u003c\/h3\u003e\n\u003cp\u003eDense, durable PBT resists shine and wear, delivering a deeper sound and a premium feel that lasts for years.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__feature\"\u003e\u003cdiv class=\"deer__feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003ch3\u003eFive-Sided Dye-Sub\u003c\/h3\u003e\n\u003cp\u003eLegends and art are dye-sublimated across five sides, wrapping the cap and staying fade-proof through heavy daily use.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__feature\"\u003e\u003cdiv class=\"deer__feature-icon\"\u003e⌨️\u003c\/div\u003e\n\u003ch3\u003eCherry Profile\u003c\/h3\u003e\n\u003cp\u003eThe enthusiast-favourite low, sculpted Cherry profile for a comfortable, refined and familiar typing feel.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__feature\"\u003e\u003cdiv class=\"deer__feature-icon\"\u003e🧩\u003c\/div\u003e\n\u003ch3\u003e136 or 66 Keys\u003c\/h3\u003e\n\u003cp\u003eChoose the complete 136-key set for full coverage, or the compact 66-key set for smaller boards.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__feature\"\u003e\u003cdiv class=\"deer__feature-icon\"\u003e🪶\u003c\/div\u003e\n\u003ch3\u003eErgonomic-Friendly\u003c\/h3\u003e\n\u003cp\u003eThe sculpted profile supports a natural, comfortable hand position for long, cozy typing sessions.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== DOUBLE GALLERY ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__grid2\"\u003e\n\u003cdiv class=\"deer__grid-img\"\u003e\n\u003cspan class=\"deer__img-label\"\u003eTexture\u003c\/span\u003e \u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i4\/2215738300422\/O1CN01HOMlks1EzK7WPchAz_!!2215738300422.jpg\" alt=\"Deer in the Deep Forest keycap texture close-up\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__grid-img\"\u003e\n\u003cspan class=\"deer__img-label\"\u003eSide Print\u003c\/span\u003e \u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i4\/2215738300422\/O1CN01iJAVxs1EzK7YR5q7k_!!2215738300422.jpg\" alt=\"Deer in the Deep Forest keycap five-sided print\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== MATERIAL SPOTLIGHT ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__spotlight\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003eBuilt to Last\u003c\/div\u003e\n\u003ch2\u003eThick PBT, \u003cem\u003eFive-Sided\u003c\/em\u003e Dye-Sublimation\u003c\/h2\u003e\n\u003cp\u003eLesser keycaps print only the top and fade within months. This set is made differently. Dense PBT plastic gives a deep, muted sound and a textured, shine-resistant surface, while five-sided dye-sublimation infuses the woodland artwork into the cap itself — wrapping across the top and sides so it never peels, smudges or washes away. The result is a set that looks as enchanting on day one thousand as it did the moment you first pressed a key.\u003c\/p\u003e\n\u003cdiv class=\"deer__spec-grid\"\u003e\n\u003cdiv class=\"deer__spec\"\u003e\n\u003cdiv class=\"deer__spec-k\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"deer__spec-v\"\u003eThick PBT\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__spec\"\u003e\n\u003cdiv class=\"deer__spec-k\"\u003ePrinting\u003c\/div\u003e\n\u003cdiv class=\"deer__spec-v\"\u003e5-Sided Dye-Sub\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__spec\"\u003e\n\u003cdiv class=\"deer__spec-k\"\u003eProfile\u003c\/div\u003e\n\u003cdiv class=\"deer__spec-v\"\u003eCherry\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__spec\"\u003e\n\u003cdiv class=\"deer__spec-k\"\u003eMount\u003c\/div\u003e\n\u003cdiv class=\"deer__spec-v\"\u003eMX-Style\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__spec\"\u003e\n\u003cdiv class=\"deer__spec-k\"\u003eFinish\u003c\/div\u003e\n\u003cdiv class=\"deer__spec-v\"\u003eMatte · Anti-Shine\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__spec\"\u003e\n\u003cdiv class=\"deer__spec-k\"\u003eTheme\u003c\/div\u003e\n\u003cdiv class=\"deer__spec-v\"\u003eDeep Forest\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== RECTANGLE IMAGE BREAK ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__media-rect\"\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i1\/2215738300422\/O1CN01ARu2Nd1EzK7aaUcVH_!!2215738300422.jpg\" alt=\"Deer in the Deep Forest keycap set wide lifestyle view\" loading=\"lazy\"\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== SPLIT: IMAGE + TEXT ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__head\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003eSet Coverage\u003c\/div\u003e\n\u003ch2 class=\"deer__h2\"\u003eDesigned to Fit Your \u003cem\u003eBoard\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"deer__divider\"\u003e\u003cspan class=\"deer__leaf\"\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__split\"\u003e\n\u003cdiv class=\"deer__split-img\"\u003e\n\u003cspan class=\"deer__img-label\"\u003eLayout\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/O1CN01IzbYbf1EzKFlOuOOe__2215738300422.jpg_q50.jpg_21f9150c-3815-4ccf-a446-35db9a1486db.webp?v=1780645874\" alt=\"Deer in the Deep Forest keycap set layout\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__split-text\"\u003e\n\u003ch3\u003eBroad Layout Compatibility\u003c\/h3\u003e\n\u003cul class=\"deer__split-list\"\u003e\n\u003cli\u003e60% \u0026amp; 65% compact layouts\u003c\/li\u003e\n\u003cli\u003e75% compact full-function\u003c\/li\u003e\n\u003cli\u003e80% TKL (tenkeyless)\u003c\/li\u003e\n\u003cli\u003e96% \u0026amp; full-size boards\u003c\/li\u003e\n\u003cli\u003eANSI \u0026amp; ISO layout support\u003c\/li\u003e\n\u003cli\u003e136-key set for maximum coverage\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"margin-top: 14px; font-size: 14px; color: var(--deer-muted); font-style: italic;\"\u003eNot sure if your board is covered? Send us your keyboard model and we'll happily confirm fit before you order.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== VARIANTS ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__head\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003eChoose Your Set\u003c\/div\u003e\n\u003ch2 class=\"deer__h2\"\u003e136-Key or \u003cem\u003e66-Key\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"deer__lead\"\u003ePick the coverage that matches your keyboard size.\u003c\/p\u003e\n\u003cdiv class=\"deer__divider\"\u003e\u003cspan class=\"deer__leaf\"\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__variants\"\u003e\n\u003carticle class=\"deer__variant\"\u003e\u003cdiv class=\"deer__variant-num\"\u003e136\u003c\/div\u003e\n\u003cdiv class=\"deer__variant-key\"\u003eKeys\u003c\/div\u003e\n\u003ch3\u003eComplete Set\u003c\/h3\u003e\n\u003cp\u003eFull coverage for larger boards — from compact layouts all the way up to full-size, with modifiers and extras included.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__variant\"\u003e\u003cdiv class=\"deer__variant-num\"\u003e66\u003c\/div\u003e\n\u003cdiv class=\"deer__variant-key\"\u003eKeys\u003c\/div\u003e\n\u003ch3\u003eCompact Set\u003c\/h3\u003e\n\u003cp\u003eA trimmed selection ideal for smaller 60% and 65% boards where you want the woodland look without the extras.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== SPECIFICATIONS ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__head\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003eThe Details\u003c\/div\u003e\n\u003ch2 class=\"deer__h2\"\u003eFull Specifications\u003c\/h2\u003e\n\u003cdiv class=\"deer__divider\"\u003e\u003cspan class=\"deer__leaf\"\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__table-wrap\"\u003e\u003ctable class=\"deer__table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eModel\u003c\/th\u003e\n\u003ctd\u003eDeer in the Deep Forest Keycap Set\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003eThick PBT\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePrinting Method\u003c\/th\u003e\n\u003ctd\u003eFive-Sided Dye-Sublimation (fade-resistant)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eProfile\u003c\/th\u003e\n\u003ctd\u003eCherry Profile\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKey Count\u003c\/th\u003e\n\u003ctd\u003e136-Key Set \/ 66-Key Set\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\u003eSurface Finish\u003c\/th\u003e\n\u003ctd\u003eTextured Matte (anti-shine)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eErgonomic Support\u003c\/th\u003e\n\u003ctd\u003eYes — sculpted profile\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eProduct Type\u003c\/th\u003e\n\u003ctd\u003eKeycap Set (for mechanical keyboards)\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\u003c\/table\u003e\u003c\/div\u003e\n\u003cdiv class=\"deer__alert\"\u003e\n\u003cspan class=\"deer__alert-ic\"\u003e⚠️\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eKeycaps only.\u003c\/strong\u003e This listing includes the keycap set only. The keyboard, switches and other items shown in the photos are for display and are not included. Works only with MX-style mechanical switches — not membrane, scissor, or low-profile keyboards.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== 3-IMAGE GRID #2 ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__head\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003eMore Views\u003c\/div\u003e\n\u003ch2 class=\"deer__h2\"\u003eEvery Angle of the \u003cem\u003eForest\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"deer__divider\"\u003e\u003cspan class=\"deer__leaf\"\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__grid3\"\u003e\n\u003cdiv class=\"deer__grid-img\"\u003e\n\u003cspan class=\"deer__img-label\"\u003eNovelties\u003c\/span\u003e \u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i4\/2215738300422\/O1CN012VxCxe1EzK7VHYYW5_!!2215738300422.jpg\" alt=\"Deer in the Deep Forest novelty keycaps\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__grid-img\"\u003e\n\u003cspan class=\"deer__img-label\"\u003eProfile View\u003c\/span\u003e \u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i2\/2215738300422\/O1CN01dB53CA1EzK7ZcCMxp_!!2215738300422.jpg\" alt=\"Deer in the Deep Forest keycap profile view\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__grid-img\"\u003e\n\u003cspan class=\"deer__img-label\"\u003eStyled\u003c\/span\u003e \u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i3\/2215738300422\/O1CN01IUyfoZ1EzK7ZUzBKk_!!2215738300422.jpg\" alt=\"Deer in the Deep Forest keycap set styled\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== INSTALLATION ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__head\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003eEasy Setup\u003c\/div\u003e\n\u003ch2 class=\"deer__h2\"\u003eInstall in \u003cem\u003eFour Steps\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"deer__lead\"\u003eNo tools beyond the included puller. Done in minutes.\u003c\/p\u003e\n\u003cdiv class=\"deer__divider\"\u003e\u003cspan class=\"deer__leaf\"\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__steps\"\u003e\n\u003carticle class=\"deer__step\"\u003e\u003cdiv class=\"deer__step-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003ePull the Old Caps\u003c\/h4\u003e\n\u003cp\u003eSlide the wire keycap puller over each cap and lift straight up to remove your existing keycaps.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__step\"\u003e\u003cdiv class=\"deer__step-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eMatch the Layout\u003c\/h4\u003e\n\u003cp\u003eLay out the new set to match your board, lining up the modifiers and spacebar before mounting.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__step\"\u003e\u003cdiv class=\"deer__step-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003ePress Into Place\u003c\/h4\u003e\n\u003cp\u003eAlign each cap over its switch stem and press down gently until it clicks securely into position.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__step\"\u003e\u003cdiv class=\"deer__step-num\"\u003e04\u003c\/div\u003e\n\u003ch4\u003eEnter the Forest\u003c\/h4\u003e\n\u003cp\u003eGive your board a once-over, then enjoy a desk that looks and feels like a cozy woodland escape.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== IN THE BOX ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__head\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003ePackage Contents\u003c\/div\u003e\n\u003ch2 class=\"deer__h2\"\u003eWhat's in the \u003cem\u003eBox\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"deer__divider\"\u003e\u003cspan class=\"deer__leaf\"\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__inbox\"\u003e\n\u003cdiv class=\"deer__inbox-item\"\u003e\n\u003cspan class=\"deer__inbox-num\"\u003e1×\u003c\/span\u003e \u003cspan class=\"deer__inbox-t\"\u003eKeycap Set\u003c\/span\u003e\u003cbr\u003e136-key or 66-key\u003c\/div\u003e\n\u003cdiv class=\"deer__inbox-item\"\u003e\n\u003cspan class=\"deer__inbox-num\"\u003e1×\u003c\/span\u003e \u003cspan class=\"deer__inbox-t\"\u003eKeycap Puller\u003c\/span\u003e\u003cbr\u003eFor easy installation\u003c\/div\u003e\n\u003cdiv class=\"deer__inbox-item\"\u003e\n\u003cspan class=\"deer__inbox-num\"\u003e5\u003c\/span\u003e \u003cspan class=\"deer__inbox-t\"\u003eSided Artwork\u003c\/span\u003e\u003cbr\u003eDye-sub on every cap\u003c\/div\u003e\n\u003cdiv class=\"deer__inbox-item\"\u003e\n\u003cspan class=\"deer__inbox-num\"\u003e✓\u003c\/span\u003e \u003cspan class=\"deer__inbox-t\"\u003eProtective Packaging\u003c\/span\u003e\u003cbr\u003eDamage-free delivery\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== CARE GUIDE ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__head\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003eKeep the Magic Alive\u003c\/div\u003e\n\u003ch2 class=\"deer__h2\"\u003eCare \u0026amp; Keeping\u003c\/h2\u003e\n\u003cdiv class=\"deer__divider\"\u003e\u003cspan class=\"deer__leaf\"\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__care\"\u003e\n\u003carticle class=\"deer__care-card\"\u003e\u003cdiv class=\"deer__care-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eGentle Cleaning\u003c\/h4\u003e\n\u003cp\u003eWipe with a soft, slightly damp cloth for everyday cleaning. For a deeper clean, remove the caps and rinse them gently in warm soapy water.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__care-card\"\u003e\u003cdiv class=\"deer__care-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eDry Fully\u003c\/h4\u003e\n\u003cp\u003eAlways let keycaps dry completely before remounting them on your switches to protect your board.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__care-card\"\u003e\u003cdiv class=\"deer__care-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eUse a Puller\u003c\/h4\u003e\n\u003cp\u003eRemove caps with a wire keycap puller to avoid scratching the legends or bending the stems.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__care-card\"\u003e\u003cdiv class=\"deer__care-num\"\u003e04\u003c\/div\u003e\n\u003ch4\u003eAvoid Harsh Chemicals\u003c\/h4\u003e\n\u003cp\u003eSkip solvents and abrasive cleaners. PBT and dye-sub artwork only need water and a little care.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__care-card\"\u003e\u003cdiv class=\"deer__care-num\"\u003e05\u003c\/div\u003e\n\u003ch4\u003eKeep Out of Direct Sun\u003c\/h4\u003e\n\u003cp\u003eStore and use your board away from prolonged direct sunlight to keep the berry reds and forest tones vivid for years to come.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== WHO IT'S FOR ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__head\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003eMade For\u003c\/div\u003e\n\u003ch2 class=\"deer__h2\"\u003eWho Will \u003cem\u003eLove\u003c\/em\u003e This Set\u003c\/h2\u003e\n\u003cp class=\"deer__lead\"\u003eIf any of these sound like you, this set belongs on your desk.\u003c\/p\u003e\n\u003cdiv class=\"deer__divider\"\u003e\u003cspan class=\"deer__leaf\"\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__tips\"\u003e\n\u003carticle class=\"deer__tip\"\u003e\u003cspan class=\"deer__tip-ic\"\u003e🌲\u003c\/span\u003e\u003ch4\u003eNature Lovers\u003c\/h4\u003e\n\u003cp\u003eAnyone who finds calm in the outdoors and wants a little of that woodland warmth on their desk all day long.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__tip\"\u003e\u003cspan class=\"deer__tip-ic\"\u003e⌨️\u003c\/span\u003e\u003ch4\u003eKeyboard Enthusiasts\u003c\/h4\u003e\n\u003cp\u003eCollectors who appreciate thick PBT, Cherry profile, and the crisp detail of true five-sided dye-sublimation.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__tip\"\u003e\u003cspan class=\"deer__tip-ic\"\u003e🏡\u003c\/span\u003e\u003ch4\u003eCozy Setup Fans\u003c\/h4\u003e\n\u003cp\u003eCottagecore and warm-aesthetic desk builders looking for the perfect characterful centrepiece.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__tip\"\u003e\u003cspan class=\"deer__tip-ic\"\u003e🎁\u003c\/span\u003e\u003ch4\u003eGift Givers\u003c\/h4\u003e\n\u003cp\u003eA thoughtful, beautiful and useful present for the keyboard fan or nature lover in your life.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== STATS ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__head\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003eAt a Glance\u003c\/div\u003e\n\u003ch2 class=\"deer__h2\"\u003eWhy Fans Love It\u003c\/h2\u003e\n\u003cdiv class=\"deer__divider\"\u003e\u003cspan class=\"deer__leaf\"\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__stats\"\u003e\n\u003cdiv class=\"deer__stat\"\u003e\n\u003cdiv class=\"deer__stat-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"deer__stat-label\"\u003eSet Sizes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__stat\"\u003e\n\u003cdiv class=\"deer__stat-num\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"deer__stat-label\"\u003eSided Dye-Sub\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__stat\"\u003e\n\u003cdiv class=\"deer__stat-num\"\u003ePBT\u003c\/div\u003e\n\u003cdiv class=\"deer__stat-label\"\u003eThick \u0026amp; Durable\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__stat\"\u003e\n\u003cdiv class=\"deer__stat-num\"\u003e∞\u003c\/div\u003e\n\u003cdiv class=\"deer__stat-label\"\u003eFade-Proof Art\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== FINAL IMAGE ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__media-full\"\u003e\u003cimg src=\"https:\/\/img.alicdn.com\/imgextra\/i1\/2215738300422\/O1CN013h6oO21EzK7aNfCuU_!!2215738300422.jpg\" alt=\"Deer in the Deep Forest keycap set full lifestyle scene\" loading=\"lazy\"\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== FAQ ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__head\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003eAnswers\u003c\/div\u003e\n\u003ch2 class=\"deer__h2\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdiv class=\"deer__divider\"\u003e\u003cspan class=\"deer__leaf\"\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__faq\"\u003e\n\u003cdetails open=\"\"\u003e\u003csummary\u003eWill this fit my keyboard?\u003c\/summary\u003e\u003cdiv class=\"deer__faq-body\"\u003eThe set uses standard MX-style stems and supports most popular layouts including 60%, 65%, 75%, TKL, 96% and full-size boards (ANSI \u0026amp; ISO). The 136-key set offers maximum coverage; the 66-key set suits compact boards. Unsure? Send us your keyboard model and we'll confirm before you order.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eWhat's the difference between the 136-key and 66-key sets?\u003c\/summary\u003e\u003cdiv class=\"deer__faq-body\"\u003eThe 136-key set is the complete collection with full coverage for larger boards and extra modifiers. The 66-key set is a compact selection designed for smaller 60% and 65% layouts.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eWhat switches does it work with?\u003c\/summary\u003e\u003cdiv class=\"deer__faq-body\"\u003eAny MX-style switch — Cherry MX, Gateron, Kailh and most MX clones. It is not compatible with membrane, scissor-switch, or low-profile keyboards.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eWill the artwork fade over time?\u003c\/summary\u003e\u003cdiv class=\"deer__faq-body\"\u003eNo. The art is applied with five-sided dye-sublimation, infusing it into the PBT surface rather than printing on top. It won't peel, smudge or fade with everyday use.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eIs a keyboard included?\u003c\/summary\u003e\u003cdiv class=\"deer__faq-body\"\u003eNo — this listing is for the keycap set only. Keyboards, switches and accessories shown in the photos are for display purposes and are not included.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eHow do I install the keycaps?\u003c\/summary\u003e\u003cdiv class=\"deer__faq-body\"\u003eUse a keycap puller to remove your existing caps, line up the new set with your layout, and press each cap onto its switch stem until it clicks. The whole swap usually takes just a few minutes.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eIs the set good for daily typing and work?\u003c\/summary\u003e\u003cdiv class=\"deer__faq-body\"\u003eYes. The Cherry profile is low and comfortable for long sessions, and the thick PBT with a matte finish holds up beautifully to heavy daily use without going shiny or slick.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eWill the colours look like the photos?\u003c\/summary\u003e\u003cdiv class=\"deer__faq-body\"\u003eWe work hard to represent the warm berry reds, soft creams and forest tones accurately. Monitor calibration can shift on-screen colour slightly, but the real-world caps are warm, cozy and true to the woodland palette shown.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eDo the side legends mean anything special?\u003c\/summary\u003e\u003cdiv class=\"deer__faq-body\"\u003eFive-sided dye-sublimation means the artwork and legends wrap onto the front and side walls of the caps, not just the top — giving the set a richer, more detailed look from every angle.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eCan I buy just the novelty keys separately?\u003c\/summary\u003e\u003cdiv class=\"deer__faq-body\"\u003eThis listing is sold as a complete set (136-key or 66-key) rather than individual novelties. The novelty caps are included within the set you choose, so you get the full woodland look in one purchase.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eHow should I store the set if I swap it out?\u003c\/summary\u003e\u003cdiv class=\"deer__faq-body\"\u003eKeep the caps in their original tray or a small storage box, away from direct sunlight and moisture. Because they're thick PBT with dye-sub art, they store beautifully and stay ready for your next swap whenever the mood strikes.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eIs the profile the same height across all rows?\u003c\/summary\u003e\u003cdiv class=\"deer__faq-body\"\u003eCherry profile is row-sculpted, meaning each row has a slightly different height and angle to guide your fingers naturally from row to row. This is the standard, comfortable shape most enthusiasts prefer for everyday typing.\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== SOUND \u0026 FEEL ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__head\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003eThe Experience\u003c\/div\u003e\n\u003ch2 class=\"deer__h2\"\u003eSound \u0026amp; \u003cem\u003eFeel\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"deer__lead\"\u003eMore than a look — thick PBT changes how your board sounds and feels.\u003c\/p\u003e\n\u003cdiv class=\"deer__divider\"\u003e\u003cspan class=\"deer__leaf\"\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__panels\"\u003e\n\u003carticle class=\"deer__panel\"\u003e\u003cspan class=\"deer__panel-ic\"\u003e🔊\u003c\/span\u003e\u003ch3\u003eA Deeper, Cozier Sound\u003c\/h3\u003e\n\u003cp\u003eThick PBT walls dampen the high-pitched ping of thinner caps, giving every keystroke a fuller, more grounded sound — as warm and rounded as the woodland theme it wears.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__panel\"\u003e\u003cspan class=\"deer__panel-ic\"\u003e🤚\u003c\/span\u003e\u003ch3\u003eA Textured, Grippy Touch\u003c\/h3\u003e\n\u003cp\u003eThe fine matte texture adds confident grip and a tactile warmth under your fingertips, while resisting the greasy shine that smooth caps develop over time.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== DURABILITY ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__head\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003eMade to Endure\u003c\/div\u003e\n\u003ch2 class=\"deer__h2\"\u003eBuilt for the \u003cem\u003eLong Haul\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"deer__lead\"\u003eA set you'll keep on your board for years, not months.\u003c\/p\u003e\n\u003cdiv class=\"deer__divider\"\u003e\u003cspan class=\"deer__leaf\"\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__panels\"\u003e\n\u003carticle class=\"deer__panel\"\u003e\u003cspan class=\"deer__panel-ic\"\u003e🛡️\u003c\/span\u003e\u003ch3\u003eShine-Resistant Surface\u003c\/h3\u003e\n\u003cp\u003eCheaper caps go greasy and glossy where your fingers rest most. The dense PBT and matte texture here resist that shine, keeping the forest artwork looking fresh long after everyday caps would have worn smooth.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__panel\"\u003e\u003cspan class=\"deer__panel-ic\"\u003e🎨\u003c\/span\u003e\u003ch3\u003eArt That Won't Fade\u003c\/h3\u003e\n\u003cp\u003eBecause the design is dye-sublimated into the plastic rather than printed on top, the deer, foliage and forest detailing won't peel, crack or wash out — even with heavy daily typing for years on end.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== PALETTE ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__head\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003eStorybook Colours\u003c\/div\u003e\n\u003ch2 class=\"deer__h2\"\u003eThe Woodland \u003cem\u003ePalette\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"deer__lead\"\u003eA warm, cozy colour story drawn straight from the forest floor.\u003c\/p\u003e\n\u003cdiv class=\"deer__divider\"\u003e\u003cspan class=\"deer__leaf\"\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__palette\"\u003e\n\u003cdiv class=\"deer__swatch\"\u003e\n\u003cdiv class=\"deer__swatch-chip deer__swatch-chip--berry\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"deer__swatch-body\"\u003e\n\u003ch4\u003eBerry Red\u003c\/h4\u003e\n\u003cp\u003eWarm \u0026amp; inviting\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__swatch\"\u003e\n\u003cdiv class=\"deer__swatch-chip deer__swatch-chip--cream\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"deer__swatch-body\"\u003e\n\u003ch4\u003eForest Cream\u003c\/h4\u003e\n\u003cp\u003eSoft \u0026amp; cozy\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__swatch\"\u003e\n\u003cdiv class=\"deer__swatch-chip deer__swatch-chip--forest\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"deer__swatch-body\"\u003e\n\u003ch4\u003eDeep Forest\u003c\/h4\u003e\n\u003cp\u003eCalm \u0026amp; grounding\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__swatch\"\u003e\n\u003cdiv class=\"deer__swatch-chip deer__swatch-chip--gold\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"deer__swatch-body\"\u003e\n\u003ch4\u003eAntique Gold\u003c\/h4\u003e\n\u003cp\u003eSubtle accents\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== STYLING IDEAS ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__head\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003eMake It Yours\u003c\/div\u003e\n\u003ch2 class=\"deer__h2\"\u003eStyling \u003cem\u003eIdeas\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"deer__lead\"\u003eBring the cozy forest theme to life across your whole setup.\u003c\/p\u003e\n\u003cdiv class=\"deer__divider\"\u003e\u003cspan class=\"deer__leaf\"\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__tips\"\u003e\n\u003carticle class=\"deer__tip\"\u003e\u003cspan class=\"deer__tip-ic\"\u003e🪵\u003c\/span\u003e\u003ch4\u003eWood-Tone Desk\u003c\/h4\u003e\n\u003cp\u003ePair the set with a wooden desk mat or warm wood deskpad to complete the woodland-cabin atmosphere.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__tip\"\u003e\u003cspan class=\"deer__tip-ic\"\u003e🕯️\u003c\/span\u003e\u003ch4\u003eWarm Lighting\u003c\/h4\u003e\n\u003cp\u003eSoft, warm-white desk lighting makes the berry reds and creams glow like a forest at golden hour.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__tip\"\u003e\u003cspan class=\"deer__tip-ic\"\u003e🌿\u003c\/span\u003e\u003ch4\u003eA Touch of Green\u003c\/h4\u003e\n\u003cp\u003eA small desk plant or two echoes the forest theme and keeps the whole setup feeling fresh and alive.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__tip\"\u003e\u003cspan class=\"deer__tip-ic\"\u003e🦌\u003c\/span\u003e\u003ch4\u003eFeature the Novelties\u003c\/h4\u003e\n\u003cp\u003ePlace the deer and foliage novelty caps on your Escape or Enter key to make the theme's hero details pop.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== OUR PROMISE ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__head\"\u003e\n\u003cdiv class=\"deer__kicker\"\u003eShop With Confidence\u003c\/div\u003e\n\u003ch2 class=\"deer__h2\"\u003eOur Promise to \u003cem\u003eYou\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"deer__divider\"\u003e\u003cspan class=\"deer__leaf\"\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deer__promise\"\u003e\n\u003carticle class=\"deer__promise-card\"\u003e\u003cspan class=\"deer__promise-ic\"\u003e📦\u003c\/span\u003e\u003ch4\u003eCarefully Packed\u003c\/h4\u003e\n\u003cp\u003eEvery set is securely packaged so your keycaps arrive in perfect, ready-to-mount condition.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__promise-card\"\u003e\u003cspan class=\"deer__promise-ic\"\u003e🔍\u003c\/span\u003e\u003ch4\u003eQuality Checked\u003c\/h4\u003e\n\u003cp\u003eEach order is inspected for crisp, even dye-sublimation and clean, consistent moulding before it ships.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__promise-card\"\u003e\u003cspan class=\"deer__promise-ic\"\u003e💬\u003c\/span\u003e\u003ch4\u003eFriendly Support\u003c\/h4\u003e\n\u003cp\u003eQuestions about fit or set size? Reach out any time and a real person will help you choose.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"deer__promise-card\"\u003e\u003cspan class=\"deer__promise-ic\"\u003e🦌\u003c\/span\u003e\u003ch4\u003eMade for Fans\u003c\/h4\u003e\n\u003cp\u003eDesigned for people who love a cozy, characterful desk that feels like a little escape into nature.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== GIFT BANNER ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__gift\"\u003e\n\u003cspan class=\"deer__gift-ic\"\u003e🎁\u003c\/span\u003e\u003ch2\u003eA Cozy Gift for Any Desk\u003c\/h2\u003e\n\u003cp\u003eWarm, whimsical and beautifully made — the Deer in the Deep Forest set is a thoughtful surprise for keyboard enthusiasts, nature lovers, and anyone who treasures a cozy setup.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== CLOSING CTA ======================== --\u003e\u003csection class=\"deer__section\"\u003e\u003cdiv class=\"deer__cta\"\u003e\n\u003cdiv class=\"deer__sparkle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch2\u003eBring the \u003cem\u003eForest\u003c\/em\u003e to Your Desk\u003c\/h2\u003e\n\u003cp\u003eThick PBT, five-sided dye-sub artwork, Cherry profile — a woodland escape for every keystroke.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cp\u003e \u003c\/p\u003e\u003c!-- ================================================================= --\u003e\u003cp\u003e \u003c\/p\u003e\u003c!-- END DEER IN THE DEEP FOREST KEYCAP SET DESCRIPTION --\u003e\u003cp\u003e \u003c\/p\u003e\u003c!-- ================================================================= --\u003e","brand":"Rolipan","offers":[{"title":"136pcs","offer_id":49406846664919,"sku":null,"price":59.9,"currency_code":"USD","in_stock":true},{"title":"66pcs","offer_id":49406846697687,"sku":null,"price":34.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/deer-in-the-deep-forest-theme-keycap-set-8468769.webp?v=1783490375"},{"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\u003cstyle\u003e\/* ================================================================= *\/\/* GOOGLE FONTS *\/\/* ================================================================= *\/@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');\/* ================================================================= *\/\/* DESIGN TOKENS — retro gaming · bold · collectible *\/\/* ================================================================= *\/.mrio { \/* --- Palette --- *\/ --mrio-red: #e52521; \/* Mario red *\/ --mrio-red-deep: #a31a18; \/* shadowed red *\/ --mrio-red-soft: #f26461; \/* lit red highlight *\/ --mrio-yellow: #fbd000; \/* coin \/ question block *\/ --mrio-yellow-2: #d4a800; \/* deep coin gold *\/ --mrio-yellow-3: #ffe55a; \/* highlight yellow *\/ --mrio-blue: #049cd8; \/* sky \/ starman blue *\/ --mrio-blue-deep: #026ea0; \/* deep blue *\/ --mrio-dark: #3d2b1f; \/* Mario outline brown\/black *\/ --mrio-night: #2a1f18; \/* darkest surface *\/ --mrio-night-2: #3a2c23; \/* card dark surface *\/ --mrio-cream: #fffdf5; \/* light background *\/ --mrio-parchment: #fff8e7; \/* warm white *\/ --mrio-text: #3a2c23; \/* body text *\/ --mrio-text-soft: #6b5444; \/* secondary text *\/ --mrio-line: rgba(229,37,33,0.22); --mrio-line-soft: rgba(229,37,33,0.12); --mrio-shadow: 0 18px 50px -18px rgba(61,43,31,0.50); --mrio-shadow-sm: 0 8px 24px -10px rgba(61,43,31,0.38); --mrio-glow-y: 0 0 28px rgba(251,208,0,0.50); --mrio-glow-r: 0 0 24px rgba(229,37,33,0.40); \/* --- Typography --- *\/ --mrio-display: 'Nunito', 'Trebuchet MS', Arial, sans-serif; --mrio-pixel: 'Press Start 2P', monospace; --mrio-body: 'Nunito', 'Trebuchet MS', Arial, sans-serif; \/* --- Layout rhythm --- *\/ --mrio-radius: 14px; --mrio-radius-lg: 20px; --mrio-maxw: 1200px; --mrio-gap: clamp(14px, 2.2vw, 22px); --mrio-section: clamp(44px, 7vw, 78px); \/* --- Base --- *\/ font-family: var(--mrio-body); color: var(--mrio-dark); line-height: 1.7; font-size: 18px; max-width: var(--mrio-maxw); margin: 0 auto; padding: 0 4px; text-align: center; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; box-sizing: border-box;}.mrio *,.mrio *::before,.mrio *::after { box-sizing: border-box; }.mrio p { margin: 0 0 1em; font-size: clamp(16px, 1.6vw, 18px);}.mrio p:last-child { margin-bottom: 0; }.mrio strong { font-weight: 800; }.mrio h1, .mrio h2, .mrio h3, .mrio h4 { margin: 0; line-height: 1.15; }\/* ================================================================= *\/\/* PAGE FRAME *\/\/* ================================================================= *\/.mrio__sheet { position: relative; background: linear-gradient(180deg, #fffdf5 0%, #fff8e7 55%, #fff3d6 100%); border: 2px solid rgba(229,37,33,0.2); border-radius: var(--mrio-radius-lg); overflow: hidden; box-shadow: var(--mrio-shadow);}\/* pixel-dot grain texture *\/.mrio__sheet::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: 0.35; background-image: radial-gradient(rgba(229,37,33,0.07) 1px, transparent 1px), radial-gradient(rgba(251,208,0,0.06) 1px, transparent 1px); background-size: 20px 20px, 32px 32px; background-position: 0 0, 10px 16px; mix-blend-mode: multiply;}.mrio__inner { position: relative; z-index: 1; padding: clamp(22px, 5vw, 56px);}\/* ================================================================= *\/\/* HERO *\/\/* ================================================================= *\/.mrio__hero { position: relative; text-align: center; padding: clamp(28px, 5.5vw, 58px) clamp(10px, 3vw, 36px) clamp(32px, 5.5vw, 60px); border-radius: var(--mrio-radius); background: radial-gradient(80% 100% at 50% 0%, rgba(251,208,0,0.18), transparent 55%), linear-gradient(160deg, #2a1f18 0%, #1a1410 60%, #2a1f18 100%); color: var(--mrio-cream); overflow: hidden; border: 2px solid rgba(251,208,0,0.30); box-shadow: inset 0 0 60px rgba(0,0,0,0.55), var(--mrio-shadow);}\/* floating coin shimmer *\/.mrio__coins { position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(2px 2px at 14% 20%, rgba(251,208,0,0.85), transparent), radial-gradient(1.5px 1.5px at 82% 18%, rgba(251,208,0,0.70), transparent), radial-gradient(2px 2px at 36% 68%, rgba(251,208,0,0.80), transparent), radial-gradient(1.2px 1.2px at 68% 58%, rgba(251,208,0,0.55), transparent), radial-gradient(1.8px 1.8px at 90% 80%, rgba(251,208,0,0.65), transparent), radial-gradient(1.5px 1.5px at 24% 84%, rgba(251,208,0,0.60), transparent), radial-gradient(1px 1px at 55% 30%, rgba(229,37,33,0.50), transparent), radial-gradient(1.2px 1.2px at 8% 55%, rgba(4,156,216,0.45), transparent); animation: mrio-shimmer 5s ease-in-out infinite alternate;}@keyframes mrio-shimmer { 0% { opacity: 0.5; transform: translateY(0); } 100% { opacity: 1; transform: translateY(-4px); }}.mrio__eyebrow { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 12px; font-family: var(--mrio-pixel); letter-spacing: 0.12em; font-size: clamp(7px, 1.2vw, 9px); color: var(--mrio-yellow); padding: 10px 20px; border: 1px solid rgba(251,208,0,0.45); border-radius: 999px; background: rgba(251,208,0,0.08); margin-bottom: 6px; transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;}.mrio__eyebrow::before,.mrio__eyebrow::after { content: \"?\"; font-size: 10px; }.mrio__eyebrow:hover { transform: translateY(-2px) scale(1.03); background: rgba(251,208,0,0.16); box-shadow: var(--mrio-glow-y);}.mrio__title { position: relative; z-index: 2; font-family: var(--mrio-display); font-weight: 900; line-height: 1.04; margin: clamp(36px, 5.5vw, 54px) 0 0; font-size: clamp(30px, 6vw, 60px); color: var(--mrio-cream); text-shadow: 0 3px 0 rgba(0,0,0,0.45), 0 0 30px rgba(251,208,0,0.22); letter-spacing: -0.01em;}.mrio__title .mrio__yellow { background: linear-gradient(180deg, #ffe55a 0%, #fbd000 50%, #d4a800 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}.mrio__subtitle { position: relative; z-index: 2; text-align: center; font-weight: 600; font-size: clamp(16px, 2.2vw, 21px); color: rgba(255,253,245,0.82); max-width: 1200px; margin: clamp(18px, 3vw, 26px) auto 0;}.mrio__hero-rule { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 16px; margin: clamp(24px, 4vw, 34px) auto 0; max-width: 1200px; color: var(--mrio-yellow);}.mrio__hero-rule::before,.mrio__hero-rule::after { content: \"\"; height: 1px; flex: 1; background: linear-gradient(90deg, transparent, rgba(251,208,0,0.7), transparent);}.mrio__hero-rule span { font-family: var(--mrio-pixel); font-size: 9px; letter-spacing: 0.15em; color: var(--mrio-yellow);}.mrio__badges { position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: clamp(24px, 4vw, 32px);}.mrio__badge { display: inline-flex; align-items: center; gap: 8px; font-family: var(--mrio-display); font-size: clamp(11px, 1.5vw, 13px); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mrio-cream); padding: 10px 18px; border-radius: 999px; border: 1px solid rgba(251,208,0,0.30); background: rgba(255,253,245,0.05); transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;}.mrio__badge span:first-child { font-size: 16px; }.mrio__badge:hover { transform: translateY(-3px); background: rgba(251,208,0,0.14); border-color: var(--mrio-yellow); box-shadow: var(--mrio-glow-y);}\/* ================================================================= *\/\/* SECTION SCAFFOLD *\/\/* ================================================================= *\/.mrio__section { margin-top: var(--mrio-section); }.mrio__head { text-align: center; margin-bottom: clamp(28px, 4vw, 44px); }.mrio__kicker { display: flex; align-items: center; justify-content: center; gap: 14px; font-family: var(--mrio-pixel); letter-spacing: 0.18em; font-size: clamp(7px, 1.1vw, 8px); color: var(--mrio-red); margin-bottom: 14px; text-transform: uppercase;}.mrio__kicker::before,.mrio__kicker::after { content: \"★\"; font-size: 8px; color: var(--mrio-yellow); }.mrio__h2 { font-family: var(--mrio-display); font-weight: 900; text-align: center; font-size: clamp(26px, 4.6vw, 44px); line-height: 1.1; margin: 0 auto 12px; color: var(--mrio-dark); max-width: 1200px; letter-spacing: -0.01em; transition: text-shadow 0.4s ease;}.mrio__h2:hover { text-shadow: 0 0 22px rgba(229,37,33,0.28); }.mrio__lead { text-align: center; max-width: 1200px; margin: 0 auto; color: var(--mrio-text-soft); font-size: clamp(16px, 1.8vw, 19px); font-weight: 600;}.mrio__divider { display: flex; align-items: center; justify-content: center; gap: 16px; margin: clamp(18px, 3vw, 24px) auto 0; max-width: 1200px; color: var(--mrio-yellow-2);}.mrio__divider::before,.mrio__divider::after { content: \"\"; height: 2px; flex: 1; background: linear-gradient(90deg, transparent, var(--mrio-yellow-2), transparent); border-radius: 2px;}.mrio__diamond { width: 10px; height: 10px; transform: rotate(45deg); background: var(--mrio-yellow); box-shadow: 0 0 0 4px rgba(251,208,0,0.22); transition: transform 0.4s ease, box-shadow 0.4s ease;}.mrio__divider:hover .mrio__diamond { transform: rotate(225deg) scale(1.3); box-shadow: 0 0 0 6px rgba(251,208,0,0.28);}.mrio__prose { max-width: 1200px; margin: 0 auto; text-align: center;}.mrio__prose p { color: var(--mrio-text); margin: 0 auto 1.1em; font-weight: 600; }.mrio__prose p:last-child { margin-bottom: 0; }\/* ================================================================= *\/\/* FEATURE GRID *\/\/* ================================================================= *\/.mrio__features { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--mrio-gap);}.mrio__feature { position: relative; text-align: left; background: var(--mrio-cream); border: 2px solid rgba(229,37,33,0.15); border-radius: var(--mrio-radius); padding: clamp(20px, 3vw, 28px); overflow: hidden; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;}.mrio__feature::after { content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--mrio-red), var(--mrio-yellow), var(--mrio-blue)); opacity: 0; transition: opacity 0.35s ease;}.mrio__feature:hover { transform: translateY(-6px); box-shadow: var(--mrio-shadow-sm); border-color: rgba(229,37,33,0.40);}.mrio__feature:hover::after { opacity: 1; }.mrio__feature-icon { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 14px; font-size: 26px; margin-bottom: 16px; background: linear-gradient(145deg, #2a1f18, #1a1410); border: 2px solid rgba(251,208,0,0.35); box-shadow: inset 0 0 14px rgba(251,208,0,0.15); transition: transform 0.4s ease, box-shadow 0.4s ease;}.mrio__feature:hover .mrio__feature-icon { transform: rotate(-6deg) scale(1.1); box-shadow: inset 0 0 14px rgba(251,208,0,0.28), var(--mrio-glow-y);}.mrio__feature h3 { font-family: var(--mrio-display); font-weight: 800; font-size: clamp(16px, 2vw, 19px); margin: 0 0 8px; color: var(--mrio-dark);}.mrio__feature p { margin: 0; font-size: clamp(14px, 1.5vw, 16px); color: var(--mrio-text-soft); line-height: 1.65; }\/* ================================================================= *\/\/* SPOTLIGHT — dark band *\/\/* ================================================================= *\/.mrio__spotlight { position: relative; text-align: center; border-radius: var(--mrio-radius-lg); overflow: hidden; padding: clamp(30px, 5vw, 58px); background: radial-gradient(80% 120% at 50% 0%, rgba(251,208,0,0.14), transparent 55%), linear-gradient(155deg, #2a1f18, #1a1410); color: var(--mrio-cream); border: 2px solid rgba(251,208,0,0.25); box-shadow: var(--mrio-shadow);}.mrio__spotlight .mrio__kicker { color: var(--mrio-yellow); }.mrio__spotlight .mrio__kicker::before,.mrio__spotlight .mrio__kicker::after { color: var(--mrio-yellow-3); }.mrio__spotlight h2 { font-family: var(--mrio-display); font-weight: 900; text-align: center; font-size: clamp(24px, 4vw, 40px); margin: 0 auto 16px; color: var(--mrio-cream); max-width: 1200px; text-shadow: 0 2px 0 rgba(0,0,0,0.35);}.mrio__spotlight \u003e p { max-width: 1200px; color: rgba(255,253,245,0.82); margin: 0 auto; font-weight: 600; font-size: clamp(15px, 1.7vw, 17.5px);}.mrio__spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; margin-top: clamp(26px, 3.5vw, 36px);}.mrio__spec { border: 1px solid rgba(251,208,0,0.24); border-radius: 12px; padding: 18px 18px 16px; background: rgba(255,253,245,0.04); transition: background 0.3s ease, transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;}.mrio__spec:hover { background: rgba(251,208,0,0.10); transform: translateY(-4px); border-color: var(--mrio-yellow); box-shadow: var(--mrio-glow-y);}.mrio__spec-k { font-family: var(--mrio-pixel); font-size: 8px; letter-spacing: 0.1em; color: var(--mrio-yellow); margin-bottom: 7px;}.mrio__spec-v { font-size: clamp(15px, 1.8vw, 18px); color: var(--mrio-cream); font-weight: 700;}\/* ================================================================= *\/\/* COLOR OPTIONS *\/\/* ================================================================= *\/.mrio__colors { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--mrio-gap);}.mrio__color-card { position: relative; text-align: center; border-radius: var(--mrio-radius); padding: clamp(26px, 3.5vw, 36px) 20px; color: var(--mrio-cream); overflow: hidden; border: 2px solid rgba(255,255,255,0.15); transition: transform 0.4s ease, box-shadow 0.4s ease;}.mrio__color-card::before { content: \"\"; position: absolute; inset: 0; background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,0.18), transparent 55%); pointer-events: none;}.mrio__color-card:hover { transform: translateY(-7px) scale(1.02); box-shadow: var(--mrio-shadow); }.mrio__color-card--red { background: linear-gradient(155deg, #c41f1c, #7a1412); }.mrio__color-card--yellow { background: linear-gradient(155deg, #d4a800, #7a5f00); }.mrio__color-card--blue { background: linear-gradient(155deg, #037eb0, #024d6e); }.mrio__color-glyph { font-size: 36px; margin-bottom: 14px; position: relative; z-index: 1; display: inline-block; transition: transform 0.4s ease;}.mrio__color-card:hover .mrio__color-glyph { transform: scale(1.2) rotate(5deg); }.mrio__color-card h3 { position: relative; z-index: 1; font-family: var(--mrio-display); font-weight: 900; font-size: clamp(18px, 2.2vw, 22px); margin: 0 0 6px; letter-spacing: 0.02em;}.mrio__color-card p { position: relative; z-index: 1; margin: 0; font-size: 14.5px; font-weight: 600; color: rgba(255,253,245,0.82);}\/* ================================================================= *\/\/* SPECS TABLE *\/\/* ================================================================= *\/.mrio__table-wrap { max-width: 1200px; margin: 0 auto; border: 2px solid rgba(229,37,33,0.18); border-radius: var(--mrio-radius); overflow: hidden; background: var(--mrio-cream);}.mrio__table { width: 100%; border-collapse: collapse; text-align: left; font-size: clamp(15px, 1.7vw, 17px);}.mrio__table tr { transition: background 0.25s ease; }.mrio__table tr:hover { background: rgba(251,208,0,0.10); }.mrio__table tr + tr { border-top: 1px solid rgba(229,37,33,0.10); }.mrio__table th,.mrio__table td { padding: 15px 22px; vertical-align: top; }.mrio__table th { width: 42%; font-family: var(--mrio-display); font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; font-size: 0.82em; color: var(--mrio-red);}.mrio__table td { color: var(--mrio-dark); font-weight: 600; }\/* ================================================================= *\/\/* GALLERY — individual framed images *\/\/* ================================================================= *\/.mrio__gallery { display: flex; flex-direction: column; gap: 0; \/* slices stitch with no gap *\/ border-radius: var(--mrio-radius); overflow: hidden; border: 2px solid rgba(229,37,33,0.20); background: var(--mrio-cream); box-shadow: var(--mrio-shadow-sm); transition: transform 0.4s ease, box-shadow 0.4s ease;}.mrio__gallery:hover { transform: translateY(-4px); box-shadow: var(--mrio-shadow); }.mrio__frame { display: block; margin: 0; padding: 0;}.mrio__frame img { width: 100%; display: block; height: auto; margin: 0; vertical-align: top; \/* removes baseline hairline gap *\/}\/* ================================================================= *\/\/* STEPS — how to order \u0026 install *\/\/* ================================================================= *\/.mrio__steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--mrio-gap); text-align: left;}.mrio__step { position: relative; background: var(--mrio-cream); border: 2px solid rgba(229,37,33,0.15); border-radius: var(--mrio-radius); padding: clamp(22px, 3vw, 28px); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}.mrio__step:hover { transform: translateY(-5px); box-shadow: var(--mrio-shadow-sm); border-color: rgba(229,37,33,0.45);}.mrio__step-num { font-family: var(--mrio-pixel); font-size: 20px; color: var(--mrio-yellow); line-height: 1; margin-bottom: 12px; display: inline-block; transition: transform 0.35s ease; text-shadow: 2px 2px 0 var(--mrio-yellow-2);}.mrio__step:hover .mrio__step-num { transform: scale(1.12) rotate(-3deg); }.mrio__step h4 { font-family: var(--mrio-display); font-weight: 800; font-size: 16.5px; margin: 0 0 7px; color: var(--mrio-dark);}.mrio__step p { margin: 0; font-size: 15px; color: var(--mrio-text-soft); line-height: 1.65; font-weight: 600; }\/* ================================================================= *\/\/* CARE GUIDE *\/\/* ================================================================= *\/.mrio__care { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: var(--mrio-gap); text-align: left;}.mrio__care-card { background: var(--mrio-cream); border: 2px solid rgba(229,37,33,0.15); border-radius: var(--mrio-radius); padding: clamp(20px, 3vw, 26px); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}.mrio__care-card:hover { transform: translateY(-5px); box-shadow: var(--mrio-shadow-sm); border-color: rgba(251,208,0,0.55);}.mrio__care-num { font-family: var(--mrio-pixel); font-size: 18px; color: var(--mrio-yellow); line-height: 1; margin-bottom: 10px; display: inline-block; text-shadow: 2px 2px 0 var(--mrio-yellow-2); transition: transform 0.35s ease;}.mrio__care-card:hover .mrio__care-num { transform: scale(1.1); }.mrio__care-card h4 { font-family: var(--mrio-display); font-weight: 800; font-size: 16.5px; margin: 0 0 7px; color: var(--mrio-dark);}.mrio__care-card p { margin: 0; font-size: 15px; color: var(--mrio-text-soft); line-height: 1.65; font-weight: 600; }\/* ================================================================= *\/\/* STATS STRIP *\/\/* ================================================================= *\/.mrio__stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--mrio-gap); text-align: center;}.mrio__stat { padding: clamp(22px, 3vw, 30px) 14px; border: 2px solid rgba(229,37,33,0.15); border-radius: var(--mrio-radius); background: var(--mrio-cream); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}.mrio__stat:hover { transform: translateY(-5px); box-shadow: var(--mrio-shadow-sm); border-color: rgba(251,208,0,0.55);}.mrio__stat-num { font-family: var(--mrio-display); font-weight: 900; font-size: clamp(32px, 4.5vw, 46px); background: linear-gradient(180deg, #fbd000 0%, #d4a800 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; line-height: 1; margin-bottom: 8px;}.mrio__stat-label { font-family: var(--mrio-display); font-weight: 700; font-size: 14.5px; color: var(--mrio-dark); text-transform: uppercase; letter-spacing: 0.08em;}\/* ================================================================= *\/\/* FAQ — CSS-only accordion *\/\/* ================================================================= *\/.mrio__faq { max-width: 1200px; margin: 0 auto; text-align: left; }.mrio__faq details { border: 2px solid rgba(229,37,33,0.15); border-radius: 12px; background: var(--mrio-cream); margin-bottom: 12px; overflow: hidden; transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;}.mrio__faq details:hover { border-color: rgba(229,37,33,0.40); box-shadow: var(--mrio-shadow-sm);}.mrio__faq details[open] { border-color: rgba(251,208,0,0.55); box-shadow: var(--mrio-shadow-sm);}.mrio__faq summary { list-style: none; cursor: pointer; padding: 18px 22px; font-family: var(--mrio-display); font-weight: 800; font-size: clamp(15px, 1.8vw, 17px); color: var(--mrio-dark); display: flex; align-items: center; justify-content: space-between; gap: 14px; transition: color 0.25s ease;}.mrio__faq summary:hover { color: var(--mrio-red); }.mrio__faq summary::-webkit-details-marker { display: none; }.mrio__faq summary::after { content: \"+\"; font-family: var(--mrio-pixel); font-size: 14px; color: var(--mrio-yellow); transition: transform 0.3s ease; line-height: 1;}.mrio__faq details[open] summary::after { transform: rotate(45deg); }.mrio__faq-body { padding: 0 22px 20px; color: var(--mrio-text-soft); font-size: 16px; font-weight: 600; line-height: 1.7;}\/* ================================================================= *\/\/* ================================================================= *\/\/* MIX \u0026 MATCH IDEAS — horizontal tips *\/\/* ================================================================= *\/.mrio__tips { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: var(--mrio-gap); text-align: left;}.mrio__tip { position: relative; background: var(--mrio-cream); border: 2px solid rgba(229,37,33,0.14); border-radius: var(--mrio-radius); padding: clamp(20px, 3vw, 28px); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;}.mrio__tip:hover { transform: translateY(-5px); box-shadow: var(--mrio-shadow-sm); border-color: rgba(251,208,0,0.55);}.mrio__tip-ic { font-size: 28px; display: inline-block; margin-bottom: 12px; transition: transform 0.4s ease;}.mrio__tip:hover .mrio__tip-ic { transform: scale(1.15) rotate(-5deg); }.mrio__tip h4 { font-family: var(--mrio-display); font-weight: 800; font-size: 16.5px; margin: 0 0 7px; color: var(--mrio-dark);}.mrio__tip p { margin: 0; font-size: 15px; color: var(--mrio-text-soft); line-height: 1.65; font-weight: 600; }\/* ================================================================= *\/\/* PROMISE CARDS *\/\/* ================================================================= *\/.mrio__promise { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--mrio-gap); text-align: left;}.mrio__promise-card { background: var(--mrio-cream); border: 2px solid rgba(229,37,33,0.14); border-radius: var(--mrio-radius); padding: clamp(22px, 3vw, 30px); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;}.mrio__promise-card:hover { transform: translateY(-5px); box-shadow: var(--mrio-shadow-sm); border-color: rgba(251,208,0,0.55);}.mrio__promise-ic { font-size: 28px; display: inline-block; margin-bottom: 12px; transition: transform 0.4s ease;}.mrio__promise-card:hover .mrio__promise-ic { transform: scale(1.14) rotate(-6deg); }.mrio__promise-card h4 { font-family: var(--mrio-display); font-weight: 800; font-size: 16.5px; margin: 0 0 8px; color: var(--mrio-dark);}.mrio__promise-card p { margin: 0; font-size: 15px; color: var(--mrio-text-soft); line-height: 1.65; font-weight: 600; }\/* ================================================================= *\/\/* SPLIT PANELS (sound \u0026 feel style) *\/\/* ================================================================= *\/.mrio__split { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--mrio-gap); text-align: left;}.mrio__panel { background: var(--mrio-cream); border: 2px solid rgba(229,37,33,0.14); border-radius: var(--mrio-radius); padding: clamp(24px, 3.4vw, 34px); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;}.mrio__panel:hover { transform: translateY(-5px); box-shadow: var(--mrio-shadow-sm); border-color: rgba(251,208,0,0.55);}.mrio__panel-ic { font-size: 32px; margin-bottom: 12px; display: inline-block; transition: transform 0.4s ease;}.mrio__panel:hover .mrio__panel-ic { transform: scale(1.12) rotate(-5deg); }.mrio__panel h3 { font-family: var(--mrio-display); font-weight: 800; font-size: clamp(17px, 2.2vw, 21px); margin: 0 0 10px; color: var(--mrio-dark);}.mrio__panel p { margin: 0; color: var(--mrio-text-soft); font-size: 15.5px; line-height: 1.7; font-weight: 600; }\/* ================================================================= *\/\/* GIFT BANNER *\/\/* ================================================================= *\/.mrio__gift { position: relative; text-align: center; border-radius: var(--mrio-radius-lg); overflow: hidden; padding: clamp(30px, 5vw, 52px) clamp(20px, 4vw, 40px); background: linear-gradient(160deg, #fff8e7, #fff3d0); border: 2px solid rgba(251,208,0,0.40); box-shadow: var(--mrio-shadow-sm);}.mrio__gift-ic { font-size: 40px; margin-bottom: 12px; display: inline-block; transition: transform 0.4s ease;}.mrio__gift:hover .mrio__gift-ic { transform: scale(1.16) rotate(-8deg); }.mrio__gift h2 { font-family: var(--mrio-display); font-weight: 900; font-size: clamp(24px, 4vw, 38px); color: var(--mrio-dark); margin: 0 0 12px;}.mrio__gift p { max-width: 1200px; margin: 0 auto; color: var(--mrio-text); font-size: clamp(16px, 1.8vw, 19px); font-weight: 600;}\/* ================================================================= *\/\/* TRUST STRIP *\/\/* ================================================================= *\/.mrio__trust { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; text-align: center;}.mrio__trust-item { padding: 22px 14px; border: 2px solid rgba(229,37,33,0.14); border-radius: 12px; background: var(--mrio-cream); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}.mrio__trust-item:hover { transform: translateY(-5px); box-shadow: var(--mrio-shadow-sm); border-color: rgba(251,208,0,0.55);}.mrio__trust-ic { font-size: 26px; display: inline-block; transition: transform 0.35s ease; }.mrio__trust-item:hover .mrio__trust-ic { transform: scale(1.2) rotate(-5deg); }.mrio__trust-t { font-family: var(--mrio-display); font-weight: 800; font-size: 14.5px; margin: 8px 0 2px; color: var(--mrio-dark); }.mrio__trust-s { font-size: 13px; color: var(--mrio-text-soft); font-weight: 600; }\/* ================================================================= *\/\/* CLOSING CTA *\/\/* ================================================================= *\/.mrio__cta { position: relative; text-align: center; border-radius: var(--mrio-radius-lg); overflow: hidden; padding: clamp(36px, 6vw, 66px) clamp(20px, 4vw, 40px); background: radial-gradient(80% 110% at 50% 0%, rgba(251,208,0,0.16), transparent 55%), linear-gradient(155deg, #2a1f18, #1a1410); color: var(--mrio-cream); border: 2px solid rgba(251,208,0,0.28); box-shadow: var(--mrio-shadow);}.mrio__cta .mrio__coins { opacity: 0.6; }.mrio__cta h2 { position: relative; z-index: 2; font-family: var(--mrio-display); font-weight: 900; font-size: clamp(26px, 5vw, 48px); margin: 0 0 14px; color: var(--mrio-cream); text-shadow: 0 0 28px rgba(251,208,0,0.28);}.mrio__cta p { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; color: rgba(255,253,245,0.84); font-size: clamp(16px, 2vw, 20px); font-weight: 600;}.mrio__cta-seal { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 12px; margin-top: clamp(24px, 3.5vw, 32px); font-family: var(--mrio-display); font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; font-size: clamp(12px, 1.6vw, 14px); color: var(--mrio-yellow); padding: 14px 28px; border: 2px solid rgba(251,208,0,0.45); border-radius: 999px; background: rgba(251,208,0,0.08); cursor: pointer; text-decoration: none; transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;}.mrio__cta-seal:hover { background: rgba(251,208,0,0.20); border-color: var(--mrio-yellow); transform: translateY(-3px) scale(1.02); box-shadow: 0 12px 30px -12px rgba(251,208,0,0.65); color: #fff;}.mrio__cta-seal:active { transform: translateY(-1px) scale(0.99); }\/* ================================================================= *\/\/* RESPONSIVE — TABLET *\/\/* ================================================================= *\/@media (max-width: 900px) { .mrio { font-size: 17px; }}\/* ================================================================= *\/\/* RESPONSIVE — MOBILE *\/\/* ================================================================= *\/@media (max-width: 600px) { .mrio { padding: 0; font-size: 16.5px; } .mrio__inner { padding: 18px 14px; } .mrio__features, .mrio__colors, .mrio__steps, .mrio__care, .mrio__stats, .mrio__trust, .mrio__tips, .mrio__promise, .mrio__split, .mrio__spec-grid { grid-template-columns: 1fr; } .mrio__eyebrow { letter-spacing: 0.1em; } .mrio__title { font-size: clamp(26px, 9vw, 38px); }}\/* ================================================================= *\/\/* REDUCED MOTION *\/\/* ================================================================= *\/@media (prefers-reduced-motion: reduce) { .mrio * { animation: none !important; transition: none !important; }}\u003c\/style\u003e\u003c!-- ================================================================= --\u003e\u003c!-- MARKUP --\u003e\u003c!-- ================================================================= --\u003e\u003cdiv lang=\"en\" class=\"mrio\"\u003e\u003cdiv class=\"mrio__sheet\"\u003e\u003cdiv class=\"mrio__inner\"\u003e\n\u003c!-- ======================== HERO ======================== --\u003e\u003cheader class=\"mrio__hero\"\u003e\u003cspan class=\"mrio__eyebrow\"\u003eLimited Collectible\u003c\/span\u003e\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\u003c\/header\u003e\u003c!-- ======================== INTRO ======================== --\u003e\u003csection class=\"mrio__section\"\u003e\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\u003c\/section\u003e\u003c!-- ====================== FEATURES ====================== --\u003e\u003csection class=\"mrio__section\"\u003e\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\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\u003c\/article\u003e\u003carticle class=\"mrio__feature\"\u003e\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\u003c\/article\u003e\u003carticle class=\"mrio__feature\"\u003e\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\u003c\/article\u003e\u003carticle class=\"mrio__feature\"\u003e\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\u003c\/article\u003e\u003carticle class=\"mrio__feature\"\u003e\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\u003c\/article\u003e\u003carticle class=\"mrio__feature\"\u003e\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\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ==================== MATERIAL SPOTLIGHT ==================== --\u003e\u003csection class=\"mrio__section\"\u003e\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\u003c\/section\u003e\u003c!-- ====================== COLOR OPTIONS ====================== --\u003e\u003csection class=\"mrio__section\"\u003e\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\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\u003c\/article\u003e\u003carticle class=\"mrio__color-card mrio__color-card--yellow\"\u003e\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\u003c\/article\u003e\u003carticle class=\"mrio__color-card mrio__color-card--blue\"\u003e\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\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ====================== SPECIFICATIONS ====================== --\u003e\u003csection class=\"mrio__section\"\u003e\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\u003ctable class=\"mrio__table\"\u003e\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\u003c\/table\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== GALLERY ======================== --\u003e\u003csection class=\"mrio__section\"\u003e\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\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\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\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\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\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\u003c\/section\u003e\u003c!-- ==================== HOW TO ORDER ==================== --\u003e\u003csection class=\"mrio__section\"\u003e\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\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\u003c\/article\u003e\u003carticle class=\"mrio__step\"\u003e\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\u003c\/article\u003e\u003carticle class=\"mrio__step\"\u003e\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\u003c\/article\u003e\u003carticle class=\"mrio__step\"\u003e\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\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ======================== CARE ======================== --\u003e\u003csection class=\"mrio__section\"\u003e\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\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\u003c\/article\u003e\u003carticle class=\"mrio__care-card\"\u003e\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\u003c\/article\u003e\u003carticle class=\"mrio__care-card\"\u003e\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\u003c\/article\u003e\u003carticle class=\"mrio__care-card\"\u003e\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\u003c\/article\u003e\u003cdetails\u003e\u003csummary\u003eIs it compatible with hot-swap keyboards?\u003c\/summary\u003e\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\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eCan I order all three colors at once?\u003c\/summary\u003e\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\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eWill it scratch or chip with regular use?\u003c\/summary\u003e\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\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ================== DESK SETUP INSPIRATION ================== --\u003e\u003csection class=\"mrio__section\"\u003e\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\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\u003c\/article\u003e\u003carticle class=\"mrio__panel\"\u003e\u003cspan class=\"mrio__panel-ic\"\u003e🏢\u003c\/span\u003e\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\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ====================== STATS STRIP ====================== --\u003e\u003csection class=\"mrio__section\"\u003e\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\u003c\/section\u003e\u003c!-- ======================== FAQ ======================== --\u003e\u003csection class=\"mrio__section\"\u003e\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\u003csummary\u003eWill this fit my keyboard?\u003c\/summary\u003e\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\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eHow do I choose my colors?\u003c\/summary\u003e\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\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eIs it sold as a single keycap or a set?\u003c\/summary\u003e\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\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eDoes it work with backlit \/ RGB keyboards?\u003c\/summary\u003e\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\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eCan I place it on any key position?\u003c\/summary\u003e\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\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- =================== PLACEMENT IDEAS =================== --\u003e\u003csection class=\"mrio__section\"\u003e\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\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\u003c\/article\u003e\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e🎛️\u003c\/span\u003e\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\u003c\/article\u003e\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e🟨\u003c\/span\u003e\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\u003c\/article\u003e\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e🎮\u003c\/span\u003e\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\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- =================== FEEL \u0026 SOUND =================== --\u003e\u003csection class=\"mrio__section\"\u003e\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\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\u003c\/article\u003e\u003carticle class=\"mrio__panel\"\u003e\u003cspan class=\"mrio__panel-ic\"\u003e🤚\u003c\/span\u003e\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\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- =================== OUR PROMISE =================== --\u003e\u003csection class=\"mrio__section\"\u003e\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\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\u003c\/article\u003e\u003carticle class=\"mrio__promise-card\"\u003e\u003cspan class=\"mrio__promise-ic\"\u003e🔍\u003c\/span\u003e\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\u003c\/article\u003e\u003carticle class=\"mrio__promise-card\"\u003e\u003cspan class=\"mrio__promise-ic\"\u003e💬\u003c\/span\u003e\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\u003c\/article\u003e\u003carticle class=\"mrio__promise-card\"\u003e\u003cspan class=\"mrio__promise-ic\"\u003e🎮\u003c\/span\u003e\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\u003c\/article\u003e\u003cdetails\u003e\u003csummary\u003eDoes ABS plastic yellow over time?\u003c\/summary\u003e\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\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eCan I use it on a wireless keyboard?\u003c\/summary\u003e\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\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eHow do I tell customer service which colors I want?\u003c\/summary\u003e\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\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eWill the color look the same as in the photos?\u003c\/summary\u003e\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\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eIs this an official licensed Nintendo product?\u003c\/summary\u003e\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\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- =================== WHY ABS =================== --\u003e\u003csection class=\"mrio__section\"\u003e\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\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\u003c\/article\u003e\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e🔩\u003c\/span\u003e\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\u003c\/article\u003e\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e🪶\u003c\/span\u003e\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\u003c\/article\u003e\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e✨\u003c\/span\u003e\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\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ====================== GIFT BANNER ====================== --\u003e\u003csection class=\"mrio__section\"\u003e\u003cdiv class=\"mrio__gift\"\u003e\n\u003cspan class=\"mrio__gift-ic\"\u003e🎁\u003c\/span\u003e\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\u003c\/section\u003e\u003c!-- ====================== TRUST STRIP ====================== --\u003e\u003csection class=\"mrio__section\"\u003e\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\u003c\/section\u003e\u003c!-- ====================== FUN FACTS ====================== --\u003e\u003csection class=\"mrio__section\"\u003e\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\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\u003c\/article\u003e\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e🪙\u003c\/span\u003e\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\u003c\/article\u003e\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e🎯\u003c\/span\u003e\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\u003c\/article\u003e\u003carticle class=\"mrio__tip\"\u003e\u003cspan class=\"mrio__tip-ic\"\u003e⌨️\u003c\/span\u003e\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\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- ====================== CLOSING CTA ====================== --\u003e\u003csection class=\"mrio__section\"\u003e\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\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cp\u003e \u003c\/p\u003e\u003c!-- ================================================================= --\u003e\u003cp\u003e \u003c\/p\u003e\u003c!-- END MARIO QUESTION MARK KEYCAP DESCRIPTION --\u003e\u003cp\u003e \u003c\/p\u003e\u003c!-- ================================================================= --\u003e","brand":"Rolipan","offers":[{"title":"Yellow","offer_id":49406846730455,"sku":null,"price":16.9,"currency_code":"USD","in_stock":true},{"title":"Red","offer_id":49406846763223,"sku":null,"price":16.9,"currency_code":"USD","in_stock":true},{"title":"Blue","offer_id":49406846795991,"sku":null,"price":16.9,"currency_code":"USD","in_stock":true},{"title":"All in One","offer_id":49406846828759,"sku":null,"price":39.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/mario-question-mark-box-theme-artisan-keycap-3358990.webp?v=1783490376"},{"product_id":"cute-jelly-cat-theme-pink-keycap-set","title":"Cute Jelly Cat Theme Pink Keycap Set","description":"\u003c!-- Crystal Jelly Cat Kawaii Pink Keycap Set — Enhanced E-Commerce Page --\u003e\u003cstyle\u003e :root{ --pm-text:#111827; --pm-muted:#6b7280; --pm-border:#e5e7eb; --pm-soft:#fff5fb; --pm-radius:16px; --pm-pink:#ff69b4; --pm-pink-light:#ffb6d9; --pm-pink-soft:#ffe4f0; --pm-crystal:#f0f9ff; --pm-jelly:#ffd4e9; --pm-gradient: linear-gradient(135deg, #ff69b4 0%, #ffb6d9 50%, #ffe4f0 100%); } * { box-sizing: border-box; } .pm-wrap{ max-width: 1020px; margin: 0 auto; padding: 24px 16px 48px; color: var(--pm-text); line-height: 1.7; font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif; overflow-x: hidden; } \/* ===== HERO BADGE - CENTERED \u0026 PREMIUM ===== *\/ .pm-hero-badge{ display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background: var(--pm-gradient); color: #fff; font-size: 13px; font-weight: 900; border-radius: 24px; margin-bottom: 12px; letter-spacing: 0.5px; text-transform: uppercase; box-shadow: 0 6px 20px rgba(255,105,180,0.5); animation: premium-glow 3s ease-in-out infinite; } @keyframes premium-glow { 0%, 100% { box-shadow: 0 6px 20px rgba(255,105,180,0.5); } 50% { box-shadow: 0 8px 28px rgba(255,105,180,0.7); } } .pm-badge-center{ text-align: center; margin-bottom: 16px; } .pm-title{ font-size: 32px; font-weight: 900; letter-spacing: -0.5px; margin: 0 0 12px; line-height: 1.2; min-height: auto; background: linear-gradient(135deg, #111827 0%, #4b5563 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; word-wrap: break-word; overflow-wrap: break-word; } .pm-sub{ margin: 0 0 18px; color: var(--pm-muted); font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .pm-sub span{ display: inline-flex; align-items: center; gap: 4px; } \/* ===== CARDS ===== *\/ .pm-card{ border: 1px solid var(--pm-border); border-radius: 20px; background: #fff; padding: 28px 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-bottom: 16px; overflow: hidden; } .pm-p{ margin: 12px 0; color: #374151; font-size: 15px; line-height: 1.75; word-wrap: break-word; overflow-wrap: break-word; } .pm-h3{ margin: 24px 0 14px; font-size: 18px; font-weight: 900; letter-spacing: -0.3px; display:flex; align-items:center; gap:12px; color: #111827; word-wrap: break-word; overflow-wrap: break-word; } .pm-ico{ width: 32px; height: 32px; display:inline-grid; place-items:center; border-radius: 10px; background: var(--pm-pink-soft); border: 1px solid var(--pm-pink-light); font-size: 16px; flex-shrink: 0; } .pm-ul{ margin: 0; padding-left: 0; color:#374151; font-size: 15px; list-style: none; } .pm-ul li{ margin: 10px 0; padding-left: 28px; position: relative; word-wrap: break-word; overflow-wrap: break-word; } .pm-ul li:before{ content: \"✓\"; position: absolute; left: 0; color: #ff69b4; font-weight: 900; font-size: 16px; } .pm-hr{ border: 0; border-top: 2px solid var(--pm-soft); margin: 24px 0; } \/* ===== TRUST BADGES WITH HOVER ===== *\/ .pm-trust{ display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 24px 0; } .pm-trust-item{ display: flex; align-items: center; gap: 12px; padding: 14px; background: var(--pm-pink-soft); border: 1px solid var(--pm-pink-light); border-radius: 12px; font-size: 13px; font-weight: 700; color: #111827; transition: all 0.3s ease; cursor: pointer; } .pm-trust-item:hover{ transform: translateY(-4px); box-shadow: 0 8px 20px rgba(255,105,180,0.35); background: linear-gradient(135deg, var(--pm-pink-soft) 0%, #fff 100%); border-color: var(--pm-pink); } .pm-trust-icon{ width: 36px; height: 36px; background: #fff; border-radius: 8px; display: grid; place-items: center; font-size: 18px; flex-shrink: 0; transition: transform 0.3s ease; } .pm-trust-item:hover .pm-trust-icon{ transform: scale(1.15) rotate(5deg); } \/* ===== FEATURE GRID ===== *\/ .pm-feature-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0; } .pm-feature-card{ padding: 20px; background: linear-gradient(135deg, #fff 0%, var(--pm-soft) 100%); border: 1px solid var(--pm-border); border-radius: 16px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } .pm-feature-card:hover{ transform: translateY(-4px); box-shadow: 0 8px 24px rgba(255,105,180,0.2); } .pm-feature-icon{ font-size: 32px; margin-bottom: 12px; } .pm-feature-title{ font-size: 15px; font-weight: 800; color: #111827; margin: 0 0 6px; } .pm-feature-desc{ font-size: 13px; color: var(--pm-muted); margin: 0; } \/* ===== SPECS TABLE - ENHANCED WITH HOVER ===== *\/ .pm-table-wrapper{ transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 16px; overflow: hidden; } .pm-table-wrapper:hover{ transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); } .pm-table{ width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--pm-border); border-radius: 16px; background: #fff; } .pm-table th, .pm-table td{ padding: 16px; border-bottom: 1px solid var(--pm-border); font-size: 14px; text-align: left; transition: background 0.2s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-table tr:hover th, .pm-table tr:hover td{ background: var(--pm-pink-soft); } .pm-table tr:last-child th, .pm-table tr:last-child td{ border-bottom: 0; } .pm-table th{ width: 38%; color:#374151; font-weight: 900; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%); } .pm-table td{ font-weight: 700; color:#111827; background:#ffffff; } \/* ===== ALERT - ENHANCED WITH HOVER ===== *\/ .pm-alert{ margin-top: 16px; padding: 16px 18px; border: 2px solid #fee2e2; background: #fef2f2; border-radius: 14px; color:#991b1b; font-size: 14px; font-weight: 600; display: flex; align-items: flex-start; gap: 10px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-alert:hover{ transform: translateY(-2px); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.15); border-color: #fecaca; } .pm-alert-icon{ font-size: 20px; flex-shrink: 0; } \/* ===== INFO BOX - ENHANCED WITH HOVER ===== *\/ .pm-info-box{ padding: 12px 16px; background: var(--pm-soft); border-radius: 12px; border-left: 4px solid #ff69b4; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; word-wrap: break-word; overflow-wrap: break-word; } .pm-info-box:hover{ transform: translateX(4px); box-shadow: 0 4px 16px rgba(255, 105, 180, 0.2); border-color: #ff1493; } \/* ===== 3-IMAGE GRID WITH LABELS (TOP SECTION) ===== *\/ .pm-image-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 24px 0; } .pm-grid-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 350px; } .pm-grid-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1); transition: transform 0.5s ease; } .pm-grid-img:hover img{ transform: scale(1.08); } \/* Image Label Badge - Top Right Corner *\/ .pm-img-label{ position: absolute; top: 12px; right: 12px; background: rgba(255, 255, 255, 0.95); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; color: #111827; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 2; backdrop-filter: blur(4px); border: 1px solid rgba(0,0,0,0.05); } \/* ===== 2-IMAGE GALLERY ===== *\/ .pm-double-gallery{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 24px 0; } .pm-double-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 400px; } .pm-double-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-double-img:hover img{ transform: scale(1.05); } \/* ===== RECTANGLE IMAGE SECTION (Between Content) ===== *\/ .pm-rectangle-image{ margin: 32px 0; border-radius: 16px; overflow: hidden; border: 1px solid var(--pm-border); line-height: 0; height: 480px; } .pm-rectangle-image img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-rectangle-image:hover img{ transform: scale(1.05); } \/* ===== LAYOUT SECTION - SQUARE WITH IMAGE LEFT \u0026 TEXT RIGHT ===== *\/ .pm-layout-section{ margin: 32px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; overflow: hidden; } .pm-layout-img{ width: 100%; aspect-ratio: 1\/1; border-radius: 0px; border: 2px solid var(--pm-border); overflow: hidden; line-height: 0; background: #fff; display: flex; align-items: center; justify-content: center; max-width: 100%; position: relative; } .pm-layout-img img{ width: 100%; height: 100%; object-fit: contain; display: block; padding: 0px; max-width: 100%; } \/* Layout Image Label - Same style as top images *\/ .pm-layout-label{ position: absolute; top: 12px; right: 12px; background: rgba(255, 255, 255, 0.95); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; color: #111827; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 2; backdrop-filter: blur(4px); border: 1px solid rgba(0,0,0,0.05); } .pm-layout-text{ aspect-ratio: 1\/1; padding: 24px 20px; background: var(--pm-soft); border-radius: 0px; border: 2px solid var(--pm-pink-light); display: flex; flex-direction: column; justify-content: center; overflow: hidden; max-width: 100%; } .pm-layout-title{ font-size: 18px; font-weight: 900; color: #111827; margin: 0 0 20px; line-height: 1.4; word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; } .pm-layout-list{ margin: 0 0 14px 0; padding-left: 0; list-style: none; } .pm-layout-list li{ padding: 10px 0; font-size: 14px; font-weight: 600; color: #374151; position: relative; padding-left: 28px; word-wrap: break-word; overflow-wrap: break-word; } .pm-layout-list li:before{ content: \"✓\"; position: absolute; left: 0; color: #ff69b4; font-weight: 900; font-size: 18px; } .pm-layout-note{ font-size: 13px; color: var(--pm-muted); line-height: 1.7; margin: 0; font-style: italic; padding: 12px; background: rgba(255,105,180,0.1); border-radius: 8px; word-wrap: break-word; overflow-wrap: break-word; } \/* ===== TRIPLE GALLERY ===== *\/ .pm-triple-gallery{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 24px 0; } .pm-triple-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 300px; } .pm-triple-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-triple-img:hover img{ transform: scale(1.08); } \/* ===== CTA SECTION WITH ADJUSTED SPACING ===== *\/ .pm-cta{ margin-top: 32px; padding: 32px 28px; background: var(--pm-gradient); border-radius: 20px; text-align: center; color: #fff; box-shadow: 0 8px 24px rgba(255,105,180,0.45); } .pm-cta-title{ font-size: 24px; font-weight: 900; margin: 0 0 10px; word-wrap: break-word; overflow-wrap: break-word; } .pm-cta-text{ font-size: 15px; margin: 0 0 12px; opacity: 0.95; word-wrap: break-word; overflow-wrap: break-word; } .pm-cta-btn{ display: inline-block; padding: 14px 32px; background: #fff; color: #111827; font-size: 15px; font-weight: 800; border-radius: 12px; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.1); cursor: pointer; animation: heartbeat-slow 3s ease-in-out infinite; } .pm-cta-btn:hover{ transform: translateY(-2px) scale(1.05); box-shadow: 0 6px 20px rgba(0,0,0,0.15); animation: heartbeat-hover 2s ease-in-out infinite; } @keyframes heartbeat-slow { 0%, 100% { transform: scale(1); } 7% { transform: scale(1.03); } 14% { transform: scale(1); } 21% { transform: scale(1.03); } 28% { transform: scale(1); } } @keyframes heartbeat-hover { 0%, 100% { transform: translateY(-2px) scale(1.05); } 50% { transform: translateY(-2px) scale(1.08); } } \/* ===== CENTERED HELP SECTION ===== *\/ .pm-help-center{ text-align: center; margin-top: 32px; } \/* ===== FOOTER INFO - MINIMAL SPACING ===== *\/ .pm-footer-info{ margin-top: 16px; margin-bottom: 0; padding: 14px 18px; text-align: center; background: var(--pm-soft); border-radius: 20px; border: 1px solid var(--pm-border); } .pm-footer-badges{ display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; font-size: 13px; color: var(--pm-muted); margin: 0; } .pm-footer-badge-item{ display: flex; align-items: center; gap: 6px; } .pm-footer-badge-icon{ font-size: 16px; } \/* ===== RESPONSIVE - TABLET ===== *\/ @media (max-width: 860px){ .pm-wrap{ padding: 16px 12px 32px; } .pm-title{ font-size: 24px; } .pm-sub{ font-size: 14px; gap: 10px; } .pm-card{ padding: 20px 16px; } .pm-p{ font-size: 14px; } .pm-h3{ font-size: 17px; margin: 20px 0 12px; } .pm-ico{ width: 28px; height: 28px; font-size: 14px; } .pm-ul{ font-size: 14px; } .pm-ul li{ padding-left: 24px; } .pm-ul li:before{ font-size: 14px; } .pm-trust{ grid-template-columns: 1fr; gap: 10px; } .pm-trust-item{ padding: 12px; font-size: 12px; } .pm-trust-icon{ width: 32px; height: 32px; font-size: 16px; } .pm-feature-grid{ grid-template-columns: repeat(2, 1fr); gap: 12px; } .pm-feature-card{ padding: 16px; } .pm-feature-icon{ font-size: 28px; margin-bottom: 10px; } .pm-feature-title{ font-size: 14px; } .pm-feature-desc{ font-size: 12px; } .pm-table th, .pm-table td{ padding: 12px; font-size: 13px; } .pm-table th{ font-size: 11px; } .pm-alert{ padding: 14px 16px; font-size: 13px; } .pm-alert-icon{ font-size: 18px; } .pm-cta{ padding: 24px 20px; } .pm-cta-title{ font-size: 20px; } .pm-cta-text{ font-size: 14px; margin: 0 0 10px; } .pm-cta-btn{ padding: 12px 28px; font-size: 14px; } .pm-image-grid{ grid-template-columns: 1fr; gap: 10px; } .pm-grid-img{ height: 300px; } .pm-double-gallery{ grid-template-columns: 1fr; gap: 10px; } .pm-double-img{ height: 300px; } .pm-triple-gallery{ grid-template-columns: 1fr; gap: 10px; } .pm-triple-img{ height: 280px; } .pm-img-label, .pm-layout-label{ font-size: 10px; padding: 5px 10px; top: 10px; right: 10px; } .pm-rectangle-image{ height: 350px; margin: 24px 0; } .pm-layout-section{ grid-template-columns: 1fr; gap: 16px; margin: 24px 0; } .pm-layout-img, .pm-layout-text{ aspect-ratio: 1\/1; max-width: 100%; } .pm-layout-text{ padding: 20px 16px; } .pm-layout-title{ font-size: 16px; margin: 0 0 16px; } .pm-layout-list li{ font-size: 13px; padding: 8px 0; padding-left: 24px; } .pm-layout-list li:before{ font-size: 16px; } .pm-layout-note{ font-size: 12px; padding: 10px; } .pm-footer-badges{ font-size: 12px; gap: 16px; } } \/* ===== RESPONSIVE - MOBILE ===== *\/ @media (max-width: 500px){ .pm-wrap{ padding: 12px 10px 28px; max-width: 100%; overflow-x: hidden; } .pm-hero-badge{ font-size: 10px; padding: 5px 12px; } .pm-title{ font-size: 18px; line-height: 1.3; margin-bottom: 10px; } .pm-sub{ font-size: 11px; gap: 6px; } .pm-card{ padding: 16px 12px; border-radius: 16px; } .pm-p{ font-size: 13px; line-height: 1.65; margin: 10px 0; } .pm-h3{ font-size: 14px; margin: 16px 0 10px; gap: 8px; } .pm-ico{ width: 24px; height: 24px; font-size: 12px; } .pm-ul{ font-size: 12px; } .pm-ul li{ margin: 8px 0; padding-left: 20px; } .pm-ul li:before{ font-size: 12px; } .pm-hr{ margin: 16px 0; } .pm-trust{ grid-template-columns: 1fr; gap: 8px; margin: 16px 0; } .pm-trust-item{ padding: 10px; font-size: 11px; } .pm-trust-icon{ width: 28px; height: 28px; font-size: 14px; } .pm-feature-grid{ grid-template-columns: 1fr; gap: 10px; margin: 16px 0; } .pm-feature-card{ padding: 12px; } .pm-feature-icon{ font-size: 22px; margin-bottom: 8px; } .pm-feature-title{ font-size: 12px; margin-bottom: 4px; } .pm-feature-desc{ font-size: 10px; } .pm-table-wrapper{ border-radius: 12px; overflow-x: auto; -webkit-overflow-scrolling: touch; } .pm-table{ border-radius: 12px; min-width: 100%; } .pm-table th, .pm-table td{ padding: 10px 8px; font-size: 11px; } .pm-table th{ font-size: 9px; width: 35%; } .pm-alert{ padding: 12px 14px; font-size: 11px; border-radius: 12px; } .pm-alert-icon{ font-size: 16px; } .pm-info-box{ font-size: 11px; padding: 10px 12px; } .pm-cta{ padding: 20px 14px; margin-top: 24px; border-radius: 16px; } .pm-cta-title{ font-size: 17px; margin-bottom: 8px; } .pm-cta-text{ font-size: 12px; margin: 0 0 10px; } .pm-cta-btn{ padding: 11px 24px; font-size: 12px; border-radius: 10px; } .pm-image-grid{ grid-template-columns: 1fr; gap: 8px; margin: 16px 0; } .pm-grid-img{ height: 250px; border-radius: 12px; } .pm-double-gallery{ grid-template-columns: 1fr; gap: 8px; } .pm-double-img{ height: 250px; border-radius: 12px; } .pm-triple-gallery{ grid-template-columns: 1fr; gap: 8px; } .pm-triple-img{ height: 240px; border-radius: 12px; } .pm-img-label, .pm-layout-label{ font-size: 8px; padding: 4px 8px; top: 8px; right: 8px; border-radius: 6px; } .pm-rectangle-image{ height: 280px; margin: 20px 0; border-radius: 12px; } .pm-layout-section{ grid-template-columns: 1fr; gap: 12px; margin: 20px 0; overflow: hidden; } .pm-layout-img{ border-radius: 12px; border: 1px solid var(--pm-border); aspect-ratio: 1\/1; max-width: 100%; } .pm-layout-img img{ max-width: 100%; height: auto; } .pm-layout-text{ padding: 14px 12px; border-radius: 12px; border: 1px solid var(--pm-pink-light); aspect-ratio: auto; min-height: auto; } .pm-layout-title{ font-size: 13px; margin: 0 0 12px; line-height: 1.4; } .pm-layout-list{ margin: 0 0 10px 0; } .pm-layout-list li{ font-size: 11px; padding: 5px 0; padding-left: 20px; line-height: 1.5; } .pm-layout-list li:before{ font-size: 13px; } .pm-layout-note{ font-size: 10px; padding: 8px; line-height: 1.5; } .pm-help-center{ margin-top: 24px; } .pm-help-center .pm-p{ font-size: 12px; } .pm-footer-info{ padding: 10px 14px; border-radius: 16px; margin-top: 12px; } .pm-footer-badges{ gap: 12px; flex-direction: column; align-items: center; font-size: 11px; } .pm-footer-badge-icon{ font-size: 14px; } }\u003c\/style\u003e\u003cdiv class=\"pm-wrap\"\u003e\n\u003c!-- Hero Badge - CENTERED \u0026 PREMIUM --\u003e\u003cdiv class=\"pm-badge-center\"\u003e\u003cdiv class=\"pm-hero-badge\"\u003e💎 Premium Collection • Limited Edition\u003c\/div\u003e\u003c\/div\u003e\n\u003c!-- PRODUCT IMAGES IN 3-IMAGE GRID WITH TOP-RIGHT LABELS --\u003e\u003cdiv class=\"pm-image-grid\"\u003e\n\u003c!-- Main Product View --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eMain Product View\u003c\/span\u003e \u003cimg loading=\"lazy\" alt=\"Crystal Jelly Cat Kawaii Pink Keycap Set — Full keycap set display\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7678084705_bvaz.jpg?v=1770921213\"\u003e\n\u003c\/div\u003e\n\u003c!-- Lifestyle Setup View --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eLifestyle Setup\u003c\/span\u003e \u003cimg loading=\"lazy\" alt=\"Crystal Jelly Cat Kawaii Pink Keycap Set — Styled keyboard setup\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7678080073_fef5.jpg?v=1770921214\"\u003e\n\u003c\/div\u003e\n\u003c!-- Close-Up Detail Shot --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eDetail Close-Up\u003c\/span\u003e \u003cimg loading=\"lazy\" alt=\"Crystal Jelly Cat Kawaii Pink Keycap Set — Macro detail view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7678079727_s5n5.jpg?v=1770921214\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch1 class=\"pm-title\"\u003eCrystal Jelly Cat Kawaii Pink Keycap Set\u003c\/h1\u003e\n\u003cdiv class=\"pm-sub\"\u003e\n\u003cspan\u003e💖 Kawaii Theme\u003c\/span\u003e \u003cspan\u003e🐱 Cat Design\u003c\/span\u003e \u003cspan\u003e✨ Crystal Jelly\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pm-p\"\u003e✨ Looking for keycaps that feels cute, glossy, and irresistibly playful every time you type? 💖\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eThe \u003cstrong\u003eCrystal Jelly Cat Kawaii Pink Keycap Set\u003c\/strong\u003e brings a dreamy kawaii aesthetic to your mechanical keyboard with adorable cat-shaped crystal style keycaps, soft pastel tones, and a unique double-layer design.\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eWith a slightly jelly-like look and a smooth MAO profile, this set creates a fun, cozy, and eye-catching typing experience perfect for cute and aesthetic desk setups.\u003c\/p\u003e\n\u003c!-- Trust Badges with Hover Effects --\u003e\u003cdiv class=\"pm-trust\"\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🚚\u003c\/div\u003e\n\u003cdiv\u003eFree Shipping Over $100\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🔒\u003c\/div\u003e\n\u003cdiv\u003eSecure Checkout\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e↩️\u003c\/div\u003e\n\u003cdiv\u003e60-Day Returns\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- Feature Grid - 6 items --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e✨\u003c\/span\u003e Why You'll Love It\u003c\/h3\u003e\n\u003cdiv class=\"pm-feature-grid\"\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eCrystal Design\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eUnique double-layer transparent jelly finish\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🐱\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eCat-Shaped Keys\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eAdorable cat faces with playful expressions\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e⌨️\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eMAO Profile\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eSmooth, rounded, comfortable typing feel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e💖\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eKawaii Aesthetic\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eSoft pastel pink \u0026amp; white color options\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e💪\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003ePremium PBT\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eHigh-quality material with dye-sub legends\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎁\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eGift-Ready\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eBeautiful premium packaging included\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🌸\u003c\/span\u003e Crystal Jelly Design\u003c\/h3\u003e\n\u003cp class=\"pm-p\"\u003eDesigned with charming cat faces, soft curves, and two-tone transparency, each keycap feels like a tiny collectible. The crystal-clear outer layer paired with pastel pink or clean white tones creates a glossy, candy-like finish that looks magical under any lighting—ideal for kawaii, pastel, and soft-core keyboard builds.\u003c\/p\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎀\u003c\/span\u003e Highlight Features\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003eCute cat-shaped artisan keycaps with playful expressions\u003c\/li\u003e\n\u003cli\u003eCrystal double-layer transparent design with a jelly-like finish\u003c\/li\u003e\n\u003cli\u003eTwo-tone pastel aesthetic – soft, glossy, and eye-catching\u003c\/li\u003e\n\u003cli\u003eMAO profile – smooth, rounded, and comfortable typing feel\u003c\/li\u003e\n\u003cli\u003eDye-sublimation printing – clear, durable, and fade-resistant\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- DOUBLE IMAGE GALLERY --\u003e\u003cdiv class=\"pm-double-gallery\"\u003e\n\u003cdiv class=\"pm-double-img\"\u003e\u003cimg loading=\"lazy\" alt=\"Crystal Jelly Cat Kawaii Pink Keycap Set — Angled view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7630128762_73q3.jpg?v=1770921214\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-double-img\"\u003e\u003cimg alt=\"Crystal Jelly Cat Kawaii Pink Keycap Set for Mechanical Keyboard | Cute Artisan Keycaps, MAO Profile Design – KeyArtisan®\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7678079963_9abu.jpg?v=1770921213\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RECTANGLE IMAGE BETWEEN SECTIONS --\u003e\u003cdiv class=\"pm-rectangle-image\"\u003e\u003cimg alt=\"Crystal Jelly Cat Kawaii Pink Keycap Set for Mechanical Keyboard | Cute Artisan Keycaps, MAO Profile Design – KeyArtisan®\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7678079727_s5n5.jpg?v=1770921214\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎨\u003c\/span\u003e Variations\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003ePink – Side Print\u003c\/li\u003e\n\u003cli\u003eWhite – Side Print\u003c\/li\u003e\n\u003cli\u003ePink – Top Print\u003c\/li\u003e\n\u003cli\u003eWhite – Top Print\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e💎\u003c\/span\u003e Material \u0026amp; Build Quality\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003eHigh-quality PBT material\u003c\/li\u003e\n\u003cli\u003eDye-sublimated legends\u003c\/li\u003e\n\u003cli\u003eCrystal double-layer transparent construction\u003c\/li\u003e\n\u003cli\u003eDesigned for everyday typing and aesthetic displays\u003c\/li\u003e\n\u003cli\u003eJelly-like glossy finish\u003c\/li\u003e\n\u003cli\u003eFade-resistant and durable\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e⚙️\u003c\/span\u003e Compatibility Details\u003c\/h3\u003e\n\u003cdiv class=\"pm-table-wrapper\"\u003e\u003ctable aria-label=\"Keyboard compatibility\" role=\"table\" class=\"pm-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eSupported Layouts\u003c\/th\u003e\n\u003ctd\u003eANSI layout supported\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSwitch Compatibility\u003c\/th\u003e\n\u003ctd\u003eMX-style (cross) mechanical switches\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKeyboard Sizes\u003c\/th\u003e\n\u003ctd\u003eMost standard mechanical keyboards\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eProfile Type\u003c\/th\u003e\n\u003ctd\u003eMAO Profile (smooth \u0026amp; rounded)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003ePremium PBT\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePrinting Method\u003c\/th\u003e\n\u003ctd\u003eDye-Sublimation (permanent, fade-resistant)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-alert\"\u003e\n\u003cspan class=\"pm-alert-icon\"\u003e⚠️\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eImportant:\u003c\/strong\u003e Not compatible with membrane keyboards, scissor-switch laptops, or low-profile mechanical keyboards. Only works with standard MX-style switches.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- LAYOUT SECTION HEADING --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📐\u003c\/span\u003e Layout \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c!-- SQUARE LAYOUT SECTION - IMAGE LEFT, TEXT RIGHT WITH LABEL --\u003e\u003cdiv class=\"pm-layout-section\"\u003e\n\u003cdiv class=\"pm-layout-img\"\u003e\n\u003cspan class=\"pm-layout-label\"\u003eKeycap Set Layout\u003c\/span\u003e \u003cimg alt=\"Crystal Jelly Cat Kawaii Pink Keycap Set for Mechanical Keyboard | Cute Artisan Keycaps, MAO Profile Design – KeyArtisan®\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7678077289_bxz1.jpg?v=1770921213\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-layout-text\"\u003e\n\u003ch2 class=\"pm-layout-title\"\u003eCompatible with most standard mechanical keyboards\u003c\/h2\u003e\n\u003cul class=\"pm-layout-list\"\u003e\n\u003cli\u003eANSI layout supported\u003c\/li\u003e\n\u003cli\u003eWorks with 60%, 65%, 75% layouts\u003c\/li\u003e\n\u003cli\u003eCompatible with TKL keyboards\u003c\/li\u003e\n\u003cli\u003eFull-size keyboard support\u003c\/li\u003e\n\u003cli\u003eMX-style switch compatibility\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-layout-note\"\u003e\u003cstrong\u003e💡 Note:\u003c\/strong\u003e Compatible with most ANSI mechanical keyboards. Not sure if yours is compatible? Contact us — we're happy to help verify!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📦\u003c\/span\u003e What's Included\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003eFull keycap set (varies by variation selected)\u003c\/li\u003e\n\u003cli\u003eCrystal jelly cat-themed keycaps\u003c\/li\u003e\n\u003cli\u003eKeycap puller tool (for easy installation)\u003c\/li\u003e\n\u003cli\u003ePremium gift box packaging\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-p pm-info-box\"\u003e\u003cstrong\u003e📝 Important Note:\u003c\/strong\u003e This listing includes \u003cstrong\u003ekeycaps only\u003c\/strong\u003e. Keyboards and accessories shown in photos are for display purposes only.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section with Heartbeat Animation --\u003e\u003cdiv class=\"pm-cta\"\u003e\n\u003ch2 class=\"pm-cta-title\"\u003e💖 Transform Your Keyboard Today ✨\u003c\/h2\u003e\n\u003cp class=\"pm-cta-text\"\u003eJoin thousands of happy customers who've upgraded to kawaii perfection\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Centered Help Section --\u003e\u003cdiv class=\"pm-card pm-help-center\"\u003e\n\u003cp class=\"pm-p\"\u003e\u003cstrong\u003e💬 Need Help?\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eStill have questions about compatibility or want styling advice for your setup?\u003cbr\u003eMessage us anytime at KeyArtisan — we typically reply within 24 hours and love helping you create your perfect desk aesthetic! 💌\u003c\/p\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003cp style=\"margin-bottom: 0; font-size: 12px;\" class=\"pm-p\"\u003e\u003cstrong\u003e🌸 Your Perfect Desk Companion\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eCute, glossy, and full of playful charm.\u003cbr\u003e\u003cbr\u003eThe Crystal Jelly Cat Kawaii Pink Keycap Set is perfect for kawaii lovers, pastel desk enthusiasts, and mechanical keyboard collectors who want a fun, adorable, and candy-like typing experience that stands out beautifully. 🐱\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Footer Info - MINIMAL SPACING --\u003e\u003cdiv class=\"pm-footer-info\"\u003e\u003cdiv class=\"pm-footer-badges\"\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e📧\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eOrder Tracking Included\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e🌍\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eShips Worldwide\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e💝\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003ePremium Quality Guaranteed\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Rolipan","offers":[{"title":"Pink – Top Print","offer_id":49406846861527,"sku":null,"price":48.9,"currency_code":"USD","in_stock":true},{"title":"Pink – Side Print","offer_id":49406846894295,"sku":null,"price":41.9,"currency_code":"USD","in_stock":true},{"title":"White – Top Print","offer_id":49406846927063,"sku":null,"price":48.9,"currency_code":"USD","in_stock":true},{"title":"White – Side Print","offer_id":49406846959831,"sku":null,"price":41.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/cute-jelly-cat-theme-pink-keycap-set-8042135.jpg?v=1783490378"},{"product_id":"cute-sweet-cat-bakery-theme-artisan-keycap-set","title":"Cute Sweet Cat Bakery Theme Artisan Keycap Set","description":"\u003c!-- Cute Sweet Cat Bakery Artisan Keycap Set — Enhanced E-Commerce Page --\u003e\u003cstyle\u003e :root{ --pm-text:#111827; --pm-muted:#6b7280; --pm-border:#e5e7eb; --pm-soft:#fef9f5; --pm-radius:16px; --pm-peach:#ffd4c8; --pm-pink:#ffc8d4; --pm-cream:#fff5eb; --pm-beige:#f5e6d3; --pm-brown-light:#e8d4c0; --pm-gradient: linear-gradient(135deg, #ffd4c8 0%, #ffc8d4 50%, #fff5eb 100%); } * { box-sizing: border-box; } .pm-wrap{ max-width: 1020px; margin: 0 auto; padding: 24px 16px 48px; color: var(--pm-text); line-height: 1.7; font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif; } \/* ===== HERO BADGE - CENTERED ===== *\/ .pm-hero-badge{ display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: var(--pm-gradient); color: #fff; font-size: 12px; font-weight: 800; border-radius: 20px; margin-bottom: 12px; letter-spacing: 0.3px; text-transform: uppercase; box-shadow: 0 4px 12px rgba(255,200,212,0.4); } .pm-badge-center{ text-align: center; margin-bottom: 16px; } .pm-title{ font-size: 32px; font-weight: 900; letter-spacing: -0.5px; margin: 0 0 12px; line-height: 1.2; min-height: auto; background: linear-gradient(135deg, #111827 0%, #4b5563 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .pm-sub{ margin: 0 0 18px; color: var(--pm-muted); font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .pm-sub span{ display: inline-flex; align-items: center; gap: 4px; } \/* ===== CARDS ===== *\/ .pm-card{ border: 1px solid var(--pm-border); border-radius: 20px; background: #fff; padding: 28px 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-bottom: 16px; } .pm-p{ margin: 12px 0; color: #374151; font-size: 15px; line-height: 1.75; } .pm-h3{ margin: 24px 0 14px; font-size: 18px; font-weight: 900; letter-spacing: -0.3px; display:flex; align-items:center; gap:12px; color: #111827; } .pm-ico{ width: 32px; height: 32px; display:inline-grid; place-items:center; border-radius: 10px; background: var(--pm-cream); border: 1px solid var(--pm-beige); font-size: 16px; flex-shrink: 0; } .pm-ul{ margin: 0; padding-left: 0; color:#374151; font-size: 15px; list-style: none; } .pm-ul li{ margin: 10px 0; padding-left: 28px; position: relative; } .pm-ul li:before{ content: \"✓\"; position: absolute; left: 0; color: #ff9e80; font-weight: 900; font-size: 16px; } .pm-hr{ border: 0; border-top: 2px solid var(--pm-soft); margin: 24px 0; } \/* ===== TRUST BADGES WITH HOVER ===== *\/ .pm-trust{ display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 24px 0; } .pm-trust-item{ display: flex; align-items: center; gap: 12px; padding: 14px; background: var(--pm-cream); border: 1px solid var(--pm-beige); border-radius: 12px; font-size: 13px; font-weight: 700; color: #111827; transition: all 0.3s ease; cursor: pointer; } .pm-trust-item:hover{ transform: translateY(-4px); box-shadow: 0 8px 20px rgba(255, 200, 212, 0.35); background: linear-gradient(135deg, var(--pm-cream) 0%, #fff 100%); border-color: var(--pm-pink); } .pm-trust-icon{ width: 36px; height: 36px; background: #fff; border-radius: 8px; display: grid; place-items: center; font-size: 18px; flex-shrink: 0; transition: transform 0.3s ease; } .pm-trust-item:hover .pm-trust-icon{ transform: scale(1.15) rotate(5deg); } \/* ===== FEATURE GRID ===== *\/ .pm-feature-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0; } .pm-feature-card{ padding: 20px; background: linear-gradient(135deg, #fff 0%, var(--pm-soft) 100%); border: 1px solid var(--pm-border); border-radius: 16px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } .pm-feature-card:hover{ transform: translateY(-4px); box-shadow: 0 8px 24px rgba(255,200,212,0.15); } .pm-feature-icon{ font-size: 32px; margin-bottom: 12px; } .pm-feature-title{ font-size: 15px; font-weight: 800; color: #111827; margin: 0 0 6px; } .pm-feature-desc{ font-size: 13px; color: var(--pm-muted); margin: 0; } \/* ===== SPECS TABLE - ENHANCED WITH HOVER ===== *\/ .pm-table-wrapper{ transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 16px; overflow: hidden; } .pm-table-wrapper:hover{ transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); } .pm-table{ width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--pm-border); border-radius: 16px; background: #fff; } .pm-table th, .pm-table td{ padding: 16px; border-bottom: 1px solid var(--pm-border); font-size: 14px; text-align: left; transition: background 0.2s ease; } .pm-table tr:hover th, .pm-table tr:hover td{ background: var(--pm-cream); } .pm-table tr:last-child th, .pm-table tr:last-child td{ border-bottom: 0; } .pm-table th{ width: 38%; color:#374151; font-weight: 900; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%); } .pm-table td{ font-weight: 700; color:#111827; background:#ffffff; } \/* ===== ALERT - ENHANCED WITH HOVER ===== *\/ .pm-alert{ margin-top: 16px; padding: 16px 18px; border: 2px solid #fee2e2; background: #fef2f2; border-radius: 14px; color:#991b1b; font-size: 14px; font-weight: 600; display: flex; align-items: flex-start; gap: 10px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } .pm-alert:hover{ transform: translateY(-2px); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.15); border-color: #fecaca; } .pm-alert-icon{ font-size: 20px; flex-shrink: 0; } \/* ===== INFO BOX - ENHANCED WITH HOVER ===== *\/ .pm-info-box{ padding: 12px 16px; background: var(--pm-soft); border-radius: 12px; border-left: 4px solid #ff9e80; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } .pm-info-box:hover{ transform: translateX(4px); box-shadow: 0 4px 16px rgba(255, 158, 128, 0.2); border-color: #ff7043; } \/* ===== 3-IMAGE GRID WITH LABELS (TOP SECTION) ===== *\/ .pm-image-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 24px 0; } .pm-grid-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 350px; } .pm-grid-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1); transition: transform 0.5s ease; } .pm-grid-img:hover img{ transform: scale(1.08); } \/* Image Label Badge - Top Right Corner *\/ .pm-img-label{ position: absolute; top: 12px; right: 12px; background: rgba(255, 255, 255, 0.95); padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; color: #111827; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 2; backdrop-filter: blur(4px); border: 1px solid rgba(0,0,0,0.05); } \/* ===== 2-IMAGE GALLERY (NEW) ===== *\/ .pm-double-gallery{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 24px 0; } .pm-double-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 400px; } .pm-double-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-double-img:hover img{ transform: scale(1.05); } \/* ===== RECTANGLE IMAGE SECTION (Between Content) ===== *\/ .pm-rectangle-image{ margin: 32px 0; border-radius: 16px; overflow: hidden; border: 1px solid var(--pm-border); line-height: 0; height: 480px; } .pm-rectangle-image img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-rectangle-image:hover img{ transform: scale(1.05); } \/* ===== LAYOUT SECTION - SQUARE WITH IMAGE LEFT \u0026 TEXT RIGHT ===== *\/ .pm-layout-section{ margin: 32px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; } .pm-layout-img{ width: 100%; aspect-ratio: 1\/1; border-radius: 0px; border: 2px solid var(--pm-border); overflow: hidden; line-height: 0; background: #fff; display: flex; align-items: center; justify-content: center; } .pm-layout-img img{ width: 100%; height: 100%; object-fit: contain; display: block; padding: 0px; } .pm-layout-text{ aspect-ratio: 1\/1; padding: 24px 20px; background: var(--pm-soft); border-radius: 0px; border: 2px solid var(--pm-beige); display: flex; flex-direction: column; justify-content: center; } .pm-layout-title{ font-size: 18px; font-weight: 900; color: #111827; margin: 0 0 20px; line-height: 1.4; } .pm-layout-list{ margin: 0 0 14px 0; padding-left: 0; list-style: none; } .pm-layout-list li{ padding: 10px 0; font-size: 14px; font-weight: 600; color: #374151; position: relative; padding-left: 28px; } .pm-layout-list li:before{ content: \"✓\"; position: absolute; left: 0; color: #ff9e80; font-weight: 900; font-size: 18px; } .pm-layout-note{ font-size: 13px; color: var(--pm-muted); line-height: 1.7; margin: 0; font-style: italic; padding: 12px; background: rgba(255,200,212,0.1); border-radius: 8px; } \/* ===== FULL WIDTH IMAGE - ENHANCED QUALITY ===== *\/ .pm-full-width-section{ width: 100vw; margin-left: calc(-50vw + 50%); margin-top: 32px; margin-bottom: 32px; } .pm-full-width-img{ width: 100%; height: 600px; overflow: hidden; position: relative; background: #fef9f5; } .pm-full-width-img img{ width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transform: scale(1); transition: transform 0.6s ease; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; backface-visibility: hidden; -webkit-backface-visibility: hidden; filter: contrast(1.03) saturate(1.08) brightness(1.02); -webkit-filter: contrast(1.03) saturate(1.08) brightness(1.02); } .pm-full-width-img:hover img{ transform: scale(1.05); } \/* ===== TRIPLE GALLERY (NEW) ===== *\/ .pm-triple-gallery{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 24px 0; } .pm-triple-img{ position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--pm-border); line-height: 0; height: 300px; } .pm-triple-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .pm-triple-img:hover img{ transform: scale(1.08); } \/* ===== CTA SECTION WITH ADJUSTED SPACING ===== *\/ .pm-cta{ margin-top: 32px; padding: 32px 28px; background: var(--pm-gradient); border-radius: 20px; text-align: center; color: #fff; box-shadow: 0 8px 24px rgba(255,200,212,0.45); } .pm-cta-title{ font-size: 24px; font-weight: 900; margin: 0 0 10px; } .pm-cta-text{ font-size: 15px; margin: 0 0 12px; opacity: 0.95; } .pm-cta-btn{ display: inline-block; padding: 14px 32px; background: #fff; color: #111827; font-size: 15px; font-weight: 800; border-radius: 12px; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.1); cursor: pointer; animation: heartbeat-slow 3s ease-in-out infinite; } .pm-cta-btn:hover{ transform: translateY(-2px) scale(1.05); box-shadow: 0 6px 20px rgba(0,0,0,0.15); animation: heartbeat-hover 2s ease-in-out infinite; } @keyframes heartbeat-slow { 0%, 100% { transform: scale(1); } 7% { transform: scale(1.03); } 14% { transform: scale(1); } 21% { transform: scale(1.03); } 28% { transform: scale(1); } } @keyframes heartbeat-hover { 0%, 100% { transform: translateY(-2px) scale(1.05); } 50% { transform: translateY(-2px) scale(1.08); } } \/* ===== CENTERED HELP SECTION ===== *\/ .pm-help-center{ text-align: center; margin-top: 32px; } \/* ===== FOOTER INFO - MINIMAL SPACING ===== *\/ .pm-footer-info{ margin-top: 16px; margin-bottom: 0; padding: 14px 18px; text-align: center; background: var(--pm-soft); border-radius: 20px; border: 1px solid var(--pm-border); } .pm-footer-badges{ display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; font-size: 13px; color: var(--pm-muted); margin: 0; } .pm-footer-badge-item{ display: flex; align-items: center; gap: 6px; } .pm-footer-badge-icon{ font-size: 16px; } \/* ===== RESPONSIVE - TABLET ===== *\/ @media (max-width: 860px){ .pm-wrap{ padding: 16px 12px 32px; } .pm-title{ font-size: 24px; } .pm-sub{ font-size: 14px; gap: 10px; } .pm-card{ padding: 20px 16px; } .pm-p{ font-size: 14px; } .pm-h3{ font-size: 17px; margin: 20px 0 12px; } .pm-ico{ width: 28px; height: 28px; font-size: 14px; } .pm-ul{ font-size: 14px; } .pm-ul li{ padding-left: 24px; } .pm-ul li:before{ font-size: 14px; } .pm-trust{ grid-template-columns: 1fr; gap: 10px; } .pm-trust-item{ padding: 12px; font-size: 12px; } .pm-trust-icon{ width: 32px; height: 32px; font-size: 16px; } .pm-feature-grid{ grid-template-columns: repeat(2, 1fr); gap: 12px; } .pm-feature-card{ padding: 16px; } .pm-feature-icon{ font-size: 28px; margin-bottom: 10px; } .pm-feature-title{ font-size: 14px; } .pm-feature-desc{ font-size: 12px; } .pm-table th, .pm-table td{ padding: 12px; font-size: 13px; } .pm-table th{ font-size: 11px; } .pm-alert{ padding: 14px 16px; font-size: 13px; } .pm-alert-icon{ font-size: 18px; } .pm-cta{ padding: 24px 20px; } .pm-cta-title{ font-size: 20px; } .pm-cta-text{ font-size: 14px; margin: 0 0 10px; } .pm-cta-btn{ padding: 12px 28px; font-size: 14px; } .pm-image-grid{ grid-template-columns: 1fr; gap: 10px; } .pm-grid-img{ height: 300px; } .pm-double-gallery{ grid-template-columns: 1fr; gap: 10px; } .pm-double-img{ height: 300px; } .pm-triple-gallery{ grid-template-columns: 1fr; gap: 10px; } .pm-triple-img{ height: 280px; } .pm-img-label{ font-size: 10px; padding: 5px 10px; top: 10px; right: 10px; } .pm-rectangle-image{ height: 350px; margin: 24px 0; } .pm-layout-section{ grid-template-columns: 1fr; gap: 16px; margin: 24px 0; } .pm-layout-img, .pm-layout-text{ aspect-ratio: 1\/1; } .pm-layout-text{ padding: 20px 16px; } .pm-layout-title{ font-size: 16px; margin: 0 0 16px; } .pm-layout-list li{ font-size: 13px; padding: 8px 0; padding-left: 24px; } .pm-layout-list li:before{ font-size: 16px; } .pm-layout-note{ font-size: 12px; padding: 10px; } .pm-full-width-img{ height: 400px; } .pm-footer-badges{ font-size: 12px; gap: 16px; } } \/* ===== RESPONSIVE - MOBILE ===== *\/ @media (max-width: 500px){ .pm-wrap{ padding: 12px 10px 28px; } .pm-hero-badge{ font-size: 10px; padding: 5px 12px; } .pm-title{ font-size: 20px; line-height: 1.3; margin-bottom: 10px; } .pm-sub{ font-size: 12px; gap: 8px; } .pm-card{ padding: 16px 14px; border-radius: 16px; } .pm-p{ font-size: 13px; line-height: 1.65; margin: 10px 0; } .pm-h3{ font-size: 15px; margin: 18px 0 10px; gap: 10px; } .pm-ico{ width: 26px; height: 26px; font-size: 13px; } .pm-ul{ font-size: 13px; } .pm-ul li{ margin: 8px 0; padding-left: 22px; } .pm-ul li:before{ font-size: 13px; } .pm-hr{ margin: 18px 0; } .pm-trust{ grid-template-columns: 1fr; gap: 8px; margin: 18px 0; } .pm-trust-item{ padding: 10px; font-size: 11px; } .pm-trust-icon{ width: 28px; height: 28px; font-size: 14px; } .pm-feature-grid{ grid-template-columns: 1fr; gap: 10px; margin: 18px 0; } .pm-feature-card{ padding: 14px; } .pm-feature-icon{ font-size: 24px; margin-bottom: 8px; } .pm-feature-title{ font-size: 13px; margin-bottom: 4px; } .pm-feature-desc{ font-size: 11px; } .pm-table-wrapper{ border-radius: 12px; } .pm-table{ border-radius: 12px; } .pm-table th, .pm-table td{ padding: 10px; font-size: 12px; } .pm-table th{ font-size: 10px; width: 40%; } .pm-alert{ padding: 12px 14px; font-size: 12px; border-radius: 12px; } .pm-alert-icon{ font-size: 16px; } .pm-info-box{ font-size: 12px; padding: 10px 14px; } .pm-cta{ padding: 20px 16px; margin-top: 24px; border-radius: 16px; } .pm-cta-title{ font-size: 18px; margin-bottom: 8px; } .pm-cta-text{ font-size: 13px; margin: 0 0 10px; } .pm-cta-btn{ padding: 11px 24px; font-size: 13px; border-radius: 10px; } .pm-image-grid{ grid-template-columns: 1fr; gap: 8px; margin: 16px 0; } .pm-grid-img{ height: 250px; border-radius: 12px; } .pm-double-gallery{ grid-template-columns: 1fr; gap: 8px; margin: 16px 0; } .pm-double-img{ height: 250px; border-radius: 12px; } .pm-triple-gallery{ grid-template-columns: 1fr; gap: 8px; margin: 16px 0; } .pm-triple-img{ height: 240px; border-radius: 12px; } .pm-img-label{ font-size: 9px; padding: 4px 8px; top: 8px; right: 8px; border-radius: 6px; } .pm-rectangle-image{ height: 280px; margin: 20px 0; border-radius: 12px; } .pm-layout-section{ grid-template-columns: 1fr; gap: 12px; margin: 20px 0; } .pm-layout-img{ border-radius: 12px; border: 1px solid var(--pm-border); } .pm-layout-text{ padding: 16px 14px; border-radius: 12px; border: 1px solid var(--pm-beige); } .pm-layout-title{ font-size: 14px; margin: 0 0 12px; line-height: 1.5; } .pm-layout-list{ margin: 0 0 10px 0; } .pm-layout-list li{ font-size: 12px; padding: 6px 0; padding-left: 22px; } .pm-layout-list li:before{ font-size: 14px; } .pm-layout-note{ font-size: 11px; padding: 8px; line-height: 1.6; } .pm-full-width-section{ margin-top: 20px; margin-bottom: 20px; } .pm-full-width-img{ height: 280px; } .pm-help-center{ margin-top: 24px; } .pm-help-center .pm-p{ font-size: 12px; } .pm-footer-info{ padding: 10px 14px; border-radius: 16px; margin-top: 12px; } .pm-footer-badges{ gap: 12px; flex-direction: column; align-items: center; font-size: 11px; } .pm-footer-badge-icon{ font-size: 14px; } }\u003c\/style\u003e\u003cdiv class=\"pm-wrap\"\u003e\n\u003c!-- Hero Badge - CENTERED --\u003e\u003cdiv class=\"pm-badge-center\"\u003e\u003cdiv class=\"pm-hero-badge\"\u003e✨ New Arrival • Cat Bakery Theme\u003c\/div\u003e\u003c\/div\u003e\n\u003c!-- PRODUCT IMAGES IN 3-IMAGE GRID WITH TOP-RIGHT LABELS --\u003e\u003cdiv class=\"pm-image-grid\"\u003e\n\u003c!-- Main Product View - Full Keycap Set --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eMain Product View\u003c\/span\u003e \u003cimg alt=\"Cute Sweet Cat Bakery Artisan Keycap Set | Cozy Pastel Baking Keycaps, PBT + PC, Dye-Sub, Ceramic Feel – KeyArtisan®\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7730420027_o2bj.jpg?v=1770921214\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c!-- Lifestyle Setup View - On Keyboard --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eLifestyle Setup\u003c\/span\u003e \u003cimg alt=\"Cute Sweet Cat Bakery Artisan Keycap Set | Cozy Pastel Baking Keycaps, PBT + PC, Dye-Sub, Ceramic Feel – KeyArtisan®\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7682451524_bynp.jpg?v=1770921214\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c!-- Close-Up Detail Shot --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eDetail Close-Up\u003c\/span\u003e \u003cimg alt=\"Cute Sweet Cat Bakery Artisan Keycap Set | Cozy Pastel Baking Keycaps, PBT + PC, Dye-Sub, Ceramic Feel – KeyArtisan®\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7730418557_eocx.jpg?v=1770921214\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch1 class=\"pm-title\"\u003eCute Sweet Cat Bakery Artisan Keycap Set\u003c\/h1\u003e\n\u003cdiv class=\"pm-sub\"\u003e\n\u003cspan\u003e🐱 Cat Bakery Theme\u003c\/span\u003e \u003cspan\u003e🍰 Pastel Aesthetic\u003c\/span\u003e \u003cspan\u003e💎 PBT+PC Blend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pm-p\"\u003eLooking for a keycap set that feels warm, cozy, and sweet like a pastel bakery morning? 🐱🍰\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eThe \u003cstrong\u003eCute Sweet Cat Bakery Artisan Keycaps\u003c\/strong\u003e brings gentle kawaii charm to your desk with adorable cat faces, baking treats, and soft café-inspired details. Designed around calm moments, homemade desserts, and cozy daily routines, this set turns everyday typing into a comforting, feel-good experience.\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eWith creamy whites, soft blush tones, and subtle dessert accents, each key feels like a tiny scene from a pastel bakery diary — soothing, playful, and easy on the eyes. Perfect for cozy, kawaii, and minimal desk setups.\u003c\/p\u003e\n\u003c!-- Trust Badges with Hover Effects --\u003e\u003cdiv class=\"pm-trust\"\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🚚\u003c\/div\u003e\n\u003cdiv\u003eFree Shipping Over $100\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🔒\u003c\/div\u003e\n\u003cdiv\u003eSecure Checkout\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e↩️\u003c\/div\u003e\n\u003cdiv\u003e60-Day Returns\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- Feature Grid - 6 items --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e✨\u003c\/span\u003e Why You'll Love It\u003c\/h3\u003e\n\u003cdiv class=\"pm-feature-grid\"\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003ePremium Quality\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003ePBT+PC blend with fade-resistant dye-sub legends\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🐱\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eCat Bakery Theme\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eAdorable cats with pastries, cakes, and desserts\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e⌨️\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eComfortable Profile\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eErgonomic design for all-day typing comfort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🌈\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eRGB Friendly\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eSemi-transparent finish for gentle RGB diffusion\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e💪\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eLong-Lasting\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eDurable ceramic-feel surface that stays pristine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎁\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eGift-Ready\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eBeautiful premium packaging included\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🌸\u003c\/span\u003e Premium Materials \u0026amp; Craftsmanship\u003c\/h3\u003e\n\u003cp class=\"pm-p\"\u003eCrafted from a premium \u003cstrong\u003ePBT + PC material blend (≈80% PBT)\u003c\/strong\u003e using high-quality \u003cstrong\u003edye-sublimation\u003c\/strong\u003e printing, these keycaps offer long-lasting clarity and durability. The smooth ceramic-like finish feels gentle on your fingertips, while the semi-transparent design softly diffuses RGB lighting for a warm, cozy glow.\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eWhether you're gaming, working, or decorating your dream desk, this set adds a gentle kawaii personality that feels calming and delightful with every keystroke.\u003c\/p\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎀\u003c\/span\u003e Theme \u0026amp; Aesthetic\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003eCute cat \u0026amp; bakery-inspired aesthetic\u003c\/li\u003e\n\u003cli\u003eCat faces, cakes, bread, pastries, and dessert icons\u003c\/li\u003e\n\u003cli\u003eSoft pastel color palette with warm tones\u003c\/li\u003e\n\u003cli\u003eCozy, calm, and heart-warming desk vibe\u003c\/li\u003e\n\u003cli\u003ePerfect for kawaii, pastel, and cozy desk setups\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- DOUBLE IMAGE GALLERY --\u003e\u003cdiv class=\"pm-double-gallery\"\u003e\n\u003cdiv class=\"pm-double-img\"\u003e\u003cimg loading=\"lazy\" alt=\"Cute Sweet Cat Bakery Artisan Keycap Set — Angled keyboard view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7730397133_qxs9.jpg?v=1770921214\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-double-img\"\u003e\u003cimg alt=\"Cute Sweet Cat Bakery Artisan Keycap Set | Cozy Pastel Baking Keycaps, PBT + PC, Dye-Sub, Ceramic Feel – KeyArtisan®\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7730420027_o2bj.jpg?v=1770921214\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RECTANGLE IMAGE BETWEEN SECTIONS --\u003e\u003cdiv class=\"pm-rectangle-image\"\u003e\u003cimg alt=\"Cute Sweet Cat Bakery Artisan Keycap Set | Cozy Pastel Baking Keycaps, PBT + PC, Dye-Sub, Ceramic Feel – KeyArtisan®\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7682451524_bynp.jpg?v=1770921214\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e💎\u003c\/span\u003e Material \u0026amp; Build Quality\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003ePBT + PC keycaps (high-content PBT blend)\u003c\/li\u003e\n\u003cli\u003eDye-sublimation printing for long-lasting legends\u003c\/li\u003e\n\u003cli\u003eSmooth matte, ceramic-like surface\u003c\/li\u003e\n\u003cli\u003eSemi-transparent design for soft RGB glow\u003c\/li\u003e\n\u003cli\u003eGentle, comfortable typing feel for extended sessions\u003c\/li\u003e\n\u003cli\u003eFade-resistant and durable construction\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e⚙️\u003c\/span\u003e Compatibility Details\u003c\/h3\u003e\n\u003cdiv class=\"pm-table-wrapper\"\u003e\u003ctable style=\"width: 100%; height: auto;\" aria-label=\"Keyboard compatibility\" role=\"table\" class=\"pm-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eSupported Layouts\u003c\/th\u003e\n\u003ctd\u003eANSI layout ONLY (ISO not included)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSwitch Compatibility\u003c\/th\u003e\n\u003ctd\u003eMX-style (cross) mechanical switches\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKeyboard Sizes\u003c\/th\u003e\n\u003ctd\u003e60%, 65%, 75%, 80% (TKL), 96%, 100% (Full-Size) \u0026amp; much more\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eProfile Type\u003c\/th\u003e\n\u003ctd\u003eMAO Profile\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003ePBT + PC Blend (≈80% PBT)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePrinting Method\u003c\/th\u003e\n\u003ctd\u003eDye-Sublimation (permanent, fade-resistant)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-alert\"\u003e\n\u003cspan class=\"pm-alert-icon\"\u003e⚠️\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eImportant:\u003c\/strong\u003e This product is ANSI layout ONLY. ISO keycaps are NOT included. Not compatible with membrane keyboards, scissor-switch laptops, or low-profile mechanical keyboards. Only works with standard MX-style switches.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- LAYOUT SECTION HEADING --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📐\u003c\/span\u003e Layout \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c!-- SQUARE LAYOUT SECTION - IMAGE LEFT, TEXT RIGHT --\u003e\u003cdiv class=\"pm-layout-section\"\u003e\n\u003cdiv class=\"pm-layout-img\"\u003e\u003cimg alt=\"Cute Sweet Cat Bakery Artisan Keycap Set | Cozy Pastel Baking Keycaps, PBT + PC, Dye-Sub, Ceramic Feel – KeyArtisan®\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7682439560_78se.jpg?v=1770921214\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-layout-text\"\u003e\n\u003ch2 class=\"pm-layout-title\"\u003eThis comprehensive set is compatible with the following keyboard layouts:\u003c\/h2\u003e\n\u003cul class=\"pm-layout-list\"\u003e\n\u003cli\u003e60% Layouts\u003c\/li\u003e\n\u003cli\u003e65% Layouts\u003c\/li\u003e\n\u003cli\u003e75% Layouts\u003c\/li\u003e\n\u003cli\u003e80% (TKL) Layouts\u003c\/li\u003e\n\u003cli\u003e96% Layouts\u003c\/li\u003e\n\u003cli\u003e100% Full-Size Layouts\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-layout-note\"\u003e\u003cstrong\u003e💡 Compatibility Note:\u003c\/strong\u003e This set is compatible with most popular ANSI-layout mechanical keyboards. Please make sure your keyboard uses an ANSI layout before purchasing. Not sure if your keyboard is compatible? Reach out to our support team — we're happy to help verify!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TRIPLE IMAGE GALLERY --\u003e\u003cdiv class=\"pm-triple-gallery\"\u003e\n\u003cdiv class=\"pm-triple-img\"\u003e\u003cimg loading=\"lazy\" alt=\"Cute Sweet Cat Bakery Artisan Keycap Set — Detail shot 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7730387201_kfxb.jpg?v=1770921213\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-triple-img\"\u003e\u003cimg loading=\"lazy\" alt=\"Cute Sweet Cat Bakery Artisan Keycap Set — Detail shot 2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7682438826_93dq.jpg?v=1770921214\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-triple-img\"\u003e\u003cimg loading=\"lazy\" alt=\"Cute Sweet Cat Bakery Artisan Keycap Set — Detail shot 3\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7682439582_kvk9.jpg?v=1770921213\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FULL WIDTH IMAGE SECTION --\u003e\u003cdiv class=\"pm-full-width-section\"\u003e\u003cdiv class=\"pm-full-width-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7730418557_eocx.jpg?v=1770921214\" alt=\"Cute Sweet Cat Bakery Artisan Keycap Set | Cozy Pastel Baking Keycaps, PBT + PC, Dye-Sub, Ceramic Feel – KeyArtisan®\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📦\u003c\/span\u003e What's Included\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003eFull keycap set (ANSI layout coverage)\u003c\/li\u003e\n\u003cli\u003eMultiple keycap sizes for various layouts\u003c\/li\u003e\n\u003cli\u003eKeycap puller tool (for easy installation)\u003c\/li\u003e\n\u003cli\u003ePremium box packaging\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-p pm-info-box\"\u003e\u003cstrong\u003e📝 Important Note:\u003c\/strong\u003e This listing includes \u003cstrong\u003ekeycaps only\u003c\/strong\u003e. Keyboards, desk setups, and accessories shown in photos are for display purposes and are not included.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FINAL RECTANGLE IMAGE --\u003e\u003c!-- CTA Section with Slower Heartbeat Animation --\u003e\u003cdiv class=\"pm-cta\"\u003e\n\u003ch2 class=\"pm-cta-title\"\u003e🐱 Transform Your Keyboard Today ✨\u003c\/h2\u003e\n\u003cp class=\"pm-cta-text\"\u003eJoin thousands of happy customers who've upgraded to kawaii perfection\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Centered Help Section --\u003e\u003cdiv class=\"pm-card pm-help-center\"\u003e\n\u003cp class=\"pm-p\"\u003e\u003cstrong\u003e💬 Need Help?\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eStill have questions about compatibility or want styling advice for your setup?\u003cbr\u003eMessage us anytime at KeyArtisan — we typically reply within 24 hours and love helping you create your perfect desk aesthetic! 💌\u003c\/p\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003cp style=\"margin-bottom: 0; font-size: 16px;\" class=\"pm-p\"\u003e\u003cstrong\u003e🌸 Your Perfect Desk Companion\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eSweet, soft, and comforting.\u003cbr\u003eThe Sweet Cat Bakery Artisan Keycap Set is perfect for cat lovers, pastel desk enthusiasts, and anyone who wants their keyboard to feel like a cozy bakery moment filled with warmth and charm 🐾🍰💗\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Footer Info - MINIMAL SPACING --\u003e\u003cdiv class=\"pm-footer-info\"\u003e\u003cdiv class=\"pm-footer-badges\"\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e📧\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eOrder Tracking Included\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e🌍\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eShips Worldwide\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e💝\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003ePremium Quality Guaranteed\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406847090903,"sku":null,"price":72.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/cute-sweet-cat-bakery-theme-artisan-keycap-set-2670550.jpg?v=1783490379"},{"product_id":"blue-artisan-chibi-style-anime-keycap-set","title":"Blue Artisan Chibi Style Anime Keycap Set","description":"\u003ch2\u003e✨ \u003cstrong\u003eLooking for a soft, cozy pastel keycap set that instantly brightens your desk?\u003c\/strong\u003e\n\u003c\/h2\u003e\u003cp\u003eThe \u003cstrong\u003eCute Blue Anime Artisan Pastel Keycap Set\u003c\/strong\u003e brings calming tones, playful charm, and adorable anime-inspired artwork to your keyboard. Designed with soothing sky blues, creamy whites, gentle checkered accents, and expressive chibi-style illustrations, this set creates a clean, comforting, and irresistibly cute aesthetic.\u003c\/p\u003e\u003cp\u003eEach keycap features soft pastel colors paired with carefully placed novelty details—smiling faces, cozy expressions, cute icons, and signature accent keys. Every keystroke feels light, joyful, and relaxing, making this set perfect for anime lovers, kawaii desk setups, gamers, students, and anyone who loves soft visuals with personality.\u003c\/p\u003e\u003cp\u003eCrafted from \u003cstrong\u003epremium PBT material\u003c\/strong\u003e and finished with \u003cstrong\u003edye-sublimation printing\u003c\/strong\u003e, these keycaps resist shine and fading, ensuring long-lasting beauty even with everyday use.\u003c\/p\u003e\u003chr\u003e\u003cp\u003e💖 \u003cstrong\u003eFeatures\u003c\/strong\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMOA Profile\u003c\/strong\u003e – Rounded, cute, and comfortable sculpted design\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePremium PBT Keycaps\u003c\/strong\u003e – Thick, durable, and shine-resistant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDye-Sublimation Legends\u003c\/strong\u003e – Crisp, detailed, and fade-resistant artwork\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePastel Blue Anime Theme\u003c\/strong\u003e – Soft blues, creamy tones, and kawaii characters\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArtisan Novelty Keys\u003c\/strong\u003e – Unique illustrated accents and special modifier keys\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003cp\u003e🧶 \u003cstrong\u003eMaterials\u003c\/strong\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003eHigh-quality PBT plastic\u003c\/li\u003e\n\u003cli\u003eDye-sublimated printing (no peeling, no fading)\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003cp\u003e📖 \u003cstrong\u003eCompatibility\u003c\/strong\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003e139 keycaps included\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eANSI \u0026amp; ISO compatible\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eSupports most standard layouts:\u003cbr\u003e\u003cstrong\u003e61 \/ 64 \/ 68 \/ 75 \/ 84 \/ 87 \/ 96 \/ 98 \/ 100 \/ 104 \/ 108 keys\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eCompatible with \u003cstrong\u003eMX-style (cross) mechanical switches\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\u003cp\u003e❌ \u003cstrong\u003eNot compatible\u003c\/strong\u003e with membrane or low-profile keyboards\u003c\/p\u003e\u003chr\u003e\u003cp\u003e📦 \u003cstrong\u003ePlease Note\u003c\/strong\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003eKeycaps only – keyboard, switches, and accessories shown are for display purposes\u003c\/li\u003e\n\u003cli\u003eColors may vary slightly due to lighting and screen settings\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003cp\u003e💬 \u003cstrong\u003eNeed help checking compatibility?\u003c\/strong\u003e\u003cbr\u003eMessage us anytime — we’re happy to help and usually reply within \u003cstrong\u003e24 hours\u003c\/strong\u003e!\u003c\/p\u003e\u003cp\u003e❤️ \u003cstrong\u003eSoft, calm, and irresistibly cute.\u003c\/strong\u003e\u003cbr\u003eWith the Cute Blue Anime Artisan Pastel Keycap Set, your keyboard becomes more than a tool — it becomes a cozy expression of style, comfort, and kawaii charm.\u003c\/p\u003e","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406847123671,"sku":null,"price":117.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/blue-artisan-chibi-style-anime-keycap-set-4691474.jpg?v=1783490380"},{"product_id":"cute-black-veil-pink-cheeks-keycap-set","title":"Cute Black Veil Pink Cheeks Keycap Set","description":"\u003ch2\u003e🖤 Want a keycap set that’s both elegant and cute? 🎀✨\u003c\/h2\u003e\u003cp\u003eThe Black Veil Pink Cheeks Keycap Set brings a refined mix of black, white, and pink to your keyboard. With its delicate bow and floral designs, special novelty prints, and high-quality build, this set is perfect for anyone who loves chic aesthetics with a kawaii twist.\u003cbr\u003e\u003cbr\u003e𝐖𝐡𝐲 𝐘𝐨𝐮’𝐥𝐥 𝐋𝐨𝐯𝐞 𝐈𝐭\u003cbr\u003e\u003cbr\u003e• Elegant black, pink \u0026amp; white theme with detailed novelties\u003cbr\u003e• Unique spacebar design with script and bow accents\u003cbr\u003e• Adds style and charm to any desk setup\u003cbr\u003e• Perfect gift for collectors or anyone who loves elegant keycaps\u003cbr\u003e\u003cbr\u003e𝐏𝐫𝐞𝐦𝐢𝐮𝐦 𝐁𝐮𝐢𝐥𝐝\u003cbr\u003e\u003cbr\u003e• Profile: Cherry\u003cbr\u003e• Material: PBT\u003cbr\u003e• Printing: Dye-Sub Legends\u003cbr\u003e\u003cbr\u003e𝐂𝐨𝐦𝐩𝐚𝐭𝐢𝐛𝐢𝐥𝐢𝐭𝐲\u003cbr\u003e\u003cbr\u003e✔ Works with 61 \/ 64 \/ 68 \/ 75 \/ 84 \/ 87 \/ 96 \/ 98 \/ 104 \/ 108\u003cbr\u003e✔ ANSI Layout Keyboards\u003cbr\u003e💬 Not sure if it fits your keyboard? Contact us — we reply fast!\u003cbr\u003e\u003cbr\u003e𝐖𝐡𝐚𝐭’𝐬 𝐈𝐧𝐜𝐥𝐮𝐝𝐞𝐝\u003cbr\u003e\u003cbr\u003e• 129pcs keycap set\u003cbr\u003e• Stylish novelties \u0026amp; unique spacebars\u003cbr\u003e• Secure packaging for safe delivery\u003cbr\u003e\u003cbr\u003e𝐓𝐡𝐞 𝐕𝐢𝐛𝐞 🖤\u003cbr\u003e\u003cbr\u003eRefined, chic, and elegant — this set transforms your keyboard into a stylish centerpiece while keeping a playful pink touch.\u003c\/p\u003e","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406847156439,"sku":null,"price":82.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/cute-black-veil-pink-cheeks-keycap-set-5455992.jpg?v=1783490382"},{"product_id":"cute-pink-cat-theme-kawaii-keycap-set","title":"Cute Pink Cat Theme Kawaii Keycap Set","description":"\u003ch2\u003eDo you want to turn your keyboard into the cutest cat? 🐾\u003c\/h2\u003e\u003cp\u003eThe Cute Pink Cat Theme Keycap Set combines pastel pinks, gingham accents, and adorable cat novelties to create a soft, kawaii aesthetic that instantly brightens your desk. Perfect for cat lovers, pastel enthusiasts, and cozy setups.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e✨ Why You’ll Love It\u003c\/strong\u003e\u003cbr\u003e• Soft pastel palette with kawaii details\u003cbr\u003e• Cute cat novelties, paws, and blush accents\u003cbr\u003e• Cozy and cheerful typing feel\u003cbr\u003e• Perfect for pastel \u0026amp; kawaii-themed setups\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e💖 Charming Details\u003c\/strong\u003e\u003cbr\u003e• Gingham spacebars and accent keys\u003cbr\u003e• Cats in boxes, bows, and paw prints\u003cbr\u003e• Decorative novelties that keep your keyboard playful\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e🛠 Premium Build\u003c\/strong\u003e\u003cbr\u003e• Profile: Cherry\u003cbr\u003e• Material: Durable PBT\u003cbr\u003e• Printing: High-quality dye-sublimation\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e⌨ Compatibility\u003c\/strong\u003e\u003cbr\u003e✔ Fits MX-style switches (Cherry, Gateron, Kailh \u0026amp; more)\u003cbr\u003e✔ Supports ANSI \u0026amp; ISO layouts\u003cbr\u003e✔ Works with layouts: 61 \/ 64 \/ 68 \/ 75 \/ 84 \/ 87 \/ 96 \/ 98 \/ 104 \/ 108 keys standart layouts\u003cbr\u003e💬 Not sure if it fits your board? Message us — we reply fast!\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e📦 What’s Included\u003c\/strong\u003e\u003cbr\u003e• 141 keys (includes novelties + extra spacebars)\u003cbr\u003e• Secure packaging for safe shipping\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e🐱 The Vibe\u003c\/strong\u003e\u003cbr\u003eSweet, kawaii, and heartwarming — the Kawaii Pink Cat Theme Keycap Setfeels like having a playful pastel kitten right on your keyboard.\u003c\/p\u003e","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406847189207,"sku":null,"price":73.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/cute-pink-cat-theme-kawaii-keycap-set-5833612.jpg?v=1783490384"},{"product_id":"reyna-valorant-theme-artisan-keycap-set","title":"Reyna Valorant Theme Artisan Keycap Set","description":" ⚔️ Ready to bring Valorant’s fiercest duelist to your desk? 🎮💜🔥\u003cbr\u003e\u003cbr\u003eThe Reyna Valorant Keycap Set is built for gamers who want both style and performance. With a bold violet-and-black design, premium PBT construction, and exclusive artwork novelties, this set makes every keystroke feel like you’re entering the fight.\u003cbr\u003e\u003cbr\u003e𝐖𝐡𝐲 𝐘𝐨𝐮’𝐥𝐥 𝐋𝐨𝐯𝐞 𝐈𝐭\u003cbr\u003e\u003cbr\u003e• Bold Reyna-inspired design with striking artwork\u003cbr\u003e• Unique novelties like “THE HUNT BEGINS” spacebar\u003cbr\u003e• Dark aesthetic with neon accents for gaming setups\u003cbr\u003e• Perfect for Valorant fans \u0026amp; collectors\u003cbr\u003e\u003cbr\u003e𝐏𝐫𝐞𝐦𝐢𝐮𝐦 𝐁𝐮𝐢𝐥𝐝\u003cbr\u003e\u003cbr\u003e• Profile: Cherry\u003cbr\u003e• Material: Durable PBT\u003cbr\u003e• Printing: Long-lasting dye-sublimation\u003cbr\u003e• Keys: 134 pcs full set\u003cbr\u003e\u003cbr\u003e𝐂𝐨𝐦𝐩𝐚𝐭𝐢𝐛𝐢𝐥𝐢𝐭𝐲\u003cbr\u003e\u003cbr\u003e✔ Fits MX-style switches (Cherry, Gateron, Kailh \u0026amp; more)\u003cbr\u003e✔ Supports ANSI layouts\u003cbr\u003e✔ Works with 60%, 65%, 75%, 87 TKL, 100% full-size \u0026amp; customs\u003cbr\u003e\u003cbr\u003e💬 Not sure if it fits your board? Message us — we reply fast!\u003cbr\u003e\u003cbr\u003e𝐖𝐡𝐚𝐭’𝐬 𝐈𝐧𝐜𝐥𝐮𝐝𝐞𝐝\u003cbr\u003e\u003cbr\u003e• 134 pcs keycap set\u003cbr\u003e• Keycap puller tool\u003cbr\u003e• Secure packaging for safe shipping\u003cbr\u003e\u003cbr\u003e𝐓𝐡𝐞 𝐕𝐢𝐛𝐞 ⚔️ 💜\u003cbr\u003e\u003cbr\u003eDark, fearless, and competitive — this set transforms your desk into Reyna’s battlefield, giving you the edge and style you deserve. ","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406847221975,"sku":null,"price":59.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/reyna-valorant-theme-artisan-keycap-set-5140735.jpg?v=1783490385"},{"product_id":"cute-blue-dream-theme-artisan-keycap-set","title":"Cute Blue Dream Theme Artisan Keycap Set","description":"\u003ch2\u003e\u003cstrong\u003e❄️ Want your keyboard to look kawaii, cozy \u0026amp; unique?\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003eThe Cute Blue Dream Theme Artisan Keycap Set transforms your mechanical keyboard with those pastel keycaps. Built from durable PBT with crisp dye-sub legends, this set combines durability with style for the ultimate kawaii setup.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐖𝐡𝐲 𝐘𝐨𝐮’𝐥𝐥 𝐋𝐨𝐯𝐞 𝐈𝐭\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e• Refreshing pastel blue \u0026amp; white theme\u003cbr\u003e• Fun kawaii novelties with unique icons\u003cbr\u003e• Cherry profile for comfortable typing\u003cbr\u003e• Aesthetic upgrade for any desk setup\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐏𝐫𝐞𝐦𝐢𝐮𝐦 𝐁𝐮𝐢𝐥𝐝\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e• Profile: Cherry\u003cbr\u003e• Material: PBT\u003cbr\u003e• Process: Dye-Sub legends\u003cbr\u003e• Keys: 131 pcs (ANSI layout only)\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐂𝐨𝐦𝐩𝐚𝐭𝐢𝐛𝐢𝐥𝐢𝐭𝐲\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e✔ Works with 61 \/ 64 \/ 68 \/ 75 \/ 84 \/ 87 \/ 96 \/ 980 \/ 104 \/ 108 Layouts\u003cbr\u003e✔ ANSI layout supported\u003cbr\u003e\u003cbr\u003e💬 Unsure if it fits your board? Contact us anytime — we respond quickly!\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐖𝐡𝐚𝐭’𝐬 𝐈𝐧𝐜𝐥𝐮𝐝𝐞𝐝\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e• 131 pcs keycap set\u003cbr\u003e• Decorative novelty keys\u003cbr\u003e• Secure packaging for safe delivery\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐓𝐡𝐞 𝐕𝐢𝐛𝐞\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eCool, fresh, and cute — this set makes every keystroke a joy while giving your desk a dreamy kawaii look.\u003c\/p\u003e","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406847254743,"sku":null,"price":94.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/cute-blue-dream-theme-artisan-keycap-set-3317555.jpg?v=1783490386"},{"product_id":"cute-blue-ocean-dessert-theme-artisan-keycap-set","title":"Cute Blue Ocean Dessert Theme Artisan Keycap Set","description":"\u003ch2\u003e\u003cstrong\u003e🍨 Want your keyboard to look as sweet as it feels? 🌊✨\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003eThe Cute Blue Ocean Dessert Theme Artisan Keycap Set transforms your board into a pastel wonderland with playful novelties and ocean-inspired artwork. Made from durable PBT with crisp dye-sub legends, this set combines long-lasting quality with a refreshing aesthetic.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐖𝐡𝐲 𝐘𝐨𝐮’𝐥𝐥 𝐋𝐨𝐯𝐞 𝐈𝐭\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e• Pastel blue \u0026amp; cream theme with dessert novelties\u003cbr\u003e• Unique icons and illustrated spacebars\u003cbr\u003e• Cherry profile for ergonomic comfort\u003cbr\u003e• Aesthetic upgrade for any desk setup\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐏𝐫𝐞𝐦𝐢𝐮𝐦 𝐁𝐮𝐢𝐥𝐝\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e• Profile: Cherry\u003cbr\u003e• Material: PBT\u003cbr\u003e• Process: Dye-Sub legends\u003cbr\u003e• Variations: 131pcs keycap set \/ 131pcs keycap set + 26pcs PC Keycaps\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐂𝐨𝐦𝐩𝐚𝐭𝐢𝐛𝐢𝐥𝐢𝐭𝐲\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e✔ Fits 61 \/ 64 \/ 68 \/ 75 \/ 84 \/ 87 \/ 96 \/ 98 \/ 104 \/ 108 \u0026amp; similar keyboard layouts\u003cbr\u003e✔ Only Supports ANSI layout\u003cbr\u003e\u003cbr\u003e💬 Not sure if it fits your keyboard? Contact us anytime — we reply fast!\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐖𝐡𝐚𝐭’𝐬 𝐈𝐧𝐜𝐥𝐮𝐝𝐞𝐝\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e• Perfect keycaps\u003cbr\u003e• Decorative novelty keys\u003cbr\u003e• Secure packaging for safe delivery\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐓𝐡𝐞 𝐕𝐢𝐛𝐞\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eSweet, airy, and refreshing — every keystroke feels like enjoying a cool dessert by the sea. 🌊🍨\u003c\/p\u003e","brand":"Rolipan","offers":[{"title":"131pcs","offer_id":49406847287511,"sku":null,"price":103.0,"currency_code":"USD","in_stock":true},{"title":"131pcs + PC Keycaps","offer_id":49406847320279,"sku":null,"price":125.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/cute-blue-ocean-dessert-theme-artisan-keycap-set-5575138.jpg?v=1783490387"},{"product_id":"cute-pink-sweet-cartoon-theme-artisan-keycap-set","title":"Cute Pink Sweet Cartoon Theme Artisan Keycap Set","description":"\u003ch2\u003e\u003cstrong\u003e🌸 Refresh your keyboard with pastel charm! 💕✨\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003eCute Pink Sweet Cartoon Theme Artisan Keycap Set adds soft pink-white style \u0026amp; kawaii keycap novelties to your setup. Built from durable PBT with crisp dye-sub printing, this set is designed to last while giving your setup a dreamy aesthetic.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐖𝐡𝐲 𝐘𝐨𝐮’𝐥𝐥 𝐋𝐨𝐯𝐞 𝐈𝐭\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e• Clean pastel pink \u0026amp; white design\u003cbr\u003e• Fun novelty icons for extra personality\u003cbr\u003e• Comfortable Cherry profile typing feel\u003cbr\u003e• Perfect for kawaii, cozy desk setups\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐏𝐫𝐞𝐦𝐢𝐮𝐦 𝐁𝐮𝐢𝐥𝐝\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e• Profile: Cherry\u003cbr\u003e• Material: PBT\u003cbr\u003e• Printing: Dye-Sub process\u003cbr\u003e• Keys: 131 pcs (ANSI layout only)\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐂𝐨𝐦𝐩𝐚𝐭𝐢𝐛𝐢𝐥𝐢𝐭𝐲\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e✔ Works with 61 \/ 64 \/ 68 \/ 75 \/ 84 \/ 87 \/ 96 \/ 98 \/ 104 \/ 108 Layouts\u003cbr\u003e✔ ANSI layout supported\u003cbr\u003e\u003cbr\u003e💬 Need fit confirmation? Message us anytime — we respond quickly!\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐖𝐡𝐚𝐭’𝐬 𝐈𝐧𝐜𝐥𝐮𝐝𝐞𝐝\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e• 131 pcs keycap set\u003cbr\u003e• Decorative novelty keys\u003cbr\u003e• Secure packaging for safe shipping\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e𝐓𝐡𝐞 𝐕𝐢𝐛𝐞\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eSoft, pastel, and adorable — this set turns your keyboard into a dreamy kawaii centerpiece that brightens every keystroke.\u003c\/p\u003e","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406847451351,"sku":null,"price":91.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/cute-pink-sweet-cartoon-theme-artisan-keycap-set-4984270.jpg?v=1783490389"},{"product_id":"cute-blue-notebook-theme-artisan-keycap-set","title":"Cute Blue Notebook Theme Artisan Keycap Set","description":"\u003ch2\u003e📘 Want to turn your keyboard into a dreamy scrapbook of calm and creativity?\u003c\/h2\u003e\u003cp\u003eThe Cute Blue Notebook Theme Artisan Keycaps Set blends soft blue tones with nostalgic stationery patterns — grids, stripes, stars, and tiny notes — just like the pages of your favorite school notebook. Its gentle pastel palette and clean design create a cozy, thoughtful typing space perfect for journaling, writing, or simply enjoying a minimalist setup.\u003cbr\u003e\u003cbr\u003e🩵 The vibe: calm, academic, and nostalgic — like a quiet afternoon study session filled with blue ink and peaceful focus.\u003cbr\u003e\u003cbr\u003e🎨 𝐂𝐨𝐥𝐨𝐫 𝐏𝐚𝐥𝐞𝐭𝐭𝐞\u003cbr\u003e\u003cbr\u003e• Powder blue, white, and light gray tones\u003cbr\u003e• Soft notebook-themed illustrations\u003cbr\u003e• Subtle matte finish with a pastel harmony\u003cbr\u003e\u003cbr\u003e🎭 𝐓𝐡𝐞𝐦𝐞 \u0026amp; 𝐈𝐜𝐨𝐧𝐬\u003cbr\u003e\u003cbr\u003e• Notebook and collage motifs (hearts, grids, stars)\u003cbr\u003e• Hand-drawn, journal-inspired prints\u003cbr\u003e• Whimsical and relaxing “back-to-school” charm\u003cbr\u003e\u003cbr\u003e🌟 𝐇𝐢𝐠𝐡𝐥𝐢𝐠𝐡𝐭 𝐅𝐞𝐚𝐭𝐮𝐫𝐞𝐬\u003cbr\u003e\u003cbr\u003e• 129-key full set, supports multiple layouts\u003cbr\u003e• Cherry profile for ergonomic comfort\u003cbr\u003e• Premium PBT with durable dye-sublimated legends\u003cbr\u003e• Smooth matte texture, fade-resistant finish\u003cbr\u003e\u003cbr\u003e💎 𝐌𝐚𝐭𝐞𝐫𝐢𝐚𝐥 \u0026amp; 𝐁𝐮𝐢𝐥𝐝\u003cbr\u003e\u003cbr\u003e• Material: PBT\u003cbr\u003e• Printing: High-quality dye-sublimation\u003cbr\u003e• Profile: Cherry\u003cbr\u003e• Key Count: 129 keys\u003cbr\u003e• Layout: ANSI\u003cbr\u003e\u003cbr\u003e⚙️ 𝐂𝐨𝐦𝐩𝐚𝐭𝐢𝐛𝐢𝐥𝐢𝐭𝐲\u003cbr\u003e\u003cbr\u003e✔ Fits MX-style switches (Cherry MX, Gateron, Kailh, etc.)\u003cbr\u003e✔ Compatible with 61 \/ 64 \/ 68 \/ 75 \/ 84 \/ 87 \/ 96 \/ 98 \/ 100 \/ 104 \/ 108-key layouts\u003cbr\u003e❌ Not compatible with Alice layout\u003cbr\u003e\u003cbr\u003e💬 𝐏𝐞𝐫𝐟𝐞𝐜𝐭 𝐅𝐨𝐫\u003cbr\u003e\u003cbr\u003e• Writers and students who love clean aesthetics\u003cbr\u003e• Minimal setups with light pastel themes\u003cbr\u003e• Everyday comfort with long-lasting legends\u003cbr\u003e\u003cbr\u003e💙 𝐄𝐍𝐃𝐈𝐍𝐆 𝐓𝐎𝐔𝐂𝐇\u003cbr\u003eLet your keyboard tell a gentle story — the Notebook Collage Journal Blue Keycap Set brings back the charm of handwritten notes and peaceful study days.\u003cbr\u003eSoft colors, cozy patterns, and thoughtful design — it’s like typing on your favorite page. 🩵📘\u003c\/p\u003e","brand":"Rolipan","offers":[{"title":"Blue","offer_id":49406847484119,"sku":null,"price":79.0,"currency_code":"USD","in_stock":true},{"title":"Pink","offer_id":49406847516887,"sku":null,"price":79.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/cute-blue-notebook-theme-artisan-keycap-set-1154827.jpg?v=1783490390"},{"product_id":"green-aventurine-theme-anime-keycap-set","title":"Green Aventurine Theme Anime Keycap Set","description":"\u003cp\u003e🎲 Ready to roll the dice on style? 🍀♣️♦️\u003cbr\u003e\u003cbr\u003eThe Aventurine Keycap Set transforms your keyboard into a gambler’s paradise with bold jade greens, creamy whites, and golden accents. Featuring cards, dice, casino chips, and Aventurine himself, this set is perfect for fans who love a mix of fun and fantasy.\u003cbr\u003e\u003cbr\u003e𝐖𝐡𝐲 𝐘𝐨𝐮’𝐥𝐥 𝐋𝐨𝐯𝐞 𝐈𝐭\u003cbr\u003e\u003cbr\u003e• Playful casino-inspired design with vibrant colors\u003cbr\u003e• Aventurine character novelties for a unique touch\u003cbr\u003e• Perfect balance of gaming energy and artistic flair\u003cbr\u003e• Great for collectors and anime\/game fans\u003cbr\u003e\u003cbr\u003e𝐏𝐫𝐞𝐦𝐢𝐮𝐦 𝐁𝐮𝐢𝐥𝐝\u003cbr\u003e\u003cbr\u003e• Profile: Cherry\u003cbr\u003e• Material: PBT for long-lasting durability\u003cbr\u003e• Printing: Dye-sublimation for crisp legends\u003cbr\u003e\u003cbr\u003e𝐂𝐨𝐦𝐩𝐚𝐭𝐢𝐛𝐢𝐥𝐢𝐭𝐲\u003cbr\u003e\u003cbr\u003e✔ MX-style switches (Cherry, Gateron, Kailh \u0026amp; more)\u003cbr\u003e✔ Supports ANSI \u0026amp; ISO layouts\u003cbr\u003e✔ Works with 60% \/ 65% \/ 75% \/ 80% \/ TKL \/ Full-size keyboards\u003cbr\u003e\u003cbr\u003e💬 Not sure if it fits your board? Message us — we reply fast!\u003cbr\u003e\u003cbr\u003e𝐖𝐡𝐚𝐭’𝐬 𝐈𝐧𝐜𝐥𝐮𝐝𝐞𝐝\u003cbr\u003e\u003cbr\u003e• 142 keys\u003cbr\u003e• Keycap remover\u003cbr\u003e• Protective packaging\u003cbr\u003e\u003cbr\u003e𝐓𝐡𝐞 𝐕𝐢𝐛𝐞 🍀♣️♦️\u003cbr\u003e\u003cbr\u003ePlayful, bold, and full of luck — typing on this set feels like holding all the winning cards.\u003c\/p\u003e\u003cp\u003e \u003c\/p\u003e","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406847582423,"sku":null,"price":65.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/green-aventurine-theme-anime-keycap-set-6557777.jpg?v=1783490392"}],"url":"https:\/\/rolipan.com\/collections\/artisan-keycaps.oembed?page=2","provider":"rolipan","version":"1.0","type":"link"}