{"product_id":"cool-harry-potter-theme-artisan-translucent-keycap-set-for-mechanical-keyboard","title":"Cool Harry Potter Theme Artisan Translucent Keycap Set","description":"\u003c!-- ============================================================\n     Cool Harry Potter Theme Artisan Translucent Keycap Set\n     Shopify Product Description — HTML\n     ============================================================ --\u003e\n\u003cstyle\u003e\n  \/* ── Google Fonts ── *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel+Decorative:wght@400;700;900\u0026family=Cinzel:wght@400;600;700\u0026family=IM+Fell+English:ital@0;1\u0026family=Lato:wght@300;400;700\u0026display=swap');\n\n  \/* ── Root Variables ── *\/\n  :root {\n    --gold:         #c9a84c;\n    --gold-light:   #e8d48a;\n    --gold-dark:    #8b6914;\n    --deep-purple:  #1a0a2e;\n    --mid-purple:   #2d1b5e;\n    --light-purple: #4b2d8f;\n    --gryffindor:   #740001;\n    --slytherin:    #1a472a;\n    --ravenclaw:    #0e1a40;\n    --hufflepuff:   #ecb939;\n    --text-light:   #f0e8d0;\n    --text-muted:   #b8a88a;\n    --border-gold:  rgba(201,168,76,0.35);\n    --shadow-magic: 0 0 40px rgba(201,168,76,0.15), 0 0 80px rgba(74,45,143,0.2);\n    --radius:       12px;\n    --font-display: 'Cinzel Decorative', serif;\n    --font-heading: 'Cinzel', serif;\n    --font-body:    'IM Fell English', serif;\n    --font-ui:      'Lato', sans-serif;\n  }\n\n  \/* ── Reset \u0026 Base ── *\/\n  .hp-desc * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  .hp-desc {\n    font-family: var(--font-ui);\n    color: var(--text-light);\n    background: var(--deep-purple);\n    line-height: 1.7;\n    overflow-x: hidden;\n  }\n\n  \/* ── Magical Background ── *\/\n  .hp-desc .magic-bg {\n    position: relative;\n    background:\n      radial-gradient(ellipse at 20% 10%, rgba(74,45,143,0.4) 0%, transparent 55%),\n      radial-gradient(ellipse at 80% 90%, rgba(116,0,1,0.3) 0%, transparent 55%),\n      radial-gradient(ellipse at 50% 50%, rgba(14,26,64,0.6) 0%, transparent 70%),\n      linear-gradient(160deg, #0d0620 0%, #1a0a2e 40%, #130822 70%, #0a0515 100%);\n    min-height: 100%;\n  }\n\n  \/* ── Star Particles (CSS only) ── *\/\n  .hp-desc .stars-layer {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    overflow: hidden;\n    z-index: 0;\n  }\n\n  .hp-desc .stars-layer::before,\n  .hp-desc .stars-layer::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image:\n      radial-gradient(1px 1px at 10% 15%, rgba(255,255,220,0.9) 0%, transparent 100%),\n      radial-gradient(1px 1px at 25% 8%,  rgba(255,255,220,0.7) 0%, transparent 100%),\n      radial-gradient(1px 1px at 40% 22%, rgba(255,255,220,0.8) 0%, transparent 100%),\n      radial-gradient(1px 1px at 55% 5%,  rgba(255,255,220,0.6) 0%, transparent 100%),\n      radial-gradient(1px 1px at 70% 18%, rgba(255,255,220,0.9) 0%, transparent 100%),\n      radial-gradient(1px 1px at 85% 12%, rgba(255,255,220,0.7) 0%, transparent 100%),\n      radial-gradient(1px 1px at 92% 30%, rgba(255,255,220,0.8) 0%, transparent 100%),\n      radial-gradient(1px 1px at 15% 40%, rgba(255,255,220,0.6) 0%, transparent 100%),\n      radial-gradient(1px 1px at 32% 55%, rgba(255,255,220,0.5) 0%, transparent 100%),\n      radial-gradient(1px 1px at 60% 42%, rgba(255,255,220,0.7) 0%, transparent 100%),\n      radial-gradient(1px 1px at 78% 60%, rgba(255,255,220,0.6) 0%, transparent 100%),\n      radial-gradient(1px 1px at 5%  70%, rgba(255,255,220,0.8) 0%, transparent 100%),\n      radial-gradient(1px 1px at 48% 75%, rgba(255,255,220,0.5) 0%, transparent 100%),\n      radial-gradient(1px 1px at 88% 80%, rgba(255,255,220,0.7) 0%, transparent 100%),\n      radial-gradient(1px 1px at 20% 90%, rgba(255,255,220,0.6) 0%, transparent 100%),\n      radial-gradient(1px 1px at 65% 88%, rgba(255,255,220,0.8) 0%, transparent 100%);\n    animation: twinkle 6s ease-in-out infinite alternate;\n  }\n\n  .hp-desc .stars-layer::after {\n    background-image:\n      radial-gradient(1px 1px at 18% 20%, rgba(201,168,76,0.6) 0%, transparent 100%),\n      radial-gradient(1px 1px at 45% 35%, rgba(201,168,76,0.5) 0%, transparent 100%),\n      radial-gradient(1px 1px at 72% 25%, rgba(201,168,76,0.7) 0%, transparent 100%),\n      radial-gradient(1px 1px at 90% 50%, rgba(201,168,76,0.4) 0%, transparent 100%),\n      radial-gradient(1px 1px at 30% 65%, rgba(201,168,76,0.6) 0%, transparent 100%),\n      radial-gradient(1px 1px at 58% 80%, rgba(201,168,76,0.5) 0%, transparent 100%);\n    animation: twinkle 8s ease-in-out infinite alternate-reverse;\n  }\n\n  @keyframes twinkle {\n    0%   { opacity: 0.4; }\n    50%  { opacity: 1;   }\n    100% { opacity: 0.6; }\n  }\n\n  \/* ── All Content wraps above stars ── *\/\n  .hp-desc .content-wrap {\n    position: relative;\n    z-index: 1;\n    padding: 10px 0 60px;\n  }\n\n  \/* ── Gold Divider ── *\/\n  .hp-desc .gold-divider {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin: 40px auto;\n    max-width: 680px;\n    padding: 0 20px;\n  }\n\n  .hp-desc .gold-divider::before,\n  .hp-desc .gold-divider::after {\n    content: '';\n    flex: 1;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, var(--gold), transparent);\n  }\n\n  .hp-desc .gold-divider-icon {\n    color: var(--gold);\n    font-size: 18px;\n    flex-shrink: 0;\n    text-shadow: 0 0 12px var(--gold);\n  }\n\n  \/* ── Hero Banner ── *\/\n  .hp-desc .hero {\n    position: relative;\n    text-align: center;\n    padding: 60px 24px 50px;\n    overflow: hidden;\n  }\n\n  .hp-desc .hero-badge {\n    display: inline-block;\n    font-family: var(--font-heading);\n    font-size: 11px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: var(--gold);\n    border: 1px solid var(--border-gold);\n    padding: 6px 20px;\n    border-radius: 50px;\n    margin-bottom: 24px;\n    background: rgba(201,168,76,0.06);\n    box-shadow: 0 0 20px rgba(201,168,76,0.1);\n  }\n\n  .hp-desc .hero-title {\n    font-family: var(--font-display);\n    font-size: clamp(22px, 5vw, 38px);\n    font-weight: 900;\n    line-height: 1.25;\n    background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 40%, var(--gold-dark) 70%, var(--gold-light) 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 12px;\n    text-shadow: none;\n    filter: drop-shadow(0 0 20px rgba(201,168,76,0.4));\n  }\n\n  .hp-desc .hero-subtitle {\n    font-family: var(--font-body);\n    font-style: italic;\n    font-size: 16px;\n    color: var(--text-muted);\n    max-width: 520px;\n    margin: 0 auto 32px;\n    line-height: 1.8;\n  }\n\n  .hp-desc .hero-lightning {\n    font-size: 48px;\n    display: block;\n    margin-bottom: 8px;\n    filter: drop-shadow(0 0 16px rgba(201,168,76,0.8));\n    animation: float 3s ease-in-out infinite;\n  }\n\n  @keyframes float {\n    0%, 100% { transform: translateY(0px) rotate(-5deg); }\n    50%       { transform: translateY(-8px) rotate(5deg); }\n  }\n\n  \/* ── Hero Image Gallery ── *\/\n  .hp-desc .hero-img-row {\n    display: flex;\n    gap: 12px;\n    justify-content: center;\n    flex-wrap: wrap;\n    margin: 32px 0 0;\n    padding: 0 12px;\n  }\n\n  .hp-desc .hero-img-row img {\n    width: 160px;\n    height: 110px;\n    object-fit: cover;\n    border-radius: 10px;\n    border: 2px solid var(--border-gold);\n    box-shadow: 0 4px 24px rgba(0,0,0,0.5), 0 0 12px rgba(201,168,76,0.15);\n    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n  }\n\n  .hp-desc .hero-img-row img:hover {\n    transform: translateY(-6px) scale(1.04);\n    box-shadow: 0 12px 40px rgba(0,0,0,0.6), 0 0 30px rgba(201,168,76,0.35);\n    border-color: var(--gold);\n  }\n\n  \/* ── Section Container ── *\/\n  .hp-desc .section {\n    max-width: 820px;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n\n  \/* ── Section Title ── *\/\n  .hp-desc .section-title {\n    font-family: var(--font-heading);\n    font-size: clamp(16px, 3vw, 22px);\n    font-weight: 700;\n    color: var(--gold);\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    gap: 14px;\n  }\n\n  .hp-desc .section-title::after {\n    content: '';\n    flex: 1;\n    height: 1px;\n    background: linear-gradient(90deg, var(--border-gold), transparent);\n  }\n\n  .hp-desc .section-title-icon {\n    font-size: 22px;\n    filter: drop-shadow(0 0 8px var(--gold));\n    flex-shrink: 0;\n  }\n\n  \/* ── Intro Block ── *\/\n  .hp-desc .intro-block {\n    background: linear-gradient(135deg, rgba(45,27,94,0.6), rgba(26,10,46,0.8));\n    border: 1px solid var(--border-gold);\n    border-radius: var(--radius);\n    padding: 32px 36px;\n    position: relative;\n    overflow: hidden;\n    margin-bottom: 48px;\n  }\n\n  .hp-desc .intro-block::before {\n    content: '⚡';\n    position: absolute;\n    top: -10px;\n    right: 20px;\n    font-size: 100px;\n    opacity: 0.04;\n    line-height: 1;\n    pointer-events: none;\n  }\n\n  .hp-desc .intro-block p {\n    font-family: var(--font-body);\n    font-size: 16px;\n    line-height: 1.85;\n    color: var(--text-light);\n    margin-bottom: 14px;\n  }\n\n  .hp-desc .intro-block p:last-child {\n    margin-bottom: 0;\n  }\n\n  .hp-desc .intro-block p strong {\n    color: var(--gold-light);\n    font-weight: 700;\n  }\n\n  \/* ── MAIN Gallery (Full-width showcase) ── *\/\n  .hp-desc .gallery-showcase {\n    margin: 48px 0;\n    padding: 0 12px;\n  }\n\n  .hp-desc .gallery-showcase .showcase-main {\n    width: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n    border: 2px solid var(--border-gold);\n    box-shadow: var(--shadow-magic);\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .hp-desc .gallery-showcase .showcase-main img {\n    width: 100%;\n    height: 360px;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.6s ease;\n  }\n\n  .hp-desc .gallery-showcase .showcase-main:hover img {\n    transform: scale(1.03);\n  }\n\n  .hp-desc .gallery-showcase .showcase-main .img-label {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: linear-gradient(transparent, rgba(10,5,21,0.85));\n    padding: 24px 20px 16px;\n    font-family: var(--font-heading);\n    font-size: 12px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--gold-light);\n  }\n\n  .hp-desc .gallery-grid-3 {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 10px;\n  }\n\n  .hp-desc .gallery-grid-3 .grid-item {\n    position: relative;\n    border-radius: 10px;\n    overflow: hidden;\n    border: 1px solid var(--border-gold);\n    transition: border-color 0.3s ease, box-shadow 0.3s ease;\n  }\n\n  .hp-desc .gallery-grid-3 .grid-item:hover {\n    border-color: var(--gold);\n    box-shadow: 0 0 20px rgba(201,168,76,0.25);\n  }\n\n  .hp-desc .gallery-grid-3 .grid-item img {\n    width: 100%;\n    height: 130px;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.4s ease;\n  }\n\n  .hp-desc .gallery-grid-3 .grid-item:hover img {\n    transform: scale(1.06);\n  }\n\n  .hp-desc .gallery-grid-2 {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n    margin-top: 10px;\n  }\n\n  .hp-desc .gallery-grid-2 .grid-item {\n    position: relative;\n    border-radius: 10px;\n    overflow: hidden;\n    border: 1px solid var(--border-gold);\n    transition: border-color 0.3s ease, box-shadow 0.3s ease;\n  }\n\n  .hp-desc .gallery-grid-2 .grid-item:hover {\n    border-color: var(--gold);\n    box-shadow: 0 0 20px rgba(201,168,76,0.25);\n  }\n\n  .hp-desc .gallery-grid-2 .grid-item img {\n    width: 100%;\n    height: 180px;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.4s ease;\n  }\n\n  .hp-desc .gallery-grid-2 .grid-item:hover img {\n    transform: scale(1.06);\n  }\n\n  \/* ── Key Feature Cards ── *\/\n  .hp-desc .features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\n    gap: 16px;\n    margin-bottom: 48px;\n  }\n\n  .hp-desc .feature-card {\n    background: linear-gradient(145deg, rgba(45,27,94,0.5), rgba(26,10,46,0.7));\n    border: 1px solid var(--border-gold);\n    border-radius: var(--radius);\n    padding: 24px 22px;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n  }\n\n  .hp-desc .feature-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 16px 40px rgba(0,0,0,0.4), 0 0 20px rgba(201,168,76,0.2);\n    border-color: var(--gold);\n  }\n\n  .hp-desc .feature-card::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, var(--gold), transparent);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n  }\n\n  .hp-desc .feature-card:hover::after {\n    opacity: 1;\n  }\n\n  .hp-desc .feature-icon {\n    font-size: 32px;\n    margin-bottom: 12px;\n    display: block;\n    filter: drop-shadow(0 0 8px rgba(201,168,76,0.5));\n  }\n\n  .hp-desc .feature-title {\n    font-family: var(--font-heading);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: var(--gold-light);\n    margin-bottom: 8px;\n  }\n\n  .hp-desc .feature-desc {\n    font-size: 13px;\n    color: var(--text-muted);\n    line-height: 1.6;\n  }\n\n  \/* ── Specs Table ── *\/\n  .hp-desc .specs-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-bottom: 48px;\n    font-family: var(--font-ui);\n    font-size: 14px;\n  }\n\n  .hp-desc .specs-table thead tr {\n    background: linear-gradient(90deg, rgba(74,45,143,0.6), rgba(45,27,94,0.8));\n  }\n\n  .hp-desc .specs-table thead th {\n    padding: 14px 18px;\n    font-family: var(--font-heading);\n    font-size: 11px;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    color: var(--gold);\n    text-align: left;\n    border-bottom: 1px solid var(--border-gold);\n  }\n\n  .hp-desc .specs-table tbody tr {\n    border-bottom: 1px solid rgba(201,168,76,0.1);\n    transition: background 0.2s ease;\n  }\n\n  .hp-desc .specs-table tbody tr:nth-child(even) {\n    background: rgba(45,27,94,0.2);\n  }\n\n  .hp-desc .specs-table tbody tr:hover {\n    background: rgba(201,168,76,0.06);\n  }\n\n  .hp-desc .specs-table td {\n    padding: 13px 18px;\n    color: var(--text-light);\n    vertical-align: middle;\n  }\n\n  .hp-desc .specs-table td:first-child {\n    font-family: var(--font-heading);\n    font-size: 12px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    color: var(--gold-light);\n    font-weight: 600;\n    width: 38%;\n  }\n\n  .hp-desc .specs-table .spec-highlight {\n    color: var(--gold);\n    font-weight: 700;\n  }\n\n  \/* ── House Banner Strip ── *\/\n  .hp-desc .house-strip {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 0;\n    border-radius: var(--radius);\n    overflow: hidden;\n    margin: 0 0 48px;\n    border: 1px solid var(--border-gold);\n  }\n\n  .hp-desc .house-cell {\n    padding: 18px 12px;\n    text-align: center;\n    transition: filter 0.3s ease;\n  }\n\n  .hp-desc .house-cell:hover {\n    filter: brightness(1.2);\n  }\n\n  .hp-desc .house-cell.gryffindor {\n    background: linear-gradient(160deg, rgba(116,0,1,0.7), rgba(90,0,1,0.5));\n  }\n\n  .hp-desc .house-cell.slytherin {\n    background: linear-gradient(160deg, rgba(26,71,42,0.7), rgba(20,55,32,0.5));\n  }\n\n  .hp-desc .house-cell.ravenclaw {\n    background: linear-gradient(160deg, rgba(14,26,64,0.8), rgba(30,50,100,0.5));\n  }\n\n  .hp-desc .house-cell.hufflepuff {\n    background: linear-gradient(160deg, rgba(236,185,57,0.35), rgba(180,140,40,0.2));\n  }\n\n  .hp-desc .house-emoji {\n    font-size: 26px;\n    display: block;\n    margin-bottom: 6px;\n    filter: drop-shadow(0 0 6px currentColor);\n  }\n\n  .hp-desc .house-name {\n    font-family: var(--font-heading);\n    font-size: 11px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--text-muted);\n  }\n\n  \/* ── Image + Text Split Block ── *\/\n  .hp-desc .split-block {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n    align-items: center;\n    margin-bottom: 40px;\n  }\n\n  .hp-desc .split-block.reverse {\n    direction: rtl;\n  }\n\n  .hp-desc .split-block.reverse \u003e * {\n    direction: ltr;\n  }\n\n  .hp-desc .split-img {\n    border-radius: var(--radius);\n    overflow: hidden;\n    border: 1px solid var(--border-gold);\n    box-shadow: 0 8px 32px rgba(0,0,0,0.4);\n  }\n\n  .hp-desc .split-img img {\n    width: 100%;\n    height: 260px;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.4s ease;\n  }\n\n  .hp-desc .split-img:hover img {\n    transform: scale(1.05);\n  }\n\n  .hp-desc .split-text {\n    padding: 8px 0;\n  }\n\n  .hp-desc .split-text h3 {\n    font-family: var(--font-heading);\n    font-size: 16px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 14px;\n  }\n\n  .hp-desc .split-text p {\n    font-family: var(--font-body);\n    font-size: 15px;\n    line-height: 1.8;\n    color: var(--text-muted);\n    margin-bottom: 12px;\n  }\n\n  .hp-desc .split-text p strong {\n    color: var(--text-light);\n  }\n\n  \/* ── Checklist ── *\/\n  .hp-desc .checklist {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .hp-desc .checklist li {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 10px 0;\n    border-bottom: 1px solid rgba(201,168,76,0.1);\n    font-family: var(--font-body);\n    font-size: 15px;\n    color: var(--text-light);\n    line-height: 1.6;\n  }\n\n  .hp-desc .checklist li:last-child {\n    border-bottom: none;\n  }\n\n  .hp-desc .checklist li::before {\n    content: '✦';\n    color: var(--gold);\n    flex-shrink: 0;\n    margin-top: 2px;\n    filter: drop-shadow(0 0 4px var(--gold));\n  }\n\n  .hp-desc .checklist li strong {\n    color: var(--gold-light);\n  }\n\n  \/* ── RGB \/ Translucent Highlight Block ── *\/\n  .hp-desc .rgb-block {\n    background: linear-gradient(135deg, rgba(14,26,64,0.8), rgba(45,27,94,0.6), rgba(26,10,46,0.9));\n    border: 1px solid rgba(100,150,255,0.3);\n    border-radius: var(--radius);\n    padding: 36px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    margin-bottom: 48px;\n  }\n\n  .hp-desc .rgb-block::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      45deg,\n      rgba(255,0,100,0.04),\n      rgba(255,160,0,0.04),\n      rgba(0,255,100,0.04),\n      rgba(0,100,255,0.04),\n      rgba(200,0,255,0.04)\n    );\n    background-size: 400% 400%;\n    animation: rgb-shift 8s linear infinite;\n  }\n\n  @keyframes rgb-shift {\n    0%   { background-position: 0%   50%; }\n    50%  { background-position: 100% 50%; }\n    100% { background-position: 0%   50%; }\n  }\n\n  .hp-desc .rgb-block \u003e * {\n    position: relative;\n    z-index: 1;\n  }\n\n  .hp-desc .rgb-icon {\n    font-size: 52px;\n    display: block;\n    margin-bottom: 12px;\n    animation: pulse-glow 2.5s ease-in-out infinite;\n  }\n\n  @keyframes pulse-glow {\n    0%, 100% { filter: drop-shadow(0 0 8px rgba(100,150,255,0.6)); }\n    50%       { filter: drop-shadow(0 0 24px rgba(200,100,255,0.9)); }\n  }\n\n  .hp-desc .rgb-block h3 {\n    font-family: var(--font-heading);\n    font-size: 18px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--text-light);\n    margin-bottom: 10px;\n  }\n\n  .hp-desc .rgb-block p {\n    font-family: var(--font-body);\n    font-size: 15px;\n    color: var(--text-muted);\n    max-width: 500px;\n    margin: 0 auto;\n    line-height: 1.8;\n  }\n\n  \/* ── Compatibility Grid ── *\/\n  .hp-desc .compat-grid {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin: 20px 0 36px;\n  }\n\n  .hp-desc .compat-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background: rgba(74,45,143,0.3);\n    border: 1px solid rgba(201,168,76,0.25);\n    border-radius: 50px;\n    padding: 6px 16px;\n    font-family: var(--font-heading);\n    font-size: 11px;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: var(--text-muted);\n    transition: all 0.2s ease;\n  }\n\n  .hp-desc .compat-tag:hover {\n    border-color: var(--gold);\n    color: var(--gold-light);\n    background: rgba(201,168,76,0.08);\n  }\n\n  .hp-desc .compat-tag-icon {\n    color: var(--gold);\n    font-size: 12px;\n  }\n\n  \/* ── Switch Compatibility ── *\/\n  .hp-desc .switch-compat {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n    gap: 12px;\n    margin: 20px 0 36px;\n  }\n\n  .hp-desc .switch-item {\n    background: rgba(26,10,46,0.6);\n    border: 1px solid var(--border-gold);\n    border-radius: 10px;\n    padding: 14px 12px;\n    text-align: center;\n    transition: all 0.25s ease;\n  }\n\n  .hp-desc .switch-item:hover {\n    border-color: var(--gold);\n    background: rgba(74,45,143,0.3);\n    transform: translateY(-3px);\n  }\n\n  .hp-desc .switch-item .sw-icon {\n    font-size: 24px;\n    display: block;\n    margin-bottom: 6px;\n  }\n\n  .hp-desc .switch-item .sw-name {\n    font-family: var(--font-heading);\n    font-size: 10px;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: var(--gold-light);\n  }\n\n  \/* ── Warning \/ Info Box ── *\/\n  .hp-desc .info-box {\n    border-radius: var(--radius);\n    padding: 20px 24px;\n    margin-bottom: 24px;\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n  }\n\n  .hp-desc .info-box.warning {\n    background: rgba(236,185,57,0.08);\n    border: 1px solid rgba(236,185,57,0.3);\n  }\n\n  .hp-desc .info-box.info {\n    background: rgba(14,26,64,0.6);\n    border: 1px solid rgba(100,150,255,0.25);\n  }\n\n  .hp-desc .info-box.success {\n    background: rgba(26,71,42,0.4);\n    border: 1px solid rgba(50,150,80,0.35);\n  }\n\n  .hp-desc .info-box-icon {\n    font-size: 22px;\n    flex-shrink: 0;\n    margin-top: 2px;\n  }\n\n  .hp-desc .info-box-text {\n    font-family: var(--font-body);\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--text-muted);\n  }\n\n  .hp-desc .info-box-text strong {\n    color: var(--text-light);\n    font-weight: 700;\n  }\n\n  \/* ── Product Highlight Ribbon ── *\/\n  .hp-desc .ribbon-row {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 0;\n    border-radius: var(--radius);\n    overflow: hidden;\n    border: 1px solid var(--border-gold);\n    margin-bottom: 48px;\n  }\n\n  .hp-desc .ribbon-cell {\n    padding: 22px 16px;\n    text-align: center;\n    background: rgba(26,10,46,0.6);\n    border-right: 1px solid var(--border-gold);\n    transition: background 0.3s ease;\n  }\n\n  .hp-desc .ribbon-cell:last-child {\n    border-right: none;\n  }\n\n  .hp-desc .ribbon-cell:hover {\n    background: rgba(74,45,143,0.35);\n  }\n\n  .hp-desc .ribbon-icon {\n    font-size: 30px;\n    display: block;\n    margin-bottom: 8px;\n  }\n\n  .hp-desc .ribbon-label {\n    font-family: var(--font-heading);\n    font-size: 10px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--text-muted);\n    display: block;\n    margin-bottom: 4px;\n  }\n\n  .hp-desc .ribbon-value {\n    font-family: var(--font-heading);\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--gold-light);\n    display: block;\n  }\n\n  \/* ── Scroll-Reveal Animation ── *\/\n  .hp-desc .reveal {\n    opacity: 0;\n    transform: translateY(24px);\n    animation: revealUp 0.7s ease forwards;\n  }\n\n  .hp-desc .reveal-d1 { animation-delay: 0.1s; }\n  .hp-desc .reveal-d2 { animation-delay: 0.2s; }\n  .hp-desc .reveal-d3 { animation-delay: 0.3s; }\n  .hp-desc .reveal-d4 { animation-delay: 0.4s; }\n  .hp-desc .reveal-d5 { animation-delay: 0.5s; }\n\n  @keyframes revealUp {\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* ── Footer CTA ── *\/\n  .hp-desc .cta-block {\n    text-align: center;\n    padding: 48px 24px;\n    background: linear-gradient(135deg, rgba(74,45,143,0.25), rgba(26,10,46,0.6));\n    border: 1px solid var(--border-gold);\n    border-radius: 16px;\n    margin-bottom: 40px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hp-desc .cta-block::before {\n    content: '🔮';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 200px;\n    opacity: 0.03;\n    pointer-events: none;\n  }\n\n  .hp-desc .cta-block \u003e * {\n    position: relative;\n    z-index: 1;\n  }\n\n  .hp-desc .cta-block h2 {\n    font-family: var(--font-display);\n    font-size: clamp(18px, 4vw, 28px);\n    background: linear-gradient(135deg, var(--gold-light), var(--gold), var(--gold-dark));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 12px;\n    filter: drop-shadow(0 0 20px rgba(201,168,76,0.3));\n  }\n\n  .hp-desc .cta-block p {\n    font-family: var(--font-body);\n    font-style: italic;\n    font-size: 15px;\n    color: var(--text-muted);\n    max-width: 460px;\n    margin: 0 auto 24px;\n    line-height: 1.8;\n  }\n\n  .hp-desc .cta-emojis {\n    font-size: 28px;\n    display: block;\n    letter-spacing: 8px;\n    filter: drop-shadow(0 0 8px var(--gold));\n    animation: float 4s ease-in-out infinite;\n  }\n\n  \/* ── Responsive ── *\/\n  @media (max-width: 640px) {\n    .hp-desc .split-block {\n      grid-template-columns: 1fr;\n    }\n    .hp-desc .split-block.reverse {\n      direction: ltr;\n    }\n    .hp-desc .features-grid {\n      grid-template-columns: 1fr 1fr;\n    }\n    .hp-desc .house-strip {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .hp-desc .ribbon-row {\n      grid-template-columns: 1fr;\n    }\n    .hp-desc .ribbon-cell {\n      border-right: none;\n      border-bottom: 1px solid var(--border-gold);\n    }\n    .hp-desc .ribbon-cell:last-child {\n      border-bottom: none;\n    }\n    .hp-desc .gallery-grid-3 {\n      grid-template-columns: 1fr 1fr;\n    }\n    .hp-desc .intro-block {\n      padding: 24px 20px;\n    }\n    .hp-desc .hero-img-row img {\n      width: 140px;\n      height: 95px;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .hp-desc .features-grid {\n      grid-template-columns: 1fr;\n    }\n    .hp-desc .gallery-grid-3 {\n      grid-template-columns: 1fr;\n    }\n    .hp-desc .gallery-grid-2 {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\u003c!-- ══════════════════════════════════════════════════════════════\n     COMPONENT ROOT\n══════════════════════════════════════════════════════════════ --\u003e\n\u003cdiv class=\"hp-desc\"\u003e\n\u003cdiv class=\"magic-bg\"\u003e\n\u003c!-- Stars layer --\u003e\n\u003cdiv class=\"stars-layer\" aria-hidden=\"true\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"content-wrap\"\u003e\n\u003c!-- ═══════════════════════════════\n           HERO SECTION\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"hero reveal reveal-d1\"\u003e\n\u003cspan class=\"hero-badge\"\u003eLimited Edition · Artisan Collection\u003c\/span\u003e \u003cspan class=\"hero-lightning\" aria-hidden=\"true\"\u003e⚡\u003c\/span\u003e\n\u003ch1 class=\"hero-title\"\u003eCool Harry Potter Theme\u003cbr\u003eArtisan Translucent Keycap Set\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eCast a spell on your mechanical keyboard with this enchanting, light-transmissive keycap set — forged for wizards who type in the dark.\u003c\/p\u003e\n\u003c!-- Quick-glance hero images row --\u003e\n\u003cdiv class=\"hero-img-row\" aria-label=\"Product gallery\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Keycap_Set_1.jpg?v=1778140842\" alt=\"Harry Potter Keycap Set – Full keyboard view\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Keycap_Set_3.jpg?v=1778140843\" alt=\"Harry Potter Keycap Set – Purple translucent keycaps\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Keycap_Set_6.jpg?v=1778140843\" alt=\"Harry Potter Keycap Set – Backlit glow effect\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/hero --\u003e \u003c!-- ═══════════════════════════════\n           QUICK-STATS RIBBON\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d2\"\u003e\n\u003cdiv class=\"ribbon-row\"\u003e\n\u003cdiv class=\"ribbon-cell\"\u003e\n\u003cspan class=\"ribbon-icon\"\u003e🧪\u003c\/span\u003e \u003cspan class=\"ribbon-label\"\u003eMaterial\u003c\/span\u003e \u003cspan class=\"ribbon-value\"\u003ePC — Polycarbonate\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ribbon-cell\"\u003e\n\u003cspan class=\"ribbon-icon\"\u003e🔢\u003c\/span\u003e \u003cspan class=\"ribbon-label\"\u003eKey Count\u003c\/span\u003e \u003cspan class=\"ribbon-value\"\u003e120 Keys\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ribbon-cell\"\u003e\n\u003cspan class=\"ribbon-icon\"\u003e🗺️\u003c\/span\u003e \u003cspan class=\"ribbon-label\"\u003eLayout\u003c\/span\u003e \u003cspan class=\"ribbon-value\"\u003eANSI Only\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════\n           INTRO \/ PRODUCT DESCRIPTION\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d2\"\u003e\n\u003cdiv class=\"section-title\"\u003e\n\u003cspan class=\"section-title-icon\"\u003e📜\u003c\/span\u003e About This Keycap Set\u003c\/div\u003e\n\u003cdiv class=\"intro-block\"\u003e\n\u003cp\u003eReady to bring the magic of the wizarding world to your mechanical keyboard? The \u003cstrong\u003eCool Harry Potter Theme Artisan Translucent Keycap Set\u003c\/strong\u003e is designed for true fans, featuring enchanting designs inspired by the magical universe. Whether you're casting spells in-game or working on your next adventure, these keycaps add a mystical, luminous touch to your mechanical keyboard. ⚡📜\u003c\/p\u003e\n\u003cp\u003eCrafted from premium \u003cstrong\u003ePC (Polycarbonate) material\u003c\/strong\u003e, these keycaps are \u003cstrong\u003esemi-transparent\u003c\/strong\u003e, allowing your RGB or backlight to radiate brilliantly through each key — making every keystroke feel like a spell being cast in the dark. Unlike standard keycaps, the translucent PC construction creates an immersive, glowing effect that truly sets your build apart.\u003c\/p\u003e\n\u003cp\u003eThe \u003cstrong\u003e120-key ANSI set\u003c\/strong\u003e covers the full standard layout, ensuring you have every key you need. The \u003cstrong\u003eCherry profile\u003c\/strong\u003e delivers a comfortable, ergonomic typing height loved by keyboard enthusiasts worldwide. Compatible with Cherry MX, Gateron, Kailh, and all MX-style cross-stem switches.\u003c\/p\u003e\n\u003cp\u003eThis is not merely a keycap set — it is a collector's piece, an artisan creation, and a declaration of your allegiance to the wizarding world. \u003cstrong\u003eOne set. 120 keys. Infinite magic.\u003c\/strong\u003e 🔮✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/intro --\u003e \u003c!-- ═══════════════════════════════\n           HOUSES STRIP\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d3\"\u003e\n\u003cdiv class=\"house-strip\" aria-label=\"Hogwarts Houses\"\u003e\n\u003cdiv class=\"house-cell gryffindor\"\u003e\n\u003cspan class=\"house-emoji\"\u003e🦁\u003c\/span\u003e \u003cspan class=\"house-name\"\u003eGryffindor\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"house-cell slytherin\"\u003e\n\u003cspan class=\"house-emoji\"\u003e🐍\u003c\/span\u003e \u003cspan class=\"house-name\"\u003eSlytherin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"house-cell ravenclaw\"\u003e\n\u003cspan class=\"house-emoji\"\u003e🦅\u003c\/span\u003e \u003cspan class=\"house-name\"\u003eRavenclaw\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"house-cell hufflepuff\"\u003e\n\u003cspan class=\"house-emoji\"\u003e🦡\u003c\/span\u003e \u003cspan class=\"house-name\"\u003eHufflepuff\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Gold Divider --\u003e\n\u003cdiv class=\"gold-divider\" aria-hidden=\"true\"\u003e\u003cspan class=\"gold-divider-icon\"\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════\n           FULL GALLERY SHOWCASE\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d2\"\u003e\n\u003cdiv class=\"section-title\"\u003e\n\u003cspan class=\"section-title-icon\"\u003e🖼️\u003c\/span\u003e Gallery — See the Magic\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gallery-showcase reveal reveal-d3\"\u003e\n\u003c!-- Main large image --\u003e\n\u003cdiv class=\"showcase-main\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Keycap_Set_2.jpg?v=1778140842\" alt=\"Harry Potter Artisan Translucent Keycap Set – Showcase\" loading=\"lazy\"\u003e\n\u003cdiv class=\"img-label\"\u003eArtisan Translucent PC Keycaps — Full Keyboard\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3-column grid --\u003e\n\u003cdiv class=\"gallery-grid-3\"\u003e\n\u003cdiv class=\"grid-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Keycap_Set_3.jpg?v=1778140843\" alt=\"Translucent purple keycaps up close\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"grid-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Keycap_Set_4.jpg?v=1778140842\" alt=\"Harry Potter keycap set side profile\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"grid-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Keycap_Set_5.jpg?v=1778140842\" alt=\"Backlit RGB glow through translucent keycaps\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2-column grid --\u003e\n\u003cdiv class=\"gallery-grid-2\"\u003e\n\u003cdiv class=\"grid-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Keycap_Set_6.jpg?v=1778140843\" alt=\"Keycap set on tenkeyless keyboard\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"grid-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Keycap_Set.jpg?v=1778140683\" alt=\"Full keycap set layout view\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/gallery-showcase --\u003e \u003c!-- Gold Divider --\u003e\n\u003cdiv class=\"gold-divider\" aria-hidden=\"true\"\u003e\u003cspan class=\"gold-divider-icon\"\u003e🔮\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════\n           KEY FEATURES\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d2\"\u003e\n\u003cdiv class=\"section-title\"\u003e\n\u003cspan class=\"section-title-icon\"\u003e✨\u003c\/span\u003e Key Features\u003c\/div\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e⚡\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eHarry Potter–Inspired Design\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eIconic wizarding world motifs, symbols, and themed legends printed on every keycap. A must-have for any devoted fan of the magical universe.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e💎\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eArtisan Translucent PC Material\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eMade from premium Polycarbonate (PC) — semi-transparent and designed specifically for light transmission. RGB shines through brilliantly for a mesmerizing glow.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🌈\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eRGB Backlight Ready\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eThe translucent PC construction allows your keyboard's RGB or single-color backlighting to illuminate each key with vivid, magical color.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e⌨️\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eCherry Profile\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eErgonomic Cherry profile height provides a comfortable, smooth typing experience loved by mechanical keyboard enthusiasts globally.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🔗\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eMX(+) Switch Compatible\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eUniversal MX cross-stem compatibility. Works with Cherry MX, Gateron, Kailh, Outemu, and all other cross-style switches.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🗺️\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eANSI Layout — 120 Keys\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eFull 120-key ANSI set covers every key for standard layouts. Fits 60%, TKL, 96%, and full-size ANSI mechanical keyboards.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🏆\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eArtisan Quality Legends\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eLegends are printed with precision for sharp, clear, and long-lasting characters that stay crisp through extended use.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🔮\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eCollector's Piece\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eMore than a peripheral — a display-worthy, limited artisan set that celebrates the most beloved fantasy universe ever created.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/key features --\u003e \u003c!-- ═══════════════════════════════\n           MATERIAL SPOTLIGHT: PC\n           (Split block with image)\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d3\"\u003e\n\u003cdiv class=\"section-title\"\u003e\n\u003cspan class=\"section-title-icon\"\u003e🧪\u003c\/span\u003e Material Spotlight: Polycarbonate (PC)\u003c\/div\u003e\n\u003cdiv class=\"split-block\"\u003e\n\u003cdiv class=\"split-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Keycap_Set_5.jpg?v=1778140842\" alt=\"PC keycaps glowing with RGB backlight\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"split-text\"\u003e\n\u003ch3\u003eWhy PC Material?\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003ePolycarbonate (PC)\u003c\/strong\u003e is an engineering-grade thermoplastic renowned for its exceptional light-transmitting properties. Unlike opaque PBT or ABS keycaps, PC is \u003cstrong\u003esemi-transparent\u003c\/strong\u003e — allowing RGB or any backlight source to shine through the legends and body of each keycap.\u003c\/p\u003e\n\u003cp\u003eThis makes PC the \u003cstrong\u003eideal choice for backlit keyboards\u003c\/strong\u003e, creating an immersive glowing effect that transforms your desk into a scene straight out of Diagon Alley at night.\u003c\/p\u003e\n\u003cp\u003ePC also offers excellent impact resistance, dimensional stability, and a smooth surface texture for satisfying keypresses.\u003c\/p\u003e\n\u003cul class=\"checklist\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSemi-transparent body\u003c\/strong\u003e — lets backlight shine through\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eImpact-resistant\u003c\/strong\u003e — durable for heavy daily use\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSmooth surface finish\u003c\/strong\u003e — premium tactile feel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDimensionally stable\u003c\/strong\u003e — holds profile shape precisely\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/material spotlight --\u003e \u003c!-- ═══════════════════════════════\n           RGB GLOW HIGHLIGHT\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d3\"\u003e\n\u003cdiv class=\"rgb-block\"\u003e\n\u003cspan class=\"rgb-icon\"\u003e🌟\u003c\/span\u003e\n\u003ch3\u003eTranslucent · Luminous · Magical\u003c\/h3\u003e\n\u003cp\u003eThe PC material makes every key into a glowing portal. Pair these keycaps with any RGB keyboard and watch your wizarding legends illuminate in full color — from Gryffindor red to Slytherin green to deep Ravenclaw blue. Your backlight becomes part of the design.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════\n           DESIGN DETAIL\n           (Split block reversed with image)\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d2\"\u003e\n\u003cdiv class=\"section-title\"\u003e\n\u003cspan class=\"section-title-icon\"\u003e🎨\u003c\/span\u003e Design \u0026amp; Artisan Detail\u003c\/div\u003e\n\u003cdiv class=\"split-block reverse\"\u003e\n\u003cdiv class=\"split-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Keycap_Set_3.jpg?v=1778140843\" alt=\"Close-up artisan detail on Harry Potter keycaps\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"split-text\"\u003e\n\u003ch3\u003eWizarding World Artistry\u003c\/h3\u003e\n\u003cp\u003eEach keycap legend has been carefully designed to evoke the magic, mystery, and wonder of the Harry Potter universe. Expect themed modifiers, iconic symbols like \u003cstrong\u003ethe lightning bolt ⚡\u003c\/strong\u003e, the \u003cstrong\u003eGolden Snitch 🏅\u003c\/strong\u003e, the \u003cstrong\u003eDeathly Hallows △\u003c\/strong\u003e, and Hogwarts house insignia throughout the set.\u003c\/p\u003e\n\u003cp\u003eThe legends are applied with precision printing to ensure they remain sharp, clear, and highly legible — both in ambient light and under RGB illumination.\u003c\/p\u003e\n\u003cul class=\"checklist\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHarry Potter-themed legends\u003c\/strong\u003e on modifier keys\u003c\/li\u003e\n\u003cli\u003eIconic symbols woven throughout the set\u003c\/li\u003e\n\u003cli\u003eCrisp, high-contrast printing for readability\u003c\/li\u003e\n\u003cli\u003eTranslucent body enhances printed colors under light\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/design detail --\u003e \u003c!-- ═══════════════════════════════\n           PRODUCT SPECIFICATIONS TABLE\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d3\"\u003e\n\u003cdiv class=\"section-title\"\u003e\n\u003cspan class=\"section-title-icon\"\u003e📋\u003c\/span\u003e Full Specifications\u003c\/div\u003e\n\u003ctable class=\"specs-table\" aria-label=\"Product Specifications\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth scope=\"col\"\u003eSpecification\u003c\/th\u003e\n\u003cth scope=\"col\"\u003eDetails\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Name\u003c\/td\u003e\n\u003ctd\u003eCool Harry Potter Theme Artisan Translucent Keycap Set\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMaterial\u003c\/td\u003e\n\u003ctd class=\"spec-highlight\"\u003ePC — Polycarbonate (Translucent)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eKey Count\u003c\/td\u003e\n\u003ctd class=\"spec-highlight\"\u003e120 Keys\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProfile\u003c\/td\u003e\n\u003ctd\u003eCherry Profile\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLayout\u003c\/td\u003e\n\u003ctd class=\"spec-highlight\"\u003eANSI Only\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSwitch Compatibility\u003c\/td\u003e\n\u003ctd\u003eMX (+) Cross-stem — Cherry MX, Gateron, Kailh, Outemu \u0026amp; compatible\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBacklight Support\u003c\/td\u003e\n\u003ctd class=\"spec-highlight\"\u003e✅ Yes — RGB \u0026amp; single-color backlights shine through PC material\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLegend Method\u003c\/td\u003e\n\u003ctd\u003ePrinted legends — crisp and precise\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTheme\u003c\/td\u003e\n\u003ctd\u003eHarry Potter \/ Wizarding World\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eKeyboard Compatibility\u003c\/td\u003e\n\u003ctd\u003e60% \/ 65% \/ 68% \/ 75% \/ TKL 87% \/ 96% \/ 98% \/ 100% \/ 104 \/ 108 key ANSI\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eISO Layout Support\u003c\/td\u003e\n\u003ctd\u003e❌ Not included — ANSI only\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIncluded\u003c\/td\u003e\n\u003ctd\u003e120 x PC Translucent Keycaps\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNote\u003c\/td\u003e\n\u003ctd\u003eThis set does \u003cstrong\u003enot\u003c\/strong\u003e include PBT keycaps. All keycaps are PC material.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- \/specs table --\u003e \u003c!-- Gold Divider --\u003e\n\u003cdiv class=\"gold-divider\" aria-hidden=\"true\"\u003e\u003cspan class=\"gold-divider-icon\"\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════\n           COMPATIBILITY SECTION\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d2\"\u003e\n\u003cdiv class=\"section-title\"\u003e\n\u003cspan class=\"section-title-icon\"\u003e🔗\u003c\/span\u003e Compatibility\u003c\/div\u003e\n\u003c!-- Keyboard sizes --\u003e\n\u003cp style=\"font-family: var(--font-ui); font-size: 13px; color: var(--text-muted); margin-bottom: 14px; letter-spacing: 0.5px;\"\u003eCompatible Keyboard Sizes \u0026amp; Form Factors\u003c\/p\u003e\n\u003cdiv class=\"compat-grid\"\u003e\n\u003cspan class=\"compat-tag\"\u003e\u003cspan class=\"compat-tag-icon\"\u003e⌨\u003c\/span\u003e 60%\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003e\u003cspan class=\"compat-tag-icon\"\u003e⌨\u003c\/span\u003e 64 Key\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003e\u003cspan class=\"compat-tag-icon\"\u003e⌨\u003c\/span\u003e 65% \/ 68 Key\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003e\u003cspan class=\"compat-tag-icon\"\u003e⌨\u003c\/span\u003e 75% \/ 84 Key\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003e\u003cspan class=\"compat-tag-icon\"\u003e⌨\u003c\/span\u003e TKL 87 Key\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003e\u003cspan class=\"compat-tag-icon\"\u003e⌨\u003c\/span\u003e 96 Key\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003e\u003cspan class=\"compat-tag-icon\"\u003e⌨\u003c\/span\u003e 98 Key\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003e\u003cspan class=\"compat-tag-icon\"\u003e⌨\u003c\/span\u003e 100%\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003e\u003cspan class=\"compat-tag-icon\"\u003e⌨\u003c\/span\u003e 104 Key\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003e\u003cspan class=\"compat-tag-icon\"\u003e⌨\u003c\/span\u003e 108 Key\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003e\u003cspan class=\"compat-tag-icon\"\u003e⌨\u003c\/span\u003e Alice Layout\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003e\u003cspan class=\"compat-tag-icon\"\u003e⌨\u003c\/span\u003e Full-Size ANSI\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- Switch types --\u003e\n\u003cp style=\"font-family: var(--font-ui); font-size: 13px; color: var(--text-muted); margin-bottom: 14px; letter-spacing: 0.5px; margin-top: 28px;\"\u003eCompatible Switch Brands (MX-Style Cross Stem)\u003c\/p\u003e\n\u003cdiv class=\"switch-compat\"\u003e\n\u003cdiv class=\"switch-item\"\u003e\n\u003cspan class=\"sw-icon\"\u003e🍒\u003c\/span\u003e \u003cspan class=\"sw-name\"\u003eCherry MX\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"switch-item\"\u003e\n\u003cspan class=\"sw-icon\"\u003e⚡\u003c\/span\u003e \u003cspan class=\"sw-name\"\u003eGateron\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"switch-item\"\u003e\n\u003cspan class=\"sw-icon\"\u003e🐋\u003c\/span\u003e \u003cspan class=\"sw-name\"\u003eKailh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"switch-item\"\u003e\n\u003cspan class=\"sw-icon\"\u003e🔵\u003c\/span\u003e \u003cspan class=\"sw-name\"\u003eOutemu\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"switch-item\"\u003e\n\u003cspan class=\"sw-icon\"\u003e🟡\u003c\/span\u003e \u003cspan class=\"sw-name\"\u003eAkko\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"switch-item\"\u003e\n\u003cspan class=\"sw-icon\"\u003e⭐\u003c\/span\u003e \u003cspan class=\"sw-name\"\u003eAll MX (+)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/compatibility --\u003e \u003c!-- Gold Divider --\u003e\n\u003cdiv class=\"gold-divider\" aria-hidden=\"true\"\u003e\u003cspan class=\"gold-divider-icon\"\u003e🏅\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════\n           CHERRY PROFILE SPOTLIGHT\n           (Split block with image)\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d2\"\u003e\n\u003cdiv class=\"section-title\"\u003e\n\u003cspan class=\"section-title-icon\"\u003e⌨️\u003c\/span\u003e Cherry Profile — Comfort by Design\u003c\/div\u003e\n\u003cdiv class=\"split-block\"\u003e\n\u003cdiv class=\"split-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Keycap_Set_4.jpg?v=1778140842\" alt=\"Cherry profile keycaps side view\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"split-text\"\u003e\n\u003ch3\u003eWhat is Cherry Profile?\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eCherry profile\u003c\/strong\u003e is one of the most beloved keycap profiles in the mechanical keyboard community. Developed and popularized by Cherry GmbH, this profile features a \u003cstrong\u003esculpted, low-to-medium height\u003c\/strong\u003e across rows R1–R4, with each row having a slightly different angle.\u003c\/p\u003e\n\u003cp\u003eThe result is a keyboard that naturally guides your fingers to the correct row, reducing finger fatigue during long typing sessions or gaming marathons. The \u003cstrong\u003ecylindrical top surface\u003c\/strong\u003e also centers your fingers on each key for precise, accurate keypresses.\u003c\/p\u003e\n\u003cp\u003eWhether you're typing up your Hogwarts acceptance letter or battling dark wizards in your favorite RPG, Cherry profile keeps your hands comfortable and your performance at its peak.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/cherry profile --\u003e \u003c!-- ═══════════════════════════════\n           IMPORTANT NOTES \/ INFO BOXES\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d3\"\u003e\n\u003cdiv class=\"section-title\"\u003e\n\u003cspan class=\"section-title-icon\"\u003e📌\u003c\/span\u003e Important Notes\u003c\/div\u003e\n\u003cdiv class=\"info-box warning\"\u003e\n\u003cspan class=\"info-box-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cdiv class=\"info-box-text\"\u003e\n\u003cstrong\u003eANSI Layout Only.\u003c\/strong\u003e This keycap set is designed exclusively for \u003cstrong\u003eANSI standard layout\u003c\/strong\u003e keyboards. ISO layout keyboards (commonly used in European countries) are \u003cstrong\u003enot supported\u003c\/strong\u003e by this set. Please verify your keyboard layout before purchasing.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-box info\"\u003e\n\u003cspan class=\"info-box-icon\"\u003e💡\u003c\/span\u003e\n\u003cdiv class=\"info-box-text\"\u003e\n\u003cstrong\u003ePC Material — No PBT.\u003c\/strong\u003e This is an artisan \u003cstrong\u003ePC (Polycarbonate)\u003c\/strong\u003e translucent keycap set. It does \u003cstrong\u003enot\u003c\/strong\u003e include PBT keycaps. The PC material is specifically chosen for its superior light-transmitting properties, making it the perfect choice for backlit and RGB keyboards.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-box success\"\u003e\n\u003cspan class=\"info-box-icon\"\u003e✅\u003c\/span\u003e\n\u003cdiv class=\"info-box-text\"\u003e\n\u003cstrong\u003e120 Keys Included.\u003c\/strong\u003e This set contains \u003cstrong\u003e120 individual PC translucent keycaps\u003c\/strong\u003e, covering all keys needed for standard ANSI full-size, TKL, and most compact keyboard layouts. No additional sets required for standard builds.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-box warning\"\u003e\n\u003cspan class=\"info-box-icon\"\u003e🔦\u003c\/span\u003e\n\u003cdiv class=\"info-box-text\"\u003e\n\u003cstrong\u003eBacklight Recommended.\u003c\/strong\u003e While these keycaps look great in any setting, their full artisan translucent effect is best appreciated with a \u003cstrong\u003ebacklit or RGB keyboard\u003c\/strong\u003e. Without backlighting, the keycaps will appear as a solid tinted color. With backlighting, the magic truly comes alive.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/important notes --\u003e \u003c!-- Gold Divider --\u003e\n\u003cdiv class=\"gold-divider\" aria-hidden=\"true\"\u003e\u003cspan class=\"gold-divider-icon\"\u003e🪄\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════\n           WHAT'S INCLUDED\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d2\"\u003e\n\u003cdiv class=\"section-title\"\u003e\n\u003cspan class=\"section-title-icon\"\u003e📦\u003c\/span\u003e What's in the Box\u003c\/div\u003e\n\u003cdiv class=\"intro-block\"\u003e\n\u003cul class=\"checklist\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e120× PC Translucent Keycaps\u003c\/strong\u003e — Harry Potter Artisan Theme, Cherry Profile, ANSI Layout\u003c\/li\u003e\n\u003cli\u003eCovers all standard alphanumeric keys, modifier keys, function row (F1–F12), navigation cluster, and arrow keys\u003c\/li\u003e\n\u003cli\u003eCompatible across 60% \/ TKL \/ 96% \/ 100% \/ Alice and other ANSI form factors (some layout variations may not use all 120 keys)\u003c\/li\u003e\n\u003cli\u003eNo keycap puller included — we recommend a wire keycap puller for safe installation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════\n           INSTALLATION GUIDE\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d3\"\u003e\n\u003cdiv class=\"section-title\"\u003e\n\u003cspan class=\"section-title-icon\"\u003e🪄\u003c\/span\u003e Quick Installation Guide\u003c\/div\u003e\n\u003cdiv class=\"intro-block\"\u003e\n\u003cul class=\"checklist\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eStep 1 — Photograph your current layout.\u003c\/strong\u003e Before removing your existing keycaps, take a photo of your keyboard so you have a reference map for reassembly.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStep 2 — Use a keycap puller.\u003c\/strong\u003e Gently place a wire keycap puller around each keycap stem and pull straight upward with even pressure. Avoid rocking side-to-side to prevent switch damage.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStep 3 — Clean the keyboard plate.\u003c\/strong\u003e Use compressed air or a soft brush to remove dust from the switch area before installing new keycaps.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStep 4 — Install your Harry Potter keycaps.\u003c\/strong\u003e Press each PC translucent keycap firmly onto the corresponding MX switch until you feel and hear a satisfying click-snap. Align the stem notch with the switch cross before pressing.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStep 5 — Enable your RGB backlight\u003c\/strong\u003e and enjoy the full magical glow of your new wizarding keyboard. ⚡✨\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/installation --\u003e \u003c!-- Gold Divider --\u003e\n\u003cdiv class=\"gold-divider\" aria-hidden=\"true\"\u003e\u003cspan class=\"gold-divider-icon\"\u003e✦\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════\n           SHOWCASE IMAGES (2nd set)\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d2\"\u003e\n\u003cdiv class=\"section-title\"\u003e\n\u003cspan class=\"section-title-icon\"\u003e📷\u003c\/span\u003e More Views\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gallery-showcase reveal reveal-d3\" style=\"padding: 0 12px;\"\u003e\n\u003c!-- Reversed main image --\u003e\n\u003cdiv class=\"showcase-main\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Keycap_Set.jpg?v=1778140683\" alt=\"Harry Potter keycap set from above — full layout\" loading=\"lazy\"\u003e\n\u003cdiv class=\"img-label\"\u003eFull Layout — Top-Down View\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3-column alternate grid --\u003e\n\u003cdiv class=\"gallery-grid-3\"\u003e\n\u003cdiv class=\"grid-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Keycap_Set_1.jpg?v=1778140842\" alt=\"Compact 60% layout with Harry Potter keycaps\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"grid-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Keycap_Set_2.jpg?v=1778140842\" alt=\"Colorful translucent keycap set detail\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"grid-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Keycap_Set_6.jpg?v=1778140843\" alt=\"Keycap set layout flat view\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/second gallery --\u003e \u003c!-- Gold Divider --\u003e\n\u003cdiv class=\"gold-divider\" aria-hidden=\"true\"\u003e\u003cspan class=\"gold-divider-icon\"\u003e🦁\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════\n           WHY CHOOSE THIS SET\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d2\"\u003e\n\u003cdiv class=\"section-title\"\u003e\n\u003cspan class=\"section-title-icon\"\u003e🏆\u003c\/span\u003e Why Choose This Keycap Set?\u003c\/div\u003e\n\u003cdiv class=\"intro-block\"\u003e\n\u003cul class=\"checklist\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUnique artisan design\u003c\/strong\u003e — Not a generic themed set. Hand-crafted aesthetic attention to every modifier and legend placement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePC material advantage\u003c\/strong\u003e — The only material that allows true backlight transmission. PBT blocks light; PC lets it glow. Perfect for dark-room setups.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e120-key completeness\u003c\/strong\u003e — One set covers your entire ANSI board. No mixing and matching required.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCherry profile ergonomics\u003c\/strong\u003e — A profile chosen and refined over decades. Comfortable for both touch typists and hunt-and-peckers alike.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUniversal MX switch support\u003c\/strong\u003e — Doesn't matter which brand of MX-style switches you have — Cherry, Gateron, Kailh, or any cross-stem switch will work.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGift-worthy\u003c\/strong\u003e — The perfect gift for any Harry Potter fan who also loves mechanical keyboards. A magical combo you can't find anywhere else.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDisplay quality\u003c\/strong\u003e — Stunning enough to display off-keyboard. A collector's piece as much as a typing tool.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/why choose --\u003e \u003c!-- ═══════════════════════════════\n           FREQUENTLY ASKED QUESTIONS\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d3\"\u003e\n\u003cdiv class=\"section-title\"\u003e\n\u003cspan class=\"section-title-icon\"\u003e❓\u003c\/span\u003e Frequently Asked Questions\u003c\/div\u003e\n\u003cdiv class=\"intro-block\"\u003e\n\u003cul class=\"checklist\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eQ: Is this set compatible with ISO keyboards?\u003c\/strong\u003e\u003cbr\u003eA: No. This is an ANSI-only keycap set. ISO keyboards have differently shaped Enter keys and left Shift keys that are not included in this set.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQ: Will these keycaps work without backlighting?\u003c\/strong\u003e\u003cbr\u003eA: Yes — they will look great with or without backlighting. However, the full translucent glow effect is only visible with a backlit keyboard.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQ: Are these PBT keycaps?\u003c\/strong\u003e\u003cbr\u003eA: No. These are made from PC (Polycarbonate) material exclusively. There is no PBT version of this set. PC is used intentionally for its translucent RGB properties.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQ: Will these fit my 60% compact keyboard?\u003c\/strong\u003e\u003cbr\u003eA: Yes! The set covers 60% layouts and all larger ANSI form factors up to full-size 108-key boards.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQ: Do they work with Gateron switches?\u003c\/strong\u003e\u003cbr\u003eA: Absolutely. All MX-style cross-stem switches are compatible, including Gateron, Cherry MX, Kailh, Outemu, and others.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQ: Is a keycap puller included?\u003c\/strong\u003e\u003cbr\u003eA: No — a keycap puller is not included. We recommend purchasing a wire keycap puller separately for best results.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQ: How do I clean these keycaps?\u003c\/strong\u003e\u003cbr\u003eA: Remove keycaps and wash gently in warm water with mild soap. Dry thoroughly before reinstalling. Do not use harsh chemicals or abrasive scrubbers.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/faq --\u003e \u003c!-- Gold Divider --\u003e\n\u003cdiv class=\"gold-divider\" aria-hidden=\"true\"\u003e\u003cspan class=\"gold-divider-icon\"\u003e🌟\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════\n           PERFECT FOR SECTION\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d2\"\u003e\n\u003cdiv class=\"section-title\"\u003e\n\u003cspan class=\"section-title-icon\"\u003e🎯\u003c\/span\u003e Perfect For\u003c\/div\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e⚡\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eHarry Potter Fans\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eThe ultimate desk accessory for anyone who grew up wishing for a Hogwarts acceptance letter.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🎮\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eGamers\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eRGB-enhanced translucent keycaps elevate your gaming battlestation to a whole new level of immersion.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e💻\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eWork From Home\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eBring magic to your home office setup. Impress colleagues on video calls and type with a smile.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🎁\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eGift Giving\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eBirthdays, holidays, or \"just because\" — this makes an unforgettable gift for any keyboard-loving witch or wizard.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/perfect for --\u003e \u003c!-- ═══════════════════════════════\n           FINAL CTA\n      ═══════════════════════════════ --\u003e\n\u003cdiv class=\"section reveal reveal-d4\"\u003e\n\u003cdiv class=\"cta-block\"\u003e\n\u003ch2\u003eUpgrade Your Keyboard\u003cbr\u003ewith Wizarding Magic\u003c\/h2\u003e\n\u003cp\u003e120 artisan translucent PC keycaps. One set. Infinite magic. Claim your place at Hogwarts — one keystroke at a time.\u003c\/p\u003e\n\u003cspan class=\"cta-emojis\" aria-hidden=\"true\"\u003e⚡ 🔮 ✨ 🪄 ⚡\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Support note --\u003e\n\u003cdiv class=\"section reveal reveal-d5\"\u003e\n\u003cdiv class=\"info-box info\" style=\"text-align: center; justify-content: center;\"\u003e\n\u003cdiv class=\"info-box-text\" style=\"text-align: center;\"\u003e💡 \u003cstrong\u003eHave questions?\u003c\/strong\u003e Feel free to reach out — we're happy to help you find the perfect keycap set for your build! 😊\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/content-wrap --\u003e\n\u003c\/div\u003e\n\u003c!-- \/magic-bg --\u003e\n\u003c\/div\u003e\n\u003c!-- \/hp-desc --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ============================================================\n     END: Harry Potter Theme Artisan Translucent Keycap Set\n     Shopify Product Description\n     © Artisan Keyboard Store\n============================================================ --\u003e","brand":"KeyArtisan","offers":[{"title":"Default Title","offer_id":46572853952669,"sku":"","price":49.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/Keycap_Set_2.jpg?v=1778140842","url":"https:\/\/keyartisan.net\/products\/cool-harry-potter-theme-artisan-translucent-keycap-set-for-mechanical-keyboard","provider":"KeyArtisan","version":"1.0","type":"link"}