.category-main{background-color:#080b14;min-height:100vh;padding:0 20px}.category-breadcrumb{max-width:1200px;margin:0 auto;padding-top:20px}.coming-soon-card-container{justify-content:center;max-width:1200px;margin:30px auto 50px;padding:0;display:flex}.coming-soon-card{cursor:pointer;background:linear-gradient(135deg,#394ff01a 0%,#0e111ccc 100%);border:1px solid #394ff033;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:320px;height:200px;padding:20px;transition:all .3s;display:flex;position:relative}.coming-soon-card:hover{background:linear-gradient(135deg,#394ff033 0%,#0e111ce6 100%);border-color:#394ff066;transform:translateY(-5px);box-shadow:0 8px 24px #394ff040}.coming-soon-card:hover .coming-soon-title{background:#394ff040;border-color:#394ff080;transform:translate(-50%)translateY(-2px);box-shadow:0 12px 40px #394ff066,inset 0 1px #394ff066,inset 0 -1px #0003}.coming-soon-card:hover .coming-soon-badge{background:linear-gradient(135deg,#5b6eff 0%,#394ff0 100%);animation-play-state:paused;transform:translateY(-1px)scale(1.1);box-shadow:0 8px 24px #394ff099,0 4px 16px #394ff0cc,inset 0 1px #ffffff4d}.coming-soon-badge{color:#fff;letter-spacing:.5px;z-index:10;text-shadow:0 1px 2px #0006;-webkit-backdrop-filter:blur(4px);transform-origin:50%;text-transform:uppercase;background:linear-gradient(135deg,#394ff0 0%,#5b6eff 100%);border:1px solid #ffffff26;border-radius:24px;padding:8px 16px;font-size:13px;font-weight:800;animation:3s ease-in-out infinite badgeFloat;position:absolute;top:-3px;left:5px;box-shadow:0 4px 16px #394ff066,0 2px 8px #394ff099,inset 0 1px #fff3}.coming-soon-icon{z-index:1;border-radius:12px;justify-content:center;align-items:center;width:220px;height:220px;margin-bottom:15px;display:flex}.coming-soon-image{object-fit:cover;width:100%;height:100%}.coming-soon-title{color:#fff;text-align:center;-webkit-backdrop-filter:blur(20px);white-space:nowrap;text-overflow:ellipsis;z-index:2;background:#394ff026;border:1px solid #394ff04d;border-radius:12px;max-width:calc(100% - 20px);margin:0;padding:8px 16px;font-size:16px;font-weight:700;line-height:1.4;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.8s ease-out .3s both titleFrameFadeIn;position:absolute;bottom:-15px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 32px #394ff033,inset 0 1px #394ff04d,inset 0 -1px #00000026}.category-page-header{text-align:center;max-width:1200px;margin:30px auto 50px;position:relative}.category-page-header:before{content:"";background:linear-gradient(135deg,#394ff0 0%,#5b6eff 100%);border-radius:2px;width:80px;height:4px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.category-main-title{color:var(--Colors-Shades-White,#fff);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#e0e7ff 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:36px;font-style:normal;font-weight:800;line-height:1.2;position:relative}.category-main-title span{color:#394ff0;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#394ff0 0%,#5b6eff 100%);-webkit-background-clip:text;background-clip:text;font-weight:800}.category-main-description{color:#fffc;max-width:700px;margin:0 auto;font-size:18px;font-style:normal;font-weight:500;line-height:1.6;position:relative}.category-container{grid-template-columns:repeat(2,1fr);justify-items:center;gap:40px 20px;max-width:1200px;margin:0 auto;padding-bottom:100px;display:grid}.no-categories{text-align:center;color:#ffffffb3;padding:60px 20px}.no-categories p{margin:0;font-size:18px}@media (min-width:768px){.category-main{padding:0 40px}.category-breadcrumb{padding-top:30px}.coming-soon-card{max-width:420px}.category-main-title{font-size:42px}.category-main-description{font-size:20px}.category-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-items:center;gap:30px;padding-bottom:80px;display:grid}}@media (min-width:1024px){.category-main{padding:0 60px}.category-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}}@media (min-width:1400px){.category-main{padding:0 80px}.category-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:50px}}@media (max-width:480px){.coming-soon-card{max-width:100%;height:180px;margin:20px auto 30px;padding:15px 10px}.coming-soon-badge{letter-spacing:.4px;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:800;top:-3px;left:5px}.coming-soon-icon{width:140px;height:140px;margin-bottom:15px}.coming-soon-title{border-radius:10px;max-width:calc(100% - 10px);padding:6px 10px;font-size:13px;bottom:-12px}.category-main-title{font-size:28px}.category-main-description{padding:0 20px;font-size:16px}.category-page-header{margin:20px auto 40px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes titleFrameFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transform:translate(-50%)translateY(10px)}to{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(-50%)translateY(0)}}@keyframes badgePulse{0%{transform:scale(1);box-shadow:0 2px 8px #ff6b3566}50%{transform:scale(1.05);box-shadow:0 4px 16px #ff6b3599}to{transform:scale(1);box-shadow:0 2px 8px #ff6b3566}}@keyframes badgeFloat{0%,to{transform:translateY(0)scale(1);box-shadow:0 4px 16px #394ff066,0 2px 8px #394ff099,inset 0 1px #fff3}25%{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #394ff080,0 3px 12px #394ff0b3,inset 0 1px #ffffff40}50%{transform:translateY(-1px)scale(1.05);box-shadow:0 8px 24px #394ff099,0 4px 16px #394ff0cc,inset 0 1px #ffffff4d}75%{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #394ff080,0 3px 12px #394ff0b3,inset 0 1px #ffffff40}}.category-page-header{animation:.8s ease-out fadeInUp}.category-main-title{animation:1s ease-out .2s both slideInFromTop}.category-main-description{animation:1s ease-out .4s both fadeInUp}.error-message{color:var(--Colors-Shades-White,#fff);text-align:center;background:#dc35451a;border:1px solid #dc35454d;border-radius:10px;width:100%;max-width:500px;margin:60px auto;padding:20px;font-size:16px;font-weight:500}