{"product_id":"wooden-reading-progress-tracker","title":"Wooden Reading Progress Tracker","description":"\u003cdiv class=\"product-set-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* Design System (CSS Variables) - Bookish \u0026 Warm Theme *\/\n    .product-set-container {\n      --primary: #4E342E; \/* Deep Wood Brown - Elegant, classic *\/\n      --primary-hover: #3E2723;\n      --accent: #B07D62; \/* Warm Amber\/Terracotta - Cozy, inviting *\/\n      --accent-light: #E6CCB2; \/* Light Tan *\/\n      --text-main: #2D2320; \/* Dark Espresso *\/\n      --text-sub: #5D4037; \/* Medium Brown *\/\n      --bg-body: #FDFBF7; \/* Old Paper \/ Warm Cream *\/\n      --bg-card: #FFFFFF;\n      --border-color: #EAE0D5;\n      --radius-md: 12px;\n      --radius-lg: 20px;\n      --shadow-sm: 0 4px 6px -1px rgba(78, 52, 46, 0.08), 0 2px 4px -1px rgba(78, 52, 46, 0.04);\n      --shadow-lg: 0 10px 15px -3px rgba(78, 52, 46, 0.08), 0 4px 6px -2px rgba(78, 52, 46, 0.04);\n\n      \/* Typography \u0026 Spacing System *\/\n      --spacing-section: clamp(3rem, 6vw, 5rem);\n      --spacing-module: clamp(2rem, 5vw, 4rem);\n      \n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      background-color: var(--bg-body);\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n      overflow-wrap: break-word;\n      word-break: break-word;\n      line-height: 1.7;\n    }\n\n    .product-set-container *,\n    .product-set-container *::before,\n    .product-set-container *::after {\n      box-sizing: inherit;\n    }\n\n    \/* Typography Scale *\/\n    .product-set-container h1, \n    .product-set-container h2, \n    .product-set-container h3 {\n      font-family: \"Georgia\", \"Times New Roman\", serif; \/* Serif for a bookish feel *\/\n    }\n\n    .product-set-container h1 {\n      font-size: clamp(32px, 4vw, 48px);\n      line-height: 1.2;\n      color: var(--primary);\n      margin: 0 0 1rem 0;\n      font-weight: 700;\n      letter-spacing: -0.01em;\n    }\n\n    .product-set-container .subtitle {\n      font-size: clamp(16px, 2vw, 20px);\n      color: var(--accent);\n      font-weight: 700;\n      margin: 0 0 1.5rem 0;\n      text-transform: uppercase;\n      letter-spacing: 0.1em;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    }\n\n    .product-set-container h2 {\n      font-size: clamp(26px, 3vw, 36px);\n      line-height: 1.3;\n      color: var(--primary);\n      margin: 0 0 1.5rem 0;\n      font-weight: 700;\n      border-bottom: 2px solid var(--accent-light);\n      display: inline-block;\n      padding-bottom: 0.5rem;\n    }\n\n    .product-set-container h3 {\n      font-size: clamp(22px, 2.5vw, 28px);\n      line-height: 1.4;\n      color: var(--primary);\n      margin: 0 0 1rem 0;\n      font-weight: 700;\n    }\n\n    .product-set-container p {\n      font-size: clamp(16px, 2vw, 18px);\n      color: var(--text-sub);\n      margin: 0 0 1.5rem 0;\n    }\n\n    \/* Badges *\/\n    .detail-badge-group {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-bottom: 2rem;\n    }\n    .detail-badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 8px 16px;\n      background: var(--bg-card);\n      border: 1px solid var(--border-color);\n      border-radius: 30px;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--primary);\n      letter-spacing: 0.03em;\n      box-shadow: var(--shadow-sm);\n    }\n    .detail-badge.accent {\n      background: var(--primary);\n      color: #FFF;\n      border-color: var(--primary);\n    }\n\n    \/* Image Protocol \u0026 Placeholders *\/\n    .img-placeholder {\n      width: 100%;\n      background-color: var(--bg-card);\n      border-radius: var(--radius-md);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n      margin-bottom: 1.5rem;\n      border: 1px solid var(--border-color);\n    }\n    \n    .img-placeholder img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-md);\n      transition: transform 0.6s ease;\n    }\n    \n    .img-placeholder:hover img {\n      transform: scale(1.03);\n    }\n\n    \/* Modules *\/\n    .hero-section {\n      text-align: center;\n      margin-top: 3rem;\n      margin-bottom: var(--spacing-section);\n      background: var(--bg-card);\n      padding: 4rem 2rem;\n      border-radius: var(--radius-lg);\n      border: 1px solid var(--border-color);\n      box-shadow: var(--shadow-lg);\n      background-image: linear-gradient(135deg, var(--bg-card) 0%, #FDFBF7 100%);\n    }\n    .hero-section .detail-badge-group {\n      justify-content: center;\n    }\n\n    \/* Z-Pattern Features *\/\n    .feature-list {\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-section);\n      margin-bottom: var(--spacing-section);\n    }\n\n    .feature-item {\n      display: flex;\n      flex-direction: column;\n      gap: 2rem;\n      align-items: center;\n    }\n\n    .feature-media, .feature-copy {\n      width: 100%;\n    }\n    \n    \/* Specs Table *\/\n    .specs-section {\n      margin-bottom: var(--spacing-section);\n    }\n    .specs-table-wrapper {\n      background: var(--bg-card);\n      border-radius: var(--radius-lg);\n      padding: clamp(1.5rem, 3vw, 3rem);\n      box-shadow: var(--shadow-sm);\n      margin-bottom: 2rem;\n      border: 1px solid var(--border-color);\n    }\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n    \n    \/* FAQ Section *\/\n    .faq-section {\n      margin-bottom: var(--spacing-section);\n    }\n    .faq-item {\n      background: var(--bg-card);\n      border-radius: var(--radius-md);\n      padding: 1.5rem 2rem;\n      margin-bottom: 1rem;\n      border: 1px solid var(--border-color);\n      border-left: 4px solid var(--accent);\n      transition: all 0.2s ease;\n    }\n    .faq-item:hover {\n      box-shadow: var(--shadow-sm);\n      transform: translateY(-2px);\n    }\n    .faq-question {\n      font-size: clamp(18px, 2.5vw, 20px);\n      font-weight: 700;\n      color: var(--primary);\n      margin-bottom: 0.75rem;\n      font-family: \"Georgia\", \"Times New Roman\", serif;\n    }\n    .faq-answer {\n      font-size: clamp(16px, 2vw, 17px);\n      color: var(--text-sub);\n      margin: 0;\n    }\n\n    \/* Desktop Enhancements *\/\n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row;\n        gap: var(--spacing-module);\n      }\n      .feature-item.reverse {\n        flex-direction: row-reverse;\n      }\n      .feature-media, .feature-copy {\n        flex: 1;\n      }\n      .feature-copy {\n        padding: 0 2rem;\n      }\n      \n      .specs-table th, .specs-table td {\n        padding: 1.25rem 1.5rem;\n        text-align: left;\n        border-bottom: 1px solid var(--border-color);\n        font-size: 17px;\n      }\n      .specs-table th {\n        font-weight: 700;\n        color: var(--primary);\n        width: 35%;\n        background-color: var(--bg-body);\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        font-size: 14px;\n      }\n      .specs-table tr:last-child td, .specs-table tr:last-child th {\n        border-bottom: none;\n      }\n    }\n\n    \/* Mobile Specs Table Lock *\/\n    @media (max-width: 767px) {\n      .specs-table, \n      .specs-table thead, \n      .specs-table tbody, \n      .specs-table tr, \n      .specs-table th, \n      .specs-table td {\n        display: block;\n        width: 100%;\n      }\n      .specs-table thead {\n        display: none;\n      }\n      .specs-table tr {\n        background: var(--bg-body);\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        margin-bottom: 1rem;\n        padding: 1.25rem;\n      }\n      .specs-table td {\n        display: flex;\n        flex-direction: column;\n        padding: 0.75rem 0;\n        border-bottom: 1px solid var(--border-color);\n        font-size: 15px;\n        text-align: left;\n      }\n      .specs-table td:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n      }\n      .specs-table td::before {\n        content: attr(data-label);\n        font-weight: 700;\n        color: var(--primary);\n        text-transform: uppercase;\n        margin-bottom: 0.25rem;\n        font-size: 13px;\n        letter-spacing: 0.05em;\n      }\n    }\n\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"subtitle\"\u003eTrack Your Reading Journey\u003c\/div\u003e\n\n\u003ch1\u003eBooks Read This Year Progress Tracker\u003c\/h1\u003e\n\n\u003cdiv class=\"detail-badge-group\"\u003e\n\u003cdiv class=\"detail-badge accent\"\u003e📚 Book Lovers\u003c\/div\u003e\n\n\u003cdiv class=\"detail-badge\"\u003e✨ Visual Progress\u003c\/div\u003e\n\n\u003cdiv class=\"detail-badge\"\u003e🪵 Durable Wood\u003c\/div\u003e\n\n\u003cdiv class=\"detail-badge\"\u003e🎁 Perfect Gift\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cp style=\"max-width: 800px; margin: 1rem auto 0 auto; font-size: 1.1rem;\"\u003eCelebrate every book you finish with this beautiful reading progress tracker. Designed for book lovers, it helps you visually track how many books you’ve read this year while adding charm to your reading space.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-list\"\u003e\n\u003c!-- Feature 1 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Books Read This Year Progress Tracker\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260306180232\/5bdd843169f884b2d0ece34da82711e1.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eCelebrate Your Reading Journey\u003c\/h3\u003e\n\n\u003cp\u003eEvery book finished is an achievement worth celebrating. This beautifully crafted tracker serves as a daily reminder of your literary adventures and the stories you've explored throughout the year.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Visual Reading Progress\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260306180232\/f500d91c11b4c7b39af1af0d0230d665.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eVisual Reading Progress\u003c\/h3\u003e\n\n\u003cp\u003eWatch your reading accomplishments grow. This “Books Read This Year” counter allows you to update your reading count easily, turning every finished book into a rewarding milestone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Motivation for Daily Reading\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260306180232\/3086c2fdbc7e59a7597b94c19ef86c11.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eMotivation for Daily Reading\u003c\/h3\u003e\n\n\u003cp\u003ePerfect for reading challenges, book clubs, or personal goals. Seeing your progress displayed encourages consistent reading habits and keeps you motivated throughout the year.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 4 --\u003e\n\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Elegant Bookshelf Decoration\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260306180232\/2a438c3d80853675922af01a6ab3d026.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eElegant Bookshelf Decoration\u003c\/h3\u003e\n\n\u003cp\u003eWith its warm brown finish and minimalist design, this reading counter blends beautifully into home libraries, reading nooks, desks, or office spaces.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 5 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Durable \u0026amp; Long-Lasting\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260306180232\/7f12ec6daccc5f7f88ff69c3426add4f.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eDurable \u0026amp; Long-Lasting\u003c\/h3\u003e\n\n\u003cp\u003eCrafted from durable materials with a smooth surface, the tracker resists wear and maintains its elegant appearance even with regular use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 6 --\u003e\n\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Simple \u0026amp; Easy to Use\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260306180232\/e311b833f42b533fd258f2d7f473b5cc.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eSimple \u0026amp; Easy to Use\u003c\/h3\u003e\n\n\u003cp\u003eNo apps, batteries, or complicated setup required. Simply adjust the number display to reflect the books you've finished and enjoy watching your reading achievements grow.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specs Section --\u003e\n\n\u003cdiv class=\"specs-section\"\u003e\n\u003ch2\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003cdiv class=\"specs-table-wrapper\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSpecification\u003c\/th\u003e\n\t\t\t\u003cth\u003eDetails\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eProduct Type\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eBooks Read This Year Counter\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eFunction\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eReading Progress Tracking\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eMaterial\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eDurable Wood \/ MDF\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eColor\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eWarm Brown\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003ePlacement\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eBookshelf \/ Desk \/ Reading Nook\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eSuitable For\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eBook Lovers, Students, Teachers\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\n\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e1. Does it require batteries?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eNo. This is a manual reading tracker that requires no electronics or batteries.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e2. Can it fit on small bookshelves?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eYes. Its compact size makes it suitable for most bookshelves, desks, or reading spaces.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e3. Is this a good gift for book lovers?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eAbsolutely. It’s a thoughtful and practical gift for readers, students, teachers, and book clubs.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e4. Can it be used for reading challenges?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eYes. It’s perfect for tracking yearly reading goals like 50 books or 100 books challenges.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Single Reading Tracker","offer_id":48519101710586,"sku":"0323-16372625","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Reader's Gift Set (Pack of 3)","offer_id":48519101743354,"sku":"0323-16370274","price":26.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0779\/4527\/4618\/files\/5bdd843169f884b2d0ece34da82711e1_32a5fd6e-c9f1-4e0d-8e9f-13147e9513a6.jpg?v=1774255143","url":"https:\/\/varitino.com\/products\/wooden-reading-progress-tracker","provider":"Varitino","version":"1.0","type":"link"}