{"product_id":"painted-book-mug-2-2-3-2-3-7","title":"πŸ“š 3D Painted Book Mug – Unique Glass Coffee Cup for Readers \u0026 Book Lovers🍡","description":"\u003cstyle\u003e\n\/* =========================================================\n 3D PAINTED BOOK MUG\n Shopify Custom Liquid Landing Page\n========================================================= *\/\n\n.bm-page,\n.bm-page *,\n.bm-page *::before,\n.bm-page *::after{\n box-sizing:border-box;\n}\n\n.bm-page{\n --ink:#243747;\n --ink2:#172936;\n\n --brown:#81502d;\n --brown2:#a86736;\n\n --amber:#d89438;\n --gold:#e9b966;\n\n --blue:#407994;\n --teal:#3e7d7d;\n\n --cream:#fffaf1;\n --cream2:#f6efe4;\n\n --paper:#fffdf9;\n\n --text:#3c4143;\n --muted:#747879;\n --line:#e8ddd1;\n\n width:100%;\n max-width:1180px;\n\n margin:0 auto;\n\n overflow:hidden;\n\n background:#fff;\n color:var(--text);\n\n font-family:\n Arial,\n Helvetica,\n sans-serif;\n\n line-height:1.65;\n\n container-type:inline-size;\n}\n\n\n\/* =========================================================\n RESET\n========================================================= *\/\n\n.bm-page img{\n display:block;\n\n width:100%!important;\n max-width:100%!important;\n height:auto!important;\n\n margin:0!important;\n\n border:0;\n}\n\n.bm-page h1,\n.bm-page h2,\n.bm-page h3,\n.bm-page p{\n margin-top:0;\n}\n\n\n\/* =========================================================\n COMMON\n========================================================= *\/\n\n.bm-section{\n padding:54px 20px;\n}\n\n.bm-center{\n text-align:center;\n}\n\n\n.bm-eyebrow{\n display:inline-flex;\n\n align-items:center;\n justify-content:center;\n\n gap:7px;\n\n margin-bottom:16px;\n\n padding:8px 16px;\n\n border-radius:999px;\n\n background:#f3eadf;\n color:#8a542e;\n\n font-size:11px;\n font-weight:900;\n\n letter-spacing:1.3px;\n text-transform:uppercase;\n}\n\n\n.bm-title{\n margin:0 0 17px;\n\n color:var(--ink);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size:32px;\n line-height:1.12;\n\n font-weight:700;\n}\n\n\n.bm-subtitle{\n max-width:760px;\n\n margin:0 auto;\n\n color:var(--muted);\n\n font-size:15px;\n line-height:1.75;\n}\n\n\n\/* =========================================================\n CTA\n========================================================= *\/\n\n.bm-btn{\n display:inline-flex;\n\n align-items:center;\n justify-content:center;\n\n min-height:55px;\n\n margin-top:26px;\n\n padding:15px 29px;\n\n border-radius:10px;\n\n background:\n linear-gradient(\n 135deg,\n #d9943c,\n #a85f29\n );\n\n color:#fff!important;\n\n font-size:16px;\n font-weight:900;\n\n text-decoration:none!important;\n\n box-shadow:\n 0 13px 30px rgba(133,78,37,.25);\n\n transition:\n transform .2s ease,\n box-shadow .2s ease;\n}\n\n.bm-btn:hover{\n transform:translateY(-2px);\n\n box-shadow:\n 0 17px 35px rgba(133,78,37,.31);\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.bm-hero{\n position:relative;\n\n overflow:hidden;\n\n padding:58px 20px 42px;\n\n text-align:center;\n\n background:\n radial-gradient(\n circle at 12% 12%,\n rgba(224,165,83,.18),\n transparent 28%\n ),\n radial-gradient(\n circle at 88% 18%,\n rgba(57,112,136,.18),\n transparent 27%\n ),\n linear-gradient(\n 145deg,\n #172b38,\n #234356 58%,\n #31566a\n );\n\n color:#fff;\n}\n\n.bm-hero::before,\n.bm-hero::after{\n position:absolute;\n\n color:\n rgba(233,185,102,.28);\n\n font-family:\n Georgia,\n serif;\n\n pointer-events:none;\n}\n\n.bm-hero::before{\n content:\"β€œ\";\n\n top:13px;\n left:5%;\n\n font-size:95px;\n}\n\n.bm-hero::after{\n content:\"✦\";\n\n top:70px;\n right:7%;\n\n font-size:22px;\n}\n\n\n.bm-hero-inner{\n position:relative;\n z-index:2;\n}\n\n.bm-hero .bm-eyebrow{\n background:\n rgba(255,255,255,.08);\n\n border:\n 1px solid rgba(255,255,255,.13);\n\n color:#f2cb8d;\n}\n\n\n.bm-main-title{\n max-width:950px;\n\n margin:0 auto 19px;\n\n color:#fff;\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size:41px;\n line-height:1.04;\n\n font-weight:700;\n}\n\n.bm-main-title span{\n color:#f2bc68;\n}\n\n\n.bm-hero-copy{\n max-width:750px;\n\n margin:0 auto;\n\n color:#dce8ed;\n\n font-size:17px;\n line-height:1.72;\n}\n\n\n.bm-hero-note{\n margin-top:13px;\n\n color:#b9ccd5;\n\n font-size:12px;\n font-weight:700;\n}\n\n\n\/* HERO IMAGE *\/\n\n.bm-hero-image{\n max-width:900px;\n\n margin:38px auto 0;\n\n overflow:hidden;\n\n border:\n 5px solid rgba(255,255,255,.12);\n\n border-radius:21px;\n\n box-shadow:\n 0 29px 70px rgba(0,0,0,.34);\n}\n\n\n\/* =========================================================\n QUICK VALUES\n========================================================= *\/\n\n.bm-values{\n padding:28px 18px;\n\n background:#fffaf4;\n}\n\n.bm-value-grid{\n display:grid;\n\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n\n gap:11px;\n\n max-width:970px;\n\n margin:0 auto;\n}\n\n.bm-value{\n padding:18px 10px;\n\n text-align:center;\n\n background:#fff;\n\n border:\n 1px solid #eadfd4;\n\n border-radius:13px;\n}\n\n.bm-value span{\n display:block;\n\n margin-bottom:6px;\n\n font-size:27px;\n}\n\n.bm-value strong{\n display:block;\n\n color:#4f4b46;\n\n font-size:13px;\n line-height:1.4;\n}\n\n\n\/* =========================================================\n SPLIT\n========================================================= *\/\n\n.bm-split{\n display:grid;\n\n grid-template-columns:1fr;\n\n gap:34px;\n\n align-items:center;\n}\n\n\n.bm-copy p{\n margin:0 0 17px;\n\n color:#717675;\n\n font-size:16px;\n}\n\n\n.bm-image-card{\n overflow:hidden;\n\n border-radius:19px;\n\n box-shadow:\n 0 18px 47px rgba(50,57,61,.14);\n}\n\n\n.bm-image-card img{\n transition:\n transform .6s ease;\n}\n\n.bm-image-card:hover img{\n transform:scale(1.012);\n}\n\n\n\/* =========================================================\n QUOTE\n========================================================= *\/\n\n.bm-quote{\n margin:23px 0 0;\n\n padding:19px 21px;\n\n background:#fff7eb;\n\n border-left:\n 4px solid var(--amber);\n\n color:#765336;\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size:20px;\n font-style:italic;\n\n line-height:1.5;\n}\n\n\n\/* =========================================================\n BENEFITS\n========================================================= *\/\n\n.bm-benefits{\n background:#f5f7f7;\n}\n\n.bm-card-grid{\n display:grid;\n\n grid-template-columns:1fr;\n\n gap:15px;\n\n margin-top:33px;\n}\n\n\n.bm-card{\n padding:26px 22px;\n\n background:#fff;\n\n border:\n 1px solid #dfe4e4;\n\n border-radius:16px;\n\n text-align:left;\n\n box-shadow:\n 0 9px 27px rgba(37,58,68,.06);\n}\n\n\n.bm-card-icon{\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n width:48px;\n height:48px;\n\n margin-bottom:14px;\n\n border-radius:50%;\n\n background:#f8eee3;\n\n font-size:24px;\n}\n\n\n.bm-card h3{\n margin:0 0 7px;\n\n color:#284657;\n\n font-size:20px;\n}\n\n.bm-card p{\n margin:0;\n\n color:#727879;\n\n font-size:14px;\n}\n\n\n\/* =========================================================\n DARK BOOK SECTION\n========================================================= *\/\n\n.bm-dark{\n background:\n radial-gradient(\n circle at 15% 14%,\n rgba(226,170,84,.13),\n transparent 28%\n ),\n linear-gradient(\n 145deg,\n #172a37,\n #29495b\n );\n\n color:#fff;\n}\n\n\n.bm-dark .bm-title{\n color:#fff;\n}\n\n.bm-dark .bm-copy p{\n color:#d9e5ea;\n}\n\n.bm-dark .bm-eyebrow{\n background:\n rgba(255,255,255,.08);\n\n color:#f0c98c;\n}\n\n\n\/* =========================================================\n CHECK LIST\n========================================================= *\/\n\n.bm-checks{\n margin:21px 0 0;\n\n padding:0;\n\n list-style:none;\n}\n\n.bm-checks li{\n position:relative;\n\n margin:12px 0;\n\n padding-left:34px;\n\n color:#dce7eb;\n\n font-size:14px;\n font-weight:700;\n}\n\n.bm-checks li::before{\n content:\"βœ“\";\n\n position:absolute;\n\n left:0;\n top:1px;\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n width:22px;\n height:22px;\n\n border-radius:50%;\n\n background:#cd8a38;\n\n color:#fff;\n\n font-size:12px;\n font-weight:900;\n}\n\n\n\/* =========================================================\n DETAILS\n========================================================= *\/\n\n.bm-details{\n background:#fffaf2;\n}\n\n\n\/* =========================================================\n STYLE VARIANTS\n========================================================= *\/\n\n.bm-styles{\n background:#fff;\n}\n\n.bm-style-grid{\n display:grid;\n\n grid-template-columns:1fr;\n\n gap:18px;\n\n max-width:900px;\n\n margin:34px auto 0;\n}\n\n\n.bm-style{\n overflow:hidden;\n\n background:#fff;\n\n border:\n 1px solid #e4ddd6;\n\n border-radius:18px;\n\n box-shadow:\n 0 12px 32px rgba(47,53,58,.08);\n}\n\n\n.bm-style-image{\n overflow:hidden;\n\n background:#fafafa;\n}\n\n\n.bm-style-copy{\n padding:19px 20px 21px;\n\n text-align:center;\n}\n\n\n.bm-style-copy strong{\n display:block;\n\n margin-bottom:4px;\n\n color:#274454;\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size:22px;\n}\n\n\n.bm-style-copy span{\n color:#787c7c;\n\n font-size:13px;\n}\n\n\n\/* =========================================================\n READING RITUAL\n========================================================= *\/\n\n.bm-ritual{\n background:#f5eee5;\n}\n\n\n\/* =========================================================\n DISPLAY\n========================================================= *\/\n\n.bm-display{\n background:\n radial-gradient(\n circle at 85% 15%,\n rgba(226,168,82,.14),\n transparent 27%\n ),\n linear-gradient(\n 145deg,\n #221e1c,\n #332a26\n );\n\n color:#fff;\n}\n\n\n.bm-display .bm-title{\n color:#fff;\n}\n\n.bm-display .bm-copy p{\n color:#ddd4ce;\n}\n\n.bm-display .bm-eyebrow{\n background:\n rgba(255,255,255,.08);\n\n color:#e9bd7e;\n}\n\n\n\/* =========================================================\n GIFT\n========================================================= *\/\n\n.bm-gift{\n background:\n linear-gradient(\n 145deg,\n #f8f1e7,\n #fffaf3\n );\n}\n\n\n.bm-tags{\n display:flex;\n\n flex-wrap:wrap;\n\n gap:8px;\n\n margin-top:22px;\n}\n\n\n.bm-tag{\n padding:9px 14px;\n\n border:\n 1px solid #e3d8ca;\n\n border-radius:999px;\n\n background:#fff;\n\n color:#68513e;\n\n font-size:12px;\n font-weight:800;\n}\n\n\n\/* =========================================================\n PRODUCT INFORMATION\n========================================================= *\/\n\n.bm-info{\n background:#fff;\n}\n\n\n.bm-info-box{\n max-width:900px;\n\n margin:31px auto 0;\n\n overflow:hidden;\n\n border:\n 1px solid #e0e3e3;\n\n border-radius:17px;\n}\n\n\n.bm-info-row{\n display:grid;\n\n grid-template-columns:\n minmax(105px,.8fr)\n minmax(0,1.5fr);\n\n gap:16px;\n\n padding:15px 18px;\n\n border-bottom:\n 1px solid #eef0f0;\n}\n\n\n.bm-info-row:last-child{\n border-bottom:0;\n}\n\n\n.bm-info-row strong{\n color:#304e5e;\n\n font-size:13px;\n}\n\n\n.bm-info-row span{\n color:#727778;\n\n font-size:13px;\n}\n\n\n\/* =========================================================\n FAQ\n========================================================= *\/\n\n.bm-faq{\n background:#f6f7f7;\n}\n\n\n.bm-faq-list{\n max-width:850px;\n\n margin:28px auto 0;\n}\n\n\n.bm-faq details{\n margin-bottom:11px;\n\n overflow:hidden;\n\n background:#fff;\n\n border:\n 1px solid #dee3e3;\n\n border-radius:12px;\n}\n\n\n.bm-faq summary{\n position:relative;\n\n padding:\n 18px 48px 18px 18px;\n\n cursor:pointer;\n\n color:#304c5b;\n\n font-size:14px;\n font-weight:800;\n\n list-style:none;\n}\n\n\n.bm-faq summary::-webkit-details-marker{\n display:none;\n}\n\n\n.bm-faq summary::after{\n content:\"+\";\n\n position:absolute;\n\n right:18px;\n top:50%;\n\n transform:\n translateY(-50%);\n\n color:#c07d32;\n\n font-size:24px;\n}\n\n\n.bm-faq details[open] summary::after{\n content:\"βˆ’\";\n}\n\n\n.bm-faq-answer{\n padding:\n 0 18px 18px;\n\n color:#707677;\n\n font-size:13px;\n}\n\n\n\/* =========================================================\n FINAL CTA\n========================================================= *\/\n\n.bm-final{\n padding:64px 20px;\n\n text-align:center;\n\n background:\n radial-gradient(\n circle at 50% 0%,\n rgba(228,173,87,.17),\n transparent 37%\n ),\n linear-gradient(\n 145deg,\n #172b38,\n #294d61\n );\n\n color:#fff;\n}\n\n\n.bm-final .bm-eyebrow{\n background:\n rgba(255,255,255,.08);\n\n color:#f0cb91;\n}\n\n\n.bm-final h2{\n max-width:850px;\n\n margin:0 auto 17px;\n\n color:#fff;\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size:34px;\n line-height:1.15;\n}\n\n\n.bm-final p{\n max-width:720px;\n\n margin:0 auto;\n\n color:#d9e5ea;\n\n font-size:15px;\n}\n\n\n\/* =========================================================\n RESPONSIVE\n========================================================= *\/\n\n@container (min-width:700px){\n\n .bm-section{\n padding:68px 42px;\n }\n\n .bm-hero{\n padding:74px 42px 44px;\n }\n\n .bm-main-title{\n font-size:55px;\n }\n\n .bm-title{\n font-size:40px;\n }\n\n .bm-value-grid{\n grid-template-columns:\n repeat(4,minmax(0,1fr));\n }\n\n .bm-split{\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n\n gap:48px;\n }\n\n .bm-card-grid{\n grid-template-columns:\n repeat(3,minmax(0,1fr));\n\n gap:19px;\n }\n\n .bm-style-grid{\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n\n gap:20px;\n }\n\n .bm-final{\n padding:80px 42px;\n }\n\n .bm-final h2{\n font-size:44px;\n }\n}\n\n\n@container (min-width:960px){\n\n .bm-section{\n padding:77px 58px;\n }\n\n .bm-hero{\n padding:80px 58px 50px;\n }\n\n .bm-main-title{\n font-size:62px;\n }\n\n .bm-title{\n font-size:43px;\n }\n\n .bm-split{\n gap:60px;\n }\n\n .bm-copy p{\n font-size:17px;\n }\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width:480px){\n\n .bm-main-title{\n font-size:35px;\n }\n\n .bm-title{\n font-size:29px;\n }\n\n .bm-hero-copy{\n font-size:15px;\n }\n\n .bm-btn{\n width:100%;\n max-width:420px;\n }\n\n .bm-section{\n padding-left:16px;\n padding-right:16px;\n }\n\n .bm-hero{\n padding-left:15px;\n padding-right:15px;\n }\n\n .bm-info-row{\n grid-template-columns:1fr;\n gap:4px;\n }\n}\n\n\u003c\/style\u003e\n\u003cdiv class=\"bm-page\" id=\"book-mug-page\"\u003e\n\u003c!-- =====================================================\n HERO\n===================================================== --\u003e\n\u003csection class=\"bm-hero\"\u003e\n\u003cdiv class=\"bm-hero-inner\"\u003e\n\u003cdiv class=\"bm-eyebrow\"\u003eπŸ“š FOR PEOPLE WHO WOULD RATHER BE READING\u003c\/div\u003e\n\u003ch1 class=\"bm-main-title\"\u003eYour Favorite Drink,\u003cbr\u003e\u003cspan\u003eWrapped In A Stack Of Books.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"bm-hero-copy\"\u003eA colorful 3D glass mug inspired by stacked books β€” made for slow mornings, long reading sessions and anyone who believes a good drink is even better beside a good story.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"bm-btn\" data-bm-buy=\"\"\u003e πŸ“– Choose Your Book Mug β†’ \u003c\/a\u003e\n\u003cp class=\"bm-hero-note\"\u003eLiterary-inspired design Β· Colorful glass Β· Two styles available\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-hero-image\"\u003e\u003cimg src=\"https:\/\/cotitoc.com\/cdn\/shop\/files\/4ec2592b943814ecd7c57a4ecaa874709b1201df.webp?v=1791354842\u0026amp;width=1946\" alt=\"3D Painted Book Mug\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n QUICK VALUES\n===================================================== --\u003e\n\u003csection class=\"bm-values\"\u003e\n\u003cdiv class=\"bm-value-grid\"\u003e\n\u003cdiv class=\"bm-value\"\u003e\n\u003cspan\u003eπŸ“š\u003c\/span\u003e \u003cstrong\u003e3D Stacked Book Design\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-value\"\u003e\n\u003cspan\u003e🌈\u003c\/span\u003e \u003cstrong\u003eColorful Glass Look\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-value\"\u003e\n\u003cspan\u003eβ˜•\u003c\/span\u003e \u003cstrong\u003eMade For Your Favorite Drink\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-value\"\u003e\n\u003cspan\u003e🎁\u003c\/span\u003e \u003cstrong\u003eA Gift Readers Remember\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n STORY\n===================================================== --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003cdiv class=\"bm-split\"\u003e\n\u003cdiv class=\"bm-copy\"\u003e\n\u003cdiv class=\"bm-eyebrow\"\u003eNOT YOUR ORDINARY COFFEE CUP\u003c\/div\u003e\n\u003ch2 class=\"bm-title\"\u003eIt Looks Like Someone Turned A Stack Of Books Into A Mug.\u003c\/h2\u003e\n\u003cp\u003eFrom across the room, the layered shape immediately looks different from an ordinary glass cup.\u003c\/p\u003e\n\u003cp\u003eEach level is sculpted like a separate book, with changing shapes and rich transparent colors that make the whole mug feel like a tiny literary sculpture.\u003c\/p\u003e\n\u003cp\u003eFill it with coffee, tea or another favorite drink, then settle into your next chapter.\u003c\/p\u003e\n\u003cdiv class=\"bm-quote\"\u003eβ€œOne more chapter. One more sip.”\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-image-card\"\u003e\u003cimg src=\"https:\/\/cotitoc.com\/cdn\/shop\/files\/438200a449d59960490ff2b232cc338a77bff631.webp?v=1791354842\u0026amp;width=1946\" alt=\"Unique stacked book mug design\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n BENEFITS\n===================================================== --\u003e\n\u003csection class=\"bm-section bm-benefits bm-center\"\u003e\n\u003cdiv class=\"bm-eyebrow\"\u003eMADE FOR BOOKISH MOMENTS\u003c\/div\u003e\n\u003ch2 class=\"bm-title\"\u003ePart Drinkware.\u003cbr\u003ePart Conversation Piece.\u003c\/h2\u003e\n\u003cp class=\"bm-subtitle\"\u003eThe design gives you more than another everyday cup β€” it brings a little personality to the ritual around it.\u003c\/p\u003e\n\u003cdiv class=\"bm-card-grid\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003cdiv class=\"bm-card-icon\"\u003eπŸ“–\u003c\/div\u003e\n\u003ch3\u003eLiterary Personality\u003c\/h3\u003e\n\u003cp\u003eA stacked-book silhouette makes your love of reading visible before you even open a book.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003cdiv class=\"bm-card-icon\"\u003e🎨\u003c\/div\u003e\n\u003ch3\u003eColor From Every Angle\u003c\/h3\u003e\n\u003cp\u003eAmber, blue, red and other tones create changing highlights as light passes through the glass.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003cdiv class=\"bm-card-icon\"\u003e🏑\u003c\/div\u003e\n\u003ch3\u003eDisplay-Worthy\u003c\/h3\u003e\n\u003cp\u003eLeave it on a bookshelf, desk or coffee station and it still looks like a decorative piece.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n DETAILS\n===================================================== --\u003e\n\u003csection class=\"bm-section bm-dark\"\u003e\n\u003cdiv class=\"bm-split\"\u003e\n\u003cdiv class=\"bm-image-card\"\u003e\u003cimg src=\"https:\/\/cotitoc.com\/cdn\/shop\/files\/389c471148402a76c528d67a25158ad70e1cd378.webp?v=1791354842\u0026amp;width=1946\" alt=\"Painted Book Mug details\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bm-copy\"\u003e\n\u003cdiv class=\"bm-eyebrow\"\u003eLOOK A LITTLE CLOSER\u003c\/div\u003e\n\u003ch2 class=\"bm-title\"\u003eTiny Book Details Make The Whole Design Work.\u003c\/h2\u003e\n\u003cp\u003eThe visual effect comes from more than simply adding color to a standard mug.\u003c\/p\u003e\n\u003cp\u003eRaised book-like layers, varied spine shapes, colored sections and a clear curved handle work together to create the stacked-library silhouette.\u003c\/p\u003e\n\u003cul class=\"bm-checks\"\u003e\n\u003cli\u003eLayered 3D book-inspired body\u003c\/li\u003e\n\u003cli\u003eRich multicolor glass appearance\u003c\/li\u003e\n\u003cli\u003eClear curved mug handle\u003c\/li\u003e\n\u003cli\u003eDecorative from every viewing angle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n STYLES\n===================================================== --\u003e\n\u003csection class=\"bm-section bm-styles bm-center\"\u003e\n\u003cdiv class=\"bm-eyebrow\"\u003eCHOOSE YOUR FAVORITE\u003c\/div\u003e\n\u003ch2 class=\"bm-title\"\u003eTwo Bookish Looks.\u003cbr\u003eWhich One Belongs On Your Shelf?\u003c\/h2\u003e\n\u003cp class=\"bm-subtitle\"\u003eChoose the version that best matches your reading corner, coffee station or personal style.\u003c\/p\u003e\n\u003cdiv class=\"bm-style-grid\"\u003e\n\u003cdiv class=\"bm-style\"\u003e\n\u003cdiv class=\"bm-style-image\"\u003e\u003cimg src=\"https:\/\/cotitoc.com\/cdn\/shop\/files\/6af70e6d644afda677f7944ecb09ee440ba6d389.webp?v=1791354842\u0026amp;width=1946\" alt=\"Painted Book Mug Style A\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bm-style-copy\"\u003e\n\u003cstrong\u003e Style A \u003c\/strong\u003e \u003cspan\u003e Soft amber, blue and jewel-toned stacked-book look \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-style\"\u003e\n\u003cdiv class=\"bm-style-image\"\u003e\u003cimg src=\"https:\/\/cotitoc.com\/cdn\/shop\/files\/7b339da7081602219841a65b9f326747e3840294.webp?v=1791354841\u0026amp;width=1946\" alt=\"Painted Book Mug Style B\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bm-style-copy\"\u003e\n\u003cstrong\u003e Style B \u003c\/strong\u003e \u003cspan\u003e A richer library-inspired mix of colorful book spines \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n READING RITUAL\n===================================================== --\u003e\n\u003csection class=\"bm-section bm-ritual\"\u003e\n\u003cdiv class=\"bm-split\"\u003e\n\u003cdiv class=\"bm-copy\"\u003e\n\u003cdiv class=\"bm-eyebrow\"\u003eMADE FOR YOUR READING RITUAL\u003c\/div\u003e\n\u003ch2 class=\"bm-title\"\u003eCoffee Ready.\u003cbr\u003eBook Open.\u003cbr\u003ePhone Somewhere Else.\u003c\/h2\u003e\n\u003cp\u003eSome mugs are just something to drink from. This one feels like part of the reading ritual.\u003c\/p\u003e\n\u003cp\u003eKeep it beside your favorite chair, take it to your desk for an afternoon break, or make it the mug you reach for whenever there is finally time for another chapter.\u003c\/p\u003e\n\u003cdiv class=\"bm-quote\"\u003eβ€œA little color for the quietest part of your day.”\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-image-card\"\u003e\u003cimg src=\"https:\/\/cotitoc.com\/cdn\/shop\/files\/09369c3d979ae4f49d0ab81094534ac61b1c9f70.webp?v=1791354842\u0026amp;width=1946\" alt=\"3D Book Coffee Mug in use\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n DISPLAY\n===================================================== --\u003e\n\u003csection class=\"bm-section bm-display\"\u003e\n\u003cdiv class=\"bm-split\"\u003e\n\u003cdiv class=\"bm-image-card\"\u003e\u003cimg src=\"https:\/\/cotitoc.com\/cdn\/shop\/files\/77ed049d806a1d1c9ee8df60a7205898abb93af5.webp?v=1791354842\u0026amp;width=1946\" alt=\"Colorful book mug displayed as decor\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bm-copy\"\u003e\n\u003cdiv class=\"bm-eyebrow\"\u003eTOO INTERESTING TO HIDE IN A CABINET\u003c\/div\u003e\n\u003ch2 class=\"bm-title\"\u003eWhen You're Not Drinking From It, Let It Sit With The Books.\u003c\/h2\u003e\n\u003cp\u003eThe colorful sculptural shape gives this mug enough personality to stay on display between uses.\u003c\/p\u003e\n\u003cp\u003eSet it beside your novels, on a writing desk, coffee bar or reading nook and let it become part of the room.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n GIFT\n===================================================== --\u003e\n\u003csection class=\"bm-section bm-gift\"\u003e\n\u003cdiv class=\"bm-split\"\u003e\n\u003cdiv class=\"bm-copy\"\u003e\n\u003cdiv class=\"bm-eyebrow\"\u003eTHE EASY GIFT FOR SOMEONE WHO LOVES BOOKS\u003c\/div\u003e\n\u003ch2 class=\"bm-title\"\u003eGive Them Something They Didn't Already Have On Their Bookshelf.\u003c\/h2\u003e\n\u003cp\u003eReaders can be difficult to shop for β€” especially when you do not know which books they already own.\u003c\/p\u003e\n\u003cp\u003eA literary-inspired mug gives them something useful while still speaking directly to the thing they love.\u003c\/p\u003e\n\u003cdiv class=\"bm-tags\"\u003e\n\u003cspan class=\"bm-tag\"\u003e πŸ“š Book Lovers \u003c\/span\u003e \u003cspan class=\"bm-tag\"\u003e πŸ‘©πŸ« Teachers \u003c\/span\u003e \u003cspan class=\"bm-tag\"\u003e πŸ›οΈ Librarians \u003c\/span\u003e \u003cspan class=\"bm-tag\"\u003e ✍️ Writers \u003c\/span\u003e \u003cspan class=\"bm-tag\"\u003e β˜• Coffee Lovers \u003c\/span\u003e \u003cspan class=\"bm-tag\"\u003e πŸŽ‚ Birthdays \u003c\/span\u003e \u003cspan class=\"bm-tag\"\u003e πŸŽ„ Holidays \u003c\/span\u003e \u003cspan class=\"bm-tag\"\u003e πŸ’ Just Because \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-image-card\"\u003e\u003cimg src=\"https:\/\/cotitoc.com\/cdn\/shop\/files\/8e81dea52d5c21f13a310cebb9f734f10a57dad5.webp?v=1791354842\u0026amp;width=1946\" alt=\"Book Mug gift for readers\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT INFO\n===================================================== --\u003e\n\u003csection class=\"bm-section bm-info bm-center\"\u003e\n\u003cdiv class=\"bm-eyebrow\"\u003ePRODUCT INFORMATION\u003c\/div\u003e\n\u003ch2 class=\"bm-title\"\u003eA Little Library You Can Drink From.\u003c\/h2\u003e\n\u003cdiv class=\"bm-info-box\"\u003e\n\u003cdiv class=\"bm-info-row\"\u003e\n\u003cstrong\u003e Product \u003c\/strong\u003e \u003cspan\u003e 3D Painted Book Mug \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-info-row\"\u003e\n\u003cstrong\u003e Material \u003c\/strong\u003e \u003cspan\u003e Glass \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-info-row\"\u003e\n\u003cstrong\u003e Design \u003c\/strong\u003e \u003cspan\u003e 3D Stacked Book-Inspired Mug \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-info-row\"\u003e\n\u003cstrong\u003e Available Styles \u003c\/strong\u003e \u003cspan\u003e Style A \/ Style B \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-info-row\"\u003e\n\u003cstrong\u003e Suggested Use \u003c\/strong\u003e \u003cspan\u003e Coffee, Tea \u0026amp; Favorite Drinks \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-info-row\"\u003e\n\u003cstrong\u003e Package Includes \u003c\/strong\u003e \u003cspan\u003e 1 Γ— Painted Book Mug \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FAQ\n===================================================== --\u003e\n\u003csection class=\"bm-section bm-faq\"\u003e\n\u003cdiv class=\"bm-center\"\u003e\n\u003cdiv class=\"bm-eyebrow\"\u003eGOOD TO KNOW\u003c\/div\u003e\n\u003ch2 class=\"bm-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-faq-list\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat is the mug made from?\u003c\/summary\u003e\n\u003cdiv class=\"bm-faq-answer\"\u003eThe current product listing identifies the mug material as glass.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow many mugs are included?\u003c\/summary\u003e\n\u003cdiv class=\"bm-faq-answer\"\u003eThe current package includes 1 Painted Book Mug.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eAre there different designs available?\u003c\/summary\u003e\n\u003cdiv class=\"bm-faq-answer\"\u003eYes. The product page currently offers Style A and Style B.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eIs it only decorative?\u003c\/summary\u003e\n\u003cdiv class=\"bm-faq-answer\"\u003eNo. It is designed as a functional glass mug for coffee, tea and other favorite drinks, while the book-inspired appearance also makes it suitable for display.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWho would this make a good gift for?\u003c\/summary\u003e\n\u003cdiv class=\"bm-faq-answer\"\u003eIt is especially suited to readers, book lovers, teachers, librarians, writers and coffee or tea lovers.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan I display it when I'm not using it?\u003c\/summary\u003e\n\u003cdiv class=\"bm-faq-answer\"\u003eYes. Its sculptural stacked-book appearance makes it a natural decorative accent for bookshelves, desks, coffee stations and reading areas.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL\n===================================================== --\u003e\n\u003csection class=\"bm-final\"\u003e\n\u003cdiv class=\"bm-eyebrow\"\u003eπŸ“š ONE MORE CHAPTER β€’ ONE MORE SIP\u003c\/div\u003e\n\u003ch2\u003eA Mug For The Person\u003cbr\u003eWho Always Has A Book Nearby.\u003c\/h2\u003e\n\u003cp\u003eColorful glass, a playful stack-of-books design and a place for your favorite drink β€” all in one little piece of bookish personality.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"bm-btn\" data-bm-buy=\"\"\u003e πŸ“– Choose Your Favorite β†’ \u003c\/a\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cp\u003eΒ \u003c\/p\u003e","brand":"mysite","offers":[{"title":"πŸ”₯A (Only 7 in stock)","offer_id":67642568016174,"sku":"WBK26100711020-ζœΊεˆΆδΉ¦η±ι©¬ε…‹ζ―191ml-191ml","price":38.99,"currency_code":"USD","in_stock":true},{"title":"B (Only 11 in stock)","offer_id":67642568048942,"sku":"WBK26100711020-ζ™•ζŸ“ζœΊεˆΆι©¬ε…‹ζ―-191ml","price":31.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/4ec2592b943814ecd7c57a4ecaa874709b1201df.webp?v=1791354842","url":"https:\/\/cotitoc.com\/fr\/products\/painted-book-mug-2-2-3-2-3-7","provider":"cotitoc","version":"1.0","type":"link"}