:root{--na-color-bg-primary: transparent;--na-color-bg-secondary: rgba(255, 255, 255, .02);--na-color-text-primary: #111827;--na-color-text-secondary: #6b7280;--na-color-text-tertiary: #9ca3af;--na-color-text-accent: #2563EB;--na-color-text-muted: rgba(17, 24, 39, .6);--na-color-button-primary: #2563EB;--na-color-button-primary-hover: #1d4ed8;--na-color-button-primary-active: #1e40af;--na-color-button-text: #ffffff;--na-color-button-secondary: #f3f4f6;--na-color-button-secondary-hover: #e5e7eb;--na-color-button-secondary-text: #374151;--na-color-nav-bg: #ffffff;--na-color-nav-bg-hover: #2563EB;--na-color-nav-border: #e5e7eb;--na-color-nav-border-hover: #2563EB;--na-color-nav-text: #6b7280;--na-color-nav-text-hover: #ffffff;--na-color-success: #10b981;--na-color-warning: #f59e0b;--na-color-error: #ef4444;--na-color-info: #3b82f6;--na-gradient-primary: radial-gradient(ellipse at center, rgba(173, 216, 230, .4) 0%, rgba(255, 182, 193, .35) 25%, rgba(255, 228, 196, .3) 50%, rgba(240, 248, 255, .25) 75%, transparent 100%);--na-gradient-secondary: radial-gradient(ellipse at center, rgba(255, 160, 122, .4) 0%, rgba(230, 230, 250, .35) 30%, rgba(255, 218, 185, .3) 60%, rgba(255, 240, 245, .25) 80%, transparent 100%);--na-gradient-accent-1: radial-gradient(circle, rgba(240, 248, 255, .5) 0%, rgba(173, 216, 230, .4) 45%, transparent 80%);--na-gradient-accent-2: radial-gradient(circle, rgba(255, 218, 185, .5) 0%, rgba(255, 160, 122, .4) 40%, transparent 80%);--na-gradient-subtle: radial-gradient(circle at 25% 25%, rgba(99,102,241,.05) 0%, transparent 70%), radial-gradient(circle at 85% 75%, rgba(168,85,247,.03) 0%, transparent 70%);--na-gradient-overlay: linear-gradient(135deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .05) 50%, rgba(0, 0, 0, .1) 100%);--na-shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--na-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--na-shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--na-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--na-shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--na-shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--na-shadow-nav: var(--na-shadow-lg);--na-shadow-nav-hover: var(--na-shadow-xl);--na-shadow-button: 0 6px 20px rgba(37, 99, 235, .25), 0 2px 6px rgba(37, 99, 235, .2);--na-shadow-button-hover: 0 10px 30px rgba(29, 78, 216, .35), 0 6px 12px rgba(29, 78, 216, .25);--na-shadow-card: var(--na-shadow-xl);--na-shadow-card-hover: var(--na-shadow-2xl);--na-shadow-text: 0 2px 4px rgba(0, 0, 0, .5);--na-shadow-text-subtle: 0 1px 2px rgba(0, 0, 0, .5);--na-spacing-0: 0;--na-spacing-px: 1px;--na-spacing-0-5: 2px;--na-spacing-1: 4px;--na-spacing-1-5: 6px;--na-spacing-2: 8px;--na-spacing-2-5: 10px;--na-spacing-3: 12px;--na-spacing-3-5: 14px;--na-spacing-4: 16px;--na-spacing-5: 20px;--na-spacing-6: 24px;--na-spacing-7: 28px;--na-spacing-8: 32px;--na-spacing-9: 36px;--na-spacing-10: 40px;--na-spacing-11: 44px;--na-spacing-12: 48px;--na-spacing-14: 56px;--na-spacing-16: 64px;--na-spacing-20: 80px;--na-spacing-24: 96px;--na-spacing-28: 112px;--na-spacing-32: 128px;--na-spacing-xs: var(--na-spacing-1);--na-spacing-sm: var(--na-spacing-2);--na-spacing-md: var(--na-spacing-4);--na-spacing-lg: var(--na-spacing-6);--na-spacing-xl: var(--na-spacing-8);--na-spacing-2xl: var(--na-spacing-12);--na-spacing-3xl: var(--na-spacing-20);--na-radius-sm: 8px;--na-radius-md: 16px;--na-radius-lg: 24px;--na-radius-xl: 32px;--na-radius-full: 50px;--na-text-xs: 12px;--na-text-sm: 14px;--na-text-base: 16px;--na-text-lg: 18px;--na-text-xl: 20px;--na-text-2xl: 24px;--na-text-3xl: 32px;--na-text-4xl: 48px;--na-transition-fast: .15s ease;--na-transition-base: .3s ease;--na-transition-slow: .5s ease;--na-z-base: 0;--na-z-background: 0;--na-z-content: 1;--na-z-nav: 10;--na-z-overlay: 5;--na-container-max-width: 1280px;--na-container-padding: var(--na-spacing-8);--na-container-padding-mobile: var(--na-spacing-4);--na-grid-gap: var(--na-spacing-6);--na-grid-gap-mobile: var(--na-spacing-4);--na-grid-columns-mobile: 2;--na-grid-columns-tablet: 3;--na-grid-columns-desktop: 4;--na-card-width-mobile: calc((100vw - (var(--na-container-padding-mobile) * 2) - (var(--na-grid-gap-mobile) * (var(--na-grid-columns-mobile) - 1))) / var(--na-grid-columns-mobile));--na-card-width-tablet: calc((100vw - (var(--na-container-padding) * 2) - (var(--na-grid-gap) * (var(--na-grid-columns-tablet) - 1))) / var(--na-grid-columns-tablet));--na-card-width-desktop: 280px;--na-card-aspect-ratio: 1 / 1.2;--na-nav-size: 48px;--na-nav-offset: 24px;--na-nav-icon-size: 20px;--na-button-height: 44px;--na-button-height-sm: 36px;--na-button-height-lg: 52px;--na-input-height: 44px;--na-breakpoint-sm: 640px;--na-breakpoint-md: 768px;--na-breakpoint-lg: 1024px;--na-breakpoint-xl: 1280px;--na-breakpoint-2xl: 1536px}.new-arrivals-section{padding:var(--na-spacing-3xl) 0;background:var(--na-color-bg-primary);position:relative;overflow:hidden}.new-arrivals-background{position:absolute;top:-25%;left:-15%;width:80%;height:110%;background:var(--na-gradient-subtle);filter:blur(80px);pointer-events:none;z-index:var(--na-z-background)}.new-arrivals-blob-primary{position:absolute;top:-25%;left:-15%;width:58%;height:75%;background:var(--na-gradient-primary);border-radius:var(--na-radius-full);filter:blur(42px);opacity:1;pointer-events:none;transform:rotate(25deg);z-index:var(--na-z-background)}.new-arrivals-blob-secondary{position:absolute;bottom:-30%;right:-12%;width:52%;height:68%;background:var(--na-gradient-secondary);border-radius:var(--na-radius-full);filter:blur(48px);opacity:1;pointer-events:none;transform:rotate(-30deg);z-index:var(--na-z-background)}.new-arrivals-blob-accent-1{position:absolute;top:15%;left:25%;width:28%;height:38%;background:var(--na-gradient-accent-1);border-radius:var(--na-radius-full);filter:blur(28px);opacity:.8;pointer-events:none;z-index:var(--na-z-background)}.new-arrivals-blob-accent-2{position:absolute;bottom:25%;right:18%;width:32%;height:42%;background:var(--na-gradient-accent-2);border-radius:var(--na-radius-full);filter:blur(35px);opacity:.75;pointer-events:none;z-index:var(--na-z-background)}.new-arrivals-texture{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 80%,rgba(0,0,0,.07) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(0,0,0,.08) 1px,transparent 1px),radial-gradient(circle at 40% 40%,rgba(0,0,0,.06) 1px,transparent 1px),radial-gradient(circle at 60% 90%,rgba(0,0,0,.075) 1px,transparent 1px);background-size:14px 14px,20px 20px,16px 16px,18px 18px;opacity:.45;pointer-events:none;z-index:var(--na-z-overlay)}.new-arrivals-container{max-width:var(--na-container-max-width);margin:0 auto;padding:0 var(--na-spacing-xl);position:relative;z-index:var(--na-z-content)}.new-arrivals-header{text-align:center;margin-bottom:var(--na-spacing-2xl)}.new-arrivals-eyebrow{font-size:var(--na-text-sm);font-weight:600;color:var(--na-color-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--na-spacing-md)}.new-arrivals-eyebrow-accent{color:var(--na-color-text-accent)}.new-arrivals-heading{font-size:var(--na-text-4xl);font-weight:700;color:var(--na-color-text-primary);margin-bottom:var(--na-spacing-lg);line-height:1.2;letter-spacing:-.02em}.new-arrivals-description{font-size:var(--na-text-base);color:var(--na-color-text-accent);max-width:600px;margin:0 auto;line-height:1.6;font-weight:400}.new-arrivals-products{position:relative}.new-arrivals-nav{position:absolute;top:50%;transform:translateY(-50%);width:var(--na-nav-size);height:var(--na-nav-size);border-radius:var(--na-radius-full);background-color:var(--na-color-nav-bg);border:var(--na-border-width-base) var(--na-border-style) var(--na-color-nav-border);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:var(--na-z-nav);transition:all var(--na-transition-base);box-shadow:var(--na-shadow-nav);color:var(--na-color-nav-text);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.new-arrivals-nav:hover{background-color:var(--na-color-nav-bg-hover);color:var(--na-color-nav-text-hover);border-color:var(--na-color-nav-border-hover);transform:translateY(-50%) scale(1.05);box-shadow:var(--na-shadow-nav-hover)}.new-arrivals-nav:active{transform:translateY(-50%) scale(.95)}.new-arrivals-nav-prev{left:calc(-1 * var(--na-nav-offset))}.new-arrivals-nav-next{right:calc(-1 * var(--na-nav-offset))}.new-arrivals-nav-icon{width:var(--na-nav-icon-size);height:var(--na-nav-icon-size);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--na-transition-fast)}.new-arrivals-nav:hover .new-arrivals-nav-icon{transform:scale(1.1)}.new-arrivals-scroll-container{overflow-x:auto;overflow-y:hidden;position:relative;padding-bottom:var(--na-spacing-lg);padding-top:var(--na-spacing-xs);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:100%;max-width:100%}.new-arrivals-scroll-container::-webkit-scrollbar{display:none}.new-arrivals-grid{display:flex;gap:24px;width:max-content;flex-wrap:nowrap}.new-arrivals-card-wrapper{scroll-snap-align:start;flex-shrink:0;width:280px;min-width:280px;max-width:280px}.new-arrivals-cta{text-align:center;margin-top:var(--na-spacing-2xl)}.new-arrivals-button{display:inline-flex;align-items:center;justify-content:center;background-color:var(--na-color-button-primary);color:var(--na-color-button-text);padding:var(--na-spacing-sm) var(--na-spacing-lg);border-radius:var(--na-radius-full);font-size:var(--na-text-sm);font-weight:600;text-decoration:none;box-shadow:var(--na-shadow-button);transition:all var(--na-transition-base);text-transform:uppercase;letter-spacing:.5px;min-width:120px;text-align:center;border:none;cursor:pointer;white-space:nowrap}.new-arrivals-button:hover{background-color:var(--na-color-button-primary-hover);transform:translateY(-2px);box-shadow:var(--na-shadow-button-hover)}.new-arrivals-button:focus{outline:2px solid var(--na-color-button-text);outline-offset:2px}.new-arrivals-button:active{transform:translateY(0)}.new-arrivals-section .product-card,.new-arrivals-section .modern-product-card{background:transparent;box-shadow:none;border:none}.new-arrivals-section .product-card img,.new-arrivals-section .modern-product-card img,.new-arrivals-section .card img{opacity:1;visibility:visible;display:block}.new-arrivals-section .product-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.new-arrivals-section .product-card:hover img{transform:scale(1.05)}.new-arrivals-section .ruemood-card-title{font-size:var(--na-text-base);font-weight:600;color:#333;line-height:1.3;min-height:40px}.new-arrivals-section .ruemood-price-current,.new-arrivals-section .ruemood-price-container{font-size:var(--na-text-sm);font-weight:400;color:#666}.new-arrivals-section .ruemood-price-original{font-size:var(--na-text-sm);font-weight:400;color:#999}@media screen and (max-width: 749px){.new-arrivals-section{padding:calc(var(--na-spacing-3xl) * .75) 0}.new-arrivals-heading{font-size:var(--na-text-3xl)}.new-arrivals-nav{display:none}.new-arrivals-scroll-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.new-arrivals-grid{display:flex;gap:16px;padding:0 var(--na-spacing-md);width:max-content}.new-arrivals-card-wrapper,.new-arrivals-section .ruemood-product-card,.new-arrivals-section .card-wrapper,.new-arrivals-section .card{width:180px;max-width:180px;min-width:180px;flex-shrink:0}}@media screen and (min-width: 750px) and (max-width: 989px){.new-arrivals-grid{display:flex;gap:20px}.new-arrivals-card-wrapper,.new-arrivals-section .ruemood-product-card,.new-arrivals-section .card-wrapper,.new-arrivals-section .card{width:220px;max-width:220px;min-width:220px;flex-shrink:0}}@media screen and (min-width: 990px){.new-arrivals-grid{display:flex;gap:24px}.new-arrivals-card-wrapper,.new-arrivals-section .ruemood-product-card,.new-arrivals-section .card-wrapper,.new-arrivals-section .card{width:280px;max-width:280px;min-width:280px;flex-shrink:0}.new-arrivals-section .ruemood-card-content,.new-arrivals-section .card__content{padding:12px 8px 16px}.new-arrivals-section .card__media,.new-arrivals-section .media{aspect-ratio:1/1;max-height:280px}.new-arrivals-section .card__media img,.new-arrivals-section .media img{width:100%;height:100%;object-fit:cover;display:block}}.new-arrivals-nav:focus,.new-arrivals-button:focus{outline:2px solid var(--na-color-button-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.new-arrivals-nav,.new-arrivals-button,.new-arrivals-section .product-card{transition:none}.new-arrivals-nav:hover,.new-arrivals-button:hover,.new-arrivals-section .product-card:hover{transform:none}}@media (prefers-contrast: high){.new-arrivals-nav{border-width:3px}.new-arrivals-button{border:2px solid var(--na-color-button-text)}}.new-arrivals-nav,.new-arrivals-button,.new-arrivals-section .product-card{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.new-arrivals-section.new-arrivals-loading{position:relative}.new-arrivals-section.new-arrivals-loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid var(--na-color-text-secondary);border-top:3px solid var(--na-color-button-primary);border-radius:50%;animation:new-arrivals-spin 1s linear infinite;z-index:var(--na-z-overlay)}@keyframes new-arrivals-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.new-arrivals-error-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:var(--na-z-overlay)}.new-arrivals-error-content{background:var(--na-color-nav-bg);padding:var(--na-spacing-xl);border-radius:var(--na-radius-lg);box-shadow:var(--na-shadow-nav);border:2px solid #ef4444}.new-arrivals-error-content p{color:var(--na-color-text-primary);margin-bottom:var(--na-spacing-md);font-size:var(--na-text-base)}.new-arrivals-retry-btn{background-color:#ef4444;color:#fff;border:none;padding:var(--na-spacing-sm) var(--na-spacing-lg);border-radius:var(--na-radius-sm);font-size:var(--na-text-sm);font-weight:600;cursor:pointer;transition:background-color var(--na-transition-base)}.new-arrivals-retry-btn:hover{background-color:#dc2626}.new-arrivals-empty-state{display:flex;align-items:center;justify-content:center;min-height:300px;width:100%}.new-arrivals-empty-content{text-align:center;color:var(--na-color-text-secondary)}.new-arrivals-empty-content p{font-size:var(--na-text-base);margin-bottom:var(--na-spacing-sm)}.new-arrivals-empty-content p:last-child{margin-bottom:0;font-size:var(--na-text-sm);opacity:.8}.new-arrivals-nav.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.new-arrivals-section[data-auto-scroll=true]{position:relative}.new-arrivals-section[data-auto-scroll=true]:before{content:"";position:absolute;top:var(--na-spacing-sm);right:var(--na-spacing-sm);width:8px;height:8px;background:var(--na-color-button-primary);border-radius:50%;animation:new-arrivals-pulse 2s infinite;z-index:var(--na-z-overlay)}@keyframes new-arrivals-pulse{0%,to{opacity:.4}50%{opacity:1}}.new-arrivals-section img{transition:opacity var(--na-transition-base);opacity:1}.new-arrivals-section img.loaded{opacity:1}.new-arrivals-nav:focus-visible{outline:3px solid var(--na-color-button-primary);outline-offset:2px}.new-arrivals-scroll-container:focus-visible{outline:2px solid var(--na-color-button-primary);outline-offset:2px}@media (prefers-contrast: high){.new-arrivals-nav{border-width:3px;background:#fff;color:#000}.new-arrivals-nav:hover{background:#000;color:#fff}.new-arrivals-button{border:3px solid white}}@media (prefers-reduced-motion: reduce){.new-arrivals-section:after,.new-arrivals-section:before{animation:none}.new-arrivals-scroll-container{scroll-behavior:auto}@keyframes new-arrivals-spin{0%,to{transform:rotate(0)}}@keyframes new-arrivals-pulse{0%,to{opacity:.6}}}.new-arrivals-nav,.new-arrivals-button,.new-arrivals-section .product-card,.new-arrivals-card-wrapper{transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.new-arrivals-scroll-container{contain:layout style paint;transform:translateZ(0);scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.new-arrivals-blob-primary,.new-arrivals-blob-secondary,.new-arrivals-blob-accent-1,.new-arrivals-blob-accent-2{contain:strict;will-change:auto;transform:translateZ(0)}.new-arrivals-background,.new-arrivals-texture{contain:layout style paint;will-change:auto}.new-arrivals-heading,.new-arrivals-description,.new-arrivals-eyebrow{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.new-arrivals-card-wrapper{aspect-ratio:var(--na-card-aspect-ratio);contain:layout}.new-arrivals-container{padding-inline:var(--na-container-padding);margin-inline:auto}.new-arrivals-grid{gap:var(--na-grid-gap);scroll-snap-type:x mandatory}.new-arrivals-card-wrapper{scroll-snap-align:start;scroll-snap-stop:normal}@supports (color: color(display-p3 1 0 0)){:root{--na-color-button-primary: color(display-p3 .149 .388 .922);--na-color-button-primary-hover: color(display-p3 .114 .302 .847)}}@layer base,components,utilities;@layer base{.new-arrivals-section{isolation:isolate}}@media print{.new-arrivals-section{background:#fff;color:#000}.new-arrivals-blob-primary,.new-arrivals-blob-secondary,.new-arrivals-blob-accent-1,.new-arrivals-blob-accent-2,.new-arrivals-texture,.new-arrivals-background,.new-arrivals-nav{display:none}.new-arrivals-scroll-container{overflow:visible}.new-arrivals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--na-spacing-lg);width:auto}.new-arrivals-card-wrapper{width:auto;break-inside:avoid}}
/*# sourceMappingURL=/cdn/shop/t/231/assets/section-new-arrivals.css.map */