{"title":"📖 Reading","description":null,"products":[{"product_id":"readbostu™-book-page-holder","title":"readbostu™ Book Page Holder","description":"\u003c!-- =========================================================\nREADBOSTU™ BOOK PAGE HOLDER\nShopify Custom Liquid\nReading \u0026 Learning Collection\n3 × LARGE 1:1 IMAGE AREAS\n========================================================= --\u003e\n\u003csection class=\"rb-holder-page\"\u003e\n\u003cdiv class=\"rb-holder-wrap\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"rb-holder-hero\"\u003e\n\u003cdiv class=\"rb-holder-eyebrow\"\u003e\n\u003cspan class=\"rb-holder-dot\"\u003e\u003c\/span\u003e READING \u0026amp; LEARNING COLLECTION\u003c\/div\u003e\n\u003ch1\u003eKeep Pages Open.\u003cbr\u003e\u003cstrong\u003eEnjoy Every Chapter.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eMake reading easier with a simple tool designed to keep pages open naturally.\u003c\/p\u003e\n\u003cdiv class=\"rb-holder-tags\"\u003e\n\u003cspan\u003e📖 Easy Reading\u003c\/span\u003e \u003cspan\u003e✋ Simple Page Support\u003c\/span\u003e \u003cspan\u003e🌱 Everyday Learning\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 01\n LARGE 1:1\n IMAGE ONLY\n ====================================================== --\u003e\n\u003cdiv class=\"rb-holder-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/7_598224d3-6e3d-4282-9f65-0e45c6ef9cd0.png?v=1790673813\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n SECTION 01\n ====================================================== --\u003e\n\u003csection class=\"rb-holder-section\"\u003e\n\u003cdiv class=\"rb-holder-section-number\"\u003e01 · EASIER READING\u003c\/div\u003e\n\u003ch2\u003eKeep Your Book Open. \u003cspan\u003eStay With The Story.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003ereadbostu™ Book Page Holder\u003c\/strong\u003e helps readers keep books open with less effort, making it easier to follow text while reading, studying, or reviewing documents.\u003c\/p\u003e\n\u003cp\u003eIts simple design gives your pages practical support, helping you spend less time managing your book and more time enjoying what you are reading.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n SMALL FEATURE CARDS\n ====================================================== --\u003e\n\u003csection class=\"rb-holder-feature-grid\"\u003e\u003c!-- FEATURE 01 --\u003e\n\u003carticle class=\"rb-holder-feature rb-holder-feature-green\"\u003e\n\u003cdiv class=\"rb-holder-feature-top\"\u003e\n\u003cdiv class=\"rb-holder-feature-icon\"\u003e↔\u003c\/div\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eKeep Pages Open\u003c\/h3\u003e\n\u003cp\u003eHelp keep your current pages open while reading and studying.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 02 --\u003e\n\u003carticle class=\"rb-holder-feature rb-holder-feature-orange\"\u003e\n\u003cdiv class=\"rb-holder-feature-top\"\u003e\n\u003cdiv class=\"rb-holder-feature-icon\"\u003e✋\u003c\/div\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eComfortable Grip\u003c\/h3\u003e\n\u003cp\u003eA simple grip structure designed for comfortable everyday reading.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 03 --\u003e\n\u003carticle class=\"rb-holder-feature rb-holder-feature-blue\"\u003e\n\u003cdiv class=\"rb-holder-feature-top\"\u003e\n\u003cdiv class=\"rb-holder-feature-icon\"\u003e✦\u003c\/div\u003e\n\u003cspan\u003e03\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eCompact \u0026amp; Lightweight\u003c\/h3\u003e\n\u003cp\u003eEasy to keep nearby at home, school, the library, or while traveling.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n READING STRIP\n ====================================================== --\u003e\n\u003csection class=\"rb-holder-reading-strip\"\u003e\n\u003cdiv class=\"rb-holder-strip-number\"\u003eREAD\u003c\/div\u003e\n\u003cdiv class=\"rb-holder-strip-copy\"\u003e\n\u003ch3\u003eLess Page Holding. More Time Reading.\u003c\/h3\u003e\n\u003cp\u003eA small reading accessory can make everyday books feel easier to manage while helping you stay focused on the page in front of you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-holder-strip-shape\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 02\n LARGE 1:1\n IMAGE ONLY\n ====================================================== --\u003e\n\u003cdiv class=\"rb-holder-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/8_3ce271dc-1a9c-41c3-9eb8-d9729a0767d4.png?v=1790673812\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n SECTION 02\n ====================================================== --\u003e\n\u003csection class=\"rb-holder-section\"\u003e\n\u003cdiv class=\"rb-holder-section-number\"\u003e02 · SIMPLE READING SUPPORT\u003c\/div\u003e\n\u003ch2\u003eSmall Tool. \u003cspan\u003eSmoother Reading.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFeaturing a compact lightweight design and comfortable grip structure, the readbostu™ Book Page Holder is easy to use across different everyday reading environments.\u003c\/p\u003e\n\u003cp\u003eKeep it beside your favorite books at home, add it to your study essentials, bring it to the library, or pack it with your reading materials when traveling.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n STACKED BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"rb-holder-benefits\"\u003e\u003c!-- BENEFIT 01 --\u003e\n\u003carticle class=\"rb-holder-benefit rb-holder-benefit-mint\"\u003e\n\u003cdiv class=\"rb-holder-benefit-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"rb-holder-benefit-copy\"\u003e\n\u003csmall\u003e PAGE SUPPORT \u003c\/small\u003e\n\u003ch3\u003eKeep Your Place With Less Effort\u003c\/h3\u003e\n\u003cp\u003eHelp keep pages open while following text, studying lessons, or reviewing everyday reading materials.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-holder-benefit-symbol\"\u003e↔\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 02 --\u003e\n\u003carticle class=\"rb-holder-benefit rb-holder-benefit-yellow\"\u003e\n\u003cdiv class=\"rb-holder-benefit-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"rb-holder-benefit-copy\"\u003e\n\u003csmall\u003e COMFORT \u003c\/small\u003e\n\u003ch3\u003eSettle Into Your Reading Moment\u003c\/h3\u003e\n\u003cp\u003eSpend less time repeatedly adjusting pages and create a more relaxed way to enjoy books, notes, and documents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-holder-benefit-symbol\"\u003e✦\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 03 --\u003e\n\u003carticle class=\"rb-holder-benefit rb-holder-benefit-blue\"\u003e\n\u003cdiv class=\"rb-holder-benefit-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"rb-holder-benefit-copy\"\u003e\n\u003csmall\u003e PORTABILITY \u003c\/small\u003e\n\u003ch3\u003eReady To Read Wherever You Go\u003c\/h3\u003e\n\u003cp\u003eIts compact lightweight format makes it convenient for reading at home, in classrooms, libraries, or while traveling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-holder-benefit-symbol\"\u003e→\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n READING MOMENTS\n ====================================================== --\u003e\n\u003csection class=\"rb-holder-moments\"\u003e\n\u003cdiv class=\"rb-holder-moments-head\"\u003e\n\u003csmall\u003e MADE FOR EVERYDAY READERS \u003c\/small\u003e\n\u003ch2\u003eOne Small Tool.\u003cbr\u003e\u003cspan\u003eMany Reading Moments.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom focused study sessions to quiet story time, keep your pages supported wherever reading becomes part of your day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-holder-moments-grid\"\u003e\n\u003cdiv class=\"rb-holder-moment\"\u003e\n\u003cdiv class=\"rb-holder-moment-number\"\u003e01\u003c\/div\u003e\n\u003cstrong\u003e Study \u003c\/strong\u003e \u003cspan\u003e Lessons \u0026amp; textbooks \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-holder-moment\"\u003e\n\u003cdiv class=\"rb-holder-moment-number\"\u003e02\u003c\/div\u003e\n\u003cstrong\u003e Read \u003c\/strong\u003e \u003cspan\u003e Stories \u0026amp; novels \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-holder-moment\"\u003e\n\u003cdiv class=\"rb-holder-moment-number\"\u003e03\u003c\/div\u003e\n\u003cstrong\u003e Review \u003c\/strong\u003e \u003cspan\u003e Notes \u0026amp; documents \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-holder-moment\"\u003e\n\u003cdiv class=\"rb-holder-moment-number\"\u003e04\u003c\/div\u003e\n\u003cstrong\u003e Travel \u003c\/strong\u003e \u003cspan\u003e Reading on the go \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 03\n LARGE 1:1\n IMAGE ONLY\n ====================================================== --\u003e\n\u003cdiv class=\"rb-holder-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/6_607d6828-93cf-46a3-97f2-80e1fa025896.png?v=1790673813\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n FINAL\n ====================================================== --\u003e\n\u003csection class=\"rb-holder-final\"\u003e\n\u003cdiv class=\"rb-holder-final-label\"\u003e03 · ENJOY EVERY PAGE\u003c\/div\u003e\n\u003ch2\u003eMake Reading \u003cspan\u003eFeel More Relaxed.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003ePerfect for students, book lovers, and anyone who enjoys hands-free reading moments, \u003cstrong\u003ereadbostu™\u003c\/strong\u003e helps create a more relaxed reading experience.\u003c\/p\u003e\n\u003cp\u003eWhether you are discovering a new story, reviewing study material, or enjoying a quiet reading break, keep the pages open and your attention on what matters.\u003c\/p\u003e\n\u003cdiv class=\"rb-holder-brand\"\u003e\n\u003cdiv class=\"rb-holder-brand-name\"\u003eread\u003cspan\u003ebostu\u003c\/span\u003e™\u003c\/div\u003e\n\u003cdiv class=\"rb-holder-brand-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rb-holder-brand-copy\"\u003eREADING · LEARNING · GROWING\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n READBOSTU™ BOOK PAGE HOLDER\n READING \/ LEARNING VISUAL SYSTEM\n========================================================= *\/\n\n.rb-holder-page{\n\n --rb-green:#0f513f;\n --rb-green2:#176b50;\n\n --rb-orange:#e48a2a;\n --rb-orange2:#f2a33b;\n\n --rb-sage:#86a66d;\n --rb-mint:#dcebd3;\n\n --rb-yellow:#f6cf67;\n --rb-yellow-soft:#ffe4a1;\n\n --rb-blue:#78b8d7;\n --rb-blue-soft:#d8edf5;\n\n --rb-cream:#fffaf0;\n --rb-cream2:#f8f0df;\n\n --rb-text:#19372f;\n --rb-body:#61736c;\n\n width:100%;\n\n overflow:hidden;\n\n background:\n\n radial-gradient(\n circle at 0% 7%,\n rgba(228,138,42,.13),\n transparent 22%\n ),\n\n radial-gradient(\n circle at 100% 28%,\n rgba(120,184,215,.14),\n transparent 24%\n ),\n\n radial-gradient(\n circle at 10% 70%,\n rgba(134,166,109,.13),\n transparent 24%\n ),\n\n var(--rb-cream);\n\n color:var(--rb-text);\n\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Arial,\n Helvetica,\n sans-serif;\n\n}\n\n\n.rb-holder-page *{\n box-sizing:border-box;\n}\n\n\n.rb-holder-wrap{\n\n width:100%;\n\n max-width:1180px;\n\n margin:auto;\n\n padding:\n 0\n 28px;\n\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.rb-holder-hero{\n\n position:relative;\n\n max-width:880px;\n\n padding:\n 78px\n 0\n 52px;\n\n}\n\n\n.rb-holder-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n gap:11px;\n\n margin-bottom:22px;\n\n color:var(--rb-green);\n\n font-size:11px;\n\n line-height:1.3;\n\n font-weight:900;\n\n letter-spacing:.17em;\n\n}\n\n\n.rb-holder-dot{\n\n width:11px;\n height:11px;\n\n flex:0 0 11px;\n\n border-radius:\n 50%\n 50%\n 50%\n 4px;\n\n background:var(--rb-orange);\n\n transform:rotate(-20deg);\n\n}\n\n\n.rb-holder-hero h1{\n\n max-width:820px;\n\n margin:0;\n\n color:var(--rb-green);\n\n font-size:\n clamp(\n 43px,\n 5.8vw,\n 68px\n );\n\n line-height:1.02;\n\n letter-spacing:-.045em;\n\n font-weight:850;\n\n}\n\n\n.rb-holder-hero h1 strong{\n\n display:block;\n\n margin-top:6px;\n\n color:var(--rb-orange);\n\n font-weight:850;\n\n}\n\n\n.rb-holder-hero p{\n\n max-width:690px;\n\n margin:\n 27px\n 0\n 0;\n\n color:var(--rb-body);\n\n font-size:17px;\n\n line-height:1.75;\n\n}\n\n\n.rb-holder-tags{\n\n display:flex;\n\n flex-wrap:wrap;\n\n gap:8px;\n\n margin-top:28px;\n\n}\n\n\n.rb-holder-tags span{\n\n padding:\n 9px\n 14px;\n\n border:\n 1px solid\n rgba(15,81,63,.10);\n\n border-radius:100px;\n\n background:#fff;\n\n box-shadow:\n 0 6px 20px\n rgba(49,82,68,.05);\n\n color:#426158;\n\n font-size:11px;\n\n line-height:1;\n\n font-weight:750;\n\n}\n\n\n\/* =========================================================\n LARGE 1:1 IMAGES\n========================================================= *\/\n\n.rb-holder-image{\n\n width:100%;\n\n aspect-ratio:1 \/ 1;\n\n margin:\n 0\n 0\n 78px;\n\n overflow:hidden;\n\n border-radius:30px;\n\n background:#f2eadb;\n\n box-shadow:\n 0\n 22px\n 60px\n rgba(43,71,58,.10);\n\n}\n\n\n.rb-holder-image img{\n\n display:block;\n\n width:100%;\n height:100%;\n\n object-fit:cover;\n\n}\n\n\n\/* =========================================================\n TEXT SECTIONS\n========================================================= *\/\n\n.rb-holder-section{\n\n max-width:850px;\n\n padding:\n 8px\n 0\n 60px;\n\n}\n\n\n.rb-holder-section-number{\n\n margin-bottom:14px;\n\n color:var(--rb-orange);\n\n font-size:10px;\n\n line-height:1.4;\n\n font-weight:900;\n\n letter-spacing:.17em;\n\n}\n\n\n.rb-holder-section h2{\n\n max-width:720px;\n\n margin:\n 0\n 0\n 24px;\n\n color:var(--rb-green);\n\n font-size:\n clamp(\n 33px,\n 4.2vw,\n 49px\n );\n\n line-height:1.06;\n\n letter-spacing:-.035em;\n\n font-weight:850;\n\n}\n\n\n.rb-holder-section h2 span{\n\n display:block;\n\n margin-top:4px;\n\n color:var(--rb-orange);\n\n}\n\n\n.rb-holder-section p{\n\n max-width:760px;\n\n margin:\n 0\n 0\n 16px;\n\n color:var(--rb-body);\n\n font-size:16px;\n\n line-height:1.8;\n\n}\n\n\n.rb-holder-section p strong{\n\n color:var(--rb-green);\n\n}\n\n\n\/* =========================================================\n FEATURE CARDS\n========================================================= *\/\n\n.rb-holder-feature-grid{\n\n display:grid;\n\n grid-template-columns:\n repeat(\n 3,\n minmax(0,1fr)\n );\n\n gap:13px;\n\n width:100%;\n\n margin-bottom:65px;\n\n}\n\n\n.rb-holder-feature{\n\n min-width:0;\n\n min-height:210px;\n\n padding:\n 23px\n 21px;\n\n overflow:hidden;\n\n border-radius:22px;\n\n}\n\n\n.rb-holder-feature-green{\n\n background:#dfeeda;\n\n color:#174b3b;\n\n}\n\n\n.rb-holder-feature-orange{\n\n background:#ffe3b8;\n\n color:#70451f;\n\n}\n\n\n.rb-holder-feature-blue{\n\n background:#dceff5;\n\n color:#27576c;\n\n}\n\n\n.rb-holder-feature-top{\n\n display:flex;\n\n justify-content:space-between;\n\n align-items:center;\n\n margin-bottom:24px;\n\n}\n\n\n.rb-holder-feature-top \u003e span{\n\n font-size:9px;\n\n font-weight:900;\n\n letter-spacing:.15em;\n\n opacity:.5;\n\n}\n\n\n.rb-holder-feature-icon{\n\n width:38px;\n height:38px;\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n border-radius:50%;\n\n background:\n rgba(255,255,255,.70);\n\n font-size:17px;\n\n font-weight:900;\n\n}\n\n\n.rb-holder-feature h3{\n\n margin:\n 0\n 0\n 10px;\n\n font-size:19px;\n\n line-height:1.15;\n\n letter-spacing:-.025em;\n\n}\n\n\n.rb-holder-feature p{\n\n margin:0;\n\n font-size:12px;\n\n line-height:1.65;\n\n opacity:.78;\n\n}\n\n\n\/* =========================================================\n READING STRIP\n========================================================= *\/\n\n.rb-holder-reading-strip{\n\n position:relative;\n\n display:grid;\n\n grid-template-columns:\n 100px\n minmax(0,1fr)\n 170px;\n\n align-items:center;\n\n gap:28px;\n\n width:100%;\n\n margin-bottom:78px;\n\n padding:\n 35px\n 38px;\n\n overflow:hidden;\n\n border-radius:28px;\n\n background:var(--rb-green);\n\n color:#fff;\n\n}\n\n\n.rb-holder-strip-number{\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n width:75px;\n height:75px;\n\n border-radius:\n 24px\n 24px\n 24px\n 7px;\n\n background:var(--rb-orange);\n\n color:#fff;\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:.12em;\n\n}\n\n\n.rb-holder-strip-copy{\n\n min-width:0;\n\n}\n\n\n.rb-holder-strip-copy h3{\n\n margin:\n 0\n 0\n 10px;\n\n font-size:\n clamp(\n 22px,\n 2.8vw,\n 32px\n );\n\n line-height:1.12;\n\n letter-spacing:-.025em;\n\n}\n\n\n.rb-holder-strip-copy p{\n\n max-width:590px;\n\n margin:0;\n\n color:\n rgba(255,255,255,.73);\n\n font-size:13px;\n\n line-height:1.7;\n\n}\n\n\n.rb-holder-strip-shape{\n\n position:relative;\n\n width:150px;\n height:100px;\n\n}\n\n\n.rb-holder-strip-shape span{\n\n position:absolute;\n\n display:block;\n\n border-radius:100px;\n\n}\n\n\n.rb-holder-strip-shape span:nth-child(1){\n\n width:95px;\n height:24px;\n\n right:0;\n top:10px;\n\n background:var(--rb-orange);\n\n transform:rotate(-25deg);\n\n}\n\n\n.rb-holder-strip-shape span:nth-child(2){\n\n width:70px;\n height:24px;\n\n right:48px;\n top:48px;\n\n background:var(--rb-yellow);\n\n transform:rotate(18deg);\n\n}\n\n\n.rb-holder-strip-shape span:nth-child(3){\n\n width:42px;\n height:42px;\n\n right:4px;\n bottom:0;\n\n background:var(--rb-blue);\n\n}\n\n\n\/* =========================================================\n STACKED BENEFITS\n========================================================= *\/\n\n.rb-holder-benefits{\n\n display:flex;\n\n flex-direction:column;\n\n gap:11px;\n\n width:100%;\n\n margin-bottom:78px;\n\n}\n\n\n.rb-holder-benefit{\n\n position:relative;\n\n display:grid;\n\n grid-template-columns:\n 65px\n minmax(0,1fr)\n 65px;\n\n gap:24px;\n\n align-items:center;\n\n width:100%;\n\n padding:\n 30px\n 32px;\n\n overflow:hidden;\n\n border-radius:24px;\n\n}\n\n\n.rb-holder-benefit-mint{\n\n background:#dcebd3;\n\n color:#174a39;\n\n}\n\n\n.rb-holder-benefit-yellow{\n\n background:#ffe4a1;\n\n color:#60451f;\n\n}\n\n\n.rb-holder-benefit-blue{\n\n background:#d8edf5;\n\n color:#24556b;\n\n}\n\n\n.rb-holder-benefit-number{\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n width:53px;\n height:53px;\n\n border-radius:17px;\n\n background:\n rgba(255,255,255,.64);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:.1em;\n\n}\n\n\n.rb-holder-benefit-copy small{\n\n display:block;\n\n margin-bottom:7px;\n\n font-size:9px;\n\n font-weight:900;\n\n letter-spacing:.17em;\n\n opacity:.58;\n\n}\n\n\n.rb-holder-benefit-copy h3{\n\n margin:\n 0\n 0\n 8px;\n\n font-size:\n clamp(\n 22px,\n 2.8vw,\n 30px\n );\n\n line-height:1.1;\n\n letter-spacing:-.025em;\n\n}\n\n\n.rb-holder-benefit-copy p{\n\n max-width:660px;\n\n margin:0;\n\n font-size:13px;\n\n line-height:1.65;\n\n opacity:.76;\n\n}\n\n\n.rb-holder-benefit-symbol{\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n width:54px;\n height:54px;\n\n border-radius:50%;\n\n background:\n rgba(255,255,255,.62);\n\n font-size:22px;\n\n font-weight:800;\n\n}\n\n\n\/* =========================================================\n READING MOMENTS\n========================================================= *\/\n\n.rb-holder-moments{\n\n position:relative;\n\n width:100%;\n\n margin-bottom:78px;\n\n padding:\n 54px\n 45px;\n\n overflow:hidden;\n\n border-radius:30px;\n\n background:\n linear-gradient(\n 135deg,\n #0d4c3b,\n #17684f\n );\n\n color:#fff;\n\n}\n\n\n.rb-holder-moments::before{\n\n content:\"\";\n\n position:absolute;\n\n width:300px;\n height:300px;\n\n right:-150px;\n top:-180px;\n\n border-radius:50%;\n\n background:\n rgba(244,157,54,.16);\n\n}\n\n\n.rb-holder-moments::after{\n\n content:\"\";\n\n position:absolute;\n\n width:180px;\n height:180px;\n\n left:-100px;\n bottom:-100px;\n\n border-radius:50%;\n\n background:\n rgba(120,184,215,.13);\n\n}\n\n\n.rb-holder-moments-head{\n\n position:relative;\n\n z-index:2;\n\n max-width:720px;\n\n}\n\n\n.rb-holder-moments-head small{\n\n display:block;\n\n margin-bottom:14px;\n\n color:#ffc46f;\n\n font-size:9px;\n\n font-weight:900;\n\n letter-spacing:.19em;\n\n}\n\n\n.rb-holder-moments-head h2{\n\n margin:\n 0\n 0\n 19px;\n\n font-size:\n clamp(\n 34px,\n 4.3vw,\n 50px\n );\n\n line-height:1.04;\n\n letter-spacing:-.04em;\n\n}\n\n\n.rb-holder-moments-head h2 span{\n\n color:#ffb34e;\n\n}\n\n\n.rb-holder-moments-head p{\n\n max-width:610px;\n\n margin:0;\n\n color:\n rgba(255,255,255,.73);\n\n font-size:14px;\n\n line-height:1.75;\n\n}\n\n\n.rb-holder-moments-grid{\n\n position:relative;\n\n z-index:2;\n\n display:grid;\n\n grid-template-columns:\n repeat(\n 4,\n minmax(0,1fr)\n );\n\n gap:9px;\n\n margin-top:38px;\n\n}\n\n\n.rb-holder-moment{\n\n min-width:0;\n\n padding:\n 18px\n 16px;\n\n border:\n 1px solid\n rgba(255,255,255,.12);\n\n border-radius:17px;\n\n background:\n rgba(255,255,255,.07);\n\n}\n\n\n.rb-holder-moment-number{\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n width:31px;\n height:31px;\n\n margin-bottom:17px;\n\n border-radius:50%;\n\n background:var(--rb-orange);\n\n font-size:8px;\n\n font-weight:900;\n\n}\n\n\n.rb-holder-moment strong{\n\n display:block;\n\n margin-bottom:5px;\n\n font-size:14px;\n\n}\n\n\n.rb-holder-moment span{\n\n display:block;\n\n color:\n rgba(255,255,255,.60);\n\n font-size:10px;\n\n line-height:1.5;\n\n}\n\n\n\/* =========================================================\n FINAL\n========================================================= *\/\n\n.rb-holder-final{\n\n max-width:850px;\n\n padding:\n 5px\n 0\n 95px;\n\n}\n\n\n.rb-holder-final-label{\n\n margin-bottom:14px;\n\n color:var(--rb-orange);\n\n font-size:10px;\n\n font-weight:900;\n\n letter-spacing:.17em;\n\n}\n\n\n.rb-holder-final h2{\n\n max-width:720px;\n\n margin:\n 0\n 0\n 24px;\n\n color:var(--rb-green);\n\n font-size:\n clamp(\n 33px,\n 4.2vw,\n 49px\n );\n\n line-height:1.06;\n\n letter-spacing:-.035em;\n\n}\n\n\n.rb-holder-final h2 span{\n\n display:block;\n\n color:var(--rb-orange);\n\n}\n\n\n.rb-holder-final p{\n\n max-width:760px;\n\n margin:\n 0\n 0\n 16px;\n\n color:var(--rb-body);\n\n font-size:16px;\n\n line-height:1.8;\n\n}\n\n\n.rb-holder-final p strong{\n\n color:var(--rb-green);\n\n}\n\n\n.rb-holder-brand{\n\n display:flex;\n\n align-items:center;\n\n gap:17px;\n\n width:100%;\n\n margin-top:38px;\n\n padding-top:21px;\n\n border-top:\n 1px solid\n rgba(15,81,63,.13);\n\n}\n\n\n.rb-holder-brand-name{\n\n flex:0 0 auto;\n\n color:var(--rb-green);\n\n font-size:18px;\n\n font-weight:900;\n\n letter-spacing:-.03em;\n\n}\n\n\n.rb-holder-brand-name span{\n\n color:var(--rb-orange);\n\n}\n\n\n.rb-holder-brand-line{\n\n flex:1;\n\n height:2px;\n\n border-radius:100px;\n\n background:\n linear-gradient(\n 90deg,\n var(--rb-green),\n var(--rb-orange),\n var(--rb-yellow),\n var(--rb-blue),\n transparent\n );\n\n}\n\n\n.rb-holder-brand-copy{\n\n flex:0 0 auto;\n\n color:#7e9189;\n\n font-size:8px;\n\n font-weight:900;\n\n letter-spacing:.15em;\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:768px){\n\n .rb-holder-wrap{\n padding:0 18px;\n }\n\n\n .rb-holder-hero{\n padding:62px 0 44px;\n }\n\n\n .rb-holder-feature-grid{\n gap:9px;\n }\n\n\n .rb-holder-feature{\n padding:20px 17px;\n }\n\n\n .rb-holder-reading-strip{\n\n grid-template-columns:\n 80px\n minmax(0,1fr);\n\n }\n\n\n .rb-holder-strip-shape{\n display:none;\n }\n\n\n .rb-holder-moments-grid{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:520px){\n\n .rb-holder-wrap{\n padding:0 15px;\n }\n\n\n \/* HERO *\/\n\n .rb-holder-hero{\n padding:48px 0 35px;\n }\n\n\n .rb-holder-eyebrow{\n\n margin-bottom:16px;\n\n font-size:8px;\n\n letter-spacing:.13em;\n\n }\n\n\n .rb-holder-dot{\n\n width:9px;\n height:9px;\n\n flex-basis:9px;\n\n }\n\n\n .rb-holder-hero h1{\n\n font-size:38px;\n\n line-height:1.02;\n\n }\n\n\n .rb-holder-hero h1 strong{\n font-size:36px;\n }\n\n\n .rb-holder-hero p{\n\n margin-top:20px;\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n .rb-holder-tags{\n\n gap:5px;\n\n margin-top:22px;\n\n }\n\n\n .rb-holder-tags span{\n\n padding:\n 8px\n 10px;\n\n font-size:8px;\n\n }\n\n\n \/* 1:1 IMAGES *\/\n\n .rb-holder-image{\n\n width:100%;\n\n aspect-ratio:1 \/ 1;\n\n margin-bottom:56px;\n\n border-radius:21px;\n\n }\n\n\n \/* TEXT *\/\n\n .rb-holder-section{\n\n padding:\n 4px\n 1px\n 48px;\n\n }\n\n\n .rb-holder-section-number{\n\n margin-bottom:12px;\n\n font-size:8px;\n\n }\n\n\n .rb-holder-section h2{\n\n margin-bottom:20px;\n\n font-size:30px;\n\n line-height:1.07;\n\n }\n\n\n .rb-holder-section p{\n\n margin-bottom:13px;\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n \/* FEATURE CARDS STACK *\/\n\n .rb-holder-feature-grid{\n\n grid-template-columns:1fr;\n\n gap:8px;\n\n margin-bottom:55px;\n\n }\n\n\n .rb-holder-feature{\n\n min-height:0;\n\n padding:\n 20px\n 19px;\n\n border-radius:18px;\n\n }\n\n\n .rb-holder-feature-top{\n margin-bottom:17px;\n }\n\n\n .rb-holder-feature-icon{\n\n width:34px;\n height:34px;\n\n font-size:15px;\n\n }\n\n\n .rb-holder-feature h3{\n font-size:18px;\n }\n\n\n .rb-holder-feature p{\n\n max-width:300px;\n\n font-size:11px;\n\n }\n\n\n \/* READING STRIP *\/\n\n .rb-holder-reading-strip{\n\n grid-template-columns:1fr;\n\n gap:20px;\n\n margin-bottom:56px;\n\n padding:\n 26px\n 22px;\n\n border-radius:21px;\n\n }\n\n\n .rb-holder-strip-number{\n\n width:57px;\n height:57px;\n\n border-radius:\n 18px\n 18px\n 18px\n 6px;\n\n font-size:8px;\n\n }\n\n\n .rb-holder-strip-copy h3{\n font-size:23px;\n }\n\n\n .rb-holder-strip-copy p{\n font-size:12px;\n }\n\n\n \/* BENEFITS *\/\n\n .rb-holder-benefits{\n\n gap:8px;\n\n margin-bottom:56px;\n\n }\n\n\n .rb-holder-benefit{\n\n grid-template-columns:\n 45px\n minmax(0,1fr);\n\n gap:15px;\n\n padding:\n 23px\n 18px;\n\n border-radius:19px;\n\n }\n\n\n .rb-holder-benefit-number{\n\n width:42px;\n height:42px;\n\n border-radius:13px;\n\n font-size:9px;\n\n }\n\n\n .rb-holder-benefit-copy h3{\n font-size:20px;\n }\n\n\n .rb-holder-benefit-copy p{\n font-size:11px;\n }\n\n\n .rb-holder-benefit-symbol{\n display:none;\n }\n\n\n \/* MOMENTS *\/\n\n .rb-holder-moments{\n\n margin-bottom:56px;\n\n padding:\n 37px\n 23px;\n\n border-radius:22px;\n\n }\n\n\n .rb-holder-moments-head h2{\n font-size:30px;\n }\n\n\n .rb-holder-moments-head p{\n font-size:12px;\n }\n\n\n .rb-holder-moments-grid{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n gap:7px;\n\n margin-top:28px;\n\n }\n\n\n .rb-holder-moment{\n\n padding:\n 15px\n 13px;\n\n }\n\n\n .rb-holder-moment strong{\n font-size:12px;\n }\n\n\n .rb-holder-moment span{\n font-size:9px;\n }\n\n\n \/* FINAL *\/\n\n .rb-holder-final{\n padding-bottom:70px;\n }\n\n\n .rb-holder-final-label{\n font-size:8px;\n }\n\n\n .rb-holder-final h2{\n font-size:30px;\n }\n\n\n .rb-holder-final p{\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n .rb-holder-brand{\n\n gap:9px;\n\n margin-top:30px;\n\n }\n\n\n .rb-holder-brand-name{\n font-size:14px;\n }\n\n\n .rb-holder-brand-copy{\n display:none;\n }\n\n}\n\n\n\/* =========================================================\n VERY SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n .rb-holder-wrap{\n padding:0 12px;\n }\n\n\n .rb-holder-hero h1{\n font-size:34px;\n }\n\n\n .rb-holder-hero h1 strong{\n font-size:32px;\n }\n\n\n .rb-holder-section h2,\n .rb-holder-final h2{\n font-size:28px;\n }\n\n\n .rb-holder-moments-head h2{\n font-size:28px;\n }\n\n\n .rb-holder-moments{\n padding:32px 18px;\n }\n\n}\n\n\u003c\/style\u003e","brand":"Readbostu™","offers":[{"title":"1 pc","offer_id":50559104090370,"sku":"readbostu*1","price":9.99,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":50559104123138,"sku":"readbostu*2","price":16.99,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":50559104155906,"sku":"readbostu*4","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/1.png?v=1790673664"},{"product_id":"readbostu™-reading-page-clips","title":"readbostu™ Reading Page Clips","description":"\u003c!-- =========================================================\nREADBOSTU™ READING PAGE CLIPS\nShopify Custom Liquid\nReading \u0026 Learning Collection\n3 × LARGE 1:1 IMAGE AREAS\n========================================================= --\u003e\n\u003csection class=\"rpc-page\"\u003e\n\u003cdiv class=\"rpc-wrap\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"rpc-hero\"\u003e\n\u003cdiv class=\"rpc-eyebrow\"\u003e\n\u003cspan class=\"rpc-dot\"\u003e\u003c\/span\u003e READING \u0026amp; LEARNING COLLECTION\u003c\/div\u003e\n\u003ch1\u003eKeep Every Page\u003cbr\u003e\u003cstrong\u003eRight Where You Need It.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eKeep your pages organized with a practical reading accessory designed for everyday books, study materials, and reading sessions.\u003c\/p\u003e\n\u003cdiv class=\"rpc-tags\"\u003e\n\u003cspan\u003e📖 Page Support\u003c\/span\u003e \u003cspan\u003e✏️ Study Friendly\u003c\/span\u003e \u003cspan\u003e🌱 Easy To Use\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 01\n LARGE 1:1\n IMAGE ONLY\n ====================================================== --\u003e\n\u003cdiv class=\"rpc-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/7_42297a37-404c-49af-ab6a-dfa2de37540f.png?v=1790673856\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n SECTION 01\n ====================================================== --\u003e\n\u003csection class=\"rpc-section\"\u003e\n\u003cdiv class=\"rpc-section-number\"\u003e01 · SIMPLE PAGE SUPPORT\u003c\/div\u003e\n\u003ch2\u003eHold Your Pages. \u003cspan\u003eStay With The Story.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003ereadbostu™ Reading Page Clips\u003c\/strong\u003e are designed to help hold pages securely while reading books, textbooks, magazines, and study materials.\u003c\/p\u003e\n\u003cp\u003eTheir simple clip design gives your pages practical support while helping create a cleaner and more focused setup for everyday reading and learning.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FEATURE CARDS\n ====================================================== --\u003e\n\u003csection class=\"rpc-feature-grid\"\u003e\u003c!-- FEATURE 01 --\u003e\n\u003carticle class=\"rpc-feature rpc-feature-green\"\u003e\n\u003cdiv class=\"rpc-feature-top\"\u003e\n\u003cdiv class=\"rpc-feature-icon\"\u003e📖\u003c\/div\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eHold Pages In Place\u003c\/h3\u003e\n\u003cp\u003eHelp keep your current pages supported while you read, review, or study.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 02 --\u003e\n\u003carticle class=\"rpc-feature rpc-feature-orange\"\u003e\n\u003cdiv class=\"rpc-feature-top\"\u003e\n\u003cdiv class=\"rpc-feature-icon\"\u003e✦\u003c\/div\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eSimple Clip Design\u003c\/h3\u003e\n\u003cp\u003eA practical design made for quick and convenient everyday reading use.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 03 --\u003e\n\u003carticle class=\"rpc-feature rpc-feature-blue\"\u003e\n\u003cdiv class=\"rpc-feature-top\"\u003e\n\u003cdiv class=\"rpc-feature-icon\"\u003e↗\u003c\/div\u003e\n\u003cspan\u003e03\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eCompact \u0026amp; Portable\u003c\/h3\u003e\n\u003cp\u003eEasy to include with books and study materials for portable reading setups.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n LEARNING STRIP\n ====================================================== --\u003e\n\u003csection class=\"rpc-learning-strip\"\u003e\n\u003cdiv class=\"rpc-strip-badge\"\u003eREAD\u003c\/div\u003e\n\u003cdiv class=\"rpc-strip-copy\"\u003e\n\u003ch3\u003eLess Page Movement. More Reading Focus.\u003c\/h3\u003e\n\u003cp\u003eA small reading accessory can make it easier to keep your book organized while you focus on the page, lesson, or story in front of you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rpc-strip-art\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 02\n LARGE 1:1\n IMAGE ONLY\n ====================================================== --\u003e\n\u003cdiv class=\"rpc-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/8_8c0c2766-975f-4579-859d-5df3666eb36b.png?v=1790673854\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n SECTION 02\n ====================================================== --\u003e\n\u003csection class=\"rpc-section\"\u003e\n\u003cdiv class=\"rpc-section-number\"\u003e02 · MADE FOR EVERYDAY READING\u003c\/div\u003e\n\u003ch2\u003eClip. Read. \u003cspan\u003eStay Focused.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWith a compact size and easy-to-use clip design, readbostu™ Reading Page Clips are convenient for daily study sessions and portable reading setups.\u003c\/p\u003e\n\u003cp\u003eUse them while working through textbooks, enjoying a favorite book, reviewing study materials, or reading magazines during quiet moments throughout your day.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n STACKED BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"rpc-benefits\"\u003e\u003c!-- BENEFIT 01 --\u003e\n\u003carticle class=\"rpc-benefit rpc-benefit-mint\"\u003e\n\u003cdiv class=\"rpc-benefit-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"rpc-benefit-copy\"\u003e\n\u003csmall\u003e PAGE SUPPORT \u003c\/small\u003e\n\u003ch3\u003eKeep Your Reading Place Organized\u003c\/h3\u003e\n\u003cp\u003eHelp hold pages in place so your attention can stay on reading, studying, and learning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rpc-benefit-symbol\"\u003e📖\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 02 --\u003e\n\u003carticle class=\"rpc-benefit rpc-benefit-yellow\"\u003e\n\u003cdiv class=\"rpc-benefit-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"rpc-benefit-copy\"\u003e\n\u003csmall\u003e EVERYDAY USE \u003c\/small\u003e\n\u003ch3\u003eSimple Enough For Every Reading Session\u003c\/h3\u003e\n\u003cp\u003eThe straightforward clip design makes page support easy to include in everyday reading and study routines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rpc-benefit-symbol\"\u003e✦\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 03 --\u003e\n\u003carticle class=\"rpc-benefit rpc-benefit-blue\"\u003e\n\u003cdiv class=\"rpc-benefit-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"rpc-benefit-copy\"\u003e\n\u003csmall\u003e PORTABILITY \u003c\/small\u003e\n\u003ch3\u003eSmall Enough To Read Anywhere\u003c\/h3\u003e\n\u003cp\u003eCompact and easy to carry with your books and learning materials for reading at home, school, libraries, and other everyday spaces.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rpc-benefit-symbol\"\u003e↗\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n READING USE SECTION\n ====================================================== --\u003e\n\u003csection class=\"rpc-reading\"\u003e\n\u003cdiv class=\"rpc-reading-head\"\u003e\n\u003csmall\u003e MADE FOR YOUR READING ROUTINE \u003c\/small\u003e\n\u003ch2\u003eOne Simple Clip.\u003cbr\u003e\u003cspan\u003eMany Reading Moments.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom focused study sessions to quiet reading time, keep pages supported across the materials you use throughout your everyday learning routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rpc-reading-grid\"\u003e\n\u003cdiv class=\"rpc-reading-item\"\u003e\n\u003cdiv class=\"rpc-reading-number\"\u003e01\u003c\/div\u003e\n\u003cstrong\u003e Books \u003c\/strong\u003e \u003cspan\u003e Everyday reading \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rpc-reading-item\"\u003e\n\u003cdiv class=\"rpc-reading-number\"\u003e02\u003c\/div\u003e\n\u003cstrong\u003e Textbooks \u003c\/strong\u003e \u003cspan\u003e Study sessions \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rpc-reading-item\"\u003e\n\u003cdiv class=\"rpc-reading-number\"\u003e03\u003c\/div\u003e\n\u003cstrong\u003e Magazines \u003c\/strong\u003e \u003cspan\u003e Relaxed reading \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rpc-reading-item\"\u003e\n\u003cdiv class=\"rpc-reading-number\"\u003e04\u003c\/div\u003e\n\u003cstrong\u003e Materials \u003c\/strong\u003e \u003cspan\u003e Everyday learning \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 03\n LARGE 1:1\n IMAGE ONLY\n ====================================================== --\u003e\n\u003cdiv class=\"rpc-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/6_10048762-037c-42b1-a0f1-48acec60121c.png?v=1790673856\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n FINAL SECTION\n ====================================================== --\u003e\n\u003csection class=\"rpc-final\"\u003e\n\u003cdiv class=\"rpc-final-label\"\u003e03 · FOCUS ON THE PAGE\u003c\/div\u003e\n\u003ch2\u003eSimple Reading. \u003cspan\u003eMore Focused Moments.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA simple solution for readers who want a cleaner and more focused reading experience.\u003c\/p\u003e\n\u003cp\u003eWhether you are reading at a study desk, learning in a classroom, visiting the library, or enjoying a quiet book at home, \u003cstrong\u003ereadbostu™\u003c\/strong\u003e helps make everyday reading feel more organized.\u003c\/p\u003e\n\u003cdiv class=\"rpc-brand\"\u003e\n\u003cdiv class=\"rpc-brand-name\"\u003eread\u003cspan\u003ebostu\u003c\/span\u003e™\u003c\/div\u003e\n\u003cdiv class=\"rpc-brand-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rpc-brand-copy\"\u003eREADING · LEARNING · GROWING\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n READBOSTU™ READING PAGE CLIPS\n READING \u0026 LEARNING VISUAL SYSTEM\n========================================================= *\/\n\n.rpc-page{\n\n --green:#0f513f;\n --green2:#176b50;\n --sage:#86a66d;\n\n --orange:#e48a2a;\n --orange2:#f2a33b;\n\n --yellow:#f6cf67;\n\n --mint:#dcebd3;\n\n --blue:#78b8d7;\n --blue-soft:#dceff5;\n\n --cream:#fffaf0;\n --cream2:#f8f0df;\n\n --text:#19372f;\n --body:#61736c;\n\n width:100%;\n\n overflow:hidden;\n\n background:\n\n radial-gradient(\n circle at 0% 7%,\n rgba(228,138,42,.13),\n transparent 22%\n ),\n\n radial-gradient(\n circle at 100% 28%,\n rgba(120,184,215,.14),\n transparent 24%\n ),\n\n radial-gradient(\n circle at 10% 70%,\n rgba(134,166,109,.13),\n transparent 24%\n ),\n\n #fffaf0;\n\n color:var(--text);\n\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Arial,\n Helvetica,\n sans-serif;\n\n}\n\n\n.rpc-page *{\n box-sizing:border-box;\n}\n\n\n.rpc-wrap{\n\n width:100%;\n\n max-width:1180px;\n\n margin:auto;\n\n padding:\n 0\n 28px;\n\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.rpc-hero{\n\n max-width:880px;\n\n padding:\n 78px\n 0\n 52px;\n\n}\n\n\n.rpc-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n gap:11px;\n\n margin-bottom:22px;\n\n color:var(--green);\n\n font-size:11px;\n\n line-height:1.3;\n\n font-weight:900;\n\n letter-spacing:.17em;\n\n}\n\n\n.rpc-dot{\n\n width:11px;\n height:11px;\n\n flex:0 0 11px;\n\n border-radius:\n 50%\n 50%\n 50%\n 4px;\n\n background:var(--orange);\n\n transform:rotate(-20deg);\n\n}\n\n\n.rpc-hero h1{\n\n max-width:850px;\n\n margin:0;\n\n color:var(--green);\n\n font-size:\n clamp(43px,5.8vw,68px);\n\n line-height:1.02;\n\n letter-spacing:-.045em;\n\n font-weight:850;\n\n}\n\n\n.rpc-hero h1 strong{\n\n display:block;\n\n margin-top:6px;\n\n color:var(--orange);\n\n font-weight:850;\n\n}\n\n\n.rpc-hero p{\n\n max-width:690px;\n\n margin:\n 27px\n 0\n 0;\n\n color:var(--body);\n\n font-size:17px;\n\n line-height:1.75;\n\n}\n\n\n.rpc-tags{\n\n display:flex;\n\n flex-wrap:wrap;\n\n gap:8px;\n\n margin-top:28px;\n\n}\n\n\n.rpc-tags span{\n\n padding:\n 9px\n 14px;\n\n border:\n 1px solid\n rgba(15,81,63,.10);\n\n border-radius:100px;\n\n background:#fff;\n\n box-shadow:\n 0 6px 20px\n rgba(49,82,68,.05);\n\n color:#426158;\n\n font-size:11px;\n\n line-height:1;\n\n font-weight:750;\n\n}\n\n\n\/* =========================================================\n LARGE 1:1 IMAGE\n========================================================= *\/\n\n.rpc-image{\n\n width:100%;\n\n aspect-ratio:1 \/ 1;\n\n margin:\n 0\n 0\n 78px;\n\n overflow:hidden;\n\n border-radius:30px;\n\n background:#f2eadb;\n\n box-shadow:\n 0\n 22px\n 60px\n rgba(43,71,58,.10);\n\n}\n\n\n.rpc-image img{\n\n display:block;\n\n width:100%;\n height:100%;\n\n object-fit:cover;\n\n}\n\n\n\/* =========================================================\n NORMAL TEXT SECTIONS\n========================================================= *\/\n\n.rpc-section{\n\n max-width:850px;\n\n padding:\n 8px\n 0\n 60px;\n\n}\n\n\n.rpc-section-number{\n\n margin-bottom:14px;\n\n color:var(--orange);\n\n font-size:10px;\n\n line-height:1.4;\n\n font-weight:900;\n\n letter-spacing:.17em;\n\n}\n\n\n.rpc-section h2{\n\n max-width:720px;\n\n margin:\n 0\n 0\n 24px;\n\n color:var(--green);\n\n font-size:\n clamp(33px,4.2vw,49px);\n\n line-height:1.06;\n\n letter-spacing:-.035em;\n\n font-weight:850;\n\n}\n\n\n.rpc-section h2 span{\n\n display:block;\n\n margin-top:4px;\n\n color:var(--orange);\n\n}\n\n\n.rpc-section p{\n\n max-width:760px;\n\n margin:\n 0\n 0\n 16px;\n\n color:var(--body);\n\n font-size:16px;\n\n line-height:1.8;\n\n}\n\n\n.rpc-section p strong{\n\n color:var(--green);\n\n}\n\n\n\/* =========================================================\n FEATURE CARDS\n========================================================= *\/\n\n.rpc-feature-grid{\n\n display:grid;\n\n grid-template-columns:\n repeat(3,minmax(0,1fr));\n\n gap:13px;\n\n width:100%;\n\n margin-bottom:65px;\n\n}\n\n\n.rpc-feature{\n\n min-width:0;\n\n min-height:215px;\n\n padding:\n 23px\n 21px;\n\n overflow:hidden;\n\n border-radius:22px;\n\n}\n\n\n.rpc-feature-green{\n\n background:#dfeeda;\n\n color:#174b3b;\n\n}\n\n\n.rpc-feature-orange{\n\n background:#ffe3b8;\n\n color:#70451f;\n\n}\n\n\n.rpc-feature-blue{\n\n background:#dceff5;\n\n color:#27576c;\n\n}\n\n\n.rpc-feature-top{\n\n display:flex;\n\n justify-content:space-between;\n\n align-items:center;\n\n margin-bottom:25px;\n\n}\n\n\n.rpc-feature-top \u003e span{\n\n font-size:9px;\n\n font-weight:900;\n\n letter-spacing:.15em;\n\n opacity:.5;\n\n}\n\n\n.rpc-feature-icon{\n\n width:38px;\n height:38px;\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n border-radius:50%;\n\n background:\n rgba(255,255,255,.70);\n\n font-size:17px;\n\n}\n\n\n.rpc-feature h3{\n\n margin:\n 0\n 0\n 10px;\n\n font-size:19px;\n\n line-height:1.15;\n\n letter-spacing:-.025em;\n\n}\n\n\n.rpc-feature p{\n\n margin:0;\n\n font-size:12px;\n\n line-height:1.65;\n\n opacity:.78;\n\n}\n\n\n\/* =========================================================\n LEARNING STRIP\n========================================================= *\/\n\n.rpc-learning-strip{\n\n position:relative;\n\n display:grid;\n\n grid-template-columns:\n 100px\n minmax(0,1fr)\n 170px;\n\n align-items:center;\n\n gap:28px;\n\n width:100%;\n\n margin-bottom:78px;\n\n padding:\n 35px\n 38px;\n\n overflow:hidden;\n\n border-radius:28px;\n\n background:var(--green);\n\n color:#fff;\n\n}\n\n\n.rpc-strip-badge{\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n width:75px;\n height:75px;\n\n border-radius:\n 24px\n 24px\n 24px\n 7px;\n\n background:var(--orange);\n\n color:#fff;\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:.12em;\n\n}\n\n\n.rpc-strip-copy{\n\n min-width:0;\n\n}\n\n\n.rpc-strip-copy h3{\n\n margin:\n 0\n 0\n 10px;\n\n font-size:\n clamp(22px,2.8vw,32px);\n\n line-height:1.12;\n\n letter-spacing:-.025em;\n\n}\n\n\n.rpc-strip-copy p{\n\n max-width:590px;\n\n margin:0;\n\n color:\n rgba(255,255,255,.73);\n\n font-size:13px;\n\n line-height:1.7;\n\n}\n\n\n.rpc-strip-art{\n\n position:relative;\n\n width:150px;\n height:100px;\n\n}\n\n\n.rpc-strip-art span{\n\n position:absolute;\n\n display:block;\n\n border-radius:100px;\n\n}\n\n\n.rpc-strip-art span:nth-child(1){\n\n width:95px;\n height:24px;\n\n right:0;\n top:10px;\n\n background:var(--orange);\n\n transform:rotate(-25deg);\n\n}\n\n\n.rpc-strip-art span:nth-child(2){\n\n width:70px;\n height:24px;\n\n right:48px;\n top:48px;\n\n background:var(--yellow);\n\n transform:rotate(18deg);\n\n}\n\n\n.rpc-strip-art span:nth-child(3){\n\n width:42px;\n height:42px;\n\n right:4px;\n bottom:0;\n\n background:var(--blue);\n\n}\n\n\n\/* =========================================================\n STACKED BENEFITS\n========================================================= *\/\n\n.rpc-benefits{\n\n display:flex;\n\n flex-direction:column;\n\n gap:11px;\n\n width:100%;\n\n margin-bottom:78px;\n\n}\n\n\n.rpc-benefit{\n\n position:relative;\n\n display:grid;\n\n grid-template-columns:\n 65px\n minmax(0,1fr)\n 65px;\n\n gap:24px;\n\n align-items:center;\n\n width:100%;\n\n padding:\n 30px\n 32px;\n\n overflow:hidden;\n\n border-radius:24px;\n\n}\n\n\n.rpc-benefit-mint{\n\n background:#dcebd3;\n\n color:#174a39;\n\n}\n\n\n.rpc-benefit-yellow{\n\n background:#ffe4a1;\n\n color:#60451f;\n\n}\n\n\n.rpc-benefit-blue{\n\n background:#d8edf5;\n\n color:#24556b;\n\n}\n\n\n.rpc-benefit-number{\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n width:53px;\n height:53px;\n\n border-radius:17px;\n\n background:\n rgba(255,255,255,.64);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:.1em;\n\n}\n\n\n.rpc-benefit-copy small{\n\n display:block;\n\n margin-bottom:7px;\n\n font-size:9px;\n\n font-weight:900;\n\n letter-spacing:.17em;\n\n opacity:.58;\n\n}\n\n\n.rpc-benefit-copy h3{\n\n margin:\n 0\n 0\n 8px;\n\n font-size:\n clamp(22px,2.8vw,30px);\n\n line-height:1.1;\n\n letter-spacing:-.025em;\n\n}\n\n\n.rpc-benefit-copy p{\n\n max-width:660px;\n\n margin:0;\n\n font-size:13px;\n\n line-height:1.65;\n\n opacity:.76;\n\n}\n\n\n.rpc-benefit-symbol{\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n width:54px;\n height:54px;\n\n border-radius:50%;\n\n background:\n rgba(255,255,255,.62);\n\n font-size:20px;\n\n}\n\n\n\/* =========================================================\n READING USE SECTION\n========================================================= *\/\n\n.rpc-reading{\n\n position:relative;\n\n width:100%;\n\n margin-bottom:78px;\n\n padding:\n 54px\n 45px;\n\n overflow:hidden;\n\n border-radius:30px;\n\n background:\n linear-gradient(\n 135deg,\n #0d4c3b,\n #17684f\n );\n\n color:#fff;\n\n}\n\n\n.rpc-reading::before{\n\n content:\"\";\n\n position:absolute;\n\n width:300px;\n height:300px;\n\n right:-150px;\n top:-180px;\n\n border-radius:50%;\n\n background:\n rgba(244,157,54,.16);\n\n}\n\n\n.rpc-reading::after{\n\n content:\"\";\n\n position:absolute;\n\n width:180px;\n height:180px;\n\n left:-100px;\n bottom:-100px;\n\n border-radius:50%;\n\n background:\n rgba(120,184,215,.13);\n\n}\n\n\n.rpc-reading-head{\n\n position:relative;\n\n z-index:2;\n\n max-width:720px;\n\n}\n\n\n.rpc-reading-head small{\n\n display:block;\n\n margin-bottom:14px;\n\n color:#ffc46f;\n\n font-size:9px;\n\n font-weight:900;\n\n letter-spacing:.19em;\n\n}\n\n\n.rpc-reading-head h2{\n\n margin:\n 0\n 0\n 19px;\n\n font-size:\n clamp(34px,4.3vw,50px);\n\n line-height:1.04;\n\n letter-spacing:-.04em;\n\n}\n\n\n.rpc-reading-head h2 span{\n\n color:#ffb34e;\n\n}\n\n\n.rpc-reading-head p{\n\n max-width:610px;\n\n margin:0;\n\n color:\n rgba(255,255,255,.73);\n\n font-size:14px;\n\n line-height:1.75;\n\n}\n\n\n.rpc-reading-grid{\n\n position:relative;\n\n z-index:2;\n\n display:grid;\n\n grid-template-columns:\n repeat(4,minmax(0,1fr));\n\n gap:9px;\n\n margin-top:38px;\n\n}\n\n\n.rpc-reading-item{\n\n min-width:0;\n\n padding:\n 18px\n 16px;\n\n border:\n 1px solid\n rgba(255,255,255,.12);\n\n border-radius:17px;\n\n background:\n rgba(255,255,255,.07);\n\n}\n\n\n.rpc-reading-number{\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n width:31px;\n height:31px;\n\n margin-bottom:17px;\n\n border-radius:50%;\n\n background:var(--orange);\n\n font-size:8px;\n\n font-weight:900;\n\n}\n\n\n.rpc-reading-item strong{\n\n display:block;\n\n margin-bottom:5px;\n\n font-size:14px;\n\n}\n\n\n.rpc-reading-item span{\n\n display:block;\n\n color:\n rgba(255,255,255,.60);\n\n font-size:10px;\n\n line-height:1.5;\n\n}\n\n\n\/* =========================================================\n FINAL\n========================================================= *\/\n\n.rpc-final{\n\n max-width:850px;\n\n padding:\n 5px\n 0\n 95px;\n\n}\n\n\n.rpc-final-label{\n\n margin-bottom:14px;\n\n color:var(--orange);\n\n font-size:10px;\n\n font-weight:900;\n\n letter-spacing:.17em;\n\n}\n\n\n.rpc-final h2{\n\n max-width:720px;\n\n margin:\n 0\n 0\n 24px;\n\n color:var(--green);\n\n font-size:\n clamp(33px,4.2vw,49px);\n\n line-height:1.06;\n\n letter-spacing:-.035em;\n\n}\n\n\n.rpc-final h2 span{\n\n display:block;\n\n color:var(--orange);\n\n}\n\n\n.rpc-final p{\n\n max-width:760px;\n\n margin:\n 0\n 0\n 16px;\n\n color:var(--body);\n\n font-size:16px;\n\n line-height:1.8;\n\n}\n\n\n.rpc-final p strong{\n\n color:var(--green);\n\n}\n\n\n.rpc-brand{\n\n display:flex;\n\n align-items:center;\n\n gap:17px;\n\n width:100%;\n\n margin-top:38px;\n\n padding-top:21px;\n\n border-top:\n 1px solid\n rgba(15,81,63,.13);\n\n}\n\n\n.rpc-brand-name{\n\n flex:0 0 auto;\n\n color:var(--green);\n\n font-size:18px;\n\n font-weight:900;\n\n letter-spacing:-.03em;\n\n}\n\n\n.rpc-brand-name span{\n\n color:var(--orange);\n\n}\n\n\n.rpc-brand-line{\n\n flex:1;\n\n height:2px;\n\n border-radius:100px;\n\n background:\n linear-gradient(\n 90deg,\n var(--green),\n var(--orange),\n var(--yellow),\n var(--blue),\n transparent\n );\n\n}\n\n\n.rpc-brand-copy{\n\n flex:0 0 auto;\n\n color:#7e9189;\n\n font-size:8px;\n\n font-weight:900;\n\n letter-spacing:.15em;\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:768px){\n\n .rpc-wrap{\n\n padding:\n 0\n 18px;\n\n }\n\n\n .rpc-hero{\n\n padding:\n 62px\n 0\n 44px;\n\n }\n\n\n .rpc-feature-grid{\n\n gap:9px;\n\n }\n\n\n .rpc-feature{\n\n padding:\n 20px\n 17px;\n\n }\n\n\n .rpc-learning-strip{\n\n grid-template-columns:\n 80px\n minmax(0,1fr);\n\n }\n\n\n .rpc-strip-art{\n\n display:none;\n\n }\n\n\n .rpc-reading-grid{\n\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:520px){\n\n .rpc-wrap{\n\n padding:\n 0\n 15px;\n\n }\n\n\n \/* HERO *\/\n\n .rpc-hero{\n\n padding:\n 48px\n 0\n 35px;\n\n }\n\n\n .rpc-eyebrow{\n\n margin-bottom:16px;\n\n font-size:8px;\n\n letter-spacing:.13em;\n\n }\n\n\n .rpc-dot{\n\n width:9px;\n height:9px;\n\n flex-basis:9px;\n\n }\n\n\n .rpc-hero h1{\n\n font-size:38px;\n\n line-height:1.02;\n\n }\n\n\n .rpc-hero h1 strong{\n\n font-size:36px;\n\n }\n\n\n .rpc-hero p{\n\n margin-top:20px;\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n .rpc-tags{\n\n gap:5px;\n\n margin-top:22px;\n\n }\n\n\n .rpc-tags span{\n\n padding:\n 8px\n 10px;\n\n font-size:8px;\n\n }\n\n\n \/* IMAGE *\/\n\n .rpc-image{\n\n width:100%;\n\n aspect-ratio:1 \/ 1;\n\n margin-bottom:56px;\n\n border-radius:21px;\n\n }\n\n\n \/* TEXT *\/\n\n .rpc-section{\n\n padding:\n 4px\n 1px\n 48px;\n\n }\n\n\n .rpc-section-number{\n\n margin-bottom:12px;\n\n font-size:8px;\n\n }\n\n\n .rpc-section h2{\n\n margin-bottom:20px;\n\n font-size:30px;\n\n line-height:1.07;\n\n }\n\n\n .rpc-section p{\n\n margin-bottom:13px;\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n \/* FEATURE CARDS STACK *\/\n\n .rpc-feature-grid{\n\n grid-template-columns:1fr;\n\n gap:8px;\n\n margin-bottom:55px;\n\n }\n\n\n .rpc-feature{\n\n min-height:0;\n\n padding:\n 20px\n 19px;\n\n border-radius:18px;\n\n }\n\n\n .rpc-feature-top{\n\n margin-bottom:17px;\n\n }\n\n\n .rpc-feature-icon{\n\n width:34px;\n height:34px;\n\n font-size:15px;\n\n }\n\n\n .rpc-feature h3{\n\n font-size:18px;\n\n }\n\n\n .rpc-feature p{\n\n max-width:300px;\n\n font-size:11px;\n\n }\n\n\n \/* STRIP *\/\n\n .rpc-learning-strip{\n\n grid-template-columns:1fr;\n\n gap:20px;\n\n margin-bottom:56px;\n\n padding:\n 26px\n 22px;\n\n border-radius:21px;\n\n }\n\n\n .rpc-strip-badge{\n\n width:57px;\n height:57px;\n\n border-radius:\n 18px\n 18px\n 18px\n 6px;\n\n font-size:8px;\n\n }\n\n\n .rpc-strip-copy h3{\n\n font-size:23px;\n\n }\n\n\n .rpc-strip-copy p{\n\n font-size:12px;\n\n }\n\n\n \/* BENEFITS *\/\n\n .rpc-benefits{\n\n gap:8px;\n\n margin-bottom:56px;\n\n }\n\n\n .rpc-benefit{\n\n grid-template-columns:\n 45px\n minmax(0,1fr);\n\n gap:15px;\n\n padding:\n 23px\n 18px;\n\n border-radius:19px;\n\n }\n\n\n .rpc-benefit-number{\n\n width:42px;\n height:42px;\n\n border-radius:13px;\n\n font-size:9px;\n\n }\n\n\n .rpc-benefit-copy h3{\n\n font-size:20px;\n\n }\n\n\n .rpc-benefit-copy p{\n\n font-size:11px;\n\n }\n\n\n .rpc-benefit-symbol{\n\n display:none;\n\n }\n\n\n \/* READING *\/\n\n .rpc-reading{\n\n margin-bottom:56px;\n\n padding:\n 37px\n 23px;\n\n border-radius:22px;\n\n }\n\n\n .rpc-reading-head h2{\n\n font-size:30px;\n\n }\n\n\n .rpc-reading-head p{\n\n font-size:12px;\n\n }\n\n\n .rpc-reading-grid{\n\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n\n gap:7px;\n\n margin-top:28px;\n\n }\n\n\n .rpc-reading-item{\n\n padding:\n 15px\n 13px;\n\n }\n\n\n .rpc-reading-item strong{\n\n font-size:12px;\n\n }\n\n\n .rpc-reading-item span{\n\n font-size:9px;\n\n }\n\n\n \/* FINAL *\/\n\n .rpc-final{\n\n padding-bottom:70px;\n\n }\n\n\n .rpc-final-label{\n\n font-size:8px;\n\n }\n\n\n .rpc-final h2{\n\n font-size:30px;\n\n }\n\n\n .rpc-final p{\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n .rpc-brand{\n\n gap:9px;\n\n margin-top:30px;\n\n }\n\n\n .rpc-brand-name{\n\n font-size:14px;\n\n }\n\n\n .rpc-brand-copy{\n\n display:none;\n\n }\n\n}\n\n\n\/* =========================================================\n VERY SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n .rpc-wrap{\n\n padding:\n 0\n 12px;\n\n }\n\n\n .rpc-hero h1{\n\n font-size:34px;\n\n }\n\n\n .rpc-hero h1 strong{\n\n font-size:32px;\n\n }\n\n\n .rpc-section h2,\n .rpc-final h2{\n\n font-size:28px;\n\n }\n\n\n .rpc-reading-head h2{\n\n font-size:28px;\n\n }\n\n\n .rpc-reading{\n\n padding:\n 32px\n 18px;\n\n }\n\n}\n\n\u003c\/style\u003e","brand":"Readbostu™","offers":[{"title":"1 pc","offer_id":50559105335554,"sku":"readbostu*1","price":8.99,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":50559105368322,"sku":"readbostu*2","price":14.99,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":50559105401090,"sku":"readbostu*4","price":24.89,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/1_2c431308-eeaf-4de2-a0c5-e3e84dad32ae.png?v=1790673667"},{"product_id":"readbostu™-adjustable-book-stand","title":"readbostu™ Adjustable Book Stand","description":"\u003c!-- =========================================================\nREADBOSTU™ ADJUSTABLE BOOK STAND\nShopify Custom Liquid\nReading \u0026 Learning Collection\n3 × LARGE 1:1 IMAGE AREAS\n========================================================= --\u003e\n\u003csection class=\"rb-book-page\"\u003e\n\u003cdiv class=\"rb-book-wrap\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"rb-book-hero\"\u003e\n\u003cdiv class=\"rb-book-eyebrow\"\u003e\n\u003cspan class=\"rb-book-dot\"\u003e\u003c\/span\u003e READING \u0026amp; LEARNING COLLECTION\u003c\/div\u003e\n\u003ch1\u003eRead Better.\u003cbr\u003e\u003cstrong\u003eLearn Comfortably.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eCreate a more comfortable reading and learning experience with a smarter way to position your books.\u003c\/p\u003e\n\u003cdiv class=\"rb-book-tags\"\u003e\n\u003cspan\u003e📖 Comfortable Reading\u003c\/span\u003e \u003cspan\u003e✏️ Everyday Learning\u003c\/span\u003e \u003cspan\u003e🌱 Organized Study\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 01\n LARGE 1:1\n IMAGE ONLY — NO TEXT\n ====================================================== --\u003e\n\u003cdiv class=\"rb-book-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/6.png?v=1790673775\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n SECTION 01\n ====================================================== --\u003e\n\u003csection class=\"rb-book-section\"\u003e\n\u003cdiv class=\"rb-book-section-number\"\u003e01 · COMFORTABLE READING\u003c\/div\u003e\n\u003ch2\u003eA Better Position \u003cspan\u003eFor Every Page.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003ereadbostu™ Adjustable Book Stand\u003c\/strong\u003e is designed for students, readers, researchers, and everyday learners who want a cleaner and more comfortable reading setup.\u003c\/p\u003e\n\u003cp\u003ePosition books, textbooks, and documents at a more convenient viewing angle while creating a more organized place for everyday reading and learning.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n SMALL FEATURE CARDS\n ====================================================== --\u003e\n\u003csection class=\"rb-book-feature-grid\"\u003e\u003c!-- FEATURE 01 --\u003e\n\u003carticle class=\"rb-book-feature rb-book-feature-green\"\u003e\n\u003cdiv class=\"rb-book-feature-top\"\u003e\n\u003cdiv class=\"rb-book-feature-icon\"\u003e↗\u003c\/div\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eAdjustable Viewing\u003c\/h3\u003e\n\u003cp\u003eFind a more convenient position for reading, studying, and reviewing documents.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 02 --\u003e\n\u003carticle class=\"rb-book-feature rb-book-feature-orange\"\u003e\n\u003cdiv class=\"rb-book-feature-top\"\u003e\n\u003cdiv class=\"rb-book-feature-icon\"\u003e▰\u003c\/div\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eStable Support\u003c\/h3\u003e\n\u003cp\u003eKeep books and learning materials supported throughout everyday reading sessions.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 03 --\u003e\n\u003carticle class=\"rb-book-feature rb-book-feature-blue\"\u003e\n\u003cdiv class=\"rb-book-feature-top\"\u003e\n\u003cdiv class=\"rb-book-feature-icon\"\u003e✦\u003c\/div\u003e\n\u003cspan\u003e03\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eCleaner Study Space\u003c\/h3\u003e\n\u003cp\u003eGive your books a dedicated place and create a more organized learning environment.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n COLOR STORY STRIP\n ====================================================== --\u003e\n\u003csection class=\"rb-book-learning-strip\"\u003e\n\u003cdiv class=\"rb-book-strip-number\"\u003eLEARN\u003c\/div\u003e\n\u003cdiv class=\"rb-book-strip-copy\"\u003e\n\u003ch3\u003eSmall Changes Can Make Learning Feel Better.\u003c\/h3\u003e\n\u003cp\u003eA thoughtfully organized reading space can make everyday study, reading, and creative learning feel more comfortable and enjoyable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-book-strip-shape\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 02\n LARGE 1:1\n IMAGE ONLY — NO TEXT\n ====================================================== --\u003e\n\u003cdiv class=\"rb-book-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/7.png?v=1790673774\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n SECTION 02\n ====================================================== --\u003e\n\u003csection class=\"rb-book-section\"\u003e\n\u003cdiv class=\"rb-book-section-number\"\u003e02 · DESIGNED AROUND LEARNING\u003c\/div\u003e\n\u003ch2\u003eSupport Your Books. \u003cspan\u003eClear Your Desk.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFeaturing an adjustable support structure and stable base design, the readbostu™ Adjustable Book Stand helps keep books, textbooks, and documents at a convenient viewing angle.\u003c\/p\u003e\n\u003cp\u003eThe dedicated reading position also helps reduce loose books and papers across your desktop, creating a cleaner foundation for studying, reading, and everyday learning.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n STACKED BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"rb-book-benefits\"\u003e\u003c!-- BENEFIT 01 --\u003e\n\u003carticle class=\"rb-book-benefit rb-benefit-mint\"\u003e\n\u003cdiv class=\"rb-book-benefit-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"rb-book-benefit-copy\"\u003e\n\u003csmall\u003e VIEWING \u003c\/small\u003e\n\u003ch3\u003eFind Your Comfortable Reading Position\u003c\/h3\u003e\n\u003cp\u003eAdjust your reading setup to create a more convenient viewing position for books, textbooks, and documents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-book-benefit-symbol\"\u003e↗\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 02 --\u003e\n\u003carticle class=\"rb-book-benefit rb-benefit-yellow\"\u003e\n\u003cdiv class=\"rb-book-benefit-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"rb-book-benefit-copy\"\u003e\n\u003csmall\u003e ORGANIZATION \u003c\/small\u003e\n\u003ch3\u003eGive Every Book A Better Place\u003c\/h3\u003e\n\u003cp\u003eKeep your current reading material supported in one dedicated place instead of spreading books and documents across your study surface.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-book-benefit-symbol\"\u003e▤\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 03 --\u003e\n\u003carticle class=\"rb-book-benefit rb-benefit-blue\"\u003e\n\u003cdiv class=\"rb-book-benefit-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"rb-book-benefit-copy\"\u003e\n\u003csmall\u003e FLEXIBILITY \u003c\/small\u003e\n\u003ch3\u003eFold It Away When Finished\u003c\/h3\u003e\n\u003cp\u003eThe foldable design makes the stand easier to store when reading or study time is over.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-book-benefit-symbol\"\u003e↓\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n READING JOURNEY\n ====================================================== --\u003e\n\u003csection class=\"rb-book-journey\"\u003e\n\u003cdiv class=\"rb-book-journey-head\"\u003e\n\u003csmall\u003e MADE FOR EVERYDAY LEARNING \u003c\/small\u003e\n\u003ch2\u003eOne Stand.\u003cbr\u003e\u003cspan\u003eMany Ways To Learn.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom focused study sessions to quiet reading moments, create a flexible space that supports the way you learn every day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-book-journey-grid\"\u003e\n\u003cdiv class=\"rb-book-journey-item\"\u003e\n\u003cdiv class=\"rb-book-journey-icon\"\u003e01\u003c\/div\u003e\n\u003cstrong\u003e Study \u003c\/strong\u003e \u003cspan\u003e Textbooks \u0026amp; notes \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-book-journey-item\"\u003e\n\u003cdiv class=\"rb-book-journey-icon\"\u003e02\u003c\/div\u003e\n\u003cstrong\u003e Read \u003c\/strong\u003e \u003cspan\u003e Stories \u0026amp; novels \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-book-journey-item\"\u003e\n\u003cdiv class=\"rb-book-journey-icon\"\u003e03\u003c\/div\u003e\n\u003cstrong\u003e Review \u003c\/strong\u003e \u003cspan\u003e Documents \u0026amp; lessons \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-book-journey-item\"\u003e\n\u003cdiv class=\"rb-book-journey-icon\"\u003e04\u003c\/div\u003e\n\u003cstrong\u003e Explore \u003c\/strong\u003e \u003cspan\u003e Everyday learning \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 03\n LARGE 1:1\n IMAGE ONLY — NO TEXT\n ====================================================== --\u003e\n\u003cdiv class=\"rb-book-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/8.png?v=1790673772\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n FINAL SECTION\n ====================================================== --\u003e\n\u003csection class=\"rb-book-final\"\u003e\n\u003cdiv class=\"rb-book-final-label\"\u003e03 · CREATE YOUR READING SPACE\u003c\/div\u003e\n\u003ch2\u003eBuild A Space \u003cspan\u003eMade For Learning.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are studying, reading novels, reviewing documents, or building your personal learning corner, \u003cstrong\u003ereadbostu™\u003c\/strong\u003e helps create a more organized and enjoyable reading environment.\u003c\/p\u003e\n\u003cp\u003eFrom study desks and home offices to libraries and everyday reading spaces, create a place where books, ideas, and learning can come together.\u003c\/p\u003e\n\u003cdiv class=\"rb-book-brand\"\u003e\n\u003cdiv class=\"rb-book-brand-name\"\u003eread\u003cspan\u003ebostu\u003c\/span\u003e™\u003c\/div\u003e\n\u003cdiv class=\"rb-book-brand-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rb-book-brand-copy\"\u003eREADING · LEARNING · GROWING\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n READBOSTU™\n READING \/ LEARNING VISUAL SYSTEM\n\n DIFFERENT FROM DESKVARA:\n - CREAM BACKGROUND\n - GREEN + ORANGE BRAND COLORS\n - PLAYFUL LEARNING COLORS\n - ORGANIC SHAPES\n - SOFTER ROUNDED CARDS\n========================================================= *\/\n\n\n.rb-book-page{\n\n --rb-green:#0f513f;\n --rb-green-2:#176b50;\n --rb-sage:#86a66d;\n\n --rb-orange:#e48a2a;\n --rb-orange-2:#f2a33b;\n\n --rb-yellow:#f6cf67;\n --rb-mint:#dcebd3;\n\n --rb-blue:#78b8d7;\n --rb-blue-soft:#dceff5;\n\n --rb-cream:#fffaf0;\n --rb-cream-2:#f8f0df;\n\n --rb-text:#19372f;\n --rb-body:#61736c;\n\n width:100%;\n\n overflow:hidden;\n\n background:\n radial-gradient(\n circle at 0% 7%,\n rgba(228,138,42,.13),\n transparent 22%\n ),\n\n radial-gradient(\n circle at 100% 28%,\n rgba(120,184,215,.14),\n transparent 24%\n ),\n\n radial-gradient(\n circle at 10% 70%,\n rgba(134,166,109,.13),\n transparent 24%\n ),\n\n #fffaf0;\n\n color:var(--rb-text);\n\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Arial,\n Helvetica,\n sans-serif;\n\n}\n\n\n.rb-book-page *{\n box-sizing:border-box;\n}\n\n\n.rb-book-wrap{\n\n width:100%;\n\n max-width:1180px;\n\n margin:auto;\n\n padding:\n 0\n 28px;\n\n}\n\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n\n.rb-book-hero{\n\n position:relative;\n\n max-width:880px;\n\n padding:\n 78px\n 0\n 52px;\n\n}\n\n\n.rb-book-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n gap:11px;\n\n margin-bottom:22px;\n\n color:var(--rb-green);\n\n font-size:11px;\n\n line-height:1.3;\n\n font-weight:900;\n\n letter-spacing:.17em;\n\n}\n\n\n.rb-book-dot{\n\n width:11px;\n height:11px;\n\n flex:0 0 11px;\n\n border-radius:\n 50%\n 50%\n 50%\n 4px;\n\n background:var(--rb-orange);\n\n transform:rotate(-20deg);\n\n}\n\n\n.rb-book-hero h1{\n\n max-width:820px;\n\n margin:0;\n\n color:var(--rb-green);\n\n font-size:\n clamp(\n 43px,\n 5.8vw,\n 68px\n );\n\n line-height:1.02;\n\n letter-spacing:-.045em;\n\n font-weight:850;\n\n}\n\n\n.rb-book-hero h1 strong{\n\n display:block;\n\n margin-top:6px;\n\n color:var(--rb-orange);\n\n font-weight:850;\n\n}\n\n\n.rb-book-hero p{\n\n max-width:690px;\n\n margin:\n 27px\n 0\n 0;\n\n color:var(--rb-body);\n\n font-size:17px;\n\n line-height:1.75;\n\n}\n\n\n.rb-book-tags{\n\n display:flex;\n\n flex-wrap:wrap;\n\n gap:8px;\n\n margin-top:28px;\n\n}\n\n\n.rb-book-tags span{\n\n padding:\n 9px\n 14px;\n\n border:\n 1px solid\n rgba(15,81,63,.10);\n\n border-radius:100px;\n\n background:#fff;\n\n box-shadow:\n 0 6px 20px\n rgba(49,82,68,.05);\n\n color:#426158;\n\n font-size:11px;\n\n line-height:1;\n\n font-weight:750;\n\n}\n\n\n\n\/* =========================================================\n LARGE 1:1 IMAGES\n========================================================= *\/\n\n\n.rb-book-image{\n\n width:100%;\n\n aspect-ratio:1 \/ 1;\n\n margin:\n 0\n 0\n 78px;\n\n overflow:hidden;\n\n border-radius:30px;\n\n background:#f2eadb;\n\n box-shadow:\n 0\n 22px\n 60px\n rgba(43,71,58,.10);\n\n}\n\n\n.rb-book-image img{\n\n display:block;\n\n width:100%;\n height:100%;\n\n object-fit:cover;\n\n}\n\n\n\n\/* =========================================================\n NORMAL TEXT SECTIONS\n========================================================= *\/\n\n\n.rb-book-section{\n\n max-width:850px;\n\n padding:\n 8px\n 0\n 60px;\n\n}\n\n\n.rb-book-section-number{\n\n margin-bottom:14px;\n\n color:var(--rb-orange);\n\n font-size:10px;\n\n line-height:1.4;\n\n font-weight:900;\n\n letter-spacing:.17em;\n\n}\n\n\n.rb-book-section h2{\n\n max-width:720px;\n\n margin:\n 0\n 0\n 24px;\n\n color:var(--rb-green);\n\n font-size:\n clamp(\n 33px,\n 4.2vw,\n 49px\n );\n\n line-height:1.06;\n\n letter-spacing:-.035em;\n\n font-weight:850;\n\n}\n\n\n.rb-book-section h2 span{\n\n display:block;\n\n margin-top:4px;\n\n color:var(--rb-orange);\n\n}\n\n\n.rb-book-section p{\n\n max-width:760px;\n\n margin:\n 0\n 0\n 16px;\n\n color:var(--rb-body);\n\n font-size:16px;\n\n line-height:1.8;\n\n}\n\n\n.rb-book-section p strong{\n\n color:var(--rb-green);\n\n}\n\n\n\n\/* =========================================================\n SMALL FEATURE CARDS\n========================================================= *\/\n\n\n.rb-book-feature-grid{\n\n display:grid;\n\n grid-template-columns:\n repeat(\n 3,\n minmax(0,1fr)\n );\n\n gap:13px;\n\n width:100%;\n\n margin-bottom:65px;\n\n}\n\n\n.rb-book-feature{\n\n min-width:0;\n\n min-height:215px;\n\n padding:\n 23px\n 21px;\n\n overflow:hidden;\n\n border-radius:22px;\n\n}\n\n\n.rb-book-feature-green{\n\n background:#dfeeda;\n\n color:#174b3b;\n\n}\n\n\n.rb-book-feature-orange{\n\n background:#ffe3b8;\n\n color:#70451f;\n\n}\n\n\n.rb-book-feature-blue{\n\n background:#dceff5;\n\n color:#27576c;\n\n}\n\n\n.rb-book-feature-top{\n\n display:flex;\n\n justify-content:space-between;\n\n align-items:center;\n\n margin-bottom:25px;\n\n}\n\n\n.rb-book-feature-top \u003e span{\n\n font-size:9px;\n\n font-weight:900;\n\n letter-spacing:.15em;\n\n opacity:.5;\n\n}\n\n\n.rb-book-feature-icon{\n\n width:38px;\n height:38px;\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n border-radius:50%;\n\n background:\n rgba(255,255,255,.70);\n\n font-size:18px;\n\n font-weight:900;\n\n}\n\n\n.rb-book-feature h3{\n\n margin:\n 0\n 0\n 10px;\n\n font-size:19px;\n\n line-height:1.15;\n\n letter-spacing:-.025em;\n\n}\n\n\n.rb-book-feature p{\n\n margin:0;\n\n font-size:12px;\n\n line-height:1.65;\n\n opacity:.78;\n\n}\n\n\n\n\/* =========================================================\n LEARNING STRIP\n========================================================= *\/\n\n\n.rb-book-learning-strip{\n\n position:relative;\n\n display:grid;\n\n grid-template-columns:\n 100px\n minmax(0,1fr)\n 170px;\n\n align-items:center;\n\n gap:28px;\n\n width:100%;\n\n margin-bottom:78px;\n\n padding:\n 35px\n 38px;\n\n overflow:hidden;\n\n border-radius:28px;\n\n background:var(--rb-green);\n\n color:#fff;\n\n}\n\n\n.rb-book-strip-number{\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n width:75px;\n height:75px;\n\n border-radius:\n 24px\n 24px\n 24px\n 7px;\n\n background:var(--rb-orange);\n\n color:#fff;\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:.12em;\n\n}\n\n\n.rb-book-strip-copy{\n\n min-width:0;\n\n}\n\n\n.rb-book-strip-copy h3{\n\n margin:\n 0\n 0\n 10px;\n\n font-size:\n clamp(\n 22px,\n 2.8vw,\n 32px\n );\n\n line-height:1.12;\n\n letter-spacing:-.025em;\n\n}\n\n\n.rb-book-strip-copy p{\n\n max-width:590px;\n\n margin:0;\n\n color:\n rgba(255,255,255,.73);\n\n font-size:13px;\n\n line-height:1.7;\n\n}\n\n\n.rb-book-strip-shape{\n\n position:relative;\n\n width:150px;\n height:100px;\n\n}\n\n\n.rb-book-strip-shape span{\n\n position:absolute;\n\n display:block;\n\n border-radius:100px;\n\n}\n\n\n.rb-book-strip-shape span:nth-child(1){\n\n width:95px;\n height:24px;\n\n right:0;\n top:10px;\n\n background:var(--rb-orange);\n\n transform:rotate(-25deg);\n\n}\n\n\n.rb-book-strip-shape span:nth-child(2){\n\n width:70px;\n height:24px;\n\n right:48px;\n top:48px;\n\n background:var(--rb-yellow);\n\n transform:rotate(18deg);\n\n}\n\n\n.rb-book-strip-shape span:nth-child(3){\n\n width:42px;\n height:42px;\n\n right:4px;\n bottom:0;\n\n background:var(--rb-blue);\n\n}\n\n\n\n\/* =========================================================\n STACKED BENEFITS\n========================================================= *\/\n\n\n.rb-book-benefits{\n\n display:flex;\n\n flex-direction:column;\n\n gap:11px;\n\n width:100%;\n\n margin-bottom:78px;\n\n}\n\n\n.rb-book-benefit{\n\n position:relative;\n\n display:grid;\n\n grid-template-columns:\n 65px\n minmax(0,1fr)\n 65px;\n\n gap:24px;\n\n align-items:center;\n\n width:100%;\n\n padding:\n 30px\n 32px;\n\n overflow:hidden;\n\n border-radius:24px;\n\n}\n\n\n.rb-benefit-mint{\n\n background:#dcebd3;\n\n color:#174a39;\n\n}\n\n\n.rb-benefit-yellow{\n\n background:#ffe4a1;\n\n color:#60451f;\n\n}\n\n\n.rb-benefit-blue{\n\n background:#d8edf5;\n\n color:#24556b;\n\n}\n\n\n.rb-book-benefit-number{\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n width:53px;\n height:53px;\n\n border-radius:17px;\n\n background:\n rgba(255,255,255,.64);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:.1em;\n\n}\n\n\n.rb-book-benefit-copy small{\n\n display:block;\n\n margin-bottom:7px;\n\n font-size:9px;\n\n font-weight:900;\n\n letter-spacing:.17em;\n\n opacity:.58;\n\n}\n\n\n.rb-book-benefit-copy h3{\n\n margin:\n 0\n 0\n 8px;\n\n font-size:\n clamp(\n 22px,\n 2.8vw,\n 30px\n );\n\n line-height:1.1;\n\n letter-spacing:-.025em;\n\n}\n\n\n.rb-book-benefit-copy p{\n\n max-width:660px;\n\n margin:0;\n\n font-size:13px;\n\n line-height:1.65;\n\n opacity:.76;\n\n}\n\n\n.rb-book-benefit-symbol{\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n width:54px;\n height:54px;\n\n border-radius:50%;\n\n background:\n rgba(255,255,255,.62);\n\n font-size:24px;\n\n font-weight:800;\n\n}\n\n\n\n\/* =========================================================\n READING JOURNEY\n========================================================= *\/\n\n\n.rb-book-journey{\n\n position:relative;\n\n width:100%;\n\n margin-bottom:78px;\n\n padding:\n 54px\n 45px;\n\n overflow:hidden;\n\n border-radius:30px;\n\n background:\n linear-gradient(\n 135deg,\n #0d4c3b,\n #17684f\n );\n\n color:#fff;\n\n}\n\n\n.rb-book-journey::before{\n\n content:\"\";\n\n position:absolute;\n\n width:300px;\n height:300px;\n\n right:-150px;\n top:-180px;\n\n border-radius:50%;\n\n background:\n rgba(244,157,54,.16);\n\n}\n\n\n.rb-book-journey::after{\n\n content:\"\";\n\n position:absolute;\n\n width:180px;\n height:180px;\n\n left:-100px;\n bottom:-100px;\n\n border-radius:50%;\n\n background:\n rgba(120,184,215,.13);\n\n}\n\n\n.rb-book-journey-head{\n\n position:relative;\n\n z-index:2;\n\n max-width:720px;\n\n}\n\n\n.rb-book-journey-head small{\n\n display:block;\n\n margin-bottom:14px;\n\n color:#ffc46f;\n\n font-size:9px;\n\n font-weight:900;\n\n letter-spacing:.19em;\n\n}\n\n\n.rb-book-journey-head h2{\n\n margin:\n 0\n 0\n 19px;\n\n font-size:\n clamp(\n 34px,\n 4.3vw,\n 50px\n );\n\n line-height:1.04;\n\n letter-spacing:-.04em;\n\n}\n\n\n.rb-book-journey-head h2 span{\n\n color:#ffb34e;\n\n}\n\n\n.rb-book-journey-head p{\n\n max-width:610px;\n\n margin:0;\n\n color:\n rgba(255,255,255,.73);\n\n font-size:14px;\n\n line-height:1.75;\n\n}\n\n\n.rb-book-journey-grid{\n\n position:relative;\n\n z-index:2;\n\n display:grid;\n\n grid-template-columns:\n repeat(\n 4,\n minmax(0,1fr)\n );\n\n gap:9px;\n\n margin-top:38px;\n\n}\n\n\n.rb-book-journey-item{\n\n min-width:0;\n\n padding:\n 18px\n 16px;\n\n border:\n 1px solid\n rgba(255,255,255,.12);\n\n border-radius:17px;\n\n background:\n rgba(255,255,255,.07);\n\n}\n\n\n.rb-book-journey-icon{\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n width:31px;\n height:31px;\n\n margin-bottom:17px;\n\n border-radius:50%;\n\n background:var(--rb-orange);\n\n font-size:8px;\n\n font-weight:900;\n\n}\n\n\n.rb-book-journey-item strong{\n\n display:block;\n\n margin-bottom:5px;\n\n font-size:14px;\n\n}\n\n\n.rb-book-journey-item span{\n\n display:block;\n\n color:\n rgba(255,255,255,.60);\n\n font-size:10px;\n\n line-height:1.5;\n\n}\n\n\n\n\/* =========================================================\n FINAL\n========================================================= *\/\n\n\n.rb-book-final{\n\n max-width:850px;\n\n padding:\n 5px\n 0\n 95px;\n\n}\n\n\n.rb-book-final-label{\n\n margin-bottom:14px;\n\n color:var(--rb-orange);\n\n font-size:10px;\n\n font-weight:900;\n\n letter-spacing:.17em;\n\n}\n\n\n.rb-book-final h2{\n\n max-width:720px;\n\n margin:\n 0\n 0\n 24px;\n\n color:var(--rb-green);\n\n font-size:\n clamp(\n 33px,\n 4.2vw,\n 49px\n );\n\n line-height:1.06;\n\n letter-spacing:-.035em;\n\n}\n\n\n.rb-book-final h2 span{\n\n display:block;\n\n color:var(--rb-orange);\n\n}\n\n\n.rb-book-final p{\n\n max-width:760px;\n\n margin:\n 0\n 0\n 16px;\n\n color:var(--rb-body);\n\n font-size:16px;\n\n line-height:1.8;\n\n}\n\n\n.rb-book-final p strong{\n\n color:var(--rb-green);\n\n}\n\n\n.rb-book-brand{\n\n display:flex;\n\n align-items:center;\n\n gap:17px;\n\n width:100%;\n\n margin-top:38px;\n\n padding-top:21px;\n\n border-top:\n 1px solid\n rgba(15,81,63,.13);\n\n}\n\n\n.rb-book-brand-name{\n\n flex:0 0 auto;\n\n color:var(--rb-green);\n\n font-size:18px;\n\n font-weight:900;\n\n letter-spacing:-.03em;\n\n}\n\n\n.rb-book-brand-name span{\n\n color:var(--rb-orange);\n\n}\n\n\n.rb-book-brand-line{\n\n flex:1;\n\n height:2px;\n\n border-radius:100px;\n\n background:\n linear-gradient(\n 90deg,\n var(--rb-green),\n var(--rb-orange),\n var(--rb-yellow),\n var(--rb-blue),\n transparent\n );\n\n}\n\n\n.rb-book-brand-copy{\n\n flex:0 0 auto;\n\n color:#7e9189;\n\n font-size:8px;\n\n font-weight:900;\n\n letter-spacing:.15em;\n\n}\n\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n\n@media(max-width:768px){\n\n\n .rb-book-wrap{\n\n padding:\n 0\n 18px;\n\n }\n\n\n .rb-book-hero{\n\n padding:\n 62px\n 0\n 44px;\n\n }\n\n\n .rb-book-feature-grid{\n\n gap:9px;\n\n }\n\n\n .rb-book-feature{\n\n padding:\n 20px\n 17px;\n\n }\n\n\n .rb-book-learning-strip{\n\n grid-template-columns:\n 80px\n minmax(0,1fr);\n\n }\n\n\n .rb-book-strip-shape{\n\n display:none;\n\n }\n\n\n .rb-book-journey-grid{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n}\n\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n\n@media(max-width:520px){\n\n\n .rb-book-wrap{\n\n padding:\n 0\n 15px;\n\n }\n\n\n\n \/* HERO *\/\n\n .rb-book-hero{\n\n padding:\n 48px\n 0\n 35px;\n\n }\n\n\n .rb-book-eyebrow{\n\n margin-bottom:16px;\n\n font-size:8px;\n\n letter-spacing:.13em;\n\n }\n\n\n .rb-book-dot{\n\n width:9px;\n height:9px;\n\n flex-basis:9px;\n\n }\n\n\n .rb-book-hero h1{\n\n font-size:38px;\n\n line-height:1.02;\n\n }\n\n\n .rb-book-hero h1 strong{\n\n font-size:36px;\n\n }\n\n\n .rb-book-hero p{\n\n margin-top:20px;\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n .rb-book-tags{\n\n gap:5px;\n\n margin-top:22px;\n\n }\n\n\n .rb-book-tags span{\n\n padding:\n 8px\n 10px;\n\n font-size:8px;\n\n }\n\n\n\n \/* LARGE 1:1 IMAGES *\/\n\n .rb-book-image{\n\n width:100%;\n\n aspect-ratio:1 \/ 1;\n\n margin-bottom:56px;\n\n border-radius:21px;\n\n }\n\n\n\n \/* TEXT *\/\n\n .rb-book-section{\n\n padding:\n 4px\n 1px\n 48px;\n\n }\n\n\n .rb-book-section-number{\n\n margin-bottom:12px;\n\n font-size:8px;\n\n }\n\n\n .rb-book-section h2{\n\n margin-bottom:20px;\n\n font-size:30px;\n\n line-height:1.07;\n\n }\n\n\n .rb-book-section p{\n\n margin-bottom:13px;\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n\n \/* FEATURE CARDS\n STACK VERTICALLY ON MOBILE *\/\n\n .rb-book-feature-grid{\n\n grid-template-columns:1fr;\n\n gap:8px;\n\n margin-bottom:55px;\n\n }\n\n\n .rb-book-feature{\n\n min-height:0;\n\n padding:\n 20px\n 19px;\n\n border-radius:18px;\n\n }\n\n\n .rb-book-feature-top{\n\n margin-bottom:17px;\n\n }\n\n\n .rb-book-feature-icon{\n\n width:34px;\n height:34px;\n\n font-size:15px;\n\n }\n\n\n .rb-book-feature h3{\n\n font-size:18px;\n\n }\n\n\n .rb-book-feature p{\n\n max-width:300px;\n\n font-size:11px;\n\n }\n\n\n\n \/* LEARNING STRIP *\/\n\n .rb-book-learning-strip{\n\n grid-template-columns:1fr;\n\n gap:20px;\n\n margin-bottom:56px;\n\n padding:\n 26px\n 22px;\n\n border-radius:21px;\n\n }\n\n\n .rb-book-strip-number{\n\n width:57px;\n height:57px;\n\n border-radius:\n 18px\n 18px\n 18px\n 6px;\n\n font-size:8px;\n\n }\n\n\n .rb-book-strip-copy h3{\n\n font-size:23px;\n\n }\n\n\n .rb-book-strip-copy p{\n\n font-size:12px;\n\n }\n\n\n\n \/* BENEFITS *\/\n\n .rb-book-benefits{\n\n gap:8px;\n\n margin-bottom:56px;\n\n }\n\n\n .rb-book-benefit{\n\n grid-template-columns:\n 45px\n minmax(0,1fr);\n\n gap:15px;\n\n padding:\n 23px\n 18px;\n\n border-radius:19px;\n\n }\n\n\n .rb-book-benefit-number{\n\n width:42px;\n height:42px;\n\n border-radius:13px;\n\n font-size:9px;\n\n }\n\n\n .rb-book-benefit-copy h3{\n\n font-size:20px;\n\n }\n\n\n .rb-book-benefit-copy p{\n\n font-size:11px;\n\n }\n\n\n .rb-book-benefit-symbol{\n\n display:none;\n\n }\n\n\n\n \/* JOURNEY *\/\n\n .rb-book-journey{\n\n margin-bottom:56px;\n\n padding:\n 37px\n 23px;\n\n border-radius:22px;\n\n }\n\n\n .rb-book-journey-head h2{\n\n font-size:30px;\n\n }\n\n\n .rb-book-journey-head p{\n\n font-size:12px;\n\n }\n\n\n .rb-book-journey-grid{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n gap:7px;\n\n margin-top:28px;\n\n }\n\n\n .rb-book-journey-item{\n\n padding:\n 15px\n 13px;\n\n }\n\n\n .rb-book-journey-item strong{\n\n font-size:12px;\n\n }\n\n\n .rb-book-journey-item span{\n\n font-size:9px;\n\n }\n\n\n\n \/* FINAL *\/\n\n .rb-book-final{\n\n padding-bottom:70px;\n\n }\n\n\n .rb-book-final-label{\n\n font-size:8px;\n\n }\n\n\n .rb-book-final h2{\n\n font-size:30px;\n\n }\n\n\n .rb-book-final p{\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n .rb-book-brand{\n\n gap:9px;\n\n margin-top:30px;\n\n }\n\n\n .rb-book-brand-name{\n\n font-size:14px;\n\n }\n\n\n .rb-book-brand-copy{\n\n display:none;\n\n }\n\n}\n\n\n\n\/* =========================================================\n VERY SMALL MOBILE\n========================================================= *\/\n\n\n@media(max-width:390px){\n\n\n .rb-book-wrap{\n\n padding:\n 0\n 12px;\n\n }\n\n\n .rb-book-hero h1{\n\n font-size:34px;\n\n }\n\n\n .rb-book-hero h1 strong{\n\n font-size:32px;\n\n }\n\n\n .rb-book-section h2,\n .rb-book-final h2{\n\n font-size:28px;\n\n }\n\n\n .rb-book-journey-head h2{\n\n font-size:28px;\n\n }\n\n\n .rb-book-journey{\n\n padding:\n 32px\n 18px;\n\n }\n\n}\n\n\u003c\/style\u003e","brand":"Readbostu™","offers":[{"title":"1 pc","offer_id":50559105663234,"sku":"readbostu*1","price":19.32,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":50559105696002,"sku":"readbostu*2","price":34.54,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":50559105728770,"sku":"readbostu*4","price":59.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/1_908103aa-6c72-4061-8c10-68f91fb09b36.png?v=1790673665"}],"url":"https:\/\/readbostu.com\/collections\/%f0%9f%93%96-reading.oembed","provider":"Readbostu™","version":"1.0","type":"link"}