.category-hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 20px 60px;text-align:center;position:relative;overflow:hidden}.category-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.1) 0%,transparent 50%);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.category-title{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:20px;text-shadow:0 4px 20px rgba(0,0,0,.3);position:relative;z-index:2}.category-subtitle{font-size:1.2rem;color:#ffffffe6;margin-bottom:40px;position:relative;z-index:2}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;padding:80px 20px;max-width:1400px;margin:0 auto;background:#f8f9fa}.category-card{background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 15px 35px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;cursor:pointer}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s;z-index:1}.category-card:hover:before{transform:translate(100%)}.category-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 25px 50px #0003}.category-image{height:220px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.category-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eeacc,#764ba2cc);transition:opacity .3s ease}.category-card:hover .category-image:after{opacity:.6}.category-icon{font-size:4rem;color:#fff;position:relative;z-index:2;transition:transform .3s ease}.category-card:hover .category-icon{transform:scale(1.1) rotate(5deg)}.category-content{padding:30px 25px;text-align:center;position:relative}.category-name{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:12px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.category-description{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:20px}.category-count{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block;margin-bottom:20px}.category-btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:12px 30px;border:none;border-radius:25px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;position:relative;overflow:hidden}.category-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.category-btn:hover:before{left:100%}.category-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea66;color:#fff}.category-card.featured{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.category-card.featured .category-name{color:#fff;-webkit-text-fill-color:white}.category-card.featured .category-description{color:#ffffffe6}@media (max-width: 768px){.category-title{font-size:2.5rem}.category-grid{grid-template-columns:1fr;gap:20px;padding:50px 15px}.category-card{margin:0 10px}.category-image{height:180px}.category-icon{font-size:3rem}}.category-loading{opacity:0;transform:translateY(30px);animation:categoryFadeIn .8s ease forwards}@keyframes categoryFadeIn{to{opacity:1;transform:translateY(0)}}.category-card:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#667eea,#764ba2);border-radius:25px;z-index:-1;opacity:0;transition:opacity .3s ease}.category-card:hover:after{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/5/assets/category-page.css.map */