{"id":41,"date":"2026-04-27T20:01:35","date_gmt":"2026-04-27T20:01:35","guid":{"rendered":"https:\/\/darksalmon-seal-746514.hostingersite.com\/?page_id=41"},"modified":"2026-05-11T18:09:16","modified_gmt":"2026-05-11T18:09:16","slug":"matcha","status":"publish","type":"page","link":"https:\/\/coffeegram.in\/index.php\/matcha\/","title":{"rendered":"matcha"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMatcha<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;}\r\n\r\nbody{\r\n background:#fff;\r\n color:#111;\r\n}\r\n\r\n\/* NAV *\/\r\nnav{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n padding:20px 60px;\r\n background:#fff;\r\n border-bottom:1px solid #eee;\r\n}\r\n\r\n.logo{\r\n display:flex;\r\n align-items:center;\r\n}\r\n\r\n.logo img{\r\n height:45px;\r\n width:auto;\r\n}\r\n\r\n.back{\r\n text-decoration:none;\r\n color:#666;\r\n}\r\n\r\n\/* SECTION *\/\r\n.section{\r\n padding:60px;\r\n max-width:900px;\r\n margin:auto;\r\n}\r\n\r\nh1{\r\n margin-bottom:30px;\r\n font-size:40px;\r\n font-weight:700;\r\n color:#898f6d;\r\n}\r\n\r\n\/* ITEM *\/\r\n.item{\r\n padding:18px 0;\r\n border-bottom:1px solid #eee;\r\n transition:.25s;\r\n}\r\n\r\n.item:hover{\r\n transform:translateX(6px);\r\n}\r\n\r\n\/* TITLE *\/\r\n.item-title{\r\n display:flex;\r\n justify-content:space-between;\r\n font-weight:600;\r\n color:#111;\r\n}\r\n\r\n\/* DESC *\/\r\n.desc{\r\n font-size:13px;\r\n color:#666;\r\n margin:6px 0;\r\n}\r\n\r\n\/* PRICE *\/\r\n.price{\r\n color:#898f6d;\r\n font-size:14px;\r\n}\r\n.addon-box{\r\n margin-top:60px;\r\n padding:25px;\r\n border:1px dashed #c8b08b;\r\n border-radius:20px;\r\n background:#faf7f2;\r\n}\r\n\r\n\/* TITLE *\/\r\n.addon-title{\r\n text-align:center;\r\n margin-bottom:25px;\r\n color:#8b6b3f;\r\n font-size:28px;\r\n}\r\n\r\n\/* GRID *\/\r\n.addon-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n\/* ITEM *\/\r\n.addon-item{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n background:#fff;\r\n padding:16px;\r\n border-radius:14px;\r\n border:1px solid #eee;\r\n}\r\n\r\n.addon-item h3{\r\n font-size:15px;\r\n margin-bottom:4px;\r\n}\r\n\r\n.addon-item p{\r\n font-size:12px;\r\n color:#666;\r\n}\r\n\r\n.addon-item span{\r\n color:#898f6d;\r\n font-weight:600;\r\n font-size:15px;\r\n}\r\n\r\n\/* ===================== *\/\r\n\/* \ud83d\udd25 MOBILE OPTIMIZATION *\/\r\n\/* ===================== *\/\r\n@media(max-width:768px){\r\n\r\n nav{\r\n padding:15px 18px;\r\n }\r\n\r\n .logo{\r\n font-size:18px;\r\n }\r\n .logo img{\r\n height:35px;\r\n width:auto;\r\n}\r\n\r\n .back{\r\n font-size:13px;\r\n }\r\n\r\n .section{\r\n padding:30px 18px;\r\n }\r\n\r\n h1{\r\n font-size:28px;\r\n margin-bottom:20px;\r\n }\r\n\r\n \/* \ud83d\udd25 STACK TITLE + PRICE *\/\r\n .item-title{\r\n flex-direction:row; \/* \ud83d\udd25 wapas same line me *\/\r\n justify-content:space-between;\r\n align-items:center;\r\n}\r\n\r\n .item-title span{\r\n color:#898f6d;\r\n font-size:14px;\r\n }\r\n\r\n .desc{\r\n font-size:12px;\r\n line-height:1.4;\r\n }\r\n}\r\n .addon-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .addon-box{\r\n padding:18px;\r\n }\r\n\r\n .addon-title{\r\n font-size:22px;\r\n }\r\n}\r\n\r\n\/* EXTRA SMALL *\/\r\n@media(max-width:420px){\r\n\r\n h1{\r\n font-size:24px;\r\n }\r\n\r\n .desc{\r\n font-size:11px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<nav>\r\n <a href=\"index.html\" class=\"logo\">\r\n <img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/05\/Logo-web.png\" alt=\"Coffeegram Logo\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/185;\">\r\n<\/a>\r\n <a href=\"https:\/\/darksalmon-seal-746514.hostingersite.com\/\" class=\"back\">\u2190 Back<\/a>\r\n<\/nav>\r\n\r\n<div class=\"section\">\r\n\r\n<div class=\"section\">\r\n\r\n<h1>Matcha \ud83c\udf75<\/h1>\r\n\r\n<div class=\"item\" id=\"strawberry-matcha\">\r\n<div class=\"item-title\">\r\nStrawberry Matcha \r\n<span>\u20b9300<\/span>\r\n<\/div>\r\n<div class=\"desc\">\r\nFresh strawberry blended with premium ceremonial matcha\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"item\" id=\"mango-matcha\">\r\n<div class=\"item-title\">\r\nMango Matcha \r\n<span>\u20b9300<\/span>\r\n<\/div>\r\n<div class=\"desc\">\r\nTropical mango fusion with smooth creamy matcha\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"item\" id=\"iced-matcha-latte\">\r\n<div class=\"item-title\">\r\nIced Matcha Latte \r\n<span>\u20b9275<\/span>\r\n<\/div>\r\n<div class=\"desc\">\r\nChilled matcha latte served over ice\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"item\" id=\"hot-matcha-latte\">\r\n<div class=\"item-title\">\r\nHot Matcha Latte \r\n<span>\u20b9275<\/span>\r\n<\/div>\r\n<div class=\"desc\">\r\nWarm whisked matcha with silky milk texture\r\n<\/div>\r\n<\/div>\r\n<!-- ADD ON SECTION -->\r\n<div class=\"addon-box\">\r\n\r\n <h2 class=\"addon-title\">\r\n \u2728 Add Ons\r\n <\/h2>\r\n\r\n <div class=\"addon-grid\">\r\n\r\n <div class=\"addon-item\">\r\n <div>\r\n <h3>Almond \/ Soy \/ Oat Milk Cold<\/h3>\r\n <p>Plant based cold milk option<\/p>\r\n <\/div>\r\n\r\n <span>\u20b9100<\/span>\r\n <\/div>\r\n\r\n <div class=\"addon-item\">\r\n <div>\r\n <h3>Almond \/ Soy \/ Oat Milk Hot<\/h3>\r\n <p>Hot beverage dairy alternative<\/p>\r\n <\/div>\r\n\r\n <span>\u20b970<\/span>\r\n <\/div>\r\n\r\n <div class=\"addon-item\">\r\n <div>\r\n <h3>Ice Cream Scoop<\/h3>\r\n <p>Extra creamy add-on scoop<\/p>\r\n <\/div>\r\n\r\n <span>\u20b950<\/span>\r\n <\/div>\r\n\r\n <div class=\"addon-item\">\r\n <div>\r\n <h3>Whipped Cream<\/h3>\r\n <p>Fresh whipped topping<\/p>\r\n <\/div>\r\n\r\n <span>\u20b950<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Matcha \u2190 Back Matcha \ud83c\udf75 Strawberry Matcha \u20b9300 Fresh strawberry blended with premium ceremonial matcha Mango Matcha \u20b9300 Tropical mango fusion with smooth creamy matcha Iced Matcha Latte \u20b9275 Chilled matcha latte served over ice Hot Matcha Latte \u20b9275 Warm whisked matcha with silky milk texture \u2728 Add Ons Almond \/ Soy \/ Oat Milk […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":43,"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":790,"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/pages\/41\/revisions\/790"}],"wp:attachment":[{"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}