body.categories-overview{background:linear-gradient(135deg,var(--color-gradient-start) 0%,var(--color-gradient-end) 100%)fixed;min-height:100vh}.categories-overview-hero{background:linear-gradient(90deg,var(--color-hero-start) 0%,var(--color-hero-end) 100%);color:#fff;padding:4rem 2rem;position:relative;overflow:hidden}.categories-overview-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(110,70,39,.9) 0%,rgba(110,89,72,.9) 100%);z-index:1}.categories-overview-hero-content{position:relative;z-index:10;max-width:1280px;margin:0 auto;padding:0 1rem}.categories-overview-hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:.75rem;color:#fff;line-height:1.2}.categories-overview-hero-description{font-size:1.125rem;color:var(--color-secondary);margin:0;line-height:1.6;max-width:800px}.categories-grid-section{padding:3rem 0;max-width:1280px;margin:0 auto}body.categories-overview .categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:0 1rem}.category-overview-card{display:block;position:relative;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;min-height:280px}.category-overview-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,4%)}.category-icon-bg{position:absolute;top:-20px;right:-20px;width:180px;height:180px;opacity:.08;color:var(--color-primary);transition:all .3s ease;pointer-events:none}.category-icon-bg svg{width:100%;height:100%;stroke-width:1.5}.category-overview-card:hover .category-icon-bg{opacity:.12;transform:scale(1.1)rotate(5deg)}.category-card-content{position:relative;z-index:2;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:280px}.category-card-title{font-size:1.75rem;font-weight:700;color:var(--color-brown-dark);margin:0;line-height:1.3;transition:color .3s ease}.category-overview-card:hover .category-card-title{color:var(--color-primary)}.category-card-description{font-size:1rem;color:var(--color-brown-medium);line-height:1.6;margin:0;flex-grow:1}.category-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:2px solid rgba(237,151,85,.2)}.category-book-count{font-size:.875rem;font-weight:600;color:var(--color-brown-medium);text-transform:uppercase;letter-spacing:.05em}.category-card-arrow{display:flex;align-items:center;color:var(--color-primary);transition:transform .3s ease}.category-card-arrow svg{width:1.5rem;height:1.5rem}.category-overview-card:hover .category-card-arrow{transform:translateX(8px)}@media(max-width:1024px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.category-icon-bg{width:150px;height:150px}}@media(max-width:768px){.categories-overview-hero{padding:3rem 1rem}.categories-overview-hero-title{font-size:2rem}.categories-overview-hero-description{font-size:1rem}.categories-grid-section{padding:2rem 0}body.categories-overview .categories-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.category-card-content{padding:1.5rem 1.25rem;min-height:240px}.category-card-title{font-size:1.5rem}.category-icon-bg{width:120px;height:120px;top:-10px;right:-10px}}@media(max-width:640px){.categories-overview-hero{padding:2.5rem 1rem}.categories-overview-hero-title{font-size:1.75rem}body.categories-overview .categories-grid{grid-template-columns:1fr;gap:1.5rem}.category-overview-card{min-height:200px}.category-card-content{min-height:200px}}@media(min-width:641px) and (max-width:1023px){body.categories-overview .categories-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){body.categories-overview .categories-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(min-width:1280px){.categories-grid-section{max-width:1400px}body.categories-overview .categories-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem}}