{"product_id":"cool-harry-potter-theme-artisan-translucent-keycap-set-for-mechanical-keyboard","title":"Cool Harry Potter Theme Artisan Translucent Keycap Set","description":"\u003c!-- ============================================================     Cool Harry Potter Theme Artisan Translucent Keycap Set     Shopify Product Description — HTML     ============================================================ --\u003e\u003cstyle\u003e  \/* ── Google Fonts ── *\/  @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');  \/* ── Root Variables ── *\/  :root {    --gold:         #c9a84c;    --gold-light:   #e8d48a;    --gold-dark:    #8b6914;    --deep-purple:  #1a0a2e;    --mid-purple:   #2d1b5e;    --light-purple: #4b2d8f;    --gryffindor:   #740001;    --slytherin:    #1a472a;    --ravenclaw:    #0e1a40;    --hufflepuff:   #ecb939;    --text-light:   #f0e8d0;    --text-muted:   #b8a88a;    --border-gold:  rgba(201,168,76,0.35);    --shadow-magic: 0 0 40px rgba(201,168,76,0.15), 0 0 80px rgba(74,45,143,0.2);    --radius:       12px;    --font-display: 'Cinzel Decorative', serif;    --font-heading: 'Cinzel', serif;    --font-body:    'IM Fell English', serif;    --font-ui:      'Lato', sans-serif;  }  \/* ── Reset \u0026 Base ── *\/  .hp-desc * {    box-sizing: border-box;    margin: 0;    padding: 0;  }  .hp-desc {    font-family: var(--font-ui);    color: var(--text-light);    background: var(--deep-purple);    line-height: 1.7;    overflow-x: hidden;  }  \/* ── Magical Background ── *\/  .hp-desc .magic-bg {    position: relative;    background:      radial-gradient(ellipse at 20% 10%, rgba(74,45,143,0.4) 0%, transparent 55%),      radial-gradient(ellipse at 80% 90%, rgba(116,0,1,0.3) 0%, transparent 55%),      radial-gradient(ellipse at 50% 50%, rgba(14,26,64,0.6) 0%, transparent 70%),      linear-gradient(160deg, #0d0620 0%, #1a0a2e 40%, #130822 70%, #0a0515 100%);    min-height: 100%;  }  \/* ── Star Particles (CSS only) ── *\/  .hp-desc .stars-layer {    position: absolute;    inset: 0;    pointer-events: none;    overflow: hidden;    z-index: 0;  }  .hp-desc .stars-layer::before,  .hp-desc .stars-layer::after {    content: '';    position: absolute;    inset: 0;    background-image:      radial-gradient(1px 1px at 10% 15%, rgba(255,255,220,0.9) 0%, transparent 100%),      radial-gradient(1px 1px at 25% 8%,  rgba(255,255,220,0.7) 0%, transparent 100%),      radial-gradient(1px 1px at 40% 22%, rgba(255,255,220,0.8) 0%, transparent 100%),      radial-gradient(1px 1px at 55% 5%,  rgba(255,255,220,0.6) 0%, transparent 100%),      radial-gradient(1px 1px at 70% 18%, rgba(255,255,220,0.9) 0%, transparent 100%),      radial-gradient(1px 1px at 85% 12%, rgba(255,255,220,0.7) 0%, transparent 100%),      radial-gradient(1px 1px at 92% 30%, rgba(255,255,220,0.8) 0%, transparent 100%),      radial-gradient(1px 1px at 15% 40%, rgba(255,255,220,0.6) 0%, transparent 100%),      radial-gradient(1px 1px at 32% 55%, rgba(255,255,220,0.5) 0%, transparent 100%),      radial-gradient(1px 1px at 60% 42%, rgba(255,255,220,0.7) 0%, transparent 100%),      radial-gradient(1px 1px at 78% 60%, rgba(255,255,220,0.6) 0%, transparent 100%),      radial-gradient(1px 1px at 5%  70%, rgba(255,255,220,0.8) 0%, transparent 100%),      radial-gradient(1px 1px at 48% 75%, rgba(255,255,220,0.5) 0%, transparent 100%),      radial-gradient(1px 1px at 88% 80%, rgba(255,255,220,0.7) 0%, transparent 100%),      radial-gradient(1px 1px at 20% 90%, rgba(255,255,220,0.6) 0%, transparent 100%),      radial-gradient(1px 1px at 65% 88%, rgba(255,255,220,0.8) 0%, transparent 100%);    animation: twinkle 6s ease-in-out infinite alternate;  }  .hp-desc .stars-layer::after {    background-image:      radial-gradient(1px 1px at 18% 20%, rgba(201,168,76,0.6) 0%, transparent 100%),      radial-gradient(1px 1px at 45% 35%, rgba(201,168,76,0.5) 0%, transparent 100%),      radial-gradient(1px 1px at 72% 25%, rgba(201,168,76,0.7) 0%, transparent 100%),      radial-gradient(1px 1px at 90% 50%, rgba(201,168,76,0.4) 0%, transparent 100%),      radial-gradient(1px 1px at 30% 65%, rgba(201,168,76,0.6) 0%, transparent 100%),      radial-gradient(1px 1px at 58% 80%, rgba(201,168,76,0.5) 0%, transparent 100%);    animation: twinkle 8s ease-in-out infinite alternate-reverse;  }  @keyframes twinkle {    0%   { opacity: 0.4; }    50%  { opacity: 1;   }    100% { opacity: 0.6; }  }  \/* ── All Content wraps above stars ── *\/  .hp-desc .content-wrap {    position: relative;    z-index: 1;    padding: 10px 0 60px;  }  \/* ── Gold Divider ── *\/  .hp-desc .gold-divider {    display: flex;    align-items: center;    gap: 16px;    margin: 40px auto;    max-width: 680px;    padding: 0 20px;  }  .hp-desc .gold-divider::before,  .hp-desc .gold-divider::after {    content: '';    flex: 1;    height: 1px;    background: linear-gradient(90deg, transparent, var(--gold), transparent);  }  .hp-desc .gold-divider-icon {    color: var(--gold);    font-size: 18px;    flex-shrink: 0;    text-shadow: 0 0 12px var(--gold);  }  \/* ── Hero Banner ── *\/  .hp-desc .hero {    position: relative;    text-align: center;    padding: 60px 24px 50px;    overflow: hidden;  }  .hp-desc .hero-badge {    display: inline-block;    font-family: var(--font-heading);    font-size: 11px;    letter-spacing: 4px;    text-transform: uppercase;    color: var(--gold);    border: 1px solid var(--border-gold);    padding: 6px 20px;    border-radius: 50px;    margin-bottom: 24px;    background: rgba(201,168,76,0.06);    box-shadow: 0 0 20px rgba(201,168,76,0.1);  }  .hp-desc .hero-title {    font-family: var(--font-display);    font-size: clamp(22px, 5vw, 38px);    font-weight: 900;    line-height: 1.25;    background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 40%, var(--gold-dark) 70%, var(--gold-light) 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    margin-bottom: 12px;    text-shadow: none;    filter: drop-shadow(0 0 20px rgba(201,168,76,0.4));  }  .hp-desc .hero-subtitle {    font-family: var(--font-body);    font-style: italic;    font-size: 16px;    color: var(--text-muted);    max-width: 520px;    margin: 0 auto 32px;    line-height: 1.8;  }  .hp-desc .hero-lightning {    font-size: 48px;    display: block;    margin-bottom: 8px;    filter: drop-shadow(0 0 16px rgba(201,168,76,0.8));    animation: float 3s ease-in-out infinite;  }  @keyframes float {    0%, 100% { transform: translateY(0px) rotate(-5deg); }    50%       { transform: translateY(-8px) rotate(5deg); }  }  \/* ── Hero Image Gallery ── *\/  .hp-desc .hero-img-row {    display: flex;    gap: 12px;    justify-content: center;    flex-wrap: wrap;    margin: 32px 0 0;    padding: 0 12px;  }  .hp-desc .hero-img-row img {    width: 160px;    height: 110px;    object-fit: cover;    border-radius: 10px;    border: 2px solid var(--border-gold);    box-shadow: 0 4px 24px rgba(0,0,0,0.5), 0 0 12px rgba(201,168,76,0.15);    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;  }  .hp-desc .hero-img-row img:hover {    transform: translateY(-6px) scale(1.04);    box-shadow: 0 12px 40px rgba(0,0,0,0.6), 0 0 30px rgba(201,168,76,0.35);    border-color: var(--gold);  }  \/* ── Section Container ── *\/  .hp-desc .section {    max-width: 820px;    margin: 0 auto;    padding: 0 20px;  }  \/* ── Section Title ── *\/  .hp-desc .section-title {    font-family: var(--font-heading);    font-size: clamp(16px, 3vw, 22px);    font-weight: 700;    color: var(--gold);    letter-spacing: 2px;    text-transform: uppercase;    margin-bottom: 20px;    display: flex;    align-items: center;    gap: 14px;  }  .hp-desc .section-title::after {    content: '';    flex: 1;    height: 1px;    background: linear-gradient(90deg, var(--border-gold), transparent);  }  .hp-desc .section-title-icon {    font-size: 22px;    filter: drop-shadow(0 0 8px var(--gold));    flex-shrink: 0;  }  \/* ── Intro Block ── *\/  .hp-desc .intro-block {    background: linear-gradient(135deg, rgba(45,27,94,0.6), rgba(26,10,46,0.8));    border: 1px solid var(--border-gold);    border-radius: var(--radius);    padding: 32px 36px;    position: relative;    overflow: hidden;    margin-bottom: 48px;  }  .hp-desc .intro-block::before {    content: '⚡';    position: absolute;    top: -10px;    right: 20px;    font-size: 100px;    opacity: 0.04;    line-height: 1;    pointer-events: none;  }  .hp-desc .intro-block p {    font-family: var(--font-body);    font-size: 16px;    line-height: 1.85;    color: var(--text-light);    margin-bottom: 14px;  }  .hp-desc .intro-block p:last-child {    margin-bottom: 0;  }  .hp-desc .intro-block p strong {    color: var(--gold-light);    font-weight: 700;  }  \/* ── MAIN Gallery (Full-width showcase) ── *\/  .hp-desc .gallery-showcase {    margin: 48px 0;    padding: 0 12px;  }  .hp-desc .gallery-showcase .showcase-main {    width: 100%;    border-radius: 16px;    overflow: hidden;    border: 2px solid var(--border-gold);    box-shadow: var(--shadow-magic);    margin-bottom: 12px;    position: relative;  }  .hp-desc .gallery-showcase .showcase-main img {    width: 100%;    height: 360px;    object-fit: cover;    display: block;    transition: transform 0.6s ease;  }  .hp-desc .gallery-showcase .showcase-main:hover img {    transform: scale(1.03);  }  .hp-desc .gallery-showcase .showcase-main .img-label {    position: absolute;    bottom: 0;    left: 0;    right: 0;    background: linear-gradient(transparent, rgba(10,5,21,0.85));    padding: 24px 20px 16px;    font-family: var(--font-heading);    font-size: 12px;    letter-spacing: 3px;    text-transform: uppercase;    color: var(--gold-light);  }  .hp-desc .gallery-grid-3 {    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 10px;  }  .hp-desc .gallery-grid-3 .grid-item {    position: relative;    border-radius: 10px;    overflow: hidden;    border: 1px solid var(--border-gold);    transition: border-color 0.3s ease, box-shadow 0.3s ease;  }  .hp-desc .gallery-grid-3 .grid-item:hover {    border-color: var(--gold);    box-shadow: 0 0 20px rgba(201,168,76,0.25);  }  .hp-desc .gallery-grid-3 .grid-item img {    width: 100%;    height: 130px;    object-fit: cover;    display: block;    transition: transform 0.4s ease;  }  .hp-desc .gallery-grid-3 .grid-item:hover img {    transform: scale(1.06);  }  .hp-desc .gallery-grid-2 {    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 10px;    margin-top: 10px;  }  .hp-desc .gallery-grid-2 .grid-item {    position: relative;    border-radius: 10px;    overflow: hidden;    border: 1px solid var(--border-gold);    transition: border-color 0.3s ease, box-shadow 0.3s ease;  }  .hp-desc .gallery-grid-2 .grid-item:hover {    border-color: var(--gold);    box-shadow: 0 0 20px rgba(201,168,76,0.25);  }  .hp-desc .gallery-grid-2 .grid-item img {    width: 100%;    height: 180px;    object-fit: cover;    display: block;    transition: transform 0.4s ease;  }  .hp-desc .gallery-grid-2 .grid-item:hover img {    transform: scale(1.06);  }  \/* ── Key Feature Cards ── *\/  .hp-desc .features-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));    gap: 16px;    margin-bottom: 48px;  }  .hp-desc .feature-card {    background: linear-gradient(145deg, rgba(45,27,94,0.5), rgba(26,10,46,0.7));    border: 1px solid var(--border-gold);    border-radius: var(--radius);    padding: 24px 22px;    position: relative;    overflow: hidden;    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;  }  .hp-desc .feature-card:hover {    transform: translateY(-4px);    box-shadow: 0 16px 40px rgba(0,0,0,0.4), 0 0 20px rgba(201,168,76,0.2);    border-color: var(--gold);  }  .hp-desc .feature-card::after {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 2px;    background: linear-gradient(90deg, transparent, var(--gold), transparent);    opacity: 0;    transition: opacity 0.3s ease;  }  .hp-desc .feature-card:hover::after {    opacity: 1;  }  .hp-desc .feature-icon {    font-size: 32px;    margin-bottom: 12px;    display: block;    filter: drop-shadow(0 0 8px rgba(201,168,76,0.5));  }  .hp-desc .feature-title {    font-family: var(--font-heading);    font-size: 13px;    font-weight: 700;    letter-spacing: 1.5px;    text-transform: uppercase;    color: var(--gold-light);    margin-bottom: 8px;  }  .hp-desc .feature-desc {    font-size: 13px;    color: var(--text-muted);    line-height: 1.6;  }  \/* ── Specs Table ── *\/  .hp-desc .specs-table {    width: 100%;    border-collapse: collapse;    margin-bottom: 48px;    font-family: var(--font-ui);    font-size: 14px;  }  .hp-desc .specs-table thead tr {    background: linear-gradient(90deg, rgba(74,45,143,0.6), rgba(45,27,94,0.8));  }  .hp-desc .specs-table thead th {    padding: 14px 18px;    font-family: var(--font-heading);    font-size: 11px;    letter-spacing: 2.5px;    text-transform: uppercase;    color: var(--gold);    text-align: left;    border-bottom: 1px solid var(--border-gold);  }  .hp-desc .specs-table tbody tr {    border-bottom: 1px solid rgba(201,168,76,0.1);    transition: background 0.2s ease;  }  .hp-desc .specs-table tbody tr:nth-child(even) {    background: rgba(45,27,94,0.2);  }  .hp-desc .specs-table tbody tr:hover {    background: rgba(201,168,76,0.06);  }  .hp-desc .specs-table td {    padding: 13px 18px;    color: var(--text-light);    vertical-align: middle;  }  .hp-desc .specs-table td:first-child {    font-family: var(--font-heading);    font-size: 12px;    letter-spacing: 1px;    text-transform: uppercase;    color: var(--gold-light);    font-weight: 600;    width: 38%;  }  .hp-desc .specs-table .spec-highlight {    color: var(--gold);    font-weight: 700;  }  \/* ── House Banner Strip ── *\/  .hp-desc .house-strip {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 0;    border-radius: var(--radius);    overflow: hidden;    margin: 0 0 48px;    border: 1px solid var(--border-gold);  }  .hp-desc .house-cell {    padding: 18px 12px;    text-align: center;    transition: filter 0.3s ease;  }  .hp-desc .house-cell:hover {    filter: brightness(1.2);  }  .hp-desc .house-cell.gryffindor {    background: linear-gradient(160deg, rgba(116,0,1,0.7), rgba(90,0,1,0.5));  }  .hp-desc .house-cell.slytherin {    background: linear-gradient(160deg, rgba(26,71,42,0.7), rgba(20,55,32,0.5));  }  .hp-desc .house-cell.ravenclaw {    background: linear-gradient(160deg, rgba(14,26,64,0.8), rgba(30,50,100,0.5));  }  .hp-desc .house-cell.hufflepuff {    background: linear-gradient(160deg, rgba(236,185,57,0.35), rgba(180,140,40,0.2));  }  .hp-desc .house-emoji {    font-size: 26px;    display: block;    margin-bottom: 6px;    filter: drop-shadow(0 0 6px currentColor);  }  .hp-desc .house-name {    font-family: var(--font-heading);    font-size: 11px;    letter-spacing: 2px;    text-transform: uppercase;    color: var(--text-muted);  }  \/* ── Image + Text Split Block ── *\/  .hp-desc .split-block {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 24px;    align-items: center;    margin-bottom: 40px;  }  .hp-desc .split-block.reverse {    direction: rtl;  }  .hp-desc .split-block.reverse \u003e * {    direction: ltr;  }  .hp-desc .split-img {    border-radius: var(--radius);    overflow: hidden;    border: 1px solid var(--border-gold);    box-shadow: 0 8px 32px rgba(0,0,0,0.4);  }  .hp-desc .split-img img {    width: 100%;    height: 260px;    object-fit: cover;    display: block;    transition: transform 0.4s ease;  }  .hp-desc .split-img:hover img {    transform: scale(1.05);  }  .hp-desc .split-text {    padding: 8px 0;  }  .hp-desc .split-text h3 {    font-family: var(--font-heading);    font-size: 16px;    font-weight: 700;    letter-spacing: 1.5px;    text-transform: uppercase;    color: var(--gold);    margin-bottom: 14px;  }  .hp-desc .split-text p {    font-family: var(--font-body);    font-size: 15px;    line-height: 1.8;    color: var(--text-muted);    margin-bottom: 12px;  }  .hp-desc .split-text p strong {    color: var(--text-light);  }  \/* ── Checklist ── *\/  .hp-desc .checklist {    list-style: none;    padding: 0;    margin: 0;  }  .hp-desc .checklist li {    display: flex;    align-items: flex-start;    gap: 12px;    padding: 10px 0;    border-bottom: 1px solid rgba(201,168,76,0.1);    font-family: var(--font-body);    font-size: 15px;    color: var(--text-light);    line-height: 1.6;  }  .hp-desc .checklist li:last-child {    border-bottom: none;  }  .hp-desc .checklist li::before {    content: '✦';    color: var(--gold);    flex-shrink: 0;    margin-top: 2px;    filter: drop-shadow(0 0 4px var(--gold));  }  .hp-desc .checklist li strong {    color: var(--gold-light);  }  \/* ── RGB \/ Translucent Highlight Block ── *\/  .hp-desc .rgb-block {    background: linear-gradient(135deg, rgba(14,26,64,0.8), rgba(45,27,94,0.6), rgba(26,10,46,0.9));    border: 1px solid rgba(100,150,255,0.3);    border-radius: var(--radius);    padding: 36px;    text-align: center;    position: relative;    overflow: hidden;    margin-bottom: 48px;  }  .hp-desc .rgb-block::before {    content: '';    position: absolute;    inset: 0;    background: linear-gradient(      45deg,      rgba(255,0,100,0.04),      rgba(255,160,0,0.04),      rgba(0,255,100,0.04),      rgba(0,100,255,0.04),      rgba(200,0,255,0.04)    );    background-size: 400% 400%;    animation: rgb-shift 8s linear infinite;  }  @keyframes rgb-shift {    0%   { background-position: 0%   50%; }    50%  { background-position: 100% 50%; }    100% { background-position: 0%   50%; }  }  .hp-desc .rgb-block \u003e * {    position: relative;    z-index: 1;  }  .hp-desc .rgb-icon {    font-size: 52px;    display: block;    margin-bottom: 12px;    animation: pulse-glow 2.5s ease-in-out infinite;  }  @keyframes pulse-glow {    0%, 100% { filter: drop-shadow(0 0 8px rgba(100,150,255,0.6)); }    50%       { filter: drop-shadow(0 0 24px rgba(200,100,255,0.9)); }  }  .hp-desc .rgb-block h3 {    font-family: var(--font-heading);    font-size: 18px;    letter-spacing: 2px;    text-transform: uppercase;    color: var(--text-light);    margin-bottom: 10px;  }  .hp-desc .rgb-block p {    font-family: var(--font-body);    font-size: 15px;    color: var(--text-muted);    max-width: 500px;    margin: 0 auto;    line-height: 1.8;  }  \/* ── Compatibility Grid ── *\/  .hp-desc .compat-grid {    display: flex;    flex-wrap: wrap;    gap: 10px;    margin: 20px 0 36px;  }  .hp-desc .compat-tag {    display: inline-flex;    align-items: center;    gap: 6px;    background: rgba(74,45,143,0.3);    border: 1px solid rgba(201,168,76,0.25);    border-radius: 50px;    padding: 6px 16px;    font-family: var(--font-heading);    font-size: 11px;    letter-spacing: 1.5px;    text-transform: uppercase;    color: var(--text-muted);    transition: all 0.2s ease;  }  .hp-desc .compat-tag:hover {    border-color: var(--gold);    color: var(--gold-light);    background: rgba(201,168,76,0.08);  }  .hp-desc .compat-tag-icon {    color: var(--gold);    font-size: 12px;  }  \/* ── Switch Compatibility ── *\/  .hp-desc .switch-compat {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));    gap: 12px;    margin: 20px 0 36px;  }  .hp-desc .switch-item {    background: rgba(26,10,46,0.6);    border: 1px solid var(--border-gold);    border-radius: 10px;    padding: 14px 12px;    text-align: center;    transition: all 0.25s ease;  }  .hp-desc .switch-item:hover {    border-color: var(--gold);    background: rgba(74,45,143,0.3);    transform: translateY(-3px);  }  .hp-desc .switch-item .sw-icon {    font-size: 24px;    display: block;    margin-bottom: 6px;  }  .hp-desc .switch-item .sw-name {    font-family: var(--font-heading);    font-size: 10px;    letter-spacing: 1.5px;    text-transform: uppercase;    color: var(--gold-light);  }  \/* ── Warning \/ Info Box ── *\/  .hp-desc .info-box {    border-radius: var(--radius);    padding: 20px 24px;    margin-bottom: 24px;    display: flex;    gap: 16px;    align-items: flex-start;  }  .hp-desc .info-box.warning {    background: rgba(236,185,57,0.08);    border: 1px solid rgba(236,185,57,0.3);  }  .hp-desc .info-box.info {    background: rgba(14,26,64,0.6);    border: 1px solid rgba(100,150,255,0.25);  }  .hp-desc .info-box.success {    background: rgba(26,71,42,0.4);    border: 1px solid rgba(50,150,80,0.35);  }  .hp-desc .info-box-icon {    font-size: 22px;    flex-shrink: 0;    margin-top: 2px;  }  .hp-desc .info-box-text {    font-family: var(--font-body);    font-size: 14px;    line-height: 1.7;    color: var(--text-muted);  }  .hp-desc .info-box-text strong {    color: var(--text-light);    font-weight: 700;  }  \/* ── Product Highlight Ribbon ── *\/  .hp-desc .ribbon-row {    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 0;    border-radius: var(--radius);    overflow: hidden;    border: 1px solid var(--border-gold);    margin-bottom: 48px;  }  .hp-desc .ribbon-cell {    padding: 22px 16px;    text-align: center;    background: rgba(26,10,46,0.6);    border-right: 1px solid var(--border-gold);    transition: background 0.3s ease;  }  .hp-desc .ribbon-cell:last-child {    border-right: none;  }  .hp-desc .ribbon-cell:hover {    background: rgba(74,45,143,0.35);  }  .hp-desc .ribbon-icon {    font-size: 30px;    display: block;    margin-bottom: 8px;  }  .hp-desc .ribbon-label {    font-family: var(--font-heading);    font-size: 10px;    letter-spacing: 2px;    text-transform: uppercase;    color: var(--text-muted);    display: block;    margin-bottom: 4px;  }  .hp-desc .ribbon-value {    font-family: var(--font-heading);    font-size: 14px;    font-weight: 700;    color: var(--gold-light);    display: block;  }  \/* ── Scroll-Reveal Animation ── *\/  .hp-desc .reveal {    opacity: 0;    transform: translateY(24px);    animation: revealUp 0.7s ease forwards;  }  .hp-desc .reveal-d1 { animation-delay: 0.1s; }  .hp-desc .reveal-d2 { animation-delay: 0.2s; }  .hp-desc .reveal-d3 { animation-delay: 0.3s; }  .hp-desc .reveal-d4 { animation-delay: 0.4s; }  .hp-desc .reveal-d5 { animation-delay: 0.5s; }  @keyframes revealUp {    to { opacity: 1; transform: translateY(0); }  }  \/* ── Footer CTA ── *\/  .hp-desc .cta-block {    text-align: center;    padding: 48px 24px;    background: linear-gradient(135deg, rgba(74,45,143,0.25), rgba(26,10,46,0.6));    border: 1px solid var(--border-gold);    border-radius: 16px;    margin-bottom: 40px;    position: relative;    overflow: hidden;  }  .hp-desc .cta-block::before {    content: '🔮';    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    font-size: 200px;    opacity: 0.03;    pointer-events: none;  }  .hp-desc .cta-block \u003e * {    position: relative;    z-index: 1;  }  .hp-desc .cta-block h2 {    font-family: var(--font-display);    font-size: clamp(18px, 4vw, 28px);    background: linear-gradient(135deg, var(--gold-light), var(--gold), var(--gold-dark));    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    margin-bottom: 12px;    filter: drop-shadow(0 0 20px rgba(201,168,76,0.3));  }  .hp-desc .cta-block p {    font-family: var(--font-body);    font-style: italic;    font-size: 15px;    color: var(--text-muted);    max-width: 460px;    margin: 0 auto 24px;    line-height: 1.8;  }  .hp-desc .cta-emojis {    font-size: 28px;    display: block;    letter-spacing: 8px;    filter: drop-shadow(0 0 8px var(--gold));    animation: float 4s ease-in-out infinite;  }  \/* ── Responsive ── *\/  @media (max-width: 640px) {    .hp-desc .split-block {      grid-template-columns: 1fr;    }    .hp-desc .split-block.reverse {      direction: ltr;    }    .hp-desc .features-grid {      grid-template-columns: 1fr 1fr;    }    .hp-desc .house-strip {      grid-template-columns: repeat(2, 1fr);    }    .hp-desc .ribbon-row {      grid-template-columns: 1fr;    }    .hp-desc .ribbon-cell {      border-right: none;      border-bottom: 1px solid var(--border-gold);    }    .hp-desc .ribbon-cell:last-child {      border-bottom: none;    }    .hp-desc .gallery-grid-3 {      grid-template-columns: 1fr 1fr;    }    .hp-desc .intro-block {      padding: 24px 20px;    }    .hp-desc .hero-img-row img {      width: 140px;      height: 95px;    }  }  @media (max-width: 420px) {    .hp-desc .features-grid {      grid-template-columns: 1fr;    }    .hp-desc .gallery-grid-3 {      grid-template-columns: 1fr;    }    .hp-desc .gallery-grid-2 {      grid-template-columns: 1fr;    }  }\u003c\/style\u003e\u003c!-- ══════════════════════════════════════════════════════════════     COMPONENT ROOT══════════════════════════════════════════════════════════════ --\u003e\u003cdiv class=\"hp-desc\"\u003e\n\u003cdiv class=\"magic-bg\"\u003e\n\u003c!-- Stars layer --\u003e\u003cdiv class=\"stars-layer\" aria-hidden=\"true\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"content-wrap\"\u003e\n\u003c!-- ═══════════════════════════════           HERO SECTION      ═══════════════════════════════ --\u003e\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\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\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!-- ═══════════════════════════════           QUICK-STATS RIBBON      ═══════════════════════════════ --\u003e\u003cdiv class=\"section reveal reveal-d2\"\u003e\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\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════           INTRO \/ PRODUCT DESCRIPTION      ═══════════════════════════════ --\u003e\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!-- ═══════════════════════════════           HOUSES STRIP      ═══════════════════════════════ --\u003e\u003cdiv class=\"section reveal reveal-d3\"\u003e\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\u003c\/div\u003e\n\u003c!-- Gold Divider --\u003e\u003cdiv class=\"gold-divider\" aria-hidden=\"true\"\u003e\u003cspan class=\"gold-divider-icon\"\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════           FULL GALLERY SHOWCASE      ═══════════════════════════════ --\u003e\u003cdiv class=\"section reveal reveal-d2\"\u003e\u003cdiv class=\"section-title\"\u003e\n\u003cspan class=\"section-title-icon\"\u003e🖼️\u003c\/span\u003e Gallery — See the Magic\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"gallery-showcase reveal reveal-d3\"\u003e\n\u003c!-- Main large image --\u003e\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\u003cdiv class=\"img-label\"\u003eArtisan Translucent PC Keycaps — Full Keyboard\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3-column grid --\u003e\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\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\u003cdiv class=\"gold-divider\" aria-hidden=\"true\"\u003e\u003cspan class=\"gold-divider-icon\"\u003e🔮\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════           KEY FEATURES      ═══════════════════════════════ --\u003e\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\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\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\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\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\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\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\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\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!-- ═══════════════════════════════           MATERIAL SPOTLIGHT: PC           (Split block with image)      ═══════════════════════════════ --\u003e\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!-- ═══════════════════════════════           RGB GLOW HIGHLIGHT      ═══════════════════════════════ --\u003e\u003cdiv class=\"section reveal reveal-d3\"\u003e\u003cdiv class=\"rgb-block\"\u003e\n\u003cspan class=\"rgb-icon\"\u003e🌟\u003c\/span\u003e\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\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════           DESIGN DETAIL           (Split block reversed with image)      ═══════════════════════════════ --\u003e\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!-- ═══════════════════════════════           PRODUCT SPECIFICATIONS TABLE      ═══════════════════════════════ --\u003e\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\u003ctr\u003e\n\u003cth scope=\"col\"\u003eSpecification\u003c\/th\u003e\n\u003cth scope=\"col\"\u003eDetails\u003c\/th\u003e\n\u003c\/tr\u003e\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\u003cdiv class=\"gold-divider\" aria-hidden=\"true\"\u003e\u003cspan class=\"gold-divider-icon\"\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════           COMPATIBILITY SECTION      ═══════════════════════════════ --\u003e\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\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\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\u003cdiv class=\"gold-divider\" aria-hidden=\"true\"\u003e\u003cspan class=\"gold-divider-icon\"\u003e🏅\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════           CHERRY PROFILE SPOTLIGHT           (Split block with image)      ═══════════════════════════════ --\u003e\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!-- ═══════════════════════════════           IMPORTANT NOTES \/ INFO BOXES      ═══════════════════════════════ --\u003e\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\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\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\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\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\u003cdiv class=\"gold-divider\" aria-hidden=\"true\"\u003e\u003cspan class=\"gold-divider-icon\"\u003e🪄\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════           WHAT'S INCLUDED      ═══════════════════════════════ --\u003e\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\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════           INSTALLATION GUIDE      ═══════════════════════════════ --\u003e\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\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/installation --\u003e \u003c!-- Gold Divider --\u003e\u003cdiv class=\"gold-divider\" aria-hidden=\"true\"\u003e\u003cspan class=\"gold-divider-icon\"\u003e✦\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════           SHOWCASE IMAGES (2nd set)      ═══════════════════════════════ --\u003e\u003cdiv class=\"section reveal reveal-d2\"\u003e\u003cdiv class=\"section-title\"\u003e\n\u003cspan class=\"section-title-icon\"\u003e📷\u003c\/span\u003e More Views\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"gallery-showcase reveal reveal-d3\" style=\"padding: 0 12px;\"\u003e\n\u003c!-- Reversed main image --\u003e\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\u003cdiv class=\"img-label\"\u003eFull Layout — Top-Down View\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3-column alternate grid --\u003e\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\u003cdiv class=\"gold-divider\" aria-hidden=\"true\"\u003e\u003cspan class=\"gold-divider-icon\"\u003e🦁\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════           WHY CHOOSE THIS SET      ═══════════════════════════════ --\u003e\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\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/why choose --\u003e \u003c!-- ═══════════════════════════════           FREQUENTLY ASKED QUESTIONS      ═══════════════════════════════ --\u003e\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\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/faq --\u003e \u003c!-- Gold Divider --\u003e\u003cdiv class=\"gold-divider\" aria-hidden=\"true\"\u003e\u003cspan class=\"gold-divider-icon\"\u003e🌟\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════           PERFECT FOR SECTION      ═══════════════════════════════ --\u003e\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\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\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\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\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!-- ═══════════════════════════════           FINAL CTA      ═══════════════════════════════ --\u003e\u003cdiv class=\"section reveal reveal-d4\"\u003e\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\u003c\/div\u003e\n\u003c!-- Support note --\u003e\u003cdiv class=\"section reveal reveal-d5\"\u003e\u003cdiv class=\"info-box info\" style=\"text-align: center; justify-content: center;\"\u003e\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\u003c\/div\u003e\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\u003c!-- \/hp-desc --\u003e\u003cp\u003e \u003c\/p\u003e\u003c!-- ============================================================     END: Harry Potter Theme Artisan Translucent Keycap Set     Shopify Product Description     © Artisan Keyboard Store============================================================ --\u003e","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406825890007,"sku":null,"price":49.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/Keycap_Set_2.jpg?v=1783490120","url":"https:\/\/rolipan.com\/products\/cool-harry-potter-theme-artisan-translucent-keycap-set-for-mechanical-keyboard","provider":"rolipan","version":"1.0","type":"link"}