body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;color:#202124}.page-builder{display:flex;height:100vh;overflow:hidden;position:relative;z-index:1}.component-panel{background:#f5f5f5;border-right:1px solid #ddd;flex-shrink:0;max-width:350px;min-width:350px;overflow-y:auto;padding:16px;position:relative;width:350px;z-index:10}.canvas-area{background:#fafafa;display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden;position:relative;z-index:1}.property-panel{background:#fff;border-left:1px solid #ddd;flex-shrink:0;max-width:380px;min-width:380px;overflow-y:auto;padding:16px;position:relative;width:380px;z-index:10}*{box-sizing:border-box;margin:0;padding:0}:root{--color-white:#fff;--color-black:#000;--color-gray-bg:#f5f3f3;--color-primary:#206840;--color-primary-light:#3ba66f;--color-primary-dark:#154529;--color-green-success:#67c23a;--color-green-whatsapp:#25d366;--color-brown-dark:#2c2416;--color-brown-base:#5d4037;--color-brown-accent:#8d6e63;--color-brown-text:#5c4a37;--color-brown-border:#d7ccc8;--color-beige-primary:#fff;--color-beige-secondary:#e8dcc6;--color-beige-warm:#f5e9dd;--color-gold-primary:#d4af37;--color-gold-rating:#fbbf24;--color-blue-primary:#409eff;--color-blue-light:#66b1ff;--color-blue-facebook:#1877f2;--color-blue-paypal:#0070ba;--color-gray-dark:#333;--color-gray-medium:#666;--color-gray-light:#999;--color-gray-lighter:#e0e0e0;--color-gray-text:#606266;--color-gray-icon:#718096;--color-red-error:#f56c6c;--color-red-bg-light:#fff5f5;--color-orange-warning:#e6a23c;--color-orange-rating:#ffc107;--color-purple:#ab47bc;--color-text-primary:var(--color-brown-dark);--color-text-secondary:var(--color-brown-text);--color-text-tertiary:var(--color-gray-text);--color-text-light:var(--color-brown-accent);--color-text-on-primary:var(--color-white);--color-text-on-dark:var(--color-beige-primary);--color-bg-primary:var(--color-white);--color-bg-secondary:var(--color-gray-bg);--color-bg-tertiary:var(--color-gray-lighter);--color-bg-hover:#e8f5ed;--color-bg-surface:var(--color-white);--color-bg-surface-variant:var(--color-beige-primary);--color-bg-dark:var(--color-primary);--color-bg-darker:var(--color-primary-dark);--color-bg-beads-primary:var(--color-beige-primary);--color-bg-beads-secondary:var(--color-beige-secondary);--color-bg-page:var(--color-beige-primary);--color-border-light:#b8d4c4;--color-border-medium:var(--color-gray-lighter);--color-border-dark:var(--color-gray-light);--color-border-brown:var(--color-brown-border);--color-success:var(--color-green-success);--color-warning:var(--color-gold-primary);--color-error:var(--color-red-error);--color-info:var(--color-blue-primary);--color-status-pending:var(--color-orange-warning);--color-status-pending-ship:var(--color-orange-warning);--color-status-shipping:var(--color-blue-primary);--color-status-delivered:var(--color-green-success);--color-status-completed:var(--color-green-success);--color-status-cancelled:var(--color-gray-light);--color-status-refunded:var(--color-red-error);--color-status-closed:var(--color-gray-light);--color-status-aftersale:var(--color-purple);--color-status-reviewed:var(--color-green-success);--color-status-refunding:var(--color-orange-warning);--theme-color:#682020;--theme-text-color:var(--color-brown-dark);--shadow-sm:0 1px 2px 0 rgba(60,64,67,.08),0 1px 3px 1px rgba(60,64,67,.05);--shadow-md:0 1px 2px 0 rgba(60,64,67,.08),0 2px 6px 2px rgba(60,64,67,.05);--shadow-lg:0 2px 4px 0 rgba(60,64,67,.08),0 4px 8px 3px rgba(60,64,67,.05);--shadow-xl:0 4px 8px 0 rgba(60,64,67,.08),0 8px 16px 4px rgba(60,64,67,.05);--shadow-2xl:0 8px 16px 0 rgba(60,64,67,.08),0 16px 24px 8px rgba(60,64,67,.05);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1)}.shop-page-content{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Source Han Sans CN,sans-serif;line-height:1.6}.shop-page-content *{box-sizing:border-box}.shop-page-content{isolation:isolate}.pb-anim-wrapper{--pb-anim-duration:.7s;--pb-anim-delay:0ms;box-sizing:border-box;display:block;width:100%}.pb-anim-wrapper.pb-anim-pending{opacity:0;pointer-events:none}.pb-anim-wrapper.pb-anim-ready{animation-delay:var(--pb-anim-delay);animation-duration:var(--pb-anim-duration);animation-fill-mode:both;animation-timing-function:cubic-bezier(.22,1,.36,1);opacity:1;pointer-events:auto}.pb-anim-wrapper.pb-anim-ready.pb-anim-fadeIn{animation-name:pbFadeIn}.pb-anim-wrapper.pb-anim-ready.pb-anim-fadeInUp{animation-name:pbFadeInUp}.pb-anim-wrapper.pb-anim-ready.pb-anim-fadeInDown{animation-name:pbFadeInDown}.pb-anim-wrapper.pb-anim-ready.pb-anim-fadeInLeft{animation-name:pbFadeInLeft}.pb-anim-wrapper.pb-anim-ready.pb-anim-fadeInRight{animation-name:pbFadeInRight}.pb-anim-wrapper.pb-anim-ready.pb-anim-slideInLeft{animation-name:pbSlideInLeft}.pb-anim-wrapper.pb-anim-ready.pb-anim-slideInRight{animation-name:pbSlideInRight}.pb-anim-wrapper.pb-anim-ready.pb-anim-slideInUp{animation-name:pbSlideInUp}.pb-anim-wrapper.pb-anim-ready.pb-anim-slideInDown{animation-name:pbSlideInDown}.pb-anim-wrapper.pb-anim-ready.pb-anim-zoomIn{animation-name:pbZoomIn}.pb-anim-wrapper.pb-anim-ready.pb-anim-bounceIn{animation-name:pbBounceIn;animation-timing-function:cubic-bezier(.215,.61,.355,1)}.pb-anim-wrapper.pb-anim-ready.pb-anim-blurIn{animation-name:pbBlurIn}.pb-anim-wrapper.pb-anim-ready.pb-anim-backInUp{animation-name:pbBackInUp}.pb-anim-wrapper.pb-anim-ready.pb-anim-backInLeft{animation-name:pbBackInLeft}.pb-anim-wrapper.pb-anim-ready.pb-anim-backInRight{animation-name:pbBackInRight}.pb-anim-wrapper.pb-anim-ready.pb-anim-flipIn{animation-name:pbFlipIn}.pb-anim-wrapper.pb-anim-ready.pb-anim-flipInX{animation-name:pbFlipInX}.pb-anim-wrapper.pb-anim-ready.pb-anim-rotateIn{animation-name:pbRotateIn}.pb-anim-wrapper.pb-anim-ready.pb-anim-swingIn{animation-name:pbSwingIn;transform-origin:top center}.pb-anim-wrapper.pb-anim-ready.pb-anim-lightSpeedIn{animation-name:pbLightSpeedIn;animation-timing-function:ease-out}.pb-anim-wrapper.pb-anim-ready.pb-anim-jackInTheBox{animation-name:pbJackInTheBox}.pb-anim-wrapper.pb-anim-ready.pb-anim-rubberBand{animation-name:pbRubberBand}.pb-anim-wrapper.pb-anim-ready.pb-anim-rollIn{animation-name:pbRollIn}@keyframes pbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pbFadeInUp{0%{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes pbFadeInDown{0%{opacity:0;transform:translate3d(0,-24px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes pbFadeInLeft{0%{opacity:0;transform:translate3d(-24px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes pbFadeInRight{0%{opacity:0;transform:translate3d(24px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes pbSlideInLeft{0%{opacity:0;transform:translate3d(-48px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes pbSlideInRight{0%{opacity:0;transform:translate3d(48px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes pbSlideInUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes pbSlideInDown{0%{opacity:0;transform:translate3d(0,-40px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes pbZoomIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes pbBounceIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.08,1.08,1.08)}40%{transform:scale3d(.92,.92,.92)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@keyframes pbBlurIn{0%{filter:blur(10px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes pbBackInUp{0%{opacity:0;transform:translateY(80px) scale(.7)}80%{opacity:1;transform:translateY(0) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pbBackInLeft{0%{opacity:0;transform:translate(-80px) scale(.7)}80%{opacity:1;transform:translate(0) scale(.7)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes pbBackInRight{0%{opacity:0;transform:translate(80px) scale(.7)}80%{opacity:1;transform:translate(0) scale(.7)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes pbFlipIn{0%{opacity:0;transform:perspective(800px) rotateY(-75deg)}to{opacity:1;transform:perspective(800px) rotateY(0)}}@keyframes pbFlipInX{0%{opacity:0;transform:perspective(800px) rotateX(75deg)}to{opacity:1;transform:perspective(800px) rotateX(0)}}@keyframes pbRotateIn{0%{opacity:0;transform:rotate(-8deg) scale(.94)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes pbSwingIn{0%{opacity:0;transform:rotate(-12deg)}20%{transform:rotate(10deg)}40%{transform:rotate(-6deg)}60%{opacity:1;transform:rotate(4deg)}80%{transform:rotate(-2deg)}to{opacity:1;transform:rotate(0)}}@keyframes pbLightSpeedIn{0%{opacity:0;transform:translate3d(100%,0,0) skew(-24deg)}60%{opacity:1;transform:skew(12deg)}80%{transform:skew(-4deg)}to{opacity:1;transform:translateZ(0) skew(0)}}@keyframes pbJackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes pbRubberBand{0%{opacity:0;transform:scaleX(1)}30%{opacity:1;transform:scale3d(1.2,.8,1)}40%{transform:scale3d(.85,1.15,1)}50%{transform:scale3d(1.08,.92,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.02,.98,1)}to{opacity:1;transform:scaleX(1)}}@keyframes pbRollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0) rotate(0)}}@media(prefers-reduced-motion:reduce){.pb-anim-wrapper.pb-anim-pending:not(.pb-anim-force-motion){opacity:1;pointer-events:auto}.pb-anim-wrapper.pb-anim-ready:not(.pb-anim-force-motion){animation:none!important;filter:none!important}}