.category-body main{max-width:1160px;margin:0 auto;padding:32px 24px 48px}.category-heading{margin-bottom:28px}.category-heading h1{font-size:clamp(30px,4vw,42px);margin:8px 0 14px}.category-heading p{color:var(--muted);font-size:16px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px}.category-tile{display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:124px;padding:22px 2px;border-bottom:1px solid var(--line)}.category-tile h2{font-size:23px;line-height:1.6;overflow-wrap:anywhere}.category-tile>span{font-size:15px;color:var(--wine)}.category-tile>span span{float:right}.category-tile:hover h2,.category-book:hover h2{text-decoration:underline;text-underline-offset:5px}.category-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;font-size:15px}.category-breadcrumb a{color:var(--wine)}.category-filter{padding:20px 0 28px;margin-bottom:10px;border-block:1px solid var(--line)}.category-filter label{display:block;font-size:16px;margin-bottom:10px}.category-filter>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.category-filter input{font:inherit;font-size:16px;width:min(440px,100%);min-width:0;border:1px solid var(--line);background:var(--surface);padding:12px;border-radius:5px}.category-filter button{font:inherit;background:var(--wine);color:white;border:0;border-radius:5px;padding:12px 20px;cursor:pointer}.category-filter a{padding:10px;color:var(--wine)}.category-book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px;margin:28px 0}.category-book{display:flex;flex-direction:column;min-width:0;gap:10px;border-bottom:1px solid var(--line);padding-bottom:20px}.category-cover{display:grid;place-items:center;width:100%;aspect-ratio:4/5;background:#f0e9dd;padding:18px;color:var(--muted);font-size:14px}.category-cover img{width:100%;height:100%;min-height:0;object-fit:contain}.category-book h2{font-family:inherit;font-size:18px;line-height:1.6;overflow-wrap:anywhere}.category-book p{font-size:14px;color:var(--muted);margin:0;overflow-wrap:anywhere}.category-book strong{color:var(--wine);font-size:16px;margin-top:auto}.category-book-action{font-size:14px;color:var(--wine)}.category-pagination{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin:30px 0;font-size:16px}.category-pagination a,.category-empty a{display:inline-block;border:1px solid var(--line);padding:12px 16px;border-radius:5px;color:var(--wine)}.category-pagination>span{color:var(--muted)}.category-empty{padding:36px 0;max-width:720px}.category-empty h1,.category-empty h2{font-size:26px;line-height:1.6}.category-empty a{margin:10px 10px 0 0}.category-freshness{font-size:13px;color:var(--muted);line-height:1.8;margin-top:28px}.category-body footer{padding:24px;max-width:1160px;margin:auto}.category-body .header nav{flex-wrap:wrap}.category-body [hidden]{display:none!important}.category-body a:focus-visible,.category-body input:focus-visible,.category-body button:focus-visible{outline:3px solid var(--wine);outline-offset:4px}
@media(max-width:850px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.category-body .header{flex-wrap:wrap;gap:18px}.category-body .header nav{font-size:14px;gap:16px}}
@media(max-width:580px){.category-body main{padding:24px 18px 36px}.category-grid{gap:0 18px}.category-tile h2{font-size:19px}.category-tile{padding:18px 0;min-height:120px}.category-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.category-cover{padding:12px}.category-book h2{font-size:16px}.category-book p{font-size:14px}.category-body .header{padding:18px}.category-body .brand small{font-size:13px}.category-pagination{gap:10px;font-size:14px}.category-filter input{flex:1;width:160px}.category-body .header nav{width:100%;gap:14px}.category-body .brand{font-size:25px}.category-freshness{font-size:13px}}