{"product_id":"cute-white-bear-theme-graffiti-keycap-set","title":"Cute White Bear Theme Graffiti Keycap Set","description":"\u003c!-- ================================================================= --\u003e\n\u003c!--  CUTE WHITE BEAR GRAFFITI — KEYCAP SET PRODUCT DESCRIPTION        --\u003e\n\u003c!--  ----------------------------------------------------------------- --\u003e\n\u003c!--  Paste into Shopify product editor \"\u003c\u003e\" (Show HTML) view.          --\u003e\n\u003c!--  • Varied image placement (full-width · grids · pairs · split)     --\u003e\n\u003c!--  • Styles scoped under .bear (safe alongside your theme)           --\u003e\n\u003c!--  • lang=\"en\" — uppercase \"i\" renders as \"I\"                        --\u003e\n\u003c!--  • Hover effects on every card, image and special text             --\u003e\n\u003c!--  • Closing seal scrolls to Add to Cart                             --\u003e\n\u003c!--  • Fully responsive · Mobile · Tablet · Desktop                    --\u003e\n\u003c!--  • All content max-widths: 1200px minimum                          --\u003e\n\u003c!-- ================================================================= --\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400\u0026family=DM+Sans:wght@400;500;600;700;800\u0026display=swap');\n\n.bear {\n  --bd-sky:        #b8d8f0;\n  --bd-sky-d:      #7aafd4;\n  --bd-sky-s:      #daeef9;\n  --bd-blush:      #f2b8c6;\n  --bd-blush-d:    #d9809a;\n  --bd-mint:       #a8d8c8;\n  --bd-mint-d:     #6db8a0;\n  --bd-cream:      #fdf6f0;\n  --bd-cream-2:    #f7ede2;\n  --bd-paper:      #fffbf8;\n  --bd-lilac:      #c8b8e8;\n  --bd-lilac-d:    #9880c8;\n  --bd-bear:       #e8d4b8;\n  --bd-bear-d:     #c4a880;\n  --bd-ink:        #2d2438;\n  --bd-text:       #4a3d56;\n  --bd-muted:      #7a6888;\n  --bd-line:       rgba(180,150,200,0.20);\n  --bd-line-soft:  rgba(180,150,200,0.12);\n  --bd-shadow:     0 20px 52px -20px rgba(45,36,56,0.35);\n  --bd-shadow-sm:  0 10px 26px -12px rgba(45,36,56,0.22);\n  --bd-glow:       0 0 26px rgba(200,184,232,0.55);\n\n  --bd-display: 'Nunito', 'Comic Sans MS', cursive, sans-serif;\n  --bd-body:    'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;\n\n  --bd-radius:    16px;\n  --bd-radius-lg: 22px;\n  --bd-maxw:      1280px;\n  --bd-gap:       clamp(14px, 2.2vw, 22px);\n  --bd-section:   clamp(44px, 7vw, 80px);\n\n  font-family: var(--bd-body);\n  color: var(--bd-ink);\n  line-height: 1.7;\n  font-size: 18px;\n  max-width: var(--bd-maxw);\n  margin: 0 auto;\n  padding: 0 4px;\n  text-align: center;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n  box-sizing: border-box;\n}\n.bear *, .bear *::before, .bear *::after { box-sizing: border-box; }\n.bear p { margin: 0 0 1em; font-size: clamp(15px, 1.6vw, 17.5px); }\n.bear p:last-child { margin-bottom: 0; }\n.bear strong { font-weight: 700; color: var(--bd-ink); }\n.bear h1, .bear h2, .bear h3, .bear h4 { margin: 0; line-height: 1.18; }\n\n.bear__sheet {\n  position: relative;\n  background:\n    radial-gradient(120% 80% at 50% -10%, rgba(200,184,232,0.15), transparent 55%),\n    linear-gradient(180deg, #fffbf8 0%, #fdf6f0 50%, #f7ede2 100%);\n  border: 1px solid var(--bd-line);\n  border-radius: var(--bd-radius-lg);\n  overflow: hidden;\n  box-shadow: var(--bd-shadow);\n}\n.bear__sheet::before {\n  content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: 0.45;\n  background-image:\n    radial-gradient(rgba(200,184,232,0.07) 1px, transparent 1px),\n    radial-gradient(rgba(168,216,200,0.06) 1px, transparent 1px);\n  background-size: 20px 20px, 32px 32px;\n  background-position: 0 0, 10px 16px;\n  mix-blend-mode: multiply;\n}\n.bear__inner { position: relative; z-index: 1; padding: clamp(20px, 4.5vw, 52px); }\n\n\/* ── HERO ── *\/\n.bear__hero {\n  position: relative; text-align: center;\n  padding: clamp(28px, 5vw, 54px) clamp(10px, 3vw, 36px) clamp(30px, 5vw, 54px);\n  border-radius: var(--bd-radius);\n  background:\n    radial-gradient(85% 110% at 50% 0%, rgba(200,184,232,0.22), transparent 60%),\n    linear-gradient(160deg, #2d2438 0%, #1e1628 60%, #2d2438 100%);\n  color: var(--bd-cream); overflow: hidden;\n  border: 1px solid rgba(200,184,232,0.35);\n  box-shadow: inset 0 0 60px rgba(0,0,0,0.4), var(--bd-shadow);\n}\n.bear__sparkle {\n  position: absolute; inset: 0; pointer-events: none;\n  background-image:\n    radial-gradient(1.5px 1.5px at 10% 20%, rgba(242,184,198,0.9), transparent),\n    radial-gradient(1.2px 1.2px at 82% 16%, rgba(200,184,232,0.75), transparent),\n    radial-gradient(1.8px 1.8px at 30% 68%, rgba(168,216,200,0.85), transparent),\n    radial-gradient(1.1px 1.1px at 64% 55%, rgba(242,184,198,0.65), transparent),\n    radial-gradient(1.4px 1.4px at 88% 78%, rgba(200,184,232,0.7), transparent),\n    radial-gradient(1.3px 1.3px at 20% 86%, rgba(168,216,200,0.6), transparent),\n    radial-gradient(1.0px 1.0px at 50% 35%, rgba(242,184,198,0.55), transparent),\n    radial-gradient(1.6px 1.6px at 74% 90%, rgba(200,184,232,0.5), transparent);\n  animation: bd-twinkle 5s ease-in-out infinite alternate;\n}\n@keyframes bd-twinkle { 0% { opacity: 0.45; } 100% { opacity: 1; } }\n\n.bear__eyebrow {\n  position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 10px;\n  font-family: var(--bd-body); font-weight: 800; letter-spacing: 0.22em; text-transform: uppercase;\n  font-size: clamp(10px, 1.4vw, 12px); color: var(--bd-blush); padding: 9px 18px;\n  border: 1px solid rgba(242,184,198,0.5); border-radius: 999px; background: rgba(242,184,198,0.10);\n  margin-bottom: 8px; transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;\n}\n.bear__eyebrow::before, .bear__eyebrow::after { content: \"🐻\"; font-size: 12px; }\n.bear__eyebrow:hover { transform: translateY(-2px) scale(1.03); background: rgba(242,184,198,0.18); box-shadow: var(--bd-glow); }\n\n.bear__title {\n  position: relative; z-index: 2; font-family: var(--bd-display); font-weight: 900; line-height: 1.08;\n  margin: clamp(28px, 4vw, 42px) 0 0; font-size: clamp(28px, 5.4vw, 54px); color: var(--bd-cream);\n  text-shadow: 0 2px 0 rgba(0,0,0,0.3), 0 0 30px rgba(200,184,232,0.25);\n}\n.bear__title .bear__accent {\n  font-style: italic;\n  background: linear-gradient(180deg, #f7d0dc 0%, #f2b8c6 55%, #d9809a 100%);\n  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;\n}\n.bear__subtitle {\n  position: relative; z-index: 2; text-align: center; font-size: clamp(15px, 2vw, 20px);\n  color: rgba(253,246,240,0.85); max-width: 1200px; margin: clamp(16px, 3vw, 24px) auto 0; font-style: italic;\n}\n.bear__hero-rule {\n  position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 14px;\n  margin: clamp(20px, 4vw, 30px) auto 0; max-width: 1200px; color: var(--bd-blush);\n}\n.bear__hero-rule::before, .bear__hero-rule::after { content: \"\"; height: 1px; flex: 1; background: linear-gradient(90deg, transparent, var(--bd-blush), transparent); }\n.bear__hero-rule span { font-size: 14px; letter-spacing: 0.2em; }\n.bear__badges { position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: clamp(22px, 4vw, 30px); }\n.bear__badge {\n  display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: clamp(11px, 1.4vw, 13px);\n  letter-spacing: 0.04em; color: var(--bd-cream); padding: 10px 16px; border-radius: 999px;\n  border: 1px solid rgba(200,184,232,0.35); background: rgba(253,246,240,0.06);\n  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n.bear__badge span:first-child { font-size: 15px; }\n.bear__badge:hover { transform: translateY(-3px); background: rgba(200,184,232,0.18); border-color: var(--bd-lilac); box-shadow: var(--bd-glow); }\n\n\/* ── SECTIONS ── *\/\n.bear__section { margin-top: var(--bd-section); }\n.bear__head { text-align: center; margin-bottom: clamp(26px, 4vw, 40px); }\n.bear__kicker {\n  display: flex; align-items: center; justify-content: center; gap: 12px; font-weight: 800; letter-spacing: 0.22em;\n  text-transform: uppercase; font-size: clamp(10px, 1.4vw, 12px); color: var(--bd-blush-d); margin-bottom: 12px;\n}\n.bear__kicker::before, .bear__kicker::after { content: \"✿\"; color: var(--bd-blush); font-size: 13px; }\n.bear__h2 {\n  font-family: var(--bd-display); font-weight: 900; text-align: center; font-size: clamp(25px, 4.4vw, 40px);\n  line-height: 1.12; margin: 0 auto 12px; color: var(--bd-ink); max-width: 1200px; transition: text-shadow 0.4s ease;\n}\n.bear__h2:hover { text-shadow: 0 0 22px rgba(200,184,232,0.4); }\n.bear__h2 em { font-style: italic; color: var(--bd-blush-d); }\n.bear__lead { text-align: center; max-width: 1200px; margin: 0 auto; color: var(--bd-text); font-size: clamp(15px, 1.7vw, 18px); }\n.bear__divider {\n  display: flex; align-items: center; justify-content: center; gap: 16px; margin: clamp(16px, 3vw, 22px) auto 0;\n  max-width: 1200px; color: var(--bd-blush);\n}\n.bear__divider::before, .bear__divider::after { content: \"\"; height: 1px; flex: 1; background: linear-gradient(90deg, transparent, var(--bd-blush-d), transparent); }\n.bear__paw { font-size: 14px; transition: transform 0.4s ease; }\n.bear__divider:hover .bear__paw { transform: rotate(20deg) scale(1.2); }\n.bear__prose { max-width: 1200px; margin: 0 auto; text-align: center; }\n.bear__prose p { color: var(--bd-text); margin: 0 auto 1.1em; }\n.bear__prose p:last-child { margin-bottom: 0; }\n\n\/* ── IMAGES ── *\/\n.bear__media-full {\n  width: 100%; border-radius: var(--bd-radius); overflow: hidden; border: 1px solid var(--bd-line);\n  box-shadow: var(--bd-shadow-sm); line-height: 0; background: var(--bd-paper);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.bear__media-full:hover { transform: translateY(-4px); box-shadow: var(--bd-shadow); }\n.bear__media-full img { width: 100%; display: block; height: auto; transition: transform 0.6s ease; }\n.bear__media-full:hover img { transform: scale(1.03); }\n\n.bear__hero-banner { aspect-ratio: 30 \/ 7; }\n.bear__hero-banner img { width: 100%; height: 100%; object-fit: cover; object-position: center 60%; display: block; }\n@media (max-width: 600px) { .bear__hero-banner { aspect-ratio: 16 \/ 9; } }\n.bear__media-rect.bear__hero-banner { aspect-ratio: 30 \/ 7; }\n@media (max-width: 600px) { .bear__media-rect.bear__hero-banner { aspect-ratio: 16 \/ 9; } }\n\n.bear__grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(12px, 1.8vw, 18px); }\n.bear__grid-img {\n  position: relative; overflow: hidden; border-radius: var(--bd-radius); border: 1px solid var(--bd-line);\n  line-height: 0; background: var(--bd-paper); box-shadow: var(--bd-shadow-sm); aspect-ratio: 1 \/ 1;\n  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;\n}\n.bear__grid-img:hover { transform: translateY(-5px); box-shadow: var(--bd-shadow); border-color: rgba(200,184,232,0.6); }\n.bear__grid-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }\n.bear__grid-img:hover img { transform: scale(1.08); }\n.bear__img-label {\n  position: absolute; top: 12px; right: 12px; background: rgba(255,251,248,0.94); color: var(--bd-text);\n  padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; text-transform: uppercase;\n  letter-spacing: 0.06em; box-shadow: 0 2px 8px rgba(45,36,56,0.15); z-index: 2; border: 1px solid rgba(200,184,232,0.4);\n}\n\n.bear__grid2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(12px, 1.8vw, 18px); }\n.bear__grid2 .bear__grid-img { aspect-ratio: 4 \/ 3; }\n\n.bear__media-rect {\n  width: 100%; border-radius: var(--bd-radius); overflow: hidden; border: 1px solid var(--bd-line);\n  box-shadow: var(--bd-shadow-sm); line-height: 0; aspect-ratio: 21 \/ 9; background: var(--bd-paper);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.bear__media-rect:hover { transform: translateY(-4px); box-shadow: var(--bd-shadow); }\n.bear__media-rect img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }\n.bear__media-rect:hover img { transform: scale(1.04); }\n\n.bear__split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(18px, 3vw, 32px); align-items: stretch; }\n.bear__split-img {\n  position: relative; border-radius: var(--bd-radius); overflow: hidden; border: 1px solid var(--bd-line);\n  box-shadow: var(--bd-shadow-sm); line-height: 0; background: var(--bd-paper); aspect-ratio: 1 \/ 1;\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.bear__split-img:hover { transform: translateY(-4px); box-shadow: var(--bd-shadow); }\n.bear__split-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }\n.bear__split-img:hover img { transform: scale(1.05); }\n.bear__split-text {\n  text-align: left; background: var(--bd-paper); border: 1px solid var(--bd-line); border-radius: var(--bd-radius);\n  padding: clamp(24px, 3.4vw, 38px); display: flex; flex-direction: column; justify-content: center;\n}\n.bear__split-text h3 { font-family: var(--bd-display); font-weight: 800; font-size: clamp(20px, 2.6vw, 27px); margin: 0 0 14px; color: var(--bd-ink); }\n.bear__split-list { list-style: none; margin: 0; padding: 0; }\n.bear__split-list li { position: relative; padding: 9px 0 9px 30px; font-size: clamp(14px, 1.6vw, 16px); color: var(--bd-text); border-bottom: 1px solid var(--bd-line-soft); }\n.bear__split-list li:last-child { border-bottom: none; }\n.bear__split-list li::before { content: \"🐾\"; position: absolute; left: 0; top: 8px; font-size: 15px; }\n\n\/* ── TRUST ── *\/\n.bear__trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: clamp(24px, 3vw, 32px); }\n.bear__trust-item {\n  display: flex; align-items: center; gap: 14px; padding: 16px 18px; background: var(--bd-paper);\n  border: 1px solid var(--bd-line); border-radius: var(--bd-radius); text-align: left;\n  flex: 1 1 220px; max-width: 320px;\n  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n}\n.bear__trust-item:hover { transform: translateY(-4px); box-shadow: var(--bd-shadow-sm); border-color: rgba(200,184,232,0.55); }\n.bear__trust-ic {\n  width: 44px; height: 44px; flex: none; border-radius: 12px; display: grid; place-items: center; font-size: 20px;\n  background: linear-gradient(135deg, rgba(200,184,232,0.15), rgba(242,184,198,0.15)); border: 1px solid var(--bd-line);\n  transition: transform 0.35s ease;\n}\n.bear__trust-item:hover .bear__trust-ic { transform: scale(1.12) rotate(-5deg); }\n.bear__trust-t { font-weight: 700; font-size: 14.5px; color: var(--bd-ink); }\n.bear__trust-s { font-size: 12.5px; color: var(--bd-muted); }\n\n\/* ── FEATURE CARDS ── *\/\n.bear__features { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--bd-gap); }\n.bear__feature {\n  position: relative; text-align: left; background: var(--bd-paper); border: 1px solid var(--bd-line);\n  border-radius: var(--bd-radius); padding: clamp(20px, 3vw, 28px); overflow: hidden;\n  flex: 1 1 250px; max-width: 340px;\n  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n.bear__feature::after {\n  content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n  background: linear-gradient(90deg, var(--bd-sky), var(--bd-blush), var(--bd-mint));\n  opacity: 0; transition: opacity 0.35s ease;\n}\n.bear__feature:hover { transform: translateY(-6px); box-shadow: var(--bd-shadow-sm); border-color: rgba(200,184,232,0.55); }\n.bear__feature:hover::after { opacity: 1; }\n.bear__feature-icon {\n  display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px;\n  font-size: 24px; margin-bottom: 16px; background: linear-gradient(145deg, #2d2438, #1e1628);\n  border: 1px solid rgba(200,184,232,0.4); box-shadow: inset 0 0 16px rgba(200,184,232,0.18);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.bear__feature:hover .bear__feature-icon { transform: rotate(-6deg) scale(1.08); box-shadow: inset 0 0 16px rgba(200,184,232,0.32), var(--bd-glow); }\n.bear__feature h3 { font-family: var(--bd-display); font-weight: 800; font-size: clamp(17px, 2vw, 20px); margin: 0 0 8px; color: var(--bd-ink); }\n.bear__feature p { margin: 0; font-size: clamp(14px, 1.5vw, 15.5px); color: var(--bd-muted); line-height: 1.65; }\n\n\/* ── SPOTLIGHT ── *\/\n.bear__spotlight {\n  position: relative; text-align: center; border-radius: var(--bd-radius-lg); overflow: hidden;\n  padding: clamp(30px, 5vw, 58px);\n  background: radial-gradient(80% 120% at 50% 0%, rgba(200,184,232,0.20), transparent 55%), linear-gradient(155deg, #2d2438, #1e1628);\n  color: var(--bd-cream); border: 1px solid rgba(200,184,232,0.32); box-shadow: var(--bd-shadow);\n}\n.bear__spotlight .bear__kicker { color: var(--bd-blush); }\n.bear__spotlight h2 { font-family: var(--bd-display); font-weight: 900; font-size: clamp(23px, 4vw, 38px); margin: 0 auto 14px; color: var(--bd-cream); max-width: 1200px; }\n.bear__spotlight h2 em { font-style: italic; color: var(--bd-blush); }\n.bear__spotlight \u003e p { max-width: 1200px; color: rgba(253,246,240,0.85); margin: 0 auto; }\n.bear__spec-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: clamp(26px, 3.5vw, 36px); }\n.bear__spec {\n  border: 1px solid rgba(200,184,232,0.30); border-radius: 14px; padding: 18px 18px 16px; background: rgba(253,246,240,0.05);\n  flex: 1 1 190px; max-width: 260px;\n  transition: background 0.3s ease, transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n.bear__spec:hover { background: rgba(200,184,232,0.15); transform: translateY(-4px); border-color: var(--bd-lilac); box-shadow: var(--bd-glow); }\n.bear__spec-k { font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; font-size: 10.5px; color: var(--bd-blush); margin-bottom: 6px; }\n.bear__spec-v { font-size: clamp(15px, 1.8vw, 18px); color: var(--bd-cream); font-weight: 700; font-family: var(--bd-display); }\n\n\/* ── VARIANTS ── *\/\n.bear__variants { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--bd-gap); }\n.bear__variant {\n  position: relative; text-align: center; background: var(--bd-paper); border: 1px solid var(--bd-line);\n  border-radius: var(--bd-radius); padding: clamp(26px, 3.5vw, 38px) clamp(18px, 3vw, 28px); overflow: hidden;\n  flex: 1 1 260px; max-width: 360px;\n  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n.bear__variant::after { content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--bd-sky-d), var(--bd-blush), var(--bd-mint-d)); }\n.bear__variant:hover { transform: translateY(-7px); box-shadow: var(--bd-shadow-sm); border-color: rgba(200,184,232,0.6); }\n.bear__variant-num { font-family: var(--bd-display); font-weight: 900; font-size: clamp(34px, 4.4vw, 46px); line-height: 1; color: var(--bd-blush-d); margin-bottom: 4px; transition: transform 0.4s ease; }\n.bear__variant:hover .bear__variant-num { transform: scale(1.08); }\n.bear__variant-key { font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; font-size: 12px; color: var(--bd-lilac-d); margin-bottom: 14px; }\n.bear__variant h3 { font-family: var(--bd-display); font-weight: 800; font-size: clamp(18px, 2.2vw, 22px); margin: 0 0 8px; color: var(--bd-ink); }\n.bear__variant p { font-size: 14.5px; color: var(--bd-muted); margin: 0; line-height: 1.6; }\n\n\/* ── TABLE ── *\/\n.bear__table-wrap {\n  max-width: 1200px; margin: 0 auto; border: 1px solid var(--bd-line); border-radius: var(--bd-radius); overflow: hidden;\n  background: var(--bd-paper); transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.bear__table-wrap:hover { transform: translateY(-2px); box-shadow: var(--bd-shadow-sm); }\n.bear__table { width: 100%; border-collapse: collapse; text-align: left; font-size: clamp(14px, 1.7vw, 16.5px); }\n.bear__table tr { transition: background 0.25s ease; }\n.bear__table tr:hover { background: rgba(200,184,232,0.12); }\n.bear__table tr + tr { border-top: 1px solid var(--bd-line-soft); }\n.bear__table th, .bear__table td { padding: 15px 22px; vertical-align: top; }\n.bear__table th { width: 38%; font-family: var(--bd-display); font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; font-size: 0.84em; color: var(--bd-sky-d); background: rgba(184,216,240,0.10); }\n.bear__table td { color: var(--bd-ink); font-weight: 600; }\n\n\/* ── ALERT ── *\/\n.bear__alert {\n  max-width: 1200px; margin: clamp(20px, 3vw, 28px) auto 0; display: flex; align-items: flex-start; gap: 14px;\n  text-align: left; padding: 18px 22px; border-radius: var(--bd-radius); border: 1px solid rgba(217,128,154,0.30);\n  background: rgba(242,184,198,0.08); color: var(--bd-blush-d); font-size: 15px; font-weight: 500;\n  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n}\n.bear__alert:hover { transform: translateY(-3px); box-shadow: var(--bd-shadow-sm); border-color: rgba(217,128,154,0.5); }\n.bear__alert-ic { font-size: 20px; flex: none; }\n\n\/* ── CARE ── *\/\n.bear__care { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--bd-gap); text-align: left; }\n.bear__care-card { background: var(--bd-paper); border: 1px solid var(--bd-line); border-radius: var(--bd-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; }\n.bear__care-card:hover { transform: translateY(-5px); box-shadow: var(--bd-shadow-sm); border-color: rgba(200,184,232,0.6); }\n.bear__care-num { font-family: var(--bd-display); font-weight: 900; font-size: 28px; color: var(--bd-blush-d); line-height: 1; margin-bottom: 10px; transition: transform 0.35s ease; }\n.bear__care-card:hover .bear__care-num { transform: scale(1.12); }\n.bear__care-card h4 { font-family: var(--bd-display); font-weight: 800; font-size: 16.5px; margin: 0 0 7px; color: var(--bd-ink); }\n.bear__care-card p { margin: 0; font-size: 14.5px; color: var(--bd-muted); line-height: 1.65; }\n\n\/* ── PALETTE STATS (color swatches) ── *\/\n.bear__stats { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--bd-gap); text-align: center; }\n.bear__stat { padding: clamp(22px, 3vw, 30px) 14px; border: 1px solid var(--bd-line); border-radius: var(--bd-radius); background: var(--bd-paper); flex: 1 1 180px; max-width: 260px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }\n.bear__stat:hover { transform: translateY(-5px); box-shadow: var(--bd-shadow-sm); border-color: rgba(200,184,232,0.6); }\n.bear__stat-num {\n  font-family: var(--bd-display); font-weight: 900; font-size: clamp(28px, 4.2vw, 40px);\n  line-height: 1; margin-bottom: 8px;\n}\n.bear__stat-label { font-weight: 700; font-size: 13.5px; color: var(--bd-ink); text-transform: uppercase; letter-spacing: 0.06em; }\n\n.bear__stat--sky { background: var(--bd-sky); border-color: var(--bd-sky-d); }\n.bear__stat--sky .bear__stat-num { color: #1e1628; }\n.bear__stat--sky .bear__stat-label { color: #1e1628; }\n\n.bear__stat--blush { background: var(--bd-blush); border-color: var(--bd-blush-d); }\n.bear__stat--blush .bear__stat-num { color: #1e1628; }\n.bear__stat--blush .bear__stat-label { color: #1e1628; }\n\n.bear__stat--mint { background: var(--bd-mint); border-color: var(--bd-mint-d); }\n.bear__stat--mint .bear__stat-num { color: #1e1628; }\n.bear__stat--mint .bear__stat-label { color: #1e1628; }\n\n.bear__stat--lilac { background: var(--bd-lilac); border-color: var(--bd-lilac-d); }\n.bear__stat--lilac .bear__stat-num { color: #1e1628; }\n.bear__stat--lilac .bear__stat-label { color: #1e1628; }\n\n\/* ── FAQ ── *\/\n.bear__faq { max-width: 1200px; margin: 0 auto; text-align: left; }\n.bear__faq details { border: 1px solid var(--bd-line); border-radius: 14px; background: var(--bd-paper); margin-bottom: 12px; overflow: hidden; transition: border-color 0.3s ease, box-shadow 0.3s ease; }\n.bear__faq details:hover { border-color: rgba(200,184,232,0.55); box-shadow: var(--bd-shadow-sm); }\n.bear__faq details[open] { border-color: rgba(200,184,232,0.6); box-shadow: var(--bd-shadow-sm); }\n.bear__faq summary {\n  list-style: none; cursor: pointer; padding: 18px 22px; font-family: var(--bd-display); font-weight: 800;\n  font-size: clamp(15px, 1.8vw, 17px); color: var(--bd-ink); display: flex; align-items: center; justify-content: space-between;\n  gap: 14px; transition: color 0.25s ease;\n}\n.bear__faq summary:hover { color: var(--bd-blush-d); }\n.bear__faq summary::-webkit-details-marker { display: none; }\n.bear__faq summary::after { content: \"+\"; font-family: var(--bd-display); font-weight: 800; font-size: 22px; color: var(--bd-blush-d); transition: transform 0.3s ease; line-height: 1; }\n.bear__faq details[open] summary::after { transform: rotate(45deg); }\n.bear__faq-body { padding: 0 22px 20px; color: var(--bd-muted); font-size: 15.5px; line-height: 1.7; }\n\n\/* ── GIFT ── *\/\n.bear__gift {\n  position: relative; text-align: center; border-radius: var(--bd-radius-lg); overflow: hidden;\n  padding: clamp(30px, 5vw, 52px) clamp(20px, 4vw, 40px); background: linear-gradient(160deg, #fdf6f0, #f0e8f8);\n  border: 1px solid rgba(200,184,232,0.45); box-shadow: var(--bd-shadow-sm);\n}\n.bear__gift-ic { font-size: 40px; margin-bottom: 12px; display: inline-block; transition: transform 0.4s ease; }\n.bear__gift:hover .bear__gift-ic { transform: scale(1.14) rotate(-8deg); }\n.bear__gift h2 { font-family: var(--bd-display); font-weight: 900; font-size: clamp(23px, 4vw, 36px); color: var(--bd-ink); margin: 0 0 12px; }\n.bear__gift p { max-width: 1200px; margin: 0 auto; color: var(--bd-text); font-size: clamp(15px, 1.8vw, 18px); }\n\n\/* ── CTA ── *\/\n.bear__cta {\n  position: relative; text-align: center; border-radius: var(--bd-radius-lg); overflow: hidden;\n  padding: clamp(36px, 6vw, 64px) clamp(20px, 4vw, 40px);\n  background: radial-gradient(80% 110% at 50% 0%, rgba(200,184,232,0.22), transparent 55%), linear-gradient(155deg, #2d2438, #1e1628);\n  color: var(--bd-cream); border: 1px solid rgba(200,184,232,0.35); box-shadow: var(--bd-shadow);\n}\n.bear__cta .bear__sparkle { opacity: 0.7; }\n.bear__cta h2 { position: relative; z-index: 2; font-family: var(--bd-display); font-weight: 900; font-size: clamp(25px, 5vw, 44px); margin: 0 0 14px; color: var(--bd-cream); text-shadow: 0 0 26px rgba(200,184,232,0.4); }\n.bear__cta h2 em { font-style: italic; color: var(--bd-blush); }\n.bear__cta p { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; color: rgba(253,246,240,0.85); font-size: clamp(15px, 2vw, 19px); font-style: italic; }\n.bear__cta-seal {\n  position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 10px; margin-top: clamp(22px, 3.5vw, 30px);\n  font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; font-size: clamp(12px, 1.6vw, 14px);\n  color: var(--bd-blush); padding: 14px 28px; border: 1px solid rgba(242,184,198,0.5); border-radius: 999px;\n  background: rgba(242,184,198,0.10); cursor: pointer; text-decoration: none;\n  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;\n}\n.bear__cta-seal:hover { background: rgba(242,184,198,0.22); border-color: var(--bd-blush); transform: translateY(-3px) scale(1.02); box-shadow: 0 12px 30px -12px rgba(242,184,198,0.7); color: var(--bd-cream); }\n.bear__cta-seal:active { transform: translateY(-1px) scale(0.99); }\n\n\/* ── PANELS ── *\/\n.bear__panels { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--bd-gap); text-align: left; }\n.bear__panel { background: var(--bd-paper); border: 1px solid var(--bd-line); border-radius: var(--bd-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; }\n.bear__panel:hover { transform: translateY(-5px); box-shadow: var(--bd-shadow-sm); border-color: rgba(200,184,232,0.6); }\n.bear__panel-ic { font-size: 32px; margin-bottom: 12px; display: inline-block; transition: transform 0.4s ease; }\n.bear__panel:hover .bear__panel-ic { transform: scale(1.12) rotate(-5deg); }\n.bear__panel h3 { font-family: var(--bd-display); font-weight: 800; font-size: clamp(18px, 2.2vw, 22px); margin: 0 0 10px; color: var(--bd-ink); }\n.bear__panel p { margin: 0; color: var(--bd-muted); font-size: 15.5px; line-height: 1.7; }\n\n\/* ── TIPS ── *\/\n.bear__tips { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--bd-gap); text-align: left; }\n.bear__tip { background: var(--bd-paper); border: 1px solid var(--bd-line); border-radius: var(--bd-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; }\n.bear__tip:hover { transform: translateY(-5px); box-shadow: var(--bd-shadow-sm); border-color: rgba(200,184,232,0.6); }\n.bear__tip-ic { font-size: 28px; display: inline-block; margin-bottom: 12px; transition: transform 0.4s ease; }\n.bear__tip:hover .bear__tip-ic { transform: scale(1.15) rotate(-5deg); }\n.bear__tip h4 { font-family: var(--bd-display); font-weight: 800; font-size: 16.5px; margin: 0 0 7px; color: var(--bd-ink); }\n.bear__tip p { margin: 0; font-size: 14.5px; color: var(--bd-muted); line-height: 1.65; }\n\n\/* ── PROMISE ── *\/\n.bear__promise { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--bd-gap); text-align: left; }\n.bear__promise-card { background: var(--bd-paper); border: 1px solid var(--bd-line); border-radius: var(--bd-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; }\n.bear__promise-card:hover { transform: translateY(-5px); box-shadow: var(--bd-shadow-sm); border-color: rgba(200,184,232,0.6); }\n.bear__promise-ic { font-size: 28px; display: inline-block; margin-bottom: 12px; transition: transform 0.4s ease; }\n.bear__promise-card:hover .bear__promise-ic { transform: scale(1.14) rotate(-6deg); }\n.bear__promise-card h4 { font-family: var(--bd-display); font-weight: 800; font-size: 16.5px; margin: 0 0 8px; color: var(--bd-ink); }\n.bear__promise-card p { margin: 0; font-size: 14.5px; color: var(--bd-muted); line-height: 1.65; }\n\n\/* ── STEPS ── *\/\n.bear__steps { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--bd-gap); text-align: left; }\n.bear__step { background: var(--bd-paper); border: 1px solid var(--bd-line); border-radius: var(--bd-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; }\n.bear__step:hover { transform: translateY(-5px); box-shadow: var(--bd-shadow-sm); border-color: rgba(200,184,232,0.6); }\n.bear__step-num { font-family: var(--bd-display); font-weight: 900; font-size: 30px; color: var(--bd-blush-d); line-height: 1; margin-bottom: 12px; transition: transform 0.35s ease; }\n.bear__step:hover .bear__step-num { transform: scale(1.12); }\n.bear__step h4 { font-family: var(--bd-display); font-weight: 800; font-size: 16.5px; margin: 0 0 7px; color: var(--bd-ink); }\n.bear__step p { margin: 0; font-size: 14.5px; color: var(--bd-muted); line-height: 1.65; }\n\n\/* ── INBOX ── *\/\n.bear__inbox { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }\n.bear__inbox-item { background: var(--bd-paper); border: 1px solid var(--bd-line); border-radius: var(--bd-radius); padding: 20px 14px; text-align: center; font-size: 13.5px; color: var(--bd-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; }\n.bear__inbox-item:hover { transform: translateY(-4px); box-shadow: var(--bd-shadow-sm); border-color: rgba(200,184,232,0.6); }\n.bear__inbox-num { font-family: var(--bd-display); font-weight: 900; font-size: 24px; color: var(--bd-blush-d); display: block; margin-bottom: 4px; }\n.bear__inbox-t { font-weight: 700; color: var(--bd-ink); }\n\n\/* ── RESPONSIVE ── *\/\n@media (max-width: 900px) {\n  .bear { font-size: 17px; }\n  .bear__split { grid-template-columns: 1fr; }\n  .bear__split-img { aspect-ratio: 1 \/ 1; }\n}\n@media (max-width: 600px) {\n  .bear { padding: 0; font-size: 16.5px; }\n  .bear__inner { padding: 18px 14px; }\n  .bear__grid3, .bear__grid2 { grid-template-columns: 1fr; }\n  .bear__features \u003e *, .bear__variants \u003e *, .bear__care \u003e *, .bear__stats \u003e *,\n  .bear__trust \u003e *, .bear__panels \u003e *, .bear__tips \u003e *,\n  .bear__promise \u003e *, .bear__steps \u003e *, .bear__inbox \u003e *, .bear__spec-grid \u003e * { flex-basis: 100%; max-width: 100%; }\n  .bear__eyebrow { letter-spacing: 0.16em; }\n  .bear__title { font-size: clamp(24px, 8vw, 34px); }\n  .bear__media-rect { aspect-ratio: 16 \/ 10; }\n  .bear__grid-img { aspect-ratio: 4 \/ 3; }\n}\n@keyframes bd-add-pulse {\n  0%   { box-shadow: 0 0 0 0 rgba(200,184,232,0.7); }\n  70%  { box-shadow: 0 0 0 16px rgba(200,184,232,0); }\n  100% { box-shadow: 0 0 0 0 rgba(200,184,232,0); }\n}\n.bd-add-pulse { animation: bd-add-pulse 0.9s ease-out 2; }\n@media (prefers-reduced-motion: reduce) {\n  .bear * { animation: none !important; transition: none !important; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"bear\" lang=\"en\"\u003e\n\u003cdiv class=\"bear__sheet\"\u003e\n\u003cdiv class=\"bear__inner\"\u003e\n\n\u003c!-- ══ HERO ══ --\u003e\n\u003cheader class=\"bear__hero\"\u003e\n  \u003cdiv class=\"bear__sparkle\"\u003e\u003c\/div\u003e\n  \u003cspan class=\"bear__eyebrow\"\u003eArtisan Collection\u003c\/span\u003e\n  \u003ch1 class=\"bear__title\"\u003eCute White Bear\u003cbr\u003e\u003cspan class=\"bear__accent\"\u003eGraffiti Keycaps\u003c\/span\u003e\n\u003c\/h1\u003e\n  \u003cp class=\"bear__subtitle\"\u003eThick PBT keycaps packed with cartoon bears, doodle stars, and pastel charm — turn your keyboard into the coziest corner of your desk.\u003c\/p\u003e\n  \u003cdiv class=\"bear__hero-rule\"\u003e\u003cspan\u003e🐻 ✨ 🐻\u003c\/span\u003e\u003c\/div\u003e\n  \u003cdiv class=\"bear__badges\"\u003e\n    \u003cspan class=\"bear__badge\"\u003e\u003cspan\u003e🐻\u003c\/span\u003e\u003cspan\u003eBear Graffiti Art\u003c\/span\u003e\u003c\/span\u003e\n    \u003cspan class=\"bear__badge\"\u003e\u003cspan\u003e🔢\u003c\/span\u003e\u003cspan\u003e143 Keys\u003c\/span\u003e\u003c\/span\u003e\n    \u003cspan class=\"bear__badge\"\u003e\u003cspan\u003e🧱\u003c\/span\u003e\u003cspan\u003eThick PBT\u003c\/span\u003e\u003c\/span\u003e\n    \u003cspan class=\"bear__badge\"\u003e\u003cspan\u003e🧩\u003c\/span\u003e\u003cspan\u003eANSI \u0026amp; ISO\u003c\/span\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- ── HERO BANNER IMAGE 3 (wide overhead lifestyle) ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__media-full bear__hero-banner\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7237501151_107r.jpg?v=1761148802\" alt=\"Cute White Bear Graffiti keycap set full overhead view on keyboard\" loading=\"eager\"\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── THE STORY ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__head\"\u003e\n    \u003cdiv class=\"bear__kicker\"\u003eThe Story\u003c\/div\u003e\n    \u003ch2 class=\"bear__h2\"\u003eYour Keyboard, but Make It \u003cem\u003eAdorable\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cdiv class=\"bear__divider\"\u003e\u003cspan class=\"bear__paw\"\u003e🐾\u003c\/span\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bear__prose\"\u003e\n    \u003cp\u003eSome keyboards are tools. This one is a mood. The \u003cstrong\u003eCute White Bear Graffiti Keycap Set\u003c\/strong\u003e wraps every key in playful cartoon doodles — wide-eyed bears, floating stars, little hearts, and clouds — over a soft pastel palette that makes your whole setup feel warmer the moment you sit down.\u003c\/p\u003e\n    \u003cp\u003eBuilt with \u003cstrong\u003ethick PBT plastic at 85%+ content\u003c\/strong\u003e and a \u003cstrong\u003efive-side dye-sublimation\u003c\/strong\u003e process, the artwork stays crisp and vibrant through years of daily use. The set ships as a complete \u003cstrong\u003e143-piece kit\u003c\/strong\u003e covering a massive range of layouts from 60% compacts all the way up to full-size 108-key boards — including \u003cstrong\u003eAlice ergonomic layouts\u003c\/strong\u003e. Both \u003cstrong\u003eANSI and ISO\u003c\/strong\u003e standards are supported.\u003c\/p\u003e\n    \u003cp\u003eWhether you're gifting it to someone who deserves a smile on their desk every day, or treating yourself to a little cozy upgrade — this set delivers that heartwarming hug every time your fingers land on the keys.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bear__trust\"\u003e\n    \u003cdiv class=\"bear__trust-item\"\u003e\n      \u003cdiv class=\"bear__trust-ic\"\u003e🚚\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cdiv class=\"bear__trust-t\"\u003eWorldwide Shipping\u003c\/div\u003e\n        \u003cdiv class=\"bear__trust-s\"\u003eCarefully packed \u0026amp; tracked\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bear__trust-item\"\u003e\n      \u003cdiv class=\"bear__trust-ic\"\u003e🔒\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cdiv class=\"bear__trust-t\"\u003eSecure Checkout\u003c\/div\u003e\n        \u003cdiv class=\"bear__trust-s\"\u003eSafe, encrypted payment\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bear__trust-item\"\u003e\n      \u003cdiv class=\"bear__trust-ic\"\u003e↩️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cdiv class=\"bear__trust-t\"\u003eEasy Returns\u003c\/div\u003e\n        \u003cdiv class=\"bear__trust-s\"\u003eHassle-free support\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FIRST LOOK — 3-grid: images 1 (numpad close-up), 2 (candle lifestyle), 6 (plush toy accent) ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__head\"\u003e\n    \u003cdiv class=\"bear__kicker\"\u003eFirst Look\u003c\/div\u003e\n    \u003ch2 class=\"bear__h2\"\u003eDoodles in Every \u003cem\u003eDirection\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cdiv class=\"bear__divider\"\u003e\u003cspan class=\"bear__paw\"\u003e🐾\u003c\/span\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bear__grid3\"\u003e\n    \u003cdiv class=\"bear__grid-img\"\u003e\n      \u003cspan class=\"bear__img-label\"\u003eNumpad Detail\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7237501953_3p2m.jpg?v=1761148802\" alt=\"Cute White Bear keycap set numpad side close-up\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bear__grid-img\"\u003e\n      \u003cspan class=\"bear__img-label\"\u003eDesk Lifestyle\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7237501017_bulq.jpg?v=1761148802\" alt=\"Cute White Bear keycap set full keyboard with candle on desk\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bear__grid-img\"\u003e\n      \u003cspan class=\"bear__img-label\"\u003eAccent Keys\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7189523272_op9e.jpg?v=1761148804\" alt=\"Cute White Bear keycap right side with plush toy and sheep figurine\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── KEY FEATURES ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__head\"\u003e\n    \u003cdiv class=\"bear__kicker\"\u003eWhy You'll Love It\u003c\/div\u003e\n    \u003ch2 class=\"bear__h2\"\u003eKey Features\u003c\/h2\u003e\n    \u003cdiv class=\"bear__divider\"\u003e\u003cspan class=\"bear__paw\"\u003e🐾\u003c\/span\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bear__features\"\u003e\n    \u003carticle class=\"bear__feature\"\u003e\n      \u003cdiv class=\"bear__feature-icon\"\u003e🐻\u003c\/div\u003e\n      \u003ch3\u003eBear Graffiti Art\u003c\/h3\u003e\n      \u003cp\u003eCartoon bears, stars, hearts and clouds spread across the whole board in a charming hand-drawn graffiti style.\u003c\/p\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"bear__feature\"\u003e\n      \u003cdiv class=\"bear__feature-icon\"\u003e🧱\u003c\/div\u003e\n      \u003ch3\u003eThick PBT Build\u003c\/h3\u003e\n      \u003cp\u003e85%+ PBT content gives each cap a solid, premium feel and keeps the sound profile satisfyingly thocky.\u003c\/p\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"bear__feature\"\u003e\n      \u003cdiv class=\"bear__feature-icon\"\u003e🎨\u003c\/div\u003e\n      \u003ch3\u003eFive-Side Dye-Sub\u003c\/h3\u003e\n      \u003cp\u003eDye-sublimation on all five sides ensures the artwork never fades, chips, or wears off — even after heavy daily use.\u003c\/p\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"bear__feature\"\u003e\n      \u003cdiv class=\"bear__feature-icon\"\u003e🔢\u003c\/div\u003e\n      \u003ch3\u003eFull 143-Key Set\u003c\/h3\u003e\n      \u003cp\u003e143 keycaps covering alphas, modifiers, function rows, novelties, and extra keys for Alice and non-standard layouts.\u003c\/p\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"bear__feature\"\u003e\n      \u003cdiv class=\"bear__feature-icon\"\u003e🟦\u003c\/div\u003e\n      \u003ch3\u003eCheckered Novelty Spacebar\u003c\/h3\u003e\n      \u003cp\u003eA blue checkered spacebar with playful text makes the centrepiece of your board as eye-catching as the rest of the set.\u003c\/p\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"bear__feature\"\u003e\n      \u003cdiv class=\"bear__feature-icon\"\u003e🧩\u003c\/div\u003e\n      \u003ch3\u003eANSI \u0026amp; ISO Ready\u003c\/h3\u003e\n      \u003cp\u003eBuilt for both major layout standards with broad compatibility across over a dozen popular keyboard sizes.\u003c\/p\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── 2-GRID: images 4 (left accent keys) + 5 (toy car overhead) ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__grid2\"\u003e\n    \u003cdiv class=\"bear__grid-img\"\u003e\n      \u003cspan class=\"bear__img-label\"\u003eAccent Keys\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7189522800_kxcz.jpg?v=1761148804\" alt=\"Cute White Bear keycap set left side accent keys close-up\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bear__grid-img\"\u003e\n      \u003cspan class=\"bear__img-label\"\u003eFull Board\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7189522866_ba6n.jpg?v=1761148804\" alt=\"Cute White Bear keycap set full keyboard with toy car figurine\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── SPOTLIGHT: material \u0026 build ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__spotlight\"\u003e\n    \u003cdiv class=\"bear__sparkle\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bear__kicker\"\u003ePremium Build\u003c\/div\u003e\n    \u003ch2\u003eThick PBT. \u003cem\u003eFive-Side Dye-Sub.\u003c\/em\u003e Built to Last.\u003c\/h2\u003e\n    \u003cp\u003eThe Bear Graffiti set isn't just cute — it's built with real quality under the hood. Thick PBT plastic resists shine and warping over time, while five-side dye-sublimation bonds the ink directly into the surface so the art stays vivid no matter how hard you type. Cherry \u0026amp; PDA profiles deliver a comfortable typing experience across every row, from the function keys down to the spacebar.\u003c\/p\u003e\n    \u003cdiv class=\"bear__spec-grid\"\u003e\n      \u003cdiv class=\"bear__spec\"\u003e\n        \u003cdiv class=\"bear__spec-k\"\u003eProfile\u003c\/div\u003e\n        \u003cdiv class=\"bear__spec-v\"\u003eCherry \u0026amp; PDA\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bear__spec\"\u003e\n        \u003cdiv class=\"bear__spec-k\"\u003eMaterial\u003c\/div\u003e\n        \u003cdiv class=\"bear__spec-v\"\u003eThick PBT 85%+\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bear__spec\"\u003e\n        \u003cdiv class=\"bear__spec-k\"\u003ePrinting\u003c\/div\u003e\n        \u003cdiv class=\"bear__spec-v\"\u003e5-Side Dye-Sub\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bear__spec\"\u003e\n        \u003cdiv class=\"bear__spec-k\"\u003eKey Count\u003c\/div\u003e\n        \u003cdiv class=\"bear__spec-v\"\u003e143 Keys\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bear__spec\"\u003e\n        \u003cdiv class=\"bear__spec-k\"\u003eLayout\u003c\/div\u003e\n        \u003cdiv class=\"bear__spec-v\"\u003eANSI \u0026amp; ISO\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── WIDE RECT: image 7 (side angle toy car + green plush) ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__media-rect\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7189523566_el05.jpg?v=1761148801\" alt=\"Cute White Bear keycap set side angle lifestyle with toy car and green plush\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── LAYOUT SPLIT: image 8 (layout diagram) ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__head\"\u003e\n    \u003cdiv class=\"bear__kicker\"\u003eSet Coverage\u003c\/div\u003e\n    \u003ch2 class=\"bear__h2\"\u003eDesigned to Fit Your \u003cem\u003eBoard\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cdiv class=\"bear__divider\"\u003e\u003cspan class=\"bear__paw\"\u003e🐾\u003c\/span\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bear__split\"\u003e\n    \u003cdiv class=\"bear__split-img\"\u003e\n      \u003cspan class=\"bear__img-label\"\u003eLayout\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7237512849_kwhx.jpg?v=1761148801\" alt=\"Cute White Bear keycap set detailed row-by-row layout diagram\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bear__split-text\"\u003e\n      \u003ch3\u003eBroad Layout Compatibility\u003c\/h3\u003e\n      \u003cul class=\"bear__split-list\"\u003e\n        \u003cli\u003e60% \u0026amp; 61 \/ 64 \/ 65% compacts\u003c\/li\u003e\n        \u003cli\u003e68% \u0026amp; 75% keyboards\u003c\/li\u003e\n        \u003cli\u003e80% TKL (tenkeyless)\u003c\/li\u003e\n        \u003cli\u003e96% \/ 98% \/ 100% \/ 104 \/ 108-key full-size\u003c\/li\u003e\n        \u003cli\u003eAlice layout ergonomic keyboards\u003c\/li\u003e\n        \u003cli\u003eANSI \u0026amp; ISO layout standards\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp style=\"margin-top: 14px; font-size: 14px; color: var(--bd-muted); font-style: italic;\"\u003eNot sure if your board is covered? Send us your keyboard model and we'll confirm before you order.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── THE SET ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__head\"\u003e\n    \u003cdiv class=\"bear__kicker\"\u003eThe Set\u003c\/div\u003e\n    \u003ch2 class=\"bear__h2\"\u003eOne Complete \u003cem\u003e143-Key\u003c\/em\u003e Kit\u003c\/h2\u003e\n    \u003cp class=\"bear__lead\"\u003eNo piecing together extras — every bear, star and heart doodle is already in the box.\u003c\/p\u003e\n    \u003cdiv class=\"bear__divider\"\u003e\u003cspan class=\"bear__paw\"\u003e🐾\u003c\/span\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bear__variants\"\u003e\n    \u003carticle class=\"bear__variant\"\u003e\n      \u003cdiv class=\"bear__variant-num\"\u003e143\u003c\/div\u003e\n      \u003cdiv class=\"bear__variant-key\"\u003eKeys\u003c\/div\u003e\n      \u003ch3\u003eFull Coverage Set\u003c\/h3\u003e\n      \u003cp\u003eAlphas, modifiers, function row, novelties, and all the layout extras packed into one complete kit.\u003c\/p\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"bear__variant\"\u003e\n      \u003cdiv class=\"bear__variant-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"bear__variant-key\"\u003eLayouts\u003c\/div\u003e\n      \u003ch3\u003eANSI \u0026amp; ISO\u003c\/h3\u003e\n      \u003cp\u003eBoth major layout standards supported, with Alice layout keys and a broad range of keyboard sizes covered.\u003c\/p\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FULL SPECS TABLE ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__head\"\u003e\n    \u003cdiv class=\"bear__kicker\"\u003eThe Details\u003c\/div\u003e\n    \u003ch2 class=\"bear__h2\"\u003eFull Specifications\u003c\/h2\u003e\n    \u003cdiv class=\"bear__divider\"\u003e\u003cspan class=\"bear__paw\"\u003e🐾\u003c\/span\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bear__table-wrap\"\u003e\n    \u003ctable class=\"bear__table\"\u003e\u003ctbody\u003e\n      \u003ctr\u003e\n\u003cth\u003eModel\u003c\/th\u003e\n\u003ctd\u003eCute White Bear Graffiti Keycap Set\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003cth\u003eProfile\u003c\/th\u003e\n\u003ctd\u003eCherry \u0026amp; PDA\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003eThick PBT (85%+ content)\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003cth\u003ePrinting Process\u003c\/th\u003e\n\u003ctd\u003eFive-Side Dye-Sublimation\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003cth\u003eKey Count\u003c\/th\u003e\n\u003ctd\u003e143 Pieces\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003cth\u003eBacklight\u003c\/th\u003e\n\u003ctd\u003eOpaque — not shine-through\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\u003eSize Compatibility\u003c\/th\u003e\n\u003ctd\u003e108 \/ 104 \/ 100 \/ 98 \/ 96 \/ 87 \/ 80 \/ 75 \/ 68 \/ 65 \/ 64 \/ 61 \/ 60 \/ Alice\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\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\u003eProduct Type\u003c\/th\u003e\n\u003ctd\u003eKeycap Set (for mechanical keyboards)\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003c\/tbody\u003e\u003c\/table\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bear__alert\"\u003e\n    \u003cspan class=\"bear__alert-ic\"\u003e⚠️\u003c\/span\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003eKeycaps only.\u003c\/strong\u003e This listing includes the keycap set only. The keyboard, switches, and props shown in photos are for display and are not included. Works only with MX-style mechanical switches — not compatible with membrane, scissor-switch, or low-profile keyboards. Keycaps are opaque and not shine-through.\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── MORE VIEWS 3-grid: images 1, 5, 6 re-used for variety ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__head\"\u003e\n    \u003cdiv class=\"bear__kicker\"\u003eMore Views\u003c\/div\u003e\n    \u003ch2 class=\"bear__h2\"\u003eEvery Bear, Every \u003cem\u003eAngle\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cdiv class=\"bear__divider\"\u003e\u003cspan class=\"bear__paw\"\u003e🐾\u003c\/span\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bear__grid3\"\u003e\n    \u003cdiv class=\"bear__grid-img\"\u003e\n      \u003cspan class=\"bear__img-label\"\u003eTop-Down\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7237501953_3p2m.jpg?v=1761148802\" alt=\"Cute White Bear keycap set angled top-down close-up\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bear__grid-img\"\u003e\n      \u003cspan class=\"bear__img-label\"\u003eOverhead\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7237501151_107r.jpg?v=1761148802\" alt=\"Cute White Bear keycap set wide overhead lifestyle shot\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bear__grid-img\"\u003e\n      \u003cspan class=\"bear__img-label\"\u003eSide Angle\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7189523566_el05.jpg?v=1761148801\" alt=\"Cute White Bear keycap set full keyboard side angle\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── INSTALL STEPS ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__head\"\u003e\n    \u003cdiv class=\"bear__kicker\"\u003eEasy Setup\u003c\/div\u003e\n    \u003ch2 class=\"bear__h2\"\u003eInstall in \u003cem\u003eFour Steps\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"bear__lead\"\u003eNo tools beyond a keycap puller. Done in minutes.\u003c\/p\u003e\n    \u003cdiv class=\"bear__divider\"\u003e\u003cspan class=\"bear__paw\"\u003e🐾\u003c\/span\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bear__steps\"\u003e\n    \u003carticle class=\"bear__step\"\u003e\n      \u003cdiv class=\"bear__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 cleanly.\u003c\/p\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"bear__step\"\u003e\n      \u003cdiv class=\"bear__step-num\"\u003e02\u003c\/div\u003e\n      \u003ch4\u003eMatch Your Layout\u003c\/h4\u003e\n      \u003cp\u003eLay the new caps out to match your ANSI, ISO, or Alice board before you start mounting — saves time and confusion.\u003c\/p\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"bear__step\"\u003e\n      \u003cdiv class=\"bear__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\n    \u003c\/article\u003e\n    \u003carticle class=\"bear__step\"\u003e\n      \u003cdiv class=\"bear__step-num\"\u003e04\u003c\/div\u003e\n      \u003ch4\u003eMeet Your Bears\u003c\/h4\u003e\n      \u003cp\u003eGive the board a once-over, then enjoy a keyboard that feels like a warm, cheerful hug every time you type.\u003c\/p\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── WHAT'S IN THE BOX ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__head\"\u003e\n    \u003cdiv class=\"bear__kicker\"\u003ePackage Contents\u003c\/div\u003e\n    \u003ch2 class=\"bear__h2\"\u003eWhat's in the \u003cem\u003eBox\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cdiv class=\"bear__divider\"\u003e\u003cspan class=\"bear__paw\"\u003e🐾\u003c\/span\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bear__inbox\"\u003e\n    \u003cdiv class=\"bear__inbox-item\"\u003e\n      \u003cspan class=\"bear__inbox-num\"\u003e143×\u003c\/span\u003e\u003cspan class=\"bear__inbox-t\"\u003eKeycap Set\u003c\/span\u003e\u003cbr\u003eFull coverage kit\u003c\/div\u003e\n    \u003cdiv class=\"bear__inbox-item\"\u003e\n      \u003cspan class=\"bear__inbox-num\"\u003e2\u003c\/span\u003e\u003cspan class=\"bear__inbox-t\"\u003eLayout Support\u003c\/span\u003e\u003cbr\u003eANSI \u0026amp; ISO ready\u003c\/div\u003e\n    \u003cdiv class=\"bear__inbox-item\"\u003e\n      \u003cspan class=\"bear__inbox-num\"\u003e14+\u003c\/span\u003e\u003cspan class=\"bear__inbox-t\"\u003eBoard Sizes\u003c\/span\u003e\u003cbr\u003e60% through 108-key\u003c\/div\u003e\n    \u003cdiv class=\"bear__inbox-item\"\u003e\n      \u003cspan class=\"bear__inbox-num\"\u003e✓\u003c\/span\u003e\u003cspan class=\"bear__inbox-t\"\u003eSafe Packaging\u003c\/span\u003e\u003cbr\u003eDamage-free delivery\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── CARE ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__head\"\u003e\n    \u003cdiv class=\"bear__kicker\"\u003eKeep the Cuteness Alive\u003c\/div\u003e\n    \u003ch2 class=\"bear__h2\"\u003eCare \u0026amp; Keeping\u003c\/h2\u003e\n    \u003cdiv class=\"bear__divider\"\u003e\u003cspan class=\"bear__paw\"\u003e🐾\u003c\/span\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bear__care\"\u003e\n    \u003carticle class=\"bear__care-card\"\u003e\n      \u003cdiv class=\"bear__care-num\"\u003e01\u003c\/div\u003e\n      \u003ch4\u003eGentle Wipe-Down\u003c\/h4\u003e\n      \u003cp\u003eWipe with a soft, slightly damp cloth for everyday cleaning — avoid solvents. For a deeper clean, remove caps and rinse gently in warm soapy water.\u003c\/p\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"bear__care-card\"\u003e\n      \u003cdiv class=\"bear__care-num\"\u003e02\u003c\/div\u003e\n      \u003ch4\u003eDry Fully Before Remounting\u003c\/h4\u003e\n      \u003cp\u003eAlways let keycaps dry completely before pressing them back onto your switches to protect your board's internals.\u003c\/p\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"bear__care-card\"\u003e\n      \u003cdiv class=\"bear__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 dye-sub artwork or bending the switch stems.\u003c\/p\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"bear__care-card\"\u003e\n      \u003cdiv class=\"bear__care-num\"\u003e04\u003c\/div\u003e\n      \u003ch4\u003eKeep From Direct Sun\u003c\/h4\u003e\n      \u003cp\u003eStore and use your board away from prolonged direct sunlight to keep those pastel tones bright and cheerful for years.\u003c\/p\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── WHO IS THIS FOR ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__head\"\u003e\n    \u003cdiv class=\"bear__kicker\"\u003eMade For\u003c\/div\u003e\n    \u003ch2 class=\"bear__h2\"\u003eWho Will \u003cem\u003eLove\u003c\/em\u003e This Set\u003c\/h2\u003e\n    \u003cp class=\"bear__lead\"\u003eIf any of these sound like you, this set belongs on your board.\u003c\/p\u003e\n    \u003cdiv class=\"bear__divider\"\u003e\u003cspan class=\"bear__paw\"\u003e🐾\u003c\/span\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bear__tips\"\u003e\n    \u003carticle class=\"bear__tip\"\u003e\u003cspan class=\"bear__tip-ic\"\u003e🐻\u003c\/span\u003e\u003ch4\u003eBear Lovers\u003c\/h4\u003e\n    \u003cp\u003eAnyone who wants a little round cartoon bear grinning up at them from the Escape key every single day.\u003c\/p\u003e\u003c\/article\u003e\n    \u003carticle class=\"bear__tip\"\u003e\u003cspan class=\"bear__tip-ic\"\u003e⌨️\u003c\/span\u003e\u003ch4\u003eKeyboard Collectors\u003c\/h4\u003e\n    \u003cp\u003eEnthusiasts who want a full 143-key PBT set that combines real quality with a totally unique theme.\u003c\/p\u003e\u003c\/article\u003e\n    \u003carticle class=\"bear__tip\"\u003e\u003cspan class=\"bear__tip-ic\"\u003e🌸\u003c\/span\u003e\u003ch4\u003eCozy Setup Builders\u003c\/h4\u003e\n    \u003cp\u003eAnyone building a soft, cheerful desk space — this set ties together pastel aesthetics perfectly.\u003c\/p\u003e\u003c\/article\u003e\n    \u003carticle class=\"bear__tip\"\u003e\u003cspan class=\"bear__tip-ic\"\u003e🎁\u003c\/span\u003e\u003ch4\u003eGift Givers\u003c\/h4\u003e\n    \u003cp\u003eA warm, characterful gift for keyboard fans, students, or anyone who deserves a smile at their desk.\u003c\/p\u003e\u003c\/article\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── PALETTE ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__head\"\u003e\n    \u003cdiv class=\"bear__kicker\"\u003eThe Palette\u003c\/div\u003e\n    \u003ch2 class=\"bear__h2\"\u003eA Pastel World in \u003cem\u003eEvery Key\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"bear__lead\"\u003eFour soft tones pulled from the bear's playful doodle world — cheerful, cohesive, and cozy from corner to corner.\u003c\/p\u003e\n    \u003cdiv class=\"bear__divider\"\u003e\u003cspan class=\"bear__paw\"\u003e🐾\u003c\/span\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bear__stats\"\u003e\n    \u003cdiv class=\"bear__stat bear__stat--sky\"\u003e\n      \u003cdiv class=\"bear__stat-num\"\u003eSky\u003c\/div\u003e\n      \u003cdiv class=\"bear__stat-label\"\u003eClear Blue\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bear__stat bear__stat--blush\"\u003e\n      \u003cdiv class=\"bear__stat-num\"\u003eBlush\u003c\/div\u003e\n      \u003cdiv class=\"bear__stat-label\"\u003eSoft Pink\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bear__stat bear__stat--mint\"\u003e\n      \u003cdiv class=\"bear__stat-num\"\u003eMint\u003c\/div\u003e\n      \u003cdiv class=\"bear__stat-label\"\u003eFresh Green\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bear__stat bear__stat--lilac\"\u003e\n      \u003cdiv class=\"bear__stat-num\"\u003eLilac\u003c\/div\u003e\n      \u003cdiv class=\"bear__stat-label\"\u003eDream Purple\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── WIDE BANNER: image 2 (candle lifestyle) ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__media-rect bear__hero-banner\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7237501017_bulq.jpg?v=1761148802\" alt=\"Cute White Bear keycap set full keyboard lifestyle with candle\" loading=\"lazy\" style=\"object-position: center;\"\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FAQ ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__head\"\u003e\n    \u003cdiv class=\"bear__kicker\"\u003eAnswers\u003c\/div\u003e\n    \u003ch2 class=\"bear__h2\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n    \u003cdiv class=\"bear__divider\"\u003e\u003cspan class=\"bear__paw\"\u003e🐾\u003c\/span\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bear__faq\"\u003e\n    \u003cdetails open\u003e\u003csummary\u003eWill this fit my keyboard?\u003c\/summary\u003e\u003cdiv class=\"bear__faq-body\"\u003eThe set is compatible with a huge range of layouts — from 60% compacts up to full 108-key boards, and including Alice ergonomic layouts. It supports both ANSI and ISO standards. If you're unsure, just send us your keyboard model and we'll confirm the fit before you order.\u003c\/div\u003e\u003c\/details\u003e\n    \u003cdetails\u003e\u003csummary\u003eHow many keys are included?\u003c\/summary\u003e\u003cdiv class=\"bear__faq-body\"\u003eThe set includes 143 keycaps in total, covering alphas, modifiers, the function row, novelty caps, and extras for non-standard layouts like Alice.\u003c\/div\u003e\u003c\/details\u003e\n    \u003cdetails\u003e\u003csummary\u003eWhat switches does it work with?\u003c\/summary\u003e\u003cdiv class=\"bear__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\n    \u003cdetails\u003e\u003csummary\u003eAre these shine-through \/ RGB-compatible?\u003c\/summary\u003e\u003cdiv class=\"bear__faq-body\"\u003eNo — the keycaps are opaque and not shine-through. They will block RGB lighting from your switches. The dye-sublimated artwork looks great in any lighting without needing to pass light through the cap.\u003c\/div\u003e\u003c\/details\u003e\n    \u003cdetails\u003e\u003csummary\u003eWhat material are they made from?\u003c\/summary\u003e\u003cdiv class=\"bear__faq-body\"\u003eThick PBT plastic with 85%+ PBT content. PBT is harder and more resistant to shine and warping than standard ABS keycaps, which means a better feel and a longer lifespan.\u003c\/div\u003e\u003c\/details\u003e\n    \u003cdetails\u003e\u003csummary\u003eWhat profile is Cherry \/ PDA?\u003c\/summary\u003e\u003cdiv class=\"bear__faq-body\"\u003eCherry profile is a low-to-medium height sculpted profile popular for its comfortable, efficient typing feel. PDA is a slightly taller, uniform profile. Together they give this set a comfortable, natural hand position during long typing sessions.\u003c\/div\u003e\u003c\/details\u003e\n    \u003cdetails\u003e\u003csummary\u003eWill the colours look like the photos?\u003c\/summary\u003e\u003cdiv class=\"bear__faq-body\"\u003eWe work hard to represent the pastel sky blue, blush pink, mint and lilac tones accurately. Monitor calibration can shift colours slightly on screen, but the real-world caps stay true to the cheerful palette shown.\u003c\/div\u003e\u003c\/details\u003e\n    \u003cdetails\u003e\u003csummary\u003eIs a keyboard included?\u003c\/summary\u003e\u003cdiv class=\"bear__faq-body\"\u003eNo — this listing is for the keycap set only. Keyboards, switches, candles, plush toys and other props shown in the photos are for display and are not included.\u003c\/div\u003e\u003c\/details\u003e\n    \u003cdetails\u003e\u003csummary\u003eDoes it work with Alice layout keyboards?\u003c\/summary\u003e\u003cdiv class=\"bear__faq-body\"\u003eYes. The 143-key set includes the extra keys needed to fully cover Alice-layout ergonomic keyboards.\u003c\/div\u003e\u003c\/details\u003e\n    \u003cdetails\u003e\u003csummary\u003eHow do I install the keycaps?\u003c\/summary\u003e\u003cdiv class=\"bear__faq-body\"\u003eUse a keycap puller to remove your existing caps, lay out the new set to match your layout, then press each cap onto its switch stem until it clicks into place. The whole swap usually takes just a few minutes.\u003c\/div\u003e\u003c\/details\u003e\n    \u003cdetails\u003e\u003csummary\u003eCan I buy just the novelty keys separately?\u003c\/summary\u003e\u003cdiv class=\"bear__faq-body\"\u003eThis listing is sold as a complete 143-key set. All novelty caps — including the checkered spacebar, bear face caps, and doodle accents — are included within the full set and are not sold separately.\u003c\/div\u003e\u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── SOUND \u0026 FEEL ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__head\"\u003e\n    \u003cdiv class=\"bear__kicker\"\u003eThe Experience\u003c\/div\u003e\n    \u003ch2 class=\"bear__h2\"\u003eSound \u0026amp; \u003cem\u003eFeel\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"bear__lead\"\u003eMore than a look — thick PBT changes how your keyboard sounds and feels under your fingers.\u003c\/p\u003e\n    \u003cdiv class=\"bear__divider\"\u003e\u003cspan class=\"bear__paw\"\u003e🐾\u003c\/span\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bear__panels\"\u003e\n    \u003carticle class=\"bear__panel\"\u003e\u003cspan class=\"bear__panel-ic\"\u003e🤚\u003c\/span\u003e\u003ch3\u003eA Solid, Satisfying Touch\u003c\/h3\u003e\n    \u003cp\u003eThick PBT feels heavier and more substantial than standard caps. Each keystroke has a tactile solidity that makes typing feel more deliberate and satisfying.\u003c\/p\u003e\u003c\/article\u003e\n    \u003carticle class=\"bear__panel\"\u003e\u003cspan class=\"bear__panel-ic\"\u003e🎨\u003c\/span\u003e\u003ch3\u003eArt You Can Feel the Durability Of\u003c\/h3\u003e\n    \u003cp\u003eFive-side dye-sublimation means the ink is fused into the plastic — not sitting on top of it. You'll never feel a raised edge or notice peeling, even on the most-used keys.\u003c\/p\u003e\u003c\/article\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── STYLING IDEAS ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__head\"\u003e\n    \u003cdiv class=\"bear__kicker\"\u003eMake It Yours\u003c\/div\u003e\n    \u003ch2 class=\"bear__h2\"\u003eStyling \u003cem\u003eIdeas\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"bear__lead\"\u003eBring the cozy bear-and-doodle vibe to life across your whole setup.\u003c\/p\u003e\n    \u003cdiv class=\"bear__divider\"\u003e\u003cspan class=\"bear__paw\"\u003e🐾\u003c\/span\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bear__tips\"\u003e\n    \u003carticle class=\"bear__tip\"\u003e\u003cspan class=\"bear__tip-ic\"\u003e🕯️\u003c\/span\u003e\u003ch4\u003eSoft Candlelight\u003c\/h4\u003e\n    \u003cp\u003eA small candle near the board makes the pastel keys glow warmly — the coziest typing setup imaginable.\u003c\/p\u003e\u003c\/article\u003e\n    \u003carticle class=\"bear__tip\"\u003e\u003cspan class=\"bear__tip-ic\"\u003e🪆\u003c\/span\u003e\u003ch4\u003eDesk Figurines\u003c\/h4\u003e\n    \u003cp\u003eTiny animal figurines or plush toys on the desk echo the bear theme and complete the playful aesthetic.\u003c\/p\u003e\u003c\/article\u003e\n    \u003carticle class=\"bear__tip\"\u003e\u003cspan class=\"bear__tip-ic\"\u003e🌸\u003c\/span\u003e\u003ch4\u003ePastel Desk Mat\u003c\/h4\u003e\n    \u003cp\u003ePair with a soft pink, blue or cream desk mat to frame the whole setup in the same storybook palette.\u003c\/p\u003e\u003c\/article\u003e\n    \u003carticle class=\"bear__tip\"\u003e\u003cspan class=\"bear__tip-ic\"\u003e🐻\u003c\/span\u003e\u003ch4\u003eFeature the Bear Keys\u003c\/h4\u003e\n    \u003cp\u003ePlace the bear face novelty caps on your Escape, Enter, or arrow keys so the theme's hero character pops.\u003c\/p\u003e\u003c\/article\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── OUR PROMISE ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__head\"\u003e\n    \u003cdiv class=\"bear__kicker\"\u003eShop With Confidence\u003c\/div\u003e\n    \u003ch2 class=\"bear__h2\"\u003eOur Promise to \u003cem\u003eYou\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cdiv class=\"bear__divider\"\u003e\u003cspan class=\"bear__paw\"\u003e🐾\u003c\/span\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bear__promise\"\u003e\n    \u003carticle class=\"bear__promise-card\"\u003e\u003cspan class=\"bear__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\n    \u003carticle class=\"bear__promise-card\"\u003e\u003cspan class=\"bear__promise-ic\"\u003e🔍\u003c\/span\u003e\u003ch4\u003eQuality Checked\u003c\/h4\u003e\n    \u003cp\u003eEach order is inspected for clean, even dye-sub printing and consistent moulding before it ships.\u003c\/p\u003e\u003c\/article\u003e\n    \u003carticle class=\"bear__promise-card\"\u003e\u003cspan class=\"bear__promise-ic\"\u003e💬\u003c\/span\u003e\u003ch4\u003eFriendly Support\u003c\/h4\u003e\n    \u003cp\u003eQuestions about fit, layout, or compatibility? Reach out any time and a real person will help.\u003c\/p\u003e\u003c\/article\u003e\n    \u003carticle class=\"bear__promise-card\"\u003e\u003cspan class=\"bear__promise-ic\"\u003e🐻\u003c\/span\u003e\u003ch4\u003eMade for Joy\u003c\/h4\u003e\n    \u003cp\u003eDesigned for people who believe a little cuteness on your desk can genuinely improve your whole day.\u003c\/p\u003e\u003c\/article\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── GIFT ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__gift\"\u003e\n    \u003cspan class=\"bear__gift-ic\"\u003e🎁\u003c\/span\u003e\n    \u003ch2\u003eA Heartwarming Gift for Any Desk\u003c\/h2\u003e\n    \u003cp\u003eCheerful, characterful, and built to last — the Cute White Bear Graffiti set is a memorable present for keyboard enthusiasts, animal lovers, students, and anyone whose desk deserves a little more joy.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── CTA ── --\u003e\n\u003csection class=\"bear__section\"\u003e\n  \u003cdiv class=\"bear__cta\"\u003e\n    \u003cdiv class=\"bear__sparkle\"\u003e\u003c\/div\u003e\n    \u003ch2\u003eBring the \u003cem\u003eBears\u003c\/em\u003e Home\u003c\/h2\u003e\n    \u003cp\u003eA cartoon bear waving from your Escape key, a checkered spacebar that makes you smile mid-sentence, 143 keys of pure pastel charm — your keyboard is about to get a whole lot cuter.\u003c\/p\u003e\n    \u003cp style=\"margin-top: 10px; font-size: clamp(13px, 1.6vw, 15px); color: rgba(253,246,240,0.7); font-style: normal;\"\u003eReady to add some bear energy to your setup? Your set is just one tap away.\u003c\/p\u003e\n    \u003ca href=\"#\" class=\"bear__cta-seal\" onclick=\"event.preventDefault(); 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 el=null; for (var i=0;i\u0026lt;sels.length;i++){ el=document.querySelector(sels[i]); if (el){ break; } } if (el){ el.scrollIntoView({behavior:'smooth', block:'center'}); el.classList.add('bd-add-pulse'); setTimeout(function(){ el.classList.remove('bd-add-pulse'); }, 1900); } else { window.scrollTo({top:0, behavior:'smooth'}); }\"\u003e\n      \u003cspan\u003e🛒\u003c\/span\u003e\u003cspan\u003eTake Me to Add to Cart\u003c\/span\u003e\n    \u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"KeyArtisan","offers":[{"title":"Default Title","offer_id":47335775174813,"sku":null,"price":42.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/cute-white-bear-theme-graffiti-keycap-set-1257309.jpg?v=1784215331","url":"https:\/\/keyartisan.net\/products\/cute-white-bear-theme-graffiti-keycap-set","provider":"KeyArtisan","version":"1.0","type":"link"}