:root{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4;font-weight:400;--color-brand: #691b37;--color-brand-alpha: rgba(105, 27, 55, .85);--color-brand-light: rgba(105, 27, 55, .08);--color-brand-glow: rgba(105, 27, 55, .12);--color-wholesale: #cda300;--color-wholesale-dark: #b8920a;--color-wholesale-light: rgba(205, 163, 0, .1);--color-promo: #dc2626;--color-combo: #f97316;--color-bg: #ffffff;--color-surface: #fafafa;--color-border: #f0f0f0;--color-border-dark: #e5e5e5;--color-text: #1a1a1a;--color-text-secondary: #666666;--color-text-muted: #999999;--vh: 1dvh;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--app-max-width: 100%;--sp-1: clamp(2px, .5dvw, 3px);--sp-2: clamp(4px, 1dvw, 5px);--sp-3: clamp(6px, 1.5dvw, 7px);--sp-4: clamp(8px, 2dvw, 9px);--sp-5: clamp(10px, 2.5dvw, 11px);--sp-6: clamp(12px, 3dvw, 13px);--sp-7: clamp(14px, 3.5dvw, 15px);--sp-8: clamp(16px, 4dvw, 18px);--fs-2xs: clamp(9px, 2.3dvw, 10px);--fs-xs: clamp(10px, 2.5dvw, 11px);--fs-sm: clamp(11px, 2.8dvw, 12px);--fs-base: clamp(12px, 3dvw, 13px);--fs-md: clamp(13px, 3.3dvw, 14px);--fs-lg: clamp(14px, 3.5dvw, 15px);--fs-xl: clamp(15px, 3.8dvw, 16px);--fs-2xl: clamp(17px, 4.3dvw, 18px);--fs-3xl: clamp(20px, 5dvw, 22px);--h-touch: clamp(40px, 10dvw, 44px);--h-btn: clamp(36px, 9dvw, 40px);--h-btn-sm: clamp(28px, 7dvw, 32px);--h-input: clamp(40px, 10dvw, 44px);--h-header: clamp(48px, 12dvw, 52px);--h-tab: clamp(36px, 9dvw, 40px);--h-card: clamp(72px, 18dvw, 80px);--h-card-image: clamp(56px, 14dvw, 64px);--h-showcase: clamp(200px, 50dvw, 220px);--h-showcase-image: clamp(90px, 22dvw, 100px);--w-showcase: clamp(130px, 32dvw, 145px);--h-cat-icon: clamp(44px, 11dvw, 48px);--w-cat-item: clamp(64px, 16dvw, 72px);--r-sm: clamp(6px, 1.5dvw, 8px);--r-md: clamp(10px, 2.5dvw, 12px);--r-lg: clamp(14px, 3.5dvw, 16px);--r-xl: clamp(18px, 4.5dvw, 20px);--r-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .12);--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .15s var(--ease-out);--t-normal: .25s var(--ease-out);--t-smooth: .35s var(--ease-out);color-scheme:light;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;--h-floating-cart-spacer: clamp(100px, 25dvw, 115px)}*,*:before,*:after{box-sizing:border-box}html{height:100%;height:100dvh;height:-webkit-fill-available}body{margin:0;padding:0;min-height:100%;min-height:100dvh;min-height:-webkit-fill-available;overscroll-behavior:none;-webkit-overflow-scrolling:touch}@supports (-webkit-touch-callout: none){input,textarea,select{font-size:16px!important}}.app-shell{width:100%;max-width:100%;height:100dvh;height:-webkit-fill-available;margin:0;display:flex;flex-direction:column;background:var(--color-bg);position:relative;overflow:hidden;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}@supports not (height: 100dvh){.app-shell{height:100vh;height:-webkit-fill-available}}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s var(--ease-out) forwards}.fade-in-up{animation:fadeInUp .35s var(--ease-out) forwards}.slide-in-right{animation:slideInRight .3s var(--ease-out) forwards}.float-up{animation:floatUp .4s var(--ease-spring) forwards}.stagger>*{animation:fadeInUp .3s var(--ease-out) forwards;opacity:0}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.04s}.stagger>*:nth-child(3){animation-delay:.06s}.stagger>*:nth-child(4){animation-delay:.08s}.stagger>*:nth-child(5){animation-delay:.1s}.stagger>*:nth-child(6){animation-delay:.12s}.stagger>*:nth-child(7){animation-delay:.14s}.stagger>*:nth-child(8){animation-delay:.16s}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.touch-target{min-width:var(--h-touch);min-height:var(--h-touch)}.btn-interactive{transition:transform var(--t-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-interactive:active{transform:scale(.96)}.card-interactive{transition:transform var(--t-normal);-webkit-tap-highlight-color:transparent}.card-interactive:active{transform:scale(.98)}.spinner{width:var(--h-btn);height:var(--h-btn);border:3px solid var(--color-brand-light);border-top-color:var(--color-brand);border-radius:50%;animation:spin .8s linear infinite}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-top{padding-top:env(safe-area-inset-top,0px)}html,body{overflow:hidden;position:fixed;width:100%}#root{width:100%;height:100dvh;height:100vh;overflow:hidden}:root{--h-floating-cart-spacer: clamp(100px, 25dvw, 115px);--page-padding-x: var(--sp-6);--page-padding-y: var(--sp-4)}.page-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background-color:var(--color-bg)}.page-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.page-sticky-header{flex-shrink:0;background-color:var(--color-bg);z-index:10}.floating-cart-spacer-expanded{height:calc(130px + env(safe-area-inset-bottom,16px));flex-shrink:0;pointer-events:none;transition:height .3s ease}.floating-cart-spacer-dot{height:calc(75px + env(safe-area-inset-bottom,16px));flex-shrink:0;pointer-events:none;transition:height .3s ease}.group-card{transform:translateZ(0) translateY(0) scale(1);transition:transform .25s cubic-bezier(.4,0,.2,1);will-change:transform}.group-card:hover{transform:translateZ(0) translateY(-3px) scale(1.01)}.group-card:active{transform:translateZ(0) scale(.98)}.product-card{transform:translateZ(0);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.product-card:active{transform:translateZ(0) scale(.98)}.add-to-cart-btn{transform:translateZ(0) scale(1);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.add-to-cart-btn:hover{transform:translateZ(0) scale(1.05)}.add-to-cart-btn:active{transform:translateZ(0) scale(.95)}.qty-btn{transform:translateZ(0) scale(1);transition:transform .15s ease,opacity .15s ease}.qty-btn:hover{opacity:.8}.qty-btn:active{transform:translateZ(0) scale(.9)}.floating-btn{transform:translate(-50%) translateZ(0);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;will-change:transform,opacity}.floating-btn:active{transform:translate(-50%) translateZ(0) scale(.98)}.carousel-item{transform:translateZ(0);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.carousel-item:active{transform:translateZ(0) scale(.98)}@media(hover:none)and (pointer:coarse){.group-card:hover,.product-card:hover,.add-to-cart-btn:hover,.qty-btn:hover,.carousel-item:hover{transform:translateZ(0)}.group-card,.product-card,.add-to-cart-btn,.qty-btn,.carousel-item{transition-duration:.1s}.touch-ripple{position:relative;overflow:hidden}.touch-ripple:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(0,0,0,.1) 0%,transparent 70%);opacity:0;transform:scale(0);transition:transform .3s ease,opacity .3s ease;pointer-events:none}.touch-ripple:active:after{opacity:1;transform:scale(2)}}.flip-container{perspective:1000px;transform-style:preserve-3d}.flip-card{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}.flip-card.flipped{transform:rotateY(180deg)}.flip-card-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.flip-card-back{transform:rotateY(180deg)}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;transform:translateZ(0);will-change:scroll-position}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-surface) 25%,#e8e8e8 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.img-loading{background-color:var(--bg-surface);opacity:0;transition:opacity .3s ease}.img-loaded{opacity:1}.modal-overlay{opacity:0;transition:opacity .3s ease;will-change:opacity}.modal-overlay.visible{opacity:1}.modal-content{transform:translateY(100%) translateZ(0);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.modal-content.visible{transform:translateY(0) translateZ(0)}.badge-pulse{animation:badge-pulse 2s ease-in-out infinite;will-change:transform,opacity}@keyframes badge-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.contain-paint{contain:paint}.contain-layout{contain:layout}.contain-strict{contain:strict}[data-scroll-container]{contain:layout style paint;isolation:isolate}.page-enter{animation:pageSlideIn .4s cubic-bezier(.25,.46,.45,.94) forwards;will-change:transform,opacity}.page-fade-in{animation:pageFadeIn .35s ease-out forwards;will-change:opacity}.page-slide-right{animation:pageSlideFromRight .4s cubic-bezier(.25,.46,.45,.94) forwards;will-change:transform,opacity}.page-slide-up{animation:pageSlideFromBottom .4s cubic-bezier(.33,1,.68,1) forwards;will-change:transform,opacity}@keyframes pageSlideIn{0%{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageSlideFromRight{0%{opacity:0;transform:translate3d(30px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes pageSlideFromBottom{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.stagger-container>*{opacity:0;transform:translate3d(0,16px,0);animation:staggerFadeUp .4s cubic-bezier(.25,.46,.45,.94) forwards;will-change:transform,opacity}.stagger-container>*:nth-child(1){animation-delay:.02s}.stagger-container>*:nth-child(2){animation-delay:.04s}.stagger-container>*:nth-child(3){animation-delay:.06s}.stagger-container>*:nth-child(4){animation-delay:.08s}.stagger-container>*:nth-child(5){animation-delay:.1s}.stagger-container>*:nth-child(6){animation-delay:.12s}.stagger-container>*:nth-child(7){animation-delay:.14s}.stagger-container>*:nth-child(8){animation-delay:.16s}.stagger-container>*:nth-child(9){animation-delay:.18s}.stagger-container>*:nth-child(10){animation-delay:.2s}.stagger-container>*:nth-child(11){animation-delay:.22s}.stagger-container>*:nth-child(12){animation-delay:.24s}.stagger-container>*:nth-child(n+13){animation-delay:.26s}@keyframes staggerFadeUp{0%{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:translateZ(0)}}.stagger-fast>*{animation-duration:.3s}.stagger-fast>*:nth-child(1){animation-delay:.01s}.stagger-fast>*:nth-child(2){animation-delay:.02s}.stagger-fast>*:nth-child(3){animation-delay:.03s}.stagger-fast>*:nth-child(4){animation-delay:.04s}.stagger-fast>*:nth-child(5){animation-delay:.05s}.stagger-fast>*:nth-child(6){animation-delay:.06s}.stagger-fast>*:nth-child(7){animation-delay:.07s}.stagger-fast>*:nth-child(8){animation-delay:.08s}.stagger-fast>*:nth-child(n+9){animation-delay:.09s}.stagger-horizontal>*{opacity:0;transform:translate3d(20px,0,0);animation:staggerSlideLeft .4s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes staggerSlideLeft{0%{opacity:0;transform:translate3d(20px,0,0)}to{opacity:1;transform:translateZ(0)}}.carousel-smooth{display:flex;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;transform:translateZ(0);will-change:scroll-position;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none}.carousel-smooth::-webkit-scrollbar{display:none}.carousel-item{flex:0 0 auto;scroll-snap-align:start;scroll-snap-stop:always;transform:translateZ(0);backface-visibility:hidden;user-select:none;-webkit-user-select:none}.carousel-item-enter{opacity:0;transform:translate3d(30px,0,0) scale(.95);animation:carouselItemEnter .5s cubic-bezier(.25,.46,.45,.94) forwards;will-change:transform,opacity}@keyframes carouselItemEnter{0%{opacity:0;transform:translate3d(30px,0,0) scale(.95)}to{opacity:1;transform:translateZ(0) scale(1)}}.btn-interactive{position:relative;transform:translateZ(0) scale(1);transition:transform .15s cubic-bezier(.34,1.56,.64,1),opacity .15s ease;will-change:transform;-webkit-tap-highlight-color:transparent;touch-action:manipulation;backface-visibility:hidden}.btn-interactive:active{transform:translateZ(0) scale(.96);opacity:.9}.btn-primary-interactive{position:relative;overflow:hidden;transform:translateZ(0) scale(1);transition:transform .2s cubic-bezier(.34,1.56,.64,1);will-change:transform;-webkit-tap-highlight-color:transparent}.btn-primary-interactive:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity .15s ease;pointer-events:none}.btn-primary-interactive:active{transform:translateZ(0) scale(.97)}.btn-primary-interactive:active:after{opacity:1}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;opacity:0;pointer-events:none}.btn-ripple:active:before{width:200%;height:200%;opacity:1;transition:width 0s,height 0s,opacity 0s}.section-reveal{opacity:0;transform:translate3d(0,20px,0);animation:sectionReveal .5s cubic-bezier(.25,.46,.45,.94) forwards;will-change:transform,opacity}.section-reveal:nth-of-type(1){animation-delay:.1s}.section-reveal:nth-of-type(2){animation-delay:.2s}.section-reveal:nth-of-type(3){animation-delay:.3s}.section-reveal:nth-of-type(4){animation-delay:.4s}.section-reveal:nth-of-type(5){animation-delay:.5s}@keyframes sectionReveal{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}.content-placeholder{min-height:var(--placeholder-height, 200px);background:linear-gradient(90deg,#f5f5f5 25%,#e8e8e8,#f5f5f5 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:inherit}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.img-wrapper{position:relative;overflow:hidden;background-color:#f5f5f5}.img-wrapper img{opacity:0;transition:opacity .3s ease}.img-wrapper img.loaded{opacity:1}.header-animate{animation:headerSlideDown .35s cubic-bezier(.25,.46,.45,.94) forwards;will-change:transform,opacity}@keyframes headerSlideDown{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}.overlay-fade{animation:overlayFadeIn .25s ease forwards;will-change:opacity}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-slide-up{animation:modalSlideUp .35s cubic-bezier(.33,1,.68,1) forwards;will-change:transform}@keyframes modalSlideUp{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}.modal-scale{animation:modalScaleIn .3s cubic-bezier(.34,1.56,.64,1) forwards;will-change:transform,opacity}@keyframes modalScaleIn{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.9)}to{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}}.float-entrance{animation:floatUp .5s cubic-bezier(.34,1.56,.64,1) forwards;will-change:transform,opacity}@keyframes floatUp{0%{opacity:0;transform:translate(-50%) translate3d(0,30px,0) scale(.9)}to{opacity:1;transform:translate(-50%) translateZ(0) scale(1)}}.card-interactive{transform:translateZ(0) scale(1);transition:transform .2s cubic-bezier(.34,1.56,.64,1);will-change:transform;-webkit-tap-highlight-color:transparent}.card-interactive:active{transform:translateZ(0) scale(.98)}@media(hover:hover)and (pointer:fine){.card-interactive:hover{transform:translateZ(0) translateY(-2px) scale(1.01)}}.spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:var(--brand-color, #691b37);border-radius:50%;animation:spin .8s linear infinite;will-change:transform}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse{animation:pulse 1.5s ease-in-out infinite;will-change:transform}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.stagger-container>*,.page-enter,.page-fade-in,.section-reveal{opacity:1;transform:none}}.perf-isolated{contain:layout style paint;isolation:isolate}.gpu-layer{transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased}.scroll-optimized{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;transform:translateZ(0);will-change:scroll-position}