.category-hero { padding: 64px 0; background: #0b162b; color: white; }
.category-hero h1 { font: 700 clamp(42px,6vw,72px)/1.15 var(--display); margin: 16px 0; }
.category-hero h1 span { color: var(--category-color); }
.category-hero p { max-width: 650px; color: #ced8e9; }
.category-collection { padding-top: 44px; padding-bottom: 80px; }
.category-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; margin-bottom: 28px; }
.category-heading h2 { font-size: 26px; font-weight: 700; }
.category-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.category-card { border: 1px solid #e0e5ed; border-radius: 20px; overflow: hidden; background: white; transition: box-shadow .2s; }
.category-card:hover { box-shadow: 0 10px 28px #0f1f3d12; }
.category-card img { width: 100%; height: auto; aspect-ratio: 1600/840; object-fit: cover; }
.category-card-copy { padding: 24px; }
.category-card-copy h3 { font-size: 23px; font-weight: 700; margin: 12px 0; }
.category-card-copy span { display: block; margin-top: 22px; font-weight: 700; }
.category-date { font-size: 13px; }
.category-empty { background: #f3f6fa; border-radius: 20px; padding: 40px; }
.category-empty h3 { font-size: 24px; font-weight: 700; margin-bottom: 12px; }
.category-empty a { display: inline-block; margin-top: 20px; font-weight: 700; }
@media(max-width:1000px) { .category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .category-grid { grid-template-columns: 1fr; } .category-heading { display: block; } .category-heading p { margin-top: 10px; } }