{"id":31,"date":"2026-01-18T10:48:40","date_gmt":"2026-01-18T10:48:40","guid":{"rendered":"https:\/\/authorwebsiteexample.com\/author-pro\/?page_id=31"},"modified":"2026-01-19T12:04:45","modified_gmt":"2026-01-19T12:04:45","slug":"books","status":"publish","type":"page","link":"https:\/\/authorwebsiteexample.com\/author-pro\/books\/","title":{"rendered":"My Books"},"content":{"rendered":"\r\n<section class=\"awt-book-gallery alignfull wp-block-awt-author-pro-book-gallery\" id=\"awt-book-gallery-69df6e86d76b9\">\r\n    <!-- Hidden inputs for JS -->\r\n    <input type=\"hidden\" id=\"awt-ajax-url\" value=\"https:\/\/authorwebsiteexample.com\/author-pro\/wp-admin\/admin-ajax.php\">\r\n    <input type=\"hidden\" class=\"awt-items-per-page\" value=\"6\">\r\n    <input type=\"hidden\" id=\"awt-current-tax\" value=\"\">\r\n    <input type=\"hidden\" id=\"awt-current-term\" value=\"\">\r\n    <input type=\"hidden\" class=\"awt-pagination-type\" value=\"numbers\">\r\n\r\n    <div class=\"py-12 bg-white border-b border-gray-100\">\r\n        <div class=\"awt-container\">\r\n            <h1 class=\"text-3xl md:text-4xl font-serif font-bold text-primary mb-3\">Browse Collection<\/h1>\r\n            <p class=\"text-secondary max-w-2xl\">Find your next favorite read from our curated selection.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"py-12\">\r\n        <div class=\"awt-container\">\r\n            <div class=\"flex flex-col lg:flex-row gap-12\">\r\n\r\n                                <!-- Mobile Filter Toggle -->\r\n                <div class=\"block lg:hidden w-full mb-6\">\r\n                    <button id=\"awt-mobile-filter-toggle\" class=\"w-full flex items-center justify-center bg-white border border-gray-200 text-primary font-bold py-3 px-4 rounded-lg shadow-sm hover:border-accent hover:text-accent transition\">\r\n                        <svg class=\"w-4 h-4 mr-2\" fill=\"currentColor\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M0 416c0 17.7 14.3 32 32 32l54.7 0c12.3 28.3 40.5 48 73.3 48s61-19.7 73.3-48L480 448c17.7 0 32-14.3 32-32s-14.3-32-32-32l-246.7 0c-12.3-28.3-40.5-48-73.3-48s-61 19.7-73.3 48L32 384c-17.7 0-32 14.3-32 32zm192 0a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM384 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM512 128c0-17.7-14.3-32-32-32l-54.7 0c-12.3-28.3-40.5-48-73.3-48s-61 19.7-73.3 48L32 96C14.3 96 0 110.3 0 128s14.3 32 32 32l246.7 0c12.3 28.3 40.5 48 73.3 48s61-19.7 73.3-48L480 160c17.7 0 32-14.3 32-32zM160 256a32 32 0 1 0 0-64 32 32 0 1 0 0 64z\"\/><\/svg>                        Filters                    <\/button>\r\n                    <!-- Backdrop -->\r\n                    <div id=\"awt-filter-backdrop\" class=\"fixed inset-0 bg-black\/50 z-40 hidden transition-opacity duration-300\"><\/div>\r\n                <\/div>\r\n\r\n                <aside class=\"awt-book-filters w-full lg:space-y-0 lg:w-1\/4 space-y-8 fixed inset-0 z-50 bg-white transform -translate-x-full transition-transform duration-300 lg:static lg:z-auto lg:bg-transparent lg:translate-x-0 overflow-y-auto lg:overflow-visible p-6 lg:p-0 h-full lg:h-auto shadow-2xl lg:shadow-none\">\r\n                    \r\n                    <!-- Mobile Header with Close -->\r\n                    <div class=\"flex items-center justify-between mb-6 lg:hidden\">\r\n                        <h2 class=\"text-xl font-bold text-primary font-serif\">Filters<\/h2>\r\n                        <button id=\"awt-mobile-filter-close\" class=\"text-gray-400 hover:text-accent p-2\">\r\n                             <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"\/><\/svg>                        <\/button>\r\n                    <\/div>\r\n\r\n                    <!-- Search -->\r\n                                         <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\">\r\n                        <h3 class=\"font-bold text-primary text-sm uppercase tracking-wider mb-4\">Search<\/h3>\r\n                        <div class=\"relative\">\r\n                            <input type=\"text\" class=\"awt-filter-search w-full pl-10 pr-4 py-3 bg-paper border border-gray-200 rounded-lg focus:outline-none focus:border-accent text-sm transition\" placeholder=\"Title, keyword...\">\r\n                            <svg class=\"w-4 h-4 text-gray-400 absolute left-4 top-3.5\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z\"\/><\/svg>                        <\/div>\r\n                    <\/div>\r\n                     \r\n                    <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\">\r\n\r\n                        <!-- Genre Filter -->\r\n                                                <div class=\"mb-8\">\r\n                                    <div class=\"awt-custom-dropdown relative mb-4 group\" id=\"dropdown-69df6e86d9576\">\r\n            <label class=\"block text-xs font-bold text-primary uppercase tracking-widest mb-2\">Genres<\/label>\r\n\r\n            <button type=\"button\" class=\"awt-dropdown-trigger w-full bg-white border border-gray-200 rounded px-3 py-2 text-sm text-left flex justify-between items-center hover:border-accent transition group-focus-within:border-accent\">\r\n                <span class=\"truncate text-secondary select-label font-medium\">Select Genres<\/span>\r\n                <span class=\"transform transition-transform duration-200 dropdown-icon origin-center\">\r\n                    <svg class=\"w-3 h-3 text-gray-400 transition-transform duration-200\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M297.4 169.4C309.9 156.9 330.2 156.9 342.7 169.4L534.7 361.4C547.2 373.9 547.2 394.2 534.7 406.7C522.2 419.2 501.9 419.2 489.4 406.7L320 237.3L150.6 406.6C138.1 419.1 117.8 419.1 105.3 406.6C92.8 394.1 92.8 373.8 105.3 361.3L297.3 169.3z\"\/><\/svg>                <\/span>\r\n            <\/button>\r\n\r\n            <div class=\"awt-dropdown-content hidden absolute top-full left-0 w-full bg-white border border-gray-200 shadow-xl rounded-b-lg z-50 mt-1 max-h-60 overflow-y-auto p-2\">\r\n                <input type=\"text\" class=\"awt-dropdown-search w-full text-xs border border-gray-200 rounded px-2 py-2 mb-2 focus:outline-none focus:border-accent\" placeholder=\"Search genres...\">\r\n\r\n                <div class=\"space-y-0.5 awt-dropdown-list\">\r\n                                                                    <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"20\" data-label=\"Action &amp; Adventure\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Action &amp; Adventure                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"30\" data-label=\"Biographies &amp; Memoirs\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Biographies &amp; Memoirs                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"2\" data-label=\"Business &amp; Money\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Business &amp; Money                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"3\" data-label=\"Business Culture\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Business Culture                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"31\" data-label=\"Community &amp; Culture\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Community &amp; Culture                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"28\" data-label=\"Contemporary\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Contemporary                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"23\" data-label=\"Crime\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Crime                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"18\" data-label=\"Family Life\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Family Life                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"12\" data-label=\"Genre Fiction\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Genre Fiction                                                                    <span class=\"text-gray-400 font-normal ml-1\">(3)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"16\" data-label=\"Legal\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Legal                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"11\" data-label=\"Literature &amp; Fiction\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Literature &amp; Fiction                                                                    <span class=\"text-gray-400 font-normal ml-1\">(5)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"4\" data-label=\"Motivation &amp; Self-Improvement\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Motivation &amp; Self-Improvement                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"24\" data-label=\"Murder\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Murder                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"21\" data-label=\"Mystery, Thriller &amp; Suspense\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Mystery, Thriller &amp; Suspense                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"7\" data-label=\"Mystery, Thriller &amp; Suspense\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Mystery, Thriller &amp; Suspense                                                                    <span class=\"text-gray-400 font-normal ml-1\">(3)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"9\" data-label=\"Psychological Thrillers\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Psychological Thrillers                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"8\" data-label=\"Thrillers &amp; Suspense\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Thrillers &amp; Suspense                                                                    <span class=\"text-gray-400 font-normal ml-1\">(3)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"13\" data-label=\"TV, Movie, Video Game Adaptations\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                TV, Movie, Video Game Adaptations                                                                    <span class=\"text-gray-400 font-normal ml-1\">(2)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"32\" data-label=\"Women\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Women                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"genre[]\" value=\"27\" data-label=\"Women&#039;s Fiction\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Women&#039;s Fiction                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                            <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                <\/div>\r\n                        \r\n                        <!-- Authors Filter -->\r\n                                                <div class=\"mb-8\">\r\n                                    <div class=\"awt-custom-dropdown relative mb-4 group\" id=\"dropdown-69df6e86d98e3\">\r\n            <label class=\"block text-xs font-bold text-primary uppercase tracking-widest mb-2\">Authors<\/label>\r\n\r\n            <button type=\"button\" class=\"awt-dropdown-trigger w-full bg-white border border-gray-200 rounded px-3 py-2 text-sm text-left flex justify-between items-center hover:border-accent transition group-focus-within:border-accent\">\r\n                <span class=\"truncate text-secondary select-label font-medium\">Select Authors<\/span>\r\n                <span class=\"transform transition-transform duration-200 dropdown-icon origin-center\">\r\n                    <svg class=\"w-3 h-3 text-gray-400 transition-transform duration-200\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M297.4 169.4C309.9 156.9 330.2 156.9 342.7 169.4L534.7 361.4C547.2 373.9 547.2 394.2 534.7 406.7C522.2 419.2 501.9 419.2 489.4 406.7L320 237.3L150.6 406.6C138.1 419.1 117.8 419.1 105.3 406.6C92.8 394.1 92.8 373.8 105.3 361.3L297.3 169.3z\"\/><\/svg>                <\/span>\r\n            <\/button>\r\n\r\n            <div class=\"awt-dropdown-content hidden absolute top-full left-0 w-full bg-white border border-gray-200 shadow-xl rounded-b-lg z-50 mt-1 max-h-60 overflow-y-auto p-2\">\r\n                <input type=\"text\" class=\"awt-dropdown-search w-full text-xs border border-gray-200 rounded px-2 py-2 mb-2 focus:outline-none focus:border-accent\" placeholder=\"Search authors...\">\r\n\r\n                <div class=\"space-y-0.5 awt-dropdown-list\">\r\n                                                                    <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"author[]\" value=\"22\" data-label=\"Andy Weir\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Andy Weir                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"author[]\" value=\"10\" data-label=\"Colleen Hoover\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Colleen Hoover                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"author[]\" value=\"29\" data-label=\"Emily Henry\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Emily Henry                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"author[]\" value=\"26\" data-label=\"Freida McFadden\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Freida McFadden                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"author[]\" value=\"17\" data-label=\"John Grisham\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                John Grisham                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"author[]\" value=\"5\" data-label=\"Mel Robbins\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Mel Robbins                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"author[]\" value=\"15\" data-label=\"Rachel Reid\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Rachel Reid                                                                    <span class=\"text-gray-400 font-normal ml-1\">(2)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"author[]\" value=\"19\" data-label=\"Rebecca Yarros\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Rebecca Yarros                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"author[]\" value=\"6\" data-label=\"Sawyer Robbins\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Sawyer Robbins                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"author[]\" value=\"33\" data-label=\"Virginia Roberts Giuffre\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Virginia Roberts Giuffre                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                            <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                <\/div>\r\n                        \r\n                        <!-- Series Filter -->\r\n                                                <div class=\"mb-8\">\r\n                                    <div class=\"awt-custom-dropdown relative mb-4 group\" id=\"dropdown-69df6e86d9a4a\">\r\n            <label class=\"block text-xs font-bold text-primary uppercase tracking-widest mb-2\">Series<\/label>\r\n\r\n            <button type=\"button\" class=\"awt-dropdown-trigger w-full bg-white border border-gray-200 rounded px-3 py-2 text-sm text-left flex justify-between items-center hover:border-accent transition group-focus-within:border-accent\">\r\n                <span class=\"truncate text-secondary select-label font-medium\">Select Series<\/span>\r\n                <span class=\"transform transition-transform duration-200 dropdown-icon origin-center\">\r\n                    <svg class=\"w-3 h-3 text-gray-400 transition-transform duration-200\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M297.4 169.4C309.9 156.9 330.2 156.9 342.7 169.4L534.7 361.4C547.2 373.9 547.2 394.2 534.7 406.7C522.2 419.2 501.9 419.2 489.4 406.7L320 237.3L150.6 406.6C138.1 419.1 117.8 419.1 105.3 406.6C92.8 394.1 92.8 373.8 105.3 361.3L297.3 169.3z\"\/><\/svg>                <\/span>\r\n            <\/button>\r\n\r\n            <div class=\"awt-dropdown-content hidden absolute top-full left-0 w-full bg-white border border-gray-200 shadow-xl rounded-b-lg z-50 mt-1 max-h-60 overflow-y-auto p-2\">\r\n                <input type=\"text\" class=\"awt-dropdown-search w-full text-xs border border-gray-200 rounded px-2 py-2 mb-2 focus:outline-none focus:border-accent\" placeholder=\"Search series...\">\r\n\r\n                <div class=\"space-y-0.5 awt-dropdown-list\">\r\n                                                                    <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"series[]\" value=\"14\" data-label=\"Game Changers\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Game Changers                                                                    <span class=\"text-gray-400 font-normal ml-1\">(2)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"series[]\" value=\"25\" data-label=\"The Housemaid\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                The Housemaid                                                                    <span class=\"text-gray-400 font-normal ml-1\">(1)<\/span>\r\n                                                            <\/span>\r\n                        <\/label>\r\n                                                            <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                <\/div>\r\n                        \r\n                         <!-- Format Filter (Meta) -->\r\n                                                  <div class=\"mb-8\">\r\n                                     <div class=\"awt-custom-dropdown relative mb-4 group\" id=\"dropdown-69df6e86d9a5b\">\r\n            <label class=\"block text-xs font-bold text-primary uppercase tracking-widest mb-2\">Format<\/label>\r\n\r\n            <button type=\"button\" class=\"awt-dropdown-trigger w-full bg-white border border-gray-200 rounded px-3 py-2 text-sm text-left flex justify-between items-center hover:border-accent transition group-focus-within:border-accent\">\r\n                <span class=\"truncate text-secondary select-label font-medium\">Select Format<\/span>\r\n                <span class=\"transform transition-transform duration-200 dropdown-icon origin-center\">\r\n                    <svg class=\"w-3 h-3 text-gray-400 transition-transform duration-200\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M297.4 169.4C309.9 156.9 330.2 156.9 342.7 169.4L534.7 361.4C547.2 373.9 547.2 394.2 534.7 406.7C522.2 419.2 501.9 419.2 489.4 406.7L320 237.3L150.6 406.6C138.1 419.1 117.8 419.1 105.3 406.6C92.8 394.1 92.8 373.8 105.3 361.3L297.3 169.3z\"\/><\/svg>                <\/span>\r\n            <\/button>\r\n\r\n            <div class=\"awt-dropdown-content hidden absolute top-full left-0 w-full bg-white border border-gray-200 shadow-xl rounded-b-lg z-50 mt-1 max-h-60 overflow-y-auto p-2\">\r\n                <input type=\"text\" class=\"awt-dropdown-search w-full text-xs border border-gray-200 rounded px-2 py-2 mb-2 focus:outline-none focus:border-accent\" placeholder=\"Search format...\">\r\n\r\n                <div class=\"space-y-0.5 awt-dropdown-list\">\r\n                                                                    <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"format[]\" value=\"Hardcover\" data-label=\"Hardcover\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Hardcover                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"format[]\" value=\"Paperback\" data-label=\"Paperback\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Paperback                                                            <\/span>\r\n                        <\/label>\r\n                                                            <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                <\/div>\r\n                        \r\n                        <!-- Language Filter (Meta) -->\r\n                                                 <div class=\"mb-8\">\r\n                                    <div class=\"awt-custom-dropdown relative mb-4 group\" id=\"dropdown-69df6e86d9a68\">\r\n            <label class=\"block text-xs font-bold text-primary uppercase tracking-widest mb-2\">Language<\/label>\r\n\r\n            <button type=\"button\" class=\"awt-dropdown-trigger w-full bg-white border border-gray-200 rounded px-3 py-2 text-sm text-left flex justify-between items-center hover:border-accent transition group-focus-within:border-accent\">\r\n                <span class=\"truncate text-secondary select-label font-medium\">Select Language<\/span>\r\n                <span class=\"transform transition-transform duration-200 dropdown-icon origin-center\">\r\n                    <svg class=\"w-3 h-3 text-gray-400 transition-transform duration-200\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M297.4 169.4C309.9 156.9 330.2 156.9 342.7 169.4L534.7 361.4C547.2 373.9 547.2 394.2 534.7 406.7C522.2 419.2 501.9 419.2 489.4 406.7L320 237.3L150.6 406.6C138.1 419.1 117.8 419.1 105.3 406.6C92.8 394.1 92.8 373.8 105.3 361.3L297.3 169.3z\"\/><\/svg>                <\/span>\r\n            <\/button>\r\n\r\n            <div class=\"awt-dropdown-content hidden absolute top-full left-0 w-full bg-white border border-gray-200 shadow-xl rounded-b-lg z-50 mt-1 max-h-60 overflow-y-auto p-2\">\r\n                <input type=\"text\" class=\"awt-dropdown-search w-full text-xs border border-gray-200 rounded px-2 py-2 mb-2 focus:outline-none focus:border-accent\" placeholder=\"Search language...\">\r\n\r\n                <div class=\"space-y-0.5 awt-dropdown-list\">\r\n                                                                    <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"language[]\" value=\"English\" data-label=\"English\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                English                                                            <\/span>\r\n                        <\/label>\r\n                                                            <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                <\/div>\r\n                        \r\n                        <!-- Publisher Filter (Meta) -->\r\n                                                 <div class=\"mb-8\">\r\n                                    <div class=\"awt-custom-dropdown relative mb-4 group\" id=\"dropdown-69df6e86d9a6f\">\r\n            <label class=\"block text-xs font-bold text-primary uppercase tracking-widest mb-2\">Publisher<\/label>\r\n\r\n            <button type=\"button\" class=\"awt-dropdown-trigger w-full bg-white border border-gray-200 rounded px-3 py-2 text-sm text-left flex justify-between items-center hover:border-accent transition group-focus-within:border-accent\">\r\n                <span class=\"truncate text-secondary select-label font-medium\">Select Publisher<\/span>\r\n                <span class=\"transform transition-transform duration-200 dropdown-icon origin-center\">\r\n                    <svg class=\"w-3 h-3 text-gray-400 transition-transform duration-200\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M297.4 169.4C309.9 156.9 330.2 156.9 342.7 169.4L534.7 361.4C547.2 373.9 547.2 394.2 534.7 406.7C522.2 419.2 501.9 419.2 489.4 406.7L320 237.3L150.6 406.6C138.1 419.1 117.8 419.1 105.3 406.6C92.8 394.1 92.8 373.8 105.3 361.3L297.3 169.3z\"\/><\/svg>                <\/span>\r\n            <\/button>\r\n\r\n            <div class=\"awt-dropdown-content hidden absolute top-full left-0 w-full bg-white border border-gray-200 shadow-xl rounded-b-lg z-50 mt-1 max-h-60 overflow-y-auto p-2\">\r\n                <input type=\"text\" class=\"awt-dropdown-search w-full text-xs border border-gray-200 rounded px-2 py-2 mb-2 focus:outline-none focus:border-accent\" placeholder=\"Search publishers...\">\r\n\r\n                <div class=\"space-y-0.5 awt-dropdown-list\">\r\n                                                                    <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"publisher[]\" value=\"Hay House LLC\" data-label=\"Hay House LLC\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Hay House LLC                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"publisher[]\" value=\"Montlake\" data-label=\"Montlake\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Montlake                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"publisher[]\" value=\"Carina Press\" data-label=\"Carina Press\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Carina Press                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"publisher[]\" value=\"Doubleday\" data-label=\"Doubleday\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Doubleday                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"publisher[]\" value=\"Entangled: Amara\" data-label=\"Entangled: Amara\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Entangled: Amara                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"publisher[]\" value=\"Ballantine Books\" data-label=\"Ballantine Books\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Ballantine Books                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"publisher[]\" value=\"Grand Central Publishing\" data-label=\"Grand Central Publishing\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Grand Central Publishing                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"publisher[]\" value=\"Berkley\" data-label=\"Berkley\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Berkley                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"publisher[]\" value=\"Knopf\" data-label=\"Knopf\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Knopf                                                            <\/span>\r\n                        <\/label>\r\n                                                            <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                <\/div>\r\n                        \r\n                        <!-- ISBN Filter (Meta Input) -->\r\n                                                  <div class=\"mb-8\">\r\n                            <h3 class=\"font-bold text-primary text-sm uppercase tracking-wider mb-4 flex justify-between cursor-pointer awt-accordion-trigger\">\r\n                                ISBN <svg class=\"w-3 h-3 text-gray-400 transition-transform duration-200\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M297.4 169.4C309.9 156.9 330.2 156.9 342.7 169.4L534.7 361.4C547.2 373.9 547.2 394.2 534.7 406.7C522.2 419.2 501.9 419.2 489.4 406.7L320 237.3L150.6 406.6C138.1 419.1 117.8 419.1 105.3 406.6C92.8 394.1 92.8 373.8 105.3 361.3L297.3 169.3z\"\/><\/svg>                            <\/h3>\r\n                            <div class=\"space-y-3 awt-accordion-content\">\r\n                                <div class=\"relative\">\r\n                                    <input type=\"text\" class=\"awt-filter-isbn w-full pl-10 pr-4 py-2 bg-paper border border-gray-200 rounded-lg focus:outline-none focus:border-accent text-sm transition\" placeholder=\"ISBN-10 or ISBN-13\">\r\n                                     <svg class=\"w-4 h-4 text-gray-400 absolute left-4 top-3.5\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z\"\/><\/svg>                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                         <!-- Price Filter (Range Logic) -->\r\n                                                  <div class=\"mb-8\">\r\n                                    <div class=\"awt-custom-dropdown relative mb-4 group\" id=\"dropdown-69df6e86d9a92\">\r\n            <label class=\"block text-xs font-bold text-primary uppercase tracking-widest mb-2\">Price<\/label>\r\n\r\n            <button type=\"button\" class=\"awt-dropdown-trigger w-full bg-white border border-gray-200 rounded px-3 py-2 text-sm text-left flex justify-between items-center hover:border-accent transition group-focus-within:border-accent\">\r\n                <span class=\"truncate text-secondary select-label font-medium\">Select Price<\/span>\r\n                <span class=\"transform transition-transform duration-200 dropdown-icon origin-center\">\r\n                    <svg class=\"w-3 h-3 text-gray-400 transition-transform duration-200\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M297.4 169.4C309.9 156.9 330.2 156.9 342.7 169.4L534.7 361.4C547.2 373.9 547.2 394.2 534.7 406.7C522.2 419.2 501.9 419.2 489.4 406.7L320 237.3L150.6 406.6C138.1 419.1 117.8 419.1 105.3 406.6C92.8 394.1 92.8 373.8 105.3 361.3L297.3 169.3z\"\/><\/svg>                <\/span>\r\n            <\/button>\r\n\r\n            <div class=\"awt-dropdown-content hidden absolute top-full left-0 w-full bg-white border border-gray-200 shadow-xl rounded-b-lg z-50 mt-1 max-h-60 overflow-y-auto p-2\">\r\n                <input type=\"text\" class=\"awt-dropdown-search w-full text-xs border border-gray-200 rounded px-2 py-2 mb-2 focus:outline-none focus:border-accent\" placeholder=\"Search prices...\">\r\n\r\n                <div class=\"space-y-0.5 awt-dropdown-list\">\r\n                                                                    <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"price[]\" value=\"0-10\" data-label=\"Under $10\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                Under $10                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"price[]\" value=\"10-20\" data-label=\"$10 - $20\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                $10 &#8211; $20                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"price[]\" value=\"20-30\" data-label=\"$20 - $30\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                $20 &#8211; $30                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"price[]\" value=\"30-50\" data-label=\"$30 - $50\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                $30 &#8211; $50                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"price[]\" value=\"50+\" data-label=\"$50+\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                $50+                                                            <\/span>\r\n                        <\/label>\r\n                                                            <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                <\/div>\r\n                        \r\n                        <!-- Year Filter (Meta) -->\r\n                                                 <div class=\"mb-8\">\r\n                                    <div class=\"awt-custom-dropdown relative mb-4 group\" id=\"dropdown-69df6e86d9aa4\">\r\n            <label class=\"block text-xs font-bold text-primary uppercase tracking-widest mb-2\">Publish Year<\/label>\r\n\r\n            <button type=\"button\" class=\"awt-dropdown-trigger w-full bg-white border border-gray-200 rounded px-3 py-2 text-sm text-left flex justify-between items-center hover:border-accent transition group-focus-within:border-accent\">\r\n                <span class=\"truncate text-secondary select-label font-medium\">Select Publish Year<\/span>\r\n                <span class=\"transform transition-transform duration-200 dropdown-icon origin-center\">\r\n                    <svg class=\"w-3 h-3 text-gray-400 transition-transform duration-200\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M297.4 169.4C309.9 156.9 330.2 156.9 342.7 169.4L534.7 361.4C547.2 373.9 547.2 394.2 534.7 406.7C522.2 419.2 501.9 419.2 489.4 406.7L320 237.3L150.6 406.6C138.1 419.1 117.8 419.1 105.3 406.6C92.8 394.1 92.8 373.8 105.3 361.3L297.3 169.3z\"\/><\/svg>                <\/span>\r\n            <\/button>\r\n\r\n            <div class=\"awt-dropdown-content hidden absolute top-full left-0 w-full bg-white border border-gray-200 shadow-xl rounded-b-lg z-50 mt-1 max-h-60 overflow-y-auto p-2\">\r\n                <input type=\"text\" class=\"awt-dropdown-search w-full text-xs border border-gray-200 rounded px-2 py-2 mb-2 focus:outline-none focus:border-accent\" placeholder=\"Search years...\">\r\n\r\n                <div class=\"space-y-0.5 awt-dropdown-list\">\r\n                                                                    <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"year[]\" value=\"2021\" data-label=\"2021\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                2021                                                            <\/span>\r\n                        <\/label>\r\n                                                            <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                <\/div>\r\n                        \r\n                         <!-- Age Filter (Meta) -->\r\n                                                \r\n                         <!-- Rating Filter (Meta Logic) -->\r\n                                                 <div class=\"mb-8\">\r\n                                    <div class=\"awt-custom-dropdown relative mb-4 group\" id=\"dropdown-69df6e86d9aab\">\r\n            <label class=\"block text-xs font-bold text-primary uppercase tracking-widest mb-2\">Rating<\/label>\r\n\r\n            <button type=\"button\" class=\"awt-dropdown-trigger w-full bg-white border border-gray-200 rounded px-3 py-2 text-sm text-left flex justify-between items-center hover:border-accent transition group-focus-within:border-accent\">\r\n                <span class=\"truncate text-secondary select-label font-medium\">Select Rating<\/span>\r\n                <span class=\"transform transition-transform duration-200 dropdown-icon origin-center\">\r\n                    <svg class=\"w-3 h-3 text-gray-400 transition-transform duration-200\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M297.4 169.4C309.9 156.9 330.2 156.9 342.7 169.4L534.7 361.4C547.2 373.9 547.2 394.2 534.7 406.7C522.2 419.2 501.9 419.2 489.4 406.7L320 237.3L150.6 406.6C138.1 419.1 117.8 419.1 105.3 406.6C92.8 394.1 92.8 373.8 105.3 361.3L297.3 169.3z\"\/><\/svg>                <\/span>\r\n            <\/button>\r\n\r\n            <div class=\"awt-dropdown-content hidden absolute top-full left-0 w-full bg-white border border-gray-200 shadow-xl rounded-b-lg z-50 mt-1 max-h-60 overflow-y-auto p-2\">\r\n                <input type=\"text\" class=\"awt-dropdown-search w-full text-xs border border-gray-200 rounded px-2 py-2 mb-2 focus:outline-none focus:border-accent\" placeholder=\"Search ratings...\">\r\n\r\n                <div class=\"space-y-0.5 awt-dropdown-list\">\r\n                                                                    <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"rating[]\" value=\"5\" data-label=\"5 Stars\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                5 Stars                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"rating[]\" value=\"4\" data-label=\"4 Stars &amp; Up\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                4 Stars &amp; Up                                                            <\/span>\r\n                        <\/label>\r\n                                                <label class=\"flex items-center gap-2 cursor-pointer hover:bg-gray-50 p-1.5 rounded group transition w-full\">\r\n                            <input type=\"checkbox\" name=\"rating[]\" value=\"3\" data-label=\"3 Stars &amp; Up\" class=\"rounded border-gray-300 text-accent focus:ring-accent w-4 h-4\">\r\n                            <span class=\"text-xs text-secondary group-hover:text-accent transition font-medium\">\r\n                                3 Stars &amp; Up                                                            <\/span>\r\n                        <\/label>\r\n                                                            <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                <\/div>\r\n                        \r\n                        <button class=\"awt-apply-filters w-full py-3 bg-primary text-white text-xs font-bold uppercase rounded hover:bg-slate-800 transition shadow-lg shadow-blue-900\/10\">\r\n                            Apply Filters                        <\/button>\r\n                        <button class=\"awt-reset-filters w-full py-3 mt-2 text-gray-400 text-xs font-bold uppercase hover:text-accent transition text-white\">\r\n                            Reset All                        <\/button>\r\n\r\n                    <\/div>\r\n                <\/aside>\r\n                \r\n                <div class=\"w-full lg:w-3\/4\">\r\n\r\n                    <!-- Top Bar -->\r\n                    <div class=\"flex flex-col sm:flex-row justify-between items-center mb-8 bg-white p-4 rounded-lg shadow-sm border border-gray-100\">\r\n                        <p class=\"text-sm text-secondary font-medium mb-3 sm:mb-0 awt-files-result-count\">\r\n                            Showing <span class=\"font-bold text-primary\">1 &#8211; 6<\/span> of <span class=\"font-bold text-primary\">10<\/span> Results\r\n                        <\/p>\r\n                                                <div class=\"flex items-center gap-3\">\r\n                            <span class=\"text-xs font-bold text-gray-400 uppercase\">Sort By:<\/span>\r\n                            <select class=\"awt-sort-books bg-paper border border-gray-200 text-primary text-sm rounded px-3 py-2 focus:outline-none focus:border-accent cursor-pointer transition\">\r\n                                <option value=\"date_desc\">Newest Arrivals<\/option>\r\n                                <option value=\"price_asc\">Price: Low to High<\/option>\r\n                                <option value=\"price_desc\">Price: High to Low<\/option>\r\n                                <option value=\"rating_desc\">Top Rated<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                                            <\/div>\r\n\r\n                    <!-- Book Grid -->\r\n                    <!-- Book Grid -->\r\n                    <div class=\"awt-book-grid-container grid gap-8\" style=\"grid-template-columns: repeat(3, minmax(0, 1fr));\">\r\n                                                <div class=\"group bg-white rounded-xl shadow-sm hover:shadow-xl hover:-translate-y-1 transition duration-300 overflow-hidden border border-gray-100 flex flex-col\">\r\n                            <div class=\"relative p-6 bg-[#f1f5f9] flex justify-center items-center h-64 overflow-hidden\">\r\n                                                                <span class=\"absolute top-4 left-4 bg-accent text-white text-[10px] font-bold px-2 py-1 rounded uppercase z-10\">Hardcover<\/span>\r\n                                                                \r\n                                                                <img decoding=\"async\" src=\"https:\/\/authorwebsiteexample.com\/author-pro\/wp-content\/uploads\/sites\/3\/2026\/01\/Nobody8217s-Girl-A-Memoir-of-Surviving-Abuse-and-Fighting-for-Justice-679x1024.jpg\" class=\"h-48 shadow-lg rounded transform group-hover:scale-105 transition duration-500\">\r\n                                                            <\/div>\r\n                            <div class=\"p-5 flex-1 flex flex-col\">\r\n                                <div class=\"mb-2 flex justify-between items-center\">\r\n                                    <span class=\"text-[10px] font-bold text-accent uppercase tracking-widest px-1 py-0.5 rounded\">Biographies &amp; Memoirs<\/span>\r\n                                    <span class=\"text-sm font-bold text-primary\">$12.78<\/span>\r\n                                <\/div>\r\n                                <h3 class=\"text-xl font-serif font-bold text-primary mb-1 group-hover:text-accent transition\">\r\n                                    <a href=\"https:\/\/authorwebsiteexample.com\/author-pro\/book\/nobodys-girl-a-memoir-of-surviving-abuse-and-fighting-for-justice\/\">Nobody&#8217;s Girl: A Memoir of Surviving Abuse and Fighting for Justice<\/a>\r\n                                <\/h3>\r\n                                <div class=\"flex items-center mb-2\">\r\n                                    <div class=\"flex text-yellow-400 text-xs gap-0.5\">\r\n                                        <svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg>                                    <\/div>\r\n                                    <span class=\"text-[10px] text-gray-400 font-medium ml-1.5\">(0)<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-center gap-2 mb-3\">\r\n                                    <svg class=\"w-3 h-3 text-gray-400\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M432.5 82.3L382.4 132.4L507.7 257.7L557.8 207.6C579.7 185.7 579.7 150.3 557.8 128.4L511.7 82.3C489.8 60.4 454.4 60.4 432.5 82.3zM343.3 161.2L342.8 161.3L198.7 204.5C178.8 210.5 163 225.7 156.4 245.5L67.8 509.8C64.9 518.5 65.9 528 70.3 535.8L225.7 380.4C224.6 376.4 224.1 372.3 224.1 368C224.1 341.5 245.6 320 272.1 320C298.6 320 320.1 341.5 320.1 368C320.1 394.5 298.6 416 272.1 416C267.8 416 263.6 415.4 259.7 414.4L104.3 569.7C112.1 574.1 121.5 575.1 130.3 572.2L394.6 483.6C414.3 477 429.6 461.2 435.6 441.3L478.8 297.2L478.9 296.7L343.4 161.2z\"\/><\/svg>                                    <span class=\"text-xs font-bold text-secondary\">Virginia Roberts Giuffre<\/span>\r\n                                <\/div>\r\n                                <p class=\"text-xs text-secondary mb-4 line-clamp-3 leading-relaxed\"><\/p>\r\n\r\n                                <div class=\"mt-auto space-y-3\">\r\n                                    <div class=\"flex flex-wrap gap-2\">\r\n                                    <a href=\"https:\/\/www.amazon.com\/Nobodys-Girl-Surviving-Fighting-Justice\/dp\/0593493125\/\"\r\n                                        class=\"flex-1 min-w-[110px] flex items-center justify-center gap-1 py-2\r\n                                            bg-gray-50 border border-gray-200 rounded text-xs font-bold text-primary\r\n                                            hover:bg-white hover:border-[#FF9900] hover:text-[#FF9900] transition\">Buy Now<\/a>                                    <\/div>\r\n\r\n                                    <a href=\"https:\/\/authorwebsiteexample.com\/author-pro\/book\/nobodys-girl-a-memoir-of-surviving-abuse-and-fighting-for-justice\/\" class=\"block w-full py-2.5 border border-primary text-primary text-center text-xs font-bold uppercase rounded hover:bg-primary hover:text-white transition\">\r\n                                        View Details                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"group bg-white rounded-xl shadow-sm hover:shadow-xl hover:-translate-y-1 transition duration-300 overflow-hidden border border-gray-100 flex flex-col\">\r\n                            <div class=\"relative p-6 bg-[#f1f5f9] flex justify-center items-center h-64 overflow-hidden\">\r\n                                                                <span class=\"absolute top-4 left-4 bg-accent text-white text-[10px] font-bold px-2 py-1 rounded uppercase z-10\">Paperback<\/span>\r\n                                                                \r\n                                                                <img decoding=\"async\" src=\"https:\/\/authorwebsiteexample.com\/author-pro\/wp-content\/uploads\/sites\/3\/2026\/01\/The-Long-Game-Now-Streaming-on-Crave-and-HBO-Max-Game-Changers-6-680x1024.jpg\" class=\"h-48 shadow-lg rounded transform group-hover:scale-105 transition duration-500\">\r\n                                                            <\/div>\r\n                            <div class=\"p-5 flex-1 flex flex-col\">\r\n                                <div class=\"mb-2 flex justify-between items-center\">\r\n                                    <span class=\"text-[10px] font-bold text-accent uppercase tracking-widest px-1 py-0.5 rounded\">Genre Fiction<\/span>\r\n                                    <span class=\"text-sm font-bold text-primary\">$17.70<\/span>\r\n                                <\/div>\r\n                                <h3 class=\"text-xl font-serif font-bold text-primary mb-1 group-hover:text-accent transition\">\r\n                                    <a href=\"https:\/\/authorwebsiteexample.com\/author-pro\/book\/the-long-game-now-streaming-on-crave-and-hbo-max-game-changers-6\/\">The Long Game: Now Streaming on Crave and HBO Max (Game Changers, 6)<\/a>\r\n                                <\/h3>\r\n                                <div class=\"flex items-center mb-2\">\r\n                                    <div class=\"flex text-yellow-400 text-xs gap-0.5\">\r\n                                        <svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg>                                    <\/div>\r\n                                    <span class=\"text-[10px] text-gray-400 font-medium ml-1.5\">(0)<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-center gap-2 mb-3\">\r\n                                    <svg class=\"w-3 h-3 text-gray-400\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M432.5 82.3L382.4 132.4L507.7 257.7L557.8 207.6C579.7 185.7 579.7 150.3 557.8 128.4L511.7 82.3C489.8 60.4 454.4 60.4 432.5 82.3zM343.3 161.2L342.8 161.3L198.7 204.5C178.8 210.5 163 225.7 156.4 245.5L67.8 509.8C64.9 518.5 65.9 528 70.3 535.8L225.7 380.4C224.6 376.4 224.1 372.3 224.1 368C224.1 341.5 245.6 320 272.1 320C298.6 320 320.1 341.5 320.1 368C320.1 394.5 298.6 416 272.1 416C267.8 416 263.6 415.4 259.7 414.4L104.3 569.7C112.1 574.1 121.5 575.1 130.3 572.2L394.6 483.6C414.3 477 429.6 461.2 435.6 441.3L478.8 297.2L478.9 296.7L343.4 161.2z\"\/><\/svg>                                    <span class=\"text-xs font-bold text-secondary\">Rachel Reid<\/span>\r\n                                <\/div>\r\n                                <p class=\"text-xs text-secondary mb-4 line-clamp-3 leading-relaxed\"><\/p>\r\n\r\n                                <div class=\"mt-auto space-y-3\">\r\n                                    <div class=\"flex flex-wrap gap-2\">\r\n                                    <a href=\"https:\/\/www.amazon.com\/Long-Game-Changers\/dp\/1335534644\/\"\r\n                                        class=\"flex-1 min-w-[110px] flex items-center justify-center gap-1 py-2\r\n                                            bg-gray-50 border border-gray-200 rounded text-xs font-bold text-primary\r\n                                            hover:bg-white hover:border-[#FF9900] hover:text-[#FF9900] transition\">Buy Now<\/a>                                    <\/div>\r\n\r\n                                    <a href=\"https:\/\/authorwebsiteexample.com\/author-pro\/book\/the-long-game-now-streaming-on-crave-and-hbo-max-game-changers-6\/\" class=\"block w-full py-2.5 border border-primary text-primary text-center text-xs font-bold uppercase rounded hover:bg-primary hover:text-white transition\">\r\n                                        View Details                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"group bg-white rounded-xl shadow-sm hover:shadow-xl hover:-translate-y-1 transition duration-300 overflow-hidden border border-gray-100 flex flex-col\">\r\n                            <div class=\"relative p-6 bg-[#f1f5f9] flex justify-center items-center h-64 overflow-hidden\">\r\n                                                                <span class=\"absolute top-4 left-4 bg-accent text-white text-[10px] font-bold px-2 py-1 rounded uppercase z-10\">Paperback<\/span>\r\n                                                                \r\n                                                                <img decoding=\"async\" src=\"https:\/\/authorwebsiteexample.com\/author-pro\/wp-content\/uploads\/sites\/3\/2026\/01\/People-We-Meet-on-Vacation-683x1024.jpg\" class=\"h-48 shadow-lg rounded transform group-hover:scale-105 transition duration-500\">\r\n                                                            <\/div>\r\n                            <div class=\"p-5 flex-1 flex flex-col\">\r\n                                <div class=\"mb-2 flex justify-between items-center\">\r\n                                    <span class=\"text-[10px] font-bold text-accent uppercase tracking-widest px-1 py-0.5 rounded\">Contemporary<\/span>\r\n                                    <span class=\"text-sm font-bold text-primary\">$10.54<\/span>\r\n                                <\/div>\r\n                                <h3 class=\"text-xl font-serif font-bold text-primary mb-1 group-hover:text-accent transition\">\r\n                                    <a href=\"https:\/\/authorwebsiteexample.com\/author-pro\/book\/people-we-meet-on-vacation\/\">People We Meet on Vacation<\/a>\r\n                                <\/h3>\r\n                                <div class=\"flex items-center mb-2\">\r\n                                    <div class=\"flex text-yellow-400 text-xs gap-0.5\">\r\n                                        <svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg>                                    <\/div>\r\n                                    <span class=\"text-[10px] text-gray-400 font-medium ml-1.5\">(0)<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-center gap-2 mb-3\">\r\n                                    <svg class=\"w-3 h-3 text-gray-400\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M432.5 82.3L382.4 132.4L507.7 257.7L557.8 207.6C579.7 185.7 579.7 150.3 557.8 128.4L511.7 82.3C489.8 60.4 454.4 60.4 432.5 82.3zM343.3 161.2L342.8 161.3L198.7 204.5C178.8 210.5 163 225.7 156.4 245.5L67.8 509.8C64.9 518.5 65.9 528 70.3 535.8L225.7 380.4C224.6 376.4 224.1 372.3 224.1 368C224.1 341.5 245.6 320 272.1 320C298.6 320 320.1 341.5 320.1 368C320.1 394.5 298.6 416 272.1 416C267.8 416 263.6 415.4 259.7 414.4L104.3 569.7C112.1 574.1 121.5 575.1 130.3 572.2L394.6 483.6C414.3 477 429.6 461.2 435.6 441.3L478.8 297.2L478.9 296.7L343.4 161.2z\"\/><\/svg>                                    <span class=\"text-xs font-bold text-secondary\">Emily Henry<\/span>\r\n                                <\/div>\r\n                                <p class=\"text-xs text-secondary mb-4 line-clamp-3 leading-relaxed\"><\/p>\r\n\r\n                                <div class=\"mt-auto space-y-3\">\r\n                                    <div class=\"flex flex-wrap gap-2\">\r\n                                    <a href=\"https:\/\/www.amazon.com\/People-Meet-Vacation-Emily-Henry\/dp\/1984806750\/\"\r\n                                        class=\"flex-1 min-w-[110px] flex items-center justify-center gap-1 py-2\r\n                                            bg-gray-50 border border-gray-200 rounded text-xs font-bold text-primary\r\n                                            hover:bg-white hover:border-[#FF9900] hover:text-[#FF9900] transition\">Buy Now<\/a>                                    <\/div>\r\n\r\n                                    <a href=\"https:\/\/authorwebsiteexample.com\/author-pro\/book\/people-we-meet-on-vacation\/\" class=\"block w-full py-2.5 border border-primary text-primary text-center text-xs font-bold uppercase rounded hover:bg-primary hover:text-white transition\">\r\n                                        View Details                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"group bg-white rounded-xl shadow-sm hover:shadow-xl hover:-translate-y-1 transition duration-300 overflow-hidden border border-gray-100 flex flex-col\">\r\n                            <div class=\"relative p-6 bg-[#f1f5f9] flex justify-center items-center h-64 overflow-hidden\">\r\n                                                                <span class=\"absolute top-4 left-4 bg-accent text-white text-[10px] font-bold px-2 py-1 rounded uppercase z-10\">Paperback<\/span>\r\n                                                                \r\n                                                                <img decoding=\"async\" src=\"https:\/\/authorwebsiteexample.com\/author-pro\/wp-content\/uploads\/sites\/3\/2026\/01\/The-Housemaid-683x1024.jpg\" class=\"h-48 shadow-lg rounded transform group-hover:scale-105 transition duration-500\">\r\n                                                            <\/div>\r\n                            <div class=\"p-5 flex-1 flex flex-col\">\r\n                                <div class=\"mb-2 flex justify-between items-center\">\r\n                                    <span class=\"text-[10px] font-bold text-accent uppercase tracking-widest px-1 py-0.5 rounded\">Crime<\/span>\r\n                                    <span class=\"text-sm font-bold text-primary\">$10.78<\/span>\r\n                                <\/div>\r\n                                <h3 class=\"text-xl font-serif font-bold text-primary mb-1 group-hover:text-accent transition\">\r\n                                    <a href=\"https:\/\/authorwebsiteexample.com\/author-pro\/book\/the-housemaid\/\">The Housemaid<\/a>\r\n                                <\/h3>\r\n                                <div class=\"flex items-center mb-2\">\r\n                                    <div class=\"flex text-yellow-400 text-xs gap-0.5\">\r\n                                        <svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg>                                    <\/div>\r\n                                    <span class=\"text-[10px] text-gray-400 font-medium ml-1.5\">(0)<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-center gap-2 mb-3\">\r\n                                    <svg class=\"w-3 h-3 text-gray-400\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M432.5 82.3L382.4 132.4L507.7 257.7L557.8 207.6C579.7 185.7 579.7 150.3 557.8 128.4L511.7 82.3C489.8 60.4 454.4 60.4 432.5 82.3zM343.3 161.2L342.8 161.3L198.7 204.5C178.8 210.5 163 225.7 156.4 245.5L67.8 509.8C64.9 518.5 65.9 528 70.3 535.8L225.7 380.4C224.6 376.4 224.1 372.3 224.1 368C224.1 341.5 245.6 320 272.1 320C298.6 320 320.1 341.5 320.1 368C320.1 394.5 298.6 416 272.1 416C267.8 416 263.6 415.4 259.7 414.4L104.3 569.7C112.1 574.1 121.5 575.1 130.3 572.2L394.6 483.6C414.3 477 429.6 461.2 435.6 441.3L478.8 297.2L478.9 296.7L343.4 161.2z\"\/><\/svg>                                    <span class=\"text-xs font-bold text-secondary\">Freida McFadden<\/span>\r\n                                <\/div>\r\n                                <p class=\"text-xs text-secondary mb-4 line-clamp-3 leading-relaxed\"><\/p>\r\n\r\n                                <div class=\"mt-auto space-y-3\">\r\n                                    <div class=\"flex flex-wrap gap-2\">\r\n                                    <a href=\"https:\/\/www.amazon.com\/Housemaid-Freida-McFadden\/dp\/1538742578\/\"\r\n                                        class=\"flex-1 min-w-[110px] flex items-center justify-center gap-1 py-2\r\n                                            bg-gray-50 border border-gray-200 rounded text-xs font-bold text-primary\r\n                                            hover:bg-white hover:border-[#FF9900] hover:text-[#FF9900] transition\">Buy Now<\/a>                                    <\/div>\r\n\r\n                                    <a href=\"https:\/\/authorwebsiteexample.com\/author-pro\/book\/the-housemaid\/\" class=\"block w-full py-2.5 border border-primary text-primary text-center text-xs font-bold uppercase rounded hover:bg-primary hover:text-white transition\">\r\n                                        View Details                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"group bg-white rounded-xl shadow-sm hover:shadow-xl hover:-translate-y-1 transition duration-300 overflow-hidden border border-gray-100 flex flex-col\">\r\n                            <div class=\"relative p-6 bg-[#f1f5f9] flex justify-center items-center h-64 overflow-hidden\">\r\n                                                                <span class=\"absolute top-4 left-4 bg-accent text-white text-[10px] font-bold px-2 py-1 rounded uppercase z-10\">Paperback<\/span>\r\n                                                                \r\n                                                                <img decoding=\"async\" src=\"https:\/\/authorwebsiteexample.com\/author-pro\/wp-content\/uploads\/sites\/3\/2026\/01\/Project-Hail-Mary-A-Novel-666x1024.jpg\" class=\"h-48 shadow-lg rounded transform group-hover:scale-105 transition duration-500\">\r\n                                                            <\/div>\r\n                            <div class=\"p-5 flex-1 flex flex-col\">\r\n                                <div class=\"mb-2 flex justify-between items-center\">\r\n                                    <span class=\"text-[10px] font-bold text-accent uppercase tracking-widest px-1 py-0.5 rounded\">Action &amp; Adventure<\/span>\r\n                                    <span class=\"text-sm font-bold text-primary\">$13.98<\/span>\r\n                                <\/div>\r\n                                <h3 class=\"text-xl font-serif font-bold text-primary mb-1 group-hover:text-accent transition\">\r\n                                    <a href=\"https:\/\/authorwebsiteexample.com\/author-pro\/book\/project-hail-mary-a-novel\/\">Project Hail Mary: A Novel<\/a>\r\n                                <\/h3>\r\n                                <div class=\"flex items-center mb-2\">\r\n                                    <div class=\"flex text-yellow-400 text-xs gap-0.5\">\r\n                                        <svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg>                                    <\/div>\r\n                                    <span class=\"text-[10px] text-gray-400 font-medium ml-1.5\">(0)<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-center gap-2 mb-3\">\r\n                                    <svg class=\"w-3 h-3 text-gray-400\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M432.5 82.3L382.4 132.4L507.7 257.7L557.8 207.6C579.7 185.7 579.7 150.3 557.8 128.4L511.7 82.3C489.8 60.4 454.4 60.4 432.5 82.3zM343.3 161.2L342.8 161.3L198.7 204.5C178.8 210.5 163 225.7 156.4 245.5L67.8 509.8C64.9 518.5 65.9 528 70.3 535.8L225.7 380.4C224.6 376.4 224.1 372.3 224.1 368C224.1 341.5 245.6 320 272.1 320C298.6 320 320.1 341.5 320.1 368C320.1 394.5 298.6 416 272.1 416C267.8 416 263.6 415.4 259.7 414.4L104.3 569.7C112.1 574.1 121.5 575.1 130.3 572.2L394.6 483.6C414.3 477 429.6 461.2 435.6 441.3L478.8 297.2L478.9 296.7L343.4 161.2z\"\/><\/svg>                                    <span class=\"text-xs font-bold text-secondary\">Andy Weir<\/span>\r\n                                <\/div>\r\n                                <p class=\"text-xs text-secondary mb-4 line-clamp-3 leading-relaxed\"><\/p>\r\n\r\n                                <div class=\"mt-auto space-y-3\">\r\n                                    <div class=\"flex flex-wrap gap-2\">\r\n                                    <a href=\"https:\/\/www.amazon.com\/Project-Hail-Mary-Andy-Weir\/dp\/0593135229\/\"\r\n                                        class=\"flex-1 min-w-[110px] flex items-center justify-center gap-1 py-2\r\n                                            bg-gray-50 border border-gray-200 rounded text-xs font-bold text-primary\r\n                                            hover:bg-white hover:border-[#FF9900] hover:text-[#FF9900] transition\">Buy Now<\/a>                                    <\/div>\r\n\r\n                                    <a href=\"https:\/\/authorwebsiteexample.com\/author-pro\/book\/project-hail-mary-a-novel\/\" class=\"block w-full py-2.5 border border-primary text-primary text-center text-xs font-bold uppercase rounded hover:bg-primary hover:text-white transition\">\r\n                                        View Details                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"group bg-white rounded-xl shadow-sm hover:shadow-xl hover:-translate-y-1 transition duration-300 overflow-hidden border border-gray-100 flex flex-col\">\r\n                            <div class=\"relative p-6 bg-[#f1f5f9] flex justify-center items-center h-64 overflow-hidden\">\r\n                                                                <span class=\"absolute top-4 left-4 bg-accent text-white text-[10px] font-bold px-2 py-1 rounded uppercase z-10\">Paperback<\/span>\r\n                                                                \r\n                                                                <img decoding=\"async\" src=\"https:\/\/authorwebsiteexample.com\/author-pro\/wp-content\/uploads\/sites\/3\/2026\/01\/The-Last-Letter-683x1024.jpg\" class=\"h-48 shadow-lg rounded transform group-hover:scale-105 transition duration-500\">\r\n                                                            <\/div>\r\n                            <div class=\"p-5 flex-1 flex flex-col\">\r\n                                <div class=\"mb-2 flex justify-between items-center\">\r\n                                    <span class=\"text-[10px] font-bold text-accent uppercase tracking-widest px-1 py-0.5 rounded\">Family Life<\/span>\r\n                                    <span class=\"text-sm font-bold text-primary\">$9.85<\/span>\r\n                                <\/div>\r\n                                <h3 class=\"text-xl font-serif font-bold text-primary mb-1 group-hover:text-accent transition\">\r\n                                    <a href=\"https:\/\/authorwebsiteexample.com\/author-pro\/book\/the-last-letter\/\">The Last Letter<\/a>\r\n                                <\/h3>\r\n                                <div class=\"flex items-center mb-2\">\r\n                                    <div class=\"flex text-yellow-400 text-xs gap-0.5\">\r\n                                        <svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg><svg class=\"w-3 h-3 text-gray-300\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z\"\/><\/svg>                                    <\/div>\r\n                                    <span class=\"text-[10px] text-gray-400 font-medium ml-1.5\">(0)<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-center gap-2 mb-3\">\r\n                                    <svg class=\"w-3 h-3 text-gray-400\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M432.5 82.3L382.4 132.4L507.7 257.7L557.8 207.6C579.7 185.7 579.7 150.3 557.8 128.4L511.7 82.3C489.8 60.4 454.4 60.4 432.5 82.3zM343.3 161.2L342.8 161.3L198.7 204.5C178.8 210.5 163 225.7 156.4 245.5L67.8 509.8C64.9 518.5 65.9 528 70.3 535.8L225.7 380.4C224.6 376.4 224.1 372.3 224.1 368C224.1 341.5 245.6 320 272.1 320C298.6 320 320.1 341.5 320.1 368C320.1 394.5 298.6 416 272.1 416C267.8 416 263.6 415.4 259.7 414.4L104.3 569.7C112.1 574.1 121.5 575.1 130.3 572.2L394.6 483.6C414.3 477 429.6 461.2 435.6 441.3L478.8 297.2L478.9 296.7L343.4 161.2z\"\/><\/svg>                                    <span class=\"text-xs font-bold text-secondary\">Rebecca Yarros<\/span>\r\n                                <\/div>\r\n                                <p class=\"text-xs text-secondary mb-4 line-clamp-3 leading-relaxed\"><\/p>\r\n\r\n                                <div class=\"mt-auto space-y-3\">\r\n                                    <div class=\"flex flex-wrap gap-2\">\r\n                                    <a href=\"https:\/\/www.amazon.com\/Last-Letter-Rebecca-Yarros\/dp\/1640635335\/\"\r\n                                        class=\"flex-1 min-w-[110px] flex items-center justify-center gap-1 py-2\r\n                                            bg-gray-50 border border-gray-200 rounded text-xs font-bold text-primary\r\n                                            hover:bg-white hover:border-[#FF9900] hover:text-[#FF9900] transition\">Buy Now<\/a>                                    <\/div>\r\n\r\n                                    <a href=\"https:\/\/authorwebsiteexample.com\/author-pro\/book\/the-last-letter\/\" class=\"block w-full py-2.5 border border-primary text-primary text-center text-xs font-bold uppercase rounded hover:bg-primary hover:text-white transition\">\r\n                                        View Details                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                    <!-- Pagination -->\r\n                    <!-- Note: Implementation simplified for View.js update -->\r\n                    <div class=\"awt-pagination mt-16 flex justify-center gap-2\">\r\n                        <button class=\"w-10 h-10 flex items-center justify-center rounded bg-primary text-white font-bold text-sm\">1<\/button><button data-page=\"2\" class=\"awt-page-link w-10 h-10 flex items-center justify-center rounded bg-white border border-gray-200 text-secondary hover:border-accent hover:text-accent transition font-bold text-sm\">2<\/button><button data-page=\"2\" class=\"awt-page-link w-10 h-10 flex items-center justify-center rounded bg-white border border-gray-200 hover:border-accent hover:text-white text-primary hover:bg-primary transition font-bold text-sm\"><svg class=\"w-4 h-4\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\"><path d=\"M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z\"\/><\/svg><\/button>                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"awt-canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/authorwebsiteexample.com\/author-pro\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/authorwebsiteexample.com\/author-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/authorwebsiteexample.com\/author-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/authorwebsiteexample.com\/author-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/authorwebsiteexample.com\/author-pro\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":3,"href":"https:\/\/authorwebsiteexample.com\/author-pro\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":182,"href":"https:\/\/authorwebsiteexample.com\/author-pro\/wp-json\/wp\/v2\/pages\/31\/revisions\/182"}],"wp:attachment":[{"href":"https:\/\/authorwebsiteexample.com\/author-pro\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}