{"product_id":"im-gay-mug-funny-color-changing-coffee-mug-white-elephant-gag-gifts","title":"I'm Gay Mug, Funny Color Changing Coffee Mug, White Elephant Gag Gifts","description":"\u003cstyle\u003e\n  .krejova-reveal-mug {\n    --krm-black: #111111;\n    --krm-ink: #242424;\n    --krm-paper: #fffdf8;\n    --krm-muted: #6f6b73;\n    --krm-red: #ef4e4e;\n    --krm-orange: #ff993a;\n    --krm-yellow: #f4d640;\n    --krm-green: #45a86a;\n    --krm-blue: #4682d8;\n    --krm-purple: #8057ad;\n    --krm-line: #e7e2da;\n\n    width: 100%;\n    max-width: 760px;\n    min-width: 0;\n    margin: 0 auto;\n    container-type: inline-size;\n\n    color: var(--krm-ink);\n    font-family: Arial, Helvetica, sans-serif;\n    line-height: 1.55;\n    overflow-wrap: break-word;\n  }\n\n  .krejova-reveal-mug,\n  .krejova-reveal-mug * {\n    box-sizing: border-box;\n    min-width: 0;\n  }\n\n  .krejova-reveal-mug h2,\n  .krejova-reveal-mug h3,\n  .krejova-reveal-mug p {\n    margin-top: 0;\n  }\n\n  .krejova-reveal-mug h2,\n  .krejova-reveal-mug h3 {\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  \/* HERO *\/\n\n  .krejova-reveal-mug .krm-hero {\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    padding: 30px 27px;\n    border: 1px solid #2a2a2a;\n    border-radius: 26px 26px 8px 8px;\n    background:\n      linear-gradient(\n        152deg,\n        rgba(255, 255, 255, 0.07) 0 42%,\n        transparent 43%\n      ),\n      var(--krm-black);\n    color: #ffffff;\n  }\n\n  .krejova-reveal-mug .krm-hero::before {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    top: -65px;\n    right: -45px;\n    width: 190px;\n    height: 190px;\n    border: 22px solid rgba(255, 255, 255, 0.06);\n    border-radius: 50%;\n  }\n\n  .krejova-reveal-mug .krm-hero-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    align-items: center;\n    gap: 25px;\n  }\n\n  .krejova-reveal-mug .krm-lab-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 15px;\n    padding: 7px 10px;\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    border-radius: 999px;\n    color: #f5db62;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 1.3px;\n    text-transform: uppercase;\n  }\n\n  .krejova-reveal-mug .krm-lab-label::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    flex: 0 0 7px;\n    margin-right: 22px;\n    border-radius: 50%;\n    background: #ff655f;\n    box-shadow:\n      11px 0 0 #f2d844,\n      22px 0 0 #4fb876;\n  }\n\n  .krejova-reveal-mug .krm-hero h2 {\n    margin-bottom: 15px;\n    font-size: 42px;\n    font-size: clamp(34px, 10cqw, 48px);\n    line-height: 0.98;\n    letter-spacing: -1.6px;\n  }\n\n  .krejova-reveal-mug .krm-hero h2 span {\n    display: block;\n    background: linear-gradient(\n      90deg,\n      #ff6864,\n      #ffb541,\n      #f2da49,\n      #55bc77,\n      #5aa3ed,\n      #a374cc\n    );\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n  }\n\n  .krejova-reveal-mug .krm-hero-copy {\n    margin-bottom: 0;\n    color: #dedadf;\n    font-size: 14px;\n  }\n\n  \/* MUG ILLUSTRATION *\/\n\n  .krejova-reveal-mug .krm-mug-stage {\n    position: relative;\n    width: 100%;\n    max-width: 350px;\n    margin: 0 auto;\n    padding: 14px;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 50% 50% 20px 20px;\n    background:\n      radial-gradient(\n        circle at 50% 45%,\n        rgba(255, 255, 255, 0.18),\n        transparent 58%\n      );\n  }\n\n  .krejova-reveal-mug .krm-mug-art {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n  .krejova-reveal-mug .krm-heat-chip {\n    position: absolute;\n    right: 8px;\n    bottom: 10px;\n    padding: 7px 10px;\n    border-radius: 999px;\n    background: #ffffff;\n    color: #222222;\n    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25);\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 0.5px;\n  }\n\n  .krejova-reveal-mug .krm-steam-one,\n  .krejova-reveal-mug .krm-steam-two {\n    animation: krm-steam 2.8s ease-in-out infinite;\n    transform-origin: center bottom;\n  }\n\n  .krejova-reveal-mug .krm-steam-two {\n    animation-delay: 0.65s;\n  }\n\n  \/* QUICK FACTS *\/\n\n  .krejova-reveal-mug .krm-strip {\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: -8px 10px 0;\n    overflow: hidden;\n    border: 1px solid var(--krm-line);\n    border-radius: 13px;\n    background: #ffffff;\n    box-shadow: 0 13px 28px rgba(24, 24, 24, 0.1);\n  }\n\n  .krejova-reveal-mug .krm-strip-item {\n    padding: 14px 12px;\n    text-align: center;\n  }\n\n  .krejova-reveal-mug\n  .krm-strip-item + .krm-strip-item {\n    border-top: 1px dashed #d8d2ca;\n  }\n\n  .krejova-reveal-mug .krm-strip-item strong {\n    display: block;\n    font-size: 13px;\n  }\n\n  .krejova-reveal-mug .krm-strip-item span {\n    display: block;\n    margin-top: 2px;\n    color: var(--krm-muted);\n    font-size: 10px;\n  }\n\n  \/* SECTIONS *\/\n\n  .krejova-reveal-mug .krm-section {\n    padding-top: 37px;\n  }\n\n  .krejova-reveal-mug .krm-heading {\n    margin-bottom: 8px;\n    font-size: 29px;\n    font-size: clamp(27px, 7cqw, 35px);\n    line-height: 1.06;\n    text-align: center;\n  }\n\n  .krejova-reveal-mug .krm-subheading {\n    max-width: 570px;\n    margin: 0 auto 21px;\n    color: var(--krm-muted);\n    font-size: 13px;\n    text-align: center;\n  }\n\n  \/* REVEAL SEQUENCE *\/\n\n  .krejova-reveal-mug .krm-sequence {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 11px;\n    padding: 18px;\n    border-radius: 22px;\n    background: #f4f2ee;\n  }\n\n  .krejova-reveal-mug .krm-phase {\n    display: grid;\n    grid-template-columns: 48px 1fr;\n    align-items: center;\n    gap: 12px;\n    padding: 16px;\n    overflow: hidden;\n    border: 1px solid #e2ddd4;\n    border-radius: 15px;\n    background: #ffffff;\n  }\n\n  .krejova-reveal-mug .krm-phase-num {\n    display: grid;\n    width: 48px;\n    height: 48px;\n    place-items: center;\n    border-radius: 50%;\n    background: #181818;\n    color: #ffffff;\n    font-size: 12px;\n    font-weight: 900;\n  }\n\n  .krejova-reveal-mug\n  .krm-phase:nth-child(2)\n  .krm-phase-num {\n    background: var(--krm-red);\n  }\n\n  .krejova-reveal-mug\n  .krm-phase:nth-child(3)\n  .krm-phase-num {\n    background: linear-gradient(\n      135deg,\n      var(--krm-red),\n      var(--krm-purple)\n    );\n  }\n\n  .krejova-reveal-mug .krm-phase strong {\n    display: block;\n    margin-bottom: 3px;\n    font-size: 15px;\n  }\n\n  .krejova-reveal-mug .krm-phase p {\n    margin-bottom: 0;\n    color: var(--krm-muted);\n    font-size: 12px;\n  }\n\n  .krejova-reveal-mug .krm-temperature {\n    margin-top: 11px;\n    padding: 14px 15px;\n    border-radius: 12px;\n    background: var(--krm-black);\n    color: #ffffff;\n    text-align: center;\n    font-size: 12px;\n    font-weight: 800;\n  }\n\n  .krejova-reveal-mug .krm-temperature span {\n    color: #ffd64d;\n  }\n\n  \/* BENEFITS *\/\n\n  .krejova-reveal-mug .krm-reactions {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 13px;\n  }\n\n  .krejova-reveal-mug .krm-reaction {\n    position: relative;\n    padding: 22px 18px 18px;\n    border: 1px solid var(--krm-line);\n    border-radius: 18px;\n    background: #ffffff;\n    box-shadow: 0 11px 24px rgba(30, 30, 30, 0.07);\n  }\n\n  .krejova-reveal-mug .krm-reaction::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 16px;\n    left: 16px;\n    height: 5px;\n    border-radius: 0 0 6px 6px;\n    background: linear-gradient(\n      90deg,\n      var(--krm-red) 0 16.66%,\n      var(--krm-orange) 16.66% 33.32%,\n      var(--krm-yellow) 33.32% 49.98%,\n      var(--krm-green) 49.98% 66.64%,\n      var(--krm-blue) 66.64% 83.3%,\n      var(--krm-purple) 83.3%\n    );\n  }\n\n  .krejova-reveal-mug .krm-reaction strong {\n    display: block;\n    margin-bottom: 6px;\n    font-size: 17px;\n  }\n\n  .krejova-reveal-mug .krm-reaction p {\n    margin-bottom: 0;\n    color: var(--krm-muted);\n    font-size: 12px;\n  }\n\n  \/* GIFT OCCASIONS *\/\n\n  .krejova-reveal-mug .krm-occasion-panel {\n    position: relative;\n    overflow: hidden;\n    padding: 24px 18px;\n    border-radius: 23px;\n    background: #171717;\n    color: #ffffff;\n    text-align: center;\n  }\n\n  .krejova-reveal-mug\n  .krm-occasion-panel::before {\n    content: \"\";\n    position: absolute;\n    top: -55px;\n    left: -45px;\n    width: 135px;\n    height: 135px;\n    border: 18px solid rgba(255, 255, 255, 0.05);\n    border-radius: 50%;\n  }\n\n  .krejova-reveal-mug .krm-occasion-center {\n    position: relative;\n    display: grid;\n    width: 112px;\n    height: 112px;\n    margin: 0 auto 18px;\n    place-items: center;\n    border: 8px solid #ffffff;\n    border-radius: 50%;\n    background: linear-gradient(\n      135deg,\n      var(--krm-red),\n      var(--krm-yellow),\n      var(--krm-green),\n      var(--krm-blue),\n      var(--krm-purple)\n    );\n    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.12);\n    color: #111111;\n    font-size: 12px;\n    font-weight: 900;\n    line-height: 1.15;\n  }\n\n  .krejova-reveal-mug .krm-occasion-list {\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n  }\n\n  .krejova-reveal-mug .krm-occasion-list span {\n    padding: 7px 10px;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.07);\n    color: #efebf0;\n    font-size: 11px;\n    font-weight: 700;\n  }\n\n  \/* SPECIFICATIONS *\/\n\n  .krejova-reveal-mug .krm-spec-wrap {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 13px;\n  }\n\n  .krejova-reveal-mug .krm-id-card,\n  .krejova-reveal-mug .krm-care-card {\n    padding: 21px;\n    border-radius: 20px;\n  }\n\n  .krejova-reveal-mug .krm-id-card {\n    border: 1px solid var(--krm-line);\n    background: var(--krm-paper);\n  }\n\n  .krejova-reveal-mug .krm-card-title {\n    margin-bottom: 13px;\n    font-size: 19px;\n  }\n\n  .krejova-reveal-mug .krm-spec-row {\n    display: grid;\n    grid-template-columns: 0.85fr 1.15fr;\n    gap: 9px;\n    padding: 9px 0;\n    border-bottom: 1px dashed #dcd5cc;\n    font-size: 12px;\n  }\n\n  .krejova-reveal-mug .krm-spec-row:last-child {\n    border-bottom: 0;\n  }\n\n  .krejova-reveal-mug .krm-spec-row span {\n    color: var(--krm-muted);\n    font-weight: 700;\n  }\n\n  .krejova-reveal-mug .krm-spec-row strong {\n    text-align: right;\n  }\n\n  \/* CARE *\/\n\n  .krejova-reveal-mug .krm-care-card {\n    background: linear-gradient(\n      145deg,\n      #eef7ff,\n      #f3edff\n    );\n  }\n\n  .krejova-reveal-mug .krm-care-step {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    margin-top: 10px;\n    padding: 11px;\n    border-radius: 12px;\n    background: rgba(255, 255, 255, 0.8);\n    color: #534d58;\n    font-size: 12px;\n  }\n\n  .krejova-reveal-mug .krm-care-step::before {\n    content: \"✓\";\n    display: grid;\n    width: 24px;\n    height: 24px;\n    flex: 0 0 24px;\n    place-items: center;\n    border-radius: 50%;\n    background: var(--krm-blue);\n    color: #ffffff;\n    font-weight: 900;\n  }\n\n  .krejova-reveal-mug .krm-note {\n    margin-top: 12px;\n    padding: 14px 16px;\n    border-left: 4px solid var(--krm-red);\n    border-radius: 0 12px 12px 0;\n    background: #fff2f0;\n    color: #674541;\n    font-size: 11px;\n  }\n\n  \/* CLOSING *\/\n\n  .krejova-reveal-mug .krm-closing {\n    position: relative;\n    margin-top: 34px;\n    padding: 28px 20px;\n    overflow: hidden;\n    border: 1px solid var(--krm-line);\n    border-radius: 8px 8px 24px 24px;\n    background:\n      linear-gradient(\n        115deg,\n        #ffffff 0 48%,\n        #171717 49% 100%\n      );\n    text-align: center;\n  }\n\n  .krejova-reveal-mug .krm-closing strong {\n    display: inline-block;\n    padding: 7px 12px;\n    border-radius: 8px;\n    background:\n      linear-gradient(\n        90deg,\n        #ffffff 0 49%,\n        #171717 50%\n      );\n    box-shadow: 0 9px 22px rgba(0, 0, 0, 0.11);\n    color: var(--krm-red);\n    font-size: 23px;\n    font-size: clamp(22px, 6cqw, 30px);\n    line-height: 1.1;\n  }\n\n  .krejova-reveal-mug .krm-closing p {\n    max-width: 470px;\n    margin: 11px auto 0;\n    padding: 5px 8px;\n    border-radius: 6px;\n    background: rgba(255, 255, 255, 0.9);\n    color: #514c54;\n    font-size: 12px;\n  }\n\n  @keyframes krm-steam {\n    0%,\n    100% {\n      opacity: 0.25;\n      transform: translateY(5px) scale(0.96);\n    }\n\n    50% {\n      opacity: 0.9;\n      transform: translateY(-5px) scale(1.03);\n    }\n  }\n\n  \/* WIDE DESCRIPTION CONTAINER *\/\n\n  @container (min-width: 650px) {\n    .krejova-reveal-mug .krm-hero {\n      padding: 42px;\n    }\n\n    .krejova-reveal-mug .krm-hero-grid {\n      grid-template-columns: 1.04fr 0.96fr;\n      gap: 36px;\n    }\n\n    .krejova-reveal-mug .krm-strip {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      margin-right: 16px;\n      margin-left: 16px;\n    }\n\n    .krejova-reveal-mug\n    .krm-strip-item + .krm-strip-item {\n      border-top: 0;\n      border-left: 1px dashed #d8d2ca;\n    }\n\n    .krejova-reveal-mug .krm-sequence {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .krejova-reveal-mug .krm-phase {\n      grid-template-columns: 1fr;\n      align-content: start;\n    }\n\n    .krejova-reveal-mug .krm-reactions {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .krejova-reveal-mug .krm-spec-wrap {\n      grid-template-columns: 1.05fr 0.95fr;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .krejova-reveal-mug .krm-steam-one,\n    .krejova-reveal-mug .krm-steam-two {\n      animation: none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"krejova-reveal-mug\"\u003e\n\n  \u003c!-- HERO --\u003e\n\n  \u003csection class=\"krm-hero\"\u003e\n    \u003cdiv class=\"krm-hero-grid\"\u003e\n\n      \u003cdiv\u003e\n        \u003cspan class=\"krm-lab-label\"\u003e\n          Heat-Reveal Experiment No. 11\n        \u003c\/span\u003e\n\n        \u003ch2\u003e\n          Looks Serious.\n          \u003cspan\u003eReveals Everything.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp class=\"krm-hero-copy\"\u003e\n          At room temperature, it looks like a sleek\n          black mug. Add a hot drink and the surface\n          reveals a bright rainbow with the bold\n          “I’M GAY!” message—a practical mug with\n          perfect comic timing.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"krm-mug-stage\"\u003e\n        \u003csvg class=\"krm-mug-art\" viewbox=\"0 0 360 300\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration of a black heat-changing mug revealing a rainbow message\"\u003e\n          \u003cdefs\u003e\n            \u003clineargradient id=\"krmCupReveal\" x1=\"80\" y1=\"80\" x2=\"280\" y2=\"240\" gradientunits=\"userSpaceOnUse\"\u003e\n              \u003cstop offset=\"0\" stop-color=\"#121212\"\u003e\u003c\/stop\u003e\n              \u003cstop offset=\".43\" stop-color=\"#181818\"\u003e\u003c\/stop\u003e\n              \u003cstop offset=\".54\" stop-color=\"#F3F1ED\"\u003e\u003c\/stop\u003e\n              \u003cstop offset=\"1\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\n            \u003c\/lineargradient\u003e\n          \u003c\/defs\u003e\n\n          \u003cellipse cx=\"183\" cy=\"258\" rx=\"108\" ry=\"18\" fill=\"#000000\" fill-opacity=\".3\"\u003e\u003c\/ellipse\u003e\n\n          \u003cpath d=\"M62 102H88V213H61C29 213 19 190 19 158C19 126 31 102 62 102Z\" stroke=\"#FFFFFF\" stroke-opacity=\".82\" stroke-width=\"15\"\u003e\u003c\/path\u003e\n\n          \u003cpath d=\"M81 72H286V205C286 239 262 258 184 258C106 258 81 239 81 205V72Z\" fill=\"url(#krmCupReveal)\" stroke=\"#E7E2DA\" stroke-width=\"5\"\u003e\u003c\/path\u003e\n\n          \u003cellipse cx=\"183.5\" cy=\"72\" rx=\"102.5\" ry=\"27\" fill=\"#F7F5F1\" stroke=\"#DAD6D0\" stroke-width=\"5\"\u003e\u003c\/ellipse\u003e\n\n          \u003cellipse cx=\"183.5\" cy=\"73\" rx=\"88\" ry=\"18\" fill=\"#322219\"\u003e\u003c\/ellipse\u003e\n\n          \u003cg class=\"krm-steam-one\" stroke=\"#FFFFFF\" stroke-width=\"7\" stroke-linecap=\"round\" opacity=\".76\"\u003e\n            \u003cpath d=\"M137 50C118 29 149 18 136 1\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M184 50C166 27 195 17 184 -5\"\u003e\u003c\/path\u003e\n          \u003c\/g\u003e\n\n          \u003cg class=\"krm-steam-two\" stroke=\"#FFFFFF\" stroke-width=\"6\" stroke-linecap=\"round\" opacity=\".58\"\u003e\n            \u003cpath d=\"M230 49C212 31 239 18 229 3\"\u003e\u003c\/path\u003e\n          \u003c\/g\u003e\n\n          \u003cpath d=\"M141 160A48 48 0 0 1 237 160\" stroke=\"#EF4E4E\" stroke-width=\"14\"\u003e\u003c\/path\u003e\n\n          \u003cpath d=\"M151 160A38 38 0 0 1 227 160\" stroke=\"#FF993A\" stroke-width=\"12\"\u003e\u003c\/path\u003e\n\n          \u003cpath d=\"M161 160A28 28 0 0 1 217 160\" stroke=\"#F4D640\" stroke-width=\"10\"\u003e\u003c\/path\u003e\n\n          \u003cpath d=\"M170 160A19 19 0 0 1 208 160\" stroke=\"#45A86A\" stroke-width=\"9\"\u003e\u003c\/path\u003e\n\n          \u003cpath d=\"M178 160A11 11 0 0 1 200 160\" stroke=\"#4682D8\" stroke-width=\"8\"\u003e\u003c\/path\u003e\n\n          \u003ctext x=\"189\" y=\"200\" text-anchor=\"middle\" fill=\"#151515\" font-family=\"Arial, Helvetica, sans-serif\" font-size=\"31\" font-weight=\"900\"\u003e\n            I'M GAY!\n          \u003c\/text\u003e\n\n          \u003cpath d=\"M73 82V245\" stroke=\"#FFFFFF\" stroke-width=\"3\" stroke-dasharray=\"5 8\" opacity=\".35\"\u003e\u003c\/path\u003e\n\n          \u003ctext x=\"105\" y=\"237\" fill=\"#FFFFFF\" font-family=\"Arial, Helvetica, sans-serif\" font-size=\"10\" font-weight=\"800\"\u003e\n            COLD\n          \u003c\/text\u003e\n\n          \u003ctext x=\"247\" y=\"237\" fill=\"#242424\" font-family=\"Arial, Helvetica, sans-serif\" font-size=\"10\" font-weight=\"800\"\u003e\n            HOT\n          \u003c\/text\u003e\n        \u003c\/svg\u003e\n\n        \u003cspan class=\"krm-heat-chip\"\u003e\n          HOT DRINK → FULL REVEAL\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- QUICK FACTS --\u003e\n\n  \u003cdiv class=\"krm-strip\"\u003e\n    \u003cdiv class=\"krm-strip-item\"\u003e\n      \u003cstrong\u003e11 oz Ceramic Mug\u003c\/strong\u003e\n      \u003cspan\u003eEveryday coffee-cup size\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"krm-strip-item\"\u003e\n      \u003cstrong\u003eHidden When Cool\u003c\/strong\u003e\n      \u003cspan\u003eDark finish before heating\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"krm-strip-item\"\u003e\n      \u003cstrong\u003eRainbow When Hot\u003c\/strong\u003e\n      \u003cspan\u003eThe surprise appears with heat\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- REVEAL SEQUENCE --\u003e\n\n  \u003csection class=\"krm-section\"\u003e\n    \u003ch3 class=\"krm-heading\"\u003e\n      The Best Part Happens After the Pour\n    \u003c\/h3\u003e\n\n    \u003cp class=\"krm-subheading\"\u003e\n      The cup turns an ordinary coffee break\n      into a reveal people can watch happen\n      in real time.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"krm-sequence\"\u003e\n      \u003cdiv class=\"krm-phase\"\u003e\n        \u003cspan class=\"krm-phase-num\"\u003e01\u003c\/span\u003e\n\n        \u003cdiv\u003e\n          \u003cstrong\u003eStart Cold\u003c\/strong\u003e\n          \u003cp\u003e\n            The dark exterior keeps the\n            rainbow and message hidden.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"krm-phase\"\u003e\n        \u003cspan class=\"krm-phase-num\"\u003e02\u003c\/span\u003e\n\n        \u003cdiv\u003e\n          \u003cstrong\u003eAdd a Hot Drink\u003c\/strong\u003e\n          \u003cp\u003e\n            Fill it with hot coffee, tea,\n            cocoa or another hot drink.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"krm-phase\"\u003e\n        \u003cspan class=\"krm-phase-num\"\u003e03\u003c\/span\u003e\n\n        \u003cdiv\u003e\n          \u003cstrong\u003eWatch It Reveal\u003c\/strong\u003e\n          \u003cp\u003e\n            The white surface, rainbow and\n            “I’M GAY!” message appear as\n            the mug warms.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"krm-temperature\"\u003e\n      Best reveal with a drink around\n      \u003cspan\u003e60°C \/ 140°F or above.\u003c\/span\u003e\n      The coating returns toward its dark\n      finish as it cools.\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BENEFITS --\u003e\n\n  \u003csection class=\"krm-section\"\u003e\n    \u003ch3 class=\"krm-heading\"\u003e\n      A Joke Gift They Can Actually Use\n    \u003c\/h3\u003e\n\n    \u003cp class=\"krm-subheading\"\u003e\n      The surprise gets the first reaction.\n      The useful ceramic mug keeps it from\n      becoming another forgotten novelty gift.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"krm-reactions\"\u003e\n      \u003cdiv class=\"krm-reaction\"\u003e\n        \u003cstrong\u003eBuilt for the Reaction\u003c\/strong\u003e\n\n        \u003cp\u003e\n          The plain dark finish makes the\n          colorful reveal feel completely\n          unexpected.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"krm-reaction\"\u003e\n        \u003cstrong\u003eMade for Real Coffee Breaks\u003c\/strong\u003e\n\n        \u003cp\u003e\n          The 11 oz ceramic cup works for\n          coffee, tea, cocoa and other\n          favorite hot drinks.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"krm-reaction\"\u003e\n        \u003cstrong\u003eMore Personal Than a Generic Mug\u003c\/strong\u003e\n\n        \u003cp\u003e\n          A playful way to celebrate identity,\n          share a laugh or give someone a\n          memorable surprise.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- GIFT OCCASIONS --\u003e\n\n  \u003csection class=\"krm-section\"\u003e\n    \u003cdiv class=\"krm-occasion-panel\"\u003e\n\n      \u003cdiv class=\"krm-occasion-center\"\u003e\n        SURPRISE\u003cbr\u003eINSIDE\n      \u003c\/div\u003e\n\n      \u003ch3 class=\"krm-card-title\"\u003e\n        Ready for the Gift Exchange\n      \u003c\/h3\u003e\n\n      \u003cdiv class=\"krm-occasion-list\"\u003e\n        \u003cspan\u003eWhite Elephant\u003c\/span\u003e\n        \u003cspan\u003eSecret Santa\u003c\/span\u003e\n        \u003cspan\u003eBirthdays\u003c\/span\u003e\n        \u003cspan\u003ePride Gifts\u003c\/span\u003e\n        \u003cspan\u003eBachelor Parties\u003c\/span\u003e\n        \u003cspan\u003eFather's Day\u003c\/span\u003e\n        \u003cspan\u003eHousewarming\u003c\/span\u003e\n        \u003cspan\u003eFriend \u0026amp; Coworker Gifts\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PRODUCT DETAILS --\u003e\n\n  \u003csection class=\"krm-section\"\u003e\n    \u003ch3 class=\"krm-heading\"\u003e\n      Mug ID \u0026amp; Care Guide\n    \u003c\/h3\u003e\n\n    \u003cdiv class=\"krm-spec-wrap\"\u003e\n\n      \u003cdiv class=\"krm-id-card\"\u003e\n        \u003ch3 class=\"krm-card-title\"\u003e\n          Product Details\n        \u003c\/h3\u003e\n\n        \u003cdiv class=\"krm-spec-row\"\u003e\n          \u003cspan\u003eMaterial\u003c\/span\u003e\n          \u003cstrong\u003eCeramic\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"krm-spec-row\"\u003e\n          \u003cspan\u003eCapacity\u003c\/span\u003e\n          \u003cstrong\u003e11 fl oz\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"krm-spec-row\"\u003e\n          \u003cspan\u003eDiameter\u003c\/span\u003e\n          \u003cstrong\u003e8.3 cm \/ 3.3 in\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"krm-spec-row\"\u003e\n          \u003cspan\u003eHeight\u003c\/span\u003e\n          \u003cstrong\u003e9.2 cm \/ 3.6 in\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"krm-spec-row\"\u003e\n          \u003cspan\u003eFinish\u003c\/span\u003e\n          \u003cstrong\u003eHeat-Reactive Color Change\u003c\/strong\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"krm-care-card\"\u003e\n        \u003ch3 class=\"krm-card-title\"\u003e\n          Protect the Magic\n        \u003c\/h3\u003e\n\n        \u003cdiv class=\"krm-care-step\"\u003e\n          Hand wash using warm water and\n          a soft, non-abrasive sponge.\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"krm-care-step\"\u003e\n          Do not place in a dishwasher or\n          microwave; high heat may affect\n          the reactive coating.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"krm-note\"\u003e\n      The mug and its contents may become hot;\n      handle with care. Color appearance may\n      vary slightly with drink temperature and\n      screen settings. Manual measurements may\n      vary by approximately 1 cm.\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CLOSING --\u003e\n\n  \u003cdiv class=\"krm-closing\"\u003e\n    \u003cstrong\u003e\n      Pour. Reveal. Enjoy the Reaction.\n    \u003c\/strong\u003e\n\n    \u003cp\u003e\n      A dark mug with a colorful secret—and\n      a punchline waiting for the first hot drink.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Krejova","offers":[{"title":"I'm Gay","offer_id":52385603223847,"sku":"BEMKB261020-I'm Gay","price":22.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0983\/2051\/5367\/files\/71pMNLHAYjL._AC_SL1500.jpg?v=1792495322","url":"https:\/\/krejova.com\/de\/products\/im-gay-mug-funny-color-changing-coffee-mug-white-elephant-gag-gifts","provider":"Krejova","version":"1.0","type":"link"}