{"product_id":"magic-color-change-spider-cup","title":"Magic Color Change Spider cup","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\n  .pm { --ink:#1a1a1a; --muted:#777777; --soft:#f6f5f2; --line:#e4e1dc;\n        font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif; font-weight: 400; max-width: 820px; margin: 0 auto; padding: 8px 0; color: var(--ink); box-sizing: border-box; }\n  .pm *, .pm *::before, .pm *::after { box-sizing: border-box; }\n  .pm p { margin: 0 !important; }\n  .pm .serif { font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif; font-weight: 600; letter-spacing: -.2px; }\n\n  \/* Square frame for every image + gif *\/\n  .pm-sq { position: relative; width: 100%; max-width: 100%; aspect-ratio: 1 \/ 1; overflow: hidden; border-radius: 14px; background: var(--soft); }\n  .pm-sq img { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; min-height: 0 !important; object-fit: cover !important; display: block !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; }\n\n  .pm-label { font-size: 11px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; color: var(--muted); }\n\n  \/* 1. GIFs *\/\n  .pm .pm-top { font-size: 24px; line-height: 1.2; text-align: left !important; color: var(--ink); white-space: nowrap; margin: 0 0 14px !important; }\n  .pm .pm-gif-desc { font-size: 16px; line-height: 1.8; color: var(--muted); }\n  .pm-gif-text { max-width: 320px; padding: 8px 0; }\n  .pm-gifcard { background: #f2eef6; border-radius: 20px; padding: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }\n  .pm-gifcard .pm-gifs { order: -1; }\n  .pm-gifs { display: grid; grid-template-columns: 1fr; gap: 18px; }\n  .pm-gif-cap { font-size: 10.5px; font-weight: 400; letter-spacing: 2.5px; text-transform: uppercase; color: var(--muted); text-align: center; margin-top: 12px !important; }\n\n  \/* 2. Short info *\/\n  .pm-info { text-align: center; padding: 30px 16px 26px; }\n  .pm-info h2 { font-size: clamp(18px, 4.2vw, 28px); line-height: 1.2; letter-spacing: -.3px; white-space: nowrap; margin: 0 0 8px; color: var(--ink); }\n  .pm .pm-info-sub { font-size: 14px; line-height: 1.7; color: var(--muted); max-width: 460px; margin: 0 auto !important; text-align: center !important; }\n  .pm-specs { display: flex; justify-content: center; margin-top: 34px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }\n  .pm-spec { flex: 1; max-width: 200px; padding: 18px 8px; text-align: center; }\n  .pm-spec + .pm-spec { border-left: 1px solid var(--line); }\n  .pm-spec-num { font-size: 30px; line-height: 1; color: var(--ink); }\n  .pm-spec-lbl { font-size: 10.5px; letter-spacing: 2px; text-transform: uppercase; color: var(--muted); margin-top: 8px !important; }\n\n  \/* 3. Images with info *\/\n  .pm-row { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; padding: 18px; margin-bottom: 14px; border-radius: 20px; }\n  .pm-row.t1 { background: #f8efec; }\n  .pm-row.t2 { background: #f4f0e8; }\n  .pm-row.t3 { background: #eef1ec; }\n  .pm-row.t4 { background: #eceff3; }\n  .pm-info + .pm-row { margin-top: 0; }\n  .pm-row.flip .pm-row-media { order: 2; }\n  .pm-row-text { max-width: 320px; padding: 8px 0; }\n  .pm-row.flip .pm-row-text { margin-left: auto; }\n  .pm-row-title { font-size: 24px; line-height: 1.2; margin: 12px 0 14px !important; color: var(--ink); }\n  .pm-row-desc { font-size: 16px; line-height: 1.8; color: var(--muted); }\n\n  \/* Benefits *\/\n  .pm-love { background: #f6f0e9; padding: 28px 30px 20px; margin-top: 14px; border-radius: 20px; }\n  .pm-love-head { text-align: center; margin-bottom: 10px !important; }\n  .pm-love-head h3 { font-size: 26px; line-height: 1.2; margin: 6px 0 0; color: var(--ink); }\n  .pm-list { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; }\n  .pm-li:nth-last-child(-n+2) { border-bottom: 0; }\n  .pm-li { display: flex; gap: 14px; align-items: baseline; padding: 11px 0; border-bottom: 1px solid var(--line); font-size: 14.5px; line-height: 1.45; color: var(--ink); }\n  .pm-li span { font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 13px; color: var(--muted); flex-shrink: 0; width: 18px; }\n\n  \/* Closing *\/\n  .pm-close { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; padding: 18px; margin-top: 14px; background: #f3eef3; border-radius: 20px; }\n  .pm-close-text { text-align: left; }\n  .pm-close-text h3 { font-size: 28px; line-height: 1.15; margin: 14px 0 14px; color: var(--ink); }\n  .pm-close-sub { font-size: 15px; line-height: 1.8; color: var(--muted); }\n\n  @media (max-width: 600px) {\n    .pm-gifs { gap: 14px; }\n    .pm-gifcard { padding: 14px 10px 10px; grid-template-columns: 1fr; gap: 0; }\n    .pm-gifcard .pm-gifs { order: 0; }\n    .pm-gif-text { max-width: none; padding: 0; }\n    .pm .pm-top { font-size: clamp(18px, 4vw, 24px); text-align: center !important; margin: 4px 0 16px !important; }\n    .pm .pm-gif-desc { display: none; }\n    .pm-gif-cap { font-size: 9.5px; letter-spacing: 1.8px; margin-top: 10px !important; }\n    .pm-info { padding: 22px 8px 20px; }\n    .pm-spec-num { font-size: 26px; }\n    .pm-row, .pm-row.flip { grid-template-columns: 1fr; gap: 20px; padding: 10px 10px 26px; margin-bottom: 12px; }\n    .pm-row.flip .pm-row-media { order: 0; }\n    .pm-row-text, .pm-row.flip .pm-row-text { max-width: none; margin: 0; padding: 0 10px; }\n    .pm-row-title { font-size: 21px; }\n    .pm-love { padding: 22px 16px 14px; }\n    .pm-love-head h3 { font-size: 22px; }\n    .pm-list { grid-template-columns: 1fr; }\n    .pm-li:nth-last-child(2) { border-bottom: 1px solid var(--line); }\n    .pm-close { grid-template-columns: 1fr; gap: 22px; padding: 10px 10px 30px; }\n    .pm-close-text { text-align: center; }\n    .pm-close-text h3 { font-size: 23px; }\n  }\n\n\u003c\/style\u003e\n\u003cdiv class=\"pm\"\u003e\n\u003c!-- Heading above GIFs --\u003e\n\u003cdiv class=\"pm-gifcard\"\u003e\n\u003cdiv class=\"pm-gif-text\"\u003e\n\u003cp class=\"pm-top serif\"\u003eSee how it works\u003c\/p\u003e\n\u003cp class=\"pm-gif-desc\"\u003ePour in a cold drink and watch the cup turn from white to red.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 1. GIFs --\u003e\n\u003cdiv class=\"pm-gifs\"\u003e\n\u003cdiv class=\"pm-sq\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0558\/7242\/1982\/files\/color_change_cup00_ce7ef293-4172-483f-a0df-d8e52afdd325.gif?v=1791784698\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Short info --\u003e\n\u003cdiv class=\"pm-info\"\u003e\n\u003ch2 class=\"serif\"\u003ePour it cold, watch it change\u003c\/h2\u003e\n\u003cp class=\"pm-info-sub\"\u003eA colour changing metal cup with a spider web design\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Images with info --\u003e\n\u003cdiv class=\"pm-row t3\"\u003e\n\u003cdiv class=\"pm-row-media\"\u003e\n\u003cdiv class=\"pm-sq\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0558\/7242\/1982\/files\/colorchangecup5.png?v=1791781237\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-row-text\"\u003e\n\u003cp class=\"pm-label\"\u003eColour change\u003c\/p\u003e\n\u003cp class=\"pm-row-title serif\"\u003eTurns red when cold\u003c\/p\u003e\n\u003cp class=\"pm-row-desc\"\u003eAdd an icy drink and the red web appears. It fades back as it warms.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-row flip t2\"\u003e\n\u003cdiv class=\"pm-row-media\"\u003e\n\u003cdiv class=\"pm-sq\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0558\/7242\/1982\/files\/color_change_cup0_514a5777-d766-41b7-b838-598922e907d5.gif?v=1791784698\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-row-text\"\u003e\n\u003cp class=\"pm-label\"\u003eThe details\u003c\/p\u003e\n\u003cp class=\"pm-row-title serif\"\u003eTextured eyes and web\u003c\/p\u003e\n\u003cp class=\"pm-row-desc\"\u003eRaised eyes with a mesh finish sit over a crisp, textured web pattern.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-row t1\"\u003e\n\u003cdiv class=\"pm-row-media\"\u003e\n\u003cdiv class=\"pm-sq\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0558\/7242\/1982\/files\/colorchangecup3.jpg?v=1791781236\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-row-text\"\u003e\n\u003cp class=\"pm-label\"\u003eEasy to sip\u003c\/p\u003e\n\u003cp class=\"pm-row-title serif\"\u003eLid and steel straw\u003c\/p\u003e\n\u003cp class=\"pm-row-desc\"\u003eA clear slide lid and a bent steel straw make it easy to sip on the go.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-row flip t4\"\u003e\n\u003cdiv class=\"pm-row-media\"\u003e\n\u003cdiv class=\"pm-sq\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0558\/7242\/1982\/files\/colorchangecup4.jpg?v=1791781236\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-row-text\"\u003e\n\u003cp class=\"pm-label\"\u003eGift ready\u003c\/p\u003e\n\u003cp class=\"pm-row-title serif\"\u003eBoxed and ready to give\u003c\/p\u003e\n\u003cp class=\"pm-row-desc\"\u003eA sleek black box with a glowing web print makes it ready to give.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits --\u003e\n\u003cdiv class=\"pm-love\"\u003e\n\u003cdiv class=\"pm-love-head\"\u003e\n\u003cp class=\"pm-label\"\u003eWhy you'll love it\u003c\/p\u003e\n\u003ch3 class=\"serif\"\u003eSmall cup, big mood\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-list\"\u003e\n\u003cdiv class=\"pm-li\"\u003e\n\u003cspan\u003ei.\u003c\/span\u003eMakes every cold drink feel a little special\u003c\/div\u003e\n\u003cdiv class=\"pm-li\"\u003e\n\u003cspan\u003eii.\u003c\/span\u003eA fun colour reveal with every refill\u003c\/div\u003e\n\u003cdiv class=\"pm-li\"\u003e\n\u003cspan\u003eiii.\u003c\/span\u003eMetal build that feels solid in hand\u003c\/div\u003e\n\u003cdiv class=\"pm-li\"\u003e\n\u003cspan\u003eiv.\u003c\/span\u003eLid and straw for sipping on the go\u003c\/div\u003e\n\u003cdiv class=\"pm-li\"\u003e\n\u003cspan\u003ev.\u003c\/span\u003eGlow in the dark detail for late nights\u003c\/div\u003e\n\u003cdiv class=\"pm-li\"\u003e\n\u003cspan\u003evi.\u003c\/span\u003eA thoughtful gift for comic and movie fans\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Closing --\u003e\n\u003cdiv class=\"pm-close\"\u003e\n\u003cdiv class=\"pm-sq\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0558\/7242\/1982\/files\/15_cm_x_9.3_cm_x_6.5_cm.png?v=1791781176\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-close-text\"\u003e\n\u003cp class=\"pm-label\"\u003eOn your desk\u003c\/p\u003e\n\u003ch3 class=\"serif\"\u003eYour setup just got cooler.\u003c\/h3\u003e\n\u003cp class=\"pm-close-sub\"\u003eFill it with ice, set it by your keyboard, and let the colour do the talking.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Listing Team","offers":[{"title":"Pack Of 1","offer_id":67714990309602,"sku":"Magic Spider cup - 1 PC","price":699.0,"currency_code":"INR","in_stock":true},{"title":"Pack Of 2","offer_id":67714990342370,"sku":"Magic Spider cup - 2 PC","price":1199.0,"currency_code":"INR","in_stock":true},{"title":"Pack Of 3","offer_id":67714990375138,"sku":"Magic Spider cup - 3 PC","price":1699.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0344\/5528\/9996\/files\/colorchangecup4.jpg?v=1792210670","url":"https:\/\/www.heybuyers.in\/products\/magic-color-change-spider-cup","provider":"HeyBuyer","version":"1.0","type":"link"}