.homepage-container{background-color:var(--background-color);color:var(--primary-color);overflow-x:hidden}.homepage-title{text-align:center;color:var(--primary-color)}.search-filter-container{text-align:center;margin-bottom:20px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.category-select,.search-input{padding:10px;border-radius:5px;margin-bottom:10px;border:1px solid var(--secondary-color);background-color:var(--background-color);color:var(--primary-color)}.search-input{max-width:400px}.category-select{padding:7.5px}.books-display-container{display:flex;flex-wrap:wrap;justify-content:center;min-height:auto}@media (max-width:600px){.search-filter-container{width:100%;padding:0 10px;box-sizing:border-box;flex-wrap:nowrap;gap:10px}.search-input{width:calc(70% - 5px);max-width:none;margin-right:0}}@media (max-width:481px){.search-input{width:calc(60% - 5px)}.category-select{width:calc(30% - 5px)}}@media (max-width:592px){.homepage-container{padding:0!important}}@media (max-width:830px){.books-display-container{justify-content:center}}.recently-viewed-section{margin-top:23px;margin-bottom:15px;padding:15px 15px 0 0;border:1px solid var(--secondary-color);border-radius:8px;position:relative;width:96%;margin-right:4%}.recently-viewed-section,.section-title{background-color:var(--background-color)}.section-title{position:absolute;top:-23px;right:20px;padding:0 10px;font-size:1.2em;color:var(--primary-color);text-align:right;margin:0}.horizontal-scroll-container{display:flex;overflow-x:scroll;-webkit-overflow-scrolling:touch;gap:8px;padding:0 0 10px}.horizontal-scroll-container .book-card{flex-shrink:0;-webkit-margin-end:8px;margin-inline-end:8px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}