{"product_id":"heat-changing-coffee-mug","title":"🌈 I'M GAY! Heat-Changing Coffee Mug | Funny Surprise Gift 🎁","description":"\u003cstyle\u003e\n.heat-mug-page {\n  max-width: 820px;\n  margin: 0 auto;\n  background: #fff;\n  color: #222;\n  font-family: Arial, Helvetica, sans-serif;\n  line-height: 1.65;\n}\n\n.heat-mug-page * {\n  box-sizing: border-box;\n}\n\n.heat-mug-page section {\n  padding: 30px 18px;\n}\n\n.heat-mug-page h2,\n.heat-mug-page h3,\n.heat-mug-page h4,\n.heat-mug-page p {\n  margin: 0;\n}\n\n.heat-mug-page h2,\n.heat-mug-page h3 {\n  font-family: Georgia, \"Times New Roman\", serif;\n  line-height: 1.2;\n  letter-spacing: -.5px;\n}\n\n.heat-mug-page h2 {\n  font-size: clamp(28px, 5vw, 39px);\n}\n\n.heat-mug-page h3 {\n  font-size: clamp(24px, 4vw, 31px);\n}\n\n.heat-mug-page p {\n  font-size: 15px;\n  line-height: 1.7;\n  color: #626262;\n}\n\n.heat-mug-page .hm-center {\n  text-align: center;\n}\n\n.heat-mug-page .hm-label {\n  display: block;\n  color: #9b607e;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  margin-bottom: 11px;\n}\n\n.heat-mug-page .hm-desc {\n  max-width: 620px;\n  margin: 13px auto 0;\n}\n\n.heat-mug-page img {\n  width: 100%;\n  max-width: 100%;\n  height: auto !important;\n  display: block;\n  border-radius: 12px;\n}\n\n.heat-mug-page .hm-media {\n  margin-top: 21px;\n}\n\n.heat-mug-page .hm-rainbow {\n  height: 5px;\n  background: linear-gradient(\n    90deg,\n    #ed5660,\n    #f0aa48,\n    #e2d35e,\n    #78ba81,\n    #65a3e3,\n    #a27ad9\n  );\n}\n\n\/* HERO *\/\n\n.heat-mug-page .hm-hero {\n  text-align: center;\n  background: #fcf8fa;\n}\n\n.heat-mug-page .hm-hero h2 {\n  color: #28222c;\n}\n\n.heat-mug-page .hm-highlights {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 9px;\n  margin-top: 20px;\n}\n\n.heat-mug-page .hm-highlight {\n  background: #fff;\n  border: 1px solid #eee4ea;\n  border-radius: 10px;\n  padding: 14px 6px;\n  color: #40323d;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.4;\n}\n\n.heat-mug-page .hm-highlight span {\n  display: block;\n  font-size: 24px;\n  margin-bottom: 6px;\n}\n\n\/* REVEAL *\/\n\n.heat-mug-page .hm-reveal {\n  text-align: center;\n  background: #fff;\n}\n\n.heat-mug-page .hm-compare {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n  margin-top: 23px;\n}\n\n.heat-mug-page .hm-state {\n  padding: 20px 12px;\n  border-radius: 13px;\n  text-align: center;\n}\n\n.heat-mug-page .hm-cold {\n  background: #262626;\n  color: #fff;\n}\n\n.heat-mug-page .hm-hot {\n  background: #fbf4fb;\n  border: 1px solid #f0e4ef;\n}\n\n.heat-mug-page .hm-state-label {\n  display: block;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1.3px;\n  margin-bottom: 10px;\n}\n\n.heat-mug-page .hm-cold .hm-state-label {\n  color: #bcbcbc;\n}\n\n.heat-mug-page .hm-hot .hm-state-label {\n  color: #9c6e91;\n}\n\n.heat-mug-page .hm-state strong {\n  display: block;\n  font-size: 17px;\n  line-height: 1.4;\n}\n\n.heat-mug-page .hm-hot strong {\n  color: #844b80;\n}\n\n.heat-mug-page .hm-state small {\n  display: block;\n  margin-top: 7px;\n  font-size: 12px;\n  opacity: .8;\n}\n\n.heat-mug-page .hm-rainbow-text {\n  display: block;\n  font-size: 25px;\n  margin-bottom: 5px;\n}\n\n\/* BENEFITS *\/\n\n.heat-mug-page .hm-features {\n  background: #f9f6fa;\n  text-align: center;\n}\n\n.heat-mug-page .hm-feature-list {\n  display: grid;\n  gap: 11px;\n  margin-top: 22px;\n}\n\n.heat-mug-page .hm-feature {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  text-align: left;\n  background: #fff;\n  border: 1px solid #eee6ee;\n  border-radius: 11px;\n  padding: 15px;\n}\n\n.heat-mug-page .hm-icon {\n  flex: 0 0 40px;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: #f6eaf4;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 21px;\n}\n\n.heat-mug-page .hm-feature h4 {\n  font-size: 16px;\n  color: #312b36;\n  margin-bottom: 4px;\n}\n\n.heat-mug-page .hm-feature p {\n  font-size: 13px;\n}\n\n\/* GIFT *\/\n\n.heat-mug-page .hm-gift {\n  text-align: center;\n}\n\n.heat-mug-page .hm-gift-tags {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 9px;\n  margin-top: 20px;\n}\n\n.heat-mug-page .hm-gift-tags span {\n  padding: 9px 13px;\n  border-radius: 30px;\n  background: #f9f1f6;\n  border: 1px solid #eddfeb;\n  color: #664e63;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n\/* SPECS *\/\n\n.heat-mug-page .hm-specs {\n  background: #f7f7f7;\n}\n\n.heat-mug-page .hm-spec-list {\n  margin-top: 20px;\n  border-radius: 12px;\n  overflow: hidden;\n  background: #fff;\n  border: 1px solid #e9e9e9;\n}\n\n.heat-mug-page .hm-spec-row {\n  display: flex;\n  justify-content: space-between;\n  gap: 15px;\n  padding: 13px 15px;\n  border-bottom: 1px solid #ededed;\n  font-size: 14px;\n}\n\n.heat-mug-page .hm-spec-row:last-child {\n  border-bottom: none;\n}\n\n.heat-mug-page .hm-spec-row strong {\n  color: #333;\n}\n\n.heat-mug-page .hm-spec-row span {\n  color: #666;\n  text-align: right;\n}\n\n.heat-mug-page .hm-note {\n  margin-top: 16px;\n  padding: 14px;\n  border-radius: 9px;\n  background: #fff8ed;\n  border: 1px solid #f2e2c6;\n}\n\n.heat-mug-page .hm-note p {\n  color: #735d3c;\n  font-size: 13px;\n}\n\n\/* FAQ *\/\n\n.heat-mug-page .hm-faq {\n  background: #fff;\n}\n\n.heat-mug-page .hm-faq details {\n  padding: 15px 2px;\n  border-bottom: 1px solid #ebebeb;\n}\n\n.heat-mug-page .hm-faq summary {\n  cursor: pointer;\n  font-size: 15px;\n  font-weight: 700;\n  color: #333;\n  line-height: 1.5;\n}\n\n.heat-mug-page .hm-faq details p {\n  margin-top: 10px;\n  font-size: 14px;\n}\n\n\/* FINAL *\/\n\n.heat-mug-page .hm-final {\n  text-align: center;\n  background: #29212f;\n}\n\n.heat-mug-page .hm-final .hm-label {\n  color: #d5a2c8;\n}\n\n.heat-mug-page .hm-final h3 {\n  color: #fff;\n}\n\n.heat-mug-page .hm-final p {\n  color: #ece4ed;\n  margin: 13px auto 0;\n  max-width: 580px;\n}\n\n.heat-mug-page .hm-final-line {\n  display: inline-block;\n  margin-top: 20px;\n  padding: 12px 20px;\n  color: #fff;\n  border: 1px solid rgba(255,255,255,.38);\n  border-radius: 30px;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:600px) {\n  .heat-mug-page section {\n    padding: 25px 14px;\n  }\n\n  .heat-mug-page h2 {\n    font-size: 29px;\n  }\n\n  .heat-mug-page h3 {\n    font-size: 25px;\n  }\n\n  .heat-mug-page p {\n    font-size: 14px;\n  }\n\n  .heat-mug-page .hm-highlight {\n    font-size: 11px;\n    padding: 12px 5px;\n  }\n\n  .heat-mug-page .hm-feature {\n    padding: 13px;\n  }\n\n  .heat-mug-page .hm-compare {\n    gap: 9px;\n  }\n\n  .heat-mug-page .hm-state {\n    padding: 18px 9px;\n  }\n\n  .heat-mug-page .hm-state strong {\n    font-size: 15px;\n  }\n\n  .heat-mug-page .hm-spec-row {\n    font-size: 13px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"heat-mug-page\" style=\"text-align: start;\"\u003e\n\u003cdiv class=\"hm-rainbow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 01 HERO --\u003e\n\u003csection class=\"hm-hero\"\u003e\u003cspan class=\"hm-label\"\u003e THE MUG WITH A HIDDEN SURPRISE \u003c\/span\u003e\n\u003ch2\u003e🌈 Looks Like an Ordinary Mug.\u003cbr\u003eUntil You Add Coffee.\u003c\/h2\u003e\n\u003cp class=\"hm-desc\"\u003eAt first glance, it's just a simple black coffee mug. But add your favorite hot drink, and watch the magic happen. A colorful rainbow and a bold \u003cstrong\u003e\"I'M GAY!\"\u003c\/strong\u003e message appear, turning an everyday coffee break into a hilarious surprise.\u003c\/p\u003e\n\u003cdiv class=\"hm-highlights\"\u003e\n\u003cdiv class=\"hm-highlight\"\u003e\n\u003cspan\u003e🌈\u003c\/span\u003e Heat-Reveal Design\u003c\/div\u003e\n\u003cdiv class=\"hm-highlight\"\u003e\n\u003cspan\u003e😂\u003c\/span\u003e Unexpected Surprise\u003c\/div\u003e\n\u003cdiv class=\"hm-highlight\"\u003e\n\u003cspan\u003e🎁\u003c\/span\u003e Fun Adult Gift\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HERO IMAGE:\n    Insert real product GIF or cold-to-hot\n    transformation image here.\n    --\u003e\u003c\/section\u003e\n\u003c!-- 02 COLOR CHANGING REVEAL --\u003e\n\u003csection class=\"hm-reveal\"\u003e\u003cspan class=\"hm-label\"\u003e WAIT FOR THE REVEAL \u003c\/span\u003e\n\u003ch3\u003eJust Add Heat.\u003cbr\u003eLet the Mug Do the Talking.\u003c\/h3\u003e\n\u003cp class=\"hm-desc\"\u003eIt starts out looking like a classic black mug. Pour in hot coffee, tea or water, and the heat-sensitive design begins to reveal its colorful secret. The surprise is part of the fun.\u003c\/p\u003e\n\u003cdiv class=\"hm-compare\"\u003e\n\u003cdiv class=\"hm-state hm-cold\"\u003e\n\u003cspan class=\"hm-state-label\"\u003e BEFORE · COLD \u003c\/span\u003e \u003cstrong\u003e Just a Black Mug \u003c\/strong\u003e \u003csmall\u003e Nothing to give away the surprise. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-state hm-hot\"\u003e\n\u003cspan class=\"hm-state-label\"\u003e AFTER · HOT \u003c\/span\u003e \u003cspan class=\"hm-rainbow-text\"\u003e🌈\u003c\/span\u003e \u003cstrong\u003e \"I'M GAY!\" \u003c\/strong\u003e \u003csmall\u003e The colorful reveal appears. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0826\/6412\/8754\/files\/921e6f0852225c0523759d144df78001.png?v=1792217957\" alt=\"\"\u003e\u003c!-- IMAGE:\n    Insert actual side-by-side cold and hot\n    product photos here.\n    --\u003e\u003c\/section\u003e\n\u003c!-- 03 FEATURES --\u003e\n\u003csection class=\"hm-features\"\u003e\u003cspan class=\"hm-label\"\u003e A LITTLE CUP OF CHAOS \u003c\/span\u003e\n\u003ch3\u003eThe Surprise Is the Best Part.\u003c\/h3\u003e\n\u003cp class=\"hm-desc\"\u003eWhy settle for another predictable gift? This color-changing mug turns a simple cup of coffee into a moment worth remembering.\u003c\/p\u003e\n\u003cdiv class=\"hm-feature-list\"\u003e\n\u003cdiv class=\"hm-feature\"\u003e\n\u003cdiv class=\"hm-icon\"\u003e☕\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eA Secret Hidden in Plain Sight\u003c\/h4\u003e\n\u003cp\u003eIts plain black appearance keeps the message a surprise until you pour in a hot drink.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-feature\"\u003e\n\u003cdiv class=\"hm-icon\"\u003e🌈\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eA Colorful, Cheeky Reveal\u003c\/h4\u003e\n\u003cp\u003eA rainbow and bold lettering make every reveal memorable, whether it's a joke or a playful expression of pride.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-feature\"\u003e\n\u003cdiv class=\"hm-icon\"\u003e🎁\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eMade for Unexpected Reactions\u003c\/h4\u003e\n\u003cp\u003eA fun surprise for friends, coworkers or family members who appreciate a little cheeky humor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0826\/6412\/8754\/files\/e196c48521ebd1714ae1f14da79e5c36.png?v=1792218894\" style=\"margin-top: 5px; margin-bottom: 1px; float: none;\"\u003e\u003c!-- IMAGE:\n    Insert lifestyle photo or\n    hot reveal close-up here.\n    --\u003e\u003c\/section\u003e\n\u003c!-- 04 OCCASIONS --\u003e\n\u003csection class=\"hm-gift\"\u003e\u003cspan class=\"hm-label\"\u003e NOT YOUR AVERAGE GIFT \u003c\/span\u003e\n\u003ch3\u003e🎁 Give Them a Gift\u003cbr\u003eThey Won't See Coming.\u003c\/h3\u003e\n\u003cp class=\"hm-desc\"\u003eSome gifts are forgotten as soon as they're opened. This one saves the surprise for the first hot drink. It's a playful choice for gift swaps, parties and friends who love something a little unexpected.\u003c\/p\u003e\n\u003cdiv class=\"hm-gift-tags\"\u003e\n\u003cspan\u003e🎄 White Elephant\u003c\/span\u003e \u003cspan\u003e🎅 Secret Santa\u003c\/span\u003e \u003cspan\u003e🎉 Birthdays\u003c\/span\u003e \u003cspan\u003e😂 Gag Gift Exchanges\u003c\/span\u003e \u003cspan\u003e🌈 Pride-Inspired Gifts\u003c\/span\u003e \u003cspan\u003e☕ Coffee Lovers\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0826\/6412\/8754\/files\/66e5a2f22916b4012d1bd512f293283c.png?v=1792219058\" style=\"margin-top: 5px; margin-bottom: 1px; float: none;\"\u003e\u003cbr\u003e\u003c!-- IMAGE:\n    Insert gift packaging or\n    party gifting scene here.\n    --\u003e\u003c\/section\u003e\n\u003c!-- 05 PACKAGING --\u003e\n\u003csection class=\"hm-features\"\u003e\u003cspan class=\"hm-label\"\u003e NO SPOILERS \u003c\/span\u003e\n\u003ch3\u003eEven the Packaging Keeps the Secret.\u003c\/h3\u003e\n\u003cp class=\"hm-desc\"\u003eThe mug arrives in a plain black box, while the mug itself looks completely black when cold. That means the colorful message stays hidden until it's time for the big reveal.\u003c\/p\u003e\n\u003cp class=\"hm-desc\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0826\/6412\/8754\/files\/ea5e52b3889ee69df2224780c72008b3.png?v=1792219628\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c!-- IMAGE:\n    Insert actual black packaging photo here.\n    --\u003e\u003c\/section\u003e\n\u003c!-- 06 PRODUCT DETAILS --\u003e\n\u003csection class=\"hm-specs\"\u003e\n\u003cdiv class=\"hm-center\"\u003e\n\u003cspan class=\"hm-label\"\u003e THE DETAILS \u003c\/span\u003e\n\u003ch3\u003eA Real Coffee Mug.\u003cbr\u003eWith a Secret Personality.\u003c\/h3\u003e\n\u003cp class=\"hm-desc\"\u003eMade from ceramic with a heat-sensitive exterior, this 11 oz mug is designed for everyday hot beverages and unexpected moments of humor.\u003c\/p\u003e\n\u003cp class=\"hm-desc\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0826\/6412\/8754\/files\/infographics.png?v=1792219465\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-spec-list\"\u003e\n\u003cdiv class=\"hm-spec-row\"\u003e\n\u003cstrong\u003eCapacity\u003c\/strong\u003e \u003cspan\u003e11 oz\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-spec-row\"\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e \u003cspan\u003eCeramic\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-spec-row\"\u003e\n\u003cstrong\u003eCold Appearance\u003c\/strong\u003e \u003cspan\u003ePlain Black\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-spec-row\"\u003e\n\u003cstrong\u003eHot Appearance\u003c\/strong\u003e \u003cspan\u003eRainbow + \"I'M GAY!\"\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-spec-row\"\u003e\n\u003cstrong\u003ePackaging\u003c\/strong\u003e \u003cspan\u003ePlain Black Box\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-spec-row\"\u003e\n\u003cstrong\u003eCare\u003c\/strong\u003e \u003cspan\u003eHand Wash Only\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-note\"\u003e\n\u003cp\u003e\u003cstrong\u003e☕ Keep the Magic Looking Good:\u003c\/strong\u003e Hand wash gently to protect the heat-sensitive coating. Do not place in the dishwasher or microwave.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 07 FAQ --\u003e\n\u003csection class=\"hm-faq\"\u003e\n\u003cdiv class=\"hm-center\"\u003e\n\u003cspan class=\"hm-label\"\u003e GOOD TO KNOW \u003c\/span\u003e\n\u003ch3\u003eFrequently Asked Questions\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🌈 How does the mug change color?\u003c\/summary\u003e\n\u003cp\u003eThe heat-sensitive exterior reacts when you add a hot beverage, revealing the rainbow and \"I'M GAY!\" message.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e☕ Does it look like a normal mug when cold?\u003c\/summary\u003e\n\u003cp\u003eYes. When cold, the mug has a plain black appearance that keeps the design hidden.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🎁 Is it suitable for gift exchanges?\u003c\/summary\u003e\n\u003cp\u003eAbsolutely. It's a playful adult novelty gift for White Elephant, Secret Santa, birthdays and friends who enjoy bold humor.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🧽 Can I put it in the dishwasher?\u003c\/summary\u003e\n\u003cp\u003eNo. Hand washing is recommended to help protect the color-changing exterior finish.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🔥 Is it microwave safe?\u003c\/summary\u003e\n\u003cp\u003eNo. This mug should not be used in the microwave.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c!-- 08 FINAL --\u003e\n\u003csection class=\"hm-final\"\u003e\u003cspan class=\"hm-label\"\u003e SOME SURPRISES ARE WORTH WAITING FOR \u003c\/span\u003e\n\u003ch3\u003e🌈 Ordinary at First.\u003cbr\u003eUnforgettable After One Pour.\u003c\/h3\u003e\n\u003cp\u003eA classic black mug with a colorful secret. Perfect for a cheeky gift, a laugh with friends or proudly showing off a little personality.\u003c\/p\u003e\n\u003cdiv class=\"hm-final-line\"\u003e☕ Just Add Coffee. Let the Fun Begin.\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"hm-rainbow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"NC0226","offers":[{"title":"Default Title","offer_id":67917016432936,"sku":"NC02262610171705-11oz变色马克杯彩虹","price":27.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0990\/5746\/7688\/files\/a0f74e35bc894a7366d3ac9a5bc59455.png?v=1792227239","url":"https:\/\/simplydwelly.com\/products\/heat-changing-coffee-mug","provider":"Simplydwelly","version":"1.0","type":"link"}