{"title":"📚 Book Organization","description":null,"products":[{"product_id":"readbostu™-adjustable-bookends","title":"readbostu™ Adjustable Bookends","description":"\u003c!-- =========================================================\nREADBOSTU™ ADJUSTABLE BOOKENDS\nShopify Custom Liquid\nBook Organization Collection\n3 × LARGE 1:1 IMAGE AREAS\n========================================================= --\u003e\n\u003csection class=\"rb-bookends-page\"\u003e\n\u003cdiv class=\"rb-bookends-wrap\"\u003e\n\u003c!-- =====================================================\n         HERO\n    ====================================================== --\u003e\n\u003csection class=\"rb-bookends-hero\"\u003e\n\u003cdiv class=\"rb-bookends-eyebrow\"\u003e\n\u003cspan class=\"rb-bookends-dot\"\u003e\u003c\/span\u003e BOOK ORGANIZATION COLLECTION\u003c\/div\u003e\n\u003ch1\u003eKeep Books Together.\u003cbr\u003e\u003cstrong\u003eKeep Learning Organized.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eKeep your books neatly arranged with a flexible storage solution designed for personal libraries and study spaces.\u003c\/p\u003e\n\u003cdiv class=\"rb-bookends-tags\"\u003e\n\u003cspan\u003e📚 Book Organization\u003c\/span\u003e \u003cspan\u003e↔ Flexible Adjustment\u003c\/span\u003e \u003cspan\u003e🌿 Cleaner Study Space\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         IMAGE 01 — LARGE 1:1\n         IMAGE ONLY\n    ====================================================== --\u003e\n\u003cdiv class=\"rb-bookends-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/8_13b3959e-f3c7-4c70-91ca-89495eddde8d.png?v=1790675375\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n         SECTION 01\n    ====================================================== --\u003e\n\u003csection class=\"rb-bookends-section\"\u003e\n\u003cdiv class=\"rb-bookends-section-label\"\u003e01 · ORGANIZED READING\u003c\/div\u003e\n\u003ch2\u003eGive Every Book \u003cspan\u003eA Better Place.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003ereadbostu™ Adjustable Bookends\u003c\/strong\u003e help organize books, notebooks, and study materials while allowing flexible adjustment for different storage needs.\u003c\/p\u003e\n\u003cp\u003eFrom favorite stories and school books to notebooks and everyday learning materials, create a more organized space around the books you use most.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         SMALL FEATURE CARDS\n    ====================================================== --\u003e\n\u003csection class=\"rb-bookends-feature-grid\"\u003e\n\u003carticle class=\"rb-bookends-feature rb-bookends-feature-green\"\u003e\n\u003cdiv class=\"rb-bookends-feature-head\"\u003e\n\u003cdiv class=\"rb-bookends-feature-icon\"\u003e↔\u003c\/div\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eFlexible Adjustment\u003c\/h3\u003e\n\u003cp\u003eAdjust your book organization around different everyday storage needs.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"rb-bookends-feature rb-bookends-feature-orange\"\u003e\n\u003cdiv class=\"rb-bookends-feature-head\"\u003e\n\u003cdiv class=\"rb-bookends-feature-icon\"\u003e📚\u003c\/div\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eNeater Book Storage\u003c\/h3\u003e\n\u003cp\u003eKeep books, notebooks, and study materials neatly arranged together.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"rb-bookends-feature rb-bookends-feature-blue\"\u003e\n\u003cdiv class=\"rb-bookends-feature-head\"\u003e\n\u003cdiv class=\"rb-bookends-feature-icon\"\u003e✦\u003c\/div\u003e\n\u003cspan\u003e03\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eStable Organization\u003c\/h3\u003e\n\u003cp\u003eCreate a cleaner bookshelf or desktop reading area with a simple structure.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         ORGANIZATION STRIP\n    ====================================================== --\u003e\n\u003csection class=\"rb-bookends-strip\"\u003e\n\u003cdiv class=\"rb-bookends-strip-icon\"\u003e\n\u003cspan class=\"rb-book-left\"\u003e\u003c\/span\u003e \u003cspan class=\"rb-book-center\"\u003e\u003c\/span\u003e \u003cspan class=\"rb-book-right\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-bookends-strip-copy\"\u003e\n\u003csmall\u003e ARRANGE · ORGANIZE · READ \u003c\/small\u003e\n\u003ch3\u003eA Cleaner Home For Every Book.\u003c\/h3\u003e\n\u003cp\u003eBring everyday reading materials together and create a more intentional study space.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-bookends-strip-art\"\u003e\n\u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         IMAGE 02 — LARGE 1:1\n         IMAGE ONLY\n    ====================================================== --\u003e\n\u003cdiv class=\"rb-bookends-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/6_7f102d25-b6f9-49a9-93d9-b5916be861b7.png?v=1790675374\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n         SECTION 02\n    ====================================================== --\u003e\n\u003csection class=\"rb-bookends-section\"\u003e\n\u003cdiv class=\"rb-bookends-section-label\"\u003e02 · FLEXIBLE BOOK STORAGE\u003c\/div\u003e\n\u003ch2\u003eYour Collection Changes. \u003cspan\u003eYour Storage Can Too.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe adjustable design helps create a flexible organization system for different quantities of books, notebooks, and learning materials.\u003c\/p\u003e\n\u003cp\u003eWhether placed on a study desk, bookshelf, or personal reading area, readbostu™ helps keep everyday books arranged and easier to manage.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         STACKED BENEFITS\n    ====================================================== --\u003e\n\u003csection class=\"rb-bookends-benefits\"\u003e\u003c!-- BENEFIT 01 --\u003e\n\u003carticle class=\"rb-bookends-benefit rb-bookends-benefit-mint\"\u003e\n\u003cdiv class=\"rb-bookends-benefit-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"rb-bookends-benefit-copy\"\u003e\n\u003csmall\u003e FLEXIBLE STORAGE \u003c\/small\u003e\n\u003ch3\u003eAdjust Around Your Book Collection\u003c\/h3\u003e\n\u003cp\u003eCreate an organized arrangement that can adapt to different everyday book and notebook storage needs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-bookends-benefit-symbol\"\u003e↔\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 02 --\u003e\n\u003carticle class=\"rb-bookends-benefit rb-bookends-benefit-yellow\"\u003e\n\u003cdiv class=\"rb-bookends-benefit-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"rb-bookends-benefit-copy\"\u003e\n\u003csmall\u003e NEATER SPACE \u003c\/small\u003e\n\u003ch3\u003eKeep Everyday Books Neatly Arranged\u003c\/h3\u003e\n\u003cp\u003eBring books, notebooks, and learning materials together instead of leaving them scattered around your study space.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-bookends-benefit-symbol\"\u003e📖\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 03 --\u003e\n\u003carticle class=\"rb-bookends-benefit rb-bookends-benefit-blue\"\u003e\n\u003cdiv class=\"rb-bookends-benefit-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"rb-bookends-benefit-copy\"\u003e\n\u003csmall\u003e EVERYDAY ORGANIZATION \u003c\/small\u003e\n\u003ch3\u003eBuild A More Organized Reading Area\u003c\/h3\u003e\n\u003cp\u003eUse the simple stable design on a bookshelf or desktop to create a cleaner environment for reading and learning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-bookends-benefit-symbol\"\u003e✦\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         PERSONAL LIBRARY SECTION\n    ====================================================== --\u003e\n\u003csection class=\"rb-bookends-library\"\u003e\n\u003cdiv class=\"rb-bookends-library-shape shape-one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rb-bookends-library-shape shape-two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rb-bookends-library-head\"\u003e\n\u003csmall\u003e BUILD YOUR PERSONAL LIBRARY \u003c\/small\u003e\n\u003ch2\u003eMore Books.\u003cbr\u003e\u003cspan\u003eMore Organized.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eCreate a welcoming place for favorite stories, school books, notebooks, and everyday learning materials as your personal collection grows.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-bookends-library-grid\"\u003e\n\u003carticle class=\"rb-bookends-library-item\"\u003e\n\u003cdiv class=\"rb-bookends-library-number\"\u003e01\u003c\/div\u003e\n\u003cstrong\u003e Stories \u003c\/strong\u003e \u003cspan\u003e Favorite reading books \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"rb-bookends-library-item\"\u003e\n\u003cdiv class=\"rb-bookends-library-number\"\u003e02\u003c\/div\u003e\n\u003cstrong\u003e Study \u003c\/strong\u003e \u003cspan\u003e Textbooks \u0026amp; lessons \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"rb-bookends-library-item\"\u003e\n\u003cdiv class=\"rb-bookends-library-number\"\u003e03\u003c\/div\u003e\n\u003cstrong\u003e Notes \u003c\/strong\u003e \u003cspan\u003e Notebooks \u0026amp; journals \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"rb-bookends-library-item\"\u003e\n\u003cdiv class=\"rb-bookends-library-number\"\u003e04\u003c\/div\u003e\n\u003cstrong\u003e Grow \u003c\/strong\u003e \u003cspan\u003e Build your collection \u003c\/span\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         IMAGE 03 — LARGE 1:1\n         IMAGE ONLY\n    ====================================================== --\u003e\n\u003cdiv class=\"rb-bookends-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/7_e576abda-a8b6-42e8-8d4f-71b3f3d0e155.png?v=1790675374\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n         FINAL\n    ====================================================== --\u003e\n\u003csection class=\"rb-bookends-final\"\u003e\n\u003cdiv class=\"rb-bookends-final-label\"\u003e03 · ORGANIZE YOUR READING SPACE\u003c\/div\u003e\n\u003ch2\u003eA Place For Every Book. \u003cspan\u003eA Space Ready To Learn.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003ePerfect for students, readers, and anyone building an organized personal book collection, \u003cstrong\u003ereadbostu™ Adjustable Bookends\u003c\/strong\u003e bring flexible organization to everyday reading and study spaces.\u003c\/p\u003e\n\u003cp\u003eKeep favorite books neatly arranged, make everyday learning materials easier to manage, and create a cleaner environment for every reading moment.\u003c\/p\u003e\n\u003cdiv class=\"rb-bookends-brand\"\u003e\n\u003cdiv class=\"rb-bookends-brand-name\"\u003eread\u003cspan\u003ebostu\u003c\/span\u003e™\u003c\/div\u003e\n\u003cdiv class=\"rb-bookends-brand-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rb-bookends-brand-copy\"\u003eREAD · ORGANIZE · GROW\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™ ADJUSTABLE BOOKENDS\n   BOOK ORGANIZATION VISUAL SYSTEM\n========================================================= *\/\n\n.rb-bookends-page{\n\n  --green:#0f513f;\n  --green2:#176b50;\n\n  --orange:#e48a2a;\n  --orange2:#f2a33b;\n\n  --yellow:#f6cf67;\n  --yellow-soft:#ffe5a0;\n\n  --sage:#86a66d;\n  --mint:#dcebd3;\n\n  --blue:#78b8d7;\n  --blue-soft:#dceff5;\n\n  --cream:#fffaf0;\n  --cream2:#f7efdf;\n\n  --text:#19372f;\n  --body:#61736c;\n\n  width:100%;\n\n  overflow:hidden;\n\n  color:var(--text);\n\n  background:\n    radial-gradient(\n      circle at 0% 8%,\n      rgba(228,138,42,.13),\n      transparent 22%\n    ),\n    radial-gradient(\n      circle at 100% 29%,\n      rgba(120,184,215,.14),\n      transparent 24%\n    ),\n    radial-gradient(\n      circle at 5% 72%,\n      rgba(134,166,109,.14),\n      transparent 23%\n    ),\n    var(--cream);\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-bookends-page *{\n  box-sizing:border-box;\n}\n\n\n.rb-bookends-wrap{\n\n  width:100%;\n  max-width:1180px;\n\n  margin:auto;\n\n  padding:0 28px;\n\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.rb-bookends-hero{\n\n  max-width:880px;\n\n  padding:\n    78px\n    0\n    52px;\n\n}\n\n\n.rb-bookends-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.rb-bookends-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.rb-bookends-hero h1{\n\n  max-width:820px;\n\n  margin:0;\n\n  color:var(--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-bookends-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.rb-bookends-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.rb-bookends-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-bookends-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-bookends-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-bookends-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-bookends-section{\n\n  max-width:850px;\n\n  padding:\n    8px\n    0\n    60px;\n\n}\n\n\n.rb-bookends-section-label{\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.rb-bookends-section h2{\n\n  max-width:740px;\n\n  margin:\n    0\n    0\n    24px;\n\n  color:var(--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-bookends-section h2 span{\n\n  display:block;\n\n  margin-top:4px;\n\n  color:var(--orange);\n\n}\n\n\n.rb-bookends-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.rb-bookends-section p strong{\n  color:var(--green);\n}\n\n\n\/* =========================================================\n   FEATURE CARDS\n========================================================= *\/\n\n.rb-bookends-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.rb-bookends-feature{\n\n  min-width:0;\n\n  min-height:205px;\n\n  padding:\n    22px\n    20px;\n\n  overflow:hidden;\n\n  border-radius:22px;\n\n}\n\n\n.rb-bookends-feature-green{\n\n  background:#dcebd3;\n\n  color:#174b3b;\n\n}\n\n\n.rb-bookends-feature-orange{\n\n  background:#ffe2b6;\n\n  color:#70451f;\n\n}\n\n\n.rb-bookends-feature-blue{\n\n  background:#dceff5;\n\n  color:#27576c;\n\n}\n\n\n.rb-bookends-feature-head{\n\n  display:flex;\n\n  justify-content:space-between;\n\n  align-items:center;\n\n  margin-bottom:23px;\n\n}\n\n\n.rb-bookends-feature-head \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-bookends-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,.72);\n\n  font-size:17px;\n\n  font-weight:900;\n\n}\n\n\n.rb-bookends-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-bookends-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   ORGANIZATION STRIP\n========================================================= *\/\n\n.rb-bookends-strip{\n\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    90px\n    minmax(0,1fr)\n    180px;\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:\n    linear-gradient(\n      120deg,\n      #e58a2a,\n      #f1b64f\n    );\n\n  color:#513719;\n\n}\n\n\n.rb-bookends-strip-icon{\n\n  position:relative;\n\n  width:72px;\n  height:70px;\n\n  display:flex;\n\n  align-items:flex-end;\n  justify-content:center;\n\n  gap:4px;\n\n  padding-bottom:13px;\n\n  border-radius:\n    22px\n    22px\n    22px\n    7px;\n\n  background:\n    rgba(255,255,255,.82);\n\n}\n\n\n.rb-bookends-strip-icon span{\n\n  display:block;\n\n  width:11px;\n\n  border-radius:3px 3px 1px 1px;\n\n}\n\n\n.rb-book-left{\n\n  height:29px;\n\n  background:var(--green);\n\n}\n\n\n.rb-book-center{\n\n  height:38px;\n\n  background:var(--orange);\n\n}\n\n\n.rb-book-right{\n\n  height:33px;\n\n  background:var(--blue);\n\n}\n\n\n.rb-bookends-strip-copy small{\n\n  display:block;\n\n  margin-bottom:8px;\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:.17em;\n\n  opacity:.6;\n\n}\n\n\n.rb-bookends-strip-copy h3{\n\n  margin:\n    0\n    0\n    9px;\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-bookends-strip-copy p{\n\n  max-width:570px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.65;\n\n  opacity:.72;\n\n}\n\n\n.rb-bookends-strip-art{\n\n  display:flex;\n\n  align-items:flex-end;\n\n  justify-content:flex-end;\n\n  gap:7px;\n\n  width:160px;\n  height:90px;\n\n}\n\n\n.rb-bookends-strip-art i{\n\n  display:block;\n\n  width:20px;\n\n  border-radius:\n    5px\n    5px\n    2px\n    2px;\n\n  background:\n    rgba(255,255,255,.72);\n\n}\n\n\n.rb-bookends-strip-art i:nth-child(1){\n  height:58px;\n}\n\n\n.rb-bookends-strip-art i:nth-child(2){\n\n  height:76px;\n\n  background:#dcebd3;\n\n}\n\n\n.rb-bookends-strip-art i:nth-child(3){\n\n  height:67px;\n\n  background:#dceff5;\n\n}\n\n\n.rb-bookends-strip-art i:nth-child(4){\n\n  height:82px;\n\n  background:#fff1ae;\n\n}\n\n\n.rb-bookends-strip-art i:nth-child(5){\n\n  height:63px;\n\n  background:\n    rgba(255,255,255,.8);\n\n}\n\n\n\/* =========================================================\n   STACKED BENEFITS\n========================================================= *\/\n\n.rb-bookends-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-bookends-benefit{\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-bookends-benefit-mint{\n\n  background:#dcebd3;\n\n  color:#174a39;\n\n}\n\n\n.rb-bookends-benefit-yellow{\n\n  background:#ffe4a1;\n\n  color:#60451f;\n\n}\n\n\n.rb-bookends-benefit-blue{\n\n  background:#d8edf5;\n\n  color:#24556b;\n\n}\n\n\n.rb-bookends-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-bookends-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-bookends-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-bookends-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-bookends-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  font-weight:800;\n\n}\n\n\n\/* =========================================================\n   PERSONAL LIBRARY\n========================================================= *\/\n\n.rb-bookends-library{\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-bookends-library-shape{\n\n  position:absolute;\n\n  border-radius:50%;\n\n  pointer-events:none;\n\n}\n\n\n.rb-bookends-library .shape-one{\n\n  width:290px;\n  height:290px;\n\n  right:-135px;\n  top:-165px;\n\n  background:\n    rgba(244,157,54,.18);\n\n}\n\n\n.rb-bookends-library .shape-two{\n\n  width:190px;\n  height:190px;\n\n  left:-100px;\n  bottom:-105px;\n\n  background:\n    rgba(120,184,215,.14);\n\n}\n\n\n.rb-bookends-library-head{\n\n  position:relative;\n\n  z-index:2;\n\n  max-width:720px;\n\n}\n\n\n.rb-bookends-library-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-bookends-library-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-bookends-library-head h2 span{\n  color:#ffb34e;\n}\n\n\n.rb-bookends-library-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-bookends-library-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.rb-bookends-library-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-bookends-library-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.rb-bookends-library-item strong{\n\n  display:block;\n\n  margin-bottom:5px;\n\n  font-size:14px;\n\n}\n\n\n.rb-bookends-library-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.rb-bookends-final{\n\n  max-width:850px;\n\n  padding:\n    5px\n    0\n    95px;\n\n}\n\n\n.rb-bookends-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.rb-bookends-final h2{\n\n  max-width:740px;\n\n  margin:\n    0\n    0\n    24px;\n\n  color:var(--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-bookends-final h2 span{\n\n  display:block;\n\n  color:var(--orange);\n\n}\n\n\n.rb-bookends-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.rb-bookends-final p strong{\n  color:var(--green);\n}\n\n\n\/* =========================================================\n   BRAND\n========================================================= *\/\n\n.rb-bookends-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-bookends-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.rb-bookends-brand-name span{\n  color:var(--orange);\n}\n\n\n.rb-bookends-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.rb-bookends-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-bookends-wrap{\n    padding:0 18px;\n  }\n\n\n  .rb-bookends-hero{\n    padding:62px 0 44px;\n  }\n\n\n  .rb-bookends-feature-grid{\n    gap:9px;\n  }\n\n\n  .rb-bookends-feature{\n    padding:20px 17px;\n  }\n\n\n  .rb-bookends-strip{\n\n    grid-template-columns:\n      75px\n      minmax(0,1fr);\n\n  }\n\n\n  .rb-bookends-strip-art{\n    display:none;\n  }\n\n\n  .rb-bookends-library-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  .rb-bookends-wrap{\n    padding:0 15px;\n  }\n\n\n  \/* HERO *\/\n\n  .rb-bookends-hero{\n    padding:48px 0 35px;\n  }\n\n\n  .rb-bookends-eyebrow{\n\n    margin-bottom:16px;\n\n    font-size:8px;\n\n    letter-spacing:.13em;\n\n  }\n\n\n  .rb-bookends-dot{\n\n    width:9px;\n    height:9px;\n\n    flex-basis:9px;\n\n  }\n\n\n  .rb-bookends-hero h1{\n\n    font-size:38px;\n\n    line-height:1.02;\n\n  }\n\n\n  .rb-bookends-hero h1 strong{\n    font-size:35px;\n  }\n\n\n  .rb-bookends-hero p{\n\n    margin-top:20px;\n\n    font-size:14px;\n\n    line-height:1.7;\n\n  }\n\n\n  .rb-bookends-tags{\n\n    gap:5px;\n\n    margin-top:22px;\n\n  }\n\n\n  .rb-bookends-tags span{\n\n    padding:\n      8px\n      10px;\n\n    font-size:8px;\n\n  }\n\n\n  \/* LARGE IMAGE *\/\n\n  .rb-bookends-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-bookends-section{\n\n    padding:\n      4px\n      1px\n      48px;\n\n  }\n\n\n  .rb-bookends-section-label{\n\n    margin-bottom:12px;\n\n    font-size:8px;\n\n  }\n\n\n  .rb-bookends-section h2{\n\n    margin-bottom:20px;\n\n    font-size:30px;\n\n    line-height:1.07;\n\n  }\n\n\n  .rb-bookends-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 *\/\n\n  .rb-bookends-feature-grid{\n\n    grid-template-columns:1fr;\n\n    gap:8px;\n\n    margin-bottom:55px;\n\n  }\n\n\n  .rb-bookends-feature{\n\n    min-height:0;\n\n    padding:\n      20px\n      19px;\n\n    border-radius:18px;\n\n  }\n\n\n  .rb-bookends-feature-head{\n    margin-bottom:17px;\n  }\n\n\n  .rb-bookends-feature-icon{\n\n    width:34px;\n    height:34px;\n\n    font-size:15px;\n\n  }\n\n\n  .rb-bookends-feature h3{\n    font-size:18px;\n  }\n\n\n  .rb-bookends-feature p{\n\n    max-width:300px;\n\n    font-size:11px;\n\n  }\n\n\n  \/* STRIP *\/\n\n  .rb-bookends-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-bookends-strip-icon{\n\n    width:58px;\n    height:58px;\n\n    border-radius:\n      18px\n      18px\n      18px\n      6px;\n\n    padding-bottom:10px;\n\n  }\n\n\n  .rb-bookends-strip-icon span{\n    width:9px;\n  }\n\n\n  .rb-book-left{\n    height:23px;\n  }\n\n\n  .rb-book-center{\n    height:31px;\n  }\n\n\n  .rb-book-right{\n    height:27px;\n  }\n\n\n  .rb-bookends-strip-copy h3{\n    font-size:23px;\n  }\n\n\n  .rb-bookends-strip-copy p{\n    font-size:12px;\n  }\n\n\n  \/* BENEFITS *\/\n\n  .rb-bookends-benefits{\n\n    gap:8px;\n\n    margin-bottom:56px;\n\n  }\n\n\n  .rb-bookends-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-bookends-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-bookends-benefit-copy h3{\n    font-size:20px;\n  }\n\n\n  .rb-bookends-benefit-copy p{\n    font-size:11px;\n  }\n\n\n  .rb-bookends-benefit-symbol{\n    display:none;\n  }\n\n\n  \/* LIBRARY *\/\n\n  .rb-bookends-library{\n\n    margin-bottom:56px;\n\n    padding:\n      37px\n      23px;\n\n    border-radius:22px;\n\n  }\n\n\n  .rb-bookends-library-head h2{\n    font-size:30px;\n  }\n\n\n  .rb-bookends-library-head p{\n    font-size:12px;\n  }\n\n\n  .rb-bookends-library-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  .rb-bookends-library-item{\n\n    padding:\n      15px\n      13px;\n\n  }\n\n\n  .rb-bookends-library-item strong{\n    font-size:12px;\n  }\n\n\n  .rb-bookends-library-item span{\n    font-size:9px;\n  }\n\n\n  \/* FINAL *\/\n\n  .rb-bookends-final{\n    padding-bottom:70px;\n  }\n\n\n  .rb-bookends-final-label{\n    font-size:8px;\n  }\n\n\n  .rb-bookends-final h2{\n    font-size:30px;\n  }\n\n\n  .rb-bookends-final p{\n\n    font-size:14px;\n\n    line-height:1.7;\n\n  }\n\n\n  .rb-bookends-brand{\n\n    gap:9px;\n\n    margin-top:30px;\n\n  }\n\n\n  .rb-bookends-brand-name{\n    font-size:14px;\n  }\n\n\n  .rb-bookends-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-bookends-wrap{\n    padding:0 12px;\n  }\n\n\n  .rb-bookends-hero h1{\n    font-size:34px;\n  }\n\n\n  .rb-bookends-hero h1 strong{\n    font-size:31px;\n  }\n\n\n  .rb-bookends-section h2,\n  .rb-bookends-final h2{\n    font-size:28px;\n  }\n\n\n  .rb-bookends-library-head h2{\n    font-size:28px;\n  }\n\n\n  .rb-bookends-library{\n    padding:32px 18px;\n  }\n\n}\n\n\u003c\/style\u003e","brand":"Readbostu™","offers":[{"title":"1 pc","offer_id":50559194398978,"sku":"readbostu*1","price":19.43,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":50559194431746,"sku":"readbostu*2","price":34.52,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":50559194464514,"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_866476e9-9b2a-4478-a2b2-f6325fde4f93.png?v=1790675323"},{"product_id":"readbostu™-desktop-book-rack","title":"readbostu™ Desktop Book Rack","description":"\u003c!-- =========================================================\nREADBOSTU™ DESKTOP BOOK RACK\nShopify Custom Liquid\nBook Organization Collection\n3 × LARGE 1:1 IMAGE AREAS\n========================================================= --\u003e\n\u003csection class=\"rbr-page\"\u003e\n\u003cdiv class=\"rbr-wrap\"\u003e\n\u003c!-- =====================================================\n         HERO\n    ====================================================== --\u003e\n\u003csection class=\"rbr-hero\"\u003e\n\u003cdiv class=\"rbr-eyebrow\"\u003e\n\u003cspan class=\"rbr-dot\"\u003e\u003c\/span\u003e BOOK ORGANIZATION COLLECTION\u003c\/div\u003e\n\u003ch1\u003eOrganize Your Books.\u003cbr\u003e\u003cstrong\u003eInspire Your Reading Space.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eOrganize your favorite books with a compact desktop storage solution designed for modern reading spaces.\u003c\/p\u003e\n\u003cdiv class=\"rbr-tags\"\u003e\n\u003cspan\u003e📚 Book Storage\u003c\/span\u003e \u003cspan\u003e🌿 Organized Reading\u003c\/span\u003e \u003cspan\u003e✨ Compact Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         IMAGE 01\n         LARGE 1:1 — IMAGE ONLY\n    ====================================================== --\u003e\n\u003cdiv class=\"rbr-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/8_774e5cfd-a344-48b6-bc85-680b0ca64880.png?v=1790675419\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n         SECTION 01\n    ====================================================== --\u003e\n\u003csection class=\"rbr-section\"\u003e\n\u003cdiv class=\"rbr-section-number\"\u003e01 · ORGANIZED READING\u003c\/div\u003e\n\u003ch2\u003eGive Every Book \u003cspan\u003eA Place To Belong.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003ereadbostu™ Desktop Book Rack\u003c\/strong\u003e provides a convenient way to display and store books, magazines, and study materials while keeping them within easy reach.\u003c\/p\u003e\n\u003cp\u003ePlace your everyday reading materials together in one organized space and create a cleaner desktop that makes finding your next book simple and convenient.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         THREE SMALL FEATURE CARDS\n    ====================================================== --\u003e\n\u003csection class=\"rbr-feature-grid\"\u003e\n\u003carticle class=\"rbr-feature rbr-feature-green\"\u003e\n\u003cdiv class=\"rbr-feature-top\"\u003e\n\u003cdiv class=\"rbr-feature-icon\"\u003e📚\u003c\/div\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eEasy Book Organization\u003c\/h3\u003e\n\u003cp\u003eKeep favorite books and study materials together in one convenient place.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"rbr-feature rbr-feature-orange\"\u003e\n\u003cdiv class=\"rbr-feature-top\"\u003e\n\u003cdiv class=\"rbr-feature-icon\"\u003e↗\u003c\/div\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eBooks Within Easy Reach\u003c\/h3\u003e\n\u003cp\u003eDisplay everyday reading materials where they are easy to see and access.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"rbr-feature rbr-feature-blue\"\u003e\n\u003cdiv class=\"rbr-feature-top\"\u003e\n\u003cdiv class=\"rbr-feature-icon\"\u003e✦\u003c\/div\u003e\n\u003cspan\u003e03\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eCompact Desktop Design\u003c\/h3\u003e\n\u003cp\u003eAdd useful book storage without taking unnecessary space from your reading area.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         BOOK STRIP\n    ====================================================== --\u003e\n\u003csection class=\"rbr-book-strip\"\u003e\n\u003cdiv class=\"rbr-book-badge\"\u003eREAD\u003c\/div\u003e\n\u003cdiv class=\"rbr-book-copy\"\u003e\n\u003ch3\u003eFavorite Books. Always Close.\u003c\/h3\u003e\n\u003cp\u003eCreate a dedicated place for the stories, study materials, and everyday reads that are part of your learning routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rbr-book-art\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \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 — IMAGE ONLY\n    ====================================================== --\u003e\n\u003cdiv class=\"rbr-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/7_19cfa44a-b334-4792-8f3b-9214507d797e.png?v=1790675417\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n         SECTION 02\n    ====================================================== --\u003e\n\u003csection class=\"rbr-section\"\u003e\n\u003cdiv class=\"rbr-section-number\"\u003e02 · COMPACT DESKTOP STORAGE\u003c\/div\u003e\n\u003ch2\u003eMore Organization. \u003cspan\u003eLess Desktop Clutter.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eIts compact design fits naturally on desks, shelves, and reading corners without taking up unnecessary space.\u003c\/p\u003e\n\u003cp\u003eUse it to bring books, magazines, and study materials together while maintaining a cleaner and more inviting environment for reading and learning.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         STACKED BENEFITS\n    ====================================================== --\u003e\n\u003csection class=\"rbr-benefits\"\u003e\n\u003carticle class=\"rbr-benefit rbr-benefit-mint\"\u003e\n\u003cdiv class=\"rbr-benefit-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"rbr-benefit-copy\"\u003e\n\u003csmall\u003e ORGANIZE \u003c\/small\u003e\n\u003ch3\u003eCreate A Home For Favorite Books\u003c\/h3\u003e\n\u003cp\u003eKeep frequently used books and reading materials organized instead of scattered across your desktop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rbr-benefit-symbol\"\u003e📖\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"rbr-benefit rbr-benefit-yellow\"\u003e\n\u003cdiv class=\"rbr-benefit-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"rbr-benefit-copy\"\u003e\n\u003csmall\u003e DISPLAY \u003c\/small\u003e\n\u003ch3\u003eKeep Everyday Reads Easy To Find\u003c\/h3\u003e\n\u003cp\u003eDisplay books where they remain visible and convenient for your next reading or learning session.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rbr-benefit-symbol\"\u003e✦\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"rbr-benefit rbr-benefit-blue\"\u003e\n\u003cdiv class=\"rbr-benefit-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"rbr-benefit-copy\"\u003e\n\u003csmall\u003e COMPACT \u003c\/small\u003e\n\u003ch3\u003eOrganization Without Taking Over Your Desk\u003c\/h3\u003e\n\u003cp\u003eA compact format helps add useful book storage while maintaining space for everyday reading and study activities.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rbr-benefit-symbol\"\u003e↗\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         READING SPACE SECTION\n    ====================================================== --\u003e\n\u003csection class=\"rbr-space\"\u003e\n\u003cdiv class=\"rbr-space-head\"\u003e\n\u003csmall\u003e MADE FOR MODERN READING SPACES \u003c\/small\u003e\n\u003ch2\u003eOne Book Rack.\u003cbr\u003e\u003cspan\u003eMany Places To Read.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eBring simple book organization into the spaces where reading, learning, and everyday discovery happen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rbr-space-grid\"\u003e\n\u003cdiv class=\"rbr-space-item\"\u003e\n\u003cdiv class=\"rbr-space-number\"\u003e01\u003c\/div\u003e\n\u003cstrong\u003e Study Desk \u003c\/strong\u003e \u003cspan\u003e Organize daily reads \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rbr-space-item\"\u003e\n\u003cdiv class=\"rbr-space-number\"\u003e02\u003c\/div\u003e\n\u003cstrong\u003e Bookshelf \u003c\/strong\u003e \u003cspan\u003e Add compact storage \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rbr-space-item\"\u003e\n\u003cdiv class=\"rbr-space-number\"\u003e03\u003c\/div\u003e\n\u003cstrong\u003e Reading Corner \u003c\/strong\u003e \u003cspan\u003e Keep books nearby \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rbr-space-item\"\u003e\n\u003cdiv class=\"rbr-space-number\"\u003e04\u003c\/div\u003e\n\u003cstrong\u003e Learning Space \u003c\/strong\u003e \u003cspan\u003e Create better order \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         IMAGE 03\n         LARGE 1:1 — IMAGE ONLY\n    ====================================================== --\u003e\n\u003cdiv class=\"rbr-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/6_27bb8a4a-2817-4327-966f-7898f799e125.png?v=1790675417\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n         FINAL SECTION\n    ====================================================== --\u003e\n\u003csection class=\"rbr-final\"\u003e\n\u003cdiv class=\"rbr-final-label\"\u003e03 · CREATE YOUR READING SPACE\u003c\/div\u003e\n\u003ch2\u003eBetter Organization. \u003cspan\u003eMore Inspiring Reading.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eCreate a more organized and inspiring reading environment with \u003cstrong\u003ereadbostu™\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eFrom favorite stories and magazines to everyday study materials, keep the books that matter close to your reading space and ready whenever it is time to learn, explore, or simply enjoy a good book.\u003c\/p\u003e\n\u003cdiv class=\"rbr-brand\"\u003e\n\u003cdiv class=\"rbr-brand-name\"\u003eread\u003cspan\u003ebostu\u003c\/span\u003e™\u003c\/div\u003e\n\u003cdiv class=\"rbr-brand-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rbr-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™ DESKTOP BOOK RACK\n   BOOK ORGANIZATION VISUAL SYSTEM\n========================================================= *\/\n\n.rbr-page{\n\n  --rbr-green:#0f513f;\n  --rbr-green2:#176b50;\n\n  --rbr-orange:#e48a2a;\n  --rbr-orange2:#f2a33b;\n\n  --rbr-yellow:#f6cf67;\n  --rbr-mint:#dcebd3;\n\n  --rbr-blue:#78b8d7;\n  --rbr-blue-soft:#dceff5;\n\n  --rbr-cream:#fffaf0;\n\n  --rbr-text:#19372f;\n  --rbr-body:#61736c;\n\n  width:100%;\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 3% 7%,\n      rgba(228,138,42,.14),\n      transparent 22%\n    ),\n    radial-gradient(\n      circle at 98% 31%,\n      rgba(120,184,215,.14),\n      transparent 24%\n    ),\n    radial-gradient(\n      circle at 5% 72%,\n      rgba(134,166,109,.13),\n      transparent 25%\n    ),\n    #fffaf0;\n\n  color:var(--rbr-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.rbr-page *{\n  box-sizing:border-box;\n}\n\n\n.rbr-wrap{\n\n  width:100%;\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.rbr-hero{\n\n  max-width:900px;\n\n  padding:\n    78px\n    0\n    52px;\n\n}\n\n\n.rbr-eyebrow{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:11px;\n\n  margin-bottom:22px;\n\n  color:var(--rbr-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.rbr-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    3px;\n\n  background:var(--rbr-orange);\n\n  transform:rotate(-15deg);\n\n}\n\n\n.rbr-hero h1{\n\n  max-width:880px;\n\n  margin:0;\n\n  color:var(--rbr-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.rbr-hero h1 strong{\n\n  display:block;\n\n  margin-top:6px;\n\n  color:var(--rbr-orange);\n\n  font-weight:850;\n\n}\n\n\n.rbr-hero p{\n\n  max-width:690px;\n\n  margin:\n    27px\n    0\n    0;\n\n  color:var(--rbr-body);\n\n  font-size:17px;\n\n  line-height:1.75;\n\n}\n\n\n.rbr-tags{\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:8px;\n\n  margin-top:28px;\n\n}\n\n\n.rbr-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.rbr-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.rbr-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 SECTION\n========================================================= *\/\n\n.rbr-section{\n\n  max-width:850px;\n\n  padding:\n    8px\n    0\n    60px;\n\n}\n\n\n.rbr-section-number{\n\n  margin-bottom:14px;\n\n  color:var(--rbr-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.rbr-section h2{\n\n  max-width:720px;\n\n  margin:\n    0\n    0\n    24px;\n\n  color:var(--rbr-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.rbr-section h2 span{\n\n  display:block;\n\n  margin-top:4px;\n\n  color:var(--rbr-orange);\n\n}\n\n\n.rbr-section p{\n\n  max-width:760px;\n\n  margin:\n    0\n    0\n    16px;\n\n  color:var(--rbr-body);\n\n  font-size:16px;\n\n  line-height:1.8;\n\n}\n\n\n.rbr-section p strong{\n\n  color:var(--rbr-green);\n\n}\n\n\n\/* =========================================================\n   FEATURE CARDS\n========================================================= *\/\n\n.rbr-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.rbr-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.rbr-feature-green{\n\n  background:#dfeeda;\n\n  color:#174b3b;\n\n}\n\n\n.rbr-feature-orange{\n\n  background:#ffe3b8;\n\n  color:#70451f;\n\n}\n\n\n.rbr-feature-blue{\n\n  background:#dceff5;\n\n  color:#27576c;\n\n}\n\n\n.rbr-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.rbr-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.rbr-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.rbr-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.rbr-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   BOOK STRIP\n========================================================= *\/\n\n.rbr-book-strip{\n\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    100px\n    minmax(0,1fr)\n    175px;\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:\n    linear-gradient(\n      120deg,\n      #0e503e,\n      #17694f\n    );\n\n  color:#fff;\n\n}\n\n\n.rbr-book-strip::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:250px;\n  height:250px;\n\n  right:-80px;\n  top:-130px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(246,207,103,.20),\n      transparent 68%\n    );\n\n}\n\n\n.rbr-book-badge{\n\n  position:relative;\n\n  z-index:2;\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    22px\n    22px\n    22px\n    6px;\n\n  background:var(--rbr-orange);\n\n  color:#fff;\n\n  font-size:10px;\n\n  font-weight:900;\n\n  letter-spacing:.12em;\n\n}\n\n\n.rbr-book-copy{\n\n  position:relative;\n\n  z-index:2;\n\n  min-width:0;\n\n}\n\n\n.rbr-book-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.rbr-book-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\/* BOOK GRAPHIC *\/\n\n.rbr-book-art{\n\n  position:relative;\n\n  z-index:2;\n\n  display:flex;\n\n  align-items:flex-end;\n\n  justify-content:flex-end;\n\n  gap:6px;\n\n  width:150px;\n  height:95px;\n\n}\n\n\n.rbr-book-art span{\n\n  display:block;\n\n  border-radius:\n    5px\n    5px\n    2px\n    2px;\n\n}\n\n\n.rbr-book-art span:nth-child(1){\n\n  width:24px;\n  height:72px;\n\n  background:var(--rbr-orange);\n\n}\n\n\n.rbr-book-art span:nth-child(2){\n\n  width:27px;\n  height:90px;\n\n  background:var(--rbr-yellow);\n\n}\n\n\n.rbr-book-art span:nth-child(3){\n\n  width:24px;\n  height:62px;\n\n  background:var(--rbr-blue);\n\n}\n\n\n.rbr-book-art span:nth-child(4){\n\n  width:28px;\n  height:80px;\n\n  background:#dcebd3;\n\n}\n\n\n\/* =========================================================\n   STACKED BENEFITS\n========================================================= *\/\n\n.rbr-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.rbr-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.rbr-benefit-mint{\n\n  background:#dcebd3;\n\n  color:#174a39;\n\n}\n\n\n.rbr-benefit-yellow{\n\n  background:#ffe4a1;\n\n  color:#60451f;\n\n}\n\n\n.rbr-benefit-blue{\n\n  background:#d8edf5;\n\n  color:#24556b;\n\n}\n\n\n.rbr-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.rbr-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.rbr-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.rbr-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.rbr-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 SPACE\n========================================================= *\/\n\n.rbr-space{\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.rbr-space::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:310px;\n  height:310px;\n\n  right:-150px;\n  top:-180px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(246,207,103,.25),\n      rgba(228,138,42,.08),\n      transparent 70%\n    );\n\n}\n\n\n.rbr-space::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.rbr-space-head{\n\n  position:relative;\n\n  z-index:2;\n\n  max-width:720px;\n\n}\n\n\n.rbr-space-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.rbr-space-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.rbr-space-head h2 span{\n\n  color:#ffb34e;\n\n}\n\n\n.rbr-space-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.rbr-space-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.rbr-space-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.rbr-space-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(--rbr-orange);\n\n  font-size:8px;\n\n  font-weight:900;\n\n}\n\n\n.rbr-space-item strong{\n\n  display:block;\n\n  margin-bottom:5px;\n\n  font-size:14px;\n\n}\n\n\n.rbr-space-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.rbr-final{\n\n  max-width:850px;\n\n  padding:\n    5px\n    0\n    95px;\n\n}\n\n\n.rbr-final-label{\n\n  margin-bottom:14px;\n\n  color:var(--rbr-orange);\n\n  font-size:10px;\n\n  font-weight:900;\n\n  letter-spacing:.17em;\n\n}\n\n\n.rbr-final h2{\n\n  max-width:720px;\n\n  margin:\n    0\n    0\n    24px;\n\n  color:var(--rbr-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.rbr-final h2 span{\n\n  display:block;\n\n  color:var(--rbr-orange);\n\n}\n\n\n.rbr-final p{\n\n  max-width:760px;\n\n  margin:\n    0\n    0\n    16px;\n\n  color:var(--rbr-body);\n\n  font-size:16px;\n\n  line-height:1.8;\n\n}\n\n\n.rbr-final p strong{\n\n  color:var(--rbr-green);\n\n}\n\n\n\/* =========================================================\n   BRAND SIGNATURE\n========================================================= *\/\n\n.rbr-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.rbr-brand-name{\n\n  flex:0 0 auto;\n\n  color:var(--rbr-green);\n\n  font-size:18px;\n\n  font-weight:900;\n\n  letter-spacing:-.03em;\n\n}\n\n\n.rbr-brand-name span{\n\n  color:var(--rbr-orange);\n\n}\n\n\n.rbr-brand-line{\n\n  flex:1;\n\n  min-width:30px;\n\n  height:2px;\n\n  border-radius:100px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--rbr-green),\n      var(--rbr-orange),\n      var(--rbr-yellow),\n      var(--rbr-blue),\n      transparent\n    );\n\n}\n\n\n.rbr-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  .rbr-wrap{\n\n    padding:\n      0\n      18px;\n\n  }\n\n\n  .rbr-hero{\n\n    padding:\n      62px\n      0\n      44px;\n\n  }\n\n\n  .rbr-feature-grid{\n\n    gap:9px;\n\n  }\n\n\n  .rbr-feature{\n\n    padding:\n      20px\n      17px;\n\n  }\n\n\n  .rbr-book-strip{\n\n    grid-template-columns:\n      80px\n      minmax(0,1fr);\n\n  }\n\n\n  .rbr-book-art{\n\n    display:none;\n\n  }\n\n\n  .rbr-space-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  .rbr-wrap{\n\n    padding:\n      0\n      15px;\n\n  }\n\n\n  \/* HERO *\/\n\n  .rbr-hero{\n\n    padding:\n      48px\n      0\n      35px;\n\n  }\n\n\n  .rbr-eyebrow{\n\n    margin-bottom:16px;\n\n    font-size:8px;\n\n    letter-spacing:.13em;\n\n  }\n\n\n  .rbr-dot{\n\n    width:9px;\n    height:9px;\n\n    flex-basis:9px;\n\n  }\n\n\n  .rbr-hero h1{\n\n    font-size:37px;\n\n    line-height:1.03;\n\n  }\n\n\n  .rbr-hero h1 strong{\n\n    font-size:34px;\n\n  }\n\n\n  .rbr-hero p{\n\n    margin-top:20px;\n\n    font-size:14px;\n\n    line-height:1.7;\n\n  }\n\n\n  .rbr-tags{\n\n    gap:5px;\n\n    margin-top:22px;\n\n  }\n\n\n  .rbr-tags span{\n\n    padding:\n      8px\n      10px;\n\n    font-size:8px;\n\n  }\n\n\n  \/* IMAGE *\/\n\n  .rbr-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  \/* CONTENT *\/\n\n  .rbr-section{\n\n    padding:\n      4px\n      1px\n      48px;\n\n  }\n\n\n  .rbr-section-number{\n\n    margin-bottom:12px;\n\n    font-size:8px;\n\n  }\n\n\n  .rbr-section h2{\n\n    margin-bottom:20px;\n\n    font-size:30px;\n\n    line-height:1.07;\n\n  }\n\n\n  .rbr-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  .rbr-feature-grid{\n\n    grid-template-columns:1fr;\n\n    gap:8px;\n\n    margin-bottom:55px;\n\n  }\n\n\n  .rbr-feature{\n\n    min-height:0;\n\n    padding:\n      20px\n      19px;\n\n    border-radius:18px;\n\n  }\n\n\n  .rbr-feature-top{\n\n    margin-bottom:17px;\n\n  }\n\n\n  .rbr-feature-icon{\n\n    width:34px;\n    height:34px;\n\n    font-size:15px;\n\n  }\n\n\n  .rbr-feature h3{\n\n    font-size:18px;\n\n  }\n\n\n  .rbr-feature p{\n\n    max-width:310px;\n\n    font-size:11px;\n\n  }\n\n\n  \/* BOOK STRIP *\/\n\n  .rbr-book-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  .rbr-book-badge{\n\n    width:57px;\n    height:57px;\n\n    border-radius:\n      17px\n      17px\n      17px\n      5px;\n\n    font-size:8px;\n\n  }\n\n\n  .rbr-book-copy h3{\n\n    font-size:23px;\n\n  }\n\n\n  .rbr-book-copy p{\n\n    font-size:12px;\n\n  }\n\n\n  \/* BENEFITS *\/\n\n  .rbr-benefits{\n\n    gap:8px;\n\n    margin-bottom:56px;\n\n  }\n\n\n  .rbr-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  .rbr-benefit-number{\n\n    width:42px;\n    height:42px;\n\n    border-radius:13px;\n\n    font-size:9px;\n\n  }\n\n\n  .rbr-benefit-copy h3{\n\n    font-size:20px;\n\n  }\n\n\n  .rbr-benefit-copy p{\n\n    font-size:11px;\n\n  }\n\n\n  .rbr-benefit-symbol{\n\n    display:none;\n\n  }\n\n\n  \/* READING SPACE *\/\n\n  .rbr-space{\n\n    margin-bottom:56px;\n\n    padding:\n      37px\n      23px;\n\n    border-radius:22px;\n\n  }\n\n\n  .rbr-space-head h2{\n\n    font-size:30px;\n\n  }\n\n\n  .rbr-space-head p{\n\n    font-size:12px;\n\n  }\n\n\n  .rbr-space-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  .rbr-space-item{\n\n    padding:\n      15px\n      13px;\n\n  }\n\n\n  .rbr-space-item strong{\n\n    font-size:12px;\n\n  }\n\n\n  .rbr-space-item span{\n\n    font-size:9px;\n\n  }\n\n\n  \/* FINAL *\/\n\n  .rbr-final{\n\n    padding-bottom:70px;\n\n  }\n\n\n  .rbr-final-label{\n\n    font-size:8px;\n\n  }\n\n\n  .rbr-final h2{\n\n    font-size:30px;\n\n  }\n\n\n  .rbr-final p{\n\n    font-size:14px;\n\n    line-height:1.7;\n\n  }\n\n\n  .rbr-brand{\n\n    gap:9px;\n\n    margin-top:30px;\n\n  }\n\n\n  .rbr-brand-name{\n\n    font-size:14px;\n\n  }\n\n\n  .rbr-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  .rbr-wrap{\n\n    padding:\n      0\n      12px;\n\n  }\n\n\n  .rbr-hero h1{\n\n    font-size:33px;\n\n  }\n\n\n  .rbr-hero h1 strong{\n\n    font-size:30px;\n\n  }\n\n\n  .rbr-section h2,\n  .rbr-final h2{\n\n    font-size:28px;\n\n  }\n\n\n  .rbr-space-head h2{\n\n    font-size:28px;\n\n  }\n\n\n  .rbr-space{\n\n    padding:\n      32px\n      18px;\n\n  }\n\n}\n\n\u003c\/style\u003e","brand":"Readbostu™","offers":[{"title":"1 pc","offer_id":50559197217026,"sku":"readbostu*1","price":24.65,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":50559197249794,"sku":"readbostu*2","price":44.65,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":50559197282562,"sku":"readbostu*4","price":79.43,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/1_b9d61c4c-d821-47ac-a561-485f6b654b94.png?v=1790675325"},{"product_id":"readbostu™-book-storage-holder","title":"readbostu™ Book Storage Holder","description":"\u003c!-- =========================================================\nREADBOSTU™ BOOK STORAGE HOLDER\nShopify Custom Liquid\nBook Organization Collection\n3 × LARGE 1:1 IMAGE AREAS\n========================================================= --\u003e\n\u003csection class=\"rb-bsh-page\"\u003e\n\u003cdiv class=\"rb-bsh-wrap\"\u003e\n\u003c!-- =====================================================\n         HERO\n    ====================================================== --\u003e\n\u003csection class=\"rb-bsh-hero\"\u003e\n\u003cdiv class=\"rb-bsh-eyebrow\"\u003e\n\u003cspan class=\"rb-bsh-dot\"\u003e\u003c\/span\u003e BOOK ORGANIZATION COLLECTION\u003c\/div\u003e\n\u003ch1\u003eOrganize Every Book.\u003cbr\u003e\u003cstrong\u003eCreate Space To Learn.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eCreate a more organized reading space with a practical storage solution designed for books, notebooks, and everyday study materials.\u003c\/p\u003e\n\u003cdiv class=\"rb-bsh-tags\"\u003e\n\u003cspan\u003e📚 Book Organization\u003c\/span\u003e \u003cspan\u003e✏️ Study Materials\u003c\/span\u003e \u003cspan\u003e🌿 Cleaner Learning Space\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         IMAGE 01 — 1:1\n         IMAGE ONLY\n    ====================================================== --\u003e\n\u003cdiv class=\"rb-bsh-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/8_2a0386d2-93c8-45f8-ae33-3a1f4ee0f182.png?v=1790675474\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n         SECTION 01\n    ====================================================== --\u003e\n\u003csection class=\"rb-bsh-section\"\u003e\n\u003cdiv class=\"rb-bsh-section-number\"\u003e01 · ORGANIZE YOUR READING SPACE\u003c\/div\u003e\n\u003ch2\u003eA Better Place \u003cspan\u003eFor Every Book.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003ereadbostu™ Book Storage Holder\u003c\/strong\u003e helps keep textbooks, magazines, notebooks, and frequently used reading materials neatly arranged and easy to access.\u003c\/p\u003e\n\u003cp\u003eBring loose books and study materials together in one dedicated organization area and create a cleaner foundation for reading, homework, and everyday learning.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         FEATURE CARDS\n    ====================================================== --\u003e\n\u003csection class=\"rb-bsh-feature-grid\"\u003e\u003c!-- FEATURE 01 --\u003e\n\u003carticle class=\"rb-bsh-feature rb-bsh-feature-green\"\u003e\n\u003cdiv class=\"rb-bsh-feature-top\"\u003e\n\u003cdiv class=\"rb-bsh-feature-icon\"\u003e▥\u003c\/div\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eCategorized Storage\u003c\/h3\u003e\n\u003cp\u003eSeparate books and study materials into practical sections for easier organization.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 02 --\u003e\n\u003carticle class=\"rb-bsh-feature rb-bsh-feature-orange\"\u003e\n\u003cdiv class=\"rb-bsh-feature-top\"\u003e\n\u003cdiv class=\"rb-bsh-feature-icon\"\u003e📖\u003c\/div\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eEasy Book Access\u003c\/h3\u003e\n\u003cp\u003eKeep frequently used books visible and conveniently ready for everyday reading.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 03 --\u003e\n\u003carticle class=\"rb-bsh-feature rb-bsh-feature-blue\"\u003e\n\u003cdiv class=\"rb-bsh-feature-top\"\u003e\n\u003cdiv class=\"rb-bsh-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\u003eReduce loose books and notebooks across your everyday learning surface.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         ORGANIZATION STRIP\n    ====================================================== --\u003e\n\u003csection class=\"rb-bsh-strip\"\u003e\n\u003cdiv class=\"rb-bsh-strip-badge\"\u003eREAD\u003c\/div\u003e\n\u003cdiv class=\"rb-bsh-strip-copy\"\u003e\n\u003ch3\u003eOrganized Books. Clearer Learning.\u003c\/h3\u003e\n\u003cp\u003eGive textbooks, notebooks, magazines, and favorite reads their own place and create a learning space that feels calmer, cleaner, and ready to use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-bsh-books-art\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \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 — 1:1\n         IMAGE ONLY\n    ====================================================== --\u003e\n\u003cdiv class=\"rb-bsh-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/6_97a6923d-f668-4510-bbdb-2312cc60ca46.png?v=1790675473\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n         SECTION 02\n    ====================================================== --\u003e\n\u003csection class=\"rb-bsh-section\"\u003e\n\u003cdiv class=\"rb-bsh-section-number\"\u003e02 · DESIGNED FOR ORGANIZED LEARNING\u003c\/div\u003e\n\u003ch2\u003eSort Your Books. \u003cspan\u003eSimplify Your Space.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFeaturing a stable structure and categorized storage design, the readbostu™ Book Storage Holder helps organize frequently used reading and study materials in one convenient place.\u003c\/p\u003e\n\u003cp\u003eUse the separated storage areas to arrange different books, notebooks, magazines, and learning materials while helping reduce unnecessary desktop clutter.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         STACKED BENEFITS\n    ====================================================== --\u003e\n\u003csection class=\"rb-bsh-benefits\"\u003e\u003c!-- BENEFIT 01 --\u003e\n\u003carticle class=\"rb-bsh-benefit rb-bsh-benefit-mint\"\u003e\n\u003cdiv class=\"rb-bsh-benefit-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"rb-bsh-benefit-copy\"\u003e\n\u003csmall\u003e ORGANIZE \u003c\/small\u003e\n\u003ch3\u003eGive Every Book Its Own Place\u003c\/h3\u003e\n\u003cp\u003eArrange different reading and learning materials into dedicated sections instead of leaving them scattered across your study space.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-bsh-benefit-symbol\"\u003e▥\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 02 --\u003e\n\u003carticle class=\"rb-bsh-benefit rb-bsh-benefit-yellow\"\u003e\n\u003cdiv class=\"rb-bsh-benefit-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"rb-bsh-benefit-copy\"\u003e\n\u003csmall\u003e ACCESS \u003c\/small\u003e\n\u003ch3\u003eFind Your Next Read More Easily\u003c\/h3\u003e\n\u003cp\u003eKeep frequently used textbooks, notebooks, magazines, and favorite reading materials organized and easy to reach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-bsh-benefit-symbol\"\u003e↗\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 03 --\u003e\n\u003carticle class=\"rb-bsh-benefit rb-bsh-benefit-blue\"\u003e\n\u003cdiv class=\"rb-bsh-benefit-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"rb-bsh-benefit-copy\"\u003e\n\u003csmall\u003e SPACE \u003c\/small\u003e\n\u003ch3\u003eBuild A Cleaner Learning Environment\u003c\/h3\u003e\n\u003cp\u003eBring loose study materials together and create a more organized area for reading, writing, homework, and everyday learning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-bsh-benefit-symbol\"\u003e✦\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         BOOK ORGANIZATION SYSTEM\n    ====================================================== --\u003e\n\u003csection class=\"rb-bsh-system\"\u003e\n\u003cdiv class=\"rb-bsh-system-head\"\u003e\n\u003csmall\u003e DESIGNED AROUND EVERYDAY READING \u003c\/small\u003e\n\u003ch2\u003eOne Organized Space.\u003cbr\u003e\u003cspan\u003eMany Things To Learn.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eBring the books and materials that support everyday learning together in one practical organization space.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-bsh-system-grid\"\u003e\n\u003c!-- ITEM 01 --\u003e\n\u003cdiv class=\"rb-bsh-system-item\"\u003e\n\u003cdiv class=\"rb-bsh-system-num\"\u003e01\u003c\/div\u003e\n\u003cstrong\u003e Textbooks \u003c\/strong\u003e \u003cspan\u003e Everyday study \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- ITEM 02 --\u003e\n\u003cdiv class=\"rb-bsh-system-item\"\u003e\n\u003cdiv class=\"rb-bsh-system-num\"\u003e02\u003c\/div\u003e\n\u003cstrong\u003e Notebooks \u003c\/strong\u003e \u003cspan\u003e Notes \u0026amp; homework \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- ITEM 03 --\u003e\n\u003cdiv class=\"rb-bsh-system-item\"\u003e\n\u003cdiv class=\"rb-bsh-system-num\"\u003e03\u003c\/div\u003e\n\u003cstrong\u003e Magazines \u003c\/strong\u003e \u003cspan\u003e Reading \u0026amp; ideas \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- ITEM 04 --\u003e\n\u003cdiv class=\"rb-bsh-system-item\"\u003e\n\u003cdiv class=\"rb-bsh-system-num\"\u003e04\u003c\/div\u003e\n\u003cstrong\u003e Favorites \u003c\/strong\u003e \u003cspan\u003e Books you love \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         IMAGE 03 — 1:1\n         IMAGE ONLY\n    ====================================================== --\u003e\n\u003cdiv class=\"rb-bsh-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/7_44ac2efb-01ad-44ab-b5c1-97ab6549313c.png?v=1790675473\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n         FINAL SECTION\n    ====================================================== --\u003e\n\u003csection class=\"rb-bsh-final\"\u003e\n\u003cdiv class=\"rb-bsh-final-label\"\u003e03 · BUILD YOUR READING CORNER\u003c\/div\u003e\n\u003ch2\u003eLess Book Clutter. \u003cspan\u003eMore Room To Learn.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether placed on a study desk, bookshelf, or reading corner, \u003cstrong\u003ereadbostu™\u003c\/strong\u003e helps build a more organized and inspiring space for learning and reading.\u003c\/p\u003e\n\u003cp\u003eKeep the materials you use most often neatly arranged, easier to access, and ready for your next study session or quiet reading moment.\u003c\/p\u003e\n\u003cdiv class=\"rb-bsh-brand\"\u003e\n\u003cdiv class=\"rb-bsh-brand-name\"\u003eread\u003cspan\u003ebostu\u003c\/span\u003e™\u003c\/div\u003e\n\u003cdiv class=\"rb-bsh-brand-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rb-bsh-brand-copy\"\u003eORGANIZE · READ · LEARN\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 STORAGE HOLDER\n   BOOK ORGANIZATION VISUAL SYSTEM\n========================================================= *\/\n\n.rb-bsh-page{\n\n  --green:#0f513f;\n  --green2:#176b50;\n\n  --orange:#e48a2a;\n  --orange2:#f3a33b;\n\n  --sage:#86a66d;\n\n  --mint:#dcebd3;\n  --mint2:#e8f3e1;\n\n  --yellow:#f6cf67;\n  --yellow2:#ffe4a1;\n\n  --blue:#78b8d7;\n  --blue2:#d8edf5;\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% 30%,\n      rgba(120,184,215,.14),\n      transparent 24%\n    ),\n\n    radial-gradient(\n      circle at 8% 72%,\n      rgba(134,166,109,.13),\n      transparent 24%\n    ),\n\n    var(--cream);\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.rb-bsh-page *{\n  box-sizing:border-box;\n}\n\n\n.rb-bsh-wrap{\n\n  width:100%;\n  max-width:1180px;\n\n  margin:auto;\n\n  padding:0 28px;\n\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.rb-bsh-hero{\n\n  max-width:900px;\n\n  padding:\n    78px\n    0\n    52px;\n\n}\n\n\n.rb-bsh-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.rb-bsh-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(-18deg);\n\n  box-shadow:\n    0 0 0 5px\n    rgba(228,138,42,.10);\n\n}\n\n\n.rb-bsh-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.rb-bsh-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.rb-bsh-hero p{\n\n  max-width:700px;\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.rb-bsh-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-bsh-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.rb-bsh-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 22px 60px\n    rgba(43,71,58,.10);\n\n}\n\n\n.rb-bsh-image img{\n\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n}\n\n\n\/* =========================================================\n   CONTENT SECTIONS\n========================================================= *\/\n\n.rb-bsh-section{\n\n  max-width:850px;\n\n  padding:\n    8px\n    0\n    60px;\n\n}\n\n\n.rb-bsh-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.rb-bsh-section h2{\n\n  max-width:760px;\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.rb-bsh-section h2 span{\n\n  display:block;\n\n  margin-top:4px;\n\n  color:var(--orange);\n\n}\n\n\n.rb-bsh-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.rb-bsh-section p strong{\n  color:var(--green);\n}\n\n\n\/* =========================================================\n   FEATURE CARDS\n========================================================= *\/\n\n.rb-bsh-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.rb-bsh-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-bsh-feature-green{\n\n  background:#dfeeda;\n\n  color:#174b3b;\n\n}\n\n\n.rb-bsh-feature-orange{\n\n  background:#ffe3b8;\n\n  color:#70451f;\n\n}\n\n\n.rb-bsh-feature-blue{\n\n  background:#dceff5;\n\n  color:#27576c;\n\n}\n\n\n.rb-bsh-feature-top{\n\n  display:flex;\n\n  justify-content:space-between;\n  align-items:center;\n\n  margin-bottom:24px;\n\n}\n\n\n.rb-bsh-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-bsh-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,.72);\n\n  font-size:16px;\n\n  font-weight:900;\n\n}\n\n\n.rb-bsh-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-bsh-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   BOOK STRIP\n========================================================= *\/\n\n.rb-bsh-strip{\n\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    100px\n    minmax(0,1fr)\n    190px;\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:\n    linear-gradient(\n      135deg,\n      #0f513f,\n      #176b50\n    );\n\n  color:#fff;\n\n}\n\n\n.rb-bsh-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:10px;\n\n  font-weight:900;\n\n  letter-spacing:.13em;\n\n}\n\n\n.rb-bsh-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.rb-bsh-strip-copy p{\n\n  max-width:590px;\n\n  margin:0;\n\n  color:\n    rgba(255,255,255,.74);\n\n  font-size:13px;\n\n  line-height:1.7;\n\n}\n\n\n\/* BOOK GRAPHIC *\/\n\n.rb-bsh-books-art{\n\n  position:relative;\n\n  width:180px;\n  height:105px;\n\n}\n\n\n.rb-bsh-books-art span{\n\n  position:absolute;\n\n  bottom:0;\n\n  display:block;\n\n  border-radius:\n    5px\n    5px\n    2px\n    2px;\n\n}\n\n\n.rb-bsh-books-art span:nth-child(1){\n\n  left:5px;\n\n  width:27px;\n  height:78px;\n\n  background:#f6cf67;\n\n  transform:rotate(-5deg);\n\n}\n\n\n.rb-bsh-books-art span:nth-child(2){\n\n  left:40px;\n\n  width:32px;\n  height:91px;\n\n  background:#e48a2a;\n\n}\n\n\n.rb-bsh-books-art span:nth-child(3){\n\n  left:81px;\n\n  width:28px;\n  height:68px;\n\n  background:#78b8d7;\n\n  transform:rotate(4deg);\n\n}\n\n\n.rb-bsh-books-art span:nth-child(4){\n\n  left:118px;\n\n  width:30px;\n  height:88px;\n\n  background:#a8c58d;\n\n}\n\n\n.rb-bsh-books-art span:nth-child(5){\n\n  left:155px;\n\n  width:25px;\n  height:60px;\n\n  background:#f4b65f;\n\n  transform:rotate(5deg);\n\n}\n\n\n\/* =========================================================\n   BENEFITS\n========================================================= *\/\n\n.rb-bsh-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-bsh-benefit{\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-bsh-benefit-mint{\n\n  background:#dcebd3;\n\n  color:#174a39;\n\n}\n\n\n.rb-bsh-benefit-yellow{\n\n  background:#ffe4a1;\n\n  color:#60451f;\n\n}\n\n\n.rb-bsh-benefit-blue{\n\n  background:#d8edf5;\n\n  color:#24556b;\n\n}\n\n\n.rb-bsh-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-bsh-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-bsh-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.rb-bsh-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-bsh-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:900;\n\n}\n\n\n\/* =========================================================\n   BOOK ORGANIZATION SYSTEM\n========================================================= *\/\n\n.rb-bsh-system{\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-bsh-system::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:320px;\n  height:320px;\n\n  right:-160px;\n  top:-190px;\n\n  border-radius:50%;\n\n  background:\n    rgba(244,157,54,.18);\n\n}\n\n\n.rb-bsh-system::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:190px;\n  height:190px;\n\n  left:-110px;\n  bottom:-110px;\n\n  border-radius:50%;\n\n  background:\n    rgba(120,184,215,.14);\n\n}\n\n\n.rb-bsh-system-head{\n\n  position:relative;\n\n  z-index:2;\n\n  max-width:720px;\n\n}\n\n\n.rb-bsh-system-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-bsh-system-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.rb-bsh-system-head h2 span{\n  color:#ffb34e;\n}\n\n\n.rb-bsh-system-head p{\n\n  max-width:620px;\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-bsh-system-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.rb-bsh-system-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-bsh-system-num{\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.rb-bsh-system-item strong{\n\n  display:block;\n\n  margin-bottom:5px;\n\n  font-size:14px;\n\n}\n\n\n.rb-bsh-system-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.rb-bsh-final{\n\n  max-width:850px;\n\n  padding:\n    5px\n    0\n    95px;\n\n}\n\n\n.rb-bsh-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.rb-bsh-final h2{\n\n  max-width:760px;\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.rb-bsh-final h2 span{\n\n  display:block;\n\n  color:var(--orange);\n\n}\n\n\n.rb-bsh-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.rb-bsh-final p strong{\n  color:var(--green);\n}\n\n\n\/* BRAND LINE *\/\n\n.rb-bsh-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-bsh-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.rb-bsh-brand-name span{\n  color:var(--orange);\n}\n\n\n.rb-bsh-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.rb-bsh-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-bsh-wrap{\n    padding:0 18px;\n  }\n\n\n  .rb-bsh-hero{\n    padding:62px 0 44px;\n  }\n\n\n  .rb-bsh-feature-grid{\n    gap:9px;\n  }\n\n\n  .rb-bsh-feature{\n    padding:20px 17px;\n  }\n\n\n  .rb-bsh-strip{\n\n    grid-template-columns:\n      80px\n      minmax(0,1fr);\n\n  }\n\n\n  .rb-bsh-books-art{\n    display:none;\n  }\n\n\n  .rb-bsh-system-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  .rb-bsh-wrap{\n    padding:0 15px;\n  }\n\n\n  \/* HERO *\/\n\n  .rb-bsh-hero{\n    padding:48px 0 35px;\n  }\n\n\n  .rb-bsh-eyebrow{\n\n    margin-bottom:16px;\n\n    font-size:8px;\n\n    letter-spacing:.13em;\n\n  }\n\n\n  .rb-bsh-dot{\n\n    width:9px;\n    height:9px;\n\n    flex-basis:9px;\n\n  }\n\n\n  .rb-bsh-hero h1{\n\n    font-size:38px;\n\n    line-height:1.02;\n\n  }\n\n\n  .rb-bsh-hero h1 strong{\n    font-size:36px;\n  }\n\n\n  .rb-bsh-hero p{\n\n    margin-top:20px;\n\n    font-size:14px;\n\n    line-height:1.7;\n\n  }\n\n\n  .rb-bsh-tags{\n\n    gap:5px;\n\n    margin-top:22px;\n\n  }\n\n\n  .rb-bsh-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-bsh-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-bsh-section{\n\n    padding:\n      4px\n      1px\n      48px;\n\n  }\n\n\n  .rb-bsh-section-number{\n\n    margin-bottom:12px;\n\n    font-size:8px;\n\n  }\n\n\n  .rb-bsh-section h2{\n\n    margin-bottom:20px;\n\n    font-size:30px;\n\n    line-height:1.07;\n\n  }\n\n\n  .rb-bsh-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 *\/\n\n  .rb-bsh-feature-grid{\n\n    grid-template-columns:1fr;\n\n    gap:8px;\n\n    margin-bottom:55px;\n\n  }\n\n\n  .rb-bsh-feature{\n\n    min-height:0;\n\n    padding:\n      20px\n      19px;\n\n    border-radius:18px;\n\n  }\n\n\n  .rb-bsh-feature-top{\n    margin-bottom:17px;\n  }\n\n\n  .rb-bsh-feature-icon{\n\n    width:34px;\n    height:34px;\n\n    font-size:15px;\n\n  }\n\n\n  .rb-bsh-feature h3{\n    font-size:18px;\n  }\n\n\n  .rb-bsh-feature p{\n\n    max-width:310px;\n\n    font-size:11px;\n\n  }\n\n\n  \/* STRIP *\/\n\n  .rb-bsh-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-bsh-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  .rb-bsh-strip-copy h3{\n    font-size:23px;\n  }\n\n\n  .rb-bsh-strip-copy p{\n    font-size:12px;\n  }\n\n\n  \/* BENEFITS *\/\n\n  .rb-bsh-benefits{\n\n    gap:8px;\n\n    margin-bottom:56px;\n\n  }\n\n\n  .rb-bsh-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-bsh-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-bsh-benefit-copy h3{\n    font-size:20px;\n  }\n\n\n  .rb-bsh-benefit-copy p{\n    font-size:11px;\n  }\n\n\n  .rb-bsh-benefit-symbol{\n    display:none;\n  }\n\n\n  \/* SYSTEM *\/\n\n  .rb-bsh-system{\n\n    margin-bottom:56px;\n\n    padding:\n      37px\n      23px;\n\n    border-radius:22px;\n\n  }\n\n\n  .rb-bsh-system-head h2{\n    font-size:30px;\n  }\n\n\n  .rb-bsh-system-head p{\n    font-size:12px;\n  }\n\n\n  .rb-bsh-system-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  .rb-bsh-system-item{\n\n    padding:\n      15px\n      13px;\n\n  }\n\n\n  .rb-bsh-system-item strong{\n    font-size:12px;\n  }\n\n\n  .rb-bsh-system-item span{\n    font-size:9px;\n  }\n\n\n  \/* FINAL *\/\n\n  .rb-bsh-final{\n    padding-bottom:70px;\n  }\n\n\n  .rb-bsh-final-label{\n    font-size:8px;\n  }\n\n\n  .rb-bsh-final h2{\n    font-size:30px;\n  }\n\n\n  .rb-bsh-final p{\n\n    font-size:14px;\n\n    line-height:1.7;\n\n  }\n\n\n  .rb-bsh-brand{\n\n    gap:9px;\n\n    margin-top:30px;\n\n  }\n\n\n  .rb-bsh-brand-name{\n    font-size:14px;\n  }\n\n\n  .rb-bsh-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-bsh-wrap{\n    padding:0 12px;\n  }\n\n\n  .rb-bsh-hero h1{\n    font-size:34px;\n  }\n\n\n  .rb-bsh-hero h1 strong{\n    font-size:32px;\n  }\n\n\n  .rb-bsh-section h2,\n  .rb-bsh-final h2{\n    font-size:28px;\n  }\n\n\n  .rb-bsh-system-head h2{\n    font-size:28px;\n  }\n\n\n  .rb-bsh-system{\n    padding:32px 18px;\n  }\n\n}\n\n\u003c\/style\u003e","brand":"Readbostu™","offers":[{"title":"1 pc","offer_id":50559198298370,"sku":"readbostu*1","price":24.43,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":50559198331138,"sku":"readbostu*2","price":39.32,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":50559198363906,"sku":"readbostu*4","price":69.32,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/1_108eead8-60a6-41f4-b142-70f73d08fdc4.png?v=1790675325"}],"url":"https:\/\/readbostu.com\/collections\/%f0%9f%93%9a-book-organization.oembed","provider":"Readbostu™","version":"1.0","type":"link"}