{"product_id":"coffee-bunny-theme-artisan-keycap-set","title":"Coffee Bunny Theme Artisan Keycap Set","description":"\u003c!-- Coffee Bunny Theme Artisan Keycap Set — Enhanced E-Commerce Page --\u003e\u003cstyle\u003e  :root{    --pm-text:#111827;    --pm-muted:#6b7280;    --pm-border:#e5e7eb;    --pm-soft:#fef9f5;    --pm-radius:16px;    --pm-coffee:#8b6f47;    --pm-mocha:#c8a882;    --pm-cream:#f5e6d3;    --pm-vanilla:#fff8f0;    --pm-latte:#e8d4c0;    --pm-gradient: linear-gradient(135deg, #8b6f47 0%, #c8a882 50%, #f5e6d3 100%);  }  * { box-sizing: border-box; }  .pm-wrap{    max-width: 1020px;    margin: 0 auto;    padding: 24px 16px 48px;    color: var(--pm-text);    line-height: 1.7;    font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;    overflow-x: hidden;  }  \/* ===== HERO BADGE - CENTERED ===== *\/  .pm-hero-badge{    display: inline-flex;    align-items: center;    gap: 6px;    padding: 6px 14px;    background: var(--pm-gradient);    color: #fff;    font-size: 12px;    font-weight: 800;    border-radius: 20px;    margin-bottom: 12px;    letter-spacing: 0.3px;    text-transform: uppercase;    box-shadow: 0 4px 12px rgba(139,111,71,0.4);  }  .pm-badge-center{    text-align: center;    margin-bottom: 16px;  }  .pm-title{    font-size: 32px;    font-weight: 900;    letter-spacing: -0.5px;    margin: 0 0 12px;    line-height: 1.2;    min-height: auto;    background: linear-gradient(135deg, #111827 0%, #4b5563 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-sub{    margin: 0 0 18px;    color: var(--pm-muted);    font-size: 15px;    font-weight: 600;    display: flex;    align-items: center;    gap: 12px;    flex-wrap: wrap;  }  .pm-sub span{    display: inline-flex;    align-items: center;    gap: 4px;  }  \/* ===== CARDS ===== *\/  .pm-card{    border: 1px solid var(--pm-border);    border-radius: 20px;    background: #fff;    padding: 28px 24px;    box-shadow: 0 1px 3px rgba(0,0,0,0.05);    margin-bottom: 16px;    overflow: hidden;  }  .pm-p{    margin: 12px 0;    color: #374151;    font-size: 15px;    line-height: 1.75;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-h3{    margin: 24px 0 14px;    font-size: 18px;    font-weight: 900;    letter-spacing: -0.3px;    display:flex;    align-items:center;    gap:12px;    color: #111827;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-ico{    width: 32px;    height: 32px;    display:inline-grid;    place-items:center;    border-radius: 10px;    background: var(--pm-vanilla);    border: 1px solid var(--pm-cream);    font-size: 16px;    flex-shrink: 0;  }  .pm-ul{    margin: 0;    padding-left: 0;    color:#374151;    font-size: 15px;    list-style: none;  }  .pm-ul li{     margin: 10px 0;    padding-left: 28px;    position: relative;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-ul li:before{    content: \"✓\";    position: absolute;    left: 0;    color: #8b6f47;    font-weight: 900;    font-size: 16px;  }  .pm-hr{    border: 0;    border-top: 2px solid var(--pm-soft);    margin: 24px 0;  }  \/* ===== TRUST BADGES WITH HOVER ===== *\/  .pm-trust{    display: grid;    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));    gap: 12px;    margin: 24px 0;  }  .pm-trust-item{    display: flex;    align-items: center;    gap: 12px;    padding: 14px;    background: var(--pm-vanilla);    border: 1px solid var(--pm-cream);    border-radius: 12px;    font-size: 13px;    font-weight: 700;    color: #111827;    transition: all 0.3s ease;    cursor: pointer;  }  .pm-trust-item:hover{    transform: translateY(-4px);    box-shadow: 0 8px 20px rgba(139,111,71,0.35);    background: linear-gradient(135deg, var(--pm-vanilla) 0%, #fff 100%);    border-color: var(--pm-mocha);  }  .pm-trust-icon{    width: 36px;    height: 36px;    background: #fff;    border-radius: 8px;    display: grid;    place-items: center;    font-size: 18px;    flex-shrink: 0;    transition: transform 0.3s ease;  }  .pm-trust-item:hover .pm-trust-icon{    transform: scale(1.15) rotate(5deg);  }  \/* ===== FEATURE GRID ===== *\/  .pm-feature-grid{    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 16px;    margin: 24px 0;  }  .pm-feature-card{    padding: 20px;    background: linear-gradient(135deg, #fff 0%, var(--pm-soft) 100%);    border: 1px solid var(--pm-border);    border-radius: 16px;    text-align: center;    transition: transform 0.3s ease, box-shadow 0.3s ease;  }  .pm-feature-card:hover{    transform: translateY(-4px);    box-shadow: 0 8px 24px rgba(139,111,71,0.15);  }  .pm-feature-icon{    font-size: 32px;    margin-bottom: 12px;  }  .pm-feature-title{    font-size: 15px;    font-weight: 800;    color: #111827;    margin: 0 0 6px;  }  .pm-feature-desc{    font-size: 13px;    color: var(--pm-muted);    margin: 0;  }  \/* ===== SPECS TABLE - ENHANCED WITH HOVER ===== *\/  .pm-table-wrapper{    transition: transform 0.3s ease, box-shadow 0.3s ease;    border-radius: 16px;    overflow: hidden;  }  .pm-table-wrapper:hover{    transform: translateY(-2px);    box-shadow: 0 8px 24px rgba(0,0,0,0.12);  }  .pm-table{    width: 100%;    border-collapse: separate;    border-spacing: 0;    overflow: hidden;    border: 1px solid var(--pm-border);    border-radius: 16px;    background: #fff;  }  .pm-table th,  .pm-table td{    padding: 16px;    border-bottom: 1px solid var(--pm-border);    font-size: 14px;    text-align: left;    transition: background 0.2s ease;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-table tr:hover th,  .pm-table tr:hover td{    background: var(--pm-vanilla);  }  .pm-table tr:last-child th,  .pm-table tr:last-child td{ border-bottom: 0; }  .pm-table th{    width: 38%;    color:#374151;    font-weight: 900;    font-size: 13px;    text-transform: uppercase;    letter-spacing: .04em;    background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);  }  .pm-table td{    font-weight: 700;    color:#111827;    background:#ffffff;  }  \/* ===== ALERT - ENHANCED WITH HOVER ===== *\/  .pm-alert{    margin-top: 16px;    padding: 16px 18px;    border: 2px solid #fee2e2;    background: #fef2f2;    border-radius: 14px;    color:#991b1b;    font-size: 14px;    font-weight: 600;    display: flex;    align-items: flex-start;    gap: 10px;    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-alert:hover{    transform: translateY(-2px);    box-shadow: 0 6px 20px rgba(220, 38, 38, 0.15);    border-color: #fecaca;  }  .pm-alert-icon{    font-size: 20px;    flex-shrink: 0;  }  \/* ===== INFO BOX - ENHANCED WITH HOVER ===== *\/  .pm-info-box{    padding: 12px 16px;    background: var(--pm-soft);    border-radius: 12px;    border-left: 4px solid #8b6f47;    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-info-box:hover{    transform: translateX(4px);    box-shadow: 0 4px 16px rgba(139, 111, 71, 0.2);    border-color: #6d5737;  }  \/* ===== 3-IMAGE GRID WITH LABELS (TOP SECTION) ===== *\/  .pm-image-grid{    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 12px;    margin: 24px 0;  }  .pm-grid-img{    position: relative;    overflow: hidden;    border-radius: 16px;    border: 1px solid var(--pm-border);    line-height: 0;    height: 350px;  }  .pm-grid-img img{    width: 100%;    height: 100%;    object-fit: cover;    display: block;    transform: scale(1);    transition: transform 0.5s ease;  }  .pm-grid-img:hover img{    transform: scale(1.08);  }  \/* Image Label Badge - Top Right Corner *\/  .pm-img-label{    position: absolute;    top: 12px;    right: 12px;    background: rgba(255, 255, 255, 0.95);    padding: 6px 12px;    border-radius: 8px;    font-size: 11px;    font-weight: 800;    color: #111827;    text-transform: uppercase;    letter-spacing: 0.5px;    box-shadow: 0 2px 8px rgba(0,0,0,0.1);    z-index: 2;    backdrop-filter: blur(4px);    border: 1px solid rgba(0,0,0,0.05);  }  \/* ===== RECTANGLE IMAGE SECTION (Between Content) ===== *\/  .pm-rectangle-image{    margin: 32px 0;    border-radius: 16px;    overflow: hidden;    border: 1px solid var(--pm-border);    line-height: 0;    height: 480px;  }  .pm-rectangle-image img{    width: 100%;    height: 100%;    object-fit: cover;    display: block;    transition: transform 0.5s ease;  }  .pm-rectangle-image:hover img{    transform: scale(1.05);  }  \/* ===== LAYOUT SECTION - SQUARE WITH IMAGE LEFT \u0026 TEXT RIGHT ===== *\/  .pm-layout-section{    margin: 32px 0;    display: grid;    grid-template-columns: 1fr 1fr;    gap: 24px;    align-items: stretch;    overflow: hidden;  }  .pm-layout-img{    width: 100%;    aspect-ratio: 1\/1;    border-radius: 0px;    border: 2px solid var(--pm-border);    overflow: hidden;    line-height: 0;    background: #fff;    display: flex;    align-items: center;    justify-content: center;    max-width: 100%;  }  .pm-layout-img img{    width: 100%;    height: 100%;    object-fit: contain;    display: block;    padding: 0px;    max-width: 100%;  }  .pm-layout-text{    aspect-ratio: 1\/1;    padding: 24px 20px;    background: var(--pm-soft);    border-radius: 0px;    border: 2px solid var(--pm-cream);    display: flex;    flex-direction: column;    justify-content: center;    overflow: hidden;    max-width: 100%;  }  .pm-layout-title{    font-size: 18px;    font-weight: 900;    color: #111827;    margin: 0 0 20px;    line-height: 1.4;    word-wrap: break-word;    overflow-wrap: break-word;    hyphens: auto;  }  .pm-layout-list{    margin: 0 0 14px 0;    padding-left: 0;    list-style: none;  }  .pm-layout-list li{    padding: 10px 0;    font-size: 14px;    font-weight: 600;    color: #374151;    position: relative;    padding-left: 28px;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-layout-list li:before{    content: \"✓\";    position: absolute;    left: 0;    color: #8b6f47;    font-weight: 900;    font-size: 18px;  }  .pm-layout-note{    font-size: 13px;    color: var(--pm-muted);    line-height: 1.7;    margin: 0;    font-style: italic;    padding: 12px;    background: rgba(139,111,71,0.1);    border-radius: 8px;    word-wrap: break-word;    overflow-wrap: break-word;  }  \/* ===== FULL WIDTH IMAGE - ENHANCED QUALITY ===== *\/  .pm-full-width-section{    width: 100vw;    margin-left: calc(-50vw + 50%);    margin-top: 32px;    margin-bottom: 32px;    overflow: hidden;  }  .pm-full-width-img{    width: 100%;    height: 600px;    overflow: hidden;    position: relative;    background: #fef9f5;  }  .pm-full-width-img img{    width: 100%;    height: 100%;    object-fit: cover;    object-position: center;    display: block;    transform: scale(1);    transition: transform 0.6s ease;    image-rendering: -webkit-optimize-contrast;    image-rendering: crisp-edges;    backface-visibility: hidden;    -webkit-backface-visibility: hidden;    filter: contrast(1.03) saturate(1.08) brightness(1.02);    -webkit-filter: contrast(1.03) saturate(1.08) brightness(1.02);  }  .pm-full-width-img:hover img{    transform: scale(1.05);  }  \/* ===== CTA SECTION WITH ADJUSTED SPACING ===== *\/  .pm-cta{    margin-top: 32px;    padding: 32px 28px;    background: var(--pm-gradient);    border-radius: 20px;    text-align: center;    color: #fff;    box-shadow: 0 8px 24px rgba(139,111,71,0.45);  }  .pm-cta-title{    font-size: 24px;    font-weight: 900;    margin: 0 0 10px;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-cta-text{    font-size: 15px;    margin: 0 0 12px;    opacity: 0.95;    word-wrap: break-word;    overflow-wrap: break-word;  }  .pm-cta-btn{    display: inline-block;    padding: 14px 32px;    background: #fff;    color: #111827;    font-size: 15px;    font-weight: 800;    border-radius: 12px;    text-decoration: none;    transition: transform 0.2s ease, box-shadow 0.2s ease;    box-shadow: 0 4px 12px rgba(0,0,0,0.1);    cursor: pointer;    animation: heartbeat-slow 3s ease-in-out infinite;  }  .pm-cta-btn:hover{    transform: translateY(-2px) scale(1.05);    box-shadow: 0 6px 20px rgba(0,0,0,0.15);    animation: heartbeat-hover 2s ease-in-out infinite;  }  @keyframes heartbeat-slow {    0%, 100% { transform: scale(1); }    7% { transform: scale(1.03); }    14% { transform: scale(1); }    21% { transform: scale(1.03); }    28% { transform: scale(1); }  }  @keyframes heartbeat-hover {    0%, 100% { transform: translateY(-2px) scale(1.05); }    50% { transform: translateY(-2px) scale(1.08); }  }  \/* ===== CENTERED HELP SECTION ===== *\/  .pm-help-center{    text-align: center;    margin-top: 32px;  }  \/* ===== FOOTER INFO - MINIMAL SPACING ===== *\/  .pm-footer-info{    margin-top: 16px;    margin-bottom: 0;    padding: 14px 18px;    text-align: center;    background: var(--pm-soft);    border-radius: 20px;    border: 1px solid var(--pm-border);  }  .pm-footer-badges{    display: flex;    flex-wrap: wrap;    justify-content: center;    gap: 20px;    font-size: 13px;    color: var(--pm-muted);    margin: 0;  }  .pm-footer-badge-item{    display: flex;    align-items: center;    gap: 6px;  }  .pm-footer-badge-icon{    font-size: 16px;  }  \/* ===== RESPONSIVE - TABLET ===== *\/  @media (max-width: 860px){    .pm-wrap{       padding: 16px 12px 32px;     }        .pm-title{       font-size: 24px;     }        .pm-sub{       font-size: 14px;       gap: 10px;    }        .pm-card{       padding: 20px 16px;     }        .pm-p{       font-size: 14px;     }        .pm-h3{       font-size: 17px;       margin: 20px 0 12px;    }        .pm-ico{      width: 28px;      height: 28px;      font-size: 14px;    }        .pm-ul{       font-size: 14px;     }        .pm-ul li{      padding-left: 24px;    }        .pm-ul li:before{      font-size: 14px;    }        .pm-trust{       grid-template-columns: 1fr;       gap: 10px;    }        .pm-trust-item{      padding: 12px;      font-size: 12px;    }        .pm-trust-icon{      width: 32px;      height: 32px;      font-size: 16px;    }        .pm-feature-grid{       grid-template-columns: repeat(2, 1fr);       gap: 12px;    }        .pm-feature-card{      padding: 16px;    }        .pm-feature-icon{      font-size: 28px;      margin-bottom: 10px;    }        .pm-feature-title{      font-size: 14px;    }        .pm-feature-desc{      font-size: 12px;    }        .pm-table th,    .pm-table td{      padding: 12px;      font-size: 13px;    }        .pm-table th{      font-size: 11px;    }        .pm-alert{      padding: 14px 16px;      font-size: 13px;    }        .pm-alert-icon{      font-size: 18px;    }        .pm-cta{       padding: 24px 20px;     }        .pm-cta-title{       font-size: 20px;     }        .pm-cta-text{       font-size: 14px;      margin: 0 0 10px;     }        .pm-cta-btn{      padding: 12px 28px;      font-size: 14px;    }        .pm-image-grid{       grid-template-columns: 1fr;      gap: 10px;    }        .pm-grid-img{      height: 300px;    }        .pm-img-label{      font-size: 10px;      padding: 5px 10px;      top: 10px;      right: 10px;    }        .pm-rectangle-image{      height: 350px;      margin: 24px 0;    }        .pm-layout-section{      grid-template-columns: 1fr;      gap: 16px;      margin: 24px 0;    }        .pm-layout-img,    .pm-layout-text{      aspect-ratio: 1\/1;      max-width: 100%;    }        .pm-layout-text{      padding: 20px 16px;    }        .pm-layout-title{      font-size: 16px;      margin: 0 0 16px;    }        .pm-layout-list li{      font-size: 13px;      padding: 8px 0;      padding-left: 24px;    }        .pm-layout-list li:before{      font-size: 16px;    }        .pm-layout-note{      font-size: 12px;      padding: 10px;    }        .pm-full-width-img{      height: 400px;    }        .pm-footer-badges{      font-size: 12px;      gap: 16px;    }  }  \/* ===== RESPONSIVE - MOBILE ===== *\/  @media (max-width: 500px){    .pm-wrap{       padding: 12px 10px 28px;      max-width: 100%;      overflow-x: hidden;    }        .pm-hero-badge{      font-size: 10px;      padding: 5px 12px;    }        .pm-title{       font-size: 18px;       line-height: 1.3;       margin-bottom: 10px;    }        .pm-sub{       font-size: 11px;       gap: 6px;    }        .pm-card{       padding: 16px 12px;       border-radius: 16px;    }        .pm-p{       font-size: 13px;      line-height: 1.65;      margin: 10px 0;    }        .pm-h3{       font-size: 14px;       margin: 16px 0 10px;      gap: 8px;    }        .pm-ico{      width: 24px;      height: 24px;      font-size: 12px;    }        .pm-ul{       font-size: 12px;     }        .pm-ul li{      margin: 8px 0;      padding-left: 20px;    }        .pm-ul li:before{      font-size: 12px;    }        .pm-hr{      margin: 16px 0;    }        .pm-trust{       grid-template-columns: 1fr;       gap: 8px;      margin: 16px 0;    }        .pm-trust-item{      padding: 10px;      font-size: 11px;    }        .pm-trust-icon{      width: 28px;      height: 28px;      font-size: 14px;    }        .pm-feature-grid{       grid-template-columns: 1fr;       gap: 10px;      margin: 16px 0;    }        .pm-feature-card{      padding: 12px;    }        .pm-feature-icon{      font-size: 22px;      margin-bottom: 8px;    }        .pm-feature-title{      font-size: 12px;      margin-bottom: 4px;    }        .pm-feature-desc{      font-size: 10px;    }        .pm-table-wrapper{      border-radius: 12px;      overflow-x: auto;      -webkit-overflow-scrolling: touch;    }        .pm-table{      border-radius: 12px;      min-width: 100%;    }        .pm-table th,    .pm-table td{      padding:  10px 8px;      font-size: 11px;    }        .pm-table th{      font-size: 9px;      width: 35%;    }        .pm-alert{      padding: 12px 14px;      font-size: 11px;      border-radius: 12px;    }        .pm-alert-icon{      font-size: 16px;    }        .pm-info-box{      font-size: 11px;      padding: 10px 12px;    }        .pm-cta{       padding: 20px 14px;      margin-top: 24px;      border-radius: 16px;    }        .pm-cta-title{       font-size: 17px;       margin-bottom: 8px;    }        .pm-cta-text{       font-size: 12px;      margin: 0 0 10px;     }        .pm-cta-btn{      padding: 11px 24px;      font-size: 12px;      border-radius: 10px;    }        .pm-image-grid{       grid-template-columns: 1fr;      gap: 8px;      margin: 16px 0;    }        .pm-grid-img{      height: 250px;      border-radius: 12px;    }        .pm-img-label{      font-size: 8px;      padding: 4px 8px;      top: 8px;      right: 8px;      border-radius: 6px;    }        .pm-rectangle-image{      height: 280px;      margin: 20px 0;      border-radius: 12px;    }        .pm-layout-section{      grid-template-columns: 1fr;      gap: 12px;      margin: 20px 0;      overflow: hidden;    }        .pm-layout-img{      border-radius: 12px;      border: 1px solid var(--pm-border);      aspect-ratio: 1\/1;      max-width: 100%;    }        .pm-layout-img img{      max-width: 100%;      height: auto;    }        .pm-layout-text{      padding: 14px 12px;      border-radius: 12px;      border: 1px solid var(--pm-cream);      aspect-ratio: auto;      min-height: auto;    }        .pm-layout-title{      font-size: 13px;      margin: 0 0 12px;      line-height: 1.4;    }        .pm-layout-list{      margin: 0 0 10px 0;    }        .pm-layout-list li{      font-size: 11px;      padding: 5px 0;      padding-left: 20px;      line-height: 1.5;    }        .pm-layout-list li:before{      font-size: 13px;    }        .pm-layout-note{      font-size: 10px;      padding: 8px;      line-height: 1.5;    }        .pm-full-width-section{      margin-top: 20px;      margin-bottom: 20px;    }        .pm-full-width-img{      height: 280px;    }        .pm-help-center{      margin-top: 24px;    }        .pm-help-center .pm-p{      font-size: 12px;    }        .pm-footer-info{      padding: 10px 14px;      border-radius: 16px;      margin-top: 12px;    }        .pm-footer-badges{      gap: 12px;      flex-direction: column;      align-items: center;      font-size: 11px;    }        .pm-footer-badge-icon{      font-size: 14px;    }  }\u003c\/style\u003e\u003cdiv class=\"pm-wrap\"\u003e\n\u003c!-- Hero Badge - CENTERED --\u003e\u003cdiv class=\"pm-badge-center\"\u003e\u003cdiv class=\"pm-hero-badge\"\u003e✨ New Arrival • Coffee Bunny Theme\u003c\/div\u003e\u003c\/div\u003e\n\u003c!-- PRODUCT IMAGES IN 3-IMAGE GRID WITH TOP-RIGHT LABELS --\u003e\u003cdiv class=\"pm-image-grid\"\u003e\n\u003c!-- Main Product View - Full Keycap Set --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eMain Product View\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7703270322_28je.jpg?v=1770921208\" alt=\"Coffee Bunny Theme Artisan Keycap Set — Full keycap set display\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c!-- Lifestyle Setup View - On Keyboard --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eLifestyle Setup\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7703267934_c4rl.jpg?v=1770921209\" alt=\"Coffee Bunny Theme Artisan Keycap Set for Mechanical Keyboard | Cute Cozy Cafe Pastel Keycaps, Cherry Profile, PBT Dye-Sub – KeyArtisan®\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c!-- Close-Up Detail Shot --\u003e\u003cdiv class=\"pm-grid-img\"\u003e\n\u003cspan class=\"pm-img-label\"\u003eDetail Close-Up\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/coffee-bunny-theme-artisan-keycap-set-5516983.jpg?v=1771454958\" alt=\"Coffee Bunny Theme Artisan Keycap Set - KeyArtisan\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch1 class=\"pm-title\"\u003eCoffee Bunny Theme Artisan Keycap Set\u003c\/h1\u003e\n\u003cdiv class=\"pm-sub\"\u003e\n\u003cspan\u003e☕ Coffee Shop Theme\u003c\/span\u003e \u003cspan\u003e🐰 Cute Bunny\u003c\/span\u003e \u003cspan\u003e💎 Premium PBT\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pm-p\"\u003eLooking for a keycap set that feels warm, cozy, and softly brewed like your favorite café corner? ☕🐰⌨️\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eThe \u003cstrong\u003eCoffee Bunny Theme Artisan Keycaps\u003c\/strong\u003e blends adorable cute bunny illustrations with sweet bakery details and creamy coffee tones. Featuring croissants, cakes, coffee cups, plaid accents, and soft handwritten-style legends, this set captures the calm charm of a quiet coffee shop morning.\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eWith its warm brown, blush mocha, and creamy vanilla palette, every key feels comforting, aesthetic, and easy on the eyes — perfect for cozy desk setups and café-inspired spaces.\u003c\/p\u003e\n\u003c!-- Trust Badges with Hover Effects --\u003e\u003cdiv class=\"pm-trust\"\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🚚\u003c\/div\u003e\n\u003cdiv\u003eFree Shipping Over $100\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e🔒\u003c\/div\u003e\n\u003cdiv\u003eSecure Checkout\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-trust-item\"\u003e\n\u003cdiv class=\"pm-trust-icon\"\u003e↩️\u003c\/div\u003e\n\u003cdiv\u003e60-Day Returns\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- Feature Grid - 6 items --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e✨\u003c\/span\u003e Why You'll Love It\u003c\/h3\u003e\n\u003cdiv class=\"pm-feature-grid\"\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003ePremium Quality\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003ePremium PBT with fade-resistant dye-sub legends\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🐰\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eCoffee Bunny Theme\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eAdorable bunnies with bakery and café details\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e⌨️\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eCherry Profile\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eComfortable sculpted design for all-day typing\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🍪\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eBakery Details\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eCroissants, cakes, coffee \u0026amp; plaid accents\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e💪\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eLong-Lasting\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eDurable PBT that stays pristine over time\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-feature-card\"\u003e\n\u003cdiv class=\"pm-feature-icon\"\u003e🎁\u003c\/div\u003e\n\u003ch4 class=\"pm-feature-title\"\u003eGift-Ready\u003c\/h4\u003e\n\u003cp class=\"pm-feature-desc\"\u003eBeautiful premium packaging included\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🌸\u003c\/span\u003e Premium Materials \u0026amp; Craftsmanship\u003c\/h3\u003e\n\u003cp class=\"pm-p\"\u003eCrafted from premium \u003cstrong\u003ePBT material\u003c\/strong\u003e using high-quality \u003cstrong\u003edye-sublimation\u003c\/strong\u003e printing, these keycaps offer long-lasting clarity and resistance to shine. The \u003cstrong\u003eCherry profile\u003c\/strong\u003e provides a comfortable, sculpted typing experience with a smooth matte texture that feels soft yet satisfying for everyday use.\u003c\/p\u003e\n\u003cp class=\"pm-p\"\u003eWhether you're gaming, working, or decorating your dream desk, this set adds a gentle café personality that feels calming and delightful with every keystroke.\u003c\/p\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e🎀\u003c\/span\u003e Theme \u0026amp; Aesthetic\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003eCoffee shop \u0026amp; bakery-inspired aesthetic\u003c\/li\u003e\n\u003cli\u003eCute bunny character details\u003c\/li\u003e\n\u003cli\u003eCroissants, cakes, coffee \u0026amp; plaid accents\u003c\/li\u003e\n\u003cli\u003eWarm mocha, cream, and soft brown tones\u003c\/li\u003e\n\u003cli\u003eCozy, calm, and café-style atmosphere\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- RECTANGLE IMAGE BETWEEN SECTIONS --\u003e\u003cdiv class=\"pm-rectangle-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7703266618_5ah9.jpg?v=1770921209\" alt=\"Coffee Bunny Theme Artisan Keycap Set for Mechanical Keyboard | Cute Cozy Cafe Pastel Keycaps, Cherry Profile, PBT Dye-Sub – KeyArtisan®\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e💎\u003c\/span\u003e Material \u0026amp; Build Quality\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003ePremium PBT keycaps\u003c\/li\u003e\n\u003cli\u003eDye-sublimation printing for fade-resistant legends\u003c\/li\u003e\n\u003cli\u003eCherry profile (comfortable sculpted height)\u003c\/li\u003e\n\u003cli\u003eSmooth matte texture\u003c\/li\u003e\n\u003cli\u003eDurable and ideal for daily typing\u003c\/li\u003e\n\u003cli\u003eHandwritten-style legends for cozy aesthetic\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e⚙️\u003c\/span\u003e Compatibility Details\u003c\/h3\u003e\n\u003cdiv class=\"pm-table-wrapper\"\u003e\u003ctable class=\"pm-table\" role=\"table\" aria-label=\"Keyboard compatibility\" style=\"width: 100%; height: auto;\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eSupported Layouts\u003c\/th\u003e\n\u003ctd\u003eANSI \u0026amp; ISO layouts supported\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSwitch Compatibility\u003c\/th\u003e\n\u003ctd\u003eMX-style (cross) mechanical switches\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKeyboard Sizes\u003c\/th\u003e\n\u003ctd\u003e60%, 65%, 75%, 80% (TKL), 96%, 100%, Alice\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eProfile Type\u003c\/th\u003e\n\u003ctd\u003eCherry Profile\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003ePremium PBT\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePrinting Method\u003c\/th\u003e\n\u003ctd\u003eDye-Sublimation (permanent, fade-resistant)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-alert\"\u003e\n\u003cspan class=\"pm-alert-icon\"\u003e⚠️\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eImportant:\u003c\/strong\u003e Not compatible with membrane keyboards, scissor-switch laptops, or low-profile mechanical keyboards. Only works with standard MX-style switches.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003c!-- LAYOUT SECTION HEADING --\u003e\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📐\u003c\/span\u003e Layout \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c!-- SQUARE LAYOUT SECTION - IMAGE LEFT, TEXT RIGHT (MOBILE OVERFLOW FIXED) --\u003e\u003cdiv class=\"pm-layout-section\"\u003e\n\u003cdiv class=\"pm-layout-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/il_NxN.7751205219_oa98.jpg?v=1770921208\" alt=\"Coffee Bunny Theme Artisan Keycap Set — Full layout view\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-layout-text\"\u003e\n\u003ch2 class=\"pm-layout-title\"\u003eCompatible with these keyboard layouts:\u003c\/h2\u003e\n\u003cul class=\"pm-layout-list\"\u003e\n\u003cli\u003e60%\u003c\/li\u003e\n\u003cli\u003e65%\u003c\/li\u003e\n\u003cli\u003e75%\u003c\/li\u003e\n\u003cli\u003e80% (TKL)\u003c\/li\u003e\n\u003cli\u003e96%\u003c\/li\u003e\n\u003cli\u003e100% Full-Size\u003c\/li\u003e\n\u003cli\u003eAlice Layout supported\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-layout-note\"\u003e\u003cstrong\u003e💡 Note:\u003c\/strong\u003e Compatible with most ANSI \u0026amp; ISO mechanical keyboards. Not sure if yours is compatible? Contact us — we're happy to help!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FULL WIDTH IMAGE SECTION --\u003e\u003cdiv class=\"pm-card\"\u003e\n\u003ch3 class=\"pm-h3\"\u003e\n\u003cspan class=\"pm-ico\"\u003e📦\u003c\/span\u003e What's Included\u003c\/h3\u003e\n\u003cul class=\"pm-ul\"\u003e\n\u003cli\u003eFull keycap set (ANSI \u0026amp; ISO layout coverage)\u003c\/li\u003e\n\u003cli\u003eMultiple keycap sizes for various layouts\u003c\/li\u003e\n\u003cli\u003eKeycap puller tool (for easy installation)\u003c\/li\u003e\n\u003cli\u003ePremium gift box packaging\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"pm-p pm-info-box\"\u003e\u003cstrong\u003e📝 Important Note:\u003c\/strong\u003e This listing includes \u003cstrong\u003ekeycaps only\u003c\/strong\u003e. Keyboard, desk mat, and accessories shown in photos are for display purposes only.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section with Slower Heartbeat Animation --\u003e\u003cdiv class=\"pm-cta\"\u003e\n\u003ch2 class=\"pm-cta-title\"\u003e☕ Transform Your Keyboard Today ✨\u003c\/h2\u003e\n\u003cp class=\"pm-cta-text\"\u003eJoin thousands of happy customers who've upgraded to cozy perfection\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Centered Help Section --\u003e\u003cdiv class=\"pm-card pm-help-center\"\u003e\n\u003cp class=\"pm-p\"\u003e\u003cstrong\u003e💬 Need Help?\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eStill have questions about compatibility or want styling advice for your setup?\u003cbr\u003eMessage us anytime at KeyArtisan — we typically reply within 24 hours and love helping you create your perfect desk aesthetic! 💌\u003c\/p\u003e\n\u003chr class=\"pm-hr\"\u003e\n\u003cp class=\"pm-p\" style=\"margin-bottom: 0; font-size: 12px;\"\u003e\u003cstrong\u003e🌿 Your Perfect Desk Companion\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eSoft, warm, and freshly brewed.\u003cbr\u003eThe Coffee Bunny Theme Artisan Keycaps is perfect for café lovers, cozy desk enthusiasts, and anyone who wants their keyboard to feel like a peaceful coffee break ☕🐰✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Footer Info - MINIMAL SPACING --\u003e\u003cdiv class=\"pm-footer-info\"\u003e\u003cdiv class=\"pm-footer-badges\"\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e📧\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eOrder Tracking Included\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e🌍\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eShips Worldwide\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-footer-badge-item\"\u003e\n\u003cspan class=\"pm-footer-badge-icon\"\u003e💝\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003ePremium Quality Guaranteed\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Rolipan","offers":[{"title":"Default Title","offer_id":49406839587031,"sku":null,"price":48.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/3763\/5287\/files\/coffee-bunny-theme-artisan-keycap-set-7119253.jpg?v=1783490288","url":"https:\/\/rolipan.com\/products\/coffee-bunny-theme-artisan-keycap-set","provider":"rolipan","version":"1.0","type":"link"}