.wfx-category-nav-section{background:#fafafa;padding:30px 0}.wfx-title-lines{position:relative;max-width:1200px;margin:0 auto;padding:20px 1rem 10px}.wfx-title-lines h2{overflow:hidden;color:#000;text-align:center;text-transform:uppercase;font-size:20px;font-weight:600;margin:0;position:relative;display:flex;align-items:center;justify-content:center;gap:20px}.wfx-title-lines h2:after,.wfx-title-lines h2:before{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,#e6e6e6 20%,#e6e6e6 80%,transparent);transition:background .5s ease}.wfx-title-lines h2:hover:after,.wfx-title-lines h2:hover:before{background:linear-gradient(90deg,transparent,#00ffff 20%,#00ffff 80%,transparent)}.wfx-catnav-wrap{width:100%;display:block;background:#fafafa}.wfx-catnav{--wfx-gap:clamp(6px,2vw,18px);--wfx-circle-max:110px;--wfx-circle-min:40px;--wfx-circle-bg:#ffffff;--wfx-circle-border:#e6e6e6;--wfx-electric-color:#00ffff;max-width:1200px;margin:0 auto;padding:0 12px}.wfx-catnav-track{display:flex;flex-wrap:nowrap;gap:var(--wfx-gap);padding:14px 0 18px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.wfx-catnav-item{flex:0 0 clamp(100px,25vw,130px);display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;scroll-snap-align:start;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .2s ease}.wfx-catnav-item:hover{transform:translateY(-2px)}.wfx-catnav-circle{width:clamp(56px,20vw,90px);aspect-ratio:1/1;background:var(--wfx-circle-bg);border:2px solid var(--wfx-circle-border);border-radius:9999px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 2px rgba(0,0,0,.04);transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.wfx-catnav-circle:after,.wfx-catnav-circle:before{content:"";position:absolute;inset:-2px;border-radius:9999px;padding:2px;background:conic-gradient(from 180deg at 50% 50%,transparent 0deg,var(--wfx-electric-color) 90deg,transparent 180deg,var(--wfx-electric-color) 270deg,transparent 1turn);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:rotate(0deg);transition:opacity .3s ease;filter:drop-shadow(0 0 3px var(--wfx-electric-color))}@keyframes electricCharge{to{transform:rotate(1turn)}}@keyframes electricPulse{0%,to{box-shadow:inset 0 1px 2px rgba(0,0,0,.04),0 0 0 0 rgba(0,255,255,.7)}50%{box-shadow:inset 0 1px 2px rgba(0,0,0,.04),0 0 10px 2px rgba(0,255,255,.3)}}@keyframes spark{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:1;transform:translateY(-10px) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.5)}}.wfx-sparkle{position:absolute;top:15%;left:50%;width:4px;height:4px;background:var(--wfx-electric-color);border-radius:50%;opacity:0;pointer-events:none;z-index:2;transform:translateX(-50%)}.wfx-catnav-item:hover .wfx-catnav-circle:before{opacity:1;animation:electricCharge 2s linear infinite}.wfx-catnav-item:hover .wfx-catnav-circle:after{opacity:.6;animation:electricCharge 3.5s linear infinite reverse}.wfx-catnav-item:hover .wfx-catnav-circle{transform:translateY(-1px);border-color:var(--wfx-electric-color);animation:electricPulse 1.5s ease-in-out infinite}.wfx-catnav-item:hover .wfx-sparkle{animation:spark 1s ease-out infinite;animation-delay:.2s}.wfx-catnav-item:hover .wfx-catnav-label{color:#008b8b;text-shadow:0 0 8px rgba(0,255,255,.3)}.wfx-catnav-img{width:70%;height:70%;-o-object-fit:contain;object-fit:contain;border-radius:50%;pointer-events:none;transition:filter .3s ease,transform .3s ease;z-index:1}.wfx-catnav-item:hover .wfx-catnav-img{filter:brightness(1.1) contrast(1.05);transform:scale(1.05)}.wfx-catnav-label{margin-top:8px;font-size:clamp(10px,3vw,13px);line-height:1.2;text-align:center;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:all .3s ease;color:#333}@media (max-width:767px){.wfx-title-lines h2{font-size:16px;gap:12px}.wfx-catnav-wrap{padding:10px}.wfx-catnav{max-width:100%;margin:0 auto}.wfx-catnav-track{display:grid!important;grid-template-columns:repeat(3,1fr);gap:12px!important;overflow:visible!important;padding:0;justify-items:center}.wfx-catnav-item{flex:none!important;width:100%!important;max-width:100px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:5px}.wfx-catnav-circle{width:64px!important;height:64px!important;margin:0 auto}.wfx-catnav-label{font-size:11px!important;line-height:1.2;margin-top:6px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@media (min-width:768px){.wfx-catnav-track{overflow:hidden;scroll-snap-type:none;gap:var(--wfx-gap);justify-content:center}.wfx-catnav-item{flex:1 1 0;min-width:0;max-width:140px}.wfx-catnav-circle{width:clamp(var(--wfx-circle-min),calc(100% - 10px),var(--wfx-circle-max))}.wfx-catnav-label{font-size:clamp(11px,1.2vw,13px)}}@media (min-width:1024px){.wfx-catnav{--wfx-circle-max:100px}.wfx-title-lines h2{font-size:22px}}.wfx-catnav-track::-webkit-scrollbar{height:6px}.wfx-catnav-track::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:6px}.wfx-catnav-track::-webkit-scrollbar-track{background:transparent}.wfx-catnav-track{scrollbar-width:thin;scrollbar-color:#e0e0e0 transparent}