{"product_id":"spmcup","title":"SPM Cold Activated Color Changing Cup","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\u003e\u003cmeta name=\"description\" content=\"A cold-activated reusable cup that turns every chilled drink into a fun color reveal kids love.\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    :root {\n      --ink: #091426;\n      --muted: #566173;\n      --line: #d9dde5;\n      --paper: #ffffff;\n      --soft: #f5f7fb;\n      --navy: #07152d;\n      --red: #e21d2f;\n      --red-dark: #b80f1e;\n      --max: 1160px;\n    }\n\n    * {\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      margin: 0;\n      background: var(--paper);\n      color: var(--ink);\n      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      line-height: 1.45;\n      letter-spacing: 0;\n    }\n\n    img {\n      display: block;\n      width: 100%;\n      height: auto;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    .announcement {\n      background: var(--navy);\n      color: #fff;\n      text-align: center;\n      font-size: 0.88rem;\n      font-weight: 800;\n      padding: 10px 16px;\n    }\n\n    .nav {\n      position: sticky;\n      top: 0;\n      z-index: 20;\n      background: rgba(255, 255, 255, 0.94);\n      backdrop-filter: blur(14px);\n      border-bottom: 1px solid rgba(9, 20, 38, 0.08);\n    }\n\n    .nav-inner {\n      max-width: var(--max);\n      margin: 0 auto;\n      padding: 14px 22px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 18px;\n    }\n\n    .brand {\n      font-weight: 950;\n      color: var(--navy);\n      font-size: 1rem;\n      text-transform: uppercase;\n    }\n\n    .nav-links {\n      display: flex;\n      align-items: center;\n      gap: 22px;\n      color: var(--muted);\n      font-weight: 800;\n      font-size: 0.9rem;\n    }\n\n    .button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 48px;\n      padding: 0 22px;\n      border-radius: 6px;\n      background: var(--red);\n      color: #fff;\n      font-weight: 950;\n      border: 0;\n      cursor: pointer;\n      box-shadow: 0 12px 26px rgba(226, 29, 47, 0.24);\n      transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;\n    }\n\n    .button:hover {\n      transform: translateY(-2px);\n      background: var(--red-dark);\n      box-shadow: 0 16px 30px rgba(226, 29, 47, 0.3);\n    }\n\n    .button.secondary {\n      background: #fff;\n      color: var(--navy);\n      box-shadow: none;\n      border: 1px solid var(--line);\n    }\n\n    .top-visual {\n      background: #fff;\n      padding: 0;\n    }\n\n    .top-visual img {\n      width: 100%;\n      max-height: 860px;\n      object-fit: cover;\n      object-position: center;\n    }\n\n    .hero {\n      min-height: calc(100svh - 96px);\n      display: grid;\n      grid-template-columns: minmax(0, 0.88fr) minmax(360px, 1.12fr);\n      align-items: stretch;\n      background: #fff;\n    }\n\n    .hero-copy {\n      padding: clamp(44px, 7vw, 92px) clamp(24px, 6vw, 84px);\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .eyebrow {\n      margin: 0 0 14px;\n      color: var(--red);\n      text-transform: uppercase;\n      font-weight: 950;\n      font-size: 0.84rem;\n    }\n\n    h1,\n    h2,\n    h3,\n    p {\n      margin-top: 0;\n    }\n\n    h1 {\n      font-size: clamp(2.6rem, 5.6vw, 5.7rem);\n      line-height: 0.96;\n      letter-spacing: 0;\n      margin-bottom: 22px;\n      color: var(--navy);\n    }\n\n    h2 {\n      font-size: clamp(2rem, 4vw, 4rem);\n      line-height: 1;\n      letter-spacing: 0;\n      margin-bottom: 16px;\n      color: var(--navy);\n    }\n\n    h3 {\n      font-size: 1.25rem;\n      line-height: 1.12;\n      margin-bottom: 8px;\n      color: var(--navy);\n    }\n\n    .lead {\n      color: var(--muted);\n      font-size: clamp(1.02rem, 1.5vw, 1.22rem);\n      max-width: 620px;\n      margin-bottom: 28px;\n    }\n\n    .hero-actions {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n\n    .microproof {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 28px;\n      color: var(--muted);\n      font-size: 0.9rem;\n      font-weight: 800;\n    }\n\n    .microproof span {\n      border: 1px solid var(--line);\n      border-radius: 999px;\n      padding: 8px 12px;\n      background: #fff;\n    }\n\n    .hero-media {\n      min-height: 560px;\n      position: relative;\n      overflow: hidden;\n      background: var(--soft);\n    }\n\n    .hero-media img {\n      height: 100%;\n      min-height: inherit;\n      object-fit: cover;\n      object-position: center;\n    }\n\n    .section {\n      padding: clamp(56px, 8vw, 108px) 22px;\n    }\n\n    .section.alt {\n      background: var(--soft);\n    }\n\n    .wrap {\n      max-width: var(--max);\n      margin: 0 auto;\n    }\n\n    .section-head {\n      max-width: 720px;\n      margin-bottom: 34px;\n    }\n\n    .image-led {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) minmax(340px, 0.92fr);\n      gap: clamp(28px, 5vw, 72px);\n      align-items: center;\n    }\n\n    .image-led.reverse {\n      grid-template-columns: minmax(340px, 0.92fr) minmax(0, 1fr);\n    }\n\n    .image-led.reverse .media {\n      order: 1;\n    }\n\n    .image-led.reverse .copy {\n      order: 2;\n    }\n\n    .media {\n      overflow: hidden;\n      border-radius: 8px;\n      background: #fff;\n    }\n\n    .media img {\n      aspect-ratio: 1 \/ 1;\n      object-fit: cover;\n    }\n\n    .benefits {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 18px;\n      margin-top: 28px;\n    }\n\n    .benefit {\n      border-top: 2px solid var(--red);\n      padding-top: 14px;\n    }\n\n    .benefit p {\n      color: var(--muted);\n      margin: 0;\n    }\n\n    .steps {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 18px;\n      margin-top: 30px;\n    }\n\n    .step {\n      background: #fff;\n      border: 1px solid var(--line);\n      border-radius: 8px;\n      padding: 22px;\n      min-height: 160px;\n    }\n\n    .step-num {\n      color: var(--red);\n      font-weight: 950;\n      font-size: 0.82rem;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }\n\n    .proof-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 22px;\n      align-items: stretch;\n    }\n\n    .proof-item {\n      background: #fff;\n      border: 1px solid var(--line);\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .proof-item img {\n      aspect-ratio: 1 \/ 1;\n      object-fit: cover;\n    }\n\n    .proof-copy {\n      padding: 22px;\n    }\n\n    .proof-copy p {\n      color: var(--muted);\n      margin-bottom: 0;\n    }\n\n    .offer {\n      background: var(--navy);\n      color: #fff;\n    }\n\n    .offer h2,\n    .offer h3 {\n      color: #fff;\n    }\n\n    .offer .lead,\n    .offer p {\n      color: rgba(255, 255, 255, 0.78);\n    }\n\n    .offer-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) minmax(320px, 0.85fr);\n      gap: clamp(28px, 5vw, 66px);\n      align-items: center;\n    }\n\n    .offer-list {\n      display: grid;\n      gap: 12px;\n      margin: 28px 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .offer-list li {\n      display: flex;\n      gap: 10px;\n      align-items: flex-start;\n      font-weight: 800;\n    }\n\n    .offer-list li::before {\n      content: \"\";\n      flex: 0 0 9px;\n      width: 9px;\n      height: 9px;\n      margin-top: 8px;\n      border-radius: 50%;\n      background: var(--red);\n    }\n\n    .faq {\n      display: grid;\n      gap: 12px;\n      max-width: 920px;\n    }\n\n    details {\n      border: 1px solid var(--line);\n      border-radius: 8px;\n      padding: 18px 20px;\n      background: #fff;\n    }\n\n    summary {\n      cursor: pointer;\n      font-weight: 950;\n      color: var(--navy);\n    }\n\n    details p {\n      color: var(--muted);\n      margin: 12px 0 0;\n    }\n\n    .final-cta {\n      text-align: center;\n      max-width: 760px;\n      margin: 0 auto;\n    }\n\n    [data-reveal] {\n      opacity: 0;\n      transform: translateY(18px);\n      transition: opacity 600ms ease, transform 600ms ease;\n    }\n\n    [data-reveal].visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    @media (max-width: 900px) {\n      .nav-links {\n        display: none;\n      }\n\n      .hero,\n      .image-led,\n      .image-led.reverse,\n      .offer-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .hero {\n        min-height: auto;\n      }\n\n      .hero-media {\n        order: -1;\n        min-height: auto;\n      }\n\n      .hero-media img {\n        min-height: auto;\n        aspect-ratio: 1 \/ 1;\n      }\n\n      .top-visual img {\n        aspect-ratio: 1 \/ 1;\n        max-height: none;\n      }\n\n      .image-led.reverse .media,\n      .image-led.reverse .copy {\n        order: initial;\n      }\n\n      .benefits,\n      .steps,\n      .proof-grid {\n        grid-template-columns: 1fr;\n      }\n\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"announcement\"\u003eCold-activated color reveal cups for parties, gifts, and everyday drinks.\u003c\/div\u003e\n\u003cnav class=\"nav\"\u003e\n\u003cdiv class=\"nav-inner\"\u003e\n\u003ca href=\"#top\" class=\"brand\"\u003eSPM Reveal Cup\u003c\/a\u003e\n\u003cdiv class=\"nav-links\"\u003e\n\u003ca href=\"#reveal\"\u003eHow It Works\u003c\/a\u003e \u003ca href=\"#everyday\"\u003eEveryday Use\u003c\/a\u003e \u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e \u003ca href=\"#faq\"\u003eFAQ\u003c\/a\u003e\n\u003c\/div\u003e\n\u003ca class=\"button\" href=\"#shop\"\u003eShop Now\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/nav\u003e\u003cmain id=\"top\"\u003e\n\u003csection class=\"top-visual\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0984\/2540\/5736\/files\/7_31_1.gif?v=1785499460\" alt=\"Cold activated color reveal cup animation\" loading=\"eager\"\u003e\u003c\/section\u003e\n\u003csection class=\"hero\"\u003e\n\u003cdiv class=\"hero-copy\"\u003e\n\u003cp class=\"eyebrow\"\u003eCold-Activated Reveal Cup\u003c\/p\u003e\n\u003ch1\u003eMake Every Cold Drink More Fun.\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003ePour in an ice-cold drink and watch the cup shift from plain white to a bold red color reveal kids love to use.\u003c\/p\u003e\n\u003cdiv class=\"hero-actions\"\u003e\n\u003ca class=\"button\" href=\"#shop\"\u003eGet Yours Today\u003c\/a\u003e \u003ca class=\"button secondary\" href=\"#reveal\"\u003eSee the Reveal\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"microproof\"\u003e\n\u003cspan\u003eReusable cup\u003c\/span\u003e \u003cspan\u003eCold-drink reveal\u003c\/span\u003e \u003cspan\u003eLid + straw design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0984\/2540\/5736\/files\/2_60b01636-d737-4416-b8bb-b2b221bff095.jpg?v=1785493383\" alt=\"Child drinking from the red cold activated cup at home\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section alt\" id=\"reveal\"\u003e\n\u003cdiv class=\"wrap image-led\"\u003e\n\u003cdiv class=\"media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0984\/2540\/5736\/files\/6_aaa20245-efa0-4419-8eb3-bed62d9802dc.jpg?v=1785493383\" alt=\"Before and after color reveal cups showing white and red states\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"copy\"\u003e\n\u003cp class=\"eyebrow\"\u003eThe Cold Reveal\u003c\/p\u003e\n\u003ch2\u003ePlain white to bold red in one chilled pour.\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eThe transformation is the whole point: kids see the cup change as the drink gets cold, turning a normal refill into a little party moment.\u003c\/p\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003eStep 1\u003c\/div\u003e\n\u003ch3\u003eStart Plain\u003c\/h3\u003e\n\u003cp\u003eThe cup begins in its light, unactivated state.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003eStep 2\u003c\/div\u003e\n\u003ch3\u003eAdd Cold\u003c\/h3\u003e\n\u003cp\u003ePour in ice water, juice, soda, or another chilled drink.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003eStep 3\u003c\/div\u003e\n\u003ch3\u003eWatch It Pop\u003c\/h3\u003e\n\u003cp\u003eThe bold red design appears as the cup cools.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section\" id=\"everyday\"\u003e\n\u003cdiv class=\"wrap image-led reverse\"\u003e\n\u003cdiv class=\"media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0984\/2540\/5736\/files\/2_60b01636-d737-4416-b8bb-b2b221bff095.jpg?v=1785493383\" alt=\"Child drinking from the red cold activated cup at home\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"copy\"\u003e\n\u003cp class=\"eyebrow\"\u003eBuilt for Daily Sips\u003c\/p\u003e\n\u003ch2\u003eTheir new favorite cup.\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eA fun cup gives kids a reason to reach for cold water, juice, or lemonade without turning drink time into a negotiation.\u003c\/p\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003ch3\u003eMore exciting\u003c\/h3\u003e\n\u003cp\u003eA visual reveal makes simple cold drinks feel special.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003ch3\u003eEasy to use\u003c\/h3\u003e\n\u003cp\u003eThe lid and straw setup makes it practical beyond the party.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003ch3\u003eGiftable\u003c\/h3\u003e\n\u003cp\u003eGreat for birthdays, rewards, party favors, and everyday fun.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section\" id=\"details\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-head\"\u003e\n\u003cp class=\"eyebrow\"\u003eProduct Proof\u003c\/p\u003e\n\u003ch2\u003eDetails that make it more than a paper cup.\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSmooth rim, bright color shift, bold graphic detail, plus a lid and straw format made for cold drinks on the go.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-grid\"\u003e\n\u003carticle class=\"proof-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0984\/2540\/5736\/files\/6_aaa20245-efa0-4419-8eb3-bed62d9802dc.jpg?v=1785493383\" alt=\"Before and after color changing cup states\" loading=\"lazy\"\u003e\n\u003cdiv class=\"proof-copy\"\u003e\n\u003ch3\u003eVisible before and after\u003c\/h3\u003e\n\u003cp\u003eThe design starts light and turns red with a chilled drink, making the change easy to understand at a glance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"proof-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0984\/2540\/5736\/files\/5_26b7ebfd-672b-4ed8-81d6-9bb98ced4533.jpg?v=1785493382\" alt=\"Color changing cup carried in a backpack side pocket\" loading=\"lazy\"\u003e\n\u003cdiv class=\"proof-copy\"\u003e\n\u003ch3\u003eReady to bring along\u003c\/h3\u003e\n\u003cp\u003eUse it for school-day drinks, park trips, birthday parties, and the little cold-drink moments kids look forward to.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section offer\" id=\"shop\"\u003e\n\u003cdiv class=\"wrap offer-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eLimited Party-Ready Cup\u003c\/p\u003e\n\u003ch2\u003eTurn cold drinks into the best part of the table.\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eA reusable cold-activated cup that gives kids a reveal moment now and a favorite cup to keep using later.\u003c\/p\u003e\n\u003cul class=\"offer-list\"\u003e\n\u003cli\u003eCold-activated red color reveal\u003c\/li\u003e\n\u003cli\u003eReusable cup for parties and everyday drinks\u003c\/li\u003e\n\u003cli\u003eClear lid and straw format\u003c\/li\u003e\n\u003cli\u003eGreat for gifts, rewards, and party favors\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ca class=\"button\" href=\"\/cart\"\u003eAdd to Cart\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0984\/2540\/5736\/files\/6_aaa20245-efa0-4419-8eb3-bed62d9802dc.jpg?v=1785493383\" alt=\"Before and after states of the cold activated cup\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section alt\" id=\"faq\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-head\"\u003e\n\u003cp class=\"eyebrow\"\u003eQuick Answers\u003c\/p\u003e\n\u003ch2\u003eBefore you order.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow does the cup change color?\u003c\/summary\u003e\n\u003cp\u003eThe cup is cold-activated. Add a chilled drink and the red design appears as the cup cools.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat drinks should I use?\u003c\/summary\u003e\n\u003cp\u003eUse cold drinks such as ice water, cold juice, lemonade, soda, or chilled party drinks. Do not use it for hot beverages.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eDoes it come with a lid and straw?\u003c\/summary\u003e\n\u003cp\u003eThe product imagery shows a clear lid and straw format. Match this section to the exact SKU being sold before publishing.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat makes it different from a normal cup?\u003c\/summary\u003e\n\u003cp\u003eThe visual color change gives kids a small surprise moment every time they add a chilled drink.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\n\u003cdiv class=\"final-cta\"\u003e\n\u003cp class=\"eyebrow\"\u003eReady for the Reveal?\u003c\/p\u003e\n\u003ch2\u003eMake their next cold drink the one they remember.\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eA fun, reusable cup that turns everyday sips into a small moment of surprise.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/cart\"\u003eGet Yours Today\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/main\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Fonome","offers":[{"title":"500ml","offer_id":52175530066216,"sku":null,"price":49.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0984\/2540\/5736\/files\/2_60b01636-d737-4416-b8bb-b2b221bff095.jpg?v=1785493383","url":"https:\/\/vodlans.com\/products\/spmcup","provider":"Vodlans","version":"1.0","type":"link"}