.dx-products-loading{position:relative;min-height:310px}
#collection-grid.dx-products-loading[aria-busy=true]{opacity:1;pointer-events:none}
.dx-products-loading>:not(.dx-loading){display:none!important}
.dx-products-busy,.dx-products-busy body{overflow:hidden!important;overscroll-behavior:none}
.dx-loading{box-sizing:border-box;position:fixed;inset:0;z-index:2147483000;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;height:100%;min-height:0;margin:0;padding:24px 16px;overflow:auto;isolation:isolate;color:#f5f5f5;background:#000;border:0;border-radius:0;text-align:center;list-style:none;pointer-events:auto}
.dx-loading__visual{position:relative;width:300px;max-width:100%;height:210px;flex:none;transform:translate3d(var(--dx-pointer-x,0px),var(--dx-pointer-y,0px),0);transition:transform .9s ease-out}
.dx-loading--tracking .dx-loading__visual{transition-duration:.28s}
.dx-loading__float{position:absolute;inset:0;animation:dx-loading-float 5.6s ease-in-out infinite}
.dx-loading--tracking .dx-loading__float{animation-play-state:paused}
.dx-loading__motion{pointer-events:auto;display:inline-block;margin:15px 0 0;padding:5px 10px;min-height:32px;border:1px solid #606069;border-radius:4px;background:#202024;color:#d5d5da;font:500 12px/1.4 var(--font-body-family,Arial,sans-serif);cursor:pointer}
.dx-loading__motion:hover{border-color:#ff3152;color:#fff}.dx-loading__motion:focus-visible{outline:2px solid #ff3152;outline-offset:3px}
.dx-loading__brand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}
.dx-loading__brand>span{font-size:34px;font-weight:900;letter-spacing:-1px;font-style:italic}.dx-loading__brand>span>span{color:#ff2449}
.dx-loading__logo{display:block;width:176px;max-width:62%;height:auto;object-fit:contain;filter:drop-shadow(0 4px 18px #ec153e38)}
.dx-loading__halo{position:absolute;inset:42px 62px;border-radius:50%;background:#ed153b15;filter:blur(24px);animation:dx-loading-breathe 3.2s ease-in-out infinite}
.dx-loading__ring{position:absolute;inset:4px 45px;border:1px dashed #e82b4b26;border-radius:50%;transform:rotate(-18deg);pointer-events:none}
.dx-loading__orbit{position:absolute;inset:0;transform:scaleY(.68)}
.dx-loading__piece{--radius:119px;--phase:0deg;--speed:5s;position:absolute;top:50%;left:50%;width:25px;height:25px;color:#ccc;transform:translate(-50%,-50%) rotate(var(--phase)) translateX(var(--radius)) rotate(calc(-1 * var(--phase)));animation:dx-loading-orbit var(--speed) linear infinite;will-change:transform}
.dx-loading__piece svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;scale:1 1.47;filter:drop-shadow(0 2px 5px #0008);animation:dx-loading-tumble 4.8s linear infinite}
.dx-loading__piece--nut{--phase:18deg;--speed:6.2s;color:#f5f5f5}
.dx-loading__piece--washer{--phase:126deg;--speed:7.4s;--radius:109px;width:19px;height:19px;color:#ff3152;animation-direction:reverse}
.dx-loading__piece--bolt{--phase:213deg;--speed:6.2s;color:#ddd}
.dx-loading__piece--spring{--phase:286deg;--speed:8.3s;--radius:94px;width:21px;height:21px;color:#ff4965;animation-direction:reverse}
.dx-loading__piece--small{--phase:72deg;--speed:9.1s;--radius:89px;width:13px;height:13px;color:#85858b}
.dx-loading .dx-loading__message{margin:6px 0 18px!important;font:600 clamp(15px,2.2vw,18px)/1.5 var(--font-body-family,Arial,sans-serif);color:#f5f5f5;letter-spacing:.01em}
.dx-loading__track{display:block;position:relative;width:132px;height:3px;border-radius:10px;background:#ffffff13;overflow:hidden}
.dx-loading__track>span{position:absolute;inset:0 auto 0 0;width:45%;border-radius:inherit;background:linear-gradient(90deg,#bd1030,#ff284e);animation:dx-loading-travel 1.9s ease-in-out infinite}
@keyframes dx-loading-orbit{to{transform:translate(-50%,-50%) rotate(calc(var(--phase) + 360deg)) translateX(var(--radius)) rotate(calc(-1 * var(--phase) - 360deg))}}
@keyframes dx-loading-tumble{to{transform:rotate(360deg)}}
@keyframes dx-loading-breathe{50%{opacity:.5;transform:scale(.85)}}
@keyframes dx-loading-travel{0%{transform:translateX(-105%)}100%{transform:translateX(325%)}}
@keyframes dx-loading-float{0%,100%{transform:translate3d(0,3px,0) rotate(-1deg)}50%{transform:translate3d(0,-5px,0) rotate(1deg)}}
@media(max-width:449px){.dx-products-loading{min-height:286px}.dx-loading{padding:18px 12px}.dx-loading__visual{width:264px;height:190px}.dx-loading__piece{--radius:105px}.dx-loading__piece--washer{--radius:98px}.dx-loading__piece--spring{--radius:84px}.dx-loading__piece--small{--radius:79px}.dx-loading__logo{width:156px}.dx-loading__ring{inset:5px 42px}}
@media(max-height:399px){.dx-loading{padding:8px 12px}.dx-loading__visual{height:150px}.dx-loading .dx-loading__message{margin:0 0 10px!important}.dx-loading__motion{margin-top:10px}.dx-loading__ring{inset:2px 64px}}
.dx-loading[data-motion=off],.dx-loading[data-motion=off] .dx-loading__float,.dx-loading[data-motion=off] .dx-loading__halo,.dx-loading[data-motion=off] .dx-loading__piece,.dx-loading[data-motion=off] .dx-loading__piece svg,.dx-loading[data-motion=off] .dx-loading__track>span{animation:none!important}
.dx-loading[data-motion=off] .dx-loading__visual{transform:none;transition:none}.dx-loading[data-motion=off] .dx-loading__track>span{width:100%;opacity:.75}.dx-loading[data-motion=off] .dx-loading__piece{will-change:auto}
@media(prefers-reduced-motion:reduce){.dx-loading:not([data-motion=on]),.dx-loading:not([data-motion=on]) .dx-loading__float,.dx-loading:not([data-motion=on]) .dx-loading__halo,.dx-loading:not([data-motion=on]) .dx-loading__piece,.dx-loading:not([data-motion=on]) .dx-loading__piece svg,.dx-loading:not([data-motion=on]) .dx-loading__track>span{animation:none!important}}