/* Shared drawer timing; change these values to tune storefront motion. */
:root { --nox-drawer-duration: 600ms; --nox-search-close-duration: 450ms; --nox-motion-ease: cubic-bezier(.22, 1, .36, 1); }
.mfp-wrap.off-canvas-left .mfp-content,
.mfp-wrap.off-canvas-right .mfp-content {
    transition: transform var(--nox-drawer-duration) var(--nox-motion-ease) !important;
    opacity: 1 !important; will-change: transform;
}
.mfp-wrap.off-canvas-left:not(.mfp-ready) .mfp-content,
.mfp-wrap.off-canvas-left.mfp-removing .mfp-content { transform: translate3d(calc(-100% - 40px), 0, 0) !important; }
.mfp-wrap.off-canvas-right:not(.mfp-ready) .mfp-content,
.mfp-wrap.off-canvas-right.mfp-removing .mfp-content { transform: translate3d(calc(100% + 40px), 0, 0) !important; }
.mfp-wrap.off-canvas-left.mfp-ready:not(.mfp-removing) .mfp-content,
.mfp-wrap.off-canvas-right.mfp-ready:not(.mfp-removing) .mfp-content { transform: translate3d(0, 0, 0) !important; }
.mfp-wrap.off-canvas.mfp-removing .mfp-content { opacity: 1 !important; }
.mfp-bg.off-canvas { transition: opacity var(--nox-drawer-duration) ease !important; }
.mfp-wrap:has(#nox-mobile-search) .mfp-content{transition:transform var(--nox-drawer-duration) var(--nox-motion-ease)!important;opacity:1!important;will-change:transform}
.mfp-wrap:has(#nox-mobile-search):not(.mfp-ready) .mfp-content,
.mfp-wrap:has(#nox-mobile-search).mfp-removing .mfp-content{transform:translate3d(0,calc(-100% - 32px),0)!important}
.mfp-wrap:has(#nox-mobile-search).mfp-ready:not(.mfp-removing) .mfp-content{transform:translate3d(0,0,0)!important}
/* Accelerate the exit so the panel does not linger near the screen edge. */
.mfp-wrap:has(#nox-mobile-search).mfp-removing .mfp-content{transition-duration:var(--nox-search-close-duration)!important;transition-timing-function:cubic-bezier(.4,0,1,1)!important}
.mfp-bg.nox-search-overlay{transition-duration:var(--nox-search-close-duration)!important}
.mfp-wrap:has(#nox-mobile-search).mfp-removing .mfp-close{display:block!important}
.mfp-wrap.off-canvas.mfp-removing .mfp-close { display: block !important; }
.off-canvas .mobile-sidebar-slide .sidebar-menu { transition-duration: .5s; transition-timing-function: var(--nox-motion-ease); }
/* Centered position rail; adjust width here to change the side insets. */
.nox-banner-slider .flickity-page-dots{position:absolute;left:0;right:0;bottom:16px;top:auto;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:0;line-height:1;z-index:3}
.nox-banner-slider .flickity-page-dots .dot{display:block;width:8px;height:8px;margin:0;border:1px solid #fff;border-radius:50%;background:#ffffff70;opacity:1;transition:background .2s,border-color .2s}
.nox-banner-slider .flickity-page-dots .dot.is-selected{background:#e7359b;border-color:#e7359b}
.nox-product-position-track{width:50%;margin:16px auto 0;clear:both;--nox-track-height:5px;--nox-track-thumb-width:clamp(28px,3vw,60px)}
.nox-product-position-track input[type=range]{display:block;width:100%;height:24px;margin:0;padding:0;background:transparent;box-shadow:none;border:0;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:pan-y}
.nox-product-position-track input[type=range]::-webkit-slider-runnable-track{height:var(--nox-track-height);background:#dce0e3;border-radius:20px}
.nox-product-position-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--nox-track-thumb-width);height:var(--nox-track-height);margin-top:0;border:0;border-radius:20px;background:#e7359b;box-shadow:none}
.nox-product-position-track input[type=range]::-moz-range-track{height:var(--nox-track-height);background:#dce0e3;border-radius:20px}
.nox-product-position-track input[type=range]::-moz-range-thumb{width:var(--nox-track-thumb-width);height:var(--nox-track-height);border:0;border-radius:20px;background:#e7359b}
.nox-product-position-track input[type=range]:focus-visible{outline:2px solid #e7359b;outline-offset:4px;border-radius:8px}
.nox-product-position-track input[type=range]:disabled{cursor:default;opacity:.45}
@media(max-width:767px){
 .nox-product-position-track{width:70%;margin-top:12px}
 body:not(.wp-admin) .flickity-prev-next-button{display:none!important}
}
@media (prefers-reduced-motion: reduce) {
 :root { --nox-drawer-duration: 0ms; --nox-search-close-duration: 0ms; }
 .off-canvas .mobile-sidebar-slide .sidebar-menu { transition: none !important; }
}
