.categories-section{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);min-height:60vh;padding:4rem 2rem}.categories-container{max-width:1200px;margin:0 auto}.categories-breadcrumb{color:#6b7280;margin-bottom:2rem;font-size:.875rem}.categories-breadcrumb a{color:#2563eb;text-decoration:none}.categories-breadcrumb a:hover{text-decoration:underline}.categories-breadcrumb .breadcrumb-sep{color:#9ca3af;margin:0 .5rem}.categories-header{text-align:center;margin-bottom:3rem}.categories-title{color:#111827;margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}@media (min-width:768px){.categories-title{font-size:3rem}}.categories-subtitle{color:#6b7280;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.categories-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;display:grid}@media (min-width:640px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.categories-grid{grid-template-columns:repeat(4,1fr)}}@keyframes catCardEntrance{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes catShimmer{0%{transform:translate(-100%)skew(-15deg)}to{transform:translate(200%)skew(-15deg)}}@keyframes catIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.category-card{cursor:pointer;min-height:180px;color:inherit;opacity:0;border-radius:1rem;align-items:flex-end;padding:1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.7s ease-out forwards catCardEntrance;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.category-card:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;position:absolute;top:0;left:0;transform:translate(-100%)skew(-15deg)}.category-card:first-child{animation-delay:50ms}.category-card:nth-child(2){animation-delay:.1s}.category-card:nth-child(3){animation-delay:.15s}.category-card:nth-child(4){animation-delay:.2s}.category-card:nth-child(5){animation-delay:.25s}.category-card:nth-child(6){animation-delay:.3s}.category-card:nth-child(7){animation-delay:.35s}.category-card:nth-child(8){animation-delay:.4s}.category-card:nth-child(9){animation-delay:.45s}.category-card:nth-child(10){animation-delay:.5s}.category-card:nth-child(11){animation-delay:.55s}.category-card:nth-child(12){animation-delay:.6s}.category-card:hover{transform:translateY(-8px)scale(1.03);box-shadow:0 25px 35px -5px #0003,0 15px 15px -5px #00000014}.category-card:hover:before{animation:.8s ease-in-out catShimmer}.category-card:hover .category-card-icon{animation:.8s ease-in-out infinite catIconPulse}.category-card-content{text-align:center;z-index:2;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.category-card-title{color:#fff;margin:0 0 .5rem;font-size:1.25rem;font-weight:700;line-height:1.3}.category-card-count{color:#ffffffe6;margin:0 0 1rem;font-size:.95rem;font-weight:500}.category-card-icon{background-color:#fff3;border-radius:.5rem;padding:.5rem;font-size:2rem;line-height:1;transition:transform .3s}.categories-footer{text-align:center;background:#fff;border-radius:1rem;padding:2.5rem;box-shadow:0 4px 6px #0000001a}.categories-footer-title{color:#111827;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.categories-footer-text{color:#6b7280;margin-bottom:1.5rem;font-size:1rem}.categories-cta-button{color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-block}.categories-cta-button:hover{opacity:.9;color:#fff;transform:translateY(-2px)}.no-categories{color:#6b7280;text-align:center;padding:3rem 0;font-size:1.1rem}@media (max-width:640px){.categories-section{padding:3rem 1rem}.categories-title{font-size:2rem}.category-card{padding:1.25rem}.category-card-title{font-size:1.125rem}.categories-footer{padding:2rem 1.5rem}}@media (prefers-reduced-motion:reduce){.category-card{opacity:1;animation:none}.category-card:before{display:none}.category-card:hover{transform:none}.category-card:hover .category-card-icon{animation:none;transform:scale(1.1)}.categories-cta-button:hover{transform:none}}