{"product_id":"cool-neon-rift-theme-artisan-graffiti-keycap-set","title":"Cool Neon Rift Theme Artisan Graffiti Keycap Set","description":"\u003c!-- Cool Black Graffiti Themed Keycap Set — Ultimate E-Commerce Page --\u003e\u003cstyle\u003e  :root{    --pm-text:#111827;    --pm-muted:#6b7280;    --pm-border:#e5e7eb;    --pm-soft:#f9f9f9;    --pm-radius:16px;    --pm-orange:#1a1a1a;    --pm-orange-light:#555555;    --pm-orange-soft:#f0f0f0;    --pm-treasure:#ffffff;    --pm-ocean:#333333;    --pm-gradient: linear-gradient(135deg, #1a1a1a 0%, #444444 50%, #888888 100%);  }  * { box-sizing: border-box; }  .pm-wrap{    max-width: 1020px;    margin: 0 auto;    padding: 24px 16px 48px;    color: var(--pm-text);    line-height: 1.7;    font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;    overflow-x: hidden;  }  \/* ===== HERO BADGE - CENTERED \u0026 PREMIUM ===== *\/  .pm-hero-badge{    display: inline-flex;    align-items: center;    gap: 8px;    padding: 8px 18px;    background: var(--pm-gradient);    color: #fff;    font-size: 13px;    font-weight: 900;    border-radius: 24px;    margin-bottom: 12px;    letter-spacing: 0.5px;    text-transform: uppercase;    box-shadow: 0 6px 20px rgba(0,0,0,0.4);    animation: premium-glow 3s ease-in-out infinite;  }  @keyframes premium-glow {    0%, 100% { box-shadow: 0 6px 20px rgba(0,0,0,0.4); }    50% { box-shadow: 0 8px 28px rgba(0,0,0,0.6); }  }  .pm-badge-center{    text-align: center;    margin-bottom: 16px;  }  .pm-title{    font-size: 32px;    font-weight: 900;    letter-spacing: -0.5px;    margin: 0 0 12px;    line-height: 1.2;    min-height: auto;    background: linear-gradient(135deg, #111827 0%, #4b5563 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-sub{    margin: 0 0 18px;    color: var(--pm-muted);    font-size: 15px;    font-weight: 600;    display: flex;    align-items: center;    gap: 12px;    flex-wrap: wrap;  }  .pm-sub span{    display: inline-flex;    align-items: center;    gap: 4px;  }  \/* ===== CARDS ===== *\/  .pm-card{    border: 1px solid var(--pm-border);    border-radius: 20px;    background: #fff;    padding: 28px 24px;    box-shadow: 0 1px 3px rgba(0,0,0,0.05);    margin-bottom: 16px;    overflow: hidden;  }  .pm-p{    margin: 12px 0;    color: #374151;    font-size: 15px;    line-height: 1.75;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-h3{    margin: 24px 0 14px;    font-size: 18px;    font-weight: 900;    letter-spacing: -0.3px;    display:flex;    align-items:center;    gap:12px;    color: #111827;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-ico{    width: 32px;    height: 32px;    display:inline-grid;    place-items:center;    border-radius: 10px;    background: var(--pm-orange-soft);    border: 1px solid var(--pm-orange-light);    font-size: 16px;    flex-shrink: 0;  }  .pm-ul{    margin: 0;    padding-left: 0;    color:#374151;    font-size: 15px;    list-style: none;  }  .pm-ul li{    margin: 10px 0;    padding-left: 28px;    position: relative;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-ul li:before{    content: \"🎨\";    position: absolute;    left: 0;    font-size: 15px;  }  .pm-hr{    border: 0;    border-top: 2px solid var(--pm-soft);    margin: 24px 0;  }  \/* ===== TRUST BADGES WITH HOVER ===== *\/  .pm-trust{    display: grid;    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));    gap: 12px;    margin: 24px 0;  }  .pm-trust-item{    display: flex;    align-items: center;    gap: 12px;    padding: 14px;    background: var(--pm-orange-soft);    border: 1px solid #d1d5db;    border-radius: 12px;    font-size: 13px;    font-weight: 700;    color: #111827;    transition: all 0.3s ease;    cursor: pointer;  }  .pm-trust-item:hover{    transform: translateY(-4px);    box-shadow: 0 8px 20px rgba(0,0,0,0.15);    background: linear-gradient(135deg, var(--pm-orange-soft) 0%, #fff 100%);    border-color: #1a1a1a;  }  .pm-trust-icon{    width: 36px;    height: 36px;    background: #fff;    border-radius: 8px;    display: grid;    place-items: center;    font-size: 18px;    flex-shrink: 0;    transition: transform 0.3s ease;  }  .pm-trust-item:hover .pm-trust-icon{    transform: scale(1.15) rotate(5deg);  }  \/* ===== FEATURE GRID ===== *\/  .pm-feature-grid{    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 16px;    margin: 24px 0;  }  .pm-feature-card{    padding: 20px;    background: linear-gradient(135deg, #fff 0%, var(--pm-soft) 100%);    border: 1px solid var(--pm-border);    border-radius: 16px;    text-align: center;    transition: transform 0.3s ease, box-shadow 0.3s ease;  }  .pm-feature-card:hover{    transform: translateY(-4px);    box-shadow: 0 8px 24px rgba(0,0,0,0.12);  }  .pm-feature-icon{    font-size: 32px;    margin-bottom: 12px;  }  .pm-feature-title{    font-size: 15px;    font-weight: 800;    color: #111827;    margin: 0 0 6px;  }  .pm-feature-desc{    font-size: 13px;    color: var(--pm-muted);    margin: 0;  }  \/* ===== SPECS TABLE - ENHANCED WITH HOVER ===== *\/  .pm-table-wrapper{    transition: transform 0.3s ease, box-shadow 0.3s ease;    border-radius: 16px;    overflow: hidden;  }  .pm-table-wrapper:hover{    transform: translateY(-2px);    box-shadow: 0 8px 24px rgba(0,0,0,0.12);  }  .pm-table{    width: 100%;    border-collapse: separate;    border-spacing: 0;    overflow: hidden;    border: 1px solid var(--pm-border);    border-radius: 16px;    background: #fff;  }  .pm-table th,  .pm-table td{    padding: 16px;    border-bottom: 1px solid var(--pm-border);    font-size: 14px;    text-align: left;    transition: background 0.2s ease;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-table tr:hover th,  .pm-table tr:hover td{    background: var(--pm-orange-soft);  }  .pm-table tr:last-child th,  .pm-table tr:last-child td{ border-bottom: 0; }  .pm-table th{    width: 38%;    color:#374151;    font-weight: 900;    font-size: 13px;    text-transform: uppercase;    letter-spacing: .04em;    background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);  }  .pm-table td{    font-weight: 700;    color:#111827;    background:#ffffff;  }  \/* ===== ALERT - ENHANCED WITH HOVER ===== *\/  .pm-alert{    margin-top: 16px;    padding: 16px 18px;    border: 2px solid #fee2e2;    background: #fef2f2;    border-radius: 14px;    color:#991b1b;    font-size: 14px;    font-weight: 600;    display: flex;    align-items: flex-start;    gap: 10px;    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-alert:hover{    transform: translateY(-2px);    box-shadow: 0 6px 20px rgba(220, 38, 38, 0.15);    border-color: #fecaca;  }  .pm-alert-icon{    font-size: 20px;    flex-shrink: 0;  }  \/* ===== INFO BOX - ENHANCED WITH HOVER ===== *\/  .pm-info-box{    padding: 12px 16px;    background: var(--pm-soft);    border-radius: 12px;    border-left: 4px solid #1a1a1a;    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-info-box:hover{    transform: translateX(4px);    box-shadow: 0 4px 16px rgba(0,0,0,0.12);    border-color: #555;  }  \/* ===== 3-IMAGE GRID WITH LABELS (TOP SECTION) ===== *\/  .pm-image-grid{    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 12px;    margin: 24px 0;  }  .pm-grid-img{    position: relative;    overflow: hidden;    border-radius: 16px;    border: 1px solid var(--pm-border);    line-height: 0;    height: 350px;  }  .pm-grid-img img{    width: 100%;    height: 100%;    object-fit: cover;    display: block;    transform: scale(1);    transition: transform 0.5s ease;  }  .pm-grid-img:hover img{    transform: scale(1.08);  }  \/* Image Label Badge - Top Right Corner *\/  .pm-img-label{    position: absolute;    top: 12px;    right: 12px;    background: rgba(255, 255, 255, 0.95);    padding: 6px 12px;    border-radius: 8px;    font-size: 11px;    font-weight: 800;    color: #111827;    text-transform: uppercase;    letter-spacing: 0.5px;    box-shadow: 0 2px 8px rgba(0,0,0,0.1);    z-index: 2;    backdrop-filter: blur(4px);    border: 1px solid rgba(0,0,0,0.05);  }  \/* ===== 2-IMAGE GALLERY ===== *\/  .pm-double-gallery{    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 12px;    margin: 24px 0;  }  .pm-double-img{    position: relative;    overflow: hidden;    border-radius: 16px;    border: 1px solid var(--pm-border);    line-height: 0;    height: 400px;  }  .pm-double-img img{    width: 100%;    height: 100%;    object-fit: cover;    display: block;    transition: transform 0.5s ease;  }  .pm-double-img:hover img{    transform: scale(1.05);  }  \/* ===== RECTANGLE IMAGE SECTION (Between Content) ===== *\/  .pm-rectangle-image{    margin: 32px 0;    border-radius: 16px;    overflow: hidden;    border: 1px solid var(--pm-border);    line-height: 0;    height: 480px;  }  .pm-rectangle-image img{    width: 100%;    height: 100%;    object-fit: cover;    display: block;    transition: transform 0.5s ease;  }  .pm-rectangle-image:hover img{    transform: scale(1.05);  }  \/* ===== LAYOUT SECTION - SQUARE WITH IMAGE LEFT \u0026 TEXT RIGHT ===== *\/  .pm-layout-section{    margin: 32px 0;    display: grid;    grid-template-columns: 1fr 1fr;    gap: 24px;    align-items: stretch;    overflow: hidden;  }  .pm-layout-img{    width: 100%;    aspect-ratio: 1\/1;    border-radius: 0px;    border: 2px solid var(--pm-border);    overflow: hidden;    line-height: 0;    background: #fff;    display: flex;    align-items: center;    justify-content: center;    max-width: 100%;    position: relative;  }  .pm-layout-img img{    width: 100%;    height: 100%;    object-fit: contain;    display: block;    padding: 0px;    max-width: 100%;  }  \/* Layout Image Label - Same style as top images *\/  .pm-layout-label{    position: absolute;    top: 12px;    right: 12px;    background: rgba(255, 255, 255, 0.95);    padding: 6px 12px;    border-radius: 8px;    font-size: 11px;    font-weight: 800;    color: #111827;    text-transform: uppercase;    letter-spacing: 0.5px;    box-shadow: 0 2px 8px rgba(0,0,0,0.1);    z-index: 2;    backdrop-filter: blur(4px);    border: 1px solid rgba(0,0,0,0.05);  }  .pm-layout-text{    aspect-ratio: 1\/1;    padding: 24px 20px;    background: var(--pm-soft);    border-radius: 0px;    border: 2px solid #d1d5db;    display: flex;    flex-direction: column;    justify-content: center;    overflow: hidden;    max-width: 100%;  }  .pm-layout-title{    font-size: 18px;    font-weight: 900;    color: #111827;    margin: 0 0 20px;    line-height: 1.4;    word-wrap: break-word;    overflow-wrap: break-word;    hyphens: auto;  }  .pm-layout-list{    margin: 0 0 14px 0;    padding-left: 0;    list-style: none;  }  .pm-layout-list li{    padding: 10px 0;    font-size: 14px;    font-weight: 600;    color: #374151;    position: relative;    padding-left: 28px;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-layout-list li:before{    content: \"🎨\";    position: absolute;    left: 0;    font-size: 16px;  }  .pm-layout-note{    font-size: 13px;    color: var(--pm-muted);    line-height: 1.7;    margin: 0;    font-style: italic;    padding: 12px;    background: rgba(0,0,0,0.05);    border-radius: 8px;    word-wrap: break-word;    overflow-wrap: break-word;  }  \/* ===== CTA SECTION WITH ADJUSTED SPACING ===== *\/  .pm-cta{    margin-top: 32px;    padding: 32px 28px;    background: var(--pm-gradient);    border-radius: 20px;    text-align: center;    color: #fff;    box-shadow: 0 8px 24px rgba(0,0,0,0.4);  }  .pm-cta-title{    font-size: 24px;    font-weight: 900;    margin: 0 0 10px;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-cta-text{    font-size: 15px;    margin: 0 0 12px;    opacity: 0.95;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-cta-btn{    display: inline-block;    padding: 14px 32px;    background: #fff;    color: #111827;    font-size: 15px;    font-weight: 800;    border-radius: 12px;    text-decoration: none;    transition: transform 0.2s ease, box-shadow 0.2s ease;    box-shadow: 0 4px 12px rgba(0,0,0,0.1);    cursor: pointer;    animation: heartbeat-slow 3s ease-in-out infinite;  }  .pm-cta-btn:hover{    transform: translateY(-2px) scale(1.05);    box-shadow: 0 6px 20px rgba(0,0,0,0.2);    animation: heartbeat-hover 2s ease-in-out infinite;  }  @keyframes heartbeat-slow {    0%, 100% { transform: scale(1); }    7% { transform: scale(1.03); }    14% { transform: scale(1); }    21% { transform: scale(1.03); }    28% { transform: scale(1); }  }  @keyframes heartbeat-hover {    0%, 100% { transform: translateY(-2px) scale(1.05); }    50% { transform: translateY(-2px) scale(1.08); }  }  \/* ===== CENTERED HELP SECTION ===== *\/  .pm-help-center{    text-align: center;    margin-top: 32px;  }  \/* ===== FOOTER INFO - MINIMAL SPACING ===== *\/  .pm-footer-info{    margin-top: 16px;    margin-bottom: 0;    padding: 14px 18px;    text-align: center;    background: var(--pm-soft);    border-radius: 20px;    border: 1px solid var(--pm-border);  }  .pm-footer-badges{    display: flex;    flex-wrap: wrap;    justify-content: center;    gap: 20px;    font-size: 13px;    color: var(--pm-muted);    margin: 0;  }  .pm-footer-badge-item{    display: flex;    align-items: center;    gap: 6px;  }  .pm-footer-badge-icon{    font-size: 16px;  }  \/* ===== RESPONSIVE - TABLET ===== *\/  @media (max-width: 860px){    .pm-wrap{      padding: 16px 12px 32px;    }    .pm-title{      font-size: 24px;    }    .pm-sub{      font-size: 14px;      gap: 10px;    }    .pm-card{      padding: 20px 16px;    }    .pm-p{      font-size: 14px;    }    .pm-h3{      font-size: 17px;      margin: 20px 0 12px;    }    .pm-ico{      width: 28px;      height: 28px;      font-size: 14px;    }    .pm-ul{      font-size: 14px;    }    .pm-ul li{      padding-left: 24px;    }    .pm-ul li:before{      font-size: 13px;    }    .pm-trust{      grid-template-columns: 1fr;      gap: 10px;    }    .pm-trust-item{      padding: 12px;      font-size: 12px;    }    .pm-trust-icon{      width: 32px;      height: 32px;      font-size: 16px;    }    .pm-feature-grid{      grid-template-columns: repeat(2, 1fr);      gap: 12px;    }    .pm-feature-card{      padding: 16px;    }    .pm-feature-icon{      font-size: 28px;      margin-bottom: 10px;    }    .pm-feature-title{      font-size: 14px;    }    .pm-feature-desc{      font-size: 12px;    }    .pm-table th,    .pm-table td{      padding: 12px;      font-size: 13px;    }    .pm-table th{      font-size: 11px;    }    .pm-alert{      padding: 14px 16px;      font-size: 13px;    }    .pm-alert-icon{      font-size: 18px;    }    .pm-cta{      padding: 24px 20px;    }    .pm-cta-title{      font-size: 20px;    }    .pm-cta-text{      font-size: 14px;      margin: 0 0 10px;    }    .pm-cta-btn{      padding: 12px 28px;      font-size: 14px;    }    .pm-image-grid{      grid-template-columns: 1fr;      gap: 10px;    }    .pm-grid-img{      height: 300px;    }    .pm-double-gallery{      grid-template-columns: 1fr;      gap: 10px;    }    .pm-double-img{      height: 300px;    }    .pm-img-label,    .pm-layout-label{      font-size: 10px;      padding: 5px 10px;      top: 10px;      right: 10px;    }    .pm-rectangle-image{      height: 350px;      margin: 24px 0;    }    .pm-layout-section{      grid-template-columns: 1fr;      gap: 16px;      margin: 24px 0;    }    .pm-layout-img,    .pm-layout-text{      aspect-ratio: 1\/1;      max-width: 100%;    }    .pm-layout-text{      padding: 20px 16px;    }    .pm-layout-title{      font-size: 16px;      margin: 0 0 16px;    }    .pm-layout-list li{      font-size: 13px;      padding: 8px 0;      padding-left: 24px;    }    .pm-layout-list li:before{      font-size: 14px;    }    .pm-layout-note{      font-size: 12px;      padding: 10px;    }    .pm-footer-badges{      font-size: 12px;      gap: 16px;    }  }  \/* ===== RESPONSIVE - MOBILE ===== *\/  @media (max-width: 500px){    .pm-wrap{      padding: 12px 10px 28px;      max-width: 100%;      overflow-x: hidden;    }    .pm-hero-badge{      font-size: 10px;      padding: 5px 12px;    }    .pm-title{      font-size: 18px;      line-height: 1.3;      margin-bottom: 10px;    }    .pm-sub{      font-size: 11px;      gap: 6px;    }    .pm-card{      padding: 16px 12px;      border-radius: 16px;    }    .pm-p{      font-size: 13px;      line-height: 1.65;      margin: 10px 0;    }    .pm-h3{      font-size: 14px;      margin: 16px 0 10px;      gap: 8px;    }    .pm-ico{      width: 24px;      height: 24px;      font-size: 12px;    }    .pm-ul{      font-size: 12px;    }    .pm-ul li{      margin: 8px 0;      padding-left: 20px;    }    .pm-ul li:before{      font-size: 12px;    }    .pm-hr{      margin: 16px 0;    }    .pm-trust{      grid-template-columns: 1fr;      gap: 8px;      margin: 16px 0;    }    .pm-trust-item{      padding: 10px;      font-size: 11px;    }    .pm-trust-icon{      width: 28px;      height: 28px;      font-size: 14px;    }    .pm-feature-grid{      grid-template-columns: 1fr;      gap: 10px;      margin: 16px 0;    }    .pm-feature-card{      padding: 12px;    }    .pm-feature-icon{      font-size: 22px;      margin-bottom: 8px;    }    .pm-feature-title{      font-size: 12px;      margin-bottom: 4px;    }    .pm-feature-desc{      font-size: 10px;    }    .pm-table-wrapper{      border-radius: 12px;      overflow-x: auto;      -webkit-overflow-scrolling: touch;    }    .pm-table{      border-radius: 12px;      min-width: 100%;    }    .pm-table th,    .pm-table td{      padding: 10px 8px;      font-size: 11px;    }    .pm-table th{      font-size: 9px;      width: 35%;    }    .pm-alert{      padding: 12px 14px;      font-size: 11px;      border-radius: 12px;    }    .pm-alert-icon{      font-size: 16px;    }    .pm-info-box{      font-size: 11px;      padding: 10px 12px;    }    .pm-cta{      padding: 20px 14px;      margin-top: 24px;      border-radius: 16px;    }    .pm-cta-title{      font-size: 17px;      margin-bottom: 8px;    }    .pm-cta-text{      font-size: 12px;      margin: 0 0 10px;    }    .pm-cta-btn{      padding: 11px 24px;      font-size: 12px;      border-radius: 10px;    }    .pm-image-grid{      grid-template-columns: 1fr;      gap: 8px;      margin: 16px 0;    }    .pm-grid-img{      height: 250px;      border-radius: 12px;    }    .pm-double-gallery{      grid-template-columns: 1fr;      gap: 8px;    }    .pm-double-img{      height: 250px;      border-radius: 12px;    }    .pm-img-label,    .pm-layout-label{      font-size: 8px;      padding: 4px 8px;      top: 8px;      right: 8px;      border-radius: 6px;    }    .pm-rectangle-image{      height: 280px;      margin: 20px 0;      border-radius: 12px;    }    .pm-layout-section{      grid-template-columns: 1fr;      gap: 12px;      margin: 20px 0;      overflow: hidden;    }    .pm-layout-img{      border-radius: 12px;      border: 1px solid var(--pm-border);      aspect-ratio: 1\/1;      max-width: 100%;    }    .pm-layout-img img{      max-width: 100%;      height: auto;    }    .pm-layout-text{      padding: 14px 12px;      border-radius: 12px;      border: 1px solid #d1d5db;      aspect-ratio: auto;      min-height: auto;    }    .pm-layout-title{      font-size: 13px;      margin: 0 0 12px;      line-height: 1.4;    }    .pm-layout-list{      margin: 0 0 10px 0;    }    .pm-layout-list li{      font-size: 11px;      padding: 5px 0;      padding-left: 20px;      line-height: 1.5;    }    .pm-layout-list li:before{      font-size: 12px;    }    .pm-layout-note{      font-size: 10px;      padding: 8px;      line-height: 1.5;    }    .pm-help-center{      margin-top: 24px;    }    .pm-help-center .pm-p{      font-size: 12px;    }    .pm-footer-info{      padding: 10px 14px;      border-radius: 16px;      margin-top: 12px;    }    .pm-footer-badges{      gap: 12px;      flex-direction: column;      align-items: center;      font-size: 11px;    }    .pm-footer-badge-icon{      font-size: 14px;    }  }\u003c\/style\u003e\u003cdiv class=\"pm-wrap\"\u003e\n\u003c!-- Hero Badge - CENTERED \u0026 PREMIUM --\u003e\u003cdiv class=\"pm-badge-center\"\u003e\u003cdiv class=\"pm-hero-badge\"\u003e🎨 Street Art Collection • Bold Edition\u003c\/div\u003e\u003c\/div\u003e\n\u003c!-- PRODUCT IMAGES IN 3-IMAGE GRID WITH TOP-RIGHT LABELS --\u003e\u003cdiv class=\"pm-image-grid\"\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eMain Product View\u003c\/span\u003e \u003cimg loading=\"lazy\" alt=\"Cool Black Graffiti Themed Keycap Set - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/cool-neon-rift-theme-artisan-graffiti-keycap-set-2051200.jpg?v=1769701472\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eLifestyle Setup\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/cool-neon-rift-theme-artisan-graffiti-keycap-set-5491332.jpg?v=1769701473\" alt=\"Cool Neon Rift Theme Artisan Graffiti Keycap Set - KeyArtisan\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eDetail Close-Up\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/cool-neon-rift-theme-artisan-graffiti-keycap-set-7266730.jpg?v=1769701473\" alt=\"Cool Neon Rift Theme Artisan Graffiti Keycap Set - KeyArtisan\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch1 class=\"pm-title\"\u003eCool Black Graffiti Themed Keycap Set\u003c\/h1\u003e\n\u003cdiv class=\"pm-sub\"\u003e\n\u003cspan\u003e🎨 Bold Street Art Design\u003c\/span\u003e \u003cspan\u003e🏙️ Black \u0026amp; White Aesthetic\u003c\/span\u003e \u003cspan\u003e💻 146 Keycaps\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pm-p\"\u003e🎨 \u003cstrong\u003eGive your mechanical keyboard an edgy, urban makeover!\u003c\/strong\u003e Bold black-and-white street art design for those who love artistic expression. 🏙️✨\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eThe \u003cstrong\u003eCool Black Graffiti Themed Keycap Set\u003c\/strong\u003e brings a rebellious, street-style aesthetic to your keyboard. Whether you're gaming, typing, or just upgrading your setup, these keycaps make every keystroke a statement piece of art.\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eFeaturing bold graffiti-style legends deeply embedded through dye-sublimation printing, premium PBT construction, and a timeless black-and-white color palette. The high-contrast urban design creates a striking visual impact that artists, gamers, and keyboard enthusiasts will love.\u003c\/p\u003e\n\u003c!-- Trust Badges with Hover Effects --\u003e\u003cdiv class=\"pm-trust\"\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🚚\u003c\/div\u003e\n\u003cdiv\u003eFree Shipping Over $100\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🔒\u003c\/div\u003e\n\u003cdiv\u003eSecure Checkout\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e↩️\u003c\/div\u003e\n\u003cdiv\u003e60-Day Returns\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- Feature Grid - 6 items --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e✨\u003c\/span\u003e Why You'll Love This Set\u003c\/h3\u003e\n\u003cdiv class=\"pm-feature-grid\"\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🏙️\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eUrban Graffiti Theme\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eBold black-and-white street art on every key\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eArtistic Authenticity\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eUnique graffiti legends \u0026amp; expressive artwork\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e⌨️\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eCherry Profile\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eErgonomic sculpted shape for comfort \u0026amp; speed\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🖋️\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eDye-Sub Printing\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eLegends embedded deep — never fade or wear off\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e💪\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003ePremium PBT Build\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eDurable, wear-resistant \u0026amp; premium feel — 146 keys\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎁\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003ePerfect Gift\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eIdeal for artists, gamers \u0026amp; street-style lovers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🏙️\u003c\/span\u003e Make Every Keystroke a Statement\u003c\/h3\u003e\n\u003cp class=\"pm-p\"\u003eFrom bold tag-style legends to intricate street art motifs, this keycap set channels the raw energy of urban expression. Each key is a canvas — meticulously crafted with high-contrast black-and-white graffiti artwork that transforms your keyboard into a rolling gallery of street culture and creative rebellion.\u003c\/p\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎀\u003c\/span\u003e Standout Features\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003eBold black-and-white graffiti street art design on every keycap\u003c\/li\u003e\n\u003cli\u003eCherry profile for ergonomic, comfortable daily typing \u0026amp; gaming\u003c\/li\u003e\n\u003cli\u003ePremium PBT plastic — durable, wear-resistant \u0026amp; high quality\u003c\/li\u003e\n\u003cli\u003eDye-sublimation printing: legends embedded deep, permanently fade-resistant\u003c\/li\u003e\n\u003cli\u003eComplete 146-key set covering wide range of layouts \u0026amp; sizes\u003c\/li\u003e\n\u003cli\u003eHigh-contrast urban aesthetic — perfect for any desk setup\u003c\/li\u003e\n\u003cli\u003eIncludes keycap puller tool for hassle-free installation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- DOUBLE IMAGE GALLERY --\u003e\u003cdiv class=\"pm-double-gallery\"\u003e\n\u003cdiv class=\"pm-double-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/cool-neon-rift-theme-artisan-graffiti-keycap-set-7266730.jpg?v=1769701473\" alt=\"Cool Neon Rift Theme Artisan Graffiti Keycap Set - KeyArtisan\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-double-img\"\u003e\u003cimg loading=\"lazy\" alt=\"Cool Black Graffiti Themed Keycap Set - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/cool-neon-rift-theme-artisan-graffiti-keycap-set-5491332.jpg?v=1769701473\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RECTANGLE IMAGE BETWEEN SECTIONS --\u003e\u003cdiv class=\"pm-rectangle-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/cool-neon-rift-theme-artisan-graffiti-keycap-set-2051200.jpg?v=1769701472\" alt=\"Cool Neon Rift Theme Artisan Graffiti Keycap Set - KeyArtisan\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎨\u003c\/span\u003e Available Variations\u003c\/h3\u003e\n\u003cp class=\"pm-p\"\u003e\u003cstrong\u003eChoose Your Perfect Profile:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"pm-ul\"\u003e\u003cli\u003e\n\u003cstrong\u003eCherry Profile\u003c\/strong\u003e - Classic sculpted ergonomic shape for traditional feel (146 keys)\u003c\/li\u003e\u003c\/ul\u003e\n\u003cp class=\"pm-p\"\u003eThe 146-key set includes comprehensive coverage for standard and custom layouts with full graffiti artwork across all keycaps.\u003c\/p\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e💎\u003c\/span\u003e Premium Build Quality\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Premium PBT plastic for long-lasting durability\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrinting:\u003c\/strong\u003e Dye-sublimation legends (permanent, never fades or wears)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProfile:\u003c\/strong\u003e Cherry profile — sculpted ergonomic shape for comfort\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFinish:\u003c\/strong\u003e Smooth matte surface — comfortable to type on\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurability:\u003c\/strong\u003e Designed for daily heavy use \u0026amp; long-term collecting\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQuality Control:\u003c\/strong\u003e Each set inspected before shipping\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e⚙️\u003c\/span\u003e Technical Specifications\u003c\/h3\u003e\n\u003cdiv class=\"pm-table-wrapper\"\u003e\u003ctable aria-label=\"Keyboard compatibility specifications\" role=\"table\" class=\"pm-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eTheme\u003c\/th\u003e\n\u003ctd\u003eCool Black Graffiti Street Art\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eProfile\u003c\/th\u003e\n\u003ctd\u003eCherry Profile (Sculpted Ergonomic)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKey Count\u003c\/th\u003e\n\u003ctd\u003e146 Keys (Complete Set)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eLayout Support\u003c\/th\u003e\n\u003ctd\u003eANSI \u0026amp; ISO Compatible\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKeyboard Sizes\u003c\/th\u003e\n\u003ctd\u003e61 \/ 64 \/ 68 \/ 75 \/ 80 \/ 84 \/ 87 \/ 96 \/ 98 \/ 104 \/ 108-key \u0026amp; More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSwitch Type\u003c\/th\u003e\n\u003ctd\u003eCherry MX \u0026amp; MX-Style (Gateron, Kailh, Outemu \u0026amp; Similar)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003ePremium PBT (Wear \u0026amp; Fade Resistant)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePrinting Method\u003c\/th\u003e\n\u003ctd\u003eDye-Sublimation (Permanent \u0026amp; Deep-Embedded)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-alert\"\u003e\n\u003cspan class=\"pm-alert-icon\"\u003e⚠️\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eCompatibility Notice:\u003c\/strong\u003e This keycap set is NOT compatible with non-standard 6U spacebars, membrane keyboards, laptop scissor switches, or ultra-thin keyboards. Works only with Cherry MX and MX-style mechanical switches. Verify your keyboard's switch type before ordering.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- LAYOUT SECTION HEADING --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📐\u003c\/span\u003e Layout Coverage \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c!-- SQUARE LAYOUT SECTION - IMAGE LEFT, TEXT RIGHT WITH LABEL --\u003e\u003cdiv class=\"pm-layout-section\"\u003e\n\u003cdiv class=\"pm-layout-img\"\u003e\n\u003cspan class=\"pm-layout-label\"\u003eKeycap Set Layout\u003c\/span\u003e \u003cimg loading=\"lazy\" alt=\"Cool Black Graffiti Themed Keycap Set - Layout - KeyArtisan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/cool-neon-rift-theme-artisan-graffiti-keycap-set-8143662.jpg?v=1769701472\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-layout-text\"\u003e\n\u003ch2 class=\"pm-layout-title\"\u003eUniversal Compatibility with Most Mechanical Keyboards\u003c\/h2\u003e\n\u003cul class=\"pm-layout-list\"\u003e\n\u003cli\u003e60% \/ 61-Key Compact Layouts\u003c\/li\u003e\n\u003cli\u003e64 \/ 65% Compact with Arrows\u003c\/li\u003e\n\u003cli\u003e68 \/ 75% Compact Full Function\u003c\/li\u003e\n\u003cli\u003e80% \/ 84 \/ 87% TKL (Tenkeyless)\u003c\/li\u003e\n\u003cli\u003e96% \/ 98% Extended Layouts\u003c\/li\u003e\n\u003cli\u003e104 \/ 108-Key Full-Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-layout-note\"\u003e\u003cstrong\u003e💡 Tip:\u003c\/strong\u003e Compatible with ANSI \u0026amp; ISO layouts. Not sure if your keyboard is compatible? Send us a photo or model number — our team is happy to verify compatibility before you order!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📦\u003c\/span\u003e Complete Package Contents\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e146-Key Keycap Set\u003c\/strong\u003e - Cherry profile with full graffiti artwork\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGraffiti Novelty Keys\u003c\/strong\u003e - All street art themed special keys included\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKeycap Puller Tool\u003c\/strong\u003e - Plastic puller for easy installation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePremium Box\u003c\/strong\u003e - High Quality Packaging\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-p pm-info-box\"\u003e\u003cstrong\u003e📝 Important:\u003c\/strong\u003e This listing includes \u003cstrong\u003eKEYCAPS ONLY\u003c\/strong\u003e. Keyboards, switches, and other accessories shown in product photos are for display purposes only and are NOT included in your purchase.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section with Heartbeat Animation --\u003e\u003cdiv class=\"pm-cta\"\u003e\n\u003ch2 class=\"pm-cta-title\"\u003e🎨 Own Your Style Today! 🏙️\u003c\/h2\u003e\n\u003cp class=\"pm-cta-text\"\u003eBring rebellious street art energy to your keyboard and make every keystroke a statement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Centered Help Section --\u003e\u003cdiv class=\"pm-card pm-help-center\"\u003e\n\u003cp class=\"pm-p\"\u003e\u003cstrong\u003e💬 Questions? We're Here to Help!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eNeed advice on compatibility with your keyboard? Wondering about the profile feel? Want to know more about the graffiti artwork details?\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eOur KeyArtisan support team loves helping fellow keyboard enthusiasts! We typically respond within 24 hours and can answer any questions about installation, compatibility, or building your perfect setup. 😊\u003c\/p\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003cp class=\"pm-p\" style=\"margin-bottom: 0; font-size: 13px;\"\u003e\u003cstrong\u003e🏙️ The Streets Are Calling\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"pm-p\" style=\"margin-bottom: 0; font-size: 13px;\"\u003eBold, expressive, and dripping with urban personality — the Cool Black Graffiti Themed Keycap Set is the ultimate choice for artists, gamers, and anyone who wants to bring the spirit of street culture, creative rebellion, and raw artistic energy to their daily typing experience. Every keystroke becomes a statement. 🎨✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Footer Info - MINIMAL SPACING --\u003e\u003cdiv class=\"pm-footer-info\"\u003e\u003cdiv class=\"pm-footer-badges\"\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e📧\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eFull Order Tracking Included\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e🌍\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eWorldwide Shipping Available\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e💝\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003ePremium Quality Guaranteed\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406836801751,"sku":null,"price":76.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/cool-neon-rift-theme-artisan-graffiti-keycap-set-2051200.jpg?v=1783490263","url":"https:\/\/rolipan.com\/products\/cool-neon-rift-theme-artisan-graffiti-keycap-set","provider":"rolipan","version":"1.0","type":"link"}