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