.category-spotlight{background-color:#fff;width:100%;max-width:1500px;padding:20px}.category-spotlight .header-wrapper{text-align:center;margin-bottom:10px}.category-spotlight .header-wrapper .subtitle{text-transform:uppercase;letter-spacing:2px;color:#ff9800;background:#ff98001a;border-radius:50px;margin-bottom:5px;padding:5px 15px;font-size:12px;font-weight:800;display:inline-block}.category-spotlight .header-wrapper .section-title{color:#1a1a1a;letter-spacing:-1px;margin:0;font-size:22px;font-weight:800;position:relative}.category-spotlight .category-swiper{gap:10px;padding:20px 10px;display:flex}.category-spotlight .category-swiper .swiper-slide{height:auto}
.category-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:24px;flex-direction:column;align-items:center;padding:30px 20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 10px 20px #00000008}.category-card .icon{border-radius:5px;width:80px;height:60px;margin-bottom:20px;overflow:hidden}.category-card h4{color:#2d3436;margin-bottom:8px;font-size:16px;font-weight:700}.category-card p{color:#b2bec3;font-size:13px;font-weight:500}.category-card:hover{border-color:#ff9800;transform:translateY(-12px);box-shadow:0 20px 40px #ff980026}.category-card.skeleton-card{cursor:default;pointer-events:none}.category-card.skeleton-card .skeleton-icon{background:linear-gradient(90deg,#eceff1 25%,#f7f9fa 50%,#eceff1 75%) 0 0/200% 100%;border-radius:5px;animation:1.5s infinite shimmer}.category-card.skeleton-card .skeleton-title{background:linear-gradient(90deg,#eceff1 25%,#f7f9fa 50%,#eceff1 75%) 0 0/200% 100%;border-radius:4px;width:70%;height:18px;margin-bottom:12px;animation:1.5s infinite shimmer}.category-card.skeleton-card .skeleton-text{background:linear-gradient(90deg,#eceff1 25%,#f7f9fa 50%,#eceff1 75%) 0 0/200% 100%;border-radius:4px;width:30%;height:13px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}
