.category-page{max-width:1400px;margin:0 auto;padding:4rem 2rem;min-height:calc(100vh - 5rem);background:#f9f9f9;position:relative}.category-page h1{font-size:clamp(2.2rem,1.65rem + 1.65vw,3.52rem);font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:700;text-align:center;margin-bottom:4rem;color:#009de0;text-shadow:0 1px 2px rgba(26,26,26,.1);text-transform:uppercase}.category-page ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem}.category-page li{background:#f9f9f9;border-radius:8px;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease;border:1px solid #f0f0f0;position:relative;animation:cardFadeIn .8s ease-out}.category-page li:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(26,26,26,.1);border-color:#009de0}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.category-page a{display:flex;flex-direction:column;align-items:center;padding:1rem;text-decoration:none;color:#009de0;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:500;transition:color .2s ease}.category-page a:hover{color:#004b87}.category-page a .category-image{width:100%;height:150px;object-fit:contain;margin-bottom:.5rem;transition:transform .2s ease}.category-page a .category-image:hover{transform:scale(1.05)}.category-page a span{text-align:center;line-height:1.6}@media(max-width:768px){.category-page{padding:2rem 1rem}.category-page h1{font-size:clamp(2rem,1.5rem + 1.5vw,3.2rem)}.category-page ul{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}}@media(max-width:640px){.category-page{padding:1rem .5rem}.category-page ul{grid-template-columns:1fr}.category-page li{margin:0 .25rem}.category-page a{padding:.5rem;font-size:.9rem}.category-page a .category-image{height:120px}}