{"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","url":"https:\/\/readbostu.com\/products\/readbostu%e2%84%a2-desktop-book-rack","provider":"Readbostu™","version":"1.0","type":"link"}